:root{--detail-reading-mask:#07100db8}
/* A pinned campaign scene surrounds the scrolling detail content. */
#detail{padding:0;overflow:hidden;isolation:isolate;background:#0a100d;border-color:#bda36b66;max-height:90vh;max-height:90svh;box-shadow:0 28px 90px #0009}
#detail::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#07100dc2 0,#07100db8 calc(100% - 24px),#07100d80 100%),var(--detail-scene,url('/assets/last-offering-cover.jpg')) center 40%/cover no-repeat}
#detailContent{position:relative;z-index:1;max-height:90vh;max-height:90svh;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ad915a #111a15;padding:44px;scroll-padding:30px}
#detail .detail-art{display:none}
#detail .close{position:absolute;top:12px;right:12px;z-index:4;background:#09110eeb;border:1px solid #bfa77280;box-shadow:0 3px 12px #0008}
#detail h2{margin-top:14px;color:#fff2d5;text-shadow:0 2px 12px #0008}
#detailContent>p{font-size:14px;line-height:1.9;color:#e0dfd2}
#detail .detail-meta{font-size:12px;gap:18px;flex-wrap:wrap;color:#e0c28c}
#detail .preview-box{background:#0a100cc9;border-color:#cbb482;box-shadow:0 5px 20px #0002}
#detail .preview-box p{color:#eadab4;text-shadow:0 2px 6px #0009}
#detailContent>h3{font-size:28px;color:#f5e7cc}
#detail :is(.bundle-groups>section,.audio-preview){background-image:linear-gradient(90deg,var(--detail-reading-mask) 0,var(--detail-reading-mask) calc(100% - 20px),#07100d4d 100%),var(--panel-art);background-position:center;background-size:cover;background-repeat:no-repeat;border:1px solid #c5ad7650;box-shadow:0 7px 24px #0004;position:relative;overflow:hidden;text-shadow:0 2px 5px #0009}
#detail .bundle-groups{gap:16px;margin:20px 0}
#detail .bundle-groups>section{padding:21px;min-height:178px;border-radius:3px}
#detail .bundle-groups>section:nth-child(1){--panel-art:url('/assets/detail/campaign-book.webp')}
#detail .bundle-groups>section:nth-child(2){--panel-art:url('/assets/detail/digital-maps.webp')}
#detail .bundle-groups>section:nth-child(3){--panel-art:url('/assets/detail/artwork-handouts.webp')}
#detail .bundle-groups>section:nth-child(4){--panel-art:url('/assets/detail/narration-music.webp')}
#detail .bundle-groups h4{font-size:25px;line-height:1.15;color:#ffe5b5;margin:0 0 12px}
#detail .bundle-groups p{font-size:14px;line-height:1.75;color:#f0eee3;margin:0}
#detail .bundle-caveat{color:#d2d4c7;font-size:12px;padding:2px 0}
#detail .audio-samples{gap:16px;margin:28px 0}
#detail .audio-preview{padding:22px;min-height:306px;border-radius:5px;display:flex;flex-direction:column}
#detail .audio-preview:nth-child(1){--panel-art:url('/assets/detail/opening-narration.webp')}
#detail .audio-preview:nth-child(2){--panel-art:url('/assets/detail/campaign-music.webp')}
#detail .audio-preview .eyebrow{font-size:9px;line-height:1.5;letter-spacing:1.25px;color:#e7c88d}
#detail .audio-preview h3{font-size:27px;line-height:1.15;margin:12px 0;color:#fff0d5}
#detail .audio-preview>p:not(.audio-text){font-size:13px;line-height:1.8;color:#f0eee3;margin:0 0 16px}
#detail .audio-preview audio{flex:none;margin: auto 0 12px;min-height:44px;text-shadow:none}
#detail .audio-preview .audio-text{font-size:11px;line-height:1.65;color:#f0d49b;margin:4px 0 0}
#detail .audio-preview a.audio-text:hover{color:#fff2cf}
#detail .launch-note{background:#07100ed9;color:#d8daca;border-color:#c4ae7540}
#detail .sample-download{color:#ecd19a;font-size:14px}
@media(max-width:760px){#detailContent{padding:38px 24px 28px}#detail .bundle-groups{gap:14px}#detail .bundle-groups>section{min-height:166px;padding:20px}#detail .detail-meta{font-size:11px;gap:12px}#detail .audio-preview{min-height:294px;padding:21px}#detail .bundle-groups p{font-size:14px}#detail h2{font-size:38px}#detailContent>p{font-size:14px}}
@media(max-width:640px){#detail .audio-samples{grid-template-columns:1fr}#detail .audio-preview{min-height:280px}}
#detailContent>.eyebrow{color:#e7c88d}