:root{--wine:#762631;--wine-dark:#4e1720;--rose:#b85c68;--blush:#fbf1f1;--cream:#fffaf7;--ink:#2f2021;--muted:#725e60;--line:rgba(118,38,49,.18);--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.75}a{color:var(--wine)}.blog-header{display:flex;justify-content:space-between;align-items:center;padding:1.2rem clamp(1rem,5vw,5rem);border-bottom:1px solid var(--line);background:rgba(255,250,247,.95);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.blog-brand{text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font:600 .9rem var(--serif)}.blog-header nav{display:flex;gap:1.2rem}.blog-header nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}.article-hero,.blog-index-hero{background:var(--wine-dark);color:white;padding:clamp(5rem,10vw,9rem) 1.5rem}.article-hero>div,.blog-index-hero>div{max-width:960px;margin:auto}.kicker{text-transform:uppercase;letter-spacing:.2em;font-size:.68rem;color:#e8b7be}.article-hero h1,.blog-index-hero h1{font:500 clamp(3rem,7vw,6.5rem)/1.02 var(--serif);letter-spacing:-.04em;margin:1rem 0}.article-dek{font-size:clamp(1.05rem,2vw,1.35rem);color:#eed8db;max-width:760px}.article-meta{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#d7aeb4;margin-top:2rem}.article-layout{width:min(1120px,calc(100% - 2rem));margin:5rem auto;display:grid;grid-template-columns:220px minmax(0,720px);gap:5rem;justify-content:center}.toc{position:sticky;top:100px;align-self:start;border-left:1px solid var(--line);padding-left:1.2rem}.toc strong{display:block;text-transform:uppercase;letter-spacing:.14em;color:var(--wine);font-size:.65rem;margin-bottom:1rem}.toc a{display:block;text-decoration:none;color:var(--muted);font-size:.78rem;margin:.65rem 0}.article-body{font-family:var(--serif);font-size:1.16rem}.answer-box{background:var(--blush);border-left:3px solid var(--wine);padding:1.5rem;font-family:var(--sans);font-size:1rem;margin-bottom:3rem}.article-body h2{font:500 clamp(2rem,4vw,3.2rem)/1.15 var(--serif);color:var(--wine);margin:3.5rem 0 1rem;scroll-margin-top:110px}.article-body h3{font:600 1.45rem var(--serif);margin-top:2.5rem}.article-body blockquote{font:italic 500 1.7rem/1.4 var(--serif);color:var(--wine);border-block:1px solid var(--line);padding:2rem 0;margin:3rem 0}.article-body li{margin:.7rem 0}.key-list{background:white;border:1px solid var(--line);padding:1.5rem 2rem}.faq-block{margin-top:4rem}.faq-block details{border-bottom:1px solid var(--line);padding:1rem 0;font-family:var(--sans);font-size:.95rem}.faq-block summary{font-weight:600;cursor:pointer;color:var(--wine)}.article-cta{background:var(--wine);color:white;padding:2.5rem;margin-top:4rem}.article-cta h2{color:white;margin-top:0}.article-cta a{display:inline-block;background:var(--blush);padding:.7rem 1rem;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font:600 .68rem var(--sans)}.related{width:min(1120px,calc(100% - 2rem));margin:0 auto 6rem}.related h2{font:500 2.5rem var(--serif)}.related-grid,.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.post-card{border:1px solid var(--line);padding:1.6rem;background:white;min-height:260px;display:flex;flex-direction:column;text-decoration:none}.post-card span{font-size:.6rem;text-transform:uppercase;letter-spacing:.14em;color:var(--rose)}.post-card h2,.post-card h3{font:500 1.55rem/1.2 var(--serif);color:var(--wine)}.post-card p{font-size:.85rem;color:var(--muted)}.post-card em{margin-top:auto;font-style:normal;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.blog-index{width:min(1120px,calc(100% - 2rem));margin:5rem auto}.blog-index-intro{max-width:760px;color:var(--muted);font-size:1.05rem;margin-bottom:3rem}.blog-footer{background:var(--wine-dark);color:white;text-align:center;padding:4rem 1rem}.blog-footer a{color:#f4d8dc}@media(max-width:800px){.article-layout{grid-template-columns:1fr;margin-top:2rem}.toc{position:static;border-left:0;border-bottom:1px solid var(--line);padding:0 0 1rem}.toc a{display:inline-block;margin-right:1rem}.related-grid,.post-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.blog-header{align-items:flex-start}.blog-header nav{flex-direction:column;gap:.25rem;text-align:right}.article-hero,.blog-index-hero{padding-block:4rem}.article-hero h1,.blog-index-hero h1{font-size:3rem}.article-layout{margin-block:2.5rem}.article-body{font-size:1.05rem}.related-grid,.post-grid{grid-template-columns:1fr}.post-card{min-height:220px}}
