@font-face{font-family:Jost;font-style:normal;font-weight:100 900;font-display:swap;src:url("/assets/fonts/jost-latin.woff2") format("woff2")}
@font-face{font-family:Newsreader;font-style:normal;font-weight:300 500;font-display:swap;src:url("/assets/fonts/newsreader-latin.woff2") format("woff2")}
@font-face{font-family:Newsreader;font-style:italic;font-weight:300 500;font-display:swap;src:url("/assets/fonts/newsreader-italic-latin.woff2") format("woff2")}

:root{
  --ink:#1A1A1A;
  --ink-2:#4D4848;
  --ink-3:#5E5858;
  --ink-footer:#3A3535;
  --white:#FFFFFF;
  --sand:#E3C9B9;
  --blush:#F6DCD7;
  --mist:#EEECEC;
  --cream:#F3E8E0;
  --rule:#DCC6B7;
  --line:#CBC5C5;
  --input-border:#8A8484;
  --focus:#1A1A1A;
  --ink-warm:#2E2A2A;
  --rule-strong:#C9AE9D;
  --ink-line:rgba(26,26,26,.18);
  --ink-line-faint:rgba(26,26,26,.16);
  --shadow-ink:rgba(40,30,30,.12);
  --verify-bg:#FFF3B0;
  --ok:#3E8A5E;
  --button-py:.75rem;
  --consent-btn:11rem;
  --font-body:Jost,system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-display:Newsreader,Georgia,serif;
  --s1:.5rem;--s2:1rem;--s3:1.5rem;--s4:2rem;--s5:3rem;--s6:5rem;
  --gutter:clamp(1rem,5vw,4rem);
  --measure:65ch;
  --t-small:.875rem;--t-base:1rem;--t-lead:1.1875rem;
  --t-h3:1.375rem;--t-h2:clamp(1.625rem,3.5vw,2.25rem);--t-h1:clamp(2.25rem,7vw,4.25rem);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--font-body);font-size:var(--t-base);line-height:1.6;overflow-wrap:break-word}
img,picture{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none;text-underline-offset:.2em}
main p a:not(.button),main .v-steps li>span a{text-decoration:underline}
main p a.tel-plain{text-decoration:none}
h1,h2,h3{font-family:var(--font-display);font-weight:300;line-height:1.1;letter-spacing:-.02em;margin:0 0 var(--s2);text-wrap:balance}
h1{font-size:var(--t-h1);line-height:1.03}
h2{font-size:var(--t-h2)}
h3{font-size:var(--t-h3)}
h1 em,h2 em{font-style:italic}
p{margin:0 0 var(--s2);text-wrap:pretty}
.lead{font-size:var(--t-lead);color:var(--ink-2);max-width:var(--measure)}
.eyebrow{font-family:var(--font-body);font-weight:400;font-size:.8125rem;line-height:normal;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);margin:0 0 var(--s2)}
.container{max-width:80rem;margin-inline:auto;padding-inline:var(--gutter)}
.section{padding-block:clamp(3rem,7.5vw,6rem)}
.surface-sand{background:var(--sand);color:var(--ink)}
.surface-blush{background:var(--blush);color:var(--ink)}
.surface-cream{background:var(--cream);color:var(--ink)}
.surface-mist{background:var(--mist);color:var(--ink)}
.surface-white{background:var(--white);color:var(--ink)}
.surface-sand .eyebrow,.surface-sand .lead,.surface-sand p{color:var(--ink-footer)}

:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:2px}

.button{display:inline-block;background:var(--sand);color:var(--ink);padding:var(--button-py) 1.4rem;border-radius:999px;font-size:var(--t-base);font-weight:500;text-decoration:none;border:0;cursor:pointer;font-family:inherit}
.button:hover{background:var(--blush)}
.link-underline{text-decoration:none;border-bottom:1px solid var(--ink);padding:.5rem 0}

input,textarea,select{font:inherit;color:var(--ink);background:var(--white);border:1px solid var(--input-border);border-radius:4px;padding:.65rem .8rem;width:100%}

.skip-link{position:absolute;left:var(--s2);top:-4rem;z-index:100;background:var(--ink);color:var(--white);padding:.75rem 1rem;border-radius:4px}
.skip-link:focus{top:var(--s1)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.crisis{background:var(--blush);color:var(--ink);font-size:var(--t-small);line-height:20px}
.crisis .container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem var(--s3);padding-block:10px}
.crisis p{margin:0}
.crisis a{text-decoration:none}
@media (max-width:39.99em){.crisis{font-size:.8125rem;line-height:16px}.crisis .container{gap:0;padding-block:6px}}
.site-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s2) var(--s3);padding-block:var(--s2)}
.logo{display:block}
.logo img{width:6.8rem;height:4.8rem;object-fit:contain}
.nav-toggle{display:none;font:inherit;font-size:var(--t-base);background:var(--white);color:var(--ink);border:1px solid var(--input-border);border-radius:999px;padding:.55rem 1.1rem;cursor:pointer}
.site-nav{flex-basis:100%;order:3}
.site-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.site-nav a{display:block;padding:.7rem 0;color:var(--ink-2);text-decoration:none;border-bottom:1px solid transparent}
.site-nav a:hover{color:var(--ink)}
.site-nav a[aria-current]{color:var(--ink);border-bottom-color:var(--ink)}
.site-cta{order:2}
.js .nav-toggle{display:inline-block}
.js .nav-toggle[aria-expanded="false"]~.site-nav{display:none}
@media (min-width:56em){
  .site-bar{flex-wrap:nowrap}
  .logo img{width:8.5rem;height:6rem}
  .nav-toggle,.js .nav-toggle{display:none}
  .js .nav-toggle[aria-expanded="false"]~.site-nav,.site-nav{display:block}
  .site-nav{flex-basis:auto;order:0}
  .site-nav ul{flex-direction:row;gap:2.25rem}
  .site-nav a{font-size:.9375rem;padding:6px 0}
  .site-cta{order:0;font-size:.9375rem;padding:12px 20px}
}

.mm,.mm-chev,.mm-btn{display:none}
@media (min-width:56em){
  .site-header{position:relative}
  .has-mm>a{position:relative;display:flex;align-items:center;gap:6px}
  .mm-chev{display:block;flex:none;transition:transform .18s ease}
  .mm{display:block;position:absolute;left:0;right:0;top:100%;z-index:60;background:var(--white);border-top:1px solid var(--mist);box-shadow:0 28px 60px var(--shadow-ink);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .2s}
  .has-mm>a::after{content:"";position:absolute;left:0;right:0;top:100%;height:48px}
  .mm-in{padding-block:32px 40px}
  .mm-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 48px;padding-bottom:24px;margin-bottom:16px;border-bottom:1px solid var(--mist)}
  .mm-head{display:flex;flex-direction:column;gap:10px}
  .mm-eyebrow{margin:0;font-size:13px;line-height:1.45;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}
  .mm-title{margin:0;font-family:var(--font-display);font-weight:300;font-size:30px;line-height:1.1;color:var(--ink)}
  .mm-links{display:flex;align-items:center;gap:28px;flex-shrink:0;font-size:15px}
  .mm-foot{margin:calc(var(--s6) + var(--s2)) 0 0;padding:16px 0 0;border-top:1px solid var(--mist)}
  @media (min-width:62.5em){.mm-foot{margin-top:calc(var(--s5) + var(--s3))}}
  @media (min-width:80em){.mm-foot{margin-top:var(--s5)}}
  .site-nav .mm a.mm-ref{display:inline-block;padding:4px 0;border-bottom:1px solid var(--line);color:var(--ink-2);font-size:15px}
  .site-nav .mm a.mm-ref:hover{color:var(--ink)}
  .site-nav .mm a.mm-all{display:inline-block;padding:12px 22px;border-bottom:0;font-size:15px;color:var(--ink)}
  .site-nav .mm-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  .mm-grid li{display:grid}
  .site-nav .mm a.mm-item{position:relative;display:block;padding:14px 18px;border-bottom:0;border-radius:6px;color:var(--ink);transition:border-radius .2s ease}
  .mm-name{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:20px;line-height:1.2}
  .mm-arrow{font-family:var(--font-body);font-size:15px;opacity:0;transform:translateX(-4px);transition:opacity .15s ease,transform .15s ease}
  .mm-desc{position:absolute;left:0;right:0;top:100%;display:block;padding:0 18px 16px;border-radius:0 0 6px 6px;background:inherit;box-shadow:0 14px 24px var(--shadow-ink);font-size:14px;line-height:1.45;color:var(--ink-2);opacity:0;clip-path:inset(0 -40px 100% -40px);pointer-events:none;transition:clip-path .24s ease,opacity .2s ease}
  .site-nav .mm a.mm-item:hover,.site-nav .mm a.mm-item:focus-visible{z-index:3;border-radius:6px 6px 0 0;color:var(--ink)}
  .mm-item:hover .mm-desc,.mm-item:focus-visible .mm-desc{opacity:1;clip-path:inset(0 -40px -40px -40px);pointer-events:auto}
  .mm-item:hover .mm-arrow,.mm-item:focus-visible .mm-arrow{opacity:1;transform:none}
  .site-nav .mm a.mm-item[aria-current]{box-shadow:inset 4px 0 0 var(--ink)}
  @media (forced-colors:active){.site-nav .mm a.mm-item[aria-current]{border-left:4px solid CanvasText;padding-left:14px}}
  .site-nav .mm a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
  .site-nav .mm a.mm-item:focus-visible{outline-offset:-2px}
  .has-mm:not(.mm-js):focus-within .mm,.has-mm.mm-open .mm{opacity:1;visibility:visible;transform:none;transition-delay:.06s,.06s,0s}
  .has-mm:not(.mm-js):focus-within .mm-chev,.has-mm.mm-open .mm-chev{transform:rotate(180deg)}
  .has-mm.mm-js{display:flex}
  .has-mm.mm-js>a .mm-chev{visibility:hidden}
  .has-mm.mm-js>a{align-self:flex-start}
  /* -17px/-7px pull the button over the link's hidden chevron slot (6px gap + 10px chevron + 1px glyph overlap); 24px is the WCAG 2.5.8 floor. Change the chevron or gap and these move with them. */
  .has-mm.mm-js .mm-btn{display:flex;align-items:center;justify-content:center;position:relative;flex:none;align-self:flex-start;width:24px;height:36px;height:calc(1lh + 12px);margin:0 -7px 0 -17px;padding:0;font:inherit;font-size:.9375rem;color:var(--ink-2);background:none;border:0;cursor:pointer}
  .has-mm .mm-btn:focus-visible{outline-offset:-3px}
  @media (hover:none){.has-mm.mm-js .mm-btn::after{content:'';position:absolute;top:0;bottom:0;left:100%;width:20px}}
  .has-mm>a:hover+.mm-btn,.has-mm>a[aria-current]+.mm-btn,.has-mm .mm-btn:hover{color:var(--ink)}
}
@media (min-width:56em) and (hover:hover){
  .has-mm:hover .mm{opacity:1;visibility:visible;transform:none;transition-delay:.06s,.06s,0s}
  .has-mm:hover .mm-chev{transform:rotate(180deg)}
}
@media (min-width:56em){
  .has-mm.mm-off .mm{opacity:0;visibility:hidden}
  .has-mm.mm-off .mm-chev{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .mm,.mm-chev,.mm-item,.mm-arrow,.mm-desc{transition:none!important}
  .mm{transform:none!important}
}

.site-footer{background:var(--cream);color:var(--ink-warm);font-size:var(--t-small);margin-top:var(--s6)}
main:has(>.cta:last-child)+.site-footer,.flush+.site-footer{margin-top:0}
.site-footer a{text-decoration:none}
.site-footer a:hover{opacity:.7}
.site-footer .container{padding-block:3rem 2rem;display:flex;flex-direction:column;gap:2rem}
.footer-grid{display:grid;grid-template-columns:1fr;gap:0}
.footer-brand{display:flex;flex-direction:column;gap:1.25rem;padding-bottom:var(--s2)}
.footer-contact{font-size:.9375rem;line-height:1.7;font-style:normal;margin:0;color:var(--ink-footer)}
.footer-col{border-top:1px solid var(--rule)}
.footer-col summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding-block:.5rem;cursor:pointer;font-family:var(--font-display);font-size:1.375rem;color:var(--ink);list-style:none}
.footer-col summary::-webkit-details-marker{display:none}
.footer-col summary::after{content:"+";font-family:var(--font-body);font-size:1.25rem}
.footer-col[open] summary::after{content:"\2212"}
.footer-col h2{font-size:.9375rem;font-family:var(--font-body);font-weight:400;letter-spacing:0;line-height:1.5;margin:0 0 .25rem}
.footer-col h2 a,.footer-col li a{display:inline-block;padding:.65rem 0;font-size:.9375rem;color:var(--ink-footer);line-height:1.4}
.footer-col ul{list-style:none;margin:0 0 var(--s2);padding:0;display:flex;flex-direction:column}
.footer-ack{border-top:1px solid var(--rule);padding-top:var(--s3);display:grid;gap:var(--s2)}
.footer-ack p{margin:0;max-width:35rem;line-height:1.6;color:var(--ink-footer)}
.footer-ack ul,.footer-legal ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem var(--s3)}
.footer-ack a{display:inline-block;padding:.65rem 0;font-size:.9375rem;color:var(--ink-footer)}
.footer-legal a,.footer-legal button{display:inline-block;padding:.65rem 0}
.footer-legal{border-top:1px solid var(--rule);padding-top:var(--s2);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s1) var(--s3);color:var(--ink-2)}
.footer-legal p{margin:0}
@media (min-width:40em) and (max-width:63.99em){
  .footer-grid{grid-template-columns:1fr 1fr;column-gap:2rem}
  .footer-brand{grid-column:1/-1;flex-direction:row;align-items:center;gap:2rem}
}
@media (min-width:64em){
  .site-footer .container{padding-block:80px 48px;gap:56px}
  .footer-grid{grid-template-columns:1.1fr repeat(5,minmax(min-content,1fr));gap:40px}
  .footer-brand{padding-bottom:0}
  .footer-col{border-top:0}
  .footer-col summary{display:none}
  .footer-col::details-content{content-visibility:visible;display:block}
  .footer-col h2{margin:0 0 14px}
  .footer-col h2 a{font-family:var(--font-display);font-size:1.375rem;color:var(--ink);padding:0;line-height:normal;display:block}
  .footer-col ul{gap:14px;margin:0}
  .footer-col li a{padding:0;display:block;line-height:normal}
  .footer-ack{grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding-top:32px}
  .footer-ack ul{justify-content:flex-end;gap:24px}
  .footer-ack a{padding:0}
  .footer-legal{padding-top:24px;gap:24px}
  .footer-legal a,.footer-legal button{padding:0}
  .footer-legal ul{gap:24px}
}

.hero{display:grid;gap:var(--s4);padding-block:var(--s4) var(--s6);align-items:center}
.hero-actions{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s3);align-items:center}
.hero-media{border-radius:200px 200px 6px 6px;overflow:hidden;background:var(--mist);max-width:28rem}
.hero-media img{width:100%}
@media (min-width:56em){.hero{grid-template-columns:1fr 1fr;gap:3.5rem}}

@media (prefers-reduced-motion:no-preference){
  .button,.site-nav a{transition:background-color .15s ease,color .15s ease}
}

.crumbs{display:flex;padding-top:1.5rem;font-size:var(--t-small);line-height:normal;color:var(--ink-3)}
.cards{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2)}
@media (min-width:40em){.cards{grid-template-columns:repeat(2,1fr)}}

/* STAN-101 consent banner, its confirmation and the footer button. These rules ship in every build but match nothing unless a prod
   build with analytics IDs injects the elements (scripts/build.mjs). */
.consent{position:fixed;left:0;right:0;bottom:0;z-index:90;max-height:40vh;overflow-y:auto;background:var(--ink);color:var(--white);font-size:var(--t-small)}
.consent-closing{opacity:0}
.consent :focus-visible{outline-color:var(--white)}
.consent-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s2) var(--s3);padding-block:var(--s2)}
.consent-copy{flex:1 1 calc(2 * var(--consent-btn));max-width:var(--measure)}
.consent p{margin:0}
.consent-copy p+p{margin-top:var(--s1)}
.consent a{text-decoration:underline}
.consent-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1) var(--s2)}
.consent .button{width:var(--consent-btn);padding-inline:0;text-align:center}
.consent-close{font:inherit;color:var(--white);background:none;border:0;padding:var(--button-py) 0;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
@media (max-width:39.99em){
  .consent-actions{flex:1 1 100%}
  .consent .button{flex:1 1 0;width:auto;font-size:var(--t-small)}
}
.consent-status{position:fixed;left:0;right:0;bottom:0;z-index:90;margin:0;background:var(--ink);color:var(--white);font-size:var(--t-small);text-align:center;padding:var(--s1) var(--gutter)}
.consent-status:empty{padding:0}
html.consent-open{scroll-padding-bottom:var(--consent-h,0)}
html.consent-open body{padding-bottom:var(--consent-h,0)}
/* Short screens (landscape phones, high zoom): both bars sit in the page flow, so the banner never hides its own buttons. */
@media (max-height:34em){
  .consent,.consent-status{position:static;max-height:none}
  html.consent-open{scroll-padding-bottom:0}
  html.consent-open body{padding-bottom:0}
}
/* The open mobile menu is never covered: the banner hides until it closes (no choice is lost, nothing has loaded). */
@media (max-width:55.99em){html:has(.nav-toggle[aria-expanded="true"]) .consent{display:none}}
.footer-legal button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.footer-legal button:hover{opacity:.7}
