/* One persistent studio atmosphere across each interior, with readable glass surfaces. */
body.motion-interior{--inner-travel:0px;--inner-parallax-x:0px;--inner-parallax-y:0px;background:#ecf3ee;color:#15281e;isolation:isolate;--paper:#ecf3ee;--ink:#15281e;--muted:#5a7061;--line:#cfded4}
.motion-interior .interior-atmosphere{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:linear-gradient(130deg,#e8f2ed,#f7f5ef 68%,#e1e8f5)}
.motion-interior main,.motion-interior>.reference-footer{position:relative;z-index:1}
.inner-studio-light{position:absolute;inset:-8%;background:linear-gradient(90deg,#ecf3eee6,#ecf3eed9 38%,#e8f3eaa3),url('/assets/monitors/first-frame-desktop.webp') center/cover;opacity:.35;transform:translate3d(calc(var(--inner-parallax-x)*-.6),calc(var(--inner-travel)*-.5),0) scale(1.1);will-change:transform}
.inner-cloud{position:absolute;width:160vw;height:140vh;left:-30vw;top:-20vh;background:url('/assets/audio-sculpture/cloud.png') center/100% 100% no-repeat;opacity:.32;will-change:transform;mix-blend-mode:screen}
.inner-cloud-one{animation:inner-sky-drift 37s ease-in-out infinite alternate}
.inner-cloud-two{left:5vw;top:5vh;opacity:.4;animation:inner-sky-drift 49s ease-in-out -19s infinite alternate-reverse}
.inner-light-field{position:absolute;inset:-20%;background:radial-gradient(ellipse at 85% 18%,#a4d8c14a,transparent 44%),radial-gradient(ellipse at 18% 72%,#baa5d126,transparent 38%);transform:translate3d(var(--inner-parallax-x),calc(var(--inner-parallax-y) - var(--inner-travel)),0);will-change:transform}
@keyframes inner-sky-drift{from{transform:translate3d(-3%,2%,0) scale(1)}to{transform:translate3d(8%,-4%,0) scale(1.12)}}
.motion-interior[data-motion-paused=true] .interior-atmosphere *{animation-play-state:paused}
.motion-interior .site-header{background:#edf5eee3;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom-color:#fff9}
.motion-interior .site-header.is-scrolled{background:#f4faf2e6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.motion-interior .motion-button{display:grid;background:#ffffffa8;border:1px solid #fff;color:#243c2e;border-radius:50%}
.motion-interior .inner-hero{min-height:min(78svh,850px);padding-top:65px;padding-bottom:80px;position:relative}
.motion-interior .inner-hero h1{color:#173124}
.motion-interior .inner-hero p:not(.inner-eyebrow){color:#506959}
.motion-interior :is(.pixel-hero-art,.detail-pixel-art,.case-hero-stack,.corporate-hero>figure,[data-motion-art]){translate:var(--inner-parallax-x) var(--inner-parallax-y);transition:translate .8s cubic-bezier(.2,.7,.2,1)}
.motion-interior :is(.pixel-service-card,.partner-card,.corporate-card,.case-card){transform:perspective(1100px) rotateX(var(--card-lean-x,0deg)) rotateY(var(--card-lean-y,0deg));transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;transform-origin:center}
.motion-interior :is(.pixel-service-card,.partner-card,.corporate-card){background:linear-gradient(145deg,#ffffffd9,#ffffff9c);border-color:#ffffffeb;box-shadow:inset 0 1px 0 #fff,0 12px 30px #1b4b2b08}
.motion-interior :is(.pixel-service-card,.partner-card,.corporate-card,.case-card).is-pointed{box-shadow:0 23px 45px #20452c19}
.motion-interior .partner-wordmark{background:#ffffffe6;border:1px solid #fff}
.motion-interior .pixel-service-cover{margin:8px 8px 0;border-radius:10px}
.motion-interior .pixel-service-copy{padding-top:24px}
.motion-interior :is(.detail-process-section,.case-hero-copy,.corporate-statement,.corporate-principles,.journal-feature,.career-callout,.legal-panel,.bank-panel){background:#ffffffa8;border:1px solid #fff;box-shadow:inset 0 1px #fff}
.motion-interior :is(.detail-process-section,.case-hero-copy){backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.motion-interior .wall-cell{background:#ffffffc4;border-color:#dce6dd}
.motion-interior .wall-cell:hover{background:#fff}
.motion-interior .wall-cell img{mix-blend-mode:multiply}
.motion-interior .wall-tools{padding:13px 18px;background:#ffffffa8;border:1px solid #fff;border-radius:15px}
.motion-interior .editorial-service-tools{padding:18px 20px;background:#ffffff96;border:1px solid #fff;border-radius:15px}
.motion-interior .inner-closing{margin-top:35px;padding-left:35px;padding-right:35px;border:1px solid #ffffffb0;border-radius:25px;background:#ffffff7a;box-shadow:inset 0 1px #fff;margin-bottom:65px}
.motion-interior .reference-footer{background:#ffffffcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid #fff}
.motion-interior .reference-archive{padding-top:75px}
.motion-interior .wall-intro{padding:25px 0 40px;min-height:260px;align-items:center}
.motion-interior .page-title{padding:40px 0 55px}
.motion-interior .price-card{background:#ffffffd9;border:1px solid #fff;box-shadow:0 15px 35px #254a2a0a}
.motion-interior :is(input,textarea,select):focus-visible{outline-color:#347556}
.motion-interior :is(a,button,summary):focus-visible{outline:2px solid #347556;outline-offset:4px}
@media(max-width:700px){.inner-studio-light{background-image:linear-gradient(90deg,#ecf3eee3,#ecf3eec9),url('/assets/monitors/first-frame-mobile.webp');opacity:.3}.inner-cloud{width:190vw;left:-50vw;opacity:.3}.motion-interior .inner-hero{min-height:0;padding-top:48px;padding-bottom:55px}.motion-interior .inner-hero h1{font-size:57px}.motion-interior .service-detail-hero h1{font-size:49px}.motion-interior .inner-closing{padding:30px 23px;margin-bottom:45px;border-radius:20px;gap:25px}.motion-interior .inner-closing h2{font-size:36px}.motion-interior .reference-archive{padding-top:35px}.motion-interior .wall-intro{min-height:0;padding:15px 0 20px}.motion-interior .wall-tools{padding:14px}.motion-interior .editorial-service-tools{padding:15px}.motion-interior .reference-footer{backdrop-filter:none;-webkit-backdrop-filter:none}.motion-interior .motion-button{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.motion-interior .interior-atmosphere *{animation:none!important;will-change:auto}.motion-interior :is(.pixel-service-card,.partner-card,.corporate-card,.case-card,[data-motion-art],.pixel-hero-art,.detail-pixel-art,.case-hero-stack,.corporate-hero>figure){transition:none!important;translate:none!important;transform:none!important}}