:root{color-scheme:light}
html{scroll-behavior:smooth}
body{margin:0;background:#FFFFFF;color:#1B1F23;font-family:'Archivo',sans-serif;-webkit-font-smoothing:antialiased;line-height:1.7}
a{color:inherit;text-decoration:none;touch-action:manipulation}
::selection{background:#C9A44C;color:#1B1F23}

header{position:fixed;top:0;left:0;right:0;z-index:60;background:rgba(27,31,35,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(201,164,76,.22)}
.hd-wrap{max-width:900px;margin:0 auto;padding:0 24px;height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.hd-logo{display:flex;align-items:center;gap:12px;padding:8px 14px;background:rgba(244,241,234,.96);border-radius:3px}
.hd-logo img{height:44px;width:auto;display:block}
.hd-back{color:#EDE8DC;font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;opacity:.8;transition:opacity .3s ease}
.hd-back:hover{opacity:1;color:#E4C97A}

main{max-width:760px;margin:0 auto;padding:150px 24px 100px}
.eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.eyebrow .pip{width:38px;height:1px;background:#C9A44C}
.eyebrow span{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#C9A44C;font-weight:500}
h1{font-family:'Fraunces',serif;font-weight:300;font-size:clamp(2rem,4.4vw,3rem);line-height:1.16;color:#1B1F23;margin:0 0 22px}
.meta{display:flex;gap:14px;font-size:11px;letter-spacing:.2em;color:#8A8578;text-transform:uppercase;margin-bottom:44px}
.meta span:nth-child(2){color:#C9A44C}
.lede{font-size:1.15rem;line-height:1.75;color:#3A3F45;font-weight:400;margin:0 0 40px}
article h2{font-family:'Fraunces',serif;font-weight:400;font-size:1.55rem;color:#1B1F23;margin:44px 0 16px;line-height:1.3}
article p{font-size:1rem;line-height:1.85;color:#3A3F45;margin:0 0 18px}
article strong{color:#1B1F23;font-weight:600}
.callout{background:#F7F4EC;border-left:3px solid #C9A44C;padding:22px 26px;margin:32px 0}
.callout p{margin:0;color:#3A3F45}
.disclaimer{font-style:italic;color:#8A8578;font-size:13px;margin-top:8px}
.byline{margin-top:56px;padding-top:28px;border-top:1px solid rgba(28,32,36,.12);font-size:13.5px;color:#5C6259}
.byline strong{color:#1B1F23}

.cta-box{margin-top:60px;background:#1B1F23;padding:44px 40px;text-align:center;border:1px solid rgba(201,164,76,.35)}
.cta-box h3{font-family:'Fraunces',serif;font-weight:300;font-size:1.6rem;color:#EDE8DC;margin:0 0 14px}
.cta-box p{color:rgba(237,232,220,.72);font-size:15px;line-height:1.65;max-width:480px;margin:0 auto 28px}
.cta-btn{display:inline-block;border:1px solid #C9A44C;color:#E4C97A;font-weight:500;font-size:11px;letter-spacing:.24em;text-transform:uppercase;padding:16px 34px;transition:color .35s ease,background .35s ease}
.cta-btn:hover{background:#C9A44C;color:#1B1F23}

.back-blog{display:inline-flex;align-items:center;gap:8px;margin-top:56px;color:#1B1F23;font-weight:500;font-size:11px;letter-spacing:.24em;text-transform:uppercase;border-bottom:1px solid #C9A44C;padding-bottom:6px}
.back-blog:hover{color:#C9A44C}

footer{background:#1B1F23;padding:44px 24px;text-align:center}
footer p{color:rgba(237,232,220,.5);font-size:12px;line-height:1.7;margin:0;max-width:640px;margin-left:auto;margin-right:auto}

@media (max-width:640px){main{padding-top:120px}.cta-box{padding:34px 24px}}