:root{--bg:#0d0f10;--panel:#151819;--text:#f4f2ed;--muted:#b8b7b2;--line:#2a2e30;--accent:#d9c7a2;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}.hero{max-width:var(--max);margin:0 auto;padding:72px 28px 86px;display:grid;grid-template-columns:1.05fr 1fr;gap:68px;align-items:center;min-height:82vh}
.hero-image img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.kicker{font-size:.76rem;letter-spacing:.17em;color:var(--accent);font-weight:700;margin-bottom:18px}
h1,h2,h3{line-height:1.08;margin:0}.hero h1{font-size:clamp(3.2rem,7vw,6.4rem);letter-spacing:-.055em}.hero h2{font-size:clamp(1.15rem,2.2vw,1.65rem);margin:20px 0 34px;color:#ddd8cf;font-weight:600}.hero h2 span{color:#777;font-weight:400;margin:0 .18em}
.hero p{font-size:1.12rem;color:#d0cec8;max-width:610px}.hero .secondary{color:var(--muted);font-size:1rem;margin-top:22px}
.button{display:inline-block;margin-top:24px;border:1px solid #6c6c68;padding:13px 18px;text-decoration:none;font-size:.78rem;letter-spacing:.08em;font-weight:700}.button:hover{background:var(--text);color:var(--bg)}
.section{border-top:1px solid var(--line);padding:88px 28px 110px}.section-head{max-width:var(--max);margin:0 auto 48px}.section-head h2,.closing h2{font-size:clamp(2.4rem,5vw,4.4rem);letter-spacing:-.04em}.section-head p{color:var(--muted);font-size:1.05rem;max-width:720px}
.grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.card{background:var(--panel);border:1px solid var(--line);overflow:hidden}.media{display:block;background:#050606;aspect-ratio:16/9;overflow:hidden}.media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.media:hover img{transform:scale(1.015)}
.card-body{padding:26px 28px 30px}.eyebrow{font-size:.72rem;letter-spacing:.12em;color:var(--accent);font-weight:700}.eyebrow span{color:#666;margin:0 .35em}.card h3{font-size:1.5rem;margin:12px 0 14px}.card p{color:var(--muted);margin:0 0 22px}.text-link{text-decoration:none;font-size:.78rem;letter-spacing:.08em;font-weight:700;border-bottom:1px solid #777;padding-bottom:4px}.text-link span{margin-left:4px}
.closing{max-width:var(--max);margin:0 auto;padding:100px 28px 120px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;border-top:1px solid var(--line)}.closing p{color:var(--muted);font-size:1.08rem;max-width:560px}.closing img{width:100%;aspect-ratio:16/10;object-fit:cover}
footer{border-top:1px solid var(--line);max-width:var(--max);margin:0 auto;padding:32px 28px 50px;display:flex;gap:22px;flex-wrap:wrap;color:#888;font-size:.82rem}footer strong{color:#ddd;margin-right:auto}
.simple-nav{max-width:var(--max);margin:0 auto;padding:28px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:.75rem;letter-spacing:.1em}.simple-nav a{text-decoration:none;font-weight:700}.simple-nav span{color:#888}
.video-page{max-width:1050px;margin:0 auto;padding:82px 28px 120px}.video-page h1{font-size:clamp(2.8rem,6vw,5.4rem);letter-spacing:-.05em;max-width:900px}.lede{font-size:1.15rem;color:var(--muted);max-width:780px;margin:28px 0 44px}.video-page video{width:100%;background:#000;border:1px solid var(--line);display:block}.attribution{color:#777;font-size:.84rem;margin:14px 0 32px}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:36px;padding-top:34px;min-height:auto}.hero-image{order:2}.hero-copy{order:1}.grid{grid-template-columns:1fr}.closing{grid-template-columns:1fr}.section{padding-top:68px}.simple-nav span{display:none}}

.media-contain{background:#fff}
.media-contain img{object-fit:contain;padding:0}
.media-contain:hover img{transform:none}

/* Preserve full screenshots for cards whose source art is not 16:9. */
.media-natural{aspect-ratio:auto;overflow:hidden;background:#fff}
.media-natural img{width:100%;height:auto;object-fit:contain;display:block}
.media-natural:hover img{transform:none}