:root { --ink:#111; --paper:#fafaf8; --rule:#161616; --muted:#696969; --cobalt:#1759ef; --tangerine:#f15d21; --fuchsia:#e3197e; --chartreuse:#b4d61d; --emerald:#0f8a5f; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"Source Serif 4", Georgia, serif; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.site-header { max-width:1500px; margin:auto; padding:0 2.5rem; }
.masthead-row { min-height:150px; display:grid; grid-template-columns:1fr 2fr 1fr; align-items:center; border-bottom:2px solid var(--rule); }
.wordmark { font:600 clamp(2.4rem,5vw,5.5rem)/.82 "Bodoni Moda",Didot,serif; letter-spacing:-.08em; text-align:center; }
.wordmark em { font-weight:400; }
.eyebrow,.section-label { margin:0; font:600 .62rem/1.5 "Manrope",sans-serif; letter-spacing:.16em; text-transform:uppercase; }
.manifesto { text-align:right; }
.eyebrow span,.section-label span { color:#888; margin:0 .25em; }
nav { min-height:70px; display:flex; align-items:center; gap:clamp(.7rem,2vw,2.4rem); border-bottom:1px solid var(--rule); }
nav a { font:600 .66rem "Manrope",sans-serif; letter-spacing:.13em; text-transform:uppercase; white-space:nowrap; }
.dot { width:10px; height:10px; display:inline-block; border-radius:50%; margin-right:.65rem; vertical-align:-1px; }.cobalt{background:var(--cobalt)}.tangerine{background:var(--tangerine)}.fuchsia{background:var(--fuchsia)}.chartreuse{background:var(--chartreuse)}.black{background:var(--ink)}.emerald{background:var(--emerald)}
.menu-button { margin-left:auto; border:0; background:transparent; text-transform:uppercase; letter-spacing:.14em; font:600 .65rem "Manrope",sans-serif; cursor:pointer; }
main { max-width:1500px; margin:auto; padding:0 2.5rem; }
.hero { min-height:560px; display:grid; grid-template-columns:42% 58%; border-bottom:1px solid var(--rule); }
.hero-copy { padding:4.5rem clamp(1.5rem,5vw,5.5rem) 3rem 1.1rem; position:relative; z-index:1; }
h1,h2 { margin:0; font-family:"Bodoni Moda",Didot,serif; font-weight:600; letter-spacing:-.07em; line-height:.88; }.hero h1 { font-size:clamp(4rem,7vw,8rem); margin:1rem 0 1.6rem; }.hero h1 em { font-weight:400; }
.hero-dek { max-width:26ch; font-size:clamp(1.1rem,1.45vw,1.5rem); line-height:1.2; }
.cobalt-text { color:var(--cobalt); }.tangerine-text { color:var(--tangerine); }.fuchsia-text { color:var(--fuchsia); }.chartreuse-text { color:#758f00; }.emerald-text { color:var(--emerald); }
.listen-button { margin-top:2rem; display:flex; align-items:center; gap:.8rem; border:0; background:var(--ink); color:white; padding:.55rem 1rem .55rem .6rem; font:600 .62rem "Manrope",sans-serif; letter-spacing:.13em; text-transform:uppercase; cursor:pointer; }.listen-button b { border-left:1px solid #666; padding-left:.8rem; font:400 .55rem "IBM Plex Mono",monospace; }.play-mark { border-radius:50%; width:28px; height:28px; display:grid; place-items:center; background:var(--cobalt); font-size:.55rem; }
blockquote { margin:3.7rem 0 0; max-width:25ch; font-style:italic; font-size:1.1rem; line-height:1.1; }
.hero-image { overflow:hidden; margin:0; position:relative; background:#d8d8d8; }.hero-image img { width:100%; height:100%; object-fit:cover; object-position:center; display:block; filter:saturate(.8) contrast(.93) brightness(1.04); }.hero-image figcaption { position:absolute; right:1.2rem; bottom:1rem; color:white; max-width:16ch; text-align:right; font:500 .55rem/1.5 "Manrope",sans-serif; text-transform:uppercase; letter-spacing:.14em; text-shadow:0 1px 6px #000; }
.issue-strip { display:grid; grid-template-columns:1fr repeat(3,2.25fr); gap:1.6rem; padding:2.5rem 0; border-bottom:1px solid var(--rule); }.issue-strip article { display:flex; gap:1rem; padding-left:1.3rem; border-left:1px solid var(--rule); }.article-number { font:400 2.8rem/.8 "Bodoni Moda",serif; }.issue-strip h2 { font-size:1.6rem; margin:.4rem 0 .8rem; }.issue-strip a,.letter a { font:600 .62rem "Manrope",sans-serif; letter-spacing:.1em; text-transform:uppercase; }.issue-strip a span,.letter a span { margin-left:.4rem; color:var(--cobalt); font-size:1rem; }
.numbers { display:grid; grid-template-columns:2fr repeat(3,1fr); margin-top:4rem; padding:2.8rem 0; border-top:2px solid var(--rule); border-bottom:1px solid var(--rule); }.numbers h2 { font-size:clamp(2.3rem,3.5vw,4.4rem); margin-top:.8rem; }.stat { padding:0 1.5rem; border-left:1px solid var(--rule); }.stat strong { font:500 clamp(2.5rem,4.2vw,4.7rem)/.8 "Bodoni Moda",serif; letter-spacing:-.08em; }.stat p { max-width:15ch; font-size:.9rem; line-height:1.15; }
.runway-visual { display:grid; grid-template-columns:1.2fr .8fr; min-height:420px; border-bottom:1px solid var(--rule); }.runway-visual figure,.stack-photo { margin:0; overflow:hidden; }.runway-visual img,.stack-photo img { width:100%; height:100%; display:block; object-fit:cover; }.runway-visual > div { padding:clamp(2rem,5vw,5.5rem); align-self:center; }.runway-visual h2 { font:600 clamp(2.7rem,4vw,5rem)/.9 "Bodoni Moda",serif; letter-spacing:-.07em; margin:1rem 0; }.runway-visual > div > p:not(.section-label) { font-size:1.2rem; line-height:1.2; max-width:25ch; }.runway-visual a { font:600 .62rem "Manrope",sans-serif; letter-spacing:.1em; text-transform:uppercase; }.runway-visual a span { color:var(--tangerine); font-size:1rem; margin-left:.4rem; }
.lower-grid { display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid var(--rule); }.lower-grid article { padding:3.7rem clamp(1.5rem,5vw,5rem); min-height:410px; }.podcast { background:#151515; color:white; display:grid; grid-template-columns:1.05fr .95fr; gap:1.6rem; }.stack-photo { min-height:300px; }.stack-photo img { filter:saturate(.72) contrast(.94); }.lower-grid h2,.letter h2 { font-size:clamp(3rem,4.3vw,5.5rem); margin:.9rem 0 1.2rem; }.podcast h2 em { font-weight:400; }.audio-row { display:flex; align-items:center; gap:.8rem; margin-top:2.8rem; border-top:1px solid #666; padding-top:1rem; font:500 .65rem "IBM Plex Mono",monospace; }.audio-row button { border:0; width:34px; height:34px; border-radius:50%; background:var(--fuchsia); color:white; cursor:pointer; }.audio-row time { margin-left:auto; color:#aaa; }
.founders-file { background:linear-gradient(120deg,#fbfbee 0%,#eff9b1 100%); }.founders-file > p:not(.section-label) { max-width:34ch; }.founders-file ul { list-style:none; padding:0; margin:2rem 0 0; border-top:1px solid var(--ink); }.founders-file li { border-bottom:1px solid var(--ink); padding:.55rem 0; }.founders-file li a { display:flex; justify-content:space-between; font-size:1rem; }.founders-file li span { font:500 .62rem "IBM Plex Mono",monospace; }.founders-file b { margin-left:.8rem; }
.letter { display:grid; grid-template-columns:1fr 1fr; gap:2rem; padding:5rem max(1.2rem,10%) 6rem; }.letter > div:last-child { align-self:end; max-width:31rem; }.letter > div:last-child p { font-size:1.35rem; line-height:1.2; margin:0 0 2rem; }
footer { max-width:1500px; margin:auto; border-top:2px solid var(--rule); padding:1.2rem 2.5rem; display:flex; align-items:center; gap:2rem; }.wordmark + p, footer > p:last-child { margin:0; font:500 .6rem "Manrope",sans-serif; letter-spacing:.1em; text-transform:uppercase; }footer > p:last-child{margin-left:auto}.toast { position:fixed; left:50%; bottom:1.5rem; transform:translate(-50%,150%); opacity:0; background:var(--ink); color:#fff; padding:.8rem 1.1rem; transition:.3s; font:600 .65rem "Manrope",sans-serif; letter-spacing:.08em; }.toast.show{transform:translate(-50%,0);opacity:1}
@media (max-width:850px) { .site-header,main { padding:0 1rem; }.masthead-row { min-height:112px; grid-template-columns:1fr; gap:.4rem; padding:1rem 0; }.issue,.manifesto { text-align:center; }.wordmark { font-size:3.1rem; }nav { overflow:auto; gap:1rem; }.menu-button { display:none; }.hero { grid-template-columns:1fr; }.hero-copy { padding:3rem 1rem 2rem; }.hero-image { min-height:470px; }.issue-strip { grid-template-columns:1fr; }.issue-strip article { padding:1.1rem 0; border-left:0; border-top:1px solid var(--rule); }.numbers { grid-template-columns:1fr 1fr; gap:1.4rem 0; }.numbers > div:first-child { grid-column:span 2; }.stat { padding:0 1rem; }.runway-visual,.lower-grid,.letter,.podcast { grid-template-columns:1fr; }.runway-visual > div { padding:2.4rem 1rem; }.runway-visual figure { min-height:320px; }.letter { padding:3rem 1rem; }.lower-grid article { min-height:0; }.stack-photo { min-height:360px; }.hero h1 { font-size:4.7rem; } footer { padding:1.2rem 1rem; flex-wrap:wrap; }.wordmark + p { width:100%; } }

/* Issue 01 content additions */
a:focus-visible,button:focus-visible,input:focus-visible { outline:2px solid var(--cobalt); outline-offset:3px; }
.nav-cta { margin-left:auto; background:var(--ink); color:#fff; padding:.7rem 1rem; }
.listen-button { width:max-content; color:#fff; }
.text-link { display:inline-block; margin-top:1.4rem; font:600 .62rem "Manrope",sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.text-link span { margin-left:.4rem; color:var(--cobalt); font-size:1rem; }
.source-line { grid-column:1/-1; margin:1.6rem 0 0; font:500 .6rem/1.5 "IBM Plex Mono",monospace; color:var(--muted); }
.source-line a { text-decoration:underline; }
.kit { margin:2rem 0 0; padding:0; list-style:none; counter-reset:kit; border-top:1px solid #444; }
.kit li { counter-increment:kit; position:relative; padding:.85rem 0 .85rem 2.2rem; border-bottom:1px solid #444; font-size:.98rem; line-height:1.35; color:#ddd; }
.kit li::before { content:"0" counter(kit); position:absolute; left:0; top:1.05rem; font:500 .62rem "IBM Plex Mono",monospace; color:var(--fuchsia); }
.kit b { color:#fff; font-weight:600; }
.health { display:grid; grid-template-columns:1fr 1.3fr; gap:3rem; padding:5rem 0; border-bottom:1px solid var(--rule); }
.health h2,.interview h2,.club h2,.join h2 { font-size:clamp(3rem,4.3vw,5.5rem); margin:.9rem 0 1.2rem; }
.health h2 em,.interview h2 em,.club h2 em,.join h2 em,.lower-grid h2 em { font-weight:400; }
.health > div > p:not(.section-label) { max-width:36ch; font-size:1.15rem; line-height:1.35; }
.routine { list-style:none; margin:0; padding:0; border-top:2px solid var(--rule); align-self:start; }
.routine li { display:grid; grid-template-columns:3rem 1fr; gap:.2rem 1rem; padding:1rem 0; border-bottom:1px solid var(--rule); }
.routine span { grid-row:span 2; font:400 1.8rem/.9 "Bodoni Moda",serif; color:var(--emerald); }
.routine b { font:600 1.35rem/1.1 "Bodoni Moda",serif; letter-spacing:-.03em; }
.routine em { font-size:.95rem; color:var(--muted); }
.interview { display:grid; grid-template-columns:1fr 1fr; gap:2rem; padding:4.5rem 0; border-bottom:1px solid var(--rule); background:linear-gradient(90deg,transparent 0 49.9%,#eef3ff 50%); }
.interview > div:last-child { padding:0 clamp(1rem,4vw,3.5rem); align-self:center; }
.interview > div:last-child p { font-size:1.25rem; line-height:1.3; max-width:34ch; margin:0 0 1.6rem; }
.pill-row { display:flex; gap:.6rem; flex-wrap:wrap; }
.pill { border:1px solid var(--ink); padding:.75rem 1.1rem; font:600 .62rem "Manrope",sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.pill:hover { background:var(--ink); color:#fff; }
.club { padding:5rem 0; border-bottom:1px solid var(--rule); }
.club-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.6rem; margin-top:2rem; }
.club-grid article { border-top:2px solid var(--rule); padding-top:1.2rem; }
.club-grid h3 { margin:.8rem 0 .5rem; font:600 1.5rem/1 "Bodoni Moda",serif; letter-spacing:-.04em; }
.club-grid p { margin:0; font-size:1rem; line-height:1.35; color:#333; }
.join { display:grid; grid-template-columns:1fr 1fr; gap:3rem; padding:5rem clamp(1.2rem,4vw,4rem); background:#151515; color:#fff; margin-top:4rem; }
.join > div > p:not(.section-label) { max-width:34ch; font-size:1.15rem; line-height:1.35; color:#ddd; }
.join-form { display:flex; flex-direction:column; gap:.5rem; }
.join-form label { font:600 .62rem "Manrope",sans-serif; letter-spacing:.13em; text-transform:uppercase; margin-top:.4rem; }
.join-form input { border:0; border-bottom:1px solid #777; background:transparent; color:#fff; padding:.7rem 0; font:400 1.05rem "Source Serif 4",serif; }
.join-form button { margin-top:1.4rem; align-self:flex-start; border:0; background:var(--chartreuse); color:var(--ink); padding:1rem 1.4rem; font:700 .65rem "Manrope",sans-serif; letter-spacing:.14em; text-transform:uppercase; cursor:pointer; }
.form-note { min-height:1.2em; margin:.6rem 0 0; font:500 .7rem "IBM Plex Mono",monospace; color:var(--chartreuse); }
.letter > div:last-child p { font-size:1.2rem; line-height:1.3; margin:0 0 1.2rem; }
.signature { font-family:"Bodoni Moda",serif; font-style:italic; font-size:1.6rem !important; }

/* Article pages */
.article { max-width:760px; margin:0 auto; padding:4rem 0 5rem; }
.article-head { padding-bottom:2rem; border-bottom:2px solid var(--rule); margin-bottom:2.4rem; }
.article h1 { font-size:clamp(2.8rem,6vw,5.2rem); line-height:.92; margin:1rem 0 1.2rem; }
.article h1 em { font-weight:400; }
.dek { font-size:1.35rem; line-height:1.35; font-style:italic; margin:0 0 1rem; }
.byline { font:600 .62rem "Manrope",sans-serif; letter-spacing:.13em; text-transform:uppercase; color:var(--muted); }
.article-body p { font-size:1.18rem; line-height:1.65; margin:0 0 1.2em; }
.article-body > p:first-of-type::first-letter { float:left; font:600 4.6rem/.8 "Bodoni Moda",serif; padding:.3rem .6rem 0 0; }
.article-body h2 { font-size:clamp(1.8rem,3vw,2.6rem); margin:2.6rem 0 1rem; letter-spacing:-.05em; }
.article-body h2 span { font:500 .7rem "IBM Plex Mono",monospace; letter-spacing:0; color:var(--emerald); display:block; margin-bottom:.4rem; }
.pick { border:1px solid var(--rule); padding:1.2rem 1.4rem; margin:1.2rem 0; display:flex; justify-content:space-between; gap:1rem; align-items:center; flex-wrap:wrap; }
.pick b { font:600 1.2rem "Bodoni Moda",serif; }
.pick small { display:block; font:500 .62rem "Manrope",sans-serif; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin-top:.3rem; }
.pick a { background:var(--ink); color:#fff; padding:.7rem 1rem; font:600 .6rem "Manrope",sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.science { background:#eef7f2; border-left:3px solid var(--emerald); padding:1.1rem 1.3rem; margin:1.2rem 0 2rem; }
.science p { font-size:1rem !important; line-height:1.5 !important; margin:0 0 .6em !important; }
.science p:last-child { margin:0 !important; }
.science .label { font:700 .6rem "Manrope",sans-serif; letter-spacing:.14em; text-transform:uppercase; color:var(--emerald); }
.science a { text-decoration:underline; }
.evidence { font:500 .62rem "IBM Plex Mono",monospace; text-transform:uppercase; letter-spacing:.06em; }
.note { font:500 .8rem/1.5 "IBM Plex Mono",monospace; color:var(--muted); border-top:1px solid var(--rule); padding-top:1.2rem; margin-top:2.6rem; }
.note a { text-decoration:underline; }
.back { display:inline-block; margin:1.5rem 0 0; font:600 .62rem "Manrope",sans-serif; letter-spacing:.13em; text-transform:uppercase; }

@media (max-width:850px) {
  .nav-cta { margin-left:0; }
  .health,.interview,.join { grid-template-columns:1fr; }
  .interview { background:none; }
  .interview > div:last-child { padding:0; }
  .club-grid { grid-template-columns:1fr 1fr; }
  .join { padding:3rem 1rem; }
  .article { padding:2.5rem 0 4rem; }
}
@media (max-width:520px) { .club-grid { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .toast { transition:none; } }
.ai-desk { grid-template-columns:1fr; }
.club-head { display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:end; }
.club-photo { min-height:0; aspect-ratio:16/10; }
@media (max-width:850px) { .club-head { grid-template-columns:1fr; } }
.ptnote { background:#fdeaf3; border-left:3px solid var(--fuchsia); padding:1.1rem 1.3rem; margin:1.2rem 0; }
.ptnote p { font-size:1rem !important; line-height:1.5 !important; margin:0 0 .6em !important; }
.ptnote p:last-child { margin:0 !important; }
.ptnote .label { font:700 .6rem "Manrope",sans-serif; letter-spacing:.14em; text-transform:uppercase; color:var(--fuchsia); }
.ptnote .cite { font-size:.85rem !important; color:var(--muted); }
.ptnote a { text-decoration:underline; }