@font-face{font-family:"Young Serif";src:url(/fonts/young-serif-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible";src:url(/fonts/atkinson-hyperlegible-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible";src:url(/fonts/atkinson-hyperlegible-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--forest:#1F3D2B;--chalk:#EEE9DD;--deep:#16301F;--soft:#A9B8AD;--hz:56svh;--w:clamp(260px,44vw,620px)}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--deep);color:var(--chalk);font-family:"Atkinson Hyperlegible",system-ui,sans-serif;font-size:16px;line-height:1.5}
.scene{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;background:linear-gradient(180deg,#E6E7DF 0,#F3E3CB calc(var(--hz)*.72),#F6DEC0 var(--hz),#5C7A7A var(--hz),#2E4C4E calc(var(--hz) + 90px),var(--deep) 100%);display:flex;flex-direction:column}
.land{position:absolute;right:0;top:calc(var(--hz) - 46px);width:min(520px,38vw);height:46px}
.swell{position:absolute;left:0;right:0;top:var(--hz);height:calc(100svh - var(--hz));width:100%}
.wrap{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-left,0px))}
.logo{position:absolute;left:calc(max(16px,env(safe-area-inset-left,0px)) - var(--w)*0.0322);top:calc(var(--hz) - var(--w)*0.1799);width:var(--w);height:auto;display:block}
.below{position:relative;padding-top:calc(var(--hz) + 30px)}
h1{margin:0;font-weight:700;font-size:clamp(13px,1.1vw,15px);letter-spacing:.22em;text-transform:uppercase;color:var(--chalk)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
footer{position:relative;margin-top:auto;padding:28px 0 max(22px,env(safe-area-inset-bottom,0px))}
footer p{margin:0;font-size:13px;color:var(--soft);max-width:70ch}
footer a,.plain a{color:var(--chalk);text-underline-offset:3px;display:inline-flex;align-items:center;min-height:44px}
:focus-visible{outline:3px solid var(--chalk);outline-offset:2px}
.plain{min-height:100vh;display:flex;flex-direction:column;justify-content:center}
.plain h1{font-family:"Young Serif",Georgia,serif;font-weight:400;font-size:clamp(32px,5vw,52px);letter-spacing:0;text-transform:none;line-height:1.1}
.plain p{margin:12px 0 0}
@media (max-width:600px){:root{--hz:50svh;--w:calc(100vw - 48px)}.land{display:none}}