/* A fixed cinematic wall, in neutral charcoal, behind the moving content. */
.motion-surface{isolation:isolate}main{position:relative}
.ambient-field{position:fixed;z-index:-1;inset:0;overflow:hidden;pointer-events:none;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:18px;padding:24px; background:#191919}
.ambient-tile{position:relative;overflow:hidden;border:1px solid #e6c56835;border-radius:3px;opacity:.23;filter:grayscale(1);background:#282828}
.ambient-tile img{position:absolute;width:300%;max-width:none;height:100%;left:-200%;object-fit:cover;object-position:center}
.ambient-field:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#191919f5 0%,#191919b0 44%,#19191940 100%),linear-gradient(0deg,#19191980,transparent 35%,transparent 75%,#191919bb);box-shadow:inset 0 0 140px #191919}
.motion-control{display:inline-flex;align-items:center;gap:8px;border:0;border-bottom:1px solid #414141;background:none;color:var(--muted);font-size:10px;padding:7px 0;margin-top:3px;letter-spacing:.02em}
.motion-control:before{content:'Ⅱ';color:var(--gold);font-size:11px}.motion-control[aria-pressed=true]:before{content:'▷'}
.motion-control:hover{color:var(--gold)}
.motion-ready .reveal-piece{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.65,.2,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .reveal-piece.is-revealed{opacity:var(--exit-opacity,1);transform:none}
.motion-ready .scroll-exit{opacity:var(--exit-opacity,1);scale:var(--exit-scale,1);translate:0 var(--exit-lift,0px);filter:blur(var(--exit-blur,0px));transform-origin:center top}
.motion-ready .reveal-piece:not(.is-revealed){opacity:0}
.motion-ready .scroll-card{mask-image:linear-gradient(to bottom,transparent var(--edge-clear,-100px),#000 var(--edge-solid,-10px));transition:transform .25s ease,border-color .2s ease;transition-delay:0ms}
.motion-ready .scroll-exit:focus-within{mask-image:none;opacity:1;scale:1;translate:none;filter:none}
html.motion-paused .reveal-piece,html.motion-paused .scroll-exit{opacity:1;transform:none;transition:none;translate:none;scale:1;filter:none;mask-image:none}
@media(max-width:760px){.ambient-field{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:12px;padding:12px}.ambient-tile{opacity:.17}.ambient-field:after{background:linear-gradient(90deg,#191919d9,#19191980);box-shadow:inset 0 0 80px #191919}}
@media(prefers-reduced-motion:reduce){.reveal-piece,.scroll-exit{opacity:1!important;transform:none!important;transition:none!important;translate:none!important;scale:1!important;filter:none!important;mask-image:none!important}.motion-control{display:none}}