@font-face{font-family:Manrope;src:url(manrope-latin.ttf);font-display:swap}
@font-face{font-family:SG;src:url(space-grotesk-latin.ttf);font-display:swap}
:root{--bg:#f3ece0;--surface:#fbf6ee;--band:#e6dccb;--text:#22301f;--muted:#4f5a49;--accent:#a7401f;--accent-hover:#7d2d13;--moss:#1f3b2c;--on-moss:#f3ece0;--sun:#e7a15c;--line:#cdbfa8;--on:#fff8ef;--button:linear-gradient(135deg,#b84a24,#8e3417);--shadow:0 24px 50px -28px rgba(45,35,15,.45);--serif:Georgia,'Times New Roman',serif}
[data-theme=dark]{--bg:#111a14;--surface:#18241c;--band:#1d2c22;--text:#efe8da;--muted:#c4c0ae;--accent:#f0a46b;--accent-hover:#ffc596;--moss:#0b130e;--on-moss:#efe8da;--line:#3d5244;--on:#2a1508;--button:linear-gradient(135deg,#f0a46b,#f6c48f);--shadow:0 24px 60px -24px rgba(0,0,0,.7)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.75 Manrope,sans-serif}a{color:inherit}img{display:block;max-width:100%;height:auto}button{font:inherit;cursor:pointer;color:inherit}
h1,h2{font-family:var(--serif);font-weight:400;line-height:1.08;margin:0 0 22px}h1{font-size:60px}h2{font-size:38px}p{margin:0 0 20px;color:var(--muted)}.wrap{width:min(1220px,calc(100% - 48px));margin-inline:auto}.section{padding:84px 0}
.eyebrow{font:700 12px/1.5 SG,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0 0 14px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:99;background:var(--surface);padding:10px}
header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{min-height:76px;display:flex;align-items:center;gap:20px}.logo{font:26px var(--serif);text-decoration:none;color:var(--text);white-space:nowrap}.logo i{font-style:normal;color:var(--accent);margin-right:6px}.nav nav{display:flex;gap:24px;margin-left:auto}.nav nav a{text-decoration:none;font:600 13px SG,sans-serif;white-space:nowrap}.nav nav a:hover{color:var(--accent)}
[data-theme-toggle]{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);flex:none}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--button);color:var(--on);padding:14px 26px;border-radius:999px;text-decoration:none;font:700 13px SG,sans-serif;box-shadow:var(--shadow);transition:transform .2s}.btn:hover{transform:translateY(-2px)}.nav .btn{padding:10px 18px}.text-link{color:var(--accent);font:700 13px SG,sans-serif;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}.text-link:hover{color:var(--accent-hover)}
.cover{padding:56px 0 40px;background:radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--sun) 30%,transparent),transparent 45%)}.cover-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}.cover-copy h1{font-size:78px;letter-spacing:-.02em}.lead{font:26px/1.45 var(--serif);color:var(--text);max-width:480px}.cover-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:30px 0}.stats{display:flex;gap:36px;margin:0;border-top:1px solid var(--line);padding-top:22px}.stats dt{font:40px var(--serif);color:var(--accent)}.stats dd{margin:0;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.cover-art{margin:0;position:relative}.cover-art img{width:100%;aspect-ratio:4/3.3;object-fit:cover;border-radius:200px 200px 28px 28px;box-shadow:var(--shadow)}.cover-art figcaption{position:absolute;left:24px;bottom:24px;background:var(--surface);color:var(--text);padding:8px 16px;border-radius:999px;font:600 12px SG,sans-serif;box-shadow:var(--shadow)}
.ticker{background:var(--moss);color:var(--on-moss)}.ticker .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:16px;font:600 12px SG,sans-serif;flex-wrap:wrap}.ticker span::before{content:'◍ ';color:var(--sun)}
.featured{padding-block:60px 30px}.featured-label{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.featured-label .eyebrow{margin:0}.controls{display:flex;gap:8px;align-items:center}.controls button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface)}.controls span{font:600 12px SG,sans-serif;min-width:62px;text-align:center}
.slide{display:none;grid-template-columns:320px 1fr;gap:56px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow)}.slide.active{display:grid;animation:rise .5s ease}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.stamp{margin:0;background:var(--bg);padding:12px 12px 0;border:1px dashed var(--line);transform:rotate(-2deg);box-shadow:var(--shadow)}.stamp img{width:100%;aspect-ratio:4/5;object-fit:cover}.stamp figcaption{font:600 12px SG,sans-serif;text-align:center;padding:10px 0;color:var(--muted)}.slide-copy h2{font-size:40px}
.intro h2{max-width:720px;font-size:46px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.route{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:30px;position:relative}.route::before{content:'';position:absolute;left:0;right:0;top:9px;border-top:2px dashed var(--accent);opacity:.5}.route a{position:relative;padding:36px 20px 0 0;text-decoration:none}.route a::before{content:'';position:absolute;top:0;left:0;width:20px;height:20px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px var(--bg)}.route b{font:600 12px SG,sans-serif;color:var(--accent)}.route span{display:block;font:26px var(--serif);margin:8px 0}.route p{font-size:13px}
.section-top{display:flex;justify-content:space-between;align-items:end;gap:28px;flex-wrap:wrap;margin-bottom:30px}.section-top h2{margin:0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 14px;font:600 12px SG,sans-serif}.filters .selected{background:var(--moss);color:var(--on-moss);border-color:var(--moss)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.card{background:var(--surface);border-radius:22px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .25s}.card:hover{transform:translateY(-6px) rotate(-.5deg)}.card>a{display:block}.card img{width:100%;aspect-ratio:4/5;object-fit:cover}.card>div{padding:20px 22px 24px}.card h2{font-size:30px;margin-bottom:6px}.card p{font-size:14px}.card[hidden]{display:none}
.band{background:var(--band)}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.mode-grid>div{background:var(--surface);border-radius:22px;padding:28px;border:1px solid var(--line)}.mode-grid b{font:700 11px SG,sans-serif;color:var(--accent);letter-spacing:.06em}.mode-grid h2{font-size:26px;margin:16px 0}.mode-grid p{font-size:14px;margin:0}
.openers{display:grid;grid-template-columns:1fr 1fr;gap:22px}.openers a{display:block;padding:28px;border-radius:22px;border:1px solid var(--line);text-decoration:none;background:var(--surface)}.openers a:hover{border-color:var(--accent)}.openers span,.openers b{font:700 11px SG,sans-serif;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}.openers p{font:24px/1.4 var(--serif);color:var(--text);margin:14px 0}
.prose{max-width:820px}.prose h1{font-size:50px}.prose h2{font-size:30px;margin-top:42px}.prose ol{padding-left:24px}.prose li{color:var(--muted);margin:14px 0}
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:26px;counter-reset:s}.steps li{counter-increment:s;border-left:2px solid var(--accent);padding-left:18px}.steps li::before{content:counter(s,decimal-leading-zero);display:block;font:700 12px SG,sans-serif;color:var(--accent);margin-bottom:8px}.steps b{font:24px var(--serif)}.steps p{font-size:14px;margin-top:10px}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{font:20px/1.4 var(--serif);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}summary::-webkit-details-marker{display:none}summary::after{content:'+';color:var(--accent)}details[open] summary::after{content:'−'}details p{margin:14px 0 0;font-size:15px}
.final-band{background:var(--moss);color:var(--on-moss)}.final{text-align:center}.final h2{font-size:50px;max-width:760px;margin-inline:auto;color:var(--on-moss)}.final p{max-width:620px;margin-inline:auto;color:var(--on-moss);opacity:.85}.final .eyebrow{color:var(--sun);opacity:1}
.profile{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.profile h1{font-size:46px}.quote{font:24px/1.45 var(--serif);color:var(--text);border-left:3px solid var(--accent);padding-left:20px}.story h2{display:flex;gap:18px;align-items:baseline;border-top:1px dashed var(--line);padding-top:24px}.story time{font:700 14px SG,sans-serif;color:var(--accent)}.story p{color:var(--text);font-size:18px}
.legal h2{font-size:24px}.legal-index{display:flex;flex-wrap:wrap;gap:12px}.legal-index a{font-size:12px;color:var(--accent)}
footer{background:var(--moss);color:var(--on-moss);padding:60px 0 26px}footer .logo{color:var(--on-moss)}footer p{color:var(--on-moss);opacity:.82}.foot{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.foot nav{display:flex;flex-direction:column;gap:10px;font-size:13px}.foot nav a{text-decoration:none;color:var(--on-moss)}.foot nav a:hover{color:var(--sun)}.fine{font-size:11px;margin-top:40px;border-top:1px solid rgba(239,232,218,.25);padding-top:18px}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:1050px){.nav{flex-wrap:wrap;padding-block:12px;gap:14px}.nav nav{order:5;width:100%;justify-content:center}.nav [data-theme-toggle]{margin-left:auto}.cover-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.slide{grid-template-columns:240px 1fr;gap:30px}.route{grid-template-columns:1fr 1fr;gap:30px}.route::before{display:none}}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}header{position:relative}.nav nav{justify-content:flex-start;overflow:auto;gap:18px}.logo{font-size:22px}.nav .btn{padding:9px 13px;font-size:11px}.cover-copy h1{font-size:46px}.lead{font-size:21px}.stats{gap:22px}.stats dt{font-size:30px}.cover-art img{border-radius:120px 120px 20px 20px}.section{padding:56px 0}h2{font-size:30px}.intro h2{font-size:33px}.columns,.profile,.mode-grid,.openers,.faq-grid{grid-template-columns:1fr;gap:22px}.featured-label{flex-direction:column;align-items:flex-start}.slide{grid-template-columns:1fr;padding:18px}.stamp{max-width:300px;margin:auto}.slide-copy h2{font-size:30px}.route{grid-template-columns:1fr}.cards{gap:14px}.card>div{padding:14px}.card h2{font-size:24px}.steps{grid-template-columns:1fr 1fr}.prose h1,.profile h1{font-size:36px}.final h2{font-size:36px}.foot{grid-template-columns:1fr 1fr;gap:26px}.foot>div{grid-column:1/-1}.profile figure{max-width:420px;margin:auto}.ticker .wrap{justify-content:center;font-size:11px}}
@media(max-width:420px){.cards{grid-template-columns:1fr}.cover-copy h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
