@font-face{font-family:"Atkinson Hyperlegible";src:url("/fonts/AtkinsonHyperlegible-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible";src:url("/fonts/AtkinsonHyperlegible-Bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
:root{--ink:#263a43;--ink-soft:#48616b;--paper:#f2efe7;--sea:#d2e1de;--sea-deep:#2e6964;--warm:#c98d59;--line:#b8c8c4}
*{box-sizing:border-box}html{color-scheme:light}body{margin:0;color:var(--ink);background:#213a42;font-family:"Atkinson Hyperlegible",Aptos,"Segoe UI",Arial,sans-serif;min-height:100vh}
main{min-height:100vh;padding:0 0 clamp(1rem,4vw,3rem);background:linear-gradient(180deg,#1c363d,#294b51)}
.brand-header{display:grid;justify-items:center;gap:.35rem;padding:clamp(1.2rem,3vw,2.2rem) 1rem 1.1rem;background:linear-gradient(145deg,#f4f1e9,#e7ede8);border-bottom:1px solid rgba(38,58,67,.2)}
.artwork-hero{width:100%;aspect-ratio:1.888/1;background-image:linear-gradient(180deg,rgba(16,42,47,.05),rgba(16,42,47,.2)),url("/equal-regard-community-hero-v0.3-aspiration.png");background-size:cover;background-position:center;box-shadow:inset 0 -2rem 4rem rgba(9,29,34,.28)}
.landing-grid{width:min(calc(100% - 2rem),92rem);margin:clamp(1.25rem,4vw,3rem) auto 0;display:grid;grid-template-columns:minmax(15rem,1fr) minmax(28rem,2.15fr) minmax(15rem,1fr);gap:clamp(1rem,2vw,1.6rem);align-items:start}.holding-card{min-width:0;margin:0;padding:clamp(1.5rem,4vw,3.8rem);background:linear-gradient(145deg,rgba(244,241,233,.98),rgba(230,235,230,.97));border:1px solid rgba(255,255,255,.46);border-radius:1.5rem;box-shadow:0 1.8rem 5rem rgba(4,20,25,.38)}
.timer-card{display:block;overflow:hidden;color:var(--ink);background:linear-gradient(145deg,#f4f1e9,#e5ece8);border:1px solid rgba(255,255,255,.58);border-radius:1.25rem;box-shadow:0 1rem 2.5rem rgba(4,20,25,.3);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.timer-card:hover{transform:translateY(-.25rem);box-shadow:0 1.35rem 3rem rgba(4,20,25,.38)}.timer-card:focus-visible{outline:.3rem solid #e3a323;outline-offset:.28rem}.timer-card-image{display:block;width:100%;aspect-ratio:4/3;background-size:cover;background-position:center}.wellbeing-card .timer-card-image{background-image:linear-gradient(rgba(19,52,56,.05),rgba(19,52,56,.16)),url("/timer-card-wellbeing.png");background-position:68% center}.work-card .timer-card-image{background-image:linear-gradient(rgba(19,52,56,.06),rgba(19,52,56,.18)),url("/timer-card-work.png");background-position:center}.timer-card-body{display:grid;gap:.55rem;padding:1.15rem}.timer-kicker{color:var(--sea-deep);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.timer-card strong{font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.15}.timer-card-body>span:not(.timer-kicker):not(.timer-action){color:var(--ink-soft);line-height:1.5}.timer-action{justify-self:start;margin-top:.25rem;padding:.55rem .8rem;color:#fff;background:var(--ink);border-radius:.5rem;font-weight:800}.ai-disclosure{width:min(calc(100% - 2rem),76rem);margin:1.35rem auto 0;padding:1rem 1.15rem;color:#fff8e8;background:rgba(38,58,67,.92);border:1px solid #d7a474;border-radius:.8rem;font-size:.88rem;line-height:1.55}
.brand-logo{display:block;width:min(21rem,72vw);height:auto;margin:0}
.eyebrow{margin:0;color:var(--sea-deep);font-size:.86rem;font-weight:700;letter-spacing:.10em;text-transform:uppercase}
h1,h2{font-family:"Atkinson Hyperlegible",Aptos,"Segoe UI",Arial,sans-serif}h1{margin:0;font-size:clamp(2.35rem,7vw,4.55rem);font-weight:700;line-height:1.04;letter-spacing:-.018em}
.lead{max-width:47rem;margin:1.5rem 0 2.25rem;color:var(--ink-soft);font-size:clamp(1.1rem,2.5vw,1.38rem);line-height:1.65}
.contact-panel{padding:clamp(1.25rem,3.5vw,2rem);background:linear-gradient(135deg,#d3e2df,#c4d8d4);border-left:.35rem solid var(--sea-deep);border-radius:.3rem 1rem 1rem .3rem;box-shadow:inset 0 1px rgba(255,255,255,.5)}
.contact-panel h2{margin:0 0 .5rem;font-size:1.55rem;letter-spacing:-.01em}.contact-panel p{max-width:44rem;margin:0 0 1rem;line-height:1.65}
.contact-link{display:inline-block;color:#fff;background:var(--ink);padding:.85rem 1.1rem;border-radius:.55rem;font-weight:750;text-underline-offset:.2em}.contact-link:hover{background:var(--sea-deep)}.contact-link:focus-visible{outline:.25rem solid var(--warm);outline-offset:.25rem}
.boundary{margin-top:1.75rem;padding:clamp(1.25rem,3vw,1.8rem);color:#fffaf0;background:linear-gradient(135deg,#263a43,#31565c);border:2px solid #d7a474;border-radius:1rem;box-shadow:0 .5rem 1.35rem rgba(23,48,53,.25)}
.boundary h2{margin:0 0 .65rem;font-size:clamp(1.35rem,3vw,1.7rem);font-weight:700}
.boundary p{margin:0;font-size:clamp(1.08rem,2.4vw,1.22rem);line-height:1.6}
.support-link{display:inline-block;margin-top:1rem;padding:.75rem 1rem;color:#263a43;background:#fffaf0;border-radius:.55rem;font-weight:800;text-underline-offset:.2em}.support-link:hover{background:#dcebe7}.support-link:focus-visible,.back-link:focus-visible,.support-card a:focus-visible{outline:.25rem solid #e3a323;outline-offset:.2rem}
.support-page{display:grid;place-items:start center;padding:clamp(1rem,4vw,3rem)}.support-card{width:min(100%,58rem);padding:clamp(1.4rem,5vw,4rem);background:linear-gradient(145deg,#f4f1e9,#e6ebe6);border-radius:1.4rem;box-shadow:0 1.8rem 5rem rgba(4,20,25,.38)}.back-link{display:inline-block;margin-bottom:1.5rem;color:var(--sea-deep);font-weight:800;text-underline-offset:.2em}.support-card h1{margin:.35rem 0 1rem}.support-intro{margin:0 0 1.5rem;color:var(--ink-soft);font-size:clamp(1.08rem,2.5vw,1.3rem);line-height:1.6}.emergency-panel{padding:1.25rem;color:#fff;background:#6f2930;border-radius:.9rem}.emergency-panel h2,.international-panel h2,.support-list h2{margin:0 0 .45rem}.emergency-panel p{margin:0 0 .85rem;line-height:1.55}.call-link{display:inline-block;padding:.7rem 1rem;color:#6f2930;background:#fff;border-radius:.5rem;font-weight:800}.support-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0}.support-list article,.international-panel{padding:1.2rem;background:#d3e2df;border:1px solid #abc4bf;border-radius:.9rem}.support-list p,.international-panel p{line-height:1.55}.support-list a,.international-panel a{color:#174f4b;font-weight:800;text-underline-offset:.2em}.international-panel{background:#efe0cf;border-color:#d7b995}.support-note{margin:1.3rem 0 0;color:var(--ink-soft);font-size:.9rem;line-height:1.55}
.privacy-note{margin:1.25rem 0 0;color:var(--ink-soft);font-size:.92rem;line-height:1.55}
footer{display:flex;justify-content:space-between;gap:1rem;margin-top:2.5rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--ink-soft);font-size:.8rem}
@media(max-width:68rem){.landing-grid{grid-template-columns:1fr 1fr}.holding-card{grid-column:1/-1;grid-row:1}.wellbeing-card{grid-column:1}.work-card{grid-column:2}}
@media(max-width:48rem){.support-list{grid-template-columns:1fr}}
@media(max-width:38rem){main{padding-bottom:.7rem}.brand-header{padding-block:1rem .85rem}.artwork-hero{aspect-ratio:4/3;background-position:center}.landing-grid{width:calc(100% - 1rem);grid-template-columns:1fr}.holding-card,.wellbeing-card,.work-card{grid-column:1}.holding-card{grid-row:1;border-radius:1rem}.wellbeing-card{grid-row:2}.work-card{grid-row:3}.timer-card-image{aspect-ratio:16/9}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}
