/* Three complete private-draft paintings; text sits in their clear center. */
.secondary-page-hero{position:relative;isolation:isolate;width:min(1774px,100%);aspect-ratio:2/1;margin:0 auto;overflow:hidden;background:#0c0d12}
.secondary-page-hero__art,.secondary-page-hero__lights{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.secondary-page-hero__lights{pointer-events:none;shape-rendering:crispEdges}
.secondary-page-hero__copy{position:absolute;z-index:2;left:50%;top:33%;transform:translate(-50%,-50%);width:48%;text-align:center;color:#fff2d0;text-shadow:2px 2px 0 #10131d}
.secondary-page-hero__copy h1{margin:0;font:400 clamp(18px,3vw,48px)/1.25 'Aether Pixel',monospace;color:#fff2d0;letter-spacing:0}
.secondary-page-hero__copy p{margin:clamp(6px,1vw,16px) auto 0;font:400 clamp(12px,1.3vw,20px)/1.5 'Aether Pixel',monospace;color:#fff2d0;text-wrap:balance}
.secondary-page-hero__lights .lamp-trough{fill:#16121c;opacity:.2;animation:secondary-lamp-trough-r24 var(--lamp-duration,8s) steps(12,end) var(--lamp-delay,0s) infinite paused}
.secondary-page-hero__lights .lamp-emission{opacity:.04;mix-blend-mode:screen;animation:secondary-lamp-emission-r24 var(--lamp-duration,8s) steps(12,end) var(--lamp-delay,0s) infinite paused}
.secondary-motion-r28 .lamp-emission{fill:var(--lamp-color,#fff0b9)}
.secondary-page-hero__lights .lamp-halo{fill:var(--lamp-color,#fff0b9);opacity:.03;mix-blend-mode:screen;animation:secondary-lamp-halo-r28 var(--lamp-duration,8s) steps(12,end) var(--lamp-delay,0s) infinite paused}
.secondary-page-hero__lights .secondary-leaf-rustle{transform-box:view-box;transform-origin:var(--leaf-origin);animation:secondary-leaf-rustle-r28 var(--leaf-duration,7.5s) steps(7,end) var(--leaf-delay,0s) infinite paused}
.secondary-page-hero__lights .secondary-leaf-source{image-rendering:pixelated}
.secondary-page-hero.is-active .secondary-page-hero__lights .lamp-trough,.secondary-page-hero.is-active .secondary-page-hero__lights .lamp-emission,.secondary-page-hero.is-active .secondary-page-hero__lights .lamp-halo,.secondary-page-hero.is-active .secondary-page-hero__lights .secondary-leaf-rustle{animation-play-state:running}
@keyframes secondary-lamp-trough-r24{0%,100%{opacity:.38}24%,78%{opacity:.2}44%,58%{opacity:0}}
@keyframes secondary-lamp-emission-r24{0%,100%{opacity:.025}24%,78%{opacity:.24}44%,58%{opacity:.76}}
@keyframes secondary-lamp-halo-r28{0%,100%{opacity:.015}24%,78%{opacity:.085}44%,58%{opacity:.24}}
@keyframes secondary-leaf-rustle-r28{0%,100%{transform:translateX(0) rotate(0deg)}24%{transform:translateX(calc(7px * var(--leaf-direction,1))) rotate(calc(.65deg * var(--leaf-direction,1)))}52%{transform:translateX(calc(-2px * var(--leaf-direction,1))) rotate(calc(-.2deg * var(--leaf-direction,1)))}76%{transform:translateX(calc(-6px * var(--leaf-direction,1))) rotate(calc(-.55deg * var(--leaf-direction,1)))}}
@media(max-width:600px){.secondary-page-hero__copy{width:50%;text-shadow:1px 1px 0 #10131d}.secondary-page-hero__copy p{max-width:100%}}
@media(prefers-reduced-motion:reduce){.secondary-page-hero__lights{display:none}.secondary-page-hero__lights *{animation:none!important}}
@media(forced-colors:active){.secondary-page-hero__copy{background:Canvas;color:CanvasText;text-shadow:none}.secondary-page-hero__copy h1,.secondary-page-hero__copy p{color:CanvasText}.secondary-page-hero__lights{display:none}}
