/* Trailer + Steam media layer (loads after styles.css) */
.hero-media{position:absolute;inset:0;background:#100706 url('https://shared.akamai.steamstatic.com/store_item_assets/steam/apps/4394520/84557a31f268dd936c915dcaf70697bce06ce808/ss_84557a31f268dd936c915dcaf70697bce06ce808.1920x1080.jpg?t=1793101033') 65% 42%/cover no-repeat}
.hero-media video{display:block;width:100%;height:100%;object-fit:cover;object-position:60% 45%;opacity:0;transition:opacity 1.4s ease}
.hero-media video.is-playing{opacity:1}
.hero .hero-image{background-image:linear-gradient(90deg,#100706 0%,#100706e6 22%,#10070680 48%,#10070600 78%),linear-gradient(0deg,#100706d0,transparent 42%),linear-gradient(180deg,#10070699,transparent 22%);opacity:1}
.play-link{display:inline-flex;align-items:center;gap:14px;background:none;border:0;border-bottom:1px solid #a76e36;color:var(--paper);font-size:12px;font-weight:600;padding:8px 0}
.play-link i{width:34px;height:34px;border-radius:50%;border:1px solid #ffad16;display:grid;place-items:center;box-shadow:0 0 0 4px #ffad1614;transition:background .2s,box-shadow .2s}
.play-link svg{width:13px;height:13px;margin-left:2px;fill:#ffad16;transition:fill .2s}
.play-link:hover{color:#ffc453}.play-link:hover i{background:#ffad16;box-shadow:0 0 0 7px #ffad1626}.play-link:hover svg{fill:#200b02}

.trailer-section{background:#0b0504;border-bottom:1px solid #652818;padding-block:90px}
.trailer-frame{position:relative;display:block;width:100%;aspect-ratio:2.4/1;border:1px solid #652818;padding:0;background:#000;overflow:hidden;color:var(--paper);box-shadow:0 30px 90px #0009}
.trailer-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.trailer-frame:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#10070600 35%,#100706b3 100%),linear-gradient(0deg,#100706e0,transparent 50%)}
.trailer-frame:hover img{transform:scale(1.035)}
.play-btn{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:104px;height:104px;border-radius:50%;background:linear-gradient(115deg,#ffbe24,#ff7810);display:grid;place-items:center;box-shadow:0 0 0 10px #100706a6,0 0 0 11px #ffad1666,0 0 70px #ff781066;transition:transform .25s,box-shadow .25s}
.play-btn svg{width:34px;height:34px;margin-left:6px;fill:#200b02}
.trailer-frame:hover .play-btn,.trailer-frame:focus-visible .play-btn{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 0 14px #100706a6,0 0 0 15px #ffad1699,0 0 90px #ff7810aa}
.trailer-meta{position:absolute;z-index:2;left:32px;right:32px;bottom:26px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;text-align:left}
.trailer-meta strong{font:700 clamp(26px,3.2vw,44px)/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#fff0cf}
.trailer-meta span{font-size:10px;letter-spacing:.16em;color:#e6aa54;font-weight:700;white-space:nowrap}

.gallery{grid-auto-flow:dense}
.gallery-main.alt{grid-column:3/span 2}
.gallery-note{margin-top:22px;font-size:11px;color:#bba088}
.gallery-note a{color:#ffc453;border-bottom:1px solid #a66b2b}

#lightbox img{user-select:none;touch-action:pan-y}
.lb-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 2px 0;color:#ffdc93;font-size:11px;letter-spacing:.14em;font-weight:700}
.lb-bar button{background:none;border:1px solid #652818;color:#fff0cf;padding:9px 16px;font-size:11px;font-weight:700;letter-spacing:.12em;transition:border-color .2s,color .2s}
.lb-bar button:hover{border-color:#ffad16;color:#ffad16}

.trailer-modal{width:min(1440px,96vw);padding:46px 0 0;background:#000;border:1px solid #652818}
.trailer-modal video{display:block;width:100%;max-height:86vh;aspect-ratio:2.4/1;background:#000}
.dialog-close{position:absolute;right:14px;top:9px;color:#fff;background:transparent;border:0;font-size:12px;padding:4px 8px}
.dialog-close:hover,#close-lightbox:hover{color:#ffad16}

@media(max-width:700px){
.hero-media{bottom:auto;height:66%;background-position:center}
.hero-media video{object-position:58% center}
.hero .hero-image{background-image:linear-gradient(0deg,#100706 0%,#100706 34%,#100706b8 52%,#10070640 80%,#10070650)}
.trailer-section{padding-block:60px}
.trailer-frame{aspect-ratio:16/10}
.play-btn{width:76px;height:76px}.play-btn svg{width:26px;height:26px}
.trailer-meta{left:18px;right:18px;bottom:16px;flex-direction:column;align-items:flex-start;gap:6px}
.gallery-main.alt{grid-column:span 2}
.trailer-modal video{aspect-ratio:16/9}
}
@media(prefers-reduced-motion:reduce){.hero-media video{display:none}}