:root{--ink: #1A2421;--ink-soft: #3A4540;--paper: #F4F1EA;--paper-2: #EAE5D6;--sage: #6B8071;--sage-2: #4D5F55;--sage-soft: #C3D0BD;--terracotta: #C2785A;--line: rgba(26, 36, 33, .12)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}.serif{font-family:Lora,Georgia,serif}.mono{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--sage-2)}.wrap{max-width:1160px;margin:0 auto;padding:0 28px}a{color:inherit}.nav{border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:30;backdrop-filter:blur(10px)}.nav .wrap{display:flex;align-items:center;justify-content:space-between;padding:18px 28px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:36px;height:36px;border-radius:50%;background:var(--sage-2);color:var(--paper);display:grid;place-items:center;font-family:Lora,serif;font-style:italic;font-weight:500;font-size:19px}.brand-name{font-family:Lora,serif;font-weight:500;font-size:20px;letter-spacing:-.01em}.brand-name .dot{color:var(--terracotta)}.navlinks{display:flex;gap:28px;font-size:14px;color:var(--ink-soft)}.navlinks a{text-decoration:none}.navlinks a:hover{color:var(--ink)}.nav-cta{background:var(--ink);color:var(--paper);text-decoration:none;padding:10px 16px;border-radius:4px;font-size:13px;font-weight:500}.hero{padding:80px 0 64px;border-bottom:1px solid var(--line)}.hero .kicker{margin-bottom:18px}.hero h1{font-family:Lora,serif;font-weight:500;letter-spacing:-.022em;font-size:clamp(40px,5.4vw,76px);line-height:1.02;margin:0 0 28px;max-width:18ch}.hero h1 em{font-style:italic;color:var(--sage-2);font-weight:500}.hero p.lede{font-size:19px;line-height:1.55;max-width:56ch;color:var(--ink-soft);margin:0 0 32px}.hero-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.hero-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 16px;width:min(420px,100%)}.hero-search input{border:0;background:transparent;outline:none;flex:1;font-family:Inter,sans-serif;font-size:14.5px;color:var(--ink)}.hero-search button{background:var(--sage-2);color:var(--paper);border:0;padding:8px 16px;border-radius:999px;font-weight:500;font-size:13px;cursor:pointer}.hero-meta{display:flex;gap:22px;color:var(--ink-soft);font-size:13px}.hero-meta strong{color:var(--ink);font-weight:600}.topics{padding:24px 0;border-bottom:1px solid var(--line);background:var(--paper-2)}.topics .wrap{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.topics .label{font-family:JetBrains Mono,monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--sage-2);margin-right:4px}.topic-chip{border:1px solid var(--line);background:var(--paper);padding:7px 14px;border-radius:999px;font-size:13px;color:var(--ink);text-decoration:none}.topic-chip:hover{border-color:var(--sage-2);color:var(--sage-2)}.topic-chip.active{background:var(--sage-2);color:var(--paper);border-color:var(--sage-2)}.featured{padding:72px 0}.featured .head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:28px}.featured h2{font-family:Lora,serif;font-weight:500;letter-spacing:-.015em;font-size:34px;margin:6px 0 0}.featured h2 em{font-style:italic;color:var(--sage-2)}.feat-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:36px}article.lead{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}article.lead .img{aspect-ratio:16/10;position:relative;background:radial-gradient(ellipse 60% 50% at 40% 40%,rgba(195,208,189,.6),transparent 65%),linear-gradient(160deg,#2a3530,#4d5f55 70%,#6b8071)}article.lead .img .stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 22% 30%,rgba(255,255,255,.7),transparent 50%),radial-gradient(1.5px 1.5px at 68% 18%,rgba(255,255,255,.8),transparent 50%),radial-gradient(1px 1px at 50% 70%,rgba(255,255,255,.6),transparent 50%),radial-gradient(1.5px 1.5px at 82% 64%,rgba(255,255,255,.7),transparent 50%)}article.lead .img .moon{position:absolute;top:18%;right:14%;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f4f1ea,#c3d0bd 60%,#6b8071);box-shadow:0 0 40px -8px #f4f1ea80}article.lead .img .tag{position:absolute;top:18px;left:18px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;background:#00000073;color:var(--sage-soft);padding:5px 10px;border-radius:999px}article.lead .body{padding:28px 32px 32px}article.lead .cat{font-family:JetBrains Mono,monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--terracotta);margin-bottom:12px}article.lead h3{font-family:Lora,serif;font-weight:500;letter-spacing:-.015em;font-size:32px;line-height:1.1;margin:0 0 14px}article.lead h3 a{text-decoration:none}article.lead h3 em{font-style:italic;color:var(--sage-2)}article.lead p{color:var(--ink-soft);font-size:16px;line-height:1.6;margin:0 0 18px}article.lead .byline{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-soft)}article.lead .byline .av{width:32px;height:32px;border-radius:50%;background:var(--sage-soft);color:var(--sage-2);display:grid;place-items:center;font-family:Lora,serif;font-weight:600;font-size:13px}article.lead .byline strong{color:var(--ink);font-weight:600}.side{display:flex;flex-direction:column;gap:18px}.side-card{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.side-card:last-child{border-bottom:0}.side-card .thumb{aspect-ratio:1/1;border-radius:6px;overflow:hidden;background:var(--paper-2);position:relative}.side-card .thumb.t1{background:linear-gradient(135deg,#dbc6a6,#c2785a)}.side-card .thumb.t2{background:linear-gradient(135deg,#c3d0bd,#4d5f55)}.side-card .thumb.t3{background:linear-gradient(135deg,#e6e0cb,#8b7a4a)}.side-card .thumb.t4{background:linear-gradient(135deg,#b8c8d0,#4d6675)}.side-card .cat{font-family:JetBrains Mono,monospace;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--terracotta);margin-bottom:6px}.side-card h4{font-family:Lora,serif;font-weight:500;font-size:17px;line-height:1.2;letter-spacing:-.005em;margin:0 0 6px}.side-card .meta{font-size:12px;color:var(--ink-soft)}.recommend{background:var(--sage-2);color:var(--paper);padding:72px 0}.recommend .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.recommend .mono{color:#f4f1eaa6}.recommend h2{font-family:Lora,serif;font-weight:500;letter-spacing:-.018em;font-size:clamp(30px,3.6vw,44px);line-height:1.08;margin:10px 0 18px}.recommend h2 em{font-style:italic;color:#f2d8a0}.recommend p{color:#f4f1eac7;font-size:16px;line-height:1.65;margin:0 0 22px}.recommend .feats{display:flex;flex-direction:column;gap:10px;margin:0 0 28px;padding:0;list-style:none}.recommend .feats li{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;color:#f4f1ead9;font-size:14.5px}.recommend .feats li:before{content:"✓";color:#f2d8a0;font-weight:600}.recommend .cta{display:inline-flex;align-items:center;gap:8px;background:#f2d8a0;color:var(--ink);text-decoration:none;padding:14px 22px;border-radius:999px;font-weight:600;font-size:14px}.recommend .cta:hover{background:#fff}.recommend .note{display:block;margin-top:14px;font-size:12px;color:#f4f1ea8c}.recommend .mock{position:relative;aspect-ratio:4/5;background:radial-gradient(ellipse 60% 60% at 30% 20%,rgba(242,216,160,.35),transparent 65%),linear-gradient(180deg,#0e1230,#1a1f4d);border-radius:18px;overflow:hidden;border:1px solid rgba(244,241,234,.18);padding:32px;display:flex;flex-direction:column;justify-content:flex-end}.recommend .mock .tag{position:absolute;top:22px;left:22px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;background:#ffffff14;color:#f2d8a0;padding:5px 10px;border-radius:999px;border:.5px solid rgba(255,255,255,.18)}.recommend .mock .stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 14% 24%,#fff,transparent 50%),radial-gradient(1.5px 1.5px at 78% 18%,rgba(242,216,160,.9),transparent 50%),radial-gradient(1px 1px at 36% 64%,rgba(255,255,255,.6),transparent 50%),radial-gradient(1px 1px at 84% 60%,rgba(255,255,255,.7),transparent 50%)}.recommend .mock .moon{position:absolute;top:26%;right:22%;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 32% 32%,#f2d8a0,#e89b3c 55%,#5b3818);box-shadow:0 0 50px -8px #e89b3c80}.recommend .mock h3{font-family:Lora,serif;font-weight:400;font-size:28px;line-height:1.15;letter-spacing:-.01em;color:#f4f1ea;margin:0 0 8px;position:relative;z-index:1}.recommend .mock h3 em{font-style:italic;color:#f2d8a0}.recommend .mock p{color:#f4f1eab3;font-size:13.5px;margin:0;position:relative;z-index:1}.blog{padding:96px 0}.blog .head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:36px;padding-bottom:18px;border-bottom:1px solid var(--line)}.blog h2{font-family:Lora,serif;font-weight:500;letter-spacing:-.015em;font-size:34px;margin:6px 0 0}.blog h2 em{font-style:italic;color:var(--sage-2)}.blog .more{font-size:14px;color:var(--sage-2);text-decoration:none;font-weight:500}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 24px}.post{display:flex;flex-direction:column;gap:14px}.post .img{aspect-ratio:4/3;border-radius:6px;position:relative;overflow:hidden}.post .img .num{position:absolute;top:14px;left:14px;font-family:JetBrains Mono,monospace;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;background:#00000073;color:#fff;padding:4px 9px;border-radius:999px}.post .cat{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--terracotta)}.post h4{font-family:Lora,serif;font-weight:500;font-size:21px;line-height:1.2;letter-spacing:-.01em;margin:0}.post h4 a{text-decoration:none}.post p{color:var(--ink-soft);font-size:14.5px;line-height:1.55;margin:0}.post .meta{font-size:12px;color:var(--ink-soft)}.post .meta strong{color:var(--ink);font-weight:600}.ph1{background:linear-gradient(160deg,#c3d0bd,#4d5f55)}.ph2{background:linear-gradient(160deg,#dbc6a6,#c2785a)}.ph3{background:linear-gradient(160deg,#b8c8d0,#4d6675)}.ph4{background:linear-gradient(160deg,#e8e0cf,#b0976a)}.ph5{background:linear-gradient(160deg,#cdd6c0,#6b8071)}.ph6{background:linear-gradient(160deg,#ebc9b8,#a55c45)}.tools-band{background:var(--paper-2);padding:72px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tools-band h2{font-family:Lora,serif;font-weight:500;letter-spacing:-.015em;font-size:28px;margin:8px 0 28px}.tools-band h2 em{font-style:italic;color:var(--sage-2)}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:22px 22px 24px}.tool .name{font-family:Lora,serif;font-weight:500;font-size:19px;margin:0 0 4px;letter-spacing:-.005em}.tool .name em{font-style:italic;color:var(--sage-2)}.tool .name .star{display:inline-block;margin-left:4px;color:var(--terracotta);font-size:13px}.tool .url{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--sage-2);margin-bottom:12px}.tool p{font-size:13.5px;color:var(--ink-soft);margin:0 0 14px;line-height:1.5}.tool .visit{font-family:JetBrains Mono,monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);text-decoration:none;font-weight:500}.tool .visit:hover{color:var(--terracotta)}.tool.pick{background:#fbf8f0;border-color:var(--terracotta)}.tool.pick .badge{display:inline-block;background:var(--terracotta);color:var(--paper);font-family:JetBrains Mono,monospace;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;padding:4px 8px;border-radius:4px;margin-bottom:10px}.news{padding:80px 0;background:var(--paper)}.news .wrap{max-width:720px;text-align:center}.news h2{font-family:Lora,serif;font-weight:500;letter-spacing:-.015em;font-size:clamp(28px,3.4vw,40px);line-height:1.1;margin:6px 0 14px}.news h2 em{font-style:italic;color:var(--sage-2)}.news p{color:var(--ink-soft);font-size:16px;margin:0 0 24px}.news-form{display:flex;gap:8px;max-width:460px;margin:0 auto}.news-form input{flex:1;padding:13px 18px;border-radius:999px;border:1px solid var(--line);background:#fff;font-family:Inter,sans-serif;font-size:14.5px}.news-form button{background:var(--ink);color:var(--paper);border:0;padding:13px 24px;border-radius:999px;font-weight:500;font-size:14px;cursor:pointer}.news .micro{font-family:JetBrains Mono,monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-top:14px}footer{background:var(--ink);color:#f4f1eab3;padding:64px 0 32px}footer .grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}footer h6{font-family:JetBrains Mono,monospace;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--paper);margin:0 0 14px}footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;font-size:14px}footer a{text-decoration:none;color:inherit}footer a:hover{color:var(--paper)}footer .blurb{font-size:14px;line-height:1.6;margin:0 0 18px;max-width:36ch}footer .legal{margin-top:48px;padding-top:22px;border-top:1px solid rgba(244,241,234,.15);display:flex;justify-content:space-between;align-items:center;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.12em;color:#f4f1ea80}.article-hero{padding:64px 0 32px;border-bottom:1px solid var(--line)}.article-hero .crumbs{font-family:JetBrains Mono,monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--sage-2);margin-bottom:18px}.article-hero .crumbs a{text-decoration:none}.article-hero h1{font-family:Lora,serif;font-weight:500;letter-spacing:-.018em;font-size:clamp(32px,4.6vw,56px);line-height:1.06;margin:0 0 22px;max-width:22ch}.article-hero h1 em{font-style:italic;color:var(--sage-2)}.article-hero .lede{font-size:19px;line-height:1.55;color:var(--ink-soft);max-width:60ch;margin:0 0 26px}.article-hero .byline{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--ink-soft)}.article-hero .byline .av{width:32px;height:32px;border-radius:50%;background:var(--sage-soft);color:var(--sage-2);display:grid;place-items:center;font-family:Lora,serif;font-weight:600;font-size:13px}.article-hero .byline strong{color:var(--ink);font-weight:600}.article-body{padding:56px 0 32px}.article-body .wrap{max-width:700px}.article-body p{font-size:17.5px;line-height:1.72;color:var(--ink-soft);margin:0 0 22px}.article-body p strong{color:var(--ink)}.article-body h2{font-family:Lora,serif;font-weight:500;font-size:28px;line-height:1.2;margin:38px 0 14px;color:var(--ink)}.article-body h3{font-family:Lora,serif;font-weight:500;font-size:22px;line-height:1.25;margin:28px 0 10px;color:var(--ink)}.article-body ul,.article-body ol{color:var(--ink-soft);font-size:17px;line-height:1.7;padding-left:1.25em}.article-body li{margin-bottom:8px}.article-body blockquote{border-left:3px solid var(--terracotta);padding:6px 0 6px 18px;margin:24px 0;font-family:Lora,serif;font-style:italic;font-size:19px;color:var(--ink)}.article-body a{color:var(--sage-2);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}@media(max-width:980px){.feat-grid,.recommend .wrap,footer .grid{grid-template-columns:1fr}.blog-grid,.tools-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.blog-grid,.tools-grid{grid-template-columns:1fr}.navlinks{display:none}}