/* Puma's public home: a digital atelier built around its own constellation. */
body:has(.studio-home){background:#080c10;color:#f5f3ec}
body:has(.studio-home)::before{display:none}
.studio-home{--gold:#dbc087;--muted:#a6afb4;font-family:'Inter',sans-serif}
.studio-home *{box-sizing:border-box}
.studio-home a{color:inherit}
.studio-home .studio-nav{position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:22px 4vw;border-bottom:1px solid #ffffff14;background:transparent}
.studio-nav img{width:112px;height:60px;object-fit:contain}
.studio-nav nav{display:flex;gap:32px;font-size:13px;align-items:center}
.studio-nav a{text-decoration:none}
.studio-home .contact-link{border:1px solid #dbc08780;padding:13px 20px;border-radius:40px;color:var(--gold)}
.studio-home .puma-welcome{height:145svh}
.studio-home .puma-sky{min-height:700px;background:radial-gradient(ellipse at center,#14202a,#080c10 68%)}
.studio-home .puma-welcome-title{inset:38% 4vw auto;font-family:'Oswald',sans-serif;font-size:clamp(54px,8vw,134px);text-transform:uppercase;letter-spacing:-.045em;font-weight:500;line-height:1}
.studio-home .puma-welcome-title span:last-child{align-self:flex-end;margin-top:110px}
.studio-home .puma-drag-hint{top:22%;font-size:11px}
.studio-home .puma-welcome-bottom{bottom:6%;text-align:left;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:end;gap:24px}
.studio-home .puma-welcome-bottom p{max-width:340px;color:#e0e4e5;font-size:19px;line-height:1.5}
.studio-home .puma-welcome-bottom a{font-size:13px}
.studio-container{width:min(1320px,92%);margin:auto}
.studio-intro{padding:120px 0 100px;background:#e7e8e4;color:#172129;border-radius:38px 38px 0 0;position:relative}
.studio-kicker{font-size:14px;margin:0 0 30px;color:#68767d}
.studio-home h1,.studio-home h2,.studio-home h3{font-weight:500;letter-spacing:-.055em;margin:0;line-height:1.04}
.studio-home h1{font-size:clamp(48px,7.3vw,110px);max-width:1100px}
.studio-intro-bottom{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:55px;align-items:end}
.studio-intro-bottom p{font-size:18px;line-height:1.7;max-width:530px;margin:0}
.studio-button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;text-decoration:none;padding:20px 26px;background:var(--gold);color:#121b22!important;border-radius:40px;font-weight:600;font-size:14px;width:fit-content}
.studio-intro-bottom .studio-button{justify-self:end;background:#172129;color:white!important}
.studio-work{padding:110px 0;background:#080c10}
.studio-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:60px}
.studio-home h2{font-size:clamp(38px,5.6vw,78px)}
.studio-heading p{color:var(--muted);max-width:310px;line-height:1.7;font-size:15px}
.studio-case{margin-bottom:85px}
.studio-shot{display:block;position:relative;padding:5.5% 6% 0;border-radius:24px;background:#302b24;overflow:hidden}
.studio-shot img{width:100%;height:auto;display:block;border-radius:10px 10px 0 0;box-shadow:0 0 60px #0005;transition:transform .6s}
.studio-shot:hover img{transform:translateY(-8px)}
.studio-case-info{display:flex;justify-content:space-between;gap:25px;align-items:baseline;margin-top:22px}
.studio-case-info h3{font-size:30px;letter-spacing:-.035em}
.studio-case-info p{font-size:14px;line-height:1.7;color:var(--muted);max-width:450px;margin:0}
.studio-case-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:start}
.studio-case-grid .studio-case:last-child{margin-top:110px}
.studio-case-grid .studio-case-info{display:block}
.studio-case-grid .studio-case-info p{margin-top:12px}
.studio-shot.education{background:#182944;padding:9% 5% 0}
.studio-shot.arena{background:#24433c;padding:9% 5% 0}
.studio-home .segments{background:#15232b;color:#f5f3ec;border-radius:30px;padding:85px 0;margin:0 2vw 100px}
.studio-home .segments-heading{display:block;width:90%;max-width:1320px;margin:0 auto 45px}
.studio-home .segments-heading h2{font-family:inherit;text-transform:none;font-weight:500;font-size:clamp(36px,5vw,66px);max-width:780px}
.studio-home .segments-heading>p:last-child{color:#b9c4cb;margin-top:24px;max-width:520px}
.studio-home .segment-strip{grid-auto-columns:minmax(280px,30%);padding:0 5% 24px;scrollbar-color:#dbc087 #26363e}
.studio-home .segment-card{height:380px;border-radius:12px;box-shadow:none}
.studio-home .segment-card img{object-position:center;filter:saturate(.8) brightness(.9)}
.studio-home .segment-card h3{font-family:inherit;text-transform:none;font-size:24px;font-weight:600;letter-spacing:-.035em}
.studio-home .segment-card ul{font-size:13px;line-height:1.6}
.studio-process{padding:0 0 110px}
.studio-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:65px}
.studio-step{border-top:1px solid #ffffff30;padding-top:24px}
.studio-step small{color:var(--gold);font-size:13px}
.studio-step h3{font-size:29px;margin:35px 0 18px}
.studio-step p{color:var(--muted);font-size:15px;line-height:1.8}
.studio-faq{padding:80px 0;background:#101920}
.studio-faq-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:65px}
.studio-faq h2{font-size:48px}
.studio-faq details{padding:24px 0;border-bottom:1px solid #ffffff25}
.studio-faq summary{cursor:pointer;font-size:18px;line-height:1.5}
.studio-faq details p{color:#b9c4cb;line-height:1.8;font-size:15px;max-width:580px}
.studio-close{padding:105px 0 65px;background:#dbc087;color:#172129}
.studio-close h2{font-size:clamp(54px,9vw,136px);max-width:1050px}
.studio-close-bottom{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:50px}
.studio-close-bottom p{max-width:440px;line-height:1.7}
.studio-close .studio-button{background:#172129;color:#fff!important}
.studio-footer{display:flex;justify-content:space-between;gap:25px;padding:30px 4vw;color:#a6afb4;font-size:12px}
.studio-footer a{text-decoration:none}
.studio-home :is(a,summary):focus-visible{outline:3px solid #619cff;outline-offset:6px}
.studio-home section[id]{scroll-margin-top:25px}
@media(min-width:1600px){.studio-home .puma-welcome-title{left:6vw;right:6vw}}
@media(max-width:760px){.studio-nav nav>a:not(.contact-link){display:none}.studio-home .studio-nav{padding:14px 5%}.studio-nav img{width:90px;height:48px}.studio-home .puma-sky{min-height:640px}.studio-home .puma-welcome-title{inset:27% 6% auto;font-size:55px}.studio-home .puma-welcome-title span:last-child{margin-top:0}.studio-home .puma-drag-hint{top:20%}.studio-home .puma-welcome-bottom{display:block;bottom:5%;left:6%}.studio-home .puma-welcome-bottom p{font-size:17px;max-width:290px}.studio-home .puma-welcome-bottom a{padding-left:0}.studio-intro{padding:75px 0}.studio-intro-bottom{grid-template-columns:1fr;gap:28px;margin-top:30px}.studio-intro-bottom .studio-button{justify-self:start}.studio-intro-bottom p{font-size:16px}.studio-work{padding:70px 0}.studio-heading{display:block;margin-bottom:35px}.studio-case-info{display:block}.studio-case-info p{margin-top:12px}.studio-case-grid,.studio-faq-layout,.studio-steps{grid-template-columns:1fr;gap:25px}.studio-case-grid .studio-case:last-child{margin-top:0}.studio-case{margin-bottom:45px}.studio-home .segments{margin-bottom:70px;padding:55px 0}.studio-home .segment-strip{grid-auto-columns:85%}.studio-process{padding-bottom:70px}.studio-steps{margin-top:35px}.studio-step h3{margin-top:20px}.studio-close{padding:65px 0}.studio-close-bottom{display:block;margin-top:30px}.studio-close-bottom .studio-button{margin-top:20px}.studio-footer{flex-wrap:wrap}.studio-home h1{font-size:clamp(42px,10vw,70px)}}
@media(prefers-reduced-motion:reduce){.studio-shot img{transition:none}.studio-shot:hover img{transform:none}.studio-home .puma-welcome{height:100svh}}