/* A cinematic collection, with one red signature and quiet black framing. */
body #quests{--cinema-red:#e01b24;padding-block:64px 48px;background:#090909;border:0;overflow:hidden}
body #quests:before{inset:0 0 auto;height:5px;background:var(--cinema-red);box-shadow:none}
body #quests .catalog-headline{position:relative;isolation:isolate;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:end;gap:32px;margin:0;padding:12px 0 34px;border:0}
body #quests .catalog-headline:after{content:'';position:absolute;z-index:-1;right:4%;top:-30px;width:130px;height:190px;border:22px solid var(--cinema-red);border-left-width:5px;transform:skewY(-12deg);opacity:.12;pointer-events:none}
body #quests .catalog-headline>div{padding:0 0 0 24px;border-left:5px solid var(--cinema-red)}
body #quests .catalog-emblem{display:none}
body #quests .catalog-headline .eyebrow{font-size:10px;letter-spacing:2px;color:#fa6b70;margin-bottom:15px}
body #quests .catalog-headline .eyebrow:before{display:none}
body #quests .catalog-headline h2{font-size:clamp(40px,5.3vw,76px);line-height:1.14;font-weight:700;letter-spacing:-1.8px;text-wrap:balance;max-width:800px}
body #quests .catalog-headline .section-intro{font-size:14px;line-height:1.8;color:#c7bfc0;max-width:36ch;padding-bottom:3px}
body #quests .catalog-toolbar{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;margin-bottom:0}
body #quests #genres{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid #ffffff28}
body #quests #genres .filter{width:auto;flex:0 1 auto;min-height:52px;padding:14px 24px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#aaa2a3;box-shadow:none;font-size:13px;transition:color .25s,background .25s,border-color .25s}
body #quests #genres .filter.active{color:white;background:#e01b2412;border-bottom-color:var(--cinema-red);box-shadow:none}
body #quests #genres .filter:hover:not(.active){color:white;background:#ffffff05;border-color:#ffffff3d}
body #quests .catalog-actor-note{font-size:12px;margin:18px 0 28px;padding-left:0;border:0;color:#ada4a5;max-width:75ch}
body #quest-grid .catalog-fold{border:0;border-radius:0;background:transparent;box-shadow:none;margin:0 0 34px;overflow:visible}
body #quest-grid .catalog-toggle{padding:15px 0 20px;border-top:1px solid #e01b2466;font-size:clamp(22px,2.2vw,30px);font-weight:600;letter-spacing:-.4px}
body #quest-grid .catalog-toggle>span:first-child{display:flex;align-items:center;gap:12px;min-width:0}
body #quest-grid .catalog-toggle small{order:-1;margin:0;min-width:28px;height:28px;border:0;border-radius:3px;background:var(--cinema-red);color:white;font-size:12px;font-weight:600;letter-spacing:0}
body #quest-grid .fold-arrow{width:32px;height:32px;border-radius:0;background:transparent;border:0;color:white}
body #quest-grid .is-open .fold-arrow{background:transparent;border:0;color:#f34850}
body #quest-grid .catalog-fold-grid{padding-inline:0;gap:18px;align-items:start}
body #quest-grid .is-open .catalog-fold-grid{padding-bottom:0}
body #quest-grid .quest-card.compact-quest{border:1px solid #ffffff1c;border-radius:4px;background:#111010;box-shadow:none;overflow:hidden;transition:border-color .3s,box-shadow .3s;isolation:isolate}
body #quest-grid .quest-card.compact-quest:hover,body #quest-grid .quest-card.compact-quest:focus-within,body #quest-grid .quest-card.compact-quest.is-selected{border-color:#e01b24;box-shadow:0 10px 30px #0008}
body #quest-grid .compact-quest .quest-image{aspect-ratio:4/5;border:0;border-radius:0}
body #quest-grid .quest-image:after{border:0;background:linear-gradient(0deg,#11101080,transparent 22%)}
body #quest-grid .compact-quest .quest-copy-button{padding:12px!important;gap:9px;background:#111010;grid-template-rows:auto auto auto;flex:0 0 auto!important;height:auto!important;min-height:0!important}
body #quest-grid .compact-quest .quest-loc{color:#b7adae;font-size:10px;line-height:1.5}
body #quest-grid .compact-quest h3{display:block;width:100%;padding:10px 11px;margin:0;border:1px solid #e01b2466;border-left:3px solid #e01b24;border-radius:2px;background:linear-gradient(100deg,#e01b241c,transparent);box-shadow:none;color:white;font-size:17px;line-height:1.4;font-weight:600;letter-spacing:0;box-sizing:border-box}
body #quest-grid .quest-card-meta{border:0;padding:0;gap:7px;align-items:stretch}
body #quest-grid .compact-quest .quest-genre{justify-content:flex-start;border:0;background:transparent;padding:2px 0;border-radius:0;color:#ddd4d5;font-size:11px;min-height:24px}
body #quest-grid .quest-age{border:1px solid #ffffff30;border-radius:3px;background:#ffffff06;color:#fff;font-size:11px;min-height:24px;min-width:32px;padding:2px 6px}
body #quest-grid .poster-button:after{border:0;border-radius:2px;background:#e01b24;width:34px;height:34px;backdrop-filter:none}
body #quest-grid .coming-soon-badge{border-radius:2px;border-color:#e01b24;background:#0a0909eb;backdrop-filter:none}
/* The Chucky eye map shares the source photo's coordinate system and crop. */
body #quest-grid [data-quest=chucky] .quest-eyes{background:none!important;opacity:1;mix-blend-mode:screen;filter:none;transform:none}
body #quest-grid .quest-eye-map{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden}
body #quest-grid [data-quest=chucky]:is(.is-selected,:focus-within,.poster-awake) .quest-eyes{opacity:1}
@media(hover:hover){body #quest-grid [data-quest=chucky]:hover .quest-eyes{opacity:1}}
@media(min-width:1101px){body #quest-grid .catalog-fold-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){body #quests{padding-block:38px 26px}body #quests .catalog-headline{grid-template-columns:1fr;gap:18px;padding:10px 0 24px}body #quests .catalog-headline>div{padding-left:16px;border-left-width:4px}body #quests .catalog-headline h2{font-size:clamp(34px,9vw,48px);letter-spacing:-.8px}body #quests .catalog-headline .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:12px}body #quests .catalog-headline .section-intro{font-size:13px;max-width:44ch}body #quests .catalog-headline:after{right:0;top:-10px;width:75px;height:135px;border-width:14px;border-left-width:3px;opacity:.08}body #quests #genres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}body #quests #genres .filter{padding:11px 6px;font-size:11px;min-height:50px}body #quests .catalog-actor-note{margin:15px 0 22px;font-size:11px}body #quest-grid .catalog-toggle{padding:14px 0 17px;font-size:23px}body #quest-grid .catalog-fold-grid{gap:10px}body #quest-grid .catalog-fold{margin-bottom:25px}body #quest-grid .compact-quest .quest-copy-button{padding:9px!important;gap:7px}body #quest-grid .compact-quest h3{font-size:14px;padding:8px;line-height:1.45}body #quest-grid .compact-quest .quest-loc{font-size:9px}body #quest-grid .compact-quest .quest-genre{font-size:10px}body #quest-grid .quest-age{font-size:10px;min-width:29px}}
@media(prefers-reduced-motion:reduce){body #quest-grid .quest-card.compact-quest,body #quests #genres .filter{transition:none}}
/* The red title panel is the section's single, unmistakable visual anchor. */
body #quests .catalog-headline>div{padding:26px 28px;border:0;background:#ce1721}
body #quests .catalog-headline .eyebrow{color:#fff;opacity:.85}
body #quests .catalog-headline h2{text-shadow:none}
body #quests .catalog-headline:after{display:none}
@media(max-width:760px){body #quests .catalog-headline>div{padding:22px 18px}body #quests .catalog-headline{gap:18px}}
/* Reset inherited dossier decorations; one spacing system for this collection. */
body #quests{padding-block:32px 30px}
body #quests .catalog-headline{display:grid;gap:20px;align-items:center;padding:0;margin:0 0 20px;border:0;border-radius:0;background:none;box-shadow:none;max-width:none}
body #quests .catalog-headline>div{padding:22px 24px;min-width:0;background:#d71920;border:0;border-radius:4px;box-sizing:border-box}
body #quests .catalog-headline .eyebrow{display:block;padding:0;margin:0 0 10px;border:0;border-radius:0;background:none;box-shadow:none;color:#fff;font-size:9px;letter-spacing:1px;line-height:1.5;opacity:.8;white-space:normal}
body #quests .catalog-headline .eyebrow:before,body #quests .catalog-headline h2:before,body #quests .catalog-headline h2:after{content:none;display:none}
body #quests .catalog-headline h2{padding:0;margin:0;width:auto;max-width:none;background:none;background-clip:border-box;-webkit-background-clip:border-box;-webkit-text-fill-color:#fff;color:#fff;text-shadow:none;text-decoration:none;font-size:clamp(28px,3.3vw,48px);font-weight:650;line-height:1.3;letter-spacing:-.5px;white-space:nowrap;text-wrap:nowrap}
body #quests .catalog-headline .section-intro{padding:0;margin:0;max-width:42ch;font-size:13px;line-height:1.7;color:#c7bfc0;text-wrap:pretty}
body #quests .catalog-toolbar{margin:0;padding:0;border:0;background:none;border-radius:0}
body #quests #genres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;border:0}
body #quests #genres .filter{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:48px;padding:12px 10px;margin:0;border:1px solid #ffffff30;border-radius:5px;background:#131112;color:#d7cdcf;font-size:13px;font-weight:500;line-height:1.4;letter-spacing:0;white-space:nowrap;text-align:center;box-sizing:border-box;box-shadow:none}
body #quests #genres .filter:after{content:none;display:none}
body #quests #genres .filter.active{border-color:#d71920;background:#d71920;color:#fff;box-shadow:none}
body #quests #genres .filter:hover:not(.active){border-color:#b74a50;background:#211316;color:white}
body #quests #genres .filter:focus-visible{outline:2px solid #fff;outline-offset:2px}
body #quests .catalog-actor-note{margin:14px 0 20px;padding:0;border:0;max-width:78ch;font-size:12px;line-height:1.7;color:#b8adaf}
body #quest-grid .catalog-fold{padding:0;margin:0 0 8px;min-height:0}
body #quest-grid .catalog-fold:last-child{margin-bottom:0}
body #quest-grid .catalog-fold.is-open{margin-bottom:22px}
body #quest-grid .catalog-toggle{padding:14px 0;min-height:60px;gap:12px;font-size:23px;line-height:1.4;border-top:1px solid #d7192055}
body #quest-grid .catalog-toggle>span:first-child{gap:10px}
body #quest-grid .catalog-toggle small{min-width:25px;height:25px;border-radius:4px;font-size:11px;background:#d71920}
body #quest-grid .fold-arrow{width:28px;height:28px;flex-basis:28px;line-height:1}
/* Fully remove collapsed grids, including their internal row gaps. */
body #quest-grid .catalog-fold:not(.is-open) .catalog-curtain{display:none}
body #quest-grid .catalog-fold.is-open .catalog-curtain{display:block;grid-template-rows:none}
body #quest-grid .catalog-fold.is-open .catalog-fold-grid{padding-block:4px 0;opacity:1;transform:none;filter:none}
@media(max-width:760px){
 body #quests{padding-block:26px 24px}
 body #quests .catalog-headline{grid-template-columns:1fr;gap:14px;margin-bottom:18px}
 body #quests .catalog-headline>div{padding:20px 16px}
 body #quests .catalog-headline h2{font-size:clamp(22px,6.3vw,32px);letter-spacing:-.4px;line-height:1.35}
 body #quests .catalog-headline .eyebrow{font-size:8px;letter-spacing:.45px;line-height:1.6;margin-bottom:8px}
 body #quests .catalog-headline .section-intro{max-width:none;font-size:13px;line-height:1.7;padding-inline:0}
 body #quests #genres{gap:6px}
 body #quests #genres .filter{padding:11px 5px;min-height:46px;font-size:11px}
 body #quests .catalog-actor-note{margin:13px 0 16px;font-size:11px}
 body #quest-grid .catalog-toggle{font-size:21px;min-height:56px;padding:12px 0}
}

/* The longer collection title stays on one line at each breakpoint. */
body #quests .catalog-headline h2{font-size:clamp(24px,2.5vw,38px)}
@media(max-width:760px){body #quests .catalog-headline h2{font-size:clamp(16px,4.65vw,24px);letter-spacing:-.3px}}

/* Reveal the real irises rather than floating coloured dots. */
body #quest-grid [data-quest=chucky] .quest-eye-map{max-width:none;max-height:none;filter:none;transform:none}

/* Chucky's real iris mask is the only eye effect, including touch/awake states. */
body #quest-grid [data-quest=chucky] .poster-effect::before,
body #quest-grid [data-quest=chucky] .poster-effect::after{content:none!important;display:none!important;background:none!important;box-shadow:none!important}

/* Red glow uses the exact photo coordinates and the same top-centred cover crop. */
body #quest-grid [data-quest=chucky] .chucky-iris-glow{animation:chucky-iris-pulse 2s ease-in-out infinite}
@keyframes chucky-iris-pulse{0%,100%{opacity:.65}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){body #quest-grid [data-quest=chucky] .chucky-iris-glow{animation:none;opacity:.9}}
