/* Quiet reading surfaces; interaction belongs to the dedicated scenes. */
.ambient-background{background:var(--paper)}
.ambient-glow{transform:none;background:radial-gradient(ellipse at 85% 0%,color-mix(in srgb,var(--lime) 9%,transparent),transparent 45%);transition:none}
.hero-copy .eyebrow{font-size:11px;letter-spacing:.08em;max-width:none}
.hero-lede{font-size:17px;line-height:1.75}
.hero h1{font-size:clamp(55px,6.1vw,88px)}
.hero{min-height:690px;padding-block:58px}
.hero-grid{gap:48px}
.opening-composition{position:relative}
.opening-photographic .opening-poster{display:block!important;pointer-events:none;object-position:50% 50%;will-change:auto}
.opening-bottom button,.production-toolbar button,.scene-toolbar button{font-size:12px;min-height:44px}
.hero-effects-link{display:inline-flex;align-items:center;gap:10px;color:var(--signature-inverse-muted);font-size:13px;margin-top:24px;text-underline-offset:5px}
.hero-effects-link span{color:var(--lime);font-size:17px}
.intro h2{max-width:840px;font-size:clamp(32px,4.1vw,57px)}
.intro{background:transparent;color:var(--ink);border-radius:0}
.intro .eyebrow,.intro p{color:var(--muted)}
.intro .eyebrow::before{background:var(--accent)}
.intro h2 em{color:var(--accent)}
.intro p{margin-top:23px;max-width:650px}
.studio-metrics{padding-block:46px 0}
.studio-metric p{font-size:13px}
.productions{padding-top:78px}
.production-head{align-items:end;margin-bottom:30px;gap:35px}
.production-head h2{font-size:clamp(38px,4.5vw,64px);margin-top:18px}
.production-head>p{max-width:340px;line-height:1.75}
.production-layout{grid-template-columns:minmax(200px,.4fr) minmax(0,1.6fr);gap:38px}
.sector-choice,.sector-choice[aria-pressed=true]{padding-top:19px;padding-bottom:19px}
.sector-choice strong{font-size:16px}
.sector-number{font-size:11px}
#production-stage{height:clamp(460px,43vw,610px)}
.view-switch button{font-size:12px;min-height:40px;min-width:62px}
.production-toolbar{padding-top:12px;justify-content:flex-end}
.production-description{margin-top:18px;padding-top:16px}
.production-description h3{font-size:25px;margin:0}
.sample-nav{font-size:12px;letter-spacing:.06em;padding-bottom:16px}
.sample-brand{letter-spacing:.08em}
.sample-bottom{font-size:12px}
.sample-cta{font-size:13px;min-height:44px}
.sample-title{line-height:1.1}
.parts-lab{margin-top:10px;padding:0 2px}
.parts-lab summary{width:max-content;max-width:100%;min-height:44px;display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer;color:var(--ink);font-size:13px;font-weight:600;border-radius:999px;padding:9px 2px}
.parts-lab summary::-webkit-details-marker{display:none}
.parts-lab summary::after{content:'+';font-size:19px;font-weight:400}
.parts-lab[open] summary::after{content:'−'}
.parts-lab .parts-cards{margin-top:7px}
.part-card{min-height:80px}
.part-caption strong{font-size:13px}
.project-card,.js-motion .project-card.reveal.is-visible{transform:none!important;translate:none;transition:opacity .42s,box-shadow .25s,border-color .25s}
.project-card:hover{box-shadow:0 14px 30px color-mix(in srgb,var(--ink) 6%,transparent)}
.project-art::after{display:none!important}
.project-photo,.project-card:hover .project-photo{transform:none!important;scale:1!important;translate:none!important;transition:none}
.project-meta{padding-top:21px}
.project-type{font-size:11px;letter-spacing:.06em}
.project-number{font-size:12px}
.project-card p{font-size:15px;line-height:1.75}
.project-link{font-size:13px;min-height:46px}
.directions{padding-block:35px 70px}
.direction-image::after{display:none}
.direction-card p{font-size:14px;line-height:1.75}
.direction-card h3{font-size:25px;margin:18px 0 10px}
.direction-card:hover .direction-image img{transform:scale(1.02)}
.atelier-scroll{height:150svh;margin-top:0}
.atelier-sticky{gap:38px}
.atelier-copy h2{font-size:clamp(37px,4.4vw,62px)}
.atelier-copy>p{font-size:15px}
.scene-fallback span{display:none}
.studio-film{padding-block:60px 70px}
.film-heading{gap:35px}
.film-heading h2{font-size:clamp(36px,4vw,58px)}
.film-heading p{font-size:15px}
.film-cover-top{font-size:12px}
.film-credit strong{font-size:14px}
.film-actions a,.film-close{font-size:13px}
.film-privacy{font-size:12px;margin-top:14px}
.listening{padding-block:85px;gap:65px}
.listening-heading>p,.listening-row p{font-size:15px;line-height:1.8}
.listening-row>b{display:none}
.listening-row:hover h3{translate:none}
.signature-title-seen em,.signature-title-seen>span{animation:none;background:none}
.signature-magnetic{translate:none}
.contact{margin-top:12px}
.contact h2{font-size:clamp(40px,5.2vw,70px)}
.contact-copy{font-size:15px}
.contact-note{font-size:13px;line-height:1.75;color:var(--signature-inverse-muted);margin:0 0 20px}
.contact-pending{border:1px solid color-mix(in srgb,var(--white) 18%,transparent);border-radius:24px;padding:23px}
.contact-pending>summary{cursor:pointer;min-height:44px;font-size:15px;color:var(--signature-inverse);font-weight:600}
.contact-pending[open]>summary{margin-bottom:18px}
.contact-pending .email-box{border:0;padding:0;background:none;box-shadow:none}
.contact-pending .email-box h3{display:none}
.contact-pending .email-note{font-size:13px;line-height:1.7}
.contact-pending .domain-pill{margin:20px 0 0}
.copy-btn{min-height:44px;font-size:12px}
.footer{gap:20px;align-items:center}
.footer>span:first-child{font-size:11px;line-height:1.7}
.footer-nav a,.texture-credits,.footer .texture-credits a{font-size:12px}
.theme-settings{position:relative;margin-left:auto;color:var(--signature-inverse-muted)}
.theme-settings>summary{font-size:13px;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;list-style:none}
.theme-settings>summary::after{content:'◉';font-size:17px;color:var(--lime)}
.theme-settings>summary::-webkit-details-marker{display:none}
.theme-settings .theme-picker{position:absolute;right:0;bottom:48px;min-width:260px;background:var(--ink-soft);border:1px solid color-mix(in srgb,var(--white) 20%,transparent);border-radius:22px;padding:12px;box-shadow:0 8px 28px #0002;margin:0;z-index:10;gap:4px;flex-wrap:nowrap}
.theme-picker button b{font-size:12px}
.theme-picker button{padding:8px;gap:6px}
.motion-toggle{font-size:12px;min-height:44px;bottom:15px;right:15px}
@media(max-width:1100px){.hero-grid{gap:30px}.production-layout{grid-template-columns:190px minmax(0,1fr);gap:26px}.sector-choice strong{font-size:15px}.part-caption strong{font-size:12px}}
@media(max-width:900px){.hero{min-height:0;padding-block:45px}.hero h1{font-size:clamp(58px,9vw,80px)}.production-layout{grid-template-columns:1fr;gap:22px}.sector-choice,.sector-choice[aria-pressed=true]{padding:12px 16px}.sector-choice strong{font-size:13px}.production-head{align-items:start}#production-stage{height:490px}.listening{gap:25px}.atelier-sticky{gap:25px}}
@media(max-width:680px){.hero{padding:20px 0 32px}.hero h1{font-size:clamp(37px,10.5vw,62px);line-height:1.05}.hero-grid{gap:28px}.hero-copy .eyebrow{font-size:11px;line-height:1.65}.hero-lede{font-size:16px;line-height:1.75}.hero-effects-link{margin-top:20px;font-size:13px}.studio-metrics{padding-top:32px}.studio-metric p{font-size:12px;max-width:none}.production-head{gap:18px}.production-head h2{font-size:clamp(36px,9.5vw,54px)}.production-head>p{font-size:15px}.production-layout{gap:18px}.sector-choice,.sector-choice[aria-pressed=true]{padding:11px 14px;min-height:46px}.sector-choice strong{font-size:13px}#production-stage{height:clamp(330px,82vw,440px)}.view-switch button{font-size:12px}.production-description h3{font-size:23px}.part-caption strong{font-size:12px}.production-toolbar button,.scene-toolbar button{font-size:12px;min-height:44px}.directions{padding-block:25px 58px}.direction-image{height:245px}.direction-card p{font-size:15px}.atelier-scroll{height:145svh}.atelier-copy h2{font-size:clamp(30px,8vw,42px)}.atelier-copy>p{font-size:14px}.studio-film{padding-block:50px}.film-cover-top{font-size:11px}.listening{padding-block:65px}.listening-row p,.listening-heading>p{font-size:15px}.contact-pending{padding:18px}.contact-note{font-size:13px}.contact h2{font-size:clamp(39px,10vw,60px)}.footer{align-items:flex-start}.theme-settings{margin-left:0}.theme-settings .theme-picker{right:auto;left:0}.theme-picker button b{font-size:12px}.motion-toggle{font-size:12px;right:10px;bottom:10px}}
@media(prefers-reduced-motion:reduce){.atelier-scroll{height:auto}.hero-effects-link,.project-card,.project-link,.production-description{transition:none}}
@media(max-width:680px){.theme-settings .theme-picker{min-width:0;width:calc(100vw - 64px);max-width:280px;justify-content:space-between}.theme-settings .theme-picker button{flex:1;flex-direction:column;padding:6px 4px}}