/* SWEGORE / Midnight movie club */
:root{--bg:#141414;--bg-2:#1d1d1b;--bg-3:#252521;--line:#41413a;--bone:#eee7d7;--dim:#c0b9a9;--faint:#a19b8e;--paper:#e8dfc8;--paper-2:#d7cbb0;--print:#191916;--blood:#c82625;--blood-2:#9e161c;--blood-bright:#ee4740;--blood-ink:#ad2022;--mustard:#e5d159;--maxw:1320px}
body.v3{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}
.skip-link{position:fixed;left:16px;top:-100px;z-index:9999;background:var(--paper);color:var(--print)!important;padding:12px 20px}.skip-link:focus{top:12px}
.v2top{border-bottom:1px solid var(--line);background:#141414}.v2top-in{padding:20px 24px;gap:30px}.v2brand img,.v2top.is-small .v2brand img{width:235px;height:auto;max-height:80px;object-fit:contain}.inav{gap:3px}.inav a{font-size:.8rem;padding:9px 10px;letter-spacing:.04em;flex-direction:row;gap:6px}.inav svg{width:19px;height:19px}.inav a.on{background:transparent;color:var(--bone);border-bottom:2px solid var(--blood)}.tsearch{width:240px}.tsearch input{background:#242421;color:var(--bone);box-shadow:none;border:1px solid #484840;font:14px Arial,sans-serif;padding:12px 12px 12px 35px}.tsearch svg{color:var(--dim)}.tsearch input::placeholder{color:var(--dim)}
.v3 .marquee{background:var(--blood);color:var(--bone);margin:0 -24px;border:0;padding:10px 0}.v3 .mq-item,.v3 .mq-item i,.v3 .mq-item::after{color:var(--bone)}.v3 .mq-item{font-family:var(--label);font-size:.85rem}
.brand-hero{position:relative;isolation:isolate;background:var(--paper) url(midnight-monster.webp) center/cover no-repeat;color:var(--print);min-height:540px;padding:52px 44px;margin-top:28px;overflow:hidden;border:1px solid #8b8069}.brand-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(232,223,200,.98),rgba(232,223,200,.82) 34%,transparent 66%)}.hero-copy{max-width:590px}.intro .eyebrow,.eyebrow{font:600 .78rem/1.4 var(--label);letter-spacing:.17em;margin:0 0 22px;color:inherit}.intro h1{font-size:clamp(3.5rem,7.5vw,7rem);line-height:.96;max-width:none;letter-spacing:-.025em}.intro h1 em{color:var(--blood-ink)}.intro p{max-width:44ch;color:var(--print);font-family:Arial,sans-serif;line-height:1.65;font-size:1rem}.intro .hero-deck{font:500 1.35rem/1.3 var(--label);margin-top:24px;max-width:34ch}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:25px 0}.hero-random{font:600 .9rem var(--label);text-underline-offset:5px}.hero-ticket{display:inline-block;border-top:1px solid #8f8470;padding-top:12px;font:500 .72rem var(--label);letter-spacing:.12em}.hero-seal{position:absolute;right:25px;bottom:22px;width:124px;height:124px;border:3px solid var(--mustard);border-radius:50%;display:flex;flex-direction:column;justify-content:center;text-align:center;background:var(--blood);color:var(--paper);font:500 .85rem/1.6 var(--label);transform:rotate(12deg);box-shadow:0 0 0 4px var(--blood)}.hero-seal b{font-size:1.1rem}
.cult-strip{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);font:500 .87rem var(--label);letter-spacing:.16em}.cult-strip span{display:flex;align-items:center;gap:12px}.cult-strip svg{width:32px;height:32px;color:var(--blood-bright)}
.newest{padding-top:36px}.feat{box-shadow:none;border:1px solid var(--line);grid-template-columns:1.2fr 1fr}.feat-pic{min-height:430px}.feat-txt{padding:32px}.feat-stamp{font:600 .8rem var(--label);transform:rotate(-3deg);letter-spacing:.12em;border-width:2px;outline:0}.feat-title{font-size:clamp(2.5rem,4vw,4rem)}.feat-quote{font:italic 1.05rem/1.55 Arial,sans-serif}.feat-by{font: .85rem/1.5 Arial,sans-serif}.btn{font-size:.85rem;letter-spacing:.08em;padding:15px 20px}.band{padding-top:48px}.band-head{border-bottom:1px solid var(--line);padding-bottom:12px}.band-h{font-size:clamp(1.9rem,3.3vw,3rem);padding:0}.band-h::after{display:none}.band-more{margin-bottom:0}.rc-row{gap:25px}.rc-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 25px}.rc-art{box-shadow:none;outline:1px solid #474339}.rc-stamp{background:var(--blood);color:var(--bone);font-size:.7rem}.rc h3{font-size:1.4rem;line-height:1.12}.rc-q{font: .88rem/1.55 Arial,sans-serif}.rc-by{font:.75rem/1.5 Arial,sans-serif;color:var(--dim)}.rc-body{gap:6px;padding-top:15px}.stats{box-shadow:none;margin-top:40px;background:transparent;color:var(--bone);border-block:1px solid var(--line)}.stats div{border-color:var(--line)}.stats b{color:var(--blood-bright)}.stats span{color:var(--dim)}
.gt{min-height:140px;border:1px solid #a29479;box-shadow:none;background:var(--paper);padding:24px 20px!important}.gt b{position:relative;z-index:1}.gt-ic{opacity:.3;top:16px;right:14px}.gt-ic svg{width:56px;height:56px}.gt small{max-width:23ch}.gt:hover{box-shadow:4px 4px 0 var(--blood)}.chip{min-height:40px}.hylla-ctl .search{font-family:Arial,sans-serif}.cult-feature{margin-top:60px;min-height:380px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:flex-end;border:1px solid var(--line);overflow:hidden}.cult-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.cult-feature::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,rgba(20,20,20,.88) 67%);z-index:-1}.cult-feature-copy{padding:40px;width:45%;color:var(--bone)}.cult-feature h2{font:400 clamp(2.7rem,5vw,4.5rem)/.98 var(--display)}.cult-feature h2 em{color:var(--mustard);font-style:normal}.cult-feature p:not(.eyebrow){margin:18px 0}.cult-feature .eyebrow{font-size:.72rem;color:var(--mustard);margin-bottom:15px}.about{background:transparent!important;border-block:1px solid var(--line);box-shadow:none!important;padding:35px 0!important;margin-top:50px}.about p{font-family:Arial,sans-serif;max-width:80ch}.footer-logo{width:260px!important;height:auto!important;max-height:100px;object-fit:contain}.v2foot{margin-top:32px!important}.footer-tag{font-family:var(--label)}.v3rev .review-body p{font-family:Arial,Helvetica,sans-serif;line-height:1.85}
@media(min-width:901px){.v2top.is-small .v2top-in{padding-block:12px}}
@media(max-width:1100px){.v2top-in{gap:16px}.v2brand img,.v2top.is-small .v2brand img{width:185px}.inav a{padding:8px 6px}.inav svg{display:none}.tsearch{width:200px}.brand-hero{padding:40px 30px}.hero-copy{max-width:490px}}
@media(max-width:900px){.v2top-in{padding:14px 24px 0}.inav a{min-width:auto;justify-content:center;padding:10px 8px}.inav{margin-top:5px}.tsearch{width:auto}.brand-hero{min-height:510px;background-position:60% center}.brand-hero::before{background:linear-gradient(90deg,rgba(232,223,200,.98),rgba(232,223,200,.9) 40%,rgba(232,223,200,.15))}.hero-copy{max-width:75%}.hero-seal{width:100px;height:100px;font-size:.7rem}.cult-strip{gap:8px;font-size:.7rem;letter-spacing:.07em}.cult-strip svg{width:24px}.rc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cult-feature-copy{width:55%}.feat{grid-template-columns:1fr}.feat-pic{min-height:320px}}
@media(max-width:600px){.brand-hero{padding:28px 22px 145px;margin-top:16px;min-height:560px;background-position:72% center}.brand-hero::before{background:linear-gradient(180deg,rgba(232,223,200,.96),rgba(232,223,200,.92) 55%,rgba(232,223,200,.05))}.hero-copy{max-width:100%}.intro h1{font-size:clamp(3.4rem,13vw,5rem)}.intro .eyebrow{font-size:.67rem;margin-bottom:16px}.intro .hero-deck{font-size:1.18rem;margin-top:18px}.intro p{font-size:.94rem}.hero-actions{gap:18px}.hero-seal{bottom:18px;right:18px}.cult-strip{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cult-strip span{gap:8px}.rc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.rc-row{gap:24px 16px}.rc h3{font-size:1.2rem}.feat-pic{min-height:265px}.feat-txt{padding:25px}.cult-feature{min-height:540px;align-items:flex-end}.cult-feature-copy{width:100%;padding:28px}.cult-feature::before{background:linear-gradient(180deg,transparent,rgba(20,20,20,.96) 70%)}.cult-feature>img{object-position:32% center}.band-more{font-size:.72rem}.band-note{font-size:.85rem}.v2brand img,.v2top.is-small .v2brand img{width:155px}.tsearch input{font-size:12px}.v3 .marquee{margin-inline:-16px}.inav a{font-size:.72rem}.gt-ic svg{width:42px}.gt{padding:20px 15px!important}.v3 .rc-q{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.v3 .marquee-track{animation:none}.rc-art,.gt,.v2brand img{transition:none!important}}

/* Horror fan-zine: pasted posters, rental tapes, bloody ink. */
body.v3{background-image:radial-gradient(ellipse at 0 800px,#38201b55,transparent 650px),radial-gradient(ellipse at 100% 1800px,#483f1c44,transparent 600px)}
.brand-hero{border:0;clip-path:polygon(0 1%,8% 0,18% 1%,31% 0,48% 1%,62% 0,79% 1%,93% 0,100% 1%,99.7% 26%,100% 50%,99.6% 79%,100% 99%,88% 100%,74% 99%,57% 100%,43% 99%,26% 100%,13% 99%,0 100%,.4% 75%,0 50%,.3% 24%);box-shadow:8px 10px 0 #000}
.brand-hero .eyebrow{display:inline-block;background:var(--print);color:var(--paper);padding:5px 10px;transform:rotate(-1.5deg);letter-spacing:.12em}
.intro h1{position:relative;z-index:1;transform:rotate(-1.5deg);text-shadow:2px 2px 0 var(--paper);font-size:clamp(3.5rem,7.8vw,7.3rem)}
.intro h1 em{display:inline-block;position:relative}.intro h1 em::after{content:"";height:7px;background:var(--blood-ink);position:absolute;left:2px;right:2px;bottom:-9px;clip-path:polygon(0 30%,12% 0,30% 40%,52% 10%,74% 40%,100% 0,98% 90%,67% 75%,45% 100%,20% 70%,0 100%)}
.hero-ticket{font-family:var(--type);font-size:.64rem;letter-spacing:.04em}.hero-seal{border-radius:4px;transform:rotate(9deg);font-size:.9rem;width:130px;height:108px;border-style:dashed;box-shadow:4px 4px 0 #141414}.hero-seal b{font:400 1.8rem var(--display)}
.cult-strip{background:var(--mustard);color:var(--print);border:0;transform:rotate(-.65deg);margin:15px -5px 0;padding:14px 24px;box-shadow:3px 5px 0 #000}.cult-strip svg{color:var(--blood-ink)}
.band-head{position:relative;border-bottom:2px dashed var(--line);padding-bottom:17px}.band-h{position:relative;padding:8px 16px 10px 12px;background:var(--blood);color:var(--paper);transform:rotate(-1deg);clip-path:polygon(1% 0,100% 3%,98% 97%,0 100%);font-size:clamp(1.8rem,3vw,2.7rem)}
.band-head::after{content:"";position:absolute;right:9%;top:-35px;width:105px;height:105px;background:url(splatter.svg) center/contain no-repeat;opacity:.35;pointer-events:none;z-index:-1}
.feat{border:0;box-shadow:6px 8px 0 #000}.feat-txt{background:radial-gradient(circle at 92% 9%,#b91f1c16 0 6px,transparent 7px),radial-gradient(circle at 88% 13%,#b91f1c16 0 3px,transparent 4px),var(--paper)}.feat-stamp{font:400 1.1rem var(--stamp);border:3px solid var(--blood-ink);outline:1px solid var(--blood-ink);outline-offset:3px;transform:rotate(-6deg)}.feat-poster{transform:rotate(-7deg);box-shadow:6px 8px 0 #0009}.feat-pic::after{background:linear-gradient(0deg,#0009,transparent 50%)}
.rc-art{border:5px solid #e8dfc8;outline:1px solid #746a59;box-shadow:4px 6px 0 #000;position:relative}.rc-art::after{content:"";position:absolute;right:7px;bottom:9px;width:38px;height:12px;background:repeating-linear-gradient(90deg,#171714 0 2px,#e8dfc8 2px 3px,#171714 3px 4px,#e8dfc8 4px 6px);border:3px solid var(--paper);box-sizing:content-box;transform:rotate(2deg);pointer-events:none}.rc-row .rc:nth-child(2n) .rc-art{transform:rotate(1.2deg)}.rc-row .rc:nth-child(2n+1) .rc-art{transform:rotate(-1.2deg)}.rc:hover .rc-art,.rc:focus-visible .rc-art{transform:translateY(-5px) rotate(0);box-shadow:5px 8px 0 var(--blood)}.rc-stamp{top:12px;left:-11px;transform:rotate(-7deg);box-shadow:3px 3px 0 #0009;font-size:.75rem;padding:7px 10px;border:1px dashed var(--paper)}.rc h3{font-family:var(--display);letter-spacing:.015em}.rc-meta{font-family:var(--type);font-size:.72rem;letter-spacing:0}.rc-by{border-top:1px dashed var(--line);margin-top:8px;padding-top:7px}
.gt{background:var(--paper);border:0;box-shadow:4px 5px 0 #000;overflow:visible!important}.gt:nth-child(3n+2){background:var(--mustard);transform:rotate(1deg)}.gt:nth-child(3n){background:#c82625;color:var(--paper);transform:rotate(-1deg)}.gt:nth-child(3n) b,.gt:nth-child(3n) small,.gt:nth-child(3n) em,.gt:nth-child(3n) .gt-ic{color:var(--paper)}.gt::before{content:"";position:absolute;top:-7px;left:18px;width:49px;height:15px;transform:rotate(-8deg);background:#d2c4a69c;border-inline:1px dashed #8c80684d;z-index:2}.gt-ic{opacity:.3!important}.gt:hover{transform:translateY(-4px) rotate(0);box-shadow:5px 7px 0 var(--blood)}.gt:nth-child(3n):hover{box-shadow:5px 7px 0 var(--mustard)}
.cult-feature{border:6px solid var(--paper);box-shadow:7px 8px 0 #000;transform:rotate(-.5deg)}.cult-feature-copy{width:49%}.cult-feature .eyebrow{display:inline-block;background:var(--mustard);color:var(--print);padding:6px 9px;transform:rotate(-3deg)}.cult-feature h2{transform:rotate(-2deg);text-shadow:3px 3px 0 #000}.cult-feature p{font-size:1rem}.cult-feature h2 em{color:var(--blood-bright)}
.about-title{font:400 2.6rem var(--display);text-transform:uppercase}.about-title::before{content:"♥ ";color:var(--blood-bright)}.v2foot{border-top:2px dashed var(--line)}
@media(max-width:600px){.intro h1{font-size:clamp(3.2rem,12vw,4.5rem)}.hero-seal{width:115px;height:95px;font-size:.75rem}.hero-seal b{font-size:1.5rem}.cult-strip{padding:15px 18px}.band-h{font-size:1.65rem;padding:8px 12px;max-width:100%}.band-head{gap:15px}.rc-art{border-width:3px}.rc-stamp{font-size:.62rem;left:-6px;padding:6px 7px}.cult-feature-copy{width:100%}.cult-feature{border-width:4px}.gt:nth-child(n){transform:none}.hero-ticket{font-size:.59rem}.band-head::after{right:0;width:75px;height:75px}}
@media(prefers-reduced-motion:reduce){.rc:hover .rc-art,.gt:hover{transform:none}}

/* Genre notes pinned to the midnight screening noticeboard. */
.gtiles{gap:28px 24px;padding:15px 5px 8px;align-items:stretch}
.v3 .gtiles .gt{--note-paper:#eee3c7;--note-angle:-1.4deg;min-height:175px;padding:30px 22px 22px!important;color:#29231c;background:repeating-linear-gradient(0deg,transparent 0 25px,#716b5918 25px 26px),radial-gradient(ellipse at 0 0,#fff8df99,transparent 75%),var(--note-paper);border:0;border-radius:1px 2px 8px 1px;box-shadow:2px 5px 7px #0006,0 1px 0 #fff3 inset;transform:rotate(var(--note-angle));isolation:isolate;transition:transform .18s,box-shadow .18s}
.v3 .gtiles .gt:nth-child(4n+2){--note-paper:#ddd8bd;--note-angle:1.5deg}
.v3 .gtiles .gt:nth-child(4n+3){--note-paper:#ead8ca;--note-angle:-.8deg}
.v3 .gtiles .gt:nth-child(4n){--note-paper:#e6d79c;--note-angle:1deg}
.v3 .gtiles .gt::before{top:-10px;left:calc(50% - 31px);width:62px;height:25px;background:repeating-linear-gradient(90deg,#d2bd8844 0 3px,#eadbb777 3px 5px);border:1px solid #e2d3aa44;border-inline:2px dotted #c3ae7d77;box-shadow:0 1px 2px #0002;transform:rotate(-5deg);opacity:.9;z-index:3}
.v3 .gtiles .gt:nth-child(2n)::before{transform:rotate(7deg)}
.v3 .gtiles .gt::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:9px;background:var(--note-paper);clip-path:polygon(0 0,100% 0,100% 65%,96% 40%,91% 85%,86% 45%,81% 100%,76% 60%,70% 85%,65% 35%,58% 85%,51% 55%,46% 95%,39% 40%,33% 85%,27% 50%,21% 100%,15% 45%,9% 85%,4% 55%,0 80%);z-index:-1}
.v3 .gtiles .gt b{font:400 1.5rem/1.1 var(--stamp);text-transform:none;color:#29231c;max-width:85%;padding-bottom:8px;letter-spacing:-.035em}
.v3 .gtiles .gt small{font:.82rem/1.5 var(--type);color:#514637;max-width:24ch}
.v3 .gtiles .gt em{font:700 .75rem/1.4 var(--type);color:var(--blood-ink);margin-top:auto;padding-top:16px;letter-spacing:0}
.v3 .gtiles .gt em::after{color:#514637}
.v3 .gtiles .gt .gt-ic{color:#514637;opacity:.17!important;top:21px;right:10px;transform:rotate(9deg)}
.v3 .gtiles .gt:hover,.v3 .gtiles .gt:focus-visible{transform:translateY(-4px) rotate(0);box-shadow:3px 9px 12px #0008;color:#29231c;z-index:4}
.v3 .gtiles .gt:hover .gt-ic{color:var(--blood-ink);opacity:.35!important}
@media(max-width:600px){.gtiles{gap:25px 16px;padding-inline:3px}.v3 .gtiles .gt{min-height:170px;padding:27px 17px 18px!important}.v3 .gtiles .gt b{font-size:1.3rem}.v3 .gtiles .gt small{font-size:.76rem}}
@media(prefers-reduced-motion:reduce){.v3 .gtiles .gt{transition:none}.v3 .gtiles .gt:hover,.v3 .gtiles .gt:focus-visible{transform:rotate(var(--note-angle))}}

/* Illustrated enclosure and one coherent browsing area. */
body.v3{position:relative;background:#10120e}
body.v3::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:linear-gradient(180deg,transparent 180px,#10120ecc 750px,#10120e 1100px),url(horror-frame.webp) center top/max(1800px,100vw) auto no-repeat;opacity:.68}
.v3 .page{position:relative;z-index:1;background:#141414f5;padding-top:1px;padding-bottom:1px;box-shadow:-25px 0 50px #0a0b0866,25px 0 50px #0a0b0866}
.v2top{position:relative;isolation:isolate;background:#10120e url(horror-frame.webp) center 32%/max(1450px,100vw) auto no-repeat;border:0;min-height:300px;box-shadow:0 8px 20px #0006;z-index:2}
.v2top::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent,#0c100bc7 28%,#0c100bc7 72%,transparent),linear-gradient(0deg,#141414,transparent 45%)}
.v2top-in,.v2top.is-small .v2top-in{max-width:980px;padding:65px 24px 30px;min-height:300px;display:flex;flex-wrap:wrap;justify-content:center;gap:24px 18px}
.v2brand{width:100%;text-align:center}.v2brand img,.v2top.is-small .v2brand img{width:340px;height:auto;max-height:140px;filter:drop-shadow(0 4px 3px #000);transform:none}
.inav{justify-content:center;gap:4px;flex:1 1 auto;order:2}.inav a{padding:10px 9px;color:var(--bone);font-size:.85rem;background:#151711cc;border:1px solid #79795b66;border-radius:0}.inav a.on{border:1px solid var(--blood);background:#8d2021cc}.inav a:hover{background:var(--blood);color:var(--bone)}.inav svg{display:block;width:18px;height:18px}
.tsearch{order:3;width:230px;margin-left:0}.tsearch input{background:#10140eee;border-color:#929a7377;color:var(--bone)}
.v3 .illustrated-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;transform:none;margin:22px 0 0;padding:0;border:0;box-shadow:none;background:transparent;pointer-events:none}
.illustrated-strip span{position:relative;isolation:isolate;min-height:170px;align-items:flex-end;justify-content:center;text-align:center;padding:22px 8px 14px;overflow:hidden;background:#141414;color:var(--bone);font:400 clamp(.95rem,1.9vw,1.6rem)/1 var(--display);letter-spacing:.045em;border:3px solid #bdb498;box-shadow:3px 4px 0 #000;transform:rotate(-1deg)}
.illustrated-strip span:nth-child(2n){transform:rotate(1deg)}.illustrated-strip span::before{content:"";position:absolute;inset:0;z-index:-2;background-image:url(horror-strip.webp);background-size:400% auto;background-position:0 15%}.illustrated-strip span:nth-child(2)::before{background-position:33.333% 15%}.illustrated-strip span:nth-child(3)::before{background-position:66.666% 15%}.illustrated-strip span:nth-child(4)::before{background-position:100% 15%}.illustrated-strip span::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0b0b0bf2,transparent 65%)}
.archive-zone{margin-top:50px;padding:34px 24px 28px;background:#1e201a;border:1px solid #51523f;box-shadow:7px 8px 0 #080908;scroll-margin-top:20px}.archive-zone>.band-head{align-items:center}.archive-zone>.band-head .band-note{font:14px/1.5 Arial,sans-serif;max-width:35ch;padding:0}.archive-zone .gtiles{padding-block:22px 32px}.archive-results{border-top:1px dashed #65654b;padding-top:25px;scroll-margin-top:25px}.archive-results>.band-head{border:0;margin-bottom:18px;padding-bottom:0;align-items:baseline}.archive-results .band-h{background:transparent;clip-path:none;transform:none;padding:0;font-size:1.8rem;color:var(--bone)}.archive-results .band-note{font:14px Arial,sans-serif;margin-left:auto;padding:0}.hylla-ctl{gap:16px;align-items:flex-end;margin-bottom:25px}.hylla-ctl .search{min-width:230px;padding:13px 15px;font-size:15px;background:var(--paper);box-shadow:none;min-height:47px}.hsort{display:flex;flex-direction:column;align-items:stretch;gap:6px}.hsort span{font:500 .7rem var(--label);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.hsort select{font:14px Arial,sans-serif;padding:12px 30px 12px 12px;min-height:47px;border:1px solid #77735e;background:#151710;color:var(--bone)}
.archive-filter-status{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:0 0 25px;padding:12px 16px;border-left:3px solid var(--mustard);background:#141610}.archive-filter-status[hidden]{display:none}.archive-filter-status p{font:14px/1.5 Arial,sans-serif}.filter-reset{background:transparent;color:var(--bone);border:1px solid #7c795f;padding:9px 12px;cursor:pointer;font:13px Arial,sans-serif}.filter-reset:hover{background:var(--paper);color:var(--print)}
.v3 .gtiles .gt.is-active{outline:3px solid var(--blood-bright);outline-offset:4px;box-shadow:4px 8px 0 #000}.v3 .gtiles .gt.is-active b{color:var(--blood-ink)}
@media(min-width:1800px){body.v3::after{background-size:auto,100vw auto}}
@media(max-width:1100px){.v2top-in,.v2top.is-small .v2top-in{max-width:880px}.inav a{padding:10px 7px}.inav svg{width:16px;height:16px}.tsearch{width:210px}}
@media(max-width:900px){.v2top,.v2top-in,.v2top.is-small .v2top-in{min-height:290px}.v2top-in,.v2top.is-small .v2top-in{padding:40px 24px 22px;gap:20px 16px}.v2brand{width:auto;flex:0 1 300px}.v2brand img,.v2top.is-small .v2brand img{width:270px}.tsearch{order:2;flex:0 1 230px;width:auto;background:transparent}.inav{order:3;width:100%;flex-basis:100%;margin:0;padding:10px 0 0;border-top:1px solid #84876766;justify-content:center;gap:6px;overflow-x:auto}.inav a{flex:0 0 auto;min-width:auto;padding:10px 9px}.inav svg{display:none}.illustrated-strip span{min-height:140px}.archive-zone{padding:28px 18px}.hylla-ctl .search{flex-basis:100%}.hsort{flex:1}.archive-zone .rc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.v2top{min-height:320px;background-position:center 12%;background-size:1050px auto}.v2top::before{background:linear-gradient(90deg,#0b100c33,#0b100cd9 30%,#0b100cd9 70%,#0b100c33),linear-gradient(0deg,#141414,transparent 70%)}.v2top-in,.v2top.is-small .v2top-in{min-height:320px;padding:38px 16px 18px;gap:17px}.v2brand{width:100%;flex-basis:100%}.v2brand img,.v2top.is-small .v2brand img{width:250px;max-height:102px}.tsearch{flex:0 1 290px}.tsearch input{font-size:14px}.inav{justify-content:flex-start;gap:6px;padding-top:12px}.inav a{font-size:.8rem;padding:9px 11px;min-height:39px}.v3 .illustrated-strip{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}.illustrated-strip span{min-height:140px;font-size:1.15rem;padding-bottom:13px}.v3 .page{box-shadow:none}.archive-zone{margin-inline:-4px;padding:25px 13px;margin-top:38px}.archive-zone .gtiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 15px}.archive-zone .gtiles .gt{min-height:170px;padding:27px 14px 18px!important}.archive-zone>.band-head .band-note{max-width:none}.archive-results .band-h{font-size:1.6rem}.archive-zone .rc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.hsort select{width:100%;padding-right:16px;font-size:13px}.archive-filter-status{flex-wrap:wrap;padding:12px}.hylla-ctl{gap:12px}.hylla-ctl .search{min-width:0}.archive-results>.band-head{gap:9px}.archive-results .band-note{margin-left:0}.cult-feature{margin-top:45px}}

/* Header artwork belongs to the header, not a fixed second backdrop. */
body.v3::after{display:none}
body.v3{background:#10120e;background-image:radial-gradient(ellipse at 0 600px,#323c1c44,transparent 700px),radial-gradient(ellipse at 100% 1400px,#3b191c44,transparent 700px);background-attachment:scroll}
.v2top{position:relative!important;top:auto!important}

/* The final reel: classic horror icons framing the footer. */
.v3 .horror-footer{position:relative;isolation:isolate;width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:60px!important;padding:70px max(24px,calc((100vw - 880px)/2)) 80px!important;min-height:490px;background:#10120e url(horror-footer.webp) center bottom/max(1500px,100vw) auto no-repeat;border:0;box-shadow:none;overflow:hidden;text-align:center}
.horror-footer::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#141414,transparent 25%),linear-gradient(90deg,transparent,#0b100beb 27%,#0b100beb 73%,transparent)}
.horror-footer .footer-logo{width:270px!important;max-height:110px;margin-bottom:20px}.footer-finale{font:400 clamp(1.8rem,3vw,2.7rem)/1.1 var(--display);color:var(--paper);margin-bottom:15px}.footer-finale em{color:var(--mustard);font-style:normal}.horror-footer .footer-tag{max-width:50ch;margin:0 auto 24px;font:15px/1.65 Arial,sans-serif;color:var(--bone)}.horror-footer .fquick{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:20px 0}.horror-footer .fquick a{display:flex;align-items:center;gap:7px;flex-direction:row;padding:9px 12px;min-width:0;background:#15190eee;border:1px solid #69734b;color:var(--bone);font:500 .85rem var(--label);text-decoration:none}.horror-footer .fquick svg{width:18px;height:18px}.horror-footer .fquick a:hover{background:var(--blood);border-color:var(--blood)}.horror-footer .footer-nav{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:22px 0;font:14px Arial,sans-serif}.horror-footer .footer-legal{color:#c0b9a9;font:12px/1.6 Arial,sans-serif;max-width:50ch;margin:auto}
@media(max-width:600px){.v3 .horror-footer{min-height:540px;padding:55px 24px 105px!important;background-size:1250px auto;background-position:center bottom}.horror-footer::before{background:linear-gradient(180deg,#141414,transparent 25%),linear-gradient(90deg,#10120e44,#10120ef0 15%,#10120ef0 85%,#10120e44)}.horror-footer .footer-logo{width:230px!important}.horror-footer .fquick a{font-size:.8rem;padding:8px 10px}.horror-footer .footer-tag{font-size:14px}}

/* Illustrated genre posters, matching the four-panel horror strip. */
:root{--maxw:1280px}
.v3 .gtiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:15px 0 28px}
.v3 .gtiles .gt[data-g]{aspect-ratio:1;min-height:0;position:relative;isolation:isolate;overflow:hidden!important;display:flex;justify-content:flex-end;gap:4px;padding:20px 17px 16px!important;border:2px solid #bdb498;border-radius:0;background:#10110e;color:var(--bone);transform:rotate(-.65deg);box-shadow:3px 5px 0 #050604;transition:transform .18s,box-shadow .18s}
.v3 .gtiles .gt[data-g]:nth-child(2n){transform:rotate(.65deg)}
.v3 .gtiles .gt[data-g]::before{display:none}
.v3 .gtiles .gt[data-g]::after{content:"";display:block;position:absolute;inset:0;width:auto;height:auto;clip-path:none;background:linear-gradient(180deg,transparent 38%,#090b08bb 67%,#090b08f5 100%);z-index:-1}
.v3 .gtiles .genre-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .25s}
.v3 .gtiles .gt[data-g] b{font:400 clamp(1.3rem,2vw,1.75rem)/1.1 var(--display);color:var(--bone);text-transform:uppercase;max-width:100%;padding:0;letter-spacing:.01em}
.v3 .gtiles .gt[data-g] small{font:12px/1.4 Arial,sans-serif;color:#e2ddce;max-width:27ch}
.v3 .gtiles .gt[data-g] em{font:500 11px/1.4 var(--label);color:var(--mustard);margin:5px 0 0;padding:0;letter-spacing:.08em}
.v3 .gtiles .gt[data-g] em::after{color:var(--mustard)}.v3 .gtiles .gt[data-g] .gt-ic{display:none}
.v3 .gtiles .gt[data-g]:hover,.v3 .gtiles .gt[data-g]:focus-visible{transform:translateY(-4px) rotate(0);box-shadow:4px 7px 0 var(--blood);border-color:var(--paper)}
.v3 .gtiles .gt[data-g]:hover .genre-poster{transform:scale(1.04)}
.v3 .gtiles .gt[data-g].is-active{outline:3px solid var(--mustard);outline-offset:3px;border-color:var(--mustard)}
.v3 .gtiles .gt[data-g].is-active b{color:var(--mustard)}
/* Separate scrolling side artwork; never reuse the header as a backdrop. */
body.v3::after{display:block;position:absolute;top:300px;bottom:0;left:0;right:0;z-index:0;background:url(horror-sides.webp) center top/100% auto repeat-y;opacity:.95;mask-image:linear-gradient(180deg,transparent,#000 180px,#000 calc(100% - 300px),transparent);pointer-events:none}
.v3 .page{background:#141414f7}
@media(min-width:1900px){body.v3::after{background-size:1900px auto}}
@media(max-width:900px){.v3 .gtiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.v3 .gtiles .gt[data-g]{padding:17px 13px 14px!important}.v3 .gtiles .gt[data-g] small{font-size:11px}}
@media(max-width:600px){.v2top{background-position:16% top;background-size:900px auto}.v3 .page{padding-inline:18px;margin-inline:10px;background:#141414f5}.v3 .gtiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.v3 .gtiles .gt[data-g]{aspect-ratio:.9;padding:12px 10px!important}.v3 .gtiles .gt[data-g] b{font-size:1.18rem}.v3 .gtiles .gt[data-g] small{display:none}.v3 .gtiles .gt[data-g] em{font-size:10px}.archive-zone{padding-inline:12px}.v3 .gtiles .gt[data-g]::after{background:linear-gradient(180deg,transparent 42%,#090b08c9 72%,#090b08f5 100%)}body.v3::after{background-size:650px auto;background-position:center top;opacity:.75}.v3 .horror-footer{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}}
@media(prefers-reduced-motion:reduce){.v3 .gtiles .gt[data-g],.v3 .gtiles .genre-poster{transition:none}.v3 .gtiles .gt[data-g]:hover{transform:none}.v3 .gtiles .gt[data-g]:hover .genre-poster{transform:none}}

/* Keep the about text clear against the framed dark page. */
.v3 .about{color:var(--bone);max-width:none}.v3 .about-title{color:var(--bone)}.v3 .about p{color:var(--dim)}.v3 .about .om-link{color:var(--mustard)}.v3 .about .om-link:hover{color:var(--bone)}

/* One continuous edge layer fades naturally into the final monster scene. */
body.v3::after{display:none}
.site-edge-frame{--edge-width:max(10px,calc((100vw - var(--maxw))/2));position:absolute;top:300px;bottom:max(0px,calc(var(--footer-height,600px) - 180px));left:0;right:0;z-index:2;pointer-events:none;background:url(horror-sides.webp) center top/100% auto repeat-y;mask-image:linear-gradient(90deg,#000 0,#000 max(0px,calc(var(--edge-width) - 10px)),transparent calc(var(--edge-width) + 24px),transparent calc(100% - var(--edge-width) - 24px),#000 calc(100% - var(--edge-width) + 10px),#000 100%),linear-gradient(180deg,transparent,#000 140px,#000 calc(100% - 280px),transparent);mask-composite:intersect}
.v2top{z-index:3}
.v3 .horror-footer{background-size:cover;background-position:center bottom}
.horror-footer::before{background:linear-gradient(180deg,#141414 0,transparent 42%),linear-gradient(90deg,transparent,#0b100bcf 28%,#0b100bcf 72%,transparent)}
@media(min-width:1900px){.site-edge-frame{background-size:1900px auto}}
@media(max-width:600px){.site-edge-frame{background-size:650px auto;opacity:.8}.v3 .horror-footer{background-size:cover}.horror-footer::before{background:linear-gradient(180deg,#141414,transparent 45%),linear-gradient(90deg,#10120e33,#10120ee6 22%,#10120ee6 78%,#10120e33)}}

/* Fake blood spills from behind the latest-review poster. */
.newest{position:relative;isolation:isolate;margin-bottom:38px}
.newest>.feat{position:relative;z-index:1}
.newest::after{content:"";position:absolute;left:-22px;right:-22px;bottom:-80px;height:165px;background:url(review-splatter.svg) center top/100% 100% no-repeat;z-index:0;pointer-events:none}
@media(max-width:600px){.newest{margin-bottom:27px}.newest::after{left:-8px;right:-8px;bottom:-52px;height:105px;background-size:auto 100%}}

/* Latest review as a battered cinema lobby poster, without the blood spill. */
.newest{margin-bottom:0;padding:37px 0 10px}.newest::after{display:none}
.newest>.feat{border:7px solid var(--paper);outline:1px solid #685c44;box-shadow:8px 9px 0 #050604;overflow:visible}
.newest>.feat::before{content:"";position:absolute;top:-16px;left:9%;width:74px;height:24px;transform:rotate(-7deg);background:repeating-linear-gradient(90deg,#c0ac7a66 0 3px,#e8d9ad99 3px 5px);border-inline:2px dotted #9a865d77;z-index:4;pointer-events:none}
.newest .feat-pic{border-right:5px solid #141414}
.newest .feat-pic::before{background:repeating-linear-gradient(180deg,var(--paper) 0 10px,#111 10px 20px) left center/8px 100% no-repeat,radial-gradient(#0004 1px,transparent 1.5px) 0 0/4px 4px}
@media(max-width:820px){.newest>.feat{border-width:5px;box-shadow:5px 6px 0 #050604}.newest .feat-pic{border-right:0;border-bottom:5px solid #141414}}

/* Slimmer framing and an unmistakable latest-review entry point. */
:root{--maxw:1360px}
.site-edge-frame{background-size:calc(min(100vw,1360px) + 120px) auto}
.new-review-heading{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:5px 0 20px;border-bottom:2px dashed var(--line);padding-bottom:14px}
.new-review-heading h2{font:400 clamp(1.8rem,3vw,2.6rem)/1 var(--display);background:var(--blood);color:var(--paper);padding:9px 15px 11px;transform:rotate(-1deg);letter-spacing:.02em}
.new-review-heading p{font:14px/1.5 Arial,sans-serif;color:var(--dim)}
.newest .feat-stamp{background:var(--blood);color:var(--paper);border-color:var(--blood);outline:none;font:500 .9rem var(--label);padding:8px 12px;transform:rotate(-4deg)}
@media(max-width:600px){.site-edge-frame{background-size:650px auto}.new-review-heading{gap:12px;margin-bottom:17px}.new-review-heading h2{font-size:1.8rem}.new-review-heading p{font-size:12px}.newest{padding-top:28px}}

/* Anchor decoration to the viewport edges, leaving a gap before the content. */
.site-edge-frame{--edge-width:clamp(6px,calc((100vw - var(--maxw))/2 - 12px),84px);background-size:100% auto;background-position:center top;mask-image:linear-gradient(90deg,#000 0,#000 max(0px,calc(var(--edge-width) - 18px)),transparent var(--edge-width),transparent calc(100% - var(--edge-width)),#000 calc(100% - var(--edge-width) + 18px),#000 100%),linear-gradient(180deg,transparent,#000 140px,#000 calc(100% - 280px),transparent);mask-composite:intersect}

/* New side illustrations at half the previous border width. */
.site-edge-frame{--edge-width:clamp(3px,calc((100vw - var(--maxw))/4 - 6px),42px);background-image:url(horror-sides-thin.webp);background-size:100% auto;mask-image:linear-gradient(90deg,#000 0,#000 max(0px,calc(var(--edge-width) - 9px)),transparent var(--edge-width),transparent calc(100% - var(--edge-width)),#000 calc(100% - var(--edge-width) + 9px),#000 100%),linear-gradient(180deg,transparent,#000 140px,#000 calc(100% - 280px),transparent);mask-composite:intersect}

/* Fresh side artwork: the haunted picture palace. */
.site-edge-frame{--edge-width:clamp(8px,calc((100vw - var(--maxw))/2 - 12px),100px);background-image:url(horror-sides-picture-palace.webp);background-size:100% auto;mask-image:linear-gradient(90deg,#000 0,#000 max(0px,calc(var(--edge-width) - 24px)),transparent var(--edge-width),transparent calc(100% - var(--edge-width)),#000 calc(100% - var(--edge-width) + 24px),#000 100%),linear-gradient(180deg,transparent,#000 140px,#000 calc(100% - 280px),transparent);mask-composite:intersect}

/* Fit each complete illustration inside its own outer-edge column. */
:root{--side-art-width:clamp(40px,7vw,150px);--side-art-gap:16px}
.v3 .page{width:calc(100% - 2 * (var(--side-art-width) + var(--side-art-gap)));max-width:var(--maxw);margin-inline:auto}
.site-edge-frame{background:none;opacity:1;mask-image:linear-gradient(180deg,transparent,#000 140px,#000 calc(100% - 280px),transparent);mask-composite:add}
.site-edge-frame::before,.site-edge-frame::after{content:"";position:absolute;top:0;bottom:0;width:var(--side-art-width);background-size:100% auto;background-repeat:repeat-y;background-position:center top;pointer-events:none}
.site-edge-frame::before{left:0;background-image:url(picture-palace-left.webp)}
.site-edge-frame::after{right:0;background-image:url(picture-palace-right.webp)}
@media(max-width:600px){:root{--side-art-width:12px;--side-art-gap:4px}.v3 .page{padding-inline:16px;margin-inline:auto}}

/* Tentacles and slime: adjoining tiles meet on identical image rows. */
.site-edge-frame::before{background-image:url(tentacle-repeat-left.webp)}
.site-edge-frame::after{background-image:url(tentacle-repeat-right.webp)}
.site-edge-frame.has-repeat-tiles::before,.site-edge-frame.has-repeat-tiles::after{display:none}
.side-ribbon{position:absolute;top:0;bottom:0;width:var(--side-art-width);overflow:hidden;pointer-events:none}
.side-ribbon--left{left:0}.side-ribbon--right{right:0}
.v3 .side-ribbon img{display:block;width:100%;max-width:none;height:var(--tile-height);margin:0;padding:0;border:0;object-fit:fill}
.side-ribbon img:nth-child(even){transform:scaleY(-1)}

/* Extended artwork: taller stretches with a slightly wider visible border. */
:root{--side-art-width:clamp(44px,8vw,170px)}
.site-edge-frame::before{background-image:url(tentacle-long-left.webp)}
.site-edge-frame::after{background-image:url(tentacle-long-right.webp)}
@media(max-width:600px){:root{--side-art-width:16px}}

/* Side artwork paused; restore the centered reading area. */
.site-edge-frame{display:none}
.v3 .page{width:100%;max-width:var(--maxw);margin-inline:auto}
@media(max-width:600px){.v3 .page{padding-inline:16px;margin-inline:auto}}

/* Illustrated B-film identity restored October 2026. */
.v2top{min-height:370px}
.v2top-in,.v2top.is-small .v2top-in{min-height:370px;padding-top:34px;gap:20px}
.v2brand{width:100%;flex:0 0 100%;text-align:center}
.v2brand img,.v2top.is-small .v2brand img{width:740px;max-width:100%;height:auto;max-height:250px;object-fit:contain}
.horror-footer .footer-logo{width:420px!important;max-width:100%;max-height:165px}
@media(max-width:900px){.v2brand{width:100%;flex:0 0 100%}.v2brand img,.v2top.is-small .v2brand img{width:640px}.tsearch{order:3;flex:0 1 290px}.inav{order:2}.v2top-in,.v2top.is-small .v2top-in{padding-top:28px;gap:14px}}
@media(max-width:600px){.v2top,.v2top-in,.v2top.is-small .v2top-in{min-height:320px}.v2top-in,.v2top.is-small .v2top-in{padding:30px 16px 20px}.v2brand img,.v2top.is-small .v2brand img{width:390px;max-height:135px}.horror-footer .footer-logo{width:300px!important;max-height:110px}}

/* Quiet creature rails live outside the reading column and meet the full-bleed footer. */
:root{--side-rail:clamp(0px,calc((100vw - 1280px)/2),150px)}
body.v3{
  background-color:#10120e;
  background-image:url(tentacle-long-left.webp),url(tentacle-long-right.webp),radial-gradient(ellipse at 0 600px,#323c1c44,transparent 700px),radial-gradient(ellipse at 100% 1400px,#3b191c44,transparent 700px);
  background-size:var(--side-rail) 100vh,var(--side-rail) 100vh,700px 900px,700px 900px;
  background-position:left top,right top,left top,right top;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
  background-attachment:fixed,fixed,scroll,scroll;
}
body.v3::after{
  display:block;position:fixed;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,transparent 42%,#10120e 100%) left top/var(--side-rail) 100vh no-repeat,
             linear-gradient(270deg,transparent 42%,#10120e 100%) right top/var(--side-rail) 100vh no-repeat;
  opacity:.72;
}
@media(max-width:1280px){body.v3{background-image:radial-gradient(ellipse at 0 600px,#323c1c44,transparent 700px),radial-gradient(ellipse at 100% 1400px,#3b191c44,transparent 700px);background-size:700px 900px,700px 900px;background-position:left top,right top;background-repeat:no-repeat;background-attachment:scroll}}
@media(min-width:1281px){.v3 .horror-footer{margin-top:28px!important}.horror-footer::before{background:linear-gradient(180deg,#141414 0,transparent 35%),linear-gradient(90deg,transparent,#0b100bd9 25%,#0b100bd9 75%,transparent)}}

/* Keep the side creatures narrow and subdued; let the footer artwork take over. */
:root{--side-rail:clamp(0px,calc((100vw - 1280px)/4),96px)}
body.v3{
  background-image:linear-gradient(#10120e66,#10120e66),url(tentacle-long-left.webp),linear-gradient(#10120e66,#10120e66),url(tentacle-long-right.webp),radial-gradient(ellipse at 0 600px,#323c1c44,transparent 700px),radial-gradient(ellipse at 100% 1400px,#3b191c44,transparent 700px);
  background-size:var(--side-rail) 100vh,var(--side-rail) 100vh,var(--side-rail) 100vh,var(--side-rail) 100vh,700px 900px,700px 900px;
  background-position:left top,left top,right top,right top,left top,right top;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;
  background-attachment:fixed,fixed,fixed,fixed,scroll,scroll;
}
@media(max-width:1280px){body.v3{background-image:radial-gradient(ellipse at 0 600px,#323c1c44,transparent 700px),radial-gradient(ellipse at 100% 1400px,#3b191c44,transparent 700px);background-size:700px 900px,700px 900px;background-position:left top,right top;background-repeat:no-repeat;background-attachment:scroll}}
@media(min-width:1281px){.v3 .horror-footer{margin-top:-42px!important;padding-top:132px!important}.horror-footer::before{background:linear-gradient(180deg,#141414 0,transparent 42%),linear-gradient(90deg,transparent,#0b100bd9 25%,#0b100bd9 75%,transparent)}}

/* Raw splatter margin art replaces the illustrated tentacle rails. */
:root{--side-gap:clamp(0px,calc((100vw - 1280px)/2),320px)}
body.v3{
  background-color:#10120e;
  background-image:url(splatter-margins.webp),radial-gradient(ellipse at 0 600px,#291a1744,transparent 700px),radial-gradient(ellipse at 100% 1400px,#35141633,transparent 700px);
  background-size:100vw 100vh,700px 900px,700px 900px;
  background-position:center top,left top,right top;
  background-repeat:no-repeat,no-repeat,no-repeat;
  background-attachment:fixed,scroll,scroll;
}
body.v3::after{
  background:linear-gradient(90deg,#10120e33 0%,#10120e00 42%,#10120e 100%) left top/var(--side-gap) 100vh no-repeat,
             linear-gradient(270deg,#10120e33 0%,#10120e00 42%,#10120e 100%) right top/var(--side-gap) 100vh no-repeat;
  opacity:.72;
}
@media(max-width:1280px){body.v3{background-image:radial-gradient(ellipse at 0 600px,#291a1744,transparent 700px),radial-gradient(ellipse at 100% 1400px,#35141633,transparent 700px);background-size:700px 900px,700px 900px;background-attachment:scroll,scroll}}

/* Unified raw splatter masthead and footer. */
.v2top{
  position:relative!important;top:auto!important;z-index:2;
  background:#10120e url(splatter-header.webp) center center/cover no-repeat;
  border:0;box-shadow:none;isolation:isolate;
}
.v2top::before{
  background:linear-gradient(90deg,#10120e66 0%,#10120e22 18%,#10120e11 50%,#10120e22 82%,#10120e66 100%),
             linear-gradient(0deg,#10120e 0%,#10120e44 24%,transparent 58%);
}
.v2top.is-small{position:relative!important;top:auto!important}
.v2top.is-small .v2top-in{padding-block:34px}
.v2top.is-small .v2brand img{width:740px;max-height:250px}
.v3 .horror-footer{
  background-color:#10120e;background-image:url(splatter-footer.webp);
  background-position:center center;background-size:100% 100%;background-repeat:no-repeat;
  margin-top:-26px!important;padding-top:116px!important;
  border-top:0;box-shadow:none;
}
.horror-footer::before{
  background:linear-gradient(180deg,#10120e 0%,#10120e88 15%,transparent 52%),
             linear-gradient(90deg,#10120e44 0%,transparent 24%,transparent 76%,#10120e44 100%);
}
@media(max-width:900px){.v2top{background-position:center center}.v3 .horror-footer{background-size:auto 100%;}}
@media(max-width:600px){
  .v2top{background-position:center center;background-size:auto 100%;}
  .v2top::before{background:linear-gradient(90deg,#10120e77,transparent 25%,transparent 75%,#10120e77),linear-gradient(0deg,#10120e,transparent 55%)}
  .v3 .horror-footer{margin-top:-18px!important;padding-top:92px!important;background-size:auto 100%;}
}

/* Remove the peripheral artwork so content, header and footer share one canvas. */
body.v3{
  background:#10120e;
  background-image:radial-gradient(ellipse at 0 700px,#291a171c,transparent 700px),radial-gradient(ellipse at 100% 1400px,#35141618,transparent 700px);
  background-attachment:scroll;
}
body.v3::after{display:none!important}

/* Let the masthead and footer dissolve into the same page background. */
.v2top{
  background-color:#10120e;
  background-image:linear-gradient(180deg,#10120e00 0%,#10120e22 72%,#10120e 100%),url(splatter-header.webp);
  background-position:center,center;
  background-size:100% 100%,cover;
  box-shadow:none;
}
.v2top::before{background:linear-gradient(90deg,#10120e66,transparent 22%,transparent 78%,#10120e66),linear-gradient(0deg,#10120e 0%,transparent 35%)}
.v3 .horror-footer{
  margin-top:0!important;
  background-color:#10120e;
  background-image:linear-gradient(180deg,#10120e 0%,#10120e00 24%,#10120e22 100%),url(splatter-footer.webp);
  background-position:center,center;
  background-size:100% 100%,cover;
  padding-top:104px!important;
}
.horror-footer::before{background:linear-gradient(180deg,#10120e 0%,transparent 30%),linear-gradient(90deg,#10120e44,transparent 24%,transparent 76%,#10120e44)}

/* Pop-art masthead artwork keyed to the illustrated SweGore logo. */
.v2top{
  background-image:linear-gradient(180deg,#10120e12 0%,#10120e16 68%,#10120e 100%),url(cheerleader-header.webp)!important;
  background-position:center,center;
  background-size:100% 100%,cover;
}

.news-spotlight{display:grid;grid-template-columns:minmax(160px,245px) 1fr;gap:28px;align-items:center;margin:28px 0 52px;padding:24px;background:#191a16;border-block:1px solid #51413a;position:relative;isolation:isolate;overflow:hidden}
.news-spotlight::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 0 50%,#68191c35,transparent 58%)}
.news-spotlight-label{grid-column:1/-1;display:flex;align-items:center;gap:12px;color:#cf4940;font:700 .72rem var(--label);letter-spacing:.16em}
.news-spotlight-label i{height:1px;flex:1;background:linear-gradient(90deg,#85333066,transparent)}
.news-spotlight-image{display:block;max-height:250px;overflow:hidden;border:1px solid #71604d;box-shadow:4px 5px 0 #070807}
.news-spotlight-image img{display:block;width:100%;height:250px;object-fit:cover;object-position:center 24%;filter:saturate(.82) contrast(1.05)}
.news-spotlight-copy .eyebrow{color:#cc4a41;font:700 .7rem var(--label);letter-spacing:.17em}
.news-spotlight-copy h2{margin:8px 0 12px;font:400 clamp(1.55rem,3vw,2.5rem)/1.05 var(--display);color:var(--bone)}
.news-spotlight-copy h2 a{color:inherit;text-decoration:none}
.news-spotlight-copy h2 a:hover{color:#e66154}
.news-spotlight-copy>p:not(.eyebrow){max-width:58ch;color:#c0b9a9;font:15px/1.65 Arial,sans-serif}
.news-read{display:inline-block;margin-top:16px;color:#e05a4c;font:700 .75rem var(--label);letter-spacing:.12em;text-decoration:none;border-bottom:1px solid #9b3c33;padding-bottom:5px}
.news-read:hover{color:var(--bone)}
@media(max-width:600px){.news-spotlight{grid-template-columns:1fr;gap:15px;margin:25px 0 38px;padding:17px}.news-spotlight-label{grid-column:auto}.news-spotlight-image{max-height:220px}.news-spotlight-image img{height:220px}.news-spotlight-copy h2{font-size:1.7rem}}

/* News pages use the same battered-paper and ink palette as the review archive. */
.news-list-page,.news-story{max-width:1080px;margin:0 auto;padding:54px 0 78px}
.news-list-title{max-width:800px;margin:8px 0 12px;color:var(--bone);font:400 clamp(2.8rem,6vw,5.2rem)/.98 var(--display);text-transform:uppercase}
.news-list-intro{max-width:62ch;color:#c3bba9;font:16px/1.7 Arial,sans-serif}
.news-list-card{margin-top:34px}
.news-story-page .page{background:transparent}
.news-back{display:inline-block;margin:8px 0 24px;color:#d35a4b;font:700 .72rem var(--label);letter-spacing:.13em;text-decoration:none}
.news-story-hero{display:grid;grid-template-columns:minmax(210px,330px) 1fr;gap:clamp(24px,5vw,64px);align-items:center;padding:24px;background:linear-gradient(120deg,#1e201a,#121410);border:1px solid #4b4236;box-shadow:7px 8px 0 #080907;position:relative}
.news-story-hero::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#a82927,#d89a32 48%,#728c32)}
.news-story-poster{margin:0;position:relative;border:1px solid #81715a;box-shadow:5px 6px 0 #080907;transform:rotate(-1deg)}
.news-story-poster img{display:block;width:100%;height:auto;max-height:470px;object-fit:cover}
.news-story-poster figcaption{position:absolute;left:0;bottom:0;padding:9px 12px;background:#171812ed;color:#e1c86e;font:700 .65rem var(--label);letter-spacing:.14em}
.news-story-heading .eyebrow,.news-copy h2,.news-gallery h2,.news-facts>.eyebrow{color:#d3594b}
.news-story-heading h1{margin:10px 0 16px;color:var(--bone);font:400 clamp(2.15rem,4.3vw,4.2rem)/.98 var(--display);text-transform:uppercase}
.news-story-deck{max-width:56ch;color:#d0c7b5;font:18px/1.55 Arial,sans-serif}
.news-story-meta{color:#a69d8b;font:700 .68rem/1.6 var(--label);letter-spacing:.08em;text-transform:uppercase}
.news-story-heading blockquote{margin:24px 0 8px;padding:3px 0 3px 17px;border-left:3px solid #b84238;color:#e2ca82;font:italic 19px/1.45 var(--display)}
.news-actions{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center}
.news-read-primary{padding:12px 16px;background:#9e302b;color:#fff1d9!important;border:1px solid #c95b48;box-shadow:3px 4px 0 #080907}
.news-read-primary:hover{background:#bd3b31}
.news-story-content{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:clamp(28px,5vw,70px);align-items:start;margin:68px auto 58px;max-width:940px}
.news-copy{color:#d0c9b9;font:16px/1.8 Arial,sans-serif}
.news-copy p{margin:0 0 1.35em}
.news-copy .news-lead{color:#f0e7d3;font-size:19px;line-height:1.65}
.news-copy h2{margin:1.8em 0 .55em;font:400 1.75rem/1.1 var(--display);text-transform:uppercase}
.news-copy a{color:#e4735c;text-decoration-thickness:1px;text-underline-offset:3px}
.news-watch{margin:34px 0;padding:22px;background:linear-gradient(130deg,#211e18,#151611);border:1px solid #65503a;box-shadow:5px 6px 0 #080907}
.news-watch h2{margin:5px 0 8px!important;color:var(--bone)!important}
.news-watch>p:not(.eyebrow){margin:0 0 18px;color:#c7bfaf}
.news-social-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.news-social-links a{display:flex;align-items:center;gap:12px;min-width:0;padding:13px;background:#10120e;border:1px solid #57483b;color:#e8dfca;text-decoration:none;transition:background .18s,border-color .18s}
.news-social-links a:hover{background:#25231b;border-color:#bf5544}
.news-social-links a>span:first-child{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;background:#9e302b;color:#fff0d5;font:bold 23px/1 Arial,sans-serif}
.news-social-links b,.news-social-links small{display:block}
.news-social-links b{font:700 .7rem var(--label);letter-spacing:.1em}
.news-social-links small{margin-top:3px;color:#bcb29f;font:12px Arial,sans-serif}
.news-social-links i{margin-left:auto;color:#db6a56;font-style:normal}
.news-facts{padding:23px;background:#1b1c17;border:1px solid #514638;box-shadow:5px 6px 0 #080907}
.news-facts h2{margin:4px 0 18px;color:var(--bone);font:400 1.8rem/1.1 var(--display);text-transform:uppercase}
.news-facts dl{margin:0}
.news-facts dl div{padding:11px 0;border-top:1px solid #514638}
.news-facts dt{color:#b8a789;font:700 .65rem var(--label);letter-spacing:.12em;text-transform:uppercase}
.news-facts dd{margin:4px 0 0;color:#e3ddce;font:14px/1.4 Arial,sans-serif}
.news-gallery{max-width:940px;margin:0 auto 48px}
.news-gallery h2{margin:0 0 18px;font:400 1.8rem var(--display);text-transform:uppercase}
.news-gallery>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.news-gallery figure{margin:0;padding:7px;background:#1a1b16;border:1px solid #514638;transform:rotate(-.5deg)}
.news-gallery figure:nth-child(2){transform:rotate(.6deg)}
.news-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.78) contrast(1.08)}
.news-gallery figcaption{padding:8px 3px 2px;color:#c8b880;font:700 .62rem var(--label);letter-spacing:.1em}
.news-trailer{max-width:940px;margin:54px auto 48px;padding:24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,340px);gap:26px;align-items:center;background:linear-gradient(115deg,#211f19,#141510);border:1px solid #57483b;box-shadow:6px 7px 0 #080907;scroll-margin-top:24px}
.news-trailer h2{margin:5px 0 9px;color:var(--bone);font:400 2rem/1 var(--display);text-transform:uppercase}
.news-trailer>div:first-child>p:last-child{color:#c7bfaf;font:14px/1.55 Arial,sans-serif}
.news-trailer-frame{justify-self:center;width:min(100%,300px);background:#050605;border:7px solid #e8dfca;box-shadow:7px 8px 0 #080907;line-height:0}
.news-trailer-frame video{display:block;width:100%;max-height:590px;aspect-ratio:9/16;object-fit:contain;background:#050605}
.news-pager{max-width:940px;margin:0 auto;padding-top:20px;border-top:1px solid #50453a;display:flex;justify-content:space-between;gap:20px}
.news-pager a{color:#dc6958;font:700 .7rem var(--label);letter-spacing:.1em;text-decoration:none}
@media(max-width:900px){.news-list-page,.news-story{padding:36px 0 58px}.news-story-content{grid-template-columns:1fr;max-width:740px}.news-facts{max-width:none}.news-story-hero{grid-template-columns:minmax(180px,270px) 1fr;gap:28px}}
@media(max-width:600px){.news-list-page,.news-story{padding:28px 0 42px}.news-story-hero{grid-template-columns:1fr;padding:17px;gap:22px}.news-story-poster{max-width:300px;margin:auto}.news-story-poster img{max-height:380px}.news-story-heading h1{font-size:2.35rem}.news-story-deck{font-size:16px}.news-story-heading blockquote{font-size:17px}.news-actions{gap:10px 15px}.news-story-content{gap:28px;margin:42px auto}.news-copy{font-size:15px}.news-copy .news-lead{font-size:17px}.news-social-links{grid-template-columns:1fr}.news-watch{padding:17px}.news-gallery>div{grid-template-columns:1fr;gap:16px}.news-gallery figure,.news-gallery figure:nth-child(2){transform:none}.news-gallery img{aspect-ratio:16/10}.news-trailer{grid-template-columns:1fr;margin:40px auto;padding:18px;gap:18px}.news-trailer-frame{width:min(100%,270px)}.news-pager{flex-direction:column}.news-spotlight-image img{object-fit:cover}}

/* Keep the whole new panoramic header artwork in view. */
.v2top{min-height:max(370px,33.8vw);background-size:100% 100%,100% auto!important;background-position:center,center top!important}
@media(max-width:600px){.v2top{min-height:400px;background-size:100% 100%,100% auto!important;background-position:center,center top!important}}

/* A classic B-movie monster mural rises from the footer's lower edges. */
.v3 .fx,.v3 .osd-bar{display:none!important}
.v3 .horror-footer{
  position:relative;isolation:isolate;overflow:hidden;min-height:490px;
  margin-top:0!important;padding:132px max(24px,calc((100vw - 880px)/2)) 84px!important;
  background-color:#10120e!important;
  background-image:url(classic-horror-footer.webp)!important;
  background-position:center bottom;background-size:100% auto;background-repeat:no-repeat;
  border:0;box-shadow:none;text-align:center;
}
.v3 .horror-footer::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,#10120e 0%,#10120e66 16%,transparent 46%),linear-gradient(90deg,transparent 0%,#10120e22 18%,#10120ecf 31%,#10120ecf 69%,#10120e22 82%,transparent 100%);
}
.v3 .horror-footer .footer-logo,.v3 .horror-footer .footer-tag,.v3 .horror-footer .footer-nav,.v3 .horror-footer .footer-legal{position:relative;z-index:1}
@media(max-width:900px){
  .v3 .horror-footer{min-height:560px;padding:112px 24px 90px!important;background-size:auto 100%;background-position:left bottom}
  .v3 .horror-footer::after{content:"";position:absolute;z-index:-1;inset:0 0 0 auto;width:45%;pointer-events:none;background:url(classic-horror-footer.webp) right bottom/auto 100% no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 70%);mask-image:linear-gradient(90deg,transparent 0,#000 70%)}
  .v3 .horror-footer::before{background:linear-gradient(180deg,#10120e 0%,#10120e55 14%,transparent 38%),linear-gradient(90deg,#10120e00 0%,#10120e88 16%,#10120ef0 34%,#10120ef0 66%,#10120e88 84%,#10120e00 100%)}
}

.genre-shortcuts{margin:24px 0 36px;padding:13px 16px 12px;background:linear-gradient(110deg,#1b1d17,#131510);border-block:1px solid #514638;box-shadow:0 5px 15px #0004}
.genre-shortcuts-heading{display:flex;align-items:center;gap:12px;margin-bottom:10px;color:#d75a4b;font:700 .66rem var(--label);letter-spacing:.15em}
.genre-shortcuts-heading i{height:1px;flex:1;background:linear-gradient(90deg,#71453b,transparent)}
.genre-shortcuts-heading a{color:#d5c797;text-decoration:none;white-space:nowrap;font-size:.58rem}
.genre-shortcuts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 12px}
.genre-shortcuts-grid a{position:relative;z-index:0;min-width:0;min-height:106px;padding:8px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#e5ddca;text-align:center;text-decoration:none;border:1px solid transparent;transition:background .16s,border-color .16s,color .16s}
.genre-shortcuts-grid img{position:relative;z-index:1;width:68px;height:68px;display:block;object-fit:cover;border:1px solid #89754f;border-radius:50%;box-shadow:0 2px 5px #0009;filter:saturate(.88);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.genre-shortcuts-grid span{position:relative;z-index:2;font:700 .75rem/1.15 var(--label);letter-spacing:.015em;text-transform:uppercase;overflow-wrap:anywhere}
.genre-shortcuts-grid a:hover,.genre-shortcuts-grid a:focus-visible{background:transparent;border-color:transparent;color:#f0d866;outline:none}
.genre-shortcuts-grid a:hover,.genre-shortcuts-grid a:focus-visible{z-index:5}
.genre-shortcuts-grid a:hover img,.genre-shortcuts-grid a:focus-visible img{z-index:6;border:2px solid #e3cc62;transform:translateY(-12px) scale(1.5);box-shadow:0 0 0 3px #171914,0 7px 20px #000c;filter:saturate(1.15) contrast(1.08)}
@media(max-width:1050px){.genre-shortcuts-grid{gap:7px}.genre-shortcuts-grid a{min-height:96px}.genre-shortcuts-grid img{width:58px;height:58px}}
@media(max-width:600px){.genre-shortcuts{margin:18px 0 28px;padding:12px 9px}.genre-shortcuts-heading{font-size:.62rem}.genre-shortcuts-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.genre-shortcuts-grid a{min-height:72px;padding:4px 2px}.genre-shortcuts-grid img{width:40px;height:40px}.genre-shortcuts-grid span{font-size:.56rem}}