:root{--bg:#faf9f5;--ink:#171614;--muted:#706e68;--line:rgba(23,22,20,.14);--card:#fff;--clay:#bd5e3d;--sage:#4f7259;--soft:#f1eee7;--serif:"Source Serif 4",Georgia,serif;--sans:"Instrument Sans",sans-serif;--mono:"JetBrains Mono",monospace}
[data-theme="dark"]{--bg:#151412;--ink:#f8f5ee;--muted:#aaa69d;--line:rgba(248,245,238,.15);--card:#211f1c;--soft:#292621;--clay:#dc7b59;--sage:#91b89b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--serif)}body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}.topbar{height:62px;padding:0 24px;display:flex;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);z-index:20}.brand{font-size:1.22rem;font-weight:600}.brand span{margin-left:8px;color:var(--clay);font-style:italic}.topbar nav{margin-left:auto;display:flex;gap:9px;align-items:center}.topbar nav a,.topbar button{border:1px solid var(--line);border-radius:99px;padding:7px 13px;background:transparent;color:var(--ink);font:600 .68rem var(--mono);letter-spacing:.08em;cursor:pointer}.topbar button:hover,.topbar nav a:hover{border-color:var(--clay);color:var(--clay)}
main{max-width:1120px;margin:auto;padding:0 24px 90px}.intro{padding:clamp(54px,9vw,112px) 0 50px}.hand{font-size:clamp(1.18rem,2.2vw,1.55rem);font-style:italic;color:var(--muted);margin:0 0 13px}.intro h1{max-width:850px;font-size:clamp(2.7rem,6.3vw,5.4rem);line-height:.98;letter-spacing:-.035em;margin:0;font-weight:600}.intro h1 em{color:var(--clay);font-weight:500}.lead{max-width:680px;color:var(--muted);font:400 1.04rem/1.7 var(--sans);margin:24px 0 30px}.course-spine{display:flex;align-items:center;gap:12px;color:var(--muted);font:600 .62rem var(--mono);letter-spacing:.16em}.course-spine i{height:1px;flex:1;background:var(--line)}
.mission-deck{border-top:1px solid var(--line)}.mission{display:grid;grid-template-columns:58px minmax(0,1fr) 220px;gap:24px;padding:34px 0;border-bottom:1px solid var(--line);transition:padding .25s ease}.mission:hover{padding-left:10px}.mission.featured{background:linear-gradient(90deg,color-mix(in srgb,var(--clay) 6%,transparent),transparent);margin:0 -18px;padding-left:18px;padding-right:18px}.mission.featured:hover{padding-left:28px}.mission-no{font:500 1rem var(--mono);color:var(--clay);padding-top:5px}.mission-type{font:700 .62rem var(--mono);letter-spacing:.16em;color:var(--clay);margin:0 0 8px}.mission h2{font-size:clamp(1.65rem,3vw,2.25rem);margin:0 0 10px;font-weight:600}.mission-main>p:not(.mission-type){font:400 .92rem/1.6 var(--sans);color:var(--muted);max-width:650px;margin:0}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.tags span{font:600 .61rem var(--mono);letter-spacing:.08em;border:1px solid var(--line);padding:5px 8px;border-radius:3px;color:var(--muted)}.mission-side{display:flex;flex-direction:column;justify-content:space-between;gap:22px}.mission-side dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.mission-side dl div{border-left:1px solid var(--line);padding-left:10px}.mission-side dt{font:600 .57rem var(--mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.mission-side dd{font:500 1rem var(--mono);margin:5px 0 0}.launch{align-self:flex-start;background:var(--ink);color:var(--bg);padding:11px 15px;border-radius:4px;font:700 .68rem var(--mono);letter-spacing:.06em}.launch:hover{background:var(--clay);color:#fff}
.learning-loop{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:70px;border:1px solid var(--line);background:var(--card)}.learning-loop div{padding:24px;border-right:1px solid var(--line)}.learning-loop div:last-child{border-right:0}.learning-loop span{font:600 .68rem var(--mono);color:var(--clay)}.learning-loop strong{display:block;margin:18px 0 6px;font-size:1.08rem}.learning-loop p{margin:0;color:var(--muted);font:400 .78rem/1.5 var(--sans)}footer{padding:28px 24px 42px;text-align:center;border-top:1px solid var(--line);font:600 .72rem var(--mono);letter-spacing:.05em;color:var(--clay)}
@media(max-width:760px){.topbar{padding:0 16px}.topbar nav a{display:none}main{padding-left:20px;padding-right:20px}.course-spine{gap:6px}.course-spine span{font-size:.52rem}.mission,.mission.featured{grid-template-columns:34px 1fr;margin:0;padding:28px 0}.mission:hover,.mission.featured:hover{padding-left:0}.mission-side{grid-column:2}.mission-side dl{max-width:260px}.learning-loop{grid-template-columns:1fr 1fr}.learning-loop div:nth-child(2){border-right:0}.learning-loop div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:430px){.brand span{display:none}.intro{padding-top:46px}.intro h1{font-size:2.65rem}.mission{gap:12px}.learning-loop{grid-template-columns:1fr}.learning-loop div{border-right:0;border-bottom:1px solid var(--line)}.learning-loop div:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}