.gallery-page{width:100%;min-width:0;max-width:1620px;margin:0 auto;padding:40px 24px 100px}.gallery-page h1{font-size:clamp(32px,5vw,56px);letter-spacing:-.04em}.gallery-intro{max-width:640px;opacity:.65;margin:12px 0 32px}.gallery-controls{position:sticky;top:64px;z-index:20;display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;min-height:56px;padding:8px;background:var(--background);border-block:1px solid color-mix(in srgb,currentColor 15%,transparent)}.gallery-controls button,.gallery-layers button,.gallery-readout button{min-height:44px;min-width:44px;font:inherit;cursor:pointer}.gallery-controls button{padding:0 10px}.gallery-controls button[aria-pressed=true]{text-decoration:underline;text-underline-offset:5px}.gallery-controls button[aria-label="Toggle theme"]{width:44px;height:44px}.gallery-clock{display:flex;align-items:center;gap:8px}.gallery-clock input{height:44px;width:180px;accent-color:currentColor}.gallery-clock input::-moz-range-thumb{width:44px;height:44px}.gallery-phases{display:flex;flex-wrap:wrap}.gallery-controls output{flex-basis:100%;font-size:12px;opacity:.65}.gallery-rig{font:11px ui-monospace,monospace;border:1px solid;padding:3px 7px}.banner-gallery section{border-bottom:1px solid color-mix(in srgb,currentColor 15%,transparent);padding:24px 0;scroll-margin-top:190px}.banner-gallery section header{display:flex;align-items:center;gap:18px;margin-bottom:20px}.banner-gallery h2{font-size:20px;font-weight:500}.banner-gallery section header a{font-size:13px;min-height:44px;display:flex;align-items:center}.gallery-status{margin-left:auto;font:11px ui-monospace,monospace;opacity:.55}.overlay-note{font-size:12px;opacity:.6;margin-bottom:12px}.gallery-strips{display:grid;grid-template-columns:minmax(0,1152px) 390px;gap:24px;align-items:center}.gallery-strip{position:relative;isolation:isolate;color:var(--foreground)}.gallery-strip.desktop{width:1152px;max-width:100%;aspect-ratio:1152/104}.gallery-strip.phone{width:358px;aspect-ratio:358/80}.gallery-stage{display:block;overflow:visible;fill:currentColor}.gallery-stage,.gallery-stage [data-drawing]>svg{width:100%;height:100%}.phone-frame{width:390px;max-width:100%;padding:15px;border:1px solid color-mix(in srgb,currentColor 30%,transparent);border-radius:24px}.gallery-disc{opacity:.55;transform:translate(calc(var(--lum-x,.5)*var(--strip-w)),calc(var(--horizon)*(1 - var(--lum-alt,62)/70)))}.gallery-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none;stroke:var(--accent,currentColor);stroke-width:1;opacity:0}.gallery-overlay text{stroke:none;fill:currentColor;font:9px ui-monospace,monospace}.gallery-layers{display:none;list-style:none;padding:0;margin-top:12px;gap:12px;flex-wrap:wrap;font:11px ui-monospace,monospace;opacity:.65}.gallery-layers svg{width:40px;height:8px;fill:none;stroke:currentColor}.gallery-readout{display:none;align-items:center;gap:12px;font:11px ui-monospace,monospace;margin-top:10px}.gallery-readout output{flex:1}.gallery-beats{display:flex;gap:12px;flex-wrap:wrap;padding:0;margin-top:10px;list-style:none;font:11px ui-monospace,monospace;opacity:.6}.gallery-beats [data-current]{text-decoration:underline;opacity:1}.banner-gallery .is-still *{animation-play-state:paused!important}.gallery-strip [data-minidyl-hand],.gallery-strip [data-minidyl-placeholder]{animation:none!important}.banner-gallery [data-gallery-layer]{transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .32s cubic-bezier(.2,.8,.2,1)}.banner-gallery[data-xray=true] .gallery-overlay{opacity:1}.banner-gallery[data-xray=true] .gallery-layers,.banner-gallery[data-xray=true] .gallery-readout{display:flex}.banner-gallery[data-xray=true] .gallery-strips{padding:58px 0 16px 70px}.banner-gallery button:focus-visible,.banner-gallery input:focus-visible{outline:2px solid currentColor;outline-offset:3px}html[data-motion=off] .banner-gallery *,html[data-motion=off] .banner-gallery :after,html[data-motion=off] .banner-gallery :before{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.banner-gallery *,.banner-gallery :after,.banner-gallery :before{animation:none!important;transition:none!important}}@media(max-width:1199px){.gallery-strips{grid-template-columns:minmax(0,1fr);gap:16px}.phone-frame{justify-self:end}}@media(max-width:767px){.gallery-page{padding:24px 16px 60px}.gallery-controls{top:56px}.gallery-strips{display:flex;flex-direction:column;align-items:stretch}.phone-frame{order:-1;width:100%;padding:0;border:0;border-radius:0}.gallery-strip.phone{width:100%}.desktop-track{overflow-x:auto;scroll-snap-type:x mandatory}.gallery-strip.desktop{max-width:none;scroll-snap-align:start}.banner-gallery[data-both=false] .desktop-track{display:none}.gallery-clock input{width:150px}.banner-gallery[data-xray=true] .gallery-strips{padding-left:0}.banner-gallery section header{flex-wrap:wrap;gap:4px 12px}.gallery-readout{flex-wrap:wrap}}.gallery-strip [data-drawing]>svg:not([data-home-space]){color:inherit!important;background:transparent!important;--paper:var(--background)!important;--second:color-mix(in srgb,currentColor 55%,transparent)!important}.gallery-strip [data-drawing] [data-part=ground-wash],.gallery-strip [data-drawing] [data-part=luminary],.gallery-strip [data-drawing] [data-part=sky-wash],.gallery-strip [data-drawing] [data-part=sun-disc],.gallery-strip [data-drawing] [fill*="-ground)"],.gallery-strip [data-drawing] [fill*="-sky)"],.gallery-strip [data-drawing] [fill*="-wash)"]{display:none}.gallery-strip [data-drawing] [fill="#faf8f4"]{fill:var(--background)}.gallery-strip [data-drawing]>svg:not([data-home-space])>rect[width="100%"][height="100%"]{fill:transparent}.gallery-clock input{appearance:none;background:transparent}.gallery-clock input::-webkit-slider-runnable-track{height:1px;background:currentColor}.gallery-clock input::-webkit-slider-thumb{appearance:none;width:44px;height:44px;margin-top:-21px;border:1px solid;border-radius:50%;background:var(--background)}.gallery-clock input::-moz-range-track{height:1px;background:currentColor}.gallery-clock input::-moz-range-thumb{width:42px;height:42px;border:1px solid;border-radius:50%;background:var(--background)}