:root{color-scheme:dark;--base:#0b0b0d;--panel:#111114;--line:#393a40;--text:#f1f1f3;--muted:#c0c4cc;--accent:#dc2626;--measure:1120px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--base);color:var(--text);font-family:"Trebuchet MS","Segoe UI",sans-serif;font-size:16px;line-height:1.7}
a{color:inherit}
img{display:block;max-width:100%;height:auto}
.site-header{padding:1.5rem 1rem 1.1rem;border-bottom:1px solid var(--line);text-align:center}
.brand{display:inline-block;color:var(--text);font-size:1.15rem;font-weight:700;letter-spacing:.08em;text-decoration:none}
.brand-mark{color:var(--accent)}
.nav-toggle{display:none;margin:1rem auto 0;padding:.65rem 1rem;border:1px solid var(--muted);background:transparent;color:var(--text);font:inherit;text-transform:uppercase;letter-spacing:.1em}
.site-nav{display:flex;justify-content:center;gap:clamp(1rem,4vw,3rem);margin-top:1rem}
.site-nav a{color:var(--muted);font-size:.88rem;letter-spacing:.06em;text-decoration:none}
.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text)}
.site-nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.45em}
main{width:min(calc(100% - 2rem),var(--measure));margin:0 auto;padding:2rem 0 4rem}
.hero{position:relative;display:grid;grid-template-columns:1.2fr .8fr;min-height:430px;border:1px solid var(--line);background:var(--panel)}
.hero-copy{align-self:center;padding:clamp(1.5rem,5vw,4rem)}
.eyebrow{margin:0 0 .6rem;color:var(--accent);font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
h1,h2,h3{line-height:1.2}
h1{max-width:14ch;margin:.1rem 0 1rem;font-size:clamp(2.4rem,5.3vw,4.6rem);letter-spacing:-.04em}
h2{margin:0 0 .75rem;font-size:clamp(1.45rem,2.7vw,2rem)}
h3{margin:0 0 .55rem;font-size:1.12rem}
p{margin:.5rem 0 1rem}
.lead{max-width:55ch;color:var(--muted);font-size:1.08rem}
.hero-media{min-height:350px}
.hero-media img{width:100%;height:100%;min-height:350px;object-fit:cover}
.fact-panel{position:absolute;right:1rem;bottom:1rem;display:grid;grid-template-columns:repeat(3,1fr);width:min(610px,calc(100% - 2rem));border:1px solid var(--line);background:var(--base)}
.fact{padding:1rem;border-right:1px solid var(--line)}
.fact:last-child{border-right:0}
.fact strong{display:block;color:var(--accent);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase}
.fact span{display:block;margin-top:.2rem;font-size:.91rem}
.button{display:inline-block;margin-top:.8rem;padding:.75rem 1rem;border:1px solid var(--accent);color:var(--text);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}
.button:hover{background:var(--accent)}
.section-intro{max-width:68ch;margin:3rem 0 1rem;color:var(--muted)}
.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.topic-card,.content-panel{border:1px solid var(--line);background:var(--panel);padding:clamp(1.25rem,3vw,2rem)}
.topic-card p,.content-panel p,.topic-card li,.content-panel li{color:var(--muted)}
.topic-card img,.content-panel img{width:100%;aspect-ratio:16/9;object-fit:cover;margin:1rem 0;border:1px solid var(--line)}
.text-link{color:var(--text);text-decoration-color:var(--accent);text-underline-offset:.25em}
.page-hero{display:grid;grid-template-columns:1fr .85fr;gap:1.5rem;align-items:center;margin-bottom:1.5rem;border:1px solid var(--line);background:var(--panel);padding:clamp(1.25rem,4vw,3rem)}
.page-hero h1{font-size:clamp(2.2rem,4.8vw,3.8rem)}
.page-hero img{width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line)}
.sequence{counter-reset:shot;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1.25rem 0}
.sequence-item{counter-increment:shot;border:1px solid var(--line);padding:1.1rem;background:var(--panel)}
.sequence-item:before{content:"0" counter(shot);display:block;margin-bottom:.5rem;color:var(--accent);font-weight:700;letter-spacing:.1em}
.checklist{list-style:none;padding:0;margin:1rem 0}
.checklist li{position:relative;padding:.8rem 0 .8rem 2rem;border-bottom:1px solid var(--line);color:var(--muted)}
.checklist li:before{content:"✓";position:absolute;left:.2rem;color:var(--accent);font-weight:700}
.notice{border-left:3px solid var(--accent);padding:1rem 1.2rem;background:var(--panel);color:var(--muted)}
.site-footer{border-top:1px solid var(--line);padding:2rem 1rem;color:var(--muted);font-size:.88rem}
.footer-inner{width:min(100%,var(--measure));margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;flex-wrap:wrap}
.footer-company{max-width:34rem}
.footer-company h2{margin:.2rem 0 .6rem;color:var(--text);font-size:1rem}
.footer-company p{margin:.2rem 0}
.footer-company strong{color:var(--text)}
.footer-links{display:flex;gap:1rem;flex-wrap:wrap}
.site-footer a{color:var(--muted);text-underline-offset:.2em}
.site-footer p{margin:.2rem 0}
@media(max-width:760px){.hero,.page-hero{grid-template-columns:1fr}.hero{padding-bottom:0}.hero-copy{padding-bottom:1rem}.hero-media{min-height:260px}.hero-media img{min-height:260px}.fact-panel{position:static;width:auto;margin:0;border-width:1px 0 0}.fact{padding:.75rem}.fact span{font-size:.82rem}.sequence{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.nav-toggle{display:block}.site-nav{display:none;flex-direction:column;gap:.3rem;margin:.75rem auto 0}.site-nav.is-open{display:flex}.site-nav a{padding:.45rem}.topic-grid{grid-template-columns:1fr}.footer-inner{display:block}.footer-links{margin-top:1rem}.footer-company{margin:1rem 0}.fact-panel{grid-template-columns:1fr}.fact{border-right:0;border-bottom:1px solid var(--line)}.fact:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}