@font-face{font-family:"Aquatico";src:url("/assets/Aquatico-Regular.woff") format("woff");font-display:swap}
:root{--ink:#303030;--soft:#5a5f63;--coral:#e34949;--coral-dark:#c73a3a;--sky:#a1d4dc;--sky-tint:#e8f4f6;--slate:#5c7988;--slate-deep:#2f4651;--paper:#fbfaf8;--white:#fff;--line:#e4e2de;--sans:"Montserrat","Helvetica Neue",Arial,sans-serif;--accent:"Aquatico","Montserrat",sans-serif;--wrap:1120px;--reading:760px;--gutter:clamp(18px,4vw,42px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:#9f1d22;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--slate)}h1,h2,h3,h4{line-height:1.16;letter-spacing:-.015em}h1{font-size:clamp(2.25rem,6vw,4.25rem)}h2{font-size:clamp(1.45rem,3vw,2rem)}h3{font-size:1.28rem}.wrap{width:min(100%,var(--wrap));margin-inline:auto;padding-inline:var(--gutter)}
.site-head{position:sticky;top:0;z-index:10;background:rgba(251,250,248,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.site-head .wrap{min-height:76px;display:flex;align-items:center;gap:24px}.brand img{display:block;width:auto;height:38px}.blog-name{font-family:var(--accent);font-size:1.3rem;color:var(--slate-deep);text-decoration:none;margin-right:auto}.site-head nav{display:flex;align-items:center;gap:22px}.site-head nav a{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}.button{display:inline-block;background:var(--coral);color:#fff;text-decoration:none;text-transform:uppercase;font-size:.82rem;font-weight:700;letter-spacing:.12em;padding:13px 22px}.button:hover{background:var(--coral-dark);color:#fff}.small-button{padding:10px 16px}
.archive-hero,.post-head{padding-block:clamp(54px,8vw,105px);background:var(--sky-tint);border-bottom:1px solid var(--line)}.archive-hero h1,.post-head h1{max-width:900px;margin:.2em 0}.eyebrow,.post-meta{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--slate)}.lede{max-width:720px;font-size:1.18rem;color:var(--soft)}.archive{padding-block:clamp(48px,7vw,90px)}.post-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.post-card{background:#fff;border:1px solid var(--line);padding:clamp(24px,4vw,38px)}.post-card h2{margin:.45rem 0}.post-card h2 a{color:var(--ink);text-decoration:none}.post-card p{color:var(--soft)}.read-more{font-size:.76rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.pagination{display:flex;justify-content:space-between;gap:20px;margin-top:40px;border-top:1px solid var(--line);padding-top:24px}.pagination a{font-weight:700}
.post-head .wrap,.post-body{max-width:calc(var(--reading) + var(--gutter) * 2)}.post-categories{margin:1rem 0 0}.post-body{padding-top:clamp(44px,7vw,80px);padding-bottom:clamp(64px,10vw,120px)}.post-body>p:first-child{font-size:1.12rem}.post-body p,.post-body ul,.post-body ol,.post-body blockquote,.post-body figure,.post-body table,.post-body iframe{margin-block:0 1.45em}.post-body h2,.post-body h3,.post-body h4{margin:1.7em 0 .65em}.post-body img{display:block;margin-inline:auto}.post-body figure{margin-inline:0}.post-body figcaption{font-size:.85rem;color:var(--soft);text-align:center}.post-body blockquote{margin-inline:0;padding:1.2rem 1.5rem;border-left:5px solid var(--coral);background:#fff}.post-body iframe,.post-body video{display:block;width:100%;max-width:100%;aspect-ratio:16/9;border:0}.post-body table{width:100%;border-collapse:collapse}.post-body td,.post-body th{border:1px solid var(--line);padding:.6rem}.post-body pre{overflow:auto;background:#fff;padding:1rem;border:1px solid var(--line)}
.site-foot{background:var(--ink);color:#ddd;padding-block:52px}.site-foot .wrap{display:flex;justify-content:space-between;gap:40px}.footer-brand{display:inline-block;background:#fff;padding:8px 12px}.footer-brand img{display:block;width:auto;height:34px}.site-foot p{margin:.7rem 0 0}.site-foot .wrap>div:last-child{display:flex;flex-direction:column;gap:.45rem}.site-foot a{color:#fff}
@media(max-width:720px){.site-head .wrap{min-height:68px;gap:12px}.brand img{height:28px}.blog-name{font-size:1rem}.site-head nav>a:first-child{display:none}.small-button{font-size:.68rem;padding:8px 10px}.post-list{grid-template-columns:1fr}.site-foot .wrap{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
