@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url('assets/cormorant.ttf')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;src:url('assets/cormorant-italic.ttf')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url('assets/dm-sans.ttf')}
:root{color-scheme:dark;background:#070a0e;color:#f0eee7;font-family:'DM Sans',sans-serif;--accent:#dfaa7f}*{box-sizing:border-box}body{margin:0;overflow:hidden}#experience{position:relative;height:100svh;width:100%;overflow:hidden;background:#070a0e}#universe,.scene-photo,canvas,.vignette,.grain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scene-photo{background-size:cover;background-position:center;opacity:0;will-change:transform,opacity}#nebula-photo{background-image:url('assets/genesis.jpg')}#fire-photo{background-image:url('assets/volcanic.jpg');background-position:65% center}#cosmos{mix-blend-mode:normal}#particles{mix-blend-mode:screen}.vignette{background:linear-gradient(0deg,#03060ad9,transparent 20%,transparent 82%,#03060a75),radial-gradient(ellipse at center,transparent 43%,#03060a45)}.grain{opacity:.027;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.chrome{position:absolute;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;z-index:3;transition:opacity 1.8s;opacity:.7}header{top:32px}.brand{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:5px;font-weight:500}.brand svg{width:30px;height:30px;stroke:var(--accent);stroke-width:1;fill:none}.brand svg circle:last-child{fill:var(--accent);stroke:none}.film-label{font-size:9px;letter-spacing:2.5px;color:#a1a4a8}.opening{position:absolute;left:8%;top:31%;opacity:0;pointer-events:none;will-change:opacity,transform}.eyebrow{font-size:9px;letter-spacing:2.2px;color:var(--accent)}h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(65px,8.5vw,125px);line-height:.98;letter-spacing:-4px;font-weight:400;margin:24px 0}h1 em{font-weight:400;color:#d4c2b0}.opening p{font-size:13px;letter-spacing:1px;color:#b5b6b8}.caption{position:absolute;bottom:15%;left:10%;right:10%;text-align:center;pointer-events:none;opacity:0;text-shadow:0 2px 25px #000,0 1px 6px #000;will-change:opacity,transform}.caption p{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(27px,3.1vw,48px);line-height:1.15;font-weight:400;margin:0 0 13px;letter-spacing:-.4px}.caption span{font-size:11px;letter-spacing:1.2px;color:#c5bfba}footer{bottom:29px}.location{display:flex;gap:20px;align-items:center;font-size:9px;letter-spacing:1.8px;color:#b7babf}.elapsed{font-variant-numeric:tabular-nums;color:#727a83;letter-spacing:1px}.controls{display:flex;gap:22px;align-items:center}button{background:none;border:0;color:#c1bcb4;cursor:pointer;padding:9px;display:flex;gap:10px;align-items:center;justify-content:center;font:inherit;min-width:36px;min-height:36px}button:focus-visible{outline:1px solid var(--accent);outline-offset:3px}button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.3}#sound-label{font-size:9px;letter-spacing:1.5px;white-space:nowrap}.sound-bars{height:15px;display:flex;gap:3px;align-items:center}.sound-bars i{display:block;width:1px;height:3px;background:var(--accent)}.sound-bars i:nth-child(2){height:9px}.sound-bars i:nth-child(3){height:14px}.sound-bars i:nth-child(4){height:6px}#sound[aria-pressed=true] .sound-bars i{animation:wave 1.2s ease-in-out infinite alternate}#sound[aria-pressed=true] .sound-bars i:nth-child(2){animation-delay:.3s}#sound[aria-pressed=true] .sound-bars i:nth-child(3){animation-delay:.6s}.progress{position:absolute;bottom:0;height:1px;width:100%;background:#ffffff0b}#progress-fill{height:1px;background:#bc8e6a80;width:0}.watching .chrome{opacity:.22}.watching .chrome:focus-within,.chrome:hover{opacity:.9}#sound[aria-pressed=false]{opacity:1}.watching footer:has(#sound[aria-pressed=false]){opacity:.55}#render-warning{position:absolute;bottom:75px;left:4.5%;font-size:12px;max-width:300px;color:#b7aca0}noscript{position:absolute;top:50%;left:10%;right:10%;text-align:center}@keyframes wave{to{transform:scaleY(.3)}}@media(max-width:650px){header{top:23px}.brand{font-size:11px;letter-spacing:3px;gap:8px}.brand svg{width:25px}.film-label{font-size:7px;letter-spacing:1.2px}.opening{left:8%;top:34%}h1{font-size:clamp(58px,13vw,78px);letter-spacing:-2.5px}.eyebrow{font-size:8px;letter-spacing:1.2px}.opening p{font-size:12px}.caption{bottom:18%;left:8%;right:8%}.caption p{font-size:31px}.caption span{font-size:10px;line-height:1.7;display:block}.location{font-size:8px;letter-spacing:1px;max-width:44%;gap:8px;flex-wrap:wrap}.controls{gap:5px}#sound-label{font-size:8px;letter-spacing:.8px}footer{bottom:18px}.chrome{left:5%;right:5%}#fullscreen{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}