:root{color-scheme:light;--ink:#173e35;--paper:#f7f7f1;--muted:#52685d;--line:#dbe2d8;--accent:#815e30}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,sans-serif}
a{color:inherit}a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.preview{background:var(--ink);color:#fff;text-align:center;padding:.4rem;letter-spacing:.15em;font-size:.65rem}
header,footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,5vw,5rem);border-bottom:1px solid var(--line)}
.brand{font-weight:650;text-decoration:none}.language,.button{display:inline-block;border-radius:30px;padding:.6rem 1rem;text-decoration:none;font-size:.875rem}.language{border:1px solid var(--line);white-space:nowrap}.button{background:var(--ink);color:white}
main{max-width:1250px;margin:auto;padding:0 clamp(1rem,5vw,3rem)}
.intro{padding:clamp(2.4rem,8vw,6rem) 0 2.5rem;max-width:750px}
.eyebrow{letter-spacing:.18em;font-size:.72rem;color:var(--accent);font-weight:650}
h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.12;margin:0}h1{font-size:clamp(2.6rem,7vw,5.4rem);letter-spacing:-.04em}h2{font-size:clamp(1.8rem,4vw,3rem);margin:0 0 1.3rem}h3{font-size:1.45rem}
.intro p:not(.eyebrow){color:var(--muted);max-width:600px;margin:1rem 0 1.4rem}
.notice{border:1px solid var(--line);border-left:3px solid #a38150;border-radius:.5rem;background:#edf0e8;padding:.85rem 1rem;color:var(--muted);font-size:.875rem}
footer{padding:1.2rem 0;border:0;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}
section{margin:2.8rem 0;scroll-margin-top:1rem}
@media(max-width:520px){footer{flex-wrap:wrap}}