/* September studio update: shared visual language for web, brand and play. */
.studio-home .hero h1{font-size:clamp(68px,8vw,112px);line-height:.97;letter-spacing:-.07em}
.studio-home .hero-lead{max-width:590px}
.service-card .text-link{margin-top:auto;font-size:14px;padding-top:24px}
.service-card{display:flex;flex-direction:column}.service-card ul{margin-bottom:18px}
.studio-work{background:var(--ink);color:var(--paper)}
.studio-work .kicker{color:var(--lime)}.studio-work .section-heading>p{color:#a9adb3}
.studio-case{margin:64px 0 80px}.case-stage{display:block;position:relative;padding:92px 12% 76px 7%;background:#dce5dc;border-radius:24px;text-decoration:none;isolation:isolate;overflow:hidden}
.case-stage-label{position:absolute;top:28px;left:32px;font-size:11px;letter-spacing:.2em;color:#30493d;font-weight:700}
.browser-frame{border:1px solid #ffffff70;border-radius:12px;overflow:hidden;box-shadow:0 25px 65px #20392c35;background:#fff;transform:rotate(-2deg);transition:transform .4s}
.browser-bar{height:32px;display:flex;align-items:center;gap:5px;padding:0 12px;background:#f7f8f5;color:#727b72;font-size:10px}.browser-bar i{width:6px;height:6px;border-radius:50%;background:#b4bdb5}.browser-bar span{margin:auto}
.browser-frame>img{width:100%;aspect-ratio:1.85;object-fit:cover;object-position:top}
.phone-frame{position:absolute;width:19%;right:5%;bottom:30px;border:6px solid #202b25;border-radius:27px;overflow:hidden;box-shadow:0 20px 50px #162c2940;background:#fff;transform:rotate(5deg);transition:transform .4s}.phone-frame img{width:100%;height:auto}
.case-stage:hover .browser-frame{transform:rotate(0)}.case-stage:hover .phone-frame{transform:rotate(1deg)}
.case-open{position:absolute;right:28px;top:22px;color:#20392c;font-size:36px}
.case-caption{display:grid;grid-template-columns:1.1fr 1fr auto;gap:32px;align-items:center;padding-top:30px}.case-caption h3{font-size:clamp(26px,3vw,38px);letter-spacing:-.04em;margin:6px 0}.case-caption h3 a{text-decoration:none}.case-caption>p{color:#b2b6ba;max-width:400px;font-size:15px}.case-caption .text-link{white-space:nowrap}.case-placeholder{padding:70px;color:#193b34;font-size:40px}
.design-note{border-top:1px solid #ffffff26;padding-top:40px;max-width:800px}.design-note h3{font-size:32px;letter-spacing:-.04em;margin:12px 0}.design-note>p:not(.kicker){color:#b2b6ba}.design-note a{margin-top:15px}
.studio-invitation{padding:110px 0;background:var(--lime);color:var(--ink)}.studio-invitation h2{font-size:clamp(36px,5.7vw,78px);font-weight:650;line-height:1.1;letter-spacing:-.055em;max-width:1100px;margin:30px 0 48px}.studio-invitation h2 span{color:#455726}.invitation-bottom{display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid #0b0d1035;padding-top:30px}.invitation-bottom p{max-width:480px}.studio-invitation .button-primary{background:var(--ink);color:white}
.case-study{padding-top:50px}.case-study .project-page-header{margin-top:44px}.case-study .case-stage{margin:55px 0}.case-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:30px 0;border-block:1px solid var(--line)}.case-facts p{margin:0;color:var(--muted);font-size:13px}.case-facts strong{display:block;font-size:18px;margin-top:8px}.case-story{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;padding:75px 0}.case-story h2{font-size:clamp(32px,4vw,54px);line-height:1.1;letter-spacing:-.04em;margin:0}.case-story p{color:var(--muted);margin-top:0}.case-story .button{margin-top:20px}
.interactive-page{background:#0b0d10;color:#f4f3ef}.interactive-hero{padding:80px 0 100px;background:radial-gradient(ellipse at 85% 45%,#242947 0,transparent 60%)}.interactive-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}.interactive-back{display:inline-block;color:#aeb3be;text-decoration:none;font-size:13px;margin-bottom:50px}.interactive-hero .kicker,.interactive-library .kicker,.interactive-contact .kicker{color:var(--lime)}.interactive-hero h1{font-size:clamp(52px,7.5vw,108px);line-height:.98;letter-spacing:-.065em;margin:24px 0 32px}.interactive-hero h1 span{color:var(--lime)}.interactive-hero p:not(.kicker){max-width:460px;color:#afb3bd}.interactive-hero .interactive-lead{font-size:26px;color:#fff!important;line-height:1.35}.interactive-hero .button{margin-top:25px}
.play-sculpture{position:relative;aspect-ratio:1;display:grid;place-items:center}.play-core{position:relative;background:linear-gradient(135deg,#8290ff,#4e56d9 55%,#29295d);border:1px solid #bfc5ff70;border-radius:28%;height:62%;width:62%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:100px;font-weight:800;letter-spacing:-.09em;box-shadow:inset 0 3px 5px #fff5,0 45px 100px #0008;transform:rotate(-12deg)}.play-core span{font-size:8px;letter-spacing:.1em;margin-top:10px}.play-orbit{position:absolute;width:95%;height:70%;border:1px solid #a2afff55;border-radius:50%;transform:rotate(-40deg)}.play-orbit.second{transform:rotate(40deg)}.play-plus{position:absolute;top:2%;right:10%;color:var(--lime);font-size:90px;line-height:1}.play-dot{position:absolute;width:26px;height:26px;bottom:8%;left:10%;border-radius:50%;background:var(--lime)}
.interactive-library{border-top:1px solid #ffffff20}.interactive-library .section-heading>p{color:#aeb3be}.interactive-empty{background:#161a22;border:1px solid #303644;border-radius:24px;padding:48px}.development-badge{font-size:11px;letter-spacing:.15em;color:#aeb8ff}.interactive-empty h3{font-size:clamp(25px,4vw,42px);letter-spacing:-.04em;margin:20px 0}.interactive-empty p{color:#b3b9c5;max-width:650px}.interactive-topics{display:flex;flex-wrap:wrap;gap:26px;border-top:1px solid #ffffff20;margin-top:40px;padding-top:28px;color:#c5cad6;font-size:13px}.interactive-contact{padding:80px 0 110px}.interactive-contact h2{font-size:clamp(32px,5vw,62px);letter-spacing:-.05em;margin:20px 0}.interactive-contact p{color:#aeb3be}.interactive-page .site-footer{background:var(--paper);color:var(--ink)}.interactive-page .site-header{color:var(--ink)}
.interactive-page .site-footer{background:var(--ink);color:var(--paper);border-top:1px solid #ffffff20}
@media(max-width:900px){.case-caption{grid-template-columns:1fr 1fr}.case-caption>.text-link{grid-column:1/-1}.case-story{gap:35px}.interactive-grid{gap:10px}.play-core{font-size:70px}}
@media(max-width:600px){.studio-home .hero h1{font-size:68px}.case-stage{padding:65px 9% 74px 5%;border-radius:16px}.case-stage-label{top:20px;left:20px;font-size:9px}.phone-frame{width:25%;right:4%;bottom:16px;border-width:3px;border-radius:13px}.browser-frame{border-radius:6px}.browser-bar{height:20px;font-size:7px}.browser-bar i{width:4px;height:4px}.case-caption,.case-story,.case-facts{grid-template-columns:1fr;gap:18px}.case-caption>.text-link{grid-column:auto}.studio-case{margin:35px 0 50px}.studio-invitation{padding:70px 0}.studio-invitation h2{font-size:36px}.invitation-bottom{align-items:flex-start;flex-direction:column;gap:16px}.case-study .case-stage{margin:30px 0}.case-story{padding:45px 0}.interactive-grid{grid-template-columns:1fr}.interactive-hero{padding:35px 0 55px}.interactive-back{margin-bottom:30px}.interactive-hero h1{font-size:59px}.play-sculpture{max-width:330px;width:100%;margin:35px auto 0}.interactive-empty{padding:28px}.interactive-topics{flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){.case-stage *{transition:none!important}.ticker-track{animation:none!important}}