:root { --ink:#241b1e; --wine:#7d2443; --rose:#d77d99; --blush:#f4dfe4; --cream:#fbf7f3; --white:#fffdfb; --line:rgba(36,27,30,.16); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:"DM Sans",sans-serif; }
a { color:inherit; }
.article-header { height:76px; padding:0 clamp(22px,6vw,90px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); background:rgba(251,247,243,.92); }
.article-header a { text-decoration:none; }
.wordmark { font-size:.76rem; font-weight:600; letter-spacing:.24em; }
.back { font-size:.76rem; color:var(--wine); }
.article-hero { max-width:1080px; margin:auto; padding:100px 26px 70px; text-align:center; }
.kicker { margin:0 0 24px; color:var(--wine); font-size:.68rem; font-weight:600; letter-spacing:.17em; text-transform:uppercase; }
h1,h2 { font-family:"Playfair Display",serif; font-weight:500; letter-spacing:-.035em; }
h1 { max-width:940px; margin:0 auto; font-size:clamp(3.1rem,7vw,7.3rem); line-height:.98; }
.dek { max-width:680px; margin:32px auto 0; color:#65575c; font-size:1.08rem; line-height:1.75; }
.meta { margin-top:26px; font-size:.7rem; color:#89797f; text-transform:uppercase; letter-spacing:.12em; }
.article-body { max-width:760px; margin:auto; padding:0 26px 110px; }
.article-body h2 { margin:62px 0 20px; font-size:clamp(2rem,4vw,3.2rem); line-height:1.08; }
.article-body h3 { margin:34px 0 12px; font-size:1.05rem; }
.article-body p,.article-body li { color:#51454a; font-size:1rem; line-height:1.85; }
.article-body ul,.article-body ol { padding-left:22px; }
.article-body li { margin-bottom:10px; padding-left:6px; }
.summary { margin:42px 0; padding:30px; background:var(--blush); border-left:3px solid var(--wine); }
.summary strong { display:block; margin-bottom:14px; color:var(--wine); font-size:.72rem; text-transform:uppercase; letter-spacing:.12em; }
.summary p { margin:0; color:var(--ink); }
.note { margin:46px 0; padding:24px 26px; border:1px solid var(--line); font-size:.86rem; color:#685a60; line-height:1.7; }
.sources { margin-top:70px; padding-top:30px; border-top:1px solid var(--line); }
.sources h2 { margin:0 0 18px; font:600 .7rem "DM Sans",sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.sources a { color:var(--wine); }
.article-cta { margin-top:58px; padding:34px; background:var(--ink); color:white; text-align:center; }
.article-cta p { margin:0 0 22px; color:#eadde1; }
.button { display:inline-flex; min-height:48px; padding:0 24px; align-items:center; justify-content:center; background:white; color:var(--wine); border-radius:100px; font-size:.78rem; font-weight:600; text-decoration:none; }
footer { padding:36px 24px; text-align:center; background:var(--wine); color:white; font-size:.72rem; letter-spacing:.08em; }
@media (max-width:600px) { .article-hero{padding-top:70px}.article-body{padding-bottom:80px}.article-body h2{margin-top:48px}.summary{padding:24px}.article-header{height:66px} }