
*{margin:0;padding:0;box-sizing:border-box}
img{max-width:100%;height:auto;display:block}     /* full images, never cropped */
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 26px}
.site{display:flex;justify-content:space-between;align-items:center;padding:26px 0}
.site nav a{margin-left:26px;font-size:15px}
.brand{font-weight:800;letter-spacing:-.02em}
.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:12px}
.card a{display:block;height:100%}
.faq details{padding:16px 0}.faq summary{cursor:pointer;font-weight:600;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.tips li{margin:8px 0}
.related{max-width:64ch;margin:34px auto 0;font-size:15px;opacity:.72}.related a{border-bottom:1px solid currentColor}
footer{padding:60px 0 44px;font-size:14px}
footer a{margin-right:20px}
@media(max-width:820px){.hero-split{grid-template-columns:1fr!important}.cards.zig .card{grid-template-columns:1fr!important}
.cards.masonry{columns:1!important}.cards.duo{grid-template-columns:1fr!important}.site nav a{margin-left:16px;font-size:14px}}

:root{--dawn:#f6ede7;--rose:#b06b6b;--sage:#8fa58c;--plum:#3a2e33;--sand:#ead9c6;--line:#e6d6c9}
body{background:var(--dawn);color:var(--plum);font-family:'Nunito Sans',sans-serif;font-size:18px;line-height:1.75}
.brand{font-family:'Fraunces',serif;font-weight:600;font-size:24px}
.site nav a{font-weight:600;font-size:15px}
h1,h2,h3{font-family:'Fraunces',serif;font-weight:600;line-height:1.1}
.eyebrow{color:var(--rose);font-weight:700}
.hero{padding:26px 0 28px;display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.hero-media{position:relative}
.hero-media::before{content:"";position:absolute;inset:-24px;background:radial-gradient(60% 60% at 50% 40%,rgba(176,107,107,.22),transparent 70%);filter:blur(10px);z-index:-1}
.hero-media img{border-radius:20px}
.hero h1{font-size:clamp(38px,5.5vw,66px);margin:14px 0 18px}
.lead{font-size:20px;color:#6a5b60;max-width:44ch}
.journal{padding:66px 0 20px}
.sect-title{font-family:'Fraunces',serif;font-size:32px;margin-bottom:6px}
.sect-sub{color:#7a6b70;margin-bottom:34px}
.cards.duo{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.cards.duo .card{background:#fdf8f4;border:1px solid var(--line);border-radius:22px;overflow:hidden;
 box-shadow:0 10px 30px rgba(120,80,80,.06);transition:transform .18s}
.cards.duo .card:hover{transform:translateY(-4px)}
.cards.duo .card-body{padding:22px 26px 26px}
.cards.duo h3{font-size:26px;margin-bottom:8px}
.cards.duo .card p{color:#6a5b60;font-size:16px}
.cards .more{display:inline-block;margin-top:12px;font-weight:700;color:var(--rose)}
.band{margin:74px 0 10px;background:linear-gradient(135deg,var(--sand),#f3e6dc);border-radius:28px;
 padding:66px 44px;text-align:center}
.band blockquote{font-family:'Fraunces',serif;font-weight:600;font-size:clamp(24px,3.6vw,42px);
 line-height:1.22;max-width:22ch;margin:0 auto;color:var(--plum)}
.band .attr{margin-top:20px;color:var(--rose);font-weight:700}
/* article */
.post{padding:18px 0 40px}
.post h1{font-size:clamp(32px,5vw,56px);margin:14px 0 10px;max-width:20ch}
.post .dek{font-size:21px;color:#6a5b60;margin-bottom:24px;max-width:54ch}
.post .hero-media img{border-radius:20px}
.post .body{max-width:64ch;margin:34px auto 0}
.post .body p{margin:0 0 20px}
.post .inline{margin:30px 0}.post .inline img{border-radius:20px}
.tips,.faq{max-width:64ch;margin:32px auto}
.tips{background:#fdf8f4;border:1px solid var(--line);border-radius:22px;padding:26px 30px}
.tips h4,.faq h4{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--rose);margin-bottom:12px;font-weight:700}
.faq details{border-top:1px solid var(--line)}
footer{border-top:1px solid var(--line);color:#7a6b70}
