@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{font-family:Inter,Arial,sans-serif;color:#f5eee2;background:#020202;font-synthesis:none;font-size:16px;--gold:#c8a775;--dim:#aaa59d;--mono:"JetBrains Mono",ui-monospace,monospace;--ember:#de7a3c}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;background:none}button:disabled{cursor:default;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e8c595;outline-offset:6px}::selection{background:#bc9455;color:#080808}.scroll-viewport{width:100vw;height:100vh;height:100dvh;overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain}.scroll-viewport::-webkit-scrollbar{display:none}.scroll-track{width:2350svw;height:100%;position:relative}.stage{width:100vw;height:100%;position:sticky;left:0;top:0;overflow:hidden;isolation:isolate;display:flex;align-items:center;padding:max(96px,calc(68px + env(safe-area-inset-top))) 0 max(120px,calc(105px + env(safe-area-inset-bottom)));background:#050403}.stage-rail{position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,#c8a77545 20%,#c8a77545 80%,transparent);z-index:0}.sky{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.stage-wash{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(130% 100% at 50% 10%,#ffffff10 0%,transparent 46%,#00000080 100%)}.sky-horizon{position:absolute;left:0;right:0;top:42%;bottom:0;opacity:.88;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 82%);mask-image:linear-gradient(to bottom,transparent 0%,#000 82%)}.sky-sun,.sky-moon{position:absolute;translate:-50% -50%}.sky-sun{width:9vw;height:9vw;max-width:130px;max-height:130px;min-width:60px;min-height:60px}.sky-sun__disc{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,#fffaf0,#ffe6a8 42%,#ffc46e 64%,#ffb05a00 72%)}.sky-sun__glow{position:absolute;top:-260%;right:-260%;bottom:-260%;left:-260%;border-radius:50%;background:radial-gradient(circle,#ffb46a66 0%,#ff8a4a33 22%,#ff6a3a14 42%,transparent 62%)}.sky-sun__rays{position:absolute;top:-190%;right:-190%;bottom:-190%;left:-190%;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ffd9a033 0deg 3deg,transparent 3deg 14deg);-webkit-mask-image:radial-gradient(circle,#000 8%,transparent 62%);mask-image:radial-gradient(circle,#000 8%,transparent 62%);animation:sun-rays 70s linear infinite}@keyframes sun-rays{to{transform:rotate(360deg)}}.sky-moon{width:6.5vw;height:6.5vw;max-width:96px;max-height:96px;min-width:48px;min-height:48px;border-radius:50%;background:radial-gradient(circle at 38% 38%,#f4f7fb,#cfdbe6 55%,#b6c6d4 70%,#b6c6d400 72%);box-shadow:0 0 6vw 1.2vw #a9c0d526}.sky-stars{position:absolute;top:0;right:0;bottom:0;left:0}.sky-stars span{position:absolute;border-radius:50%;background:#e4edf7;box-shadow:0 0 6px #dce7f2aa;animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.25}}.sky-clouds{position:absolute;left:0;top:0;width:300vw;height:70%}.sky-cloud{position:absolute;border-radius:50%;-webkit-mask-image:radial-gradient(closest-side,#000 30%,transparent);mask-image:radial-gradient(closest-side,#000 30%,transparent);animation:cloud-drift 60s ease-in-out infinite alternate}@keyframes cloud-drift{0%{transform:translate(-6vw)}to{transform:translate(8vw)}}.sky-skyline{position:absolute;left:0;right:0;bottom:13%;height:21%;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 200' preserveAspectRatio='xMidYMax meet'><path d='M40 200V175h28V200ZM53 175v-14h2v7ZM67 200V173h36V200ZM84 173v-12h2v12ZM98 200V173h25V200ZM118 200V169h25V200ZM129 169v-12h2v6ZM140 200V176h19V200ZM161 200V167h21V200ZM177 200V172h36V200ZM194 172v-7h2v6ZM216 200V164h24V200ZM241 200V161h36V200ZM258 161v-8h2v9ZM272 200V161h36V200ZM309 200V160h27V200ZM332 200V146h42V200ZM369 200V140h42V200ZM410 200V143h40V200ZM445 200V122h20V200ZM459 200V123h41V200ZM501 200V108h27V200ZM529 200V136h29V200ZM542 136v-10h2v8ZM555 200V109h30V200ZM569 109v-13h2v12ZM587 200V80h26V200ZM611 200V105h40V200ZM648 200V119h22V200ZM664 200V70h33V200ZM693 200V72h31V200ZM720 200V50h40V200ZM754 200V62h32V200ZM788 200V105h30V200ZM818 200V110h19V200ZM832 200V111h28V200ZM862 200V95h21V200ZM871 95v-9h2v12ZM879 200V130h38V200ZM912 200V105h21V200ZM934 200V149h27V200ZM959 200V132h33V200ZM974 132v-14h2v11ZM988 200V147h40V200ZM1023 200V138h40V200ZM1062 200V154h42V200ZM1101 200V143h37V200ZM1135 200V162h30V200ZM1164 200V174h41V200ZM1203 200V156h24V200ZM1226 200V176h29V200ZM1254 200V161h24V200ZM1272 200V172h33V200ZM1300 200V167h30V200ZM1326 200V175h31V200ZM1357 200V165h32V200Z' fill='%230c080b'/></svg>") center bottom/auto 100% no-repeat}.storm{position:absolute;top:0;right:0;bottom:30%;left:0}.storm span{position:absolute;top:-10%;right:-20%;bottom:0;left:-20%;background:radial-gradient(40% 55% at 15% 30%,#1b2027f2,transparent 70%),radial-gradient(45% 60% at 50% 18%,#161b21f5,transparent 72%),radial-gradient(40% 55% at 85% 32%,#1c2128f0,transparent 70%),radial-gradient(60% 50% at 50% 70%,#12161bcc,transparent 75%);animation:storm-drift 40s ease-in-out infinite alternate}.storm span:nth-child(2){opacity:.7;animation-duration:55s;animation-direction:alternate-reverse;background:radial-gradient(35% 45% at 30% 50%,#20262ee6,transparent 70%),radial-gradient(35% 45% at 72% 45%,#1d232ae6,transparent 70%)}@keyframes storm-drift{0%{transform:translate(-4vw)}to{transform:translate(5vw)}}.rain{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;contain:strict}.rain-layer{position:absolute;left:0;right:0;top:0;height:calc(100% + 340px);background-repeat:repeat;animation:rain-fall linear infinite;will-change:transform}.rain-layer--far{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='110' height='110'><path d='M26.2 59.9l-1.6 9.0M66.4 68.8l-1.4 7.5M1.4 92.1l-1.5 8.4M25.8 109.5l-1.7 9.5M25.8 -0.5l-1.7 9.5M92.0 52.4l-1.8 10.3M16.6 69.8l-2.0 11.4M57.5 81.5l-1.9 10.4M7.0 83.4l-1.8 10.0M33.1 3.4l-2.0 11.4M52.0 79.1l-2.1 11.4M78.6 101.3l-1.6 9.1M78.6 -8.7l-1.6 9.1M88.1 48.9l-2.1 11.7' stroke='%23d6e1ee' stroke-opacity='0.35' stroke-width='0.7' stroke-linecap='round' fill='none'/></svg>");background-size:110px 110px;opacity:.4;animation-duration:1.1s;--fall:-330px}.rain-layer--near{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='170' height='170'><path d='M105.9 126.1l-4.0 22.0M160.2 125.8l-4.2 23.3M4.9 79.2l-4.2 23.5M110.3 153.2l-2.8 15.5M79.7 41.9l-3.5 19.6M97.6 2.2l-3.0 16.5M47.5 155.8l-3.9 21.8M47.5 -14.2l-3.9 21.8M27.1 135.5l-2.8 15.7' stroke='%23d6e1ee' stroke-opacity='0.4' stroke-width='0.9' stroke-linecap='round' fill='none'/></svg>");background-size:170px 170px;opacity:.4;animation-duration:.62s;--fall:-340px}.rain-layer--heavy{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><path d='M64.8 52.3l-3.1 17.0M121.3 0.9l-3.7 20.8M125.8 11.3l-3.8 21.4M86.3 5.7l-3.5 19.5M98.5 63.3l-4.2 23.1M22.0 33.3l-3.0 16.8M70.9 129.3l-3.9 21.7M70.9 -10.7l-3.9 21.7M108.4 53.7l-4.2 23.4M14.2 40.8l-4.1 22.6M101.6 59.0l-3.0 16.5M37.3 29.4l-3.3 18.5M113.3 27.9l-4.5 24.8' stroke='%23d6e1ee' stroke-opacity='0.45' stroke-width='1' stroke-linecap='round' fill='none'/></svg>");background-size:140px 140px;animation-duration:.45s;--fall:-280px}@keyframes rain-fall{0%{transform:translateY(var(--fall))}to{transform:translateY(0)}}.rain-mist{position:absolute;left:0;right:0;bottom:0;height:35%;background:linear-gradient(to top,#8fa1b222,transparent)}.sky-hills{position:absolute;left:0;right:0;bottom:0;background-repeat:repeat-x}.sky-hills--far{height:26%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 200' preserveAspectRatio='none'><path d='M0 120 C80 90 150 70 240 88 S400 130 480 104 S640 52 760 74 S930 128 1020 98 S1140 70 1200 120 V200 H0Z' fill='%23140f1a'/></svg>");background-size:1200px 100%;opacity:.95}.sky-hills--near{height:20%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 200' preserveAspectRatio='none'><path d='M0 150 C120 120 210 128 300 140 S470 104 560 118 L590 92 L600 118 C680 130 760 150 860 132 S1040 100 1120 124 L1150 96 L1162 124 C1240 140 1320 128 1400 150 V200 H0Z' fill='%23070506'/></svg>");background-size:1400px 100%}.shooting-stars span{position:absolute;top:12%;left:72%;width:140px;height:2px;border-radius:2px;background:linear-gradient(90deg,#fff,#dbe8ff88 30%,transparent);rotate:-160deg;opacity:0;animation:shoot 5.5s ease-in infinite}.shooting-stars span:nth-child(2){top:22%;left:40%;animation-delay:1.9s;width:100px}.shooting-stars span:nth-child(3){top:8%;left:28%;animation-delay:3.7s;width:120px}@keyframes shoot{0%{opacity:0;transform:translate(0)}4%{opacity:1}16%{opacity:0;transform:translate(-34vw)}to{opacity:0;transform:translate(-34vw)}}.lanterns{position:absolute;top:0;right:0;bottom:0;left:0}.lanterns span{position:absolute;bottom:-10%;width:16px;height:22px;border-radius:6px 6px 9px 9px;background:radial-gradient(circle at 50% 70%,#fff2c4,#ffb35a 45%,#e0692e);box-shadow:0 0 18px 6px #ff9a4a55,0 0 50px 16px #ff8a3a22;animation:lantern-rise 18s linear infinite}@keyframes lantern-rise{0%{transform:translate(0);opacity:0}8%{opacity:1}50%{transform:translate(3vw,-55vh)}85%{opacity:.9}to{transform:translate(-2vw,-112vh);opacity:0}}.reel-ribbon{position:absolute;left:0;right:0;height:14px;z-index:2;pointer-events:none;background-color:#4c3c2799;background-image:repeating-linear-gradient(90deg,#050403 0 9px,transparent 9px 24px)}.reel-ribbon--top{top:0}.reel-ribbon--bottom{bottom:0}.intro-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#000;border:0;width:100%;display:grid;place-items:center;cursor:pointer}.intro-gate__prompt{display:flex;align-items:center;gap:16px;font:500 .8rem/1 var(--mono);letter-spacing:.35em;text-transform:uppercase;color:#e9d9b8}.intro-gate__arrow{display:inline-block;color:var(--gold);animation:gate-nudge 1.6s ease-in-out infinite}@keyframes gate-nudge{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.floater{position:absolute;left:0;display:grid;place-items:center;pointer-events:none}.floater svg{width:100%;height:100%;overflow:visible}.floater-bob{width:100%;height:100%;display:grid;place-items:center;animation:bob 4s ease-in-out infinite}.floater-bob--birds{animation-name:glide}.floater-bob--butterfly{animation-name:flutter}@keyframes bob{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(4px,-12px) rotate(5deg)}}@keyframes glide{0%,to{transform:translate(0)}50%{transform:translate(-10px,-14px)}}@keyframes flutter{0%,to{transform:translate(0) rotate(-8deg)}25%{transform:translate(10px,-16px) rotate(6deg)}60%{transform:translate(-8px,-6px) rotate(-12deg)}}.bird-wings{transform-box:fill-box;transform-origin:center;animation:flap .42s ease-in-out infinite alternate}@keyframes flap{0%{transform:scaleY(1)}to{transform:scaleY(-.55)}}.butterfly-wings{transform-box:view-box;transform-origin:20px 16px;animation:wing .22s ease-in-out infinite alternate}@keyframes wing{0%{transform:scaleX(1)}to{transform:scaleX(.18)}}.floater-mote{width:100%;height:100%;border-radius:50%}.floater-mote--warm{background:radial-gradient(circle,#f6e2b8 0%,#e9c98e55 38%,transparent 70%)}.floater-mote--cold{background:radial-gradient(circle,#c8d8e6 0%,#8fa6b855 38%,transparent 70%)}.light-sweep{position:absolute;top:0;bottom:0;left:0;width:64vw;z-index:3;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(90deg,transparent,#f0a05a3d 20%,#ffcf8ac2 50%,#f0a05a3d 80%,transparent)}.stage{--h:min(68dvh, calc(100dvh - 240px) )}.filmstrip-track{display:flex;align-items:center;gap:4vw;padding-left:7vw;will-change:transform;position:relative;z-index:1}.frame-slot{flex:0 0 86vw;width:86vw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.frame-slot--side{flex-direction:row;gap:clamp(24px,3vw,56px)}.frame-card{position:relative;display:flex;flex-direction:column;gap:0;flex:0 0 auto;width:min(58vw,calc((var(--h) - var(--cap,0px)) * var(--ar,1.3333)))}.frame-slot--below{--cap:48px}.frame-caption--sr{position:absolute;width:1px;min-width:0;height:1px;overflow:hidden}.frame-card--title,.frame-card--final{width:min(72vw,64dvh)}.frame-window{position:relative;width:100%;aspect-ratio:var(--ar,1.3333);background:#050403;overflow:hidden;border-inline:10px solid #050403;box-shadow:0 40px 90px #000c,0 0 0 1px #c8a77530 inset}.frame-window>img,.frame-window>video{width:100%;height:100%;object-fit:cover;display:block}.photo-frame{width:100%;height:100%}.photo-frame>img,.photo-frame>video{width:100%;height:100%;object-fit:cover;display:block}.frame-tag{position:absolute;top:16px;right:0;z-index:2;display:flex;gap:10px;align-items:center;font:500 .68rem/1 var(--mono);letter-spacing:.1em;color:#f0e2c4;background:#000a;padding:6px 10px;border:1px solid #c8a77540}.sprocket{height:13px;width:100%;background-color:#4c3c27;background-image:repeating-linear-gradient(90deg,#050403 0 9px,transparent 9px 24px)}.frame-caption{width:min(72vw,calc(50dvh * var(--ar,1.3333)));min-width:min(72vw,300px);text-align:left;padding:0 1%}.frame-slot--side .frame-caption{width:clamp(220px,24vw,380px);min-width:0;flex:0 1 auto;padding:0}.frame-caption .eyebrow{margin:0 0 10px}.frame-caption h2{font-family:Cormorant Garamond,Georgia,serif;font-weight:400;font-size:clamp(1.5rem,2.4vw,2.7rem);line-height:1.18;letter-spacing:-.02em;white-space:pre-line;margin:0}.frame-caption--long h2{font-size:clamp(1.15rem,1.8vw,1.9rem);line-height:1.3}.frame-caption--leader{text-align:center;padding-top:4px}.frame-caption,.final-lede{text-shadow:0 0 18px #000,0 0 6px #000d,0 1px 2px #000}.frame-caption .eyebrow{text-shadow:0 0 12px #000,0 1px 2px #000}.frame-credit{margin:12px 0 0;font:.68rem/1.6 var(--mono);letter-spacing:.06em;color:#d4cabb}.cast-credit{margin-top:16px;color:#e6c995;font-size:.9rem;line-height:1.5}.eyebrow{font-size:.72rem;line-height:1.8;text-transform:uppercase;letter-spacing:.2em;color:var(--gold);margin:0}.accent{color:var(--ember)}.reveal-line{display:block}.word{display:inline-block}.frame-slot--far{height:1px}.frame-card--leader .frame-window{display:grid;place-items:center;text-align:center;padding:6%;background:radial-gradient(closest-side,#2c2013,#0a0806 72%)}.leader-ring{position:absolute;width:44%;aspect-ratio:1;border:1px solid #c8a77555;border-radius:50%}.leader-ring:before{content:"";position:absolute;top:20%;right:20%;bottom:20%;left:20%;border:1px solid #c8a77530;border-radius:50%}.leader-title{position:relative;z-index:1;font-family:Cormorant Garamond,Georgia,serif;font-weight:400;font-size:clamp(1.4rem,2.6vw,2.3rem);line-height:1.28;white-space:pre-line;margin:0}.leader-copy{position:relative;z-index:1;display:grid;justify-items:center;gap:clamp(12px,2.2vh,22px)}.leader-note{margin:0;font-size:clamp(.78rem,1.1vw,.95rem);line-height:1.75;letter-spacing:.04em;color:#cfc8bd}.leader-note>span{display:block;white-space:nowrap}.leader-title--small{font-family:Inter,Arial,sans-serif;font-size:clamp(.85rem,1.35vw,1.05rem);line-height:1.7;letter-spacing:0}.film-title{position:relative;z-index:1;font-family:Cormorant Garamond,Georgia,serif;font-weight:400;font-size:clamp(2.6rem,6.4vw,5.4rem);line-height:.9;letter-spacing:-.04em;white-space:pre-line;margin:0;text-shadow:0 0 60px #ac875333}.frame-card--final .frame-window,.frame-card--title .frame-window{aspect-ratio:16/10}.frame-card--couple .frame-window img{object-position:50% 32%;filter:sepia(.08) brightness(.97)}.frame-card--photo .frame-window img,.frame-card--music .frame-window img{filter:sepia(.08) saturate(.95) contrast(1.03)}.frame-card--samuel .frame-window img{object-position:50% 34%}.frame-card--samuel .photo-frame{transform-origin:88% 40%}.frame-card--days .frame-window img{object-position:50% 30%}.frame-card--continues .frame-window img{object-position:50% 40%}.frame-card--cold.frame-card--birth .frame-window img{filter:saturate(.78) brightness(.92) contrast(1.03)}.frame-window>.photo-inset{position:absolute;top:4%;right:4%;width:30%;height:auto;object-fit:contain;z-index:2;border:1px solid #ffffff40;box-shadow:0 12px 30px #000b}.frame-card--relearn .frame-window img{filter:sepia(.04) brightness(1.06) saturate(1.02)}.frame-card--encounter .frame-window img{object-position:50% 22%}.frame-card--press .frame-window{background:#050403}.frame-card--press .frame-window img{object-fit:contain}.frame-card--cold .frame-window img{filter:saturate(.12) brightness(.42)}.frame-card--cold .frame-window{background:#04070a}.frame-card--void .frame-window{background:#020202}.memory-frame{width:100%;height:100%;display:grid;place-items:center;background:#000}.memory-frame>*{width:100%;height:100%;object-fit:contain;filter:brightness(.72)}.frame-card--why .frame-window img{filter:brightness(.86)}.frame-card--purpose .frame-window img{filter:saturate(.7) brightness(.6)}.frame-card--impact .frame-window img{object-position:50% 42%;filter:sepia(.06) contrast(1.02)}.frame-card--music .frame-window{background:radial-gradient(ellipse at 50% 45%,#3a2717,transparent 70%),#0a0705}.equalizer{display:flex;gap:7px;align-items:flex-end;height:34%}.equalizer span{width:9px;background:var(--gold);height:22%;border-radius:2px;animation:eq 1.15s ease-in-out infinite}.equalizer span:nth-child(1){animation-delay:-.9s}.equalizer span:nth-child(2){animation-delay:-.6s}.equalizer span:nth-child(3){animation-delay:-.3s}.equalizer span:nth-child(5){animation-delay:-.45s}.equalizer span:nth-child(6){animation-delay:-.75s}.equalizer span:nth-child(7){animation-delay:-1.05s}@keyframes eq{0%,to{height:18%}50%{height:88%}}.cast-frame{position:relative;width:100%;height:100%}.cast-frame img,.cast-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 26%}.dust{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.dust span{position:absolute;width:3px;height:3px;border-radius:50%;background:#f4dfae;opacity:.4;filter:blur(.5px);animation:dust-float 15s linear infinite}.dust span:nth-child(1){top:22%;left:8%;animation-duration:17s}.dust span:nth-child(2){top:64%;left:52%;animation-duration:21s;animation-delay:-5s}.dust span:nth-child(3){top:82%;left:86%;animation-duration:13s;animation-delay:-9s}.dust span:nth-child(4){top:40%;left:30%;animation-duration:19s;animation-delay:-3s}.dust span:nth-child(5){top:12%;left:70%;animation-duration:16s;animation-delay:-11s}.dust span:nth-child(6){top:74%;left:20%;animation-duration:23s;animation-delay:-7s}.dust span:nth-child(7){top:52%;left:92%;animation-duration:14s;animation-delay:-2s}.dust span:nth-child(8){top:30%;left:48%;animation-duration:26s;animation-delay:-15s}@keyframes dust-float{0%{transform:translate(0)}33%{transform:translate(34px,-48px)}66%{transform:translate(-18px,-80px)}to{transform:translate(0)}}.film-grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;mix-blend-mode:overlay;opacity:.06;animation:grain-drift 8s steps(6) infinite;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:120px 120px}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,#000b 100%)}@keyframes grain-drift{0%{transform:translate(0)}20%{transform:translate(-2%,1%)}40%{transform:translate(1%,-2%)}60%{transform:translate(-1%,2%)}80%{transform:translate(2%,1%)}to{transform:translate(0)}}.frame-slot:first-child .frame-card{animation:opening-reveal 2.2s ease both}@keyframes opening-reveal{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.stage-header,.stage-footer{position:absolute;z-index:10;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:center;gap:20px}.stage-header{top:max(28px,env(safe-area-inset-top))}.wordmark{text-decoration:none;font-size:.8rem;letter-spacing:.16em;font-weight:500}.wordmark span{display:block;font-size:.65rem;color:var(--gold);margin-top:7px;letter-spacing:.25em}.header-actions{display:flex;gap:24px;align-items:center}.text-button{border:0;padding:10px 0;font-size:.8rem;color:#b3ada4}.sound-button{border:1px solid #ffffff30;border-radius:40px;padding:10px 17px;background:#0005;font-size:.8rem;display:flex;gap:9px;align-items:center}.sound-button[aria-pressed=false]{border-color:#c8a775aa;color:#f0dcb6}.speaker-icon{flex:0 0 auto}.frame-nav{position:absolute;z-index:9;left:0;right:0;top:42%;height:0;pointer-events:none}.frame-nav__btn{position:absolute;top:0;translate:0 -50%;pointer-events:auto;width:20px;height:60px;display:grid;place-items:center;padding:0;color:#ecd9b4;background:#0b0907b3;border:1px solid #c8a77580;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:opacity .4s ease,background .2s ease}.frame-nav__btn--prev{left:env(safe-area-inset-left,0px);border-radius:0 14px 14px 0;border-left:0}.frame-nav__btn--next{right:env(safe-area-inset-right,0px);border-radius:14px 0 0 14px;border-right:0}.frame-nav__btn:active{background:#c8a77540}.frame-nav__btn:disabled{opacity:0;pointer-events:none}.frame-nav--quiet .frame-nav__btn:not(:disabled){opacity:.3}.sound-hint{position:absolute;z-index:11;left:50%;bottom:max(96px,calc(env(safe-area-inset-bottom) + 84px));translate:-50% 0;display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:40px;border:1px solid #c8a775;background:#0b0907d9;color:#f3e3c3;font-size:.8rem;letter-spacing:.04em;white-space:nowrap;box-shadow:0 8px 30px #000a;animation:hint-pulse 2.4s ease-in-out infinite}.sound-hint__text{display:flex;flex-direction:column;align-items:flex-start;gap:3px;white-space:normal;text-align:left}.sound-hint__text small{font-size:.68rem;color:#cbbd9f}.audio-debug{position:fixed;z-index:60;left:8px;right:8px;top:70px;max-height:60vh;overflow:auto;padding:10px 12px;background:#000e;border:1px solid #c8a775;border-radius:8px;font:11px/1.45 var(--mono);color:#e8e1d4;word-break:break-all}.audio-debug strong{display:block;color:var(--gold);margin-bottom:4px}.audio-debug b{color:#c8a775;font-weight:500}.audio-debug button{margin-top:8px;border:1px solid #c8a775;border-radius:20px;padding:6px 14px;color:#f3e3c3}@keyframes hint-pulse{0%,to{box-shadow:0 8px 30px #000a,0 0 #c8a77555}50%{box-shadow:0 8px 30px #000a,0 0 0 8px #c8a77500}}.stage-footer{bottom:max(35px,env(safe-area-inset-bottom))}.reel-label{display:flex;gap:16px;align-items:center;min-width:260px}.reel-label>span{font:italic 1.8rem Georgia;color:var(--gold)}.reel-label p{font-size:.75rem;letter-spacing:.04em;margin:0}.frame-counter{font:.75rem var(--mono);color:var(--dim);min-width:260px;text-align:right;letter-spacing:.04em}.progress-track{position:absolute;bottom:0;left:0;right:0;height:2px;z-index:11}.progress-track>div{height:100%;background:var(--gold);transform-origin:left}.final-actions{position:absolute;z-index:12;left:5vw;right:5vw;bottom:11vh;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.button{text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:18px;border-radius:2px;min-height:52px;padding:17px 24px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;transition:background .3s,box-shadow .3s;line-height:1.5}.button--primary{background:#d6b888;color:#17110a;border:1px solid #ead0a5;box-shadow:0 0 35px #d4b17c1c,inset 0 1px #fff6;animation:cta-glow 3.6s ease-in-out infinite}.button--primary:hover{background:#efcf9f;box-shadow:0 0 45px #d4b17c35;animation:none}@keyframes cta-glow{0%,to{box-shadow:0 0 28px #d4b17c1c,inset 0 1px #fff6}50%{box-shadow:0 0 52px #f0cf9a4d,inset 0 1px #fff8}}.button-arrow{font-size:1.05rem;line-height:1;font-variant-emoji:text}.button--ghost{background:transparent;border:1px solid #ffffff38;color:#d9d1c4;font-weight:400;min-height:44px;padding:12px 22px;font-size:.68rem}.button--ghost:hover{background:#ffffff0d}.final-actions>p{width:100%;margin:0;text-align:center;color:var(--dim);font-size:.8rem}.final-lede{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.1rem,2vw,1.5rem);color:#e7dcc8!important;margin:0 0 6px!important}.final-actions input,.reading-view input{max-width:100%;width:400px;padding:12px}.project-dialog{color:#eee6d8;background:#0d0b09;border:1px solid #c8a77566;padding:52px 48px 44px;width:min(600px,92vw);max-height:85dvh;overflow:auto}.project-dialog::backdrop{background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project-dialog h2{font:400 clamp(2rem,4vw,3rem)/1.1 "Cormorant Garamond",Georgia,serif;margin:18px 0 26px}.project-dialog>p{line-height:1.7;font-size:1rem;color:#e6dccb;margin:0 0 14px}.project-dialog>.eyebrow{font-size:.75rem;color:var(--gold)}.dialog-close{position:absolute;right:14px;top:10px;border:0;font-size:2rem;line-height:1;padding:6px 10px;color:#e6dccb}.project-purpose{margin:34px 0;padding-left:20px;border-left:1px solid #c8a77566}.project-purpose p{margin:0 0 12px;font:400 clamp(1.15rem,2vw,1.35rem)/1.45 "Cormorant Garamond",Georgia,serif;color:#f1e7d6}.project-purpose p:last-child{margin:0;font:400 .95rem/1.7 Inter,Arial,sans-serif;color:var(--gold)}.project-dialog>.project-credits{font-size:.85rem;color:#b9b2a8;margin-bottom:30px}.dialog-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.dialog-actions .button--primary:disabled{opacity:1;cursor:default;animation:none}.project-dialog .contact-pending{font-size:.8rem;color:var(--dim);margin:14px 0 0}.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-200%);z-index:50;background:#fff;color:#000;padding:15px}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.reading-view{position:relative;padding:40px max(7vw,20px);background:#080808;min-height:100vh}.reading-view>section{max-width:900px;margin:100px auto}.reading-view>section>p{color:var(--gold);line-height:1.5}.reading-view h2{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2rem,5vw,4rem);font-weight:400;line-height:1.12;white-space:pre-line;margin:0}.is-reading{display:none}.reading-actions{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}@media(orientation:portrait),(max-width:680px){.stage{--h:max(200px, calc(100dvh - 330px) );padding:max(80px,calc(env(safe-area-inset-top) + 72px)) 0 max(84px,calc(env(safe-area-inset-bottom) + 68px))}.frame-card:not(.frame-card--title):not(.frame-card--final){width:min(calc(100vw - 56px),calc((var(--h) - var(--cap,0px)) * var(--ar,1.3333)))}.frame-slot,.frame-slot--side{flex-direction:column;gap:16px}.frame-slot--side .frame-caption{width:min(calc(100vw - 56px),max(calc(var(--h) * var(--ar,1.3333)),300px));padding:0 1%}.frame-caption h2{font-size:clamp(1.35rem,5.6vw,1.75rem)}.frame-caption--long h2{font-size:clamp(1.05rem,4.3vw,1.3rem)}.stage-footer{bottom:max(16px,env(safe-area-inset-bottom))}.sky-skyline{bottom:12%;height:9%}}@media(orientation:landscape)and (max-height:520px){.stage{--h: calc(100dvh - 134px) ;padding:56px 0 50px}.frame-slot--below{--cap:72px}.stage-header{top:10px}.stage-footer{bottom:8px}.frame-slot--side .frame-caption{width:clamp(200px,30vw,340px)}.frame-caption h2{font-size:clamp(1.1rem,3.4vw,1.6rem)}.frame-caption--long h2{font-size:clamp(.95rem,2.4vw,1.2rem)}.frame-caption .eyebrow{font-size:.6rem}.frame-card--final{width:min(50vw,68dvh);translate:0 -6vh}.frame-card--final .film-title{font-size:9.5vh}.stage .final-actions{bottom:4vh;gap:10px}.final-actions .button{min-height:40px;padding:10px 18px}.final-lede{margin:0!important}}@media(max-width:680px){.stage-header,.stage-footer{left:6vw;right:6vw}.stage-header{top:22px}.wordmark{font-size:.65rem}.header-actions{gap:12px}.text-button{font-size:.75rem}.sound-button{font-size:.75rem;padding:8px 12px}.reel-label{min-width:0;gap:10px}.reel-label p{max-width:125px;line-height:1.5}.reel-label>span{font-size:1.4rem}.frame-counter{min-width:0;font-size:.65rem;width:150px;line-height:1.6}.final-actions{bottom:9vh;gap:10px}.final-actions .button{width:100%;max-width:330px;min-height:48px;padding:13px 16px;font-size:.7rem}.final-actions .button--ghost{min-height:42px;font-size:.64rem}.dialog-actions .button{width:100%}.project-dialog{padding:35px 25px}.eyebrow{font-size:.68rem;letter-spacing:.13em}.frame-tag{font-size:.6rem;padding:5px 8px}}@media(max-height:600px)and (min-width:681px){.film-title{font-size:14vh}.frame-caption h2{font-size:5vh}.final-actions{bottom:8vh}.stage-header{top:15px}.stage-footer{bottom:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.word{opacity:1!important;transform:none!important;filter:none!important}.dust,.film-grain,.equalizer span,.floater,.light-sweep,.lanterns,.shooting-stars,.rain{display:none;animation:none!important}.sky-sun__rays,.sky-stars span,.sky-cloud,.storm span{animation:none!important}.frame-slot:first-child .frame-card,.button--primary,.intro-gate__arrow,.sound-hint{animation:none}}