header{flex-wrap:wrap;gap:24px}.guide-search{display:block;margin-left:auto;padding:0;background:none;border:0;min-width:220px}.guide-search input{border-radius:24px}
.viewing-guide-page{width:min(1160px,88vw);margin:44px auto 80px}.viewing-guide-page p{line-height:1.75}.viewing-guide-page h1{font-size:clamp(34px,4.6vw,56px);line-height:1.12;max-width:790px;letter-spacing:-.035em}.viewing-guide-page h2{font-size:clamp(23px,2.8vw,30px);line-height:1.22;letter-spacing:-.015em}.viewing-guide-page a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.guide-page-hero{position:relative;isolation:isolate;overflow:hidden;min-height:440px;display:flex;align-items:center;background:#121719;border:1px solid var(--line);border-radius:20px}.guide-hero-art{position:absolute;z-index:-1;inset:0 0 0 36%;overflow:hidden}.guide-hero-art img{width:100%;height:100%;object-fit:cover;opacity:.48}.guide-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#121719 0%,#12171975 45%,#12171920),linear-gradient(0deg,#12171988,transparent)}.guide-hero-copy{padding:48px;max-width:850px}.guide-hero-copy .lead{font-size:18px;line-height:1.75;max-width:670px;color:#eee6d9}.guide-browse-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;text-decoration:none;font-weight:700;border:1px solid #d9a75d88;border-radius:9px;padding:12px 18px;color:#ead1aa;background:#252016}.guide-browse-button:hover{background:#3a2b18}.guide-selection{background:transparent;border:0;padding:0;margin:58px 0 0;border-radius:0}.guide-section-copy{max-width:920px;margin-bottom:24px}.guide-section-copy p{font-size:16px;color:#b9bdbe;margin-bottom:0}.guide-title-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}.guide-title-card{display:flex;flex-direction:column;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .15s,transform .15s}.guide-title-card:hover{border-color:#d9a75d65;transform:translateY(-3px)}.guide-card-poster{position:relative;display:block;aspect-ratio:2/2.7;overflow:hidden;background:linear-gradient(135deg,#302415,#14252b)}.guide-card-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}.guide-title-card:hover .guide-card-poster img{transform:scale(1.03)}.guide-poster-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:80px;font-weight:700;opacity:.4;color:var(--accent)}.guide-card-label{position:absolute;left:14px;bottom:14px;right:14px;width:fit-content;max-width:calc(100% - 28px);padding:7px 10px;background:#090c0eee;backdrop-filter:blur(10px);border:1px solid #ffffff2b;border-radius:7px;font-size:12px;font-weight:700;color:#f4e1bd}.guide-card-copy{padding:20px;display:flex;flex:1;flex-direction:column;min-width:0}.guide-card-copy h3{font-size:22px;line-height:1.2;margin:0 0 12px}.guide-card-copy h3 a{color:#f3eee4;text-decoration:none}.guide-card-copy h3 a:hover{color:var(--accent)}.guide-card-facts{display:flex;align-items:center;flex-wrap:wrap;gap:6px 11px;color:#c7c9c7;font-size:12px}.guide-card-facts span+span:before{content:"·";margin-right:11px;color:#7f8589}.guide-card-genres{font-size:12px!important;color:var(--accent);margin:7px 0 0}.guide-card-pitch{font-size:14px!important;line-height:1.6!important;color:#bcc1c1;margin:15px 0 22px}.guide-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:auto}.guide-card-watch{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;min-height:40px;border-radius:7px;background:#d9a75d;color:#17110a;text-decoration:none;font-size:13px;font-weight:700}.guide-card-watch:hover{background:#efc581}.guide-card-details{font-size:13px;text-underline-offset:4px}.guide-next{margin-top:58px;padding:28px;background:#141718;border:1px solid var(--line);border-radius:14px}.guide-next-links{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.guide-next-links a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px;border:1px solid var(--line);border-radius:10px;text-decoration:none;line-height:1.45}.guide-index-intro{max-width:850px;margin:55px 0}.guide-index-intro .lead{max-width:760px;line-height:1.7}.guide-index-section{padding:30px;margin:38px 0;border-radius:18px;background:#101416}.guide-index-heading{display:flex;align-items:center;gap:30px;justify-content:space-between;margin-bottom:25px}.guide-index-heading>div{max-width:810px}.guide-index-heading h2 a{text-decoration:none;color:#f3eee4}.guide-index-heading h2 a:hover{color:var(--accent)}.guide-index-heading p:last-child{margin-bottom:0}.guide-index-heading>.guide-browse-button{flex-shrink:0}.ad-placement{margin-top:50px}.ad-placement[hidden]{display:none}
@media(min-width:1050px){.guide-title-grid:has(>.guide-title-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.guide-title-grid:has(>.guide-title-card:nth-child(2):last-child) .guide-title-card{display:grid;grid-template-columns:42% 1fr}.guide-title-grid:has(>.guide-title-card:nth-child(2):last-child) .guide-card-poster{aspect-ratio:auto;min-height:320px}.guide-title-grid:has(>.guide-title-card:nth-child(2):last-child) .guide-card-actions{flex-direction:column;align-items:flex-start}}
@media(max-width:900px){.guide-title-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.guide-hero-copy{padding:32px}.guide-page-hero{min-height:400px}.guide-index-heading{display:block}.guide-index-heading>.guide-browse-button{margin-top:20px}.guide-index-section{padding:24px}.guide-hero-art{inset:0 0 0 20%}}
@media(max-width:600px){header{padding:14px 20px;gap:14px}.guide-search{width:100%;margin:0}.guide-search input{min-height:46px}.viewing-guide-page{width:auto;margin:22px 16px 60px}.viewing-guide-page h1{font-size:34px}.viewing-guide-page h2{font-size:25px}.guide-page-hero{min-height:430px;border-radius:14px}.guide-hero-copy{padding:28px 22px}.guide-hero-copy .lead{font-size:16px}.guide-hero-art{inset:0}.guide-hero-art:after{background:linear-gradient(90deg,#121719e8,#1217198c),linear-gradient(0deg,#121719,transparent)}.guide-title-grid{grid-template-columns:1fr;gap:18px}.guide-title-card{display:grid;grid-template-columns:34% 1fr}.guide-card-poster{aspect-ratio:auto;min-height:245px}.guide-card-label{left:8px;right:8px;bottom:10px;padding:5px 7px;font-size:10px;max-width:calc(100% - 16px)}.guide-card-copy{padding:18px 14px}.guide-card-copy h3{font-size:21px;overflow-wrap:anywhere}.guide-card-facts{font-size:11px;gap:4px 8px}.guide-card-facts span+span:before{margin-right:8px}.guide-card-pitch{font-size:13px!important;margin:12px 0 17px}.guide-card-actions{gap:10px}.guide-card-watch{font-size:12px;padding:9px 10px}.guide-card-details{font-size:12px}.guide-selection{margin-top:40px}.guide-index-intro{margin:35px 4px}.guide-index-section{padding:20px 14px;margin:26px 0}.guide-next{padding:22px 18px;margin-top:40px}.guide-next-links{grid-template-columns:1fr;gap:12px}.guide-next-links a{padding:15px}.guide-poster-fallback{font-size:50px}}
@media(prefers-reduced-motion:reduce){.guide-title-card,.guide-card-poster img{transition:none}.guide-title-card:hover{transform:none}.guide-title-card:hover .guide-card-poster img{transform:none}}