/* Full-screen horizontal public STAGGARD experience. Mobile swipes natively. */
html{scroll-behavior:smooth}html,body{width:100%;height:100%;overflow:hidden}
body{overscroll-behavior:none}
.top{position:fixed!important;z-index:30!important;top:0;left:0;right:0}
main.horizontal-site{display:flex;width:100vw;height:100svh;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
main.horizontal-site::-webkit-scrollbar{display:none}
main.horizontal-site>.slide{position:relative;flex:0 0 100vw;width:100vw;height:100svh;min-height:0;scroll-snap-align:start;scroll-snap-stop:always;overflow-y:auto;overscroll-behavior-y:contain}
main.horizontal-site>.slide:not(.cinematic-hero){display:flex;align-items:center;justify-content:center;padding:96px 5vw 95px}
main.horizontal-site>.slide .wrap{width:100%;max-width:1100px}
main.horizontal-site>.slide .show-list{max-height:min(54vh,550px);overflow-y:auto}
main.horizontal-site>.slide .gallery{max-height:58vh}
main.horizontal-site>.slide .gallery-image{object-fit:contain}
main.horizontal-site>.slide .section-title{font-size:clamp(31px,4.5vw,56px)}
main.horizontal-site>.cinematic-hero{height:100svh;min-height:0!important;padding:0!important}
.horizontal-controls{position:fixed;z-index:35;left:50%;bottom:13px;transform:translateX(-50%);display:flex;gap:6px;align-items:center;padding:7px 11px;border:1px solid #a18a694d;border-radius:30px;background:#0b0a09b8;backdrop-filter:blur(12px)}
.horizontal-controls button{font:600 11px Arial,sans-serif;letter-spacing:.08em;color:#c3b9aa;border:0;background:transparent;cursor:pointer;padding:9px 10px;border-radius:20px}
.horizontal-controls button[aria-current=page]{color:#fff;background:#77552f}
.horizontal-controls button:focus-visible{outline:2px solid #f2bc75}
.horizontal-controls .slide-arrow{font-size:21px;line-height:12px}
.site-progress{position:fixed;z-index:34;bottom:0;left:0;height:3px;width:100%;background:#3b3024}
.site-progress>div{height:100%;width:16.66%;background:#d4a76e;transition:transform .3s}
.poster-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,24%);gap:15px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:12px 3px 20px;scrollbar-color:#a57844 transparent}
.poster-item{display:block;text-align:left;background:transparent;border:0;padding:0;color:#eee;cursor:pointer;scroll-snap-align:start}
.poster-item img{display:block;width:100%;aspect-ratio:2/3;object-fit:contain;background:transparent}
.poster-item span{font-size:13px}
.poster-empty{color:#c3ae99;grid-column:1/-1;max-width:500px}
.media-lightbox{border:1px solid #80603d;background:#0a0909;color:white;max-width:min(92vw,1050px);max-height:92svh;padding:12px}
.media-lightbox::backdrop{background:#000d}.media-lightbox img{max-width:100%;max-height:75svh;object-fit:contain}
.media-lightbox button{float:right;background:transparent;color:white;border:1px solid #7e684b;font-size:18px;cursor:pointer}
.slide-hint{position:absolute;bottom:72px;right:5vw;color:#e8ded0;font:600 11px Arial,sans-serif;letter-spacing:.16em}
@media(max-width:650px){
 .top{position:fixed!important;min-height:66px}
 main.horizontal-site{height:100svh}
 main.horizontal-site>.slide{height:100svh}
 main.horizontal-site>.slide:not(.cinematic-hero){padding:92px 18px 103px}
 main.horizontal-site>.cinematic-hero{height:100svh!important;min-height:0!important;max-height:none!important;padding:66px 0 0!important}
 /* Keep all five members visible while centering the compact hero composition vertically. */
 main.horizontal-site>.cinematic-hero{--hero-shift:clamp(28px,calc((100svh - 66px - (100vw / 1.53) - 170px) / 2),130px)}
 main.horizontal-site>.cinematic-hero .hero-image{width:100%;height:auto;aspect-ratio:1.53;background-size:100% auto;background-position:center center;top:calc(66px + var(--hero-shift))!important}
 main.horizontal-site>.cinematic-hero .mobile-wordmark{bottom:auto!important;top:calc(66px + var(--hero-shift) + (100vw / 1.53) - 100px)!important}
 main.horizontal-site>.cinematic-hero .hero-bottom{bottom:auto!important;top:calc(66px + var(--hero-shift) + (100vw / 1.53) + 12px)!important}
 .horizontal-controls{width:max-content;max-width:96vw;padding:5px;bottom:8px;gap:1px}
 .horizontal-controls button{font-size:10px;letter-spacing:0;padding:9px 5px}
 .horizontal-controls .slide-arrow{font-size:18px}
 main.horizontal-site>.slide .show-list{max-height:55svh}
 main.horizontal-site>.slide .show-row{grid-template-columns:65px 1fr}
 main.horizontal-site>.slide .gallery{aspect-ratio:4/3;min-height:210px}
 .poster-grid{grid-auto-columns:65%;max-height:62svh}
 .poster-item img{max-height:45svh;object-fit:contain}
 .slide-hint{bottom:75px;right:15px}
}
@media(prefers-reduced-motion:reduce){main.horizontal-site{scroll-behavior:auto}}