:root{
  --cream:#F7F1E8;--cream2:#FFFDF9;--ink:#111111;--muted:#625D56;--line:#D9D0C4;
  --yellow:#F8BE2F;--lav:#A88BE8;--lavSoft:#DDD2F5;--olive:#B8C196;--pink:#E4BAC7;
  --blue:#8EA7D8;--red:#E98670;--container:1160px;--article:760px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(var(--container),calc(100% - 40px));margin:0 auto}
.serif{font-family:"DM Serif Display",serif}
.mono{font-family:"IBM Plex Mono",monospace}
.nav{position:sticky;top:0;z-index:40;background:rgba(247,241,232,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(17,17,17,.08)}
.nav-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:inline-flex;align-items:flex-start;font-size:30px;line-height:1;letter-spacing:-.04em}
.brand .arty{font-family:"DM Serif Display",serif}.brand .run{font-weight:500}.brand .mark{color:var(--lav);font-size:26px;line-height:.8;margin-left:4px}
.nav-links{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:700;color:#35312d}
.nav-links a:hover{opacity:.6}
.nav-cta{display:inline-flex;align-items:center;gap:8px;background:var(--yellow);border:1px solid var(--ink);padding:10px 16px;border-radius:999px;font-weight:800;font-size:13px}
.hero-journal{padding:78px 0 46px}
.journal-kicker,.article-kicker{font:600 12px/1.2 "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.hero-journal h1{font-size:clamp(56px,8vw,112px);line-height:.86;letter-spacing:-.055em;margin:16px 0 22px;max-width:900px}
.hero-journal p{max-width:690px;font-size:20px;color:var(--muted);margin:0}
.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:rgba(255,255,255,.45);padding:9px 13px;border-radius:999px;font-size:13px;font-weight:700}
.featured{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin:24px auto 58px}
.feature-card,.story-card{border:1px solid rgba(17,17,17,.10);background:var(--cream2);border-radius:30px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.feature-card:hover,.story-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(17,17,17,.08)}
.feature-art,.story-art{position:relative;overflow:hidden;min-height:230px;background:var(--yellow)}
.feature-art:before,.story-art:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:var(--lavSoft);right:-32px;top:-38px}
.feature-art:after,.story-art:after{content:"✱";position:absolute;font-size:126px;line-height:1;color:#111;opacity:.9;left:28px;bottom:-30px;transform:rotate(10deg)}
.feature-body{padding:28px}.feature-body h2{font-size:clamp(34px,4vw,54px);line-height:.96;margin:8px 0 14px;letter-spacing:-.04em}.feature-body p{color:var(--muted);margin:0}
.side-stack{display:grid;gap:18px}
.mini-feature{border-radius:30px;padding:28px;border:1px solid rgba(17,17,17,.10);min-height:180px;display:flex;flex-direction:column;justify-content:space-between}
.mini-feature:nth-child(1){background:var(--lavSoft)}.mini-feature:nth-child(2){background:#E8EBD8}
.mini-feature h3{font-size:30px;line-height:1;margin:12px 0 0;letter-spacing:-.03em}
.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:90px}
.story-art{min-height:170px}.story-card:nth-child(3n+2) .story-art{background:var(--lavSoft)}.story-card:nth-child(3n+3) .story-art{background:#E8EBD8}.story-card:nth-child(4) .story-art{background:var(--pink)}.story-card:nth-child(5) .story-art{background:#D8E2F0}.story-card:nth-child(6) .story-art{background:#F0A58F}.story-card:nth-child(7) .story-art{background:#E9E1D4}
.story-body{padding:22px}.story-body h2{font-size:25px;line-height:1.05;margin:9px 0 10px;letter-spacing:-.025em}.story-body p{font-size:14px;color:var(--muted);margin:0}.story-meta{font:600 11px/1.3 "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.article-hero{padding:72px 0 38px}
.article-hero .wrap{width:min(900px,calc(100% - 40px));margin:0 auto}
.article-hero h1{font-size:clamp(48px,7vw,86px);line-height:.94;letter-spacing:-.05em;margin:15px 0 22px}
.article-dek{font-size:21px;color:var(--muted);max-width:760px;margin:0 0 24px}
.article-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font:600 12px/1.3 "IBM Plex Mono",monospace}
.article-cover{width:min(1060px,calc(100% - 40px));height:360px;margin:0 auto 54px;border:1px solid rgba(17,17,17,.1);border-radius:36px;position:relative;overflow:hidden;background:var(--yellow)}
.article-cover.lav{background:var(--lavSoft)}.article-cover.olive{background:#E8EBD8}.article-cover.pink{background:var(--pink)}.article-cover.blue{background:#D8E2F0}.article-cover.red{background:#F0A58F}.article-cover.sand{background:#E9E1D4}
.article-cover:before{content:"";position:absolute;width:290px;height:290px;border-radius:50%;background:rgba(255,255,255,.56);right:8%;top:-72px}
.article-cover:after{content:"✱";position:absolute;font-size:260px;line-height:1;left:8%;bottom:-72px;transform:rotate(12deg)}
.article-shell{width:min(1060px,calc(100% - 40px));margin:0 auto 84px;display:grid;grid-template-columns:220px minmax(0,var(--article));gap:70px;align-items:start}
.toc{position:sticky;top:100px;border-top:1px solid var(--line);padding-top:16px;color:var(--muted);font-size:13px}.toc strong{display:block;color:var(--ink);margin-bottom:9px}.toc a{display:block;padding:5px 0}.toc a:hover{color:var(--ink)}
.article-body{font-size:18px}.article-body p{margin:0 0 1.35em}.article-body h2{font-family:"DM Serif Display",serif;font-size:42px;line-height:1.02;letter-spacing:-.035em;margin:1.7em 0 .55em}.article-body h3{font-size:24px;line-height:1.15;margin:1.6em 0 .5em}.article-body ul,.article-body ol{padding-left:1.25em;margin:0 0 1.5em}.article-body li{margin:.45em 0}.article-body blockquote{margin:2em 0;padding:22px 24px;border-radius:22px;background:var(--lavSoft);font:400 26px/1.2 "DM Serif Display",serif}.article-body .callout{margin:2em 0;padding:22px;border:1px solid rgba(17,17,17,.1);border-radius:22px;background:rgba(255,255,255,.45)}.article-body .callout strong{display:block;margin-bottom:6px}.article-body a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.article-cta{margin-top:58px;padding:34px;border-radius:30px;background:var(--yellow);border:1px solid rgba(17,17,17,.12)}.article-cta h3{font:400 34px/1 "DM Serif Display",serif;margin:0 0 12px}.article-cta p{margin:0 0 18px}.button{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;background:#111;color:white;border-radius:999px;font-weight:800;font-size:14px;text-decoration:none!important}
.more{padding:70px 0;background:rgba(255,255,255,.33);border-top:1px solid var(--line)}.more h2{font:400 42px/1 "DM Serif Display",serif;margin:0 0 24px}.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.more-card{padding:22px;border-radius:24px;border:1px solid rgba(17,17,17,.1);background:var(--cream2)}.more-card span{font:600 11px/1.2 "IBM Plex Mono",monospace;text-transform:uppercase;color:var(--muted)}.more-card h3{font-size:22px;line-height:1.08;margin:10px 0 0}
footer{padding:28px 0 42px}.footer-inner{border-top:1px solid var(--line);padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;font-weight:700;color:var(--muted)}
@media(max-width:900px){.featured{grid-template-columns:1fr}.story-grid{grid-template-columns:repeat(2,1fr)}.article-shell{grid-template-columns:1fr;gap:20px}.toc{position:static;display:none}.more-grid{grid-template-columns:1fr}}
@media(max-width:640px){.container{width:calc(100% - 24px)}.nav-inner{height:64px}.nav-links{display:none}.nav-cta{font-size:12px;padding:9px 12px}.brand{font-size:26px}.hero-journal{padding:52px 0 32px}.hero-journal h1{font-size:58px}.hero-journal p{font-size:17px}.featured{margin-bottom:38px}.story-grid{grid-template-columns:1fr;padding-bottom:64px}.feature-art{min-height:190px}.feature-body{padding:22px}.article-hero{padding:48px 0 28px}.article-hero .wrap{width:calc(100% - 24px)}.article-hero h1{font-size:48px}.article-dek{font-size:18px}.article-cover{width:calc(100% - 24px);height:240px;border-radius:28px;margin-bottom:34px}.article-cover:after{font-size:180px}.article-shell{width:calc(100% - 24px);margin-bottom:60px}.article-body{font-size:17px}.article-body h2{font-size:34px}.article-body blockquote{font-size:23px}.more{padding:50px 0}.footer-inner{align-items:flex-start;flex-direction:column}}