:root { --ink:#111819; --paper:#e9e7df; --red:#ed4f3c; --line:rgba(17,24,25,.3); --header:76px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--paper); }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:1.45; -webkit-font-smoothing:antialiased; }
img { display:block; width:100%; }
a { color:inherit; text-decoration:none; }
.site-header { height:var(--header); width:100%; padding:0 30px; position:absolute; z-index:5; top:0; left:0; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; color:#fff; border-bottom:1px solid rgba(255,255,255,.32); }
.brand, h1 { font-family:"Unbounded", Arial, sans-serif; font-weight:600; letter-spacing:-.075em; }
.brand { font-size:14px; letter-spacing:-.08em; white-space:nowrap; }
nav { display:flex; gap:24px; font-size:12px; font-weight:700; }
nav a { opacity:.76; transition:opacity .2s; } nav a:hover { opacity:1; }
.build { justify-self:end; font-size:11px; font-weight:700; letter-spacing:.08em; }
.hero { min-height:100svh; color:#fff; position:relative; overflow:hidden; background:#263232; }
.hero-image { height:100svh; min-height:680px; object-fit:cover; object-position:center; transform:scale(1.035); transition:transform 1.2s cubic-bezier(.2,.8,.2,1); }
.hero.is-seen .hero-image { transform:scale(1); }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,10,12,.76) 0%,rgba(4,10,12,.34) 43%,rgba(4,10,12,.05) 77%),linear-gradient(0deg,rgba(4,10,12,.4),transparent 38%); }
.hero-copy { position:absolute; z-index:1; left:clamp(24px,7vw,132px); bottom:clamp(62px,12vh,132px); width:min(620px,calc(100% - 48px)); }
.kicker,.overline,.section-number,.route-index,figcaption span { margin:0; font-size:11px; font-weight:700; letter-spacing:.1em; }
.hero h1 { margin:18px 0 24px; font-size:clamp(51px,8.3vw,142px); line-height:.9; }
.hero-copy > p:not(.kicker) { margin:0 0 28px; max-width:390px; font-size:clamp(18px,1.55vw,24px); line-height:1.25; }
.round-link { width:max-content; display:flex; align-items:center; gap:18px; font-size:13px; font-weight:bold; border-bottom:1px solid #fff; padding-bottom:7px; }
.round-link span { font-size:21px; line-height:.6; }
.hero-note { margin:0; position:absolute; bottom:30px; right:30px; font-size:10px; letter-spacing:.09em; font-weight:700; }
.section { padding:clamp(76px,10vw,156px) max(30px,calc((100vw - 1440px) / 2)); }
.statement { display:grid; grid-template-columns:10% minmax(0,1.55fr) minmax(260px,.9fr); column-gap:32px; align-items:start; }
.section-number { color:var(--red); }
.overline { color:rgba(17,24,25,.62); }
h2,h3,p { margin-top:0; }
h2 { letter-spacing:-.057em; font-size:clamp(38px,5.1vw,80px); line-height:.98; font-weight:700; }
.statement h2 { margin:14px 0 0; }
.statement-copy { padding-top:52px; max-width:430px; font-size:17px; line-height:1.45; }
.statement-copy p + p { margin-top:21px; color:rgba(17,24,25,.64); }
.moments { padding:0 max(30px,calc((100vw - 1440px) / 2)); display:grid; grid-template-columns:minmax(0,1.45fr) minmax(300px,.85fr); gap:18px; align-items:end; }
.moment { margin:0; overflow:hidden; background:#263232; position:relative; }
.moment-wide { margin-top:70px; }.moment img { aspect-ratio:16/10; object-fit:cover; transition:transform .8s cubic-bezier(.2,.7,.2,1); }.moment-tall img { aspect-ratio:1/1.14; }
.moment:hover img { transform:scale(1.035); }
figcaption { position:absolute; left:0; bottom:0; padding:19px 20px; color:#fff; width:100%; font-size:13px; font-weight:bold; background:linear-gradient(0deg,rgba(0,0,0,.65),transparent); }
figcaption span { display:block; margin-bottom:4px; color:#d9df70; }
.route { padding-top:clamp(110px,15vw,220px); padding-bottom:clamp(110px,15vw,220px); background:#c7ceca; display:grid; grid-template-columns:25% 1fr; column-gap:32px; }
.route-heading .overline { margin-top:18px; }.route-title { display:grid; grid-template-columns:1.5fr .5fr; column-gap:45px; align-items:end; }.route-title h2 { margin:0; }.route-title p { margin:0 0 8px; max-width:245px; font-size:16px; }
.route-list { grid-column:2; margin-top:96px; border-top:1px solid var(--line); }
.route-list article { display:grid; grid-template-columns:20% minmax(180px,1fr) minmax(270px,.9fr); gap:24px; align-items:baseline; padding:23px 0 25px; border-bottom:1px solid var(--line); }.route-index { color:var(--red); }.route-list h3 { margin:0; font-size:25px; letter-spacing:-.04em; }.route-list p:not(.route-index) { margin:0; max-width:410px; font-size:15px; }
.night-frame { min-height:82svh; position:relative; overflow:hidden; color:#fff; background:#172021; }.night-frame img { min-height:82svh; height:82svh; object-fit:cover; object-position:center; }.night-frame:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,14,16,.72),transparent 58%); }.night-copy { z-index:1; position:absolute; left:max(30px,calc((100vw - 1440px) / 2)); bottom:clamp(44px,9vw,110px); }.night-copy .overline { color:#d9df70; }.night-copy > p:last-child { margin:15px 0 0; font-size:clamp(30px,4vw,63px); line-height:1.02; letter-spacing:-.055em; font-weight:700; }
.next { color:#e9e7df; background:var(--ink); display:grid; grid-template-columns:25% 1fr; gap:32px; }.next .overline { margin-top:18px; color:#d9df70; }.next h2 { margin:0 0 72px; }.next-items { border-top:1px solid rgba(233,231,223,.36); }.next-items article { display:grid; grid-template-columns:20% 1fr; gap:25px; padding:22px 0 25px; border-bottom:1px solid rgba(233,231,223,.36); }.next-items span { color:#d9df70; font-size:12px; font-weight:bold; }.next-items h3 { margin:0 0 5px; font-size:21px; letter-spacing:-.035em; }.next-items p { margin:0; color:rgba(233,231,223,.75); max-width:490px; }
.journal { background:#d8d8d2; }.journal-intro { display:grid; grid-template-columns:25% 1fr; gap:32px; padding-bottom:68px; }.journal-intro .overline { margin-top:18px; }.journal-intro > div:last-child { display:grid; grid-template-columns:1fr .38fr; align-items:end; gap:30px; }.journal-intro h2 { margin:0; }.journal-intro > div:last-child > p { margin:0 0 7px; font-size:15px; line-height:1.42; }
.journal-list { margin:0; padding:0 max(30px,calc((100vw - 1440px) / 2)) clamp(110px,13vw,180px); } details { border-top:1px solid var(--line); } details:last-child { border-bottom:1px solid var(--line); } summary { cursor:pointer; list-style:none; display:grid; grid-template-columns:18% 1fr 20px; gap:20px; padding:25px 0; align-items:baseline; } summary::-webkit-details-marker { display:none; } summary span { color:var(--red); font-family:monospace; font-size:13px; font-weight:bold; } summary strong { font-size:clamp(19px,2vw,30px); letter-spacing:-.04em; } summary i { font-size:21px; font-style:normal; line-height:1; text-align:right; transition:transform .2s; } details[open] summary i { transform:rotate(45deg); }.entry { padding:0 40px 32px 18%; max-width:960px; font-size:16px; line-height:1.55; }.entry p,.entry ul { margin:0; }.entry ul { padding-left:19px; }.entry li + li { margin-top:8px; }
.download { background:#e9e7df; display:grid; grid-template-columns:25% 1fr; gap:32px; }.download-meta .overline { margin-top:18px; }.download-main { display:grid; grid-template-columns:minmax(0,1fr) minmax(230px,.42fr); column-gap:60px; align-items:end; }.download h2 { margin:0; }.download-copy { margin:0 0 8px; max-width:270px; font-size:15px; line-height:1.45; }.platforms { grid-column:1/-1; margin-top:74px; border-top:1px solid var(--line); }.platform { display:grid; grid-template-columns:46px minmax(0,1fr) 68px 22px; gap:18px; align-items:center; min-height:96px; border-bottom:1px solid var(--line); transition:padding .25s ease, background .25s ease; }.platform:hover { padding-left:12px; background:rgba(17,24,25,.04); }.platform-icon { width:27px; height:27px; fill:var(--ink); }.platform span { display:grid; gap:3px; }.platform small { font-size:10px; font-weight:700; letter-spacing:.1em; color:rgba(17,24,25,.6); }.platform strong { font-size:20px; letter-spacing:-.035em; }.platform em { font-size:12px; font-style:normal; color:rgba(17,24,25,.58); text-align:right; }.platform b { font-size:19px; font-weight:400; }
.closing { min-height:80svh; position:relative; color:#fff; overflow:hidden; background:#202a2d; }.closing img { width:100%; height:80svh; object-fit:cover; }.closing:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,8,10,.72),rgba(3,8,10,.08)); }.closing div { position:absolute; z-index:1; left:max(30px,calc((100vw - 1440px) / 2)); bottom:clamp(50px,10vw,130px); }.closing h2 { margin:16px 0 22px; }.closing div > p:last-child { font-size:18px; margin:0; }
@media (max-width:760px) { :root { --header:62px; }.site-header { padding:0 17px; grid-template-columns:1fr auto; }.brand { font-size:11px; } .site-header nav { display:none; }.build { font-size:9px; }.hero-image { min-height:650px; }.hero-copy { left:24px; bottom:87px; }.hero h1 { font-size:52px; margin:14px 0 19px; }.hero-copy > p:not(.kicker) { font-size:18px; }.hero-note { left:24px; right:auto; bottom:30px; font-size:9px; }.section { padding:74px 24px; }.statement,.route,.next,.journal-intro,.download { display:block; }.statement-main { margin-top:37px; }.statement h2 { font-size:42px; }.statement-copy { padding-top:34px; font-size:16px; }.moments { padding:0 24px; display:block; }.moment-wide { margin-top:0; }.moment-tall { margin-top:14px; margin-left:18%; }.route-heading { display:flex; gap:25px; align-items:center; }.route-heading .overline { margin:0; }.route-title { display:block; margin-top:33px; }.route-title h2 { font-size:40px; }.route-title p { margin-top:19px; }.route-list { margin-top:57px; }.route-list article { display:block; padding:20px 0 23px; }.route-list h3 { font-size:23px; margin:9px 0; }.night-frame,.night-frame img { min-height:68svh; height:68svh; }.night-copy { left:24px; bottom:52px; }.night-copy > p:last-child { font-size:35px; }.next .overline { margin:6px 0 0; }.next-content { margin-top:34px; }.next h2 { font-size:42px; margin-bottom:50px; }.next-items article { grid-template-columns:42px 1fr; }.journal-intro { padding-bottom:42px; }.journal-intro .overline { margin-top:7px; }.journal-intro > div:last-child { display:block; margin-top:37px; }.journal-intro h2 { font-size:41px; }.journal-intro > div:last-child > p { margin-top:22px; }.journal-list { padding:0 24px 90px; } summary { grid-template-columns:55px 1fr 14px; gap:9px; padding:20px 0; } summary strong { font-size:19px; }.entry { padding:0 8px 24px 55px; font-size:15px; }.download-meta { display:flex; gap:25px; align-items:center; }.download-meta .overline { margin:0; }.download-main { display:block; margin-top:34px; }.download h2 { font-size:42px; }.download-copy { margin-top:18px; }.platforms { margin-top:42px; }.platform { grid-template-columns:35px minmax(0,1fr) 16px; gap:11px; min-height:83px; }.platform-icon { width:23px; height:23px; }.platform strong { font-size:17px; }.platform em { display:none; }.closing,.closing img { min-height:72svh; height:72svh; }.closing div { left:24px; bottom:56px; }.closing h2 { font-size:44px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.hero-image,.moment img { transition:none; } }