:root{--ink:#202827;--muted:#6c6a64;--paper:#f7f3ec;--white:#fffdf9;--teal:#234a50;--rust:#8a5b45;--line:rgba(24,37,38,.14);--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.72 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}button,input{font:inherit}.topline{height:5px;background:var(--teal)}
.j-header{height:80px;padding:0 5vw;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:35px;border-bottom:1px solid var(--line);background:rgba(247,243,236,.96);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.j-brand{text-decoration:none}.j-brand strong{display:block;font-size:11px;letter-spacing:.17em}.j-brand span{display:block;color:var(--muted);font-size:8px;margin-top:2px}.j-nav{justify-self:center;display:flex;gap:26px}.j-nav a{text-decoration:none;font-size:11px}.j-actions{display:flex;gap:18px}.j-actions a{text-decoration:none;font-size:10px;text-transform:uppercase;letter-spacing:.11em}
.blog-hero{padding:105px 7vw 80px;max-width:1450px;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:9px;color:var(--rust);font-weight:700}.blog-hero h1,.article-head h1{font:400 clamp(54px,7vw,104px)/.92 var(--serif);letter-spacing:-.055em;margin:15px 0 24px}.blog-hero>p{max-width:760px;color:var(--muted);font-size:17px}.topic-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.topic-row a{padding:8px 12px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:9px;text-transform:uppercase;letter-spacing:.1em;background:var(--white)}
.blog-grid{max-width:1450px;margin:0 auto;padding:0 7vw 110px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:transparent}.post-card{background:var(--white);border:1px solid var(--line);margin:-.5px;text-decoration:none;padding:32px;min-height:340px;display:flex;flex-direction:column;justify-content:space-between}.post-card:hover{background:#f1ebe1}.post-card .num{font:400 24px var(--serif);color:#a79f93}.post-card small{font-size:8px;text-transform:uppercase;letter-spacing:.15em;color:var(--rust)}.post-card h2{font:400 31px/1.04 var(--serif);letter-spacing:-.025em;margin:18px 0}.post-card p{color:var(--muted);font-size:12px;line-height:1.7}.post-card b{font-size:9px;text-transform:uppercase;letter-spacing:.13em}
.article-wrap{max-width:1280px;margin:auto;padding:80px 7vw 120px}.breadcrumbs{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:50px}.breadcrumbs a{text-decoration:none}.article-head{max-width:1000px}.article-head h1{font-size:clamp(52px,6.5vw,92px)}.dek{font:400 22px/1.5 var(--serif);max-width:850px;color:#4c514e}.meta{display:flex;gap:20px;flex-wrap:wrap;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:36px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.article-layout{display:grid;grid-template-columns:minmax(0,720px) 250px;gap:90px;margin-top:70px;align-items:start}.article-body{font-size:16px}.article-body h2{font:400 39px/1.08 var(--serif);letter-spacing:-.025em;margin:62px 0 18px}.article-body h3{font:400 26px/1.15 var(--serif);margin:34px 0 12px}.article-body p{margin:0 0 20px}.article-body ul{padding-left:22px;margin:0 0 24px}.article-body li{margin:7px 0}.article-body blockquote{margin:42px 0;padding:4px 0 4px 26px;border-left:2px solid var(--rust);font:400 25px/1.45 var(--serif);color:#3e4845}.article-body .note{background:#efe7da;padding:24px;margin:32px 0;font-size:14px}.article-body .shop-cta{background:var(--teal);color:white;padding:31px;margin:48px 0}.shop-cta small{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#dbc292}.shop-cta h3{font-size:30px;margin:8px 0 10px}.shop-cta p{color:rgba(255,255,255,.75);font-size:13px}.shop-cta a{display:inline-block;margin-top:4px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.65);font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.toc{position:sticky;top:112px;border-top:1px solid var(--line);padding-top:18px}.toc small{font-size:8px;text-transform:uppercase;letter-spacing:.15em;color:var(--rust)}.toc a{display:block;text-decoration:none;color:var(--muted);font-size:11px;padding:7px 0;border-bottom:1px solid rgba(24,37,38,.07)}.toc a:hover{color:var(--ink)}
.source-box{border-top:1px solid var(--line);margin-top:65px;padding-top:26px}.source-box h2{font-size:27px;margin-top:0}.source-box ol{padding-left:20px}.source-box li{font-size:12px;margin:8px 0;color:var(--muted)}
.faq-block{margin-top:55px;border-top:1px solid var(--line)}.faq-block details{border-bottom:1px solid var(--line);padding:18px 0}.faq-block summary{cursor:pointer;font:400 21px var(--serif)}.faq-block details p{color:var(--muted);font-size:14px;margin:12px 0 0}
.next-read{margin-top:80px;border-top:1px solid var(--line);padding-top:32px}.next-read h2{font:400 32px var(--serif)}.next-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.next-grid a{background:var(--white);border:1px solid var(--line);padding:24px;text-decoration:none}.next-grid small{font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:var(--rust)}.next-grid strong{display:block;font:400 22px/1.1 var(--serif);margin-top:8px}
.j-footer{background:#202827;color:white;padding:55px 7vw 28px}.j-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.j-footer strong{font-size:11px;letter-spacing:.16em}.j-footer p{color:rgba(255,255,255,.58);font-size:10px;max-width:430px}.j-footer small{display:block;color:rgba(255,255,255,.4);font-size:8px;letter-spacing:.13em;margin-bottom:8px}.j-footer a{display:block;text-decoration:none;font-size:10px;margin:6px 0}.copyright{border-top:1px solid rgba(255,255,255,.14);margin-top:35px;padding-top:20px;color:rgba(255,255,255,.42);font-size:8px}
@media(max-width:900px){.j-nav{display:none}.blog-grid{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr}.toc{position:static;order:-1}.j-footer-grid{grid-template-columns:1fr 1fr}.article-wrap{padding-top:55px}}
@media(max-width:600px){.j-header{padding:0 20px}.j-actions a:first-child{display:none}.blog-hero,.article-wrap{padding-left:22px;padding-right:22px}.blog-grid{grid-template-columns:1fr;padding-left:20px;padding-right:20px}.blog-hero h1,.article-head h1{font-size:52px}.dek{font-size:19px}.article-body{font-size:15px}.article-body h2{font-size:34px}.next-grid{grid-template-columns:1fr}.j-footer{padding-left:22px;padding-right:22px}.j-footer-grid{grid-template-columns:1fr}}