/* Antemark — site styles. Fonts are self-hosted (SIL Open Font License). */
@font-face{font-family:'Cormorant Garamond';font-weight:500;font-style:normal;font-display:swap;src:url('/assets/fonts/cormorant-garamond-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-weight:600;font-style:normal;font-display:swap;src:url('/assets/fonts/cormorant-garamond-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-weight:500;font-style:italic;font-display:swap;src:url('/assets/fonts/cormorant-garamond-latin-500-italic.woff2') format('woff2')}
@font-face{font-family:'Archivo';font-weight:400;font-display:swap;src:url('/assets/fonts/archivo-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Archivo';font-weight:500;font-display:swap;src:url('/assets/fonts/archivo-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Archivo';font-weight:600;font-display:swap;src:url('/assets/fonts/archivo-latin-600-normal.woff2') format('woff2')}

:root{
  color-scheme:light;
  --bg:#F4F1EA; --surface:#E9E5DC; --card:#FAF8F3;
  --text:#1B1F24; --muted:#4A4F57; --rule:#D8D2C6;
  --accent:#8F5F33; --accent-hover:#6E4824;
  --deep:#1E262E; --deep-2:#262E37; --on-deep:#F4F1EA; --on-deep-muted:#C8C9CC; --rule-deep:#3A434D; --accent-on-deep:#C9A27C;
  --btn:#1B1F24; --on-btn:#F4F1EA;
  --field:#FFFFFF; --field-border:#B3AB9D;
  --ok:#5F7F66; --watch:#C9A24A; --off:#3A434D;
  --display:'Cormorant Garamond','Iowan Old Style',Georgia,serif;
  --body:'Archivo','Helvetica Neue',Arial,sans-serif;
  --gutter:clamp(16px,5vw,96px);
}
@media (prefers-color-scheme: dark){
  :root{
    color-scheme:dark;
    --bg:#14181C; --surface:#1B2026; --card:#20262D;
    --text:#ECE7DD; --muted:#B0B3B8; --rule:#2F363E;
    --accent:#C9A27C; --accent-hover:#DDBB97;
    --deep:#0E1114; --deep-2:#181D22; --on-deep:#ECE7DD; --on-deep-muted:#B8BBC0; --rule-deep:#2C333B; --accent-on-deep:#C9A27C;
    --btn:#ECE7DD; --on-btn:#14181C;
    --field:#14181C; --field-border:#4A525B;
  }
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%}
[hidden]{display:none!important}
a{color:var(--accent)} a:hover{color:var(--accent-hover)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
h1,h2,h3,p{margin:0}
h1,h2{font-family:var(--display);font-weight:500;text-wrap:balance;letter-spacing:-0.005em;font-variant-numeric:lining-nums}
h3{font-size:1.15rem;font-weight:600;line-height:1.35}
.skip{position:absolute;left:-9999px;top:0;background:var(--btn);color:var(--on-btn);padding:10px 16px;z-index:20}
.skip:focus{left:16px;top:16px}
.wrap{max-width:1240px;margin:0 auto;padding-inline:var(--gutter)}
.band{padding-block:clamp(72px,10vw,128px)}
.deep{background:var(--deep);color:var(--on-deep)}
.deep a:not(.btn){color:var(--accent-on-deep)}
.surface{background:var(--surface)}
.eyebrow{font-size:.78rem;letter-spacing:.28em;text-transform:uppercase;font-weight:600;color:var(--accent)}
.deep .eyebrow{color:var(--accent-on-deep)}
.lede{font-size:1.2rem;color:var(--muted);max-width:40ch}
.deep .lede,.deep p{color:var(--on-deep-muted)}
.h2{font-size:clamp(2.2rem,4.6vw,3.9rem);line-height:1.06;max-width:22ch}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;background:var(--btn);color:var(--on-btn);text-decoration:none;font-weight:500;font-size:1rem;border:0;cursor:pointer;font-family:var(--body);transition:background .2s,color .2s}
.btn:hover{color:var(--on-btn);background:var(--accent)}
.deep .btn{background:var(--on-deep);color:var(--deep)}
.deep .btn:hover{background:var(--accent-on-deep);color:var(--deep)}
.link{font-weight:500;text-underline-offset:4px}

/* header */
.site-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;background:var(--bg);border-bottom:1px solid var(--rule)}
@supports (backdrop-filter:blur(8px)){.site-head{background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px)}}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}
.mark{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-family:var(--display);font-size:1.6rem;font-weight:500;letter-spacing:.2em}
.mark:hover{color:var(--text)}
.mark .bar{width:2px;height:1.2em;background:var(--accent)}
.mark .m{color:var(--accent)}
.nav{display:flex;align-items:center;gap:32px;font-size:.95rem}
.nav a:not(.btn){color:var(--muted);text-decoration:none}
.nav a:not(.btn):hover{color:var(--text)}
.nav .btn{min-height:44px;padding:0 20px;font-size:.92rem}
@media (max-width:820px){.nav a:not(.btn){display:none}.mark{font-size:1.25rem}}
@media (max-width:420px){.nav .btn .long{display:none}}

/* hero */
.hero .wrap{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(40px,6vw,88px);align-items:center;padding-block:clamp(64px,9vw,120px)}
.hero h1{font-size:clamp(2.8rem,6.4vw,5.4rem);line-height:1.02;margin-block:22px 26px}
.hero .actions{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin-top:36px}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr}}

.watch{background:var(--deep);color:var(--on-deep);padding:clamp(28px,4vw,40px);font-size:.95rem}
.watch .top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;font-weight:600;color:var(--accent-on-deep)}
.levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-block:22px 8px}
.levels span{height:8px;background:var(--off)}
.levels .l1{background:var(--ok)} .levels .l2{background:var(--watch);animation:pulse 2.6s ease-in-out infinite}
@keyframes pulse{50%{opacity:.55}}
.level-names{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--on-deep-muted)}
.level-names .on{color:var(--on-deep)}
.watch .status{font-family:var(--display);font-size:2rem;margin-block:22px 10px;color:var(--on-deep)}
.watch .msg{color:var(--on-deep-muted);line-height:1.55}
.checks{list-style:none;margin:22px 0 0;padding:20px 0 0;border-top:1px solid var(--rule-deep);display:grid;gap:9px}
.checks li{display:flex;gap:10px;align-items:baseline}
.checks li::before{content:"";flex:none;width:7px;height:7px;background:var(--ok);transform:translateY(-1px)}
.watch .next{margin-top:18px;font-size:.85rem;color:var(--on-deep-muted)}

/* problem */
.cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,40px);margin-top:56px}
.cols3 > div{border-top:2px solid var(--accent-on-deep);padding-top:24px;display:grid;gap:12px;align-content:start}
@media (max-width:860px){.cols3{grid-template-columns:1fr}}
.scale{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:56px;border:1px solid var(--rule-deep)}
.scale > div{padding:24px 28px;display:grid;gap:6px}
.scale > div + div{border-left:1px solid var(--rule-deep)}
.scale .k{font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;font-weight:600;color:var(--accent-on-deep)}
.scale .v{font-size:1.1rem;color:var(--on-deep)}
@media (max-width:700px){.scale{grid-template-columns:1fr}.scale > div + div{border-left:0;border-top:1px solid var(--rule-deep)}}
.scale-note{margin-top:18px;font-size:.95rem}

/* guide */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,96px);align-items:start}
@media (max-width:860px){.split{grid-template-columns:1fr}}
.split .lede{margin-top:24px;max-width:48ch}
.rows{display:grid}
.rows > div{padding-block:26px;border-top:1px solid var(--rule);display:grid;gap:8px}
.rows > div:last-child{border-bottom:1px solid var(--rule)}
.rows p{color:var(--muted)}

/* plan */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-block:56px 44px}
.step{background:var(--card);padding:clamp(28px,3.5vw,44px);display:grid;gap:14px;align-content:start}
.step .n{font-family:var(--display);font-size:3.2rem;line-height:1;color:var(--accent);font-variant-numeric:lining-nums}
.step p{color:var(--muted)}
.step.reserve{background:var(--deep);color:var(--on-deep)}
.step.reserve .n{color:var(--accent-on-deep)} .step.reserve p{color:var(--on-deep-muted)}
.step .q{font-size:.9rem;font-weight:600;color:var(--text)}
.step.reserve .q{color:var(--accent-on-deep)}
@media (max-width:900px){.steps{grid-template-columns:1fr}}

/* change */
.compare{display:grid;grid-template-columns:1fr 1fr;margin-top:56px;border:1px solid var(--rule-deep)}
.compare > div{padding:clamp(28px,4vw,48px);display:grid;gap:16px;align-content:start}
.compare > div + div{background:var(--deep-2);border-left:1px solid var(--rule-deep)}
.compare .k{font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;font-weight:600;color:var(--on-deep-muted)}
.compare > div + div .k{color:var(--accent-on-deep)}
.compare ul{margin:0;padding-left:1.1em;display:grid;gap:8px;color:var(--on-deep-muted)}
.compare > div + div ul{color:var(--on-deep)}
@media (max-width:760px){.compare{grid-template-columns:1fr}.compare > div + div{border-left:0;border-top:1px solid var(--rule-deep)}}
.payoff{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:20px 48px;margin-top:56px}
.payoff .big{font-family:var(--display);font-size:clamp(2rem,4vw,3.2rem);line-height:1.12;color:var(--on-deep)!important}
.arc{font-size:.8rem;letter-spacing:.28em;text-transform:uppercase;font-weight:600;color:var(--accent-on-deep)!important}

/* discretion */
.discretion .split p{color:var(--muted);font-size:1.1rem}
.discretion .split > div{display:grid;gap:20px}

/* forms */
form{display:grid;gap:18px}
.field{display:grid;gap:7px}
label{font-size:.9rem;font-weight:600}
.opt{font-weight:400;color:var(--muted)}
input,select,textarea{min-height:50px;padding:10px 14px;border:1px solid var(--field-border);background:var(--field);color:var(--text);font:inherit;font-size:1rem;border-radius:0;width:100%}
textarea{min-height:110px;resize:vertical}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.fine{font-size:.85rem;color:var(--muted)}
.brief .split{align-items:center}
.brief form{background:var(--card);padding:clamp(24px,4vw,44px)}
.stack{display:grid;gap:18px}
.consult form{background:var(--deep-2);padding:clamp(24px,4vw,44px);border:1px solid var(--rule-deep)}
.consult label{color:var(--on-deep)}
.consult .opt{color:var(--on-deep-muted)}
.consult input,.consult select,.consult textarea{background:var(--deep);color:var(--on-deep);border-color:var(--rule-deep)}
.consult .fine{color:var(--on-deep-muted)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:560px){.two{grid-template-columns:1fr}}

/* simple pages (brief download, thank you, 404) */
.simple{padding-block:clamp(64px,9vw,112px)}
.simple .wrap{display:grid;gap:26px;max-width:900px;margin-inline:auto}
.simple h1{font-size:clamp(2.6rem,6vw,4.6rem);line-height:1.04}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px}
.decisions{list-style:none;margin:8px 0 0;padding:0;display:grid;border-top:1px solid var(--rule)}
.decisions li{display:grid;grid-template-columns:3rem 1fr;gap:12px;padding-block:18px;border-bottom:1px solid var(--rule)}
.decisions .n{font-family:var(--display);font-size:2rem;line-height:1;color:var(--accent);font-variant-numeric:lining-nums}
.decisions p{color:var(--muted)}

/* legal */
.legal{padding-block:clamp(56px,8vw,96px)}
.legal .wrap{max-width:820px;margin-inline:auto}
.legal h1{font-size:clamp(2.4rem,5vw,3.6rem);line-height:1.06}
.legal .meta{margin-top:14px;color:var(--muted);font-size:.95rem}
.legal .summary{margin-top:40px;background:var(--card);border:1px solid var(--rule);padding:clamp(22px,4vw,36px)}
.legal .summary h2{font-family:var(--body);font-size:1rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.legal .summary ul{margin:14px 0 0;padding-left:1.1em;display:grid;gap:8px}
.legal section{margin-top:44px;display:grid;gap:14px}
.legal section h2{font-size:1.9rem;line-height:1.15}
.legal ul{margin:0;padding-left:1.2em;display:grid;gap:8px}
.legal p,.legal li{max-width:68ch}

/* footer */
.site-foot{background:var(--deep);color:var(--on-deep-muted);border-top:1px solid var(--rule-deep)}
.site-foot .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding-block:48px}
.site-foot .mark{color:var(--on-deep);font-size:1.3rem}
.site-foot .mark .bar{background:var(--accent-on-deep)} .site-foot .mark .m{color:var(--accent-on-deep)}
.site-foot small{display:block;margin-top:10px;font-size:.7rem;letter-spacing:.28em;text-transform:uppercase}
.site-foot .meta{display:grid;gap:6px;font-size:.9rem;text-align:right}
.site-foot a{color:var(--on-deep-muted)} .site-foot a:hover{color:var(--on-deep)}
@media (max-width:600px){.site-foot .meta{text-align:left}}