
/* Doghouse cinematic stages: images are sourced from the approved four-panel stage artwork. */
.dh-lead{--stage-image:url('assets/doghouse-stage-ghost.webp');--stage-glow:#aaff70;min-height:680px}
.dh-lead[data-scene="ghost"]{--stage-image:url('assets/doghouse-stage-ghost.webp');--stage-glow:#9bff78}
.dh-lead[data-scene="blood"]{--stage-image:url('assets/doghouse-stage-blood.webp');--stage-glow:#ff534b}
.dh-lead[data-scene="midnight"]{--stage-image:url('assets/doghouse-stage-midnight.webp');--stage-glow:#69baff}
.dh-lead[data-scene="reveal"]{--stage-image:url('assets/doghouse-stage-reveal.webp');--stage-glow:#ffb65a}
.dh-lead:before{background:linear-gradient(90deg,rgba(5,5,7,.94) 0%,rgba(5,5,7,.74) 38%,rgba(5,5,7,.16) 100%),var(--stage-image) center /cover no-repeat;transition:opacity .8s ease}
.dh-lead:after{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid var(--stage-glow);opacity:.55}
.dh-lead [data-dh-stage]{color:var(--stage-glow)}
.dh-stage-note{font-size:12px!important;color:#e5c8aa!important;letter-spacing:.08em}
.dh-teasers{background:#0b0a0b;padding:54px max(5%,calc((100% - 1200px)/2));color:#fff}
.dh-teasers h2{font-size:clamp(27px,4vw,48px);margin:8px 0 12px}.dh-teasers>p{color:#c8c0b8;max-width:650px;line-height:1.6}
.dh-teaser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.dh-teaser-card{background:#151414;border:1px solid #4a3930;border-radius:10px;overflow:hidden}
.dh-teaser-card img{width:100%;aspect-ratio:1.45;object-fit:cover;display:block}
.dh-teaser-card div{padding:15px}.dh-teaser-card strong{display:block;letter-spacing:.06em}.dh-teaser-card small{color:#c9b7a9}
.dh-product-photo{width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}
@media(max-width:700px){.dh-lead{min-height:680px}.dh-lead:before{background:linear-gradient(0deg,#090909 0%,rgba(8,7,8,.90) 28%,rgba(8,7,8,.15) 75%),var(--stage-image) center top/100% auto no-repeat}.dh-lead-inner{padding:clamp(260px,78vw,410px) 20px 32px}.dh-lead h1{font-size:clamp(43px,11vw,64px)}.dh-clock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.dh-clock div{min-width:0;padding:10px 2px}.dh-clock strong{font-size:clamp(19px,6vw,29px)}.dh-actions{display:grid;grid-template-columns:1fr}.dh-btn{text-align:center}.dh-teaser-grid{grid-template-columns:1fr}.dh-teaser-card img{aspect-ratio:1.7}}
@media(prefers-reduced-motion:reduce){.dh-lead:before{transition:none}}
