
:root{--primary:#6C63FF;--secondary:#A78BFA;--deep:#171821;--bg:#F7F7FA;--soft:#ECECF3;--text:#22232B;--muted:#6F7280;--accent:#F59E5B;--radius:18px;--shadow:0 18px 40px rgba(23,24,33,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(247,247,250,.94);backdrop-filter:blur(14px);border-bottom:1px solid #ddddea}.nav-wrap{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand img{width:40px;height:40px;object-fit:contain}.mainnav{display:flex;gap:8px}.mainnav a{padding:10px 14px;border-radius:999px}.mainnav a:hover{background:var(--soft);color:var(--primary)}.nav-toggle{display:none}.hero{background:var(--deep);color:white;padding:72px 0}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.hero h1,.page-hero h1,.detail-hero h1{font-size:clamp(2.3rem,5vw,4.8rem);line-height:1.05;margin:.2em 0}.hero p{color:#d7d7e2;font-size:1.1rem}.hero img{border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:800;color:var(--primary)}.hero .eyebrow,.detail-hero .eyebrow{color:#c9c3ff}.cta-row,.tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.btn{display:inline-flex;padding:12px 18px;border-radius:999px;border:1px solid #d1d1dc;font-weight:700}.btn.primary{background:var(--accent);border-color:var(--accent);color:#23170d}.section{padding:64px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-head h2{margin:0;font-size:2rem}.poster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.poster-card{background:white;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.2s}.poster-card:hover{transform:translateY(-4px)}.poster-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.poster-body{padding:18px}.poster-body h3{margin:.4rem 0}.poster-body p{color:var(--muted);font-size:.94rem}.badge{display:inline-flex;background:var(--soft);padding:4px 9px;border-radius:999px;font-size:.75rem;color:#57556e}.meta-row{display:flex;justify-content:space-between;color:var(--muted);font-size:.85rem}.feature-strip{padding:54px 0;background:var(--soft)}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}.split img{border-radius:24px}.tag-row a{background:white;padding:9px 14px;border-radius:999px;border:1px solid #d8d8e3}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.info-grid article{background:white;padding:24px;border-radius:22px;box-shadow:var(--shadow)}.info-grid img{border-radius:16px;aspect-ratio:16/8;object-fit:cover}.page-hero{padding:54px 0 28px;background:linear-gradient(180deg,#ececf3,transparent)}.page-hero p{max-width:760px;color:var(--muted);font-size:1.05rem}.prose{max-width:820px}.prose h2{margin-top:2rem}.prose p{color:#4f5260}.detail-hero{background:var(--deep);color:white;padding:58px 0}.detail-grid{display:grid;grid-template-columns:360px 1fr;gap:44px;align-items:center}.detail-grid>img{border-radius:24px;aspect-ratio:4/5;object-fit:cover}.facts{display:flex;gap:26px;flex-wrap:wrap}.facts div{background:#232531;border-radius:14px;padding:12px 16px}.facts dt{font-size:.76rem;color:#aaaec0}.facts dd{margin:0;font-weight:700}.site-footer{background:var(--deep);color:white;padding:42px 0 22px;margin-top:40px}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:40px}.footer-grid p{color:#b6b8c6}.footer-grid>div:last-child{display:grid;gap:8px}.copy{border-top:1px solid #2d2f3d;margin-top:24px;padding-top:18px;color:#888c9e}@media(max-width:900px){.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid,.split,.detail-grid{grid-template-columns:1fr}.detail-grid>img{width:min(420px,100%)}.mainnav{position:absolute;top:74px;left:20px;right:20px;background:white;padding:14px;border-radius:16px;box-shadow:var(--shadow);display:none;flex-direction:column}.mainnav.open{display:flex}.nav-toggle{display:block;background:var(--deep);color:white;border:0;border-radius:999px;padding:9px 14px}}@media(max-width:560px){.shell{width:min(100% - 24px,1180px)}.poster-grid,.info-grid,.footer-grid{grid-template-columns:1fr}.hero{padding:48px 0}.section{padding:44px 0}.hero h1,.page-hero h1,.detail-hero h1{font-size:2.35rem}.section-head{align-items:start;flex-direction:column}}
.poster-card:nth-child(2) .badge{outline-offset:1px}
.poster-card:nth-child(3) .badge{outline-offset:2px}
.poster-card:nth-child(4) .badge{outline-offset:0px}
.poster-card:nth-child(5) .badge{outline-offset:1px}
.poster-card:nth-child(6) .badge{outline-offset:2px}
.poster-card:nth-child(7) .badge{outline-offset:0px}
.poster-card:nth-child(8) .badge{outline-offset:1px}
.poster-card:nth-child(9) .badge{outline-offset:2px}
.poster-card:nth-child(10) .badge{outline-offset:0px}
.poster-card:nth-child(11) .badge{outline-offset:1px}
.poster-card:nth-child(12) .badge{outline-offset:2px}
.poster-card:nth-child(1) .badge{outline-offset:0px}
.poster-card:nth-child(2) .badge{outline-offset:1px}
.poster-card:nth-child(3) .badge{outline-offset:2px}
.poster-card:nth-child(4) .badge{outline-offset:0px}
.poster-card:nth-child(5) .badge{outline-offset:1px}
.poster-card:nth-child(6) .badge{outline-offset:2px}
.poster-card:nth-child(7) .badge{outline-offset:0px}
.poster-card:nth-child(8) .badge{outline-offset:1px}
.poster-card:nth-child(9) .badge{outline-offset:2px}
.poster-card:nth-child(10) .badge{outline-offset:0px}
.poster-card:nth-child(11) .badge{outline-offset:1px}
.poster-card:nth-child(12) .badge{outline-offset:2px}
.poster-card:nth-child(1) .badge{outline-offset:0px}
.poster-card:nth-child(2) .badge{outline-offset:1px}
.poster-card:nth-child(3) .badge{outline-offset:2px}
.poster-card:nth-child(4) .badge{outline-offset:0px}
.poster-card:nth-child(5) .badge{outline-offset:1px}
.poster-card:nth-child(6) .badge{outline-offset:2px}
.poster-card:nth-child(7) .badge{outline-offset:0px}
.poster-card:nth-child(8) .badge{outline-offset:1px}
.poster-card:nth-child(9) .badge{outline-offset:2px}
.poster-card:nth-child(10) .badge{outline-offset:0px}
.poster-card:nth-child(11) .badge{outline-offset:1px}
.poster-card:nth-child(12) .badge{outline-offset:2px}
.poster-card:nth-child(1) .badge{outline-offset:0px}
.poster-card:nth-child(2) .badge{outline-offset:1px}
.poster-card:nth-child(3) .badge{outline-offset:2px}
.poster-card:nth-child(4) .badge{outline-offset:0px}
.poster-card:nth-child(5) .badge{outline-offset:1px}
.poster-card:nth-child(6) .badge{outline-offset:2px}
.poster-card:nth-child(7) .badge{outline-offset:0px}
.poster-card:nth-child(8) .badge{outline-offset:1px}
.poster-card:nth-child(9) .badge{outline-offset:2px}
.poster-card:nth-child(10) .badge{outline-offset:0px}
.poster-card:nth-child(11) .badge{outline-offset:1px}
.poster-card:nth-child(12) .badge{outline-offset:2px}
.poster-card:nth-child(1) .badge{outline-offset:0px}
.poster-card:nth-child(2) .badge{outline-offset:1px}
.poster-card:nth-child(3) .badge{outline-offset:2px}
.poster-card:nth-child(4) .badge{outline-offset:0px}
.poster-card:nth-child(5) .badge{outline-offset:1px}
.poster-card:nth-child(6) .badge{outline-offset:2px}
.poster-card:nth-child(7) .badge{outline-offset:0px}
.poster-card:nth-child(8) .badge{outline-offset:1px}
.poster-card:nth-child(9) .badge{outline-offset:2px}
.poster-card:nth-child(10) .badge{outline-offset:0px}
.poster-card:nth-child(11) .badge{outline-offset:1px}
.poster-card:nth-child(12) .badge{outline-offset:2px}
.poster-card:nth-child(1) .badge{outline-offset:0px}
.poster-card:nth-child(2) .badge{outline-offset:1px}
.poster-card:nth-child(3) .badge{outline-offset:2px}
.poster-card:nth-child(4) .badge{outline-offset:0px}
.poster-card:nth-child(5) .badge{outline-offset:1px}
.poster-card:nth-child(6) .badge{outline-offset:2px}
.poster-card:nth-child(7) .badge{outline-offset:0px}
.poster-card:nth-child(8) .badge{outline-offset:1px}
.poster-card:nth-child(9) .badge{outline-offset:2px}
.poster-card:nth-child(10) .badge{outline-offset:0px}
.poster-card:nth-child(11) .badge{outline-offset:1px}
.poster-card:nth-child(12) .badge{outline-offset:2px}
.poster-card:nth-child(1) .badge{outline-offset:0px}
.poster-card:nth-child(2) .badge{outline-offset:1px}
.poster-card:nth-child(3) .badge{outline-offset:2px}
.poster-card:nth-child(4) .badge{outline-offset:0px}
.poster-card:nth-child(5) .badge{outline-offset:1px}
.poster-card:nth-child(6) .badge{outline-offset:2px}
.poster-card:nth-child(7) .badge{outline-offset:0px}
.poster-card:nth-child(8) .badge{outline-offset:1px}
.poster-card:nth-child(9) .badge{outline-offset:2px}
.poster-card:nth-child(10) .badge{outline-offset:0px}
.poster-card:nth-child(11) .badge{outline-offset:1px}
.poster-card:nth-child(12) .badge{outline-offset:2px}
.poster-card:nth-child(1) .badge{outline-offset:0px}
.poster-card:nth-child(2) .badge{outline-offset:1px}
.poster-card:nth-child(3) .badge{outline-offset:2px}
.poster-card:nth-child(4) .badge{outline-offset:0px}
.poster-card:nth-child(5) .badge{outline-offset:1px}
.poster-card:nth-child(6) .badge{outline-offset:2px}
.poster-card:nth-child(7) .badge{outline-offset:0px}
.poster-card:nth-child(8) .badge{outline-offset:1px}
.poster-card:nth-child(9) .badge{outline-offset:2px}
.poster-card:nth-child(10) .badge{outline-offset:0px}
.poster-card:nth-child(11) .badge{outline-offset:1px}
.poster-card:nth-child(12) .badge{outline-offset:2px}
.poster-card:nth-child(1) .badge{outline-offset:0px}
.poster-card:nth-child(2) .badge{outline-offset:1px}
.poster-card:nth-child(3) .badge{outline-offset:2px}
.poster-card:nth-child(4) .badge{outline-offset:0px}
.poster-card:nth-child(5) .badge{outline-offset:1px}
.poster-card:nth-child(6) .badge{outline-offset:2px}
.poster-card:nth-child(7) .badge{outline-offset:0px}
.poster-card:nth-child(8) .badge{outline-offset:1px}
.poster-card:nth-child(9) .badge{outline-offset:2px}
.poster-card:nth-child(10) .badge{outline-offset:0px}
.poster-card:nth-child(11) .badge{outline-offset:1px}
.poster-card:nth-child(12) .badge{outline-offset:2px}
.poster-card:nth-child(1) .badge{outline-offset:0px}
.poster-card:nth-child(2) .badge{outline-offset:1px}
.poster-card:nth-child(3) .badge{outline-offset:2px}
.poster-card:nth-child(4) .badge{outline-offset:0px}
.poster-card:nth-child(5) .badge{outline-offset:1px}
.poster-card:nth-child(6) .badge{outline-offset:2px}
.poster-card:nth-child(7) .badge{outline-offset:0px}
.poster-card:nth-child(8) .badge{outline-offset:1px}
.poster-card:nth-child(9) .badge{outline-offset:2px}
.poster-card:nth-child(10) .badge{outline-offset:0px}
.poster-card:nth-child(11) .badge{outline-offset:1px}
.poster-card:nth-child(12) .badge{outline-offset:2px}