body:has(.doors) .hero{background-image:linear-gradient(90deg,rgba(9,17,19,.89) 0%,rgba(9,17,19,.72) 43%,rgba(9,17,19,.19) 100%),url('/halloween/images/halloween-nuit-personnages.webp');background-position:center;background-size:cover}
.hero-glow{opacity:.2}.hero h1{position:relative}.hero-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.sound-button{cursor:pointer;border:1px solid #a96d4c;background:#203135;color:#f2eadc;padding:1rem 1.3rem;font-size:.78rem;letter-spacing:.06em;min-height:48px;margin:.3rem 0 1.4rem}.sound-button:hover,.sound-button:focus-visible{background:#a96d4c}.sound-button:disabled{opacity:.5;cursor:not-allowed}.hero-sound{background:rgba(17,28,30,.68);border-color:rgba(242,234,220,.7);margin:0}
.prelude-image{margin:2.5rem 0}.prelude-image img{display:block;width:100%;max-height:450px;object-fit:cover}.prelude-image figcaption{font-size:.72rem;color:#667372;line-height:1.5;margin-top:.5rem}
.door-image{display:block;width:100%;height:190px;object-fit:cover;margin:1.5rem 0 1.7rem;filter:saturate(.67)}.door:hover .door-image{filter:saturate(1)}.door{min-height:550px}.door h3{margin-top:0}.door-grid{align-items:stretch}
.door-credit{display:block;color:#c5b5a3;font:.69rem/1.5 Arial,Helvetica,sans-serif;margin-top:.6rem}.door-credit a{text-underline-offset:2px}.audio-credit{font:.73rem/1.5 Arial,Helvetica,sans-serif!important;margin:-.8rem 0 1rem!important}
.story-image{margin:1.6rem 0 1.4rem;max-width:760px}.story-image img{display:block;width:100%;max-height:440px;object-fit:cover;background:#d9d0c2}.story-image figcaption{font:.75rem/1.6 Arial,Helvetica,sans-serif;color:#55615f;margin-top:.5rem}.story-image figcaption a{color:#6c3e2d;text-underline-offset:2px}
.image-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:790px}.image-pair .story-image{margin-bottom:1.4rem}.image-pair img{height:260px}
.map-link,.external-link{display:inline-block;font:.77rem/1.5 Arial,Helvetica,sans-serif;font-weight:700;color:#81472f;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.2rem;margin:.5rem 0 1.2rem}.excerpt{font:italic 1.2rem/1.65 Georgia,serif;margin:1rem 0 1.3rem;padding:1rem 1.5rem;border-left:3px solid #a56042;background:#e6dcca;max-width:740px}.station .small-source{font-size:.74rem!important}.station a:hover{text-decoration:underline}
@media(max-width:800px){.hero{background-position:62% center}.door{min-height:unset}.door-image{height:210px}}
@media(max-width:650px){.image-pair{grid-template-columns:1fr}.image-pair img{height:auto;max-height:320px}}
@media(max-width:500px){body:has(.doors) .hero{background-image:linear-gradient(90deg,rgba(9,17,19,.84),rgba(9,17,19,.48)),url('/halloween/images/halloween-nuit-personnages.webp')}body:has(.doors) .hero h1{font-size:clamp(3.9rem,16vw,6rem)}}