/* Wee Post Studio coming-soon v1 — tokens from site v2.3 / brand-tokens.json v1.0.0. No third-party assets. */
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url("fonts/manrope-latin-wght-normal.woff2") format("woff2")}
:root{--ink:#0e1212;--surface:#191f1e;--offwhite:#f1f4f2;--sage:#bed7c5;--muted:#a8b4ad;--line:#303b35;--font:"Manrope",Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;height:100%}
body{margin:0;min-height:100%;display:flex;flex-direction:column;background:var(--ink);color:var(--offwhite);font-family:var(--font);font-size:1.0625rem;line-height:1.6}
a{color:var(--offwhite);text-underline-offset:.18em}
a:hover{color:var(--sage)}
:focus-visible{outline:3px solid var(--sage);outline-offset:3px;border-radius:4px}
.wrap{width:100%;max-width:40rem;margin:0 auto;padding:0 1.5rem}
main{flex:1;display:flex;align-items:center;padding:4rem 0}
.hero{text-align:center}
.wordmark{display:flex;justify-content:center;align-items:baseline;gap:.5rem;color:var(--offwhite);margin:0 0 2.25rem;line-height:1}
.wordmark .main{font-size:clamp(2.75rem,11vw,4.25rem);font-weight:800;letter-spacing:-.04em;line-height:1}
.wordmark .desc{font-size:clamp(.62rem,2.2vw,.8rem);font-weight:800;letter-spacing:.24em;text-transform:uppercase;margin-right:-.24em}
/* trailing letter-spacing compensated so tracked labels sit on the true centre axis */
.eyebrow{display:block;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sage);margin:0 0 1rem;padding-left:.14em}
h1{font-size:clamp(1.9rem,6vw,2.75rem);font-weight:700;letter-spacing:-.025em;line-height:1.15;margin:0 0 1rem}
.lede{font-size:clamp(1.05rem,2.6vw,1.2rem);color:var(--muted);max-width:30rem;margin:0 auto 2rem;text-wrap:balance}
.btn{display:inline-block;background:var(--sage);color:var(--ink);font-weight:700;text-decoration:none;text-align:center;padding:.85rem 1.5rem;border-radius:999px;border:2px solid var(--sage);line-height:1.2}
.btn:hover{background:var(--offwhite);border-color:var(--offwhite);color:var(--ink)}
.site-footer{border-top:1px solid var(--line);padding:1.5rem 0;text-align:center;font-size:.9rem;color:var(--muted)}
.site-footer p{margin:0}
@media (max-width:29.99rem){main{padding:3rem 0}.btn{display:block;width:100%}}