@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;600;700&family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600&display=swap');
:root{ --navy:#0D2036; --bone:#F6F4EF; --gold:#B08D4F; --text:#243347; --muted:#637083; }
*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{ margin:0; background:var(--bone); color:var(--text); font:400 16px/1.7 Archivo,Arial,sans-serif; }
a{ color:inherit; }
.blog-header{ background:var(--navy); color:var(--bone); display:flex; align-items:center; justify-content:space-between; gap:2rem; padding:1.15rem clamp(1.25rem,5vw,5rem); }
.blog-brand{ display:flex; align-items:center; gap:.75rem; text-decoration:none; min-width:0; }
.blog-brand img{ width:34px; height:38px; }
.blog-brand span{ font:400 clamp(.9rem,1.4vw,1.2rem)/1.15 Fraunces,Georgia,serif; }
.blog-header nav{ display:flex; align-items:center; flex-wrap:wrap; gap:1.3rem; }
.blog-header nav a{ text-decoration:none; font-size:.82rem; }
.blog-header nav a:hover,.blog-header nav a:focus-visible{ color:#DCC08A; }
.blog-hero{ padding:clamp(4.5rem,10vw,8rem) clamp(1.25rem,6vw,6rem); background:var(--navy); color:var(--bone); }
.eyebrow{ color:#CDA765; text-transform:uppercase; letter-spacing:.18em; font-size:.72rem; font-weight:700; }
h1,h2,h3{ font-family:Fraunces,Georgia,serif; font-weight:400; line-height:1.17; }
h1{ font-size:clamp(2.6rem,6vw,5.3rem); max-width:16ch; margin:1rem 0; }
.blog-hero p{ max-width:58ch; color:rgba(246,244,239,.75); }
.blog-main{ max-width:1180px; margin:auto; padding:clamp(3.5rem,7vw,6rem) clamp(1.25rem,5vw,3rem); }
.blog-main>h2{ font-size:clamp(2rem,4vw,3.3rem); margin:0 0 1.5rem; }
.blog-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.blog-card{ display:flex; flex-direction:column; padding:clamp(1.5rem,3vw,2.5rem); min-height:310px; background:white; border:1px solid rgba(13,32,54,.14); text-decoration:none; transition:transform .25s,border-color .25s; }
.blog-card:hover{ transform:translateY(-4px); border-color:var(--gold); }
.blog-card h3{ font-size:clamp(1.5rem,2.8vw,2.3rem); margin:.8rem 0; }
.blog-card p{ color:var(--muted); margin:0; }
.blog-card strong{ margin-top:auto; color:#80632e; font-size:.8rem; text-transform:uppercase; letter-spacing:.08em; }
.article{ max-width:850px; margin:auto; padding:clamp(3.5rem,7vw,6rem) clamp(1.25rem,5vw,3rem); }
.article h1{ color:var(--navy); max-width:20ch; }
.article .lede{ color:var(--muted); font-size:1.15rem; max-width:65ch; }
.article h2{ color:var(--navy); font-size:clamp(1.6rem,3vw,2.25rem); margin:2.7rem 0 .8rem; }
.article p,.article li{ max-width:70ch; }
.article li{ margin-bottom:.55rem; }
.article ul{ padding-left:1.2rem; }
.article-note{ margin-top:3rem; padding:1.5rem; background:#EDE8DD; border-left:4px solid var(--gold); font-size:.92rem; }
.blog-cta{ padding:clamp(3rem,6vw,5rem) clamp(1.25rem,6vw,6rem); background:var(--navy); color:var(--bone); display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.blog-cta h2{ font-size:clamp(1.7rem,3vw,2.7rem); margin:0; }
.blog-cta a{ display:inline-block; background:var(--gold); color:var(--navy); padding:.8rem 1.4rem; border-radius:100px; text-decoration:none; font-weight:700; white-space:nowrap; }
.blog-footer{ background:#09192B; color:rgba(246,244,239,.75); padding:2rem clamp(1.25rem,6vw,6rem); font-size:.82rem; }
.blog-footer a{ color:#DCC08A; }
@media(max-width:700px){ .blog-header{ align-items:flex-start; flex-direction:column; gap:1rem; } .blog-grid{ grid-template-columns:1fr; } .blog-cta{ align-items:flex-start; flex-direction:column; } }