@font-face{font-family:Nox;src:url(nox-roboto.woff2) format('woff2');font-weight:300 600;font-display:swap}
:root{--ivory:#f7f2e8;--gold:#efc68c;--muted:#c7c5c3;--night:#080b10}*{box-sizing:border-box}html{background:var(--night);color:var(--ivory)}body{margin:0;font-family:Nox,Arial,sans-serif;min-width:280px;overflow-x:hidden}a{color:inherit}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:7px}.skip{position:fixed;top:-100px;left:20px;padding:12px;background:var(--gold);color:var(--night);z-index:99}.skip:focus{top:16px}.scene{position:fixed;inset:0;overflow:hidden;pointer-events:none}.ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 44%,#28180f 0%,#10151e 32%,#080b10 66%)}#embers{width:100%;height:100%;position:absolute;inset:0;opacity:.6}.portal{position:absolute;width:min(72vw,1100px);height:auto;right:-10vw;top:50%;transform:translateY(-48%);filter:drop-shadow(0 0 50px #2a160d)}.halo{transform-origin:500px 475px;animation:breathe 10s ease-in-out infinite}.bats{animation:drift 12s ease-in-out infinite;transform-origin:center}.vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,16,.87),rgba(8,11,16,.45) 40%,transparent 65%),linear-gradient(0deg,rgba(8,11,16,.8),transparent 18%,transparent 85%,rgba(8,11,16,.3))}.grain{position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.page-shell{position:relative;min-height:100svh;display:flex;flex-direction:column;padding:30px clamp(25px,6.25vw,120px) 28px;margin:auto;max-width:2400px}header{display:flex;align-items:center;justify-content:space-between;gap:25px}header img{width:clamp(215px,19vw,300px);height:auto;display:block}.edition{font-size:11px;letter-spacing:.22em;color:#d0b491;font-weight:500;white-space:nowrap}.tiny-star{font-size:19px;margin-left:13px;color:var(--gold)}main{margin:auto 0;padding:38px 0 48px;max-width:1050px}.eyebrow{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.2em;color:#e1c9a7;font-weight:500;margin:0 0 26px}.eyebrow>span{width:27px;height:1px;background:var(--gold)}h1{font-size:clamp(64px,5.45vw,106px);font-weight:500;letter-spacing:-.045em;line-height:1.03;margin:0;max-width:1050px;text-wrap:balance}h1>span{display:block}.bridge{font-weight:300}.gold{color:var(--gold)}.period{color:var(--ivory)}.support{font-size:clamp(18px,1.4vw,27px);line-height:1.45;font-weight:300;color:var(--ivory);margin:25px 0 29px}.action{display:flex;align-items:center;gap:25px}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;padding:18px 23px;background:var(--gold);color:#111217;text-decoration:none;font-size:15px;font-weight:600;line-height:1.35;border:1px solid var(--gold);box-shadow:0 0 36px #f1bb6a0d;transition:background .2s,transform .2s}.cta:hover{background:#f9d8a7;transform:translateY(-2px)}.cta span{font-size:24px;font-weight:300;line-height:1}.action p{font-size:12px;line-height:1.65;max-width:185px;color:#bfc1c6}.signature{font-size:10px;letter-spacing:.2em;color:#c4baa9}footer{display:flex;gap:20px;justify-content:space-between;align-items:center;min-height:40px}.address{text-decoration:none;font-size:15px;letter-spacing:.015em}.address span{color:var(--gold)}.controls{display:flex;gap:17px}.controls button,.exit-film{border:0;background:transparent;color:#bbb9b5;font-size:11px;padding:10px 0;cursor:pointer}.controls button:hover{color:var(--ivory)}.controls button span{margin-left:5px}.exit-film{display:none}.paused .halo,.paused .bats{animation-play-state:paused}.film .action,.film .controls{display:none}.film .support{margin-bottom:0}.film .address{font-size:clamp(19px,1.5vw,29px)}.film .exit-film{display:block;position:fixed;bottom:5px;right:15px;opacity:0;z-index:10;padding:10px}.film .exit-film:focus-visible,.film .exit-film:hover{opacity:1;background:#080b10}.film main{padding-bottom:50px}.film footer{justify-content:space-between}.film .signature{color:#d0bda2}
@keyframes breathe{0%,100%{opacity:.72;transform:scale(.997)}50%{opacity:1;transform:scale(1.006)}}@keyframes drift{0%,100%{transform:translate(0,0)}50%{transform:translate(3px,-5px)}}
@media(min-width:2000px){.page-shell{max-width:none;padding:1.5625vw 6.25vw 1.46vw}header img{width:15.625vw}.edition{font-size:.573vw}.tiny-star{font-size:.99vw;margin-left:.677vw}.portal{right:-10vw;width:min(72vw,2200px);max-width:none}main{max-width:55vw;padding:1.98vw 0 2.5vw}h1{font-size:5.45vw;max-width:55vw}.support{font-size:1.4vw;margin:1.3vw 0 1.51vw}.eyebrow{font-size:.573vw;margin-bottom:1.354vw;gap:.73vw}.eyebrow>span{width:1.4vw}.cta{font-size:.781vw;padding:.9375vw 1.2vw;gap:1.4vw}.cta span{font-size:1.25vw}.action{gap:1.3vw}.action p{font-size:.625vw;max-width:9.635vw}.signature{font-size:.521vw}.controls{gap:.885vw}.controls button{font-size:.573vw}.address{font-size:.781vw}.film .address{font-size:1.5vw}.film main{padding-bottom:2.6vw}footer{min-height:2.08vw}}
@media(max-width:1000px){.page-shell{padding:24px 6vw}.portal{width:92vw;right:-34vw;opacity:.8}.vignette{background:linear-gradient(90deg,#080b10ed,#080b1080 60%,transparent)}h1{font-size:clamp(58px,7.6vw,76px)}main{padding-top:40px;max-width:100%}.edition{font-size:9px;letter-spacing:.13em}.action{gap:18px}.action p{max-width:155px;font-size:11px}footer{flex-wrap:wrap}.signature{display:none}.controls{margin-left:auto}}
@media(max-width:600px){.page-shell{padding:20px 25px 20px}header img{width:210px}.edition{font-size:8px;letter-spacing:.1em;max-width:68px;white-space:normal;line-height:1.7;text-align:right}.tiny-star{display:none}.portal{width:139vw;right:-66vw;top:37%;opacity:.55}.vignette{background:linear-gradient(90deg,#080b10f2,#080b1099 70%,#080b1040),linear-gradient(0deg,#080b10 5%,transparent 70%)}main{padding:34px 0 28px}h1{font-size:clamp(41px,10.5vw,63px);line-height:1.095;letter-spacing:-.035em}.eyebrow{font-size:8px;letter-spacing:.12em;gap:8px;margin-bottom:24px}.eyebrow>span{width:17px}.support{font-size:17px;max-width:280px;margin:22px 0 25px;line-height:1.5}.action{align-items:flex-start;flex-direction:column;gap:3px}.cta{font-size:13px;padding:16px 17px;gap:20px}.action p{font-size:11px;max-width:270px;margin:10px 0 0}.address{font-size:13px}.controls{gap:14px}.controls button{font-size:10px}.controls button span{display:none}footer{gap:14px;align-items:center}.film main{padding-bottom:36px}.film .address{font-size:19px}.film .signature{display:block;font-size:8px}.film footer{flex-direction:column;align-items:flex-start;gap:13px}.film .portal{top:44%;right:-66vw;opacity:.65}}
@media(max-height:760px) and (min-width:1001px){.page-shell{padding-top:18px;padding-bottom:18px}header img{width:220px}main{padding:23px 0 25px}h1{font-size:clamp(55px,5.3vw,79px)}.eyebrow{margin-bottom:16px}.support{margin:18px 0;font-size:20px}.cta{padding:14px 20px}.film main{padding-bottom:25px}}
@media(prefers-reduced-motion:reduce){.halo,.bats{animation:none!important}*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
@media print{.scene,.controls,.exit-film,.action{display:none}body{background:#fff;color:#111}.gold,.support{color:#111}.page-shell{min-height:auto}header img{filter:invert(1)}}

main:focus{outline:none}
/* Keep the film composition inside a safe frame for the final video shot. */
@media(min-width:1001px){.film .page-shell{padding-top:clamp(45px,3.125vw,120px);padding-bottom:clamp(45px,3.125vw,120px)}}
@media(max-width:359px){header{gap:10px}header img{width:175px}.edition{max-width:65px}}

/* V2: photographic campaign art; typography remains crisp, live text. */
.scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;animation:cinematic-drift 28s ease-in-out infinite alternate}
.scene .ambient{background:#080b10}.scene .vignette{background:linear-gradient(90deg,rgba(5,8,12,.63) 0%,rgba(5,8,12,.40) 40%,rgba(5,8,12,.04) 65%),linear-gradient(0deg,rgba(5,8,12,.74),transparent 18%,transparent 84%,rgba(5,8,12,.35))}.scene .grain{display:none}#embers{z-index:1;opacity:.32}.scene .vignette{z-index:2}.paused .scene-image{animation-play-state:paused}
@keyframes cinematic-drift{from{transform:scale(1.005)}to{transform:scale(1.035)}}
@media(max-width:1000px){.scene-image{object-position:69% center}.scene .vignette{background:linear-gradient(90deg,#080b10dc,#080b1099 60%,#080b1030),linear-gradient(0deg,#080b10c0,transparent 30%,transparent 80%,#080b1050)}}
@media(max-width:600px){.scene-image{object-position:80% center;opacity:.87}.scene .vignette{background:linear-gradient(90deg,#080b10e8,#080b10ad 74%,#080b1070),linear-gradient(0deg,#080b10 2%,transparent 38%,#080b1030 78%,#080b1060)}.support{font-weight:400}.film .address{font-size:20px}}
@media(prefers-reduced-motion:reduce){.scene-image{animation:none!important;transform:none!important}}
/* A quiet dark plaque keeps the filming URL readable over the reflected light. */
.film .address{background:rgba(5,8,12,.88);padding:clamp(8px,.52vw,20px) clamp(12px,.833vw,32px);border:1px solid rgba(239,198,140,.24);border-radius:3px}
@media(max-width:600px){.film .address{font-size:clamp(16px,5.12vw,20px)}}