@font-face{font-family:"ID Sans";src:url("fonts/SpaceGrotesk-Variable.woff2") format("woff2");font-display:swap;font-weight:300 800}
@font-face{font-family:"ID Serif";src:url("fonts/SourceSerif4-Variable.woff2") format("woff2");font-display:swap;font-weight:300 900}
:root{--paper:#f4f0e7;--paper-bright:#fffdf7;--ink:#15343b;--muted:#53656a;--coral:#e7634f;--mint:#b9f0d0;--line:rgba(21,52,59,.18)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"ID Sans",Arial,sans-serif;line-height:1.65}
a{color:inherit;text-underline-offset:.22em}
a:focus-visible{outline:3px solid var(--coral);outline-offset:4px}
.skip{position:fixed;left:1rem;top:-5rem;z-index:10;background:var(--paper-bright);padding:.75rem 1rem;border:2px solid var(--ink)}
.skip:focus{top:1rem}
.wrap{width:min(100% - 2.4rem,860px);margin-inline:auto}
header{border-bottom:1px solid var(--line);background:rgba(255,253,247,.82)}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{font-weight:800;text-decoration:none;letter-spacing:-.02em}
.language{display:flex;gap:.75rem;align-items:center}
main{padding:clamp(3rem,8vw,6rem) 0}
.eyebrow{color:#8f392e;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
h1,h2{font-family:"ID Serif",Georgia,serif;line-height:1.02;letter-spacing:-.035em}
h1{font-size:clamp(2.8rem,8vw,5.3rem);max-width:13ch;margin:.4rem 0 1.5rem}
h2{font-size:clamp(1.7rem,4vw,2.45rem);margin:2.8rem 0 .8rem}
.lead{font-size:1.16rem;max-width:64ch;color:#27383b}
.legal section{padding-top:.3rem}
.notice{margin:2rem 0;padding:1.2rem;border-left:5px solid var(--coral);background:var(--paper-bright)}
code{font-size:.92em}
footer{border-top:1px solid var(--line);padding:2rem 0 3rem;color:var(--muted)}
.footer-row{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.error-card{min-height:70vh;display:grid;align-content:center}
.error-code{font-family:"ID Serif";font-size:clamp(5rem,20vw,11rem);line-height:.7;color:var(--coral);margin:0}
.button{display:inline-flex;min-height:48px;align-items:center;padding:.75rem 1rem;background:var(--coral);color:#071d22;font-weight:800;text-decoration:none;border-radius:.35rem}
@media(max-width:560px){.nav{align-items:flex-start;padding-block:1rem;flex-direction:column}.language{width:100%;justify-content:space-between}}