/* A continuous editorial chapter; natural flow carries the narrative forward. */
.studio{position:relative;background:#060A0A;color:#F3F2EF;isolation:isolate;overflow-anchor:none;--intro:1;--brand:1;--portrait:1;--person:1;--number1:1;--number2:1;--surface:1;--handoff:0}
.studio-stage{position:relative;padding:115px 7% 100px;overflow:clip}
.studio-stage:before{content:'';position:absolute;inset:0 0 auto;height:550px;background:#F3F2EF;z-index:3;pointer-events:none;clip-path:inset(0 0 calc(var(--surface)*100%) 0)}
.studio-opening,.studio-founder-layout{max-width:1500px;margin:auto;display:grid;align-items:center}
.studio-opening{grid-template-columns:1.1fr 1fr;gap:8%;padding-bottom:70px}
.studio .eyebrow{font-size:12px;line-height:1.4;font-weight:400;letter-spacing:1.8px;text-transform:uppercase;margin:0 0 26px;color:#b8bdb7}
.studio-intro{clip-path:inset(-.15em 0 calc((1 - var(--intro))*100%) 0);transform:translateY(calc((1 - var(--intro))*30px - var(--handoff)*12px))}
.studio h2{margin:0;font-size:48px;line-height:1.08;letter-spacing:-.055em;font-weight:700;max-width:720px}
.studio-intro>p{font-size:16px;line-height:1.65;color:#b8bdb7;max-width:470px;margin:30px 0 0}
.studio-brandfield{position:relative;min-width:0;min-height:300px;display:flex;align-items:center;justify-content:flex-end;clip-path:inset(-.1em calc((1 - var(--brand))*100%) -.1em 0);transform:translateY(calc((1 - var(--brand))*28px - var(--handoff)*35px));opacity:calc(1 - var(--handoff)*.3)}
.studio-wordmark{font-size:clamp(140px,20vw,300px);line-height:.9;font-weight:800;letter-spacing:-.09em;padding-right:.09em;color:#F5C400;transform:scale(calc(.97 + var(--brand)*.03));transform-origin:right center}
.studio-founder-layout{grid-template-columns:1fr 1.05fr;gap:8%;align-items:start;padding-top:0;border:0}
.studio-portrait{position:relative;width:92.2%;justify-self:start;margin:0;overflow:visible;clip-path:inset(calc((1 - var(--portrait))*100%) 0 0);transform:translateY(calc((1 - var(--portrait))*24px))}
.studio-portrait img{display:block;width:100%;height:auto;object-fit:contain;transform:none;filter:none}
.studio-founder-content{padding-top:65px}
.studio-person{opacity:var(--person);transform:translateY(calc((1 - var(--person))*20px))}
.studio-person h3{font-size:clamp(38px,4.5vw,68px);line-height:1.02;letter-spacing:-.05em;font-weight:600;margin:0 0 16px}.studio-role{font-size:15px;color:#F5C400;line-height:1.5;margin:0}.studio-bio{font-size:16px;line-height:1.65;color:#b8bdb7;max-width:490px;margin:25px 0 0}
.studio-numbers{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:44px 0 0}
.studio-number{border:0;padding:0;clip-path:none;opacity:var(--number1);transform:translateY(calc((1 - var(--number1))*18px))}.studio-number:nth-child(2){opacity:var(--number2);transform:translateY(calc((1 - var(--number2))*18px))}
.studio-number dt{display:flex;flex-direction:column;gap:9px}.studio-number strong{font-size:clamp(55px,6vw,92px);font-weight:600;line-height:.95;letter-spacing:-.065em;color:#F5C400}.studio-number dt span{font-size:12px;letter-spacing:1.4px;line-height:1.4}.studio-number dd{font-size:14px;line-height:1.6;color:#b8bdb7;margin:15px 0 0;max-width:210px}
body.in-studio header{color:#F3F2EF!important;background:linear-gradient(#060a0a 55%,#060a0a00)!important}body.in-studio .top-right{color:#F3F2EF!important}
@media(max-width:1099px){.studio-stage{padding:100px 6% 80px}.studio-opening{gap:6%;padding-bottom:55px}.studio-brandfield{min-height:250px}.studio-wordmark{font-size:20vw}.studio-founder-layout{gap:6%}.studio-founder-content{padding-top:30px}.studio-portrait{width:100%}.studio-bio{font-size:15px}.studio-numbers{gap:22px;margin-top:32px}.studio-number dd{font-size:13px}}
@media(max-width:760px){.studio-stage{padding:90px 7% 65px}.studio-opening{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding-bottom:32px}.studio-intro>p{font-size:15px;margin-top:25px}.studio-brandfield{min-height:0;height:auto;justify-content:flex-end;padding:12px 0 8px;transform:translateY(calc((1 - var(--brand))*16px - var(--handoff)*10px))}.studio-wordmark{font-size:clamp(120px,43vw,240px)}.studio-founder-layout{grid-template-columns:1fr;gap:30px}.studio-founder-content{padding-top:0}.studio-portrait{width:100%;transform:translateY(calc((1 - var(--portrait))*12px))}.studio-person h3{font-size:clamp(37px,9vw,55px)}.studio-bio{font-size:15px;max-width:540px}.studio-numbers{gap:24px;margin-top:32px}.studio-number strong{font-size:clamp(58px,15vw,80px)}.studio-number dd{font-size:14px}.studio .eyebrow{margin-bottom:22px}}
body.reduce .studio{--intro:1!important;--brand:1!important;--portrait:1!important;--person:1!important;--number1:1!important;--number2:1!important;--surface:1!important;--handoff:0!important}body.reduce .studio-stage:before{display:none}body.reduce .studio *{transform:none!important;clip-path:none!important;animation:none!important;transition:none!important}

/* Complements belong to the founder narrative, directly beneath each number. */
.studio-number dt{gap:8px}
.studio-number dt span{font-size:17px;font-weight:600;line-height:1.35;letter-spacing:0;text-transform:none}
.studio-number dd{margin-top:5px}
@media(max-width:1099px){.studio-number dt span{font-size:16px}}

/* Founder portfolio: one comfortable target, including its vector icon. */
.studio-portfolio{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:14px;color:#F3F2EF;font-family:Karla,Arial,sans-serif;font-size:15px;font-weight:500;line-height:1.5;text-decoration:none;transition:color .2s ease}
.studio-portfolio::after{content:'';position:absolute;left:0;right:0;bottom:5px;height:1px;background:currentColor}
.studio-portfolio svg{display:block;width:18px;height:18px;flex-shrink:0;transition:transform .2s ease}
@media(hover:hover) and (pointer:fine){.studio-portfolio:hover{color:#F5C400}}
.studio-portfolio:hover svg{transform:translate(2px,-2px)}
.studio-portfolio:focus-visible{outline:2px solid #F5C400;outline-offset:5px;border-radius:2px}
@media(prefers-reduced-motion:reduce){.studio-portfolio,.studio-portfolio svg{transition:none}.studio-portfolio:hover svg{transform:none}}
body.reduce .studio-portfolio:hover svg{transform:none}