/* Motion tokens: response, interface, content, physical separation. */
:root{--motion-response:160ms;--motion-interface:240ms;--motion-content:560ms;--motion-scene:650ms;--motion-reveal:cubic-bezier(.22,1,.36,1);--motion-settle:cubic-bezier(.2,.7,.2,1)}
.hero-line{display:block}.site-header:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:var(--copper);transform:scaleX(0);transform-origin:left;pointer-events:none}.opening-signal .site-header:after{animation:signal-arrive 700ms var(--motion-reveal) both}@keyframes signal-arrive{0%{transform:scaleX(0);opacity:1}75%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
.system-detail{min-height:300px}
@media(min-width:601px) and (max-width:1100px){.system-detail{min-height:355px}}
@media(max-width:600px){.system-detail{min-height:340px}}
.system-buttons button{position:relative;border-top:1px solid #6e886d80}.system-buttons button:after{content:'';position:absolute;top:-1px;left:0;width:100%;height:2px;background:#e5b78b;transform:scaleX(0);transform-origin:left;transition:transform 360ms var(--motion-reveal)}.system-buttons button[aria-pressed='true']:after{transform:scaleX(1)}.system-layer[data-layer='0'].active{transform:translateY(60px) rotateX(54deg) rotateZ(-32deg)}.system-layer[data-layer='1'].active{transform:translateY(16px) rotateX(54deg) rotateZ(-32deg)}.system-layer[data-layer='2'].active{transform:translateY(-28px) rotateX(54deg) rotateZ(-32deg)}.system-layer[data-layer='3'].active{transform:translateY(-72px) rotateX(54deg) rotateZ(-32deg)}
.motion-toggle{grid-column:1/-1;justify-self:start;border:0;border-bottom:1px solid var(--rule);background:transparent;font:10px/1.6 var(--mono);padding:8px 0;color:var(--muted)}.motion-toggle:hover{color:var(--copper)}.motion-toggle:disabled{cursor:default}.footer-bottom{margin-top:0}.project-art img{transition:transform 650ms var(--motion-reveal)}.text-link span{transition:transform 180ms var(--motion-settle)}.menu-icon{transition:transform 180ms var(--motion-settle)}.next-project{transition:background 240ms var(--motion-settle)}
@media(hover:hover) and (pointer:fine){.project-art:hover img{transform:scale(1.025)}.round-arrow{transition:transform 200ms var(--motion-settle),background 200ms}.project-art:hover .round-arrow{transform:translate(2px,-2px)}.text-link:hover span{transform:translate(2px,-2px)}}
@media(hover:none),(pointer:coarse){.project-art:hover img,.text-link:hover span{transform:none}}
@media(min-width:801px){.case-index{top:130px}}
html.reduce-motion{scroll-behavior:auto}html.reduce-motion *,html.reduce-motion *:before,html.reduce-motion *:after{animation:none!important;transition:none!important}html.reduce-motion .project-art:hover img,html.reduce-motion .text-link:hover span,html.reduce-motion .round-arrow{transform:none}html.reduce-motion .hero-system{transform:none!important}
@media(prefers-reduced-motion:reduce){.hero-system{transform:none!important}.text-link:hover span,.project-art:hover .round-arrow{transform:none}.site-header:after{display:none}}
@media print{.motion-toggle{display:none}.hero-system{transform:none!important}}