@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{color-scheme:dark;--ink:#090a0c;--white:#f2f2ef;--muted:#9b9b9b;--line:#343537;--mono:'IBM Plex Mono',monospace;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.skip{position:absolute;z-index:10;top:-4rem;left:1rem;background:#fff;color:#000;padding:.8rem}.skip:focus{top:1rem}.site-header{height:78px;padding:0 4.7vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff24;position:absolute;z-index:5;top:0;left:0;right:0}.brand{font-size:1.5rem;font-weight:700;letter-spacing:.2em}.brand-mark{color:#a6a6a6}nav{display:flex;gap:2.5rem;align-items:center}nav a{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;transition:opacity .2s}nav a:hover,.text-link:hover,footer a:hover{opacity:.55}nav a:last-child{border:1px solid #ffffff70;padding:.75rem 1rem}.hero{min-height:780px;height:100svh;position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-image{object-fit:cover;object-position:center}.hero-shade{background:linear-gradient(90deg,#050608ef 0%,#050608bd 26%,#05060840 62%,#05060847 100%),linear-gradient(0deg,#050608a8,transparent 25%)}.hero-topline,.hero-copy,.hero-index{position:relative;z-index:2}.hero-topline{position:absolute;top:120px;left:4.7vw;right:4.7vw;display:flex;justify-content:space-between;color:#cbcbcb;font:500 .65rem var(--mono);letter-spacing:.16em}.hero-copy{padding:100px 4.7vw 0;max-width:920px}.eyebrow,.section-label,.facts span,figcaption,footer,.hero-index{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}.eyebrow{color:#d5d5d5;margin:0 0 22px}.hero h1{font-size:clamp(7rem,18vw,17rem);line-height:.85;letter-spacing:-.095em;font-weight:600;margin:0 0 2rem 0}.dot{color:#aaa}.hero-intro{font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.25;max-width:560px;margin:0 0 2.6rem}.text-link{font-family:var(--mono);font-size:.76rem;letter-spacing:.06em;border-bottom:1px solid #fff;padding-bottom:.7rem;display:inline-flex;gap:3rem}.hero-index{position:absolute;bottom:40px;right:4.7vw}.section{padding:5rem 4.7vw 8rem}.section-label{border-top:1px solid var(--line);padding-top:1rem;display:flex;justify-content:space-between;color:#a4a4a4}.intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;margin-top:7rem}.intro h2,.visuals h2,.outro h2{font-weight:500;letter-spacing:-.075em;line-height:.96;margin:0}.intro h2,.outro h2{font-size:clamp(4rem,7.4vw,8.5rem)}em{font-family:Georgia,serif;font-weight:400}.intro-copy{max-width:600px;padding-top:.5rem}.lead{font-size:clamp(1.4rem,2.2vw,2.2rem);line-height:1.3;margin:0 0 2rem}.intro-copy>p:not(.lead),.outro p{color:#aaa;font-size:1.05rem;line-height:1.65}.facts{border-top:1px solid var(--line);margin-top:4rem}.facts>div{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem;padding:1.15rem 0}.facts span{color:#9a9a9a}.facts strong{font-size:.9rem;font-weight:500}.visuals{background:#e9e9e5;color:#111}.visuals .section-label{border-color:#b8b8b3;color:#555}.visuals h2{font-size:clamp(5rem,10vw,12rem);margin:5rem 0 3rem}.wide-art{margin:0}.wide-art img{width:100%;aspect-ratio:16/8;object-fit:cover}.wide-art figcaption{color:#666;margin-top:1rem}.visual-bottom{margin-top:5rem;display:grid;grid-template-columns:1fr minmax(240px,340px);gap:4rem;align-items:start}.visual-bottom p{max-width:650px;font-size:clamp(1.6rem,3vw,3rem);letter-spacing:-.04em;line-height:1.2;margin:0}.visual-bottom img{width:100%;max-height:600px;object-fit:cover}.outro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;margin-top:7rem}.outro-grid>div{max-width:520px}.outro p{font-size:1.35rem;margin:0 0 2.5rem}.button{border:1px solid #ddd;display:inline-flex;justify-content:space-between;gap:5rem;padding:1rem 1.2rem;min-width:280px;font-size:.85rem;transition:background .2s,color .2s}.button:hover{background:#fff;color:#111}footer{min-height:95px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 4.7vw;color:#8f8f8f}footer a{color:var(--white)}@media(max-width:800px){.site-header{height:68px}.site-header nav{gap:1rem}.site-header nav a:nth-child(1),.site-header nav a:nth-child(2){display:none}.hero{min-height:680px;height:100svh}.hero-topline{top:100px;gap:1rem}.hero-topline span:last-child{display:none}.hero-image{object-position:61% center}.hero-copy{padding-top:170px}.hero h1{font-size:clamp(5.7rem,23vw,10rem)}.intro-grid,.outro-grid{grid-template-columns:1fr;gap:3rem;margin-top:4rem}.section{padding:4rem 5vw 6rem}.visual-bottom{grid-template-columns:1fr;gap:2rem;margin-top:3rem}.visual-bottom img{max-width:340px}.wide-art img{aspect-ratio:4/3}footer{flex-wrap:wrap}footer span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-actions{display:flex;flex-wrap:wrap;gap:1.5rem 2.5rem;align-items:center}
.hero-actions .text-link{gap:1.25rem}
.trailer{background:#101114}
.trailer-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin:5rem 0 3rem}
.trailer h2{font-size:clamp(3.5rem,7.4vw,8rem);font-weight:500;letter-spacing:-.075em;line-height:.96;margin:0}
.trailer-heading .button{flex-shrink:0}
.video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#050506;border:1px solid var(--line)}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-caption{font:400 .7rem var(--mono);letter-spacing:.08em;color:#999;margin:1rem 0 0}
.video-caption a{color:var(--white);text-decoration:underline;text-underline-offset:.25em}
@media(max-width:800px){
  .trailer-heading{display:block;margin:4rem 0 2rem}
  .trailer-heading .button{margin-top:2.5rem}
  .hero-actions{align-items:flex-start;flex-direction:column;gap:1.5rem}
  .hero-actions .text-link{font-size:.68rem}
}