﻿@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{--paper:#efebe2;--card:#f8f5ef;--ink:#201b17;--muted:#756b61;--line:#d8d0c3;--red:#cf3e2e;--night:#0e141c;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:4px}header{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(24px,calc((100vw - 1080px)/2));border-bottom:1px solid var(--line);position:sticky;top:0;background:#efebe2f5;backdrop-filter:blur(12px);z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:20px;letter-spacing:-.8px;font-weight:900;white-space:nowrap}.brand-icon{display:grid;place-items:center;width:36px;height:36px;background:var(--red);color:#fff;border:2px solid var(--ink);border-radius:50%;font-size:23px;transform:rotate(-10deg)}nav{display:flex;gap:6px;font-size:13px;font-weight:700}nav a{padding:9px 12px;border-radius:30px}nav a:hover{background:#e2dacf}.outline,.gold{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:2px solid var(--ink);padding:14px 21px;border-radius:100px;background:transparent;font-size:13px;font-weight:800;min-height:48px;transition:transform .15s,background .15s}.outline:hover,.gold:hover{transform:translateY(-2px)}.nav-cta{font-size:12px;padding:10px 15px;min-height:40px;color:var(--red);border-color:var(--red)}.gold{background:var(--red);border-color:var(--red);color:#fff}.gold:hover{background:#b82e22}.menu{display:none}.hero{position:relative;overflow:hidden;background:var(--night);color:#f8f5ef;min-height:640px;display:flex;align-items:center}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c121bf5 0%,#0c121bce 35%,#0c121b38 62%,transparent 100%)}.hero-content{position:relative;z-index:1;width:100%;max-width:1128px;margin:auto;padding:65px 24px}.eyebrow{font:500 11px/1.6 'IBM Plex Mono',monospace;letter-spacing:2px;color:var(--red);text-transform:uppercase}.hero .eyebrow{color:#ff8773}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,5.1vw,72px);font-weight:900;letter-spacing:-3.4px;line-height:1.03;max-width:660px;margin:25px 0}em{font:inherit;color:var(--red)}.hero em{color:#f1715d}.hero p{font-size:18px;line-height:1.65;color:#e1dcd2;max-width:520px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:27px 0 20px}.hero .outline{color:#f8f5ef;border-color:#f8f5ef}.hero .hero-note{font:11px/1.8 'IBM Plex Mono',monospace;color:#b9b6b1;margin:20px 0 0}.story-stats{max-width:1080px;margin:30px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card)}.story-stats>div{padding:24px 22px;border-right:1px solid var(--line)}.story-stats>div:last-child{border:0}.story-stats strong{font-size:25px;font-weight:900;letter-spacing:-1px;display:block;margin-bottom:6px}.story-stats span{font:10px/1.5 'IBM Plex Mono',monospace;color:var(--muted)}.section{max-width:1080px;margin:0 auto;padding:64px 0;border-bottom:1px solid var(--line)}h2{font-size:clamp(32px,3.2vw,45px);line-height:1.1;letter-spacing:-1.8px;font-weight:900;margin:15px 0 25px}h3{font-size:22px;font-weight:800;letter-spacing:-.7px}.intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.intro p{font-size:15px;line-height:1.8;color:var(--muted)}.intro .large{font-size:19px;line-height:1.6;color:var(--ink)}.intro strong{color:var(--red);font-size:21px}.intro p:last-child{margin-bottom:0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-head h2{margin-bottom:0}.tabs{display:flex;background:#e3dccf;border-radius:100px;padding:4px;flex-shrink:0}.tabs button{border:0;background:none;border-radius:100px;font-size:11px;font-weight:700;padding:11px 15px;color:var(--muted)}.tabs .active{background:var(--ink);color:var(--card)}.episode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.episode{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;text-align:left;color:var(--ink);padding:0}.featured:hover{border-color:var(--red);box-shadow:0 8px 24px #33251710}.episode-visual{height:205px;position:relative;background-image:linear-gradient(0deg,#0d141c77,transparent),url('assets/parquet-story.png');background-size:auto 160%;background-position:83% 95%;overflow:hidden}.door{background-size:auto 180%;background-position:96% 35%;filter:saturate(.55)}.secret{background-size:auto 150%;background-position:55% 70%;filter:saturate(.3)}.secret:after{content:'?';position:absolute;inset:0;display:grid;place-items:center;background:#0e141c7a;color:#f2ebe1;font-size:72px;font-weight:900}.tag{position:absolute;top:14px;left:14px;background:#f8f5eff2;border-radius:20px;padding:7px 10px;font:600 8px 'IBM Plex Mono',monospace;color:var(--ink);z-index:2}.featured .tag{color:#fff;background:var(--red)}.visual-number{position:absolute;bottom:12px;right:18px;color:#fff9;font-weight:900;font-size:46px;letter-spacing:-3px;z-index:2}.play{position:absolute;left:20px;bottom:18px;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;background:var(--red);color:white;font-size:22px;z-index:2}.episode-info{padding:22px}.episode-info small{font:9px/1.5 'IBM Plex Mono',monospace;color:var(--muted)}.episode-info h3{margin:12px 0 10px}.episode-info p{color:var(--muted);font-size:13px;line-height:1.6;min-height:42px}.episode-info>span{color:var(--red);font-size:12px;font-weight:700}.choice{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:var(--card);border:1px solid var(--line);padding:40px;border-radius:18px;margin-top:56px}.choice h2{margin-top:15px}.choice p{font-size:16px;line-height:1.7;color:var(--muted)}.choice small{font-size:11px;line-height:1.7;color:var(--muted)}.vote-panel{padding-top:4px}.mono{font:10px 'IBM Plex Mono',monospace;letter-spacing:1px;color:var(--muted)}.vote{display:flex;align-items:center;width:100%;text-align:left;border:1.5px solid var(--line);background:var(--paper);border-radius:12px;padding:22px 18px;margin-top:15px;gap:16px;color:var(--ink)}.vote>span{font:11px 'IBM Plex Mono',monospace;color:var(--red)}.vote strong{display:block;font-size:17px;font-weight:800;margin-bottom:5px;letter-spacing:-.4px}.vote small{font-size:11px;display:block}.vote i{margin-left:auto;font-style:normal;color:var(--red)}.vote:hover,.vote.selected{border-color:var(--red);background:#f8e8de}.vote-panel p{font:11px/1.7 'IBM Plex Mono',monospace;margin:17px 0 10px}.reset{color:var(--red);background:none;border:0;border-bottom:1px solid;padding:0 0 3px;font-size:11px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}.steps article{padding-top:22px;border-top:2px solid var(--ink)}.steps span{font:600 13px 'IBM Plex Mono',monospace;color:var(--red)}.steps h3{margin:20px 0 12px;font-size:21px}.steps p{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.cast-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cast-grid article{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px}.cast-number{font:500 12px 'IBM Plex Mono',monospace;color:var(--red);display:grid;place-items:center;border:1px solid var(--line);width:38px;height:38px;border-radius:50%;margin-bottom:25px}.cast-grid h3{margin:0 0 12px}.cast-grid p{font-size:13px;line-height:1.8;color:var(--muted);min-height:95px}.cast-grid blockquote{margin:0;border-top:1px solid var(--line);padding-top:18px;font-weight:700;font-size:12px;color:var(--red)}.club{margin-top:45px;border:0;border-radius:18px;padding:45px 55px;background:var(--night);color:var(--card);display:flex;align-items:center;gap:70px}.club .eyebrow{color:#ff8773}.club em{color:#f1715d}.club p{color:#c7c0b7;font-size:15px;line-height:1.7}.club .outline{color:var(--card);border-color:#e6ddd1;margin-top:10px}.seal{width:180px;height:180px;flex-shrink:0;border:2px solid #bdb4a05c;border-radius:50%;outline:1px solid #bdb4a02b;outline-offset:10px;color:#f1715d;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:80px;font-weight:900;transform:rotate(-9deg)}.seal span{font:600 11px 'IBM Plex Mono',monospace;letter-spacing:5px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:60px}.faq details{border-bottom:1px solid var(--line)}summary{padding:22px 0;cursor:pointer;font-size:14px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:var(--red);font-size:20px;font-weight:400}details[open] summary:after{content:'−'}details p{font-size:13px;line-height:1.8;color:var(--muted);padding-bottom:10px}footer{max-width:1080px;margin:0 auto;padding:45px 0 30px;display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}footer .brand{font-size:24px;gap:0}.footer-dot{color:var(--red)}footer p{color:var(--muted);font-size:12px;margin:10px 0 0}footer>div+div{display:flex;gap:25px;font-size:12px;font-weight:600}footer>small{width:100%;border-top:1px solid var(--line);padding-top:20px;margin-top:10px;font:10px/1.8 'IBM Plex Mono',monospace;color:var(--muted)}dialog{width:min(700px,92%);max-height:88vh;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:45px;line-height:1.9}dialog::backdrop{background:#0d141bd9;backdrop-filter:blur(5px)}.close{position:absolute;right:18px;top:10px;border:0;background:none;color:var(--red);font-size:32px}dialog h2{margin-bottom:25px}dialog p{font-size:15px;line-height:1.9;color:#574d43}dialog .gold{margin-top:15px}[hidden]{display:none!important}@media(max-width:1140px){.section,.story-stats,footer{margin-left:24px;margin-right:24px}.hero-content{padding-left:5%;padding-right:5%}header{padding-inline:24px}}@media(min-width:1600px){.hero{min-height:720px}}@media(max-width:900px){.nav-cta{display:none}.hero{min-height:600px}h1{font-size:60px;max-width:530px}.intro{gap:40px}.story-stats strong{font-size:21px}.story-stats>div{padding:20px 16px}.episode-grid{gap:14px}.episode-info{padding:17px}.episode-info h3{font-size:20px}.choice{gap:30px;padding:30px}.club{gap:50px;padding:40px}.cast-grid article{padding:20px}.cast-grid p{min-height:120px}.hero-art{object-position:65% 50%}}@media(max-width:600px){header{height:64px;padding-inline:18px}.brand{font-size:19px}.brand-icon{width:32px;height:32px;font-size:21px}nav{display:none;position:absolute;top:64px;left:0;right:0;padding:16px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:4px}nav.open{display:flex}.menu{display:block;background:none;border:0;font-size:23px;color:var(--ink)}.hero{min-height:770px;align-items:end}.hero-art{object-position:76% 10%;height:67%;object-fit:cover}.hero:after{background:linear-gradient(0deg,#0e141c 5%,#0e141cf5 31%,#0e141cb8 50%,#0e141c08 79%)}.hero-content{padding:320px 22px 35px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px;max-width:300px}h1{font-size:47px;letter-spacing:-2.6px;line-height:1.04;margin:19px 0}.hero p{font-size:16px;line-height:1.65}.hero-actions{gap:10px;margin:23px 0 15px}.gold,.outline{font-size:12px;padding:13px 17px}.hero .hero-note{font-size:9px}.story-stats{grid-template-columns:1fr 1fr;margin:20px 18px 0}.story-stats>div{padding:18px 15px}.story-stats>div:nth-child(2){border-right:0}.story-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.story-stats strong{font-size:22px}.story-stats span{font-size:9px}.section{margin-left:20px;margin-right:20px;padding:42px 0}h2{font-size:34px;letter-spacing:-1.3px}.eyebrow{font-size:9px;letter-spacing:1.5px}.intro,.choice,.faq{grid-template-columns:1fr;gap:12px}.intro h2{margin-bottom:14px}.intro .large{font-size:17px}.section-head{align-items:start;flex-direction:column;gap:20px}.section-head h2 br{display:none}.tabs button{padding:10px 17px}.episode-grid{grid-template-columns:1fr;gap:20px}.episode-visual{height:230px;background-size:cover;background-position:70% 55%}.door{background-size:auto 180%;background-position:96% 35%}.secret{background-size:auto 150%;background-position:55% 70%}.episode-info{padding:23px}.episode-info h3{font-size:25px}.episode-info p{min-height:0}.choice{margin-top:30px;padding:27px 20px;gap:24px}.choice h2{font-size:33px}.choice p{font-size:15px}.vote{padding:21px 15px}.vote strong{font-size:16px}.steps{grid-template-columns:1fr;gap:25px;margin-top:28px}.steps article{padding-top:18px}.steps h3{margin:15px 0 10px}.cast-grid{grid-template-columns:1fr;gap:15px}.cast-grid article{padding:24px}.cast-grid p{min-height:0;font-size:14px}.cast-number{margin-bottom:18px}.cast-grid h3{font-size:24px}.club{flex-direction:column;align-items:start;padding:32px 25px;gap:28px;margin-top:30px}.club h2{font-size:32px}.seal{width:90px;height:90px;font-size:42px;margin:8px}.seal span{font-size:8px;letter-spacing:3px}.faq{gap:5px}summary{font-size:13px;padding:20px 0}footer{padding:30px 0 20px;margin-inline:20px;gap:25px}footer>div+div{gap:20px;font-size:11px}footer>small{font-size:9px}dialog{padding:40px 24px}dialog h2{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gold,.outline{transition:none}}
