/* One shared, silent 30-second story; all media stays local. */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
[data-trailer]{--trailer-duration:30s}
.trailer-background{position:absolute;inset:0;overflow:hidden;background:#081b29 url('media/venue-aerial.jpg?v=approved20261029full') center/cover;pointer-events:none}
.trailer-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:trailer-image var(--trailer-duration) linear infinite;animation-delay:var(--delay)}
.trailer-sun{overflow:hidden}
.trailer-sun>img,.trailer-sun>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.trailer-sun>video{opacity:0}
.trailer-sun>video.video-ready{opacity:1}
.trailer-shade{position:absolute;inset:0;background:linear-gradient(90deg,#03131fe8 0%,#03131f85 55%,#03131f38),linear-gradient(0deg,#03131fe6,transparent 80%)}
.trailer-captions{display:grid;position:relative;max-width:920px;min-height:340px;align-items:center}
.trailer-beat{grid-area:1/1;opacity:0;animation:trailer-caption var(--trailer-duration) linear infinite;animation-delay:var(--delay);pointer-events:none}
.trailer-chapter{display:block;font-size:10px;letter-spacing:3px;font-weight:700;color:#a8eee3;margin-bottom:22px}
.trailer-line{font-family:Anton,'Arial Narrow',sans-serif;font-size:clamp(48px,6.1vw,86px);font-weight:400;line-height:1.08;letter-spacing:-1px;text-wrap:balance;color:white;margin:0!important;text-shadow:0 3px 24px #0003}
.trailer-mark{width:72px;height:72px;object-fit:contain;margin-bottom:14px}
.trailer-provenance{display:block;margin-top:20px;font-size:12px;color:#cbdde0}
.trailer-invitation{font-size:12px;letter-spacing:1px;color:#d6e5e7}
.opening-trailer .hero-content{padding-top:50px;padding-bottom:188px}
.opening-trailer .hero-content>.eyebrow{margin-bottom:18px}
.opening-trailer .actions{margin-top:24px}
[data-trailer].trailer-paused .trailer-frame,[data-trailer].trailer-paused .trailer-beat{animation-play-state:paused}
@keyframes trailer-image{0%{opacity:1;transform:scale(1)}16%{opacity:1}20%{opacity:0;transform:scale(1.065)}96%{opacity:0;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes trailer-caption{0%,1%{opacity:0;transform:translateY(12px)}3%,16%{opacity:1;transform:translateY(0)}19%,100%{opacity:0;transform:translateY(-8px)}}
/* The QR page shares the story as a fixed backdrop, with readable foreground panels. */
body.qr-site{position:relative;isolation:isolate;background:#081b29;color:#f7f4ee;padding:32px 16px}
.qr-site>.trailer-background{position:fixed;z-index:-1;height:100vh;height:100lvh}
.qr-site .trailer-shade{background:linear-gradient(180deg,#03131f65,#03131f99 70%,#03131fcc)}
.qr-site .link-page{max-width:520px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.qr-site .profile{padding:24px;background:#081b29d9;border:1px solid #ffffff25;border-radius:18px;color:white;backdrop-filter:blur(12px)}
.qr-site .profile p{color:#d3e5e7}.qr-site .coming-label{background:#ffffff12;color:#a8eee3}
.qr-trailer-intro{padding:34px 24px 28px;margin:14px 0;border-radius:18px;background:#081b2985;border:1px solid #ffffff25}
.qr-trailer-intro .trailer-captions{min-height:240px}
.qr-trailer-intro .trailer-line{font-size:clamp(37px,9vw,54px);letter-spacing:-.5px}
.qr-trailer-intro .trailer-chapter{margin-bottom:16px}
.qr-trailer-intro .trailer-mark{width:56px;height:56px;margin-bottom:10px}
.qr-trailer-intro .primary{width:100%;margin-top:22px}
.qr-site .destination-links>a,.qr-site .qr-block,.qr-site .quick-actions button{background:#faf8f2f5;color:#132936;border-color:#ffffff80}
.qr-site .destination-links small,.qr-site .qr-block p{color:#4b5e67}
.qr-site .qr-vr{background:#081b29ed;color:#f7f4ee;border-color:#73929666}
.qr-site .qr-vr p{color:#c3d8dc}
.qr-site .qr-button{background:#081b29;color:#f7f4ee}
.qr-site .qr-vr .qr-button{background:#83e6dc;color:#081b29;border:0}
.qr-site .full-website{margin-top:16px;padding:18px;border-radius:12px;background:#081b29eb;color:#a8eee3}
.qr-site footer{margin-top:14px;padding:22px;border-radius:14px;background:#081b29eb;color:#d3e5e7}
.qr-site footer small{color:#b9cdd2}
@media(max-width:700px){
 .opening-trailer{min-height:620px;height:calc(100svh - 86px);max-height:900px}
 .opening-trailer .hero-content{width:calc(100% - 44px);padding:40px 0 100px}
 .opening-trailer .trailer-captions{min-height:300px}
 .opening-trailer .trailer-line{font-size:clamp(39px,9.5vw,64px);letter-spacing:-.6px}
 .opening-trailer .hero-bottom{gap:14px;padding:20px 22px;font-size:8px;letter-spacing:.7px}
 .opening-trailer .hero-bottom a{font-size:22px}
 .opening-trailer .actions{gap:16px}
 .trailer-frame{object-position:58% center}
 body.qr-site{padding:16px 12px}
}
@media(prefers-reduced-motion:reduce){
 .trailer-frame,.trailer-beat{animation:none!important;transform:none!important;opacity:0}
 .trailer-frame:first-child,.trailer-beat:last-child{opacity:1}
}

/* Clear first-frame positioning and visitor-controlled storytelling. */
.opening-trailer .hero-description{max-width:44ch;margin:18px 0 0;font-size:17px;line-height:1.55;color:#f2f6f7;text-shadow:0 1px 8px #0008}
.opening-trailer .trailer-shade{background:linear-gradient(90deg,#03131fe6 0%,#03131fa6 35%,#03131f28 75%,#03131f14),linear-gradient(0deg,#03131fd9,transparent 55%)}
.opening-trailer .trailer-controls{position:absolute;top:24px;right:max(28px,calc((100vw - 1220px)/2));display:flex;align-items:center;gap:12px;z-index:2}
.opening-trailer .trailer-controls[hidden]{display:none}
.trailer-progress{display:flex;gap:5px}.trailer-progress span{width:22px;height:3px;background:#ffffff65;border-radius:2px}.trailer-progress .current{background:var(--accent)}
.trailer-position{font-size:11px;color:#fff;letter-spacing:1px}
.trailer-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff70;border-radius:50%;background:#081b29bd;color:#fff}
.trailer-controls button:hover{background:#173c4c}.trailer-controls svg{width:18px;height:18px;fill:currentColor}
[data-trailer-toggle][data-state="playing"] .intro-play,[data-trailer-toggle][data-state="paused"] .intro-pause{display:none}
@media(max-width:700px){
 .opening-trailer{align-items:flex-start;min-height:700px}
 .opening-trailer .hero-content{padding:90px 0 120px}
 .opening-trailer .trailer-captions{min-height:270px}
 .opening-trailer .hero-description{font-size:15px;line-height:1.6;margin-top:12px}
 .opening-trailer .actions{margin-top:20px}
 .opening-trailer .trailer-controls{top:18px;right:22px;gap:10px}
 .opening-trailer .trailer-frame:first-child,.opening-trailer .trailer-frame:nth-child(5){height:122%;top:-22%;object-position:60% bottom}
 .opening-trailer .trailer-frame:nth-child(2){object-position:68% center}
 .opening-trailer .trailer-frame:nth-child(3){object-position:46% center}
 .opening-trailer .trailer-sun>img,.opening-trailer .trailer-sun>video{object-position:60% center}
}
@media(prefers-reduced-motion:reduce){.opening-trailer .trailer-controls{display:none}}

/* Full-viewport hero with a compact floating navigation group. */
.hero.opening-trailer[data-carousel]{height:calc(100svh - var(--header-height));min-height:0;max-height:none;align-items:stretch;isolation:isolate;background:#081b29;overflow:hidden;touch-action:pan-y}
[data-carousel] .trailer-background{inset:0;translate:var(--drag-offset,0) 0;transition:translate .2s ease-out;cursor:grab}
.opening-trailer[data-carousel] .hero-content{position:absolute;top:40px;bottom:188px;left:0;right:0;width:min(1220px,calc(100% - 88px));display:flex;flex-direction:column;padding:0;cursor:grab}
.opening-trailer[data-carousel] .hero-bottom,[data-carousel] .trailer-progress{display:none}
.opening-trailer[data-carousel] .hero-content>.eyebrow{flex-shrink:0;margin-bottom:12px}
.opening-trailer[data-carousel] .trailer-captions{flex:1;min-height:0}
.opening-trailer[data-carousel] .trailer-line{font-size:clamp(32px,min(5.2vw,7.4svh),72px)}
.opening-trailer[data-carousel] .trailer-mark{width:48px;height:48px;margin-bottom:8px}
.opening-trailer[data-carousel] .trailer-chapter{margin-bottom:12px}
.opening-trailer[data-carousel] .hero-description{flex-shrink:0;margin-top:12px;font-size:15px;line-height:1.5}
.opening-trailer[data-carousel] .actions{flex-shrink:0;margin-top:16px}
.opening-trailer[data-carousel] .hero-carousel-nav{top:auto;bottom:24px;right:max(28px,calc((100vw - 1220px)/2));display:flex;align-items:center;gap:10px;z-index:3;padding:8px 10px;border:1px solid #ffffff30;border-radius:40px;background:#081b29b8;backdrop-filter:blur(12px)}
.hero-carousel-nav .hero-step{font-size:23px}
.hero-carousel-nav button{flex:0 0 44px;transition:background .18s ease,border-color .18s ease,color .18s ease}
.hero-carousel-nav button:hover{background:var(--accent);border-color:var(--accent);color:#081b29}
.hero-carousel-nav button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.hero-carousel-nav .trailer-position{min-width:48px;text-align:center;font-variant-numeric:tabular-nums}
[data-carousel].hero-dragging .hero-content{cursor:grabbing;user-select:none}
[data-carousel].hero-dragging .trailer-background{transition:none}
[data-carousel] [data-trailer-toggle][hidden]{display:none}
@media(max-width:700px){
 .opening-trailer[data-carousel] .hero-content{top:32px;bottom:188px;width:calc(100% - 44px)}
 .opening-trailer[data-carousel] .trailer-line{font-size:clamp(28px,8.6vw,36px)}
 .opening-trailer[data-carousel] .hero-content>.eyebrow{font-size:9px;margin-bottom:8px}
 .opening-trailer[data-carousel] .trailer-chapter{font-size:9px;margin-bottom:8px}
 .opening-trailer[data-carousel] .trailer-mark{width:36px;height:36px;margin-bottom:6px}
 .opening-trailer[data-carousel] .hero-description{font-size:13px;line-height:1.5;margin-top:8px}
 .opening-trailer[data-carousel] .actions{margin-top:12px}
 .opening-trailer[data-carousel] .hero-carousel-nav{right:22px;bottom:18px;gap:8px}
}
@media(max-height:700px){
 .opening-trailer[data-carousel] .hero-content{top:24px;bottom:188px}
 .opening-trailer[data-carousel] .trailer-mark{display:none}
 .opening-trailer[data-carousel] .trailer-chapter{font-size:9px;margin-bottom:8px}
 .opening-trailer[data-carousel] .hero-description{font-size:13px;line-height:1.4;margin-top:8px}
 .opening-trailer[data-carousel] .actions{margin-top:12px}
 .opening-trailer[data-carousel] .primary{min-height:44px;padding:12px 18px}
}
@media(max-width:700px) and (max-height:700px){.opening-trailer[data-carousel] .hero-description{font-size:12px}}
@media(max-height:480px){.hero.opening-trailer[data-carousel]{height:560px}}
@media(prefers-reduced-motion:reduce){
 .opening-trailer[data-carousel] .trailer-frame,.opening-trailer[data-carousel] .trailer-beat{opacity:0!important}
 .opening-trailer[data-carousel] .hero-selected{opacity:1!important}
 [data-carousel] .trailer-background,.hero-carousel-nav button{transition:none}
}

/* The approved photographic machine has direct controls and a draggable body. */
.opening-trailer[data-carousel] .hero-carousel-nav{top:auto;right:16px;bottom:16px;left:auto;width:240px;display:block;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;z-index:3;touch-action:none;cursor:grab;user-select:none;border-radius:5px}
.hero-carousel-nav.player-moving{cursor:grabbing}
.hero-carousel-nav:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.recorder-art{position:relative;display:block;width:100%;aspect-ratio:1358/1158;container-type:inline-size;pointer-events:none}
.recorder-art>img,.recorder-art>.recorder-sprite{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.recorder-sprite{display:block;opacity:0;background-size:1200% 800%;background-repeat:no-repeat;animation:recorder-frames 4s steps(1,end) infinite;animation-play-state:paused}
.recorder-sprite.recorder-ready{opacity:1}
[data-recorder-state="playing"] .recorder-sprite.recorder-ready{animation-play-state:running}
.recorder-key-bounds{position:absolute;left:42.659794%;top:73.596891%;width:26.4%;height:10.56%;pointer-events:none}
.recorder-art .recorder-transport-icon{position:absolute;left:56.159794%;top:76.896891%;width:2.52%;height:3.36%;fill:#29200e;pointer-events:none}
.recorder-transport-icon[data-state="playing"] .intro-play,.recorder-transport-icon[data-state="paused"] .intro-pause{display:none}
.recorder-art .recorder-counter{position:absolute;display:flex;align-items:center;justify-content:center;left:50.44%;top:86.1%;width:11.56%;height:4.32%;min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#f6e4bc;font:2.1cqw/1 Georgia,'Times New Roman',serif;letter-spacing:.04em;text-shadow:0 0 1px #f8dfb366;pointer-events:none}
.hero-carousel-nav .recorder-control{position:absolute;display:block;top:79%;width:8.16%;min-width:24px;height:10.2%;min-height:44px;transform:translate(-50%,-50%);margin:0;padding:0;border:0;border-radius:3px;background:transparent;box-shadow:none;cursor:pointer;touch-action:manipulation}
.hero-carousel-nav .recorder-control:hover{background:#ffffff0c}
.hero-carousel-nav .recorder-control:active{background:#0000000c}
.hero-carousel-nav .recorder-control:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.hero-carousel-nav .recorder-previous{left:47.699794%;top:78.756891%}
.hero-carousel-nav .recorder-toggle{left:56.939794%;top:79.476891%}
.hero-carousel-nav .recorder-next{left:66.059794%;top:79.956891%}
.hero-carousel-nav .recorder-control[hidden]{display:none}
.opening-trailer[data-carousel] .hero-content{bottom:32px}
.opening-trailer[data-carousel] .trailer-captions{padding-top:70px;box-sizing:border-box}
@media(max-width:700px){
 .opening-trailer[data-carousel] .hero-carousel-nav{width:208px}
 .opening-trailer[data-carousel] .hero-content{top:24px;bottom:210px}
 .opening-trailer[data-carousel] .trailer-captions{padding-top:0}
}
@media(max-width:700px) and (max-height:620px){
 .opening-trailer[data-carousel] .trailer-line{font-size:26px}
 .opening-trailer[data-carousel] .hero-content>.eyebrow{margin-bottom:6px}
 .opening-trailer[data-carousel] .hero-description{margin-top:6px}
 .opening-trailer[data-carousel] .actions{margin-top:8px}
 .opening-trailer[data-carousel] .trailer-provenance{font-size:10px;margin-top:8px;line-height:1.3}
}
@media(min-width:701px) and (max-width:1100px){.opening-trailer[data-carousel] .trailer-captions{max-width:calc(100vw - 320px);padding-top:0}}
@media(prefers-reduced-motion:reduce){.recorder-art .recorder-sprite{animation-play-state:paused!important;opacity:0}}

@keyframes recorder-frames{
 0.000000%{background-position:0.000000% 0.000000%}
 1.041667%{background-position:9.090909% 0.000000%}
 2.083333%{background-position:18.181818% 0.000000%}
 3.125000%{background-position:27.272727% 0.000000%}
 4.166667%{background-position:36.363636% 0.000000%}
 5.208333%{background-position:45.454545% 0.000000%}
 6.250000%{background-position:54.545455% 0.000000%}
 7.291667%{background-position:63.636364% 0.000000%}
 8.333333%{background-position:72.727273% 0.000000%}
 9.375000%{background-position:81.818182% 0.000000%}
 10.416667%{background-position:90.909091% 0.000000%}
 11.458333%{background-position:100.000000% 0.000000%}
 12.500000%{background-position:0.000000% 14.285714%}
 13.541667%{background-position:9.090909% 14.285714%}
 14.583333%{background-position:18.181818% 14.285714%}
 15.625000%{background-position:27.272727% 14.285714%}
 16.666667%{background-position:36.363636% 14.285714%}
 17.708333%{background-position:45.454545% 14.285714%}
 18.750000%{background-position:54.545455% 14.285714%}
 19.791667%{background-position:63.636364% 14.285714%}
 20.833333%{background-position:72.727273% 14.285714%}
 21.875000%{background-position:81.818182% 14.285714%}
 22.916667%{background-position:90.909091% 14.285714%}
 23.958333%{background-position:100.000000% 14.285714%}
 25.000000%{background-position:0.000000% 28.571429%}
 26.041667%{background-position:9.090909% 28.571429%}
 27.083333%{background-position:18.181818% 28.571429%}
 28.125000%{background-position:27.272727% 28.571429%}
 29.166667%{background-position:36.363636% 28.571429%}
 30.208333%{background-position:45.454545% 28.571429%}
 31.250000%{background-position:54.545455% 28.571429%}
 32.291667%{background-position:63.636364% 28.571429%}
 33.333333%{background-position:72.727273% 28.571429%}
 34.375000%{background-position:81.818182% 28.571429%}
 35.416667%{background-position:90.909091% 28.571429%}
 36.458333%{background-position:100.000000% 28.571429%}
 37.500000%{background-position:0.000000% 42.857143%}
 38.541667%{background-position:9.090909% 42.857143%}
 39.583333%{background-position:18.181818% 42.857143%}
 40.625000%{background-position:27.272727% 42.857143%}
 41.666667%{background-position:36.363636% 42.857143%}
 42.708333%{background-position:45.454545% 42.857143%}
 43.750000%{background-position:54.545455% 42.857143%}
 44.791667%{background-position:63.636364% 42.857143%}
 45.833333%{background-position:72.727273% 42.857143%}
 46.875000%{background-position:81.818182% 42.857143%}
 47.916667%{background-position:90.909091% 42.857143%}
 48.958333%{background-position:100.000000% 42.857143%}
 50.000000%{background-position:0.000000% 57.142857%}
 51.041667%{background-position:9.090909% 57.142857%}
 52.083333%{background-position:18.181818% 57.142857%}
 53.125000%{background-position:27.272727% 57.142857%}
 54.166667%{background-position:36.363636% 57.142857%}
 55.208333%{background-position:45.454545% 57.142857%}
 56.250000%{background-position:54.545455% 57.142857%}
 57.291667%{background-position:63.636364% 57.142857%}
 58.333333%{background-position:72.727273% 57.142857%}
 59.375000%{background-position:81.818182% 57.142857%}
 60.416667%{background-position:90.909091% 57.142857%}
 61.458333%{background-position:100.000000% 57.142857%}
 62.500000%{background-position:0.000000% 71.428571%}
 63.541667%{background-position:9.090909% 71.428571%}
 64.583333%{background-position:18.181818% 71.428571%}
 65.625000%{background-position:27.272727% 71.428571%}
 66.666667%{background-position:36.363636% 71.428571%}
 67.708333%{background-position:45.454545% 71.428571%}
 68.750000%{background-position:54.545455% 71.428571%}
 69.791667%{background-position:63.636364% 71.428571%}
 70.833333%{background-position:72.727273% 71.428571%}
 71.875000%{background-position:81.818182% 71.428571%}
 72.916667%{background-position:90.909091% 71.428571%}
 73.958333%{background-position:100.000000% 71.428571%}
 75.000000%{background-position:0.000000% 85.714286%}
 76.041667%{background-position:9.090909% 85.714286%}
 77.083333%{background-position:18.181818% 85.714286%}
 78.125000%{background-position:27.272727% 85.714286%}
 79.166667%{background-position:36.363636% 85.714286%}
 80.208333%{background-position:45.454545% 85.714286%}
 81.250000%{background-position:54.545455% 85.714286%}
 82.291667%{background-position:63.636364% 85.714286%}
 83.333333%{background-position:72.727273% 85.714286%}
 84.375000%{background-position:81.818182% 85.714286%}
 85.416667%{background-position:90.909091% 85.714286%}
 86.458333%{background-position:100.000000% 85.714286%}
 87.500000%{background-position:0.000000% 100.000000%}
 88.541667%{background-position:9.090909% 100.000000%}
 89.583333%{background-position:18.181818% 100.000000%}
 90.625000%{background-position:27.272727% 100.000000%}
 91.666667%{background-position:36.363636% 100.000000%}
 92.708333%{background-position:45.454545% 100.000000%}
 93.750000%{background-position:54.545455% 100.000000%}
 94.791667%{background-position:63.636364% 100.000000%}
 95.833333%{background-position:72.727273% 100.000000%}
 96.875000%{background-position:81.818182% 100.000000%}
 97.916667%{background-position:90.909091% 100.000000%}
 98.958333%{background-position:100.000000% 100.000000%}
 100%{background-position:0% 0%}
}