.immersive-html,.immersive-body{background:#080807;height:100%}.immersive-body{overflow-x:clip}@media (pointer:fine){.immersive-body{cursor:none}}.immersive{color:var(--color-chalk);position:relative}.aperture{z-index:40;will-change:opacity;background:#080807;place-items:center;display:grid;position:fixed;inset:0}.aperture__blades{fill:#080807;stroke:#c9a96a80;stroke-width:.6px;filter:drop-shadow(0 0 40px #c9a96a1f);width:min(60vmin,340px);height:min(60vmin,340px)}.aperture__label{box-sizing:border-box;text-align:center;width:min(80vw,22rem);font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:#f0ebe3;text-shadow:0 2px 30px #080807b3;overflow-wrap:break-word;padding-inline:.5rem;font-size:clamp(.95rem,2.4vw,1.5rem);font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.deck{z-index:1;--px:0px;--py:0px;--blurmax:26px;background:#080807;position:fixed;inset:0;overflow:hidden}@supports (height:100dvh){.deck{height:100dvh}}.panel{will-change:transform;position:absolute;inset:0;overflow:hidden;transform:translateZ(0)}.panel__media{transform:translate3d(var(--px), var(--py), 0) scale(calc(1 + (1 - var(--focus,1)) * .16));filter:blur(calc((1 - var(--focus,1)) * var(--blurmax))) brightness(calc(.42 + var(--focus,1) * .58)) saturate(calc(.75 + var(--focus,1) * .25));will-change:transform, filter;background-position:50%;background-size:cover;position:absolute;inset:-4%}.panel__grade{pointer-events:none;background:radial-gradient(120% 95% at 50% 42%,#0000 42%,#0808079e 100%),linear-gradient(#0000 52%,#080807e6 100%),linear-gradient(#0808078c 0%,#0000 30%);position:absolute;inset:0}.panel__content{z-index:2;position:absolute;inset:0}.panel__caption{inset-inline:clamp(1.5rem,5vw,4rem);max-width:min(92vw,48rem);position:absolute;top:42%;transform:translateY(-50%)}.panel__content--hero{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:clamp(5.5rem,12vh,7rem) clamp(1.5rem,5vw,3.5rem) clamp(2rem,6vh,3.5rem);display:flex;overflow:hidden}.panel__content--hero .panel__caption{box-sizing:border-box;text-align:center;width:100%;max-width:min(40rem,100%);padding-inline:0;position:static;inset:auto;transform:none}.panel__exif{font-family:var(--font-mono);letter-spacing:.14em;color:var(--color-steel);margin-bottom:.85rem;padding-inline-start:.15em;font-size:.72rem}.panel__content--hero .panel__exif{padding-inline-start:0}.panel__title{font-family:var(--font-display);letter-spacing:-.02em;text-shadow:0 2px 40px #0808078c;overflow-wrap:normal;word-break:normal;hyphens:none;max-width:100%;margin-bottom:.75rem;font-size:clamp(2.4rem,6vw,4.75rem);font-weight:900;line-height:1.05}.panel--hero .panel__title{letter-spacing:-.01em;max-width:14ch;margin-inline:auto;font-size:clamp(2.6rem,7.5vw,6rem);line-height:1.05}.panel__body{color:#f0ebe3c7;max-width:32ch;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.45}.panel__content--hero .panel__body{max-width:36ch;margin-inline:auto}.panel__cta{align-items:center;gap:1rem;margin-top:1.6rem;display:flex}.panel__cta a{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;font-weight:700;text-decoration:none}.panel__cta a:first-child{color:#080807;background:var(--color-chalk);padding:.85rem 1.3rem;transition:background .3s}.panel__cta a:first-child:hover,.panel__cta a:first-child:focus-visible{background:var(--color-steel)}.panel__cta-ghost{color:#f0ebe3b3;border-bottom:1px solid #f0ebe34d;padding-bottom:.15rem}.panel__cta-ghost:hover,.panel__cta-ghost:focus-visible{color:var(--color-chalk)}.panel__cards{transform:translateX(-50%) translate3d(calc(var(--px) * 1.6), calc(var(--py) * 1.6), 0);perspective:1400px;pointer-events:none;justify-content:center;align-items:flex-end;gap:clamp(.8rem,1.6vw,1.6rem);display:flex;position:absolute;bottom:clamp(1.4rem,4vh,3rem);left:50%}.card{width:clamp(118px,14vw,178px);color:var(--color-chalk);pointer-events:auto;flex:none;text-decoration:none;display:block;position:relative}.card__media{aspect-ratio:3/4;animation:8s ease-in-out infinite card-float;animation-delay:calc(var(--i) * -2.3s);transition:box-shadow .5s var(--ease-out), outline-color .3s ease, transform .5s var(--ease-out);outline-offset:-1px;border-radius:4px;outline:1px solid #f0ebe31f;display:block;position:relative;overflow:hidden;box-shadow:0 40px 70px -25px #000000d9,0 14px 26px -12px #0009}.card:hover .card__media,.card:focus-visible .card__media{outline-color:#c9a96a99;animation-play-state:paused;transform:translateY(-8px)scale(1.02);box-shadow:0 55px 95px -25px #000000eb,0 18px 34px -10px #c9a96a47}.card:focus-visible{outline:none}.card__media img{object-fit:cover;filter:saturate(.92)contrast(1.03)brightness(.9);width:100%;height:100%;transition:transform .8s var(--ease-out), filter .6s ease}.card:hover .card__media img,.card:focus-visible .card__media img{filter:saturate()contrast(1.04)brightness();transform:scale(1.06)}.card__meta{opacity:0;transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);background:linear-gradient(#0000,#080807d9);justify-content:space-between;align-items:baseline;gap:.5rem;padding:1.4rem .8rem .75rem;display:flex;position:absolute;inset:auto 0 0;transform:translateY(8px)}.card:hover .card__meta,.card:focus-visible .card__meta{opacity:1;transform:translateY(0)}.card__title{font-family:var(--font-display);letter-spacing:-.01em;font-size:.86rem;font-weight:700}.card__view{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-steel);white-space:nowrap;font-size:.6rem}@keyframes card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.deck__overlay{z-index:3;pointer-events:none;position:absolute;inset:0}.deck__grain{opacity:.06;will-change:transform;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='140' height='140' filter='url(%23n)'/></svg>");background-repeat:repeat;width:200%;height:200%;animation:.6s steps(3,end) infinite grain-shift;position:absolute;inset:-50%}@keyframes grain-shift{0%{transform:translate(0,0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}to{transform:translate(0,0)}}.immersive__scroll{z-index:0;height:calc(var(--panels,6) * 200vh);pointer-events:none;position:relative}@supports (height:100dvh){.immersive__scroll{height:calc(var(--panels,6) * 200dvh)}}.immersive__hud{z-index:5;pointer-events:none;padding:calc(5.4rem + env(safe-area-inset-top)) 1.5rem 2.4rem;position:fixed;inset:0}.immersive__counter{top:calc(5.4rem + env(safe-area-inset-top));font-family:var(--font-mono);letter-spacing:.16em;color:#f0ebe3b8;gap:.35em;font-size:.74rem;display:inline-flex;position:absolute;inset-inline-end:1.5rem}.immersive__counter-sep{color:var(--color-steel)}.immersive__hint{z-index:6;font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:#f0ebe380;pointer-events:none;align-items:center;gap:.7rem;font-size:.68rem;transition:opacity .4s;display:flex;position:fixed;bottom:1.6rem;left:50%;transform:translate(-50%)}.immersive__hint-line{width:2.4rem;height:1px;animation:hint-sweep 2.2s var(--ease-out) infinite;background:linear-gradient(90deg,#0000,#f0ebe399)}@keyframes hint-sweep{0%,to{opacity:.3;transform-origin:0;transform:scaleX(.3)}50%{opacity:1;transform-origin:0;transform:scaleX(1)}}.immersive__progress{z-index:7;pointer-events:none;background:#f0ebe314;height:2px;position:fixed;bottom:0;left:0;right:0}.immersive__progress>span{transform-origin:0;background:linear-gradient(to right, var(--color-steel), #c9a96ae6);width:100%;height:100%;display:block;transform:scaleX(0)}html[dir=rtl] .immersive__progress>span{transform-origin:100%}.reticle{z-index:20;pointer-events:none;opacity:0;mix-blend-mode:difference;width:46px;height:46px;margin:-23px 0 0 -23px;transition:opacity .3s;position:fixed;top:0;left:0}.reticle[data-active=true]{opacity:.85}.reticle span{border:1px solid var(--color-chalk);width:10px;height:10px;position:absolute}.reticle span:first-child{border-bottom:0;border-right:0;top:0;left:0}.reticle span:nth-child(2){border-bottom:0;border-left:0;top:0;right:0}.reticle span:nth-child(3){border-top:0;border-right:0;bottom:0;left:0}.reticle span:nth-child(4){border-top:0;border-left:0;bottom:0;right:0}@media (pointer:coarse){.reticle{display:none}}@media (width>=900px){.immersive__hud{padding-inline:3rem}.immersive__counter{inset-inline-end:3rem}}@media (width<=900px){.deck{--blurmax:18px}}@media (width<=768px){.deck{--blurmax:14px}.panel__grade{background:radial-gradient(130% 80% at 50% 36%,#0000 34%,#080807ad 100%),linear-gradient(#0000 42%,#080807f5 100%),linear-gradient(#0808079e 0%,#0000 26%)}.panel__content{box-sizing:border-box;width:100%;height:100%;padding:calc(4.6rem + env(safe-area-inset-top)) 1.25rem calc(1.5rem + env(safe-area-inset-bottom));flex-direction:column;justify-content:flex-end;gap:1.4rem;display:flex;overflow:hidden}.panel__content--hero{text-align:center;justify-content:center}.panel__caption{box-sizing:border-box;width:100%;max-width:100%;position:static;inset:auto;transform:none}.panel__content--hero .panel__caption{text-align:center;max-width:100%;position:static;transform:none}.panel__exif{margin-bottom:.5rem;font-size:.65rem}.panel__title{overflow-wrap:normal;word-break:normal;margin-bottom:.5rem;font-size:clamp(2.1rem,9vw,3.2rem);line-height:1.05}.panel--hero .panel__title{font-size:clamp(2.4rem,11vw,3.6rem)}.panel__body{overflow-wrap:break-word;max-width:38ch;font-size:.96rem;line-height:1.45}.panel__content--hero .panel__body{max-width:30ch;margin-inline:auto}.panel__cta{flex-wrap:wrap;gap:.7rem;margin-top:1rem}.panel__content--hero .panel__cta{justify-content:center}.panel__cards{box-sizing:border-box;gap:.6rem;width:100%;position:static;transform:none}.card{flex:1 1 0;width:auto;min-width:0;max-width:150px}.card__media{animation-duration:9s}.card__meta{opacity:1;padding:.8rem .4rem .45rem;transform:none}.card__title{font-size:.64rem}.card__view{display:none}.immersive__hud{padding:calc(4.6rem + env(safe-area-inset-top)) 1.15rem 2rem}.immersive__counter{top:calc(4.6rem + env(safe-area-inset-top));inset-inline-end:1.15rem}}@media (height<=520px) and (orientation:landscape){.deck{--blurmax:12px}.panel__content{box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;width:100%;height:100%;padding:2.6rem clamp(1rem,4vw,2rem) .75rem;display:flex;overflow:hidden}.immersive__hud{padding:.9rem 1.15rem}.immersive__counter{top:.9rem;inset-inline-end:1.15rem}.panel__content--hero{text-align:center;justify-content:center}.panel__caption{flex:auto;min-width:0;max-width:60%;position:static;inset:auto;transform:none}.panel__content--hero .panel__caption{max-width:80%;position:static;transform:none}.panel__exif{margin-bottom:.3rem;font-size:.6rem}.panel__title{margin-bottom:.2rem;font-size:clamp(1.5rem,6.5vw,2.3rem);line-height:1.05}.panel--hero .panel__title{font-size:clamp(1.7rem,8vw,2.6rem)}.panel__body{display:none}.panel__cta{gap:.5rem;margin-top:.5rem}.panel__cards{flex:none;gap:.4rem;width:auto;max-width:44%;position:static;transform:none}.card{flex:none;width:clamp(60px,12vw,90px);max-width:none}.card__meta{padding:.5rem .35rem .3rem}.card__title{font-size:.56rem}}.deck.is-fallback{height:auto;position:relative;overflow:visible}.deck.is-fallback .panel{height:100vh;position:relative;transform:none!important}.deck.is-fallback .panel__media{filter:none;transform:none}.deck.is-fallback+.immersive__scroll{display:none}@media (prefers-reduced-motion:reduce){.aperture{display:none}.deck__grain,.immersive__hint-line{animation:none}}html[dir=rtl] .panel__title{letter-spacing:0;word-break:normal;overflow-wrap:anywhere;font-weight:800;line-height:1.22}html[dir=rtl] .panel--hero .panel__title,html[dir=rtl] .panel__content--hero .panel__title{max-width:100%;line-height:1.18}html[dir=rtl] .panel__body{line-height:1.75}html[dir=rtl] .panel__exif{text-align:start;direction:ltr;unicode-bidi:isolate}html[dir=rtl] .panel__content--hero .panel__exif{text-align:center}@media (width<=768px){html[dir=rtl] .panel__title{font-size:clamp(1.9rem,9.5vw,3rem)}html[dir=rtl] .panel--hero .panel__title{font-size:clamp(2.2rem,12vw,3.5rem)}}