:root{color-scheme:light;--paper:#f6f2e9;--ink:#26392f;--muted:#667265;--line:#d4d9cc;--accent:#6e5638}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.7 Georgia,serif}
a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.skip{position:absolute;left:1rem;top:-100px;background:white;padding:10px}.skip:focus{top:1rem}
header,main,footer{width:min(1080px,calc(100% - 48px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);gap:20px}
.brand{font-size:19px;text-decoration:none;font-weight:bold}nav{display:flex;gap:24px;font:12px/1.5 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}nav a{text-decoration:none}
.hero{display:grid;grid-template-columns:1.45fr 1fr;gap:70px;align-items:center;padding:78px 0 72px}.eyebrow{font:11px/1.5 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.18em;color:var(--accent)}
h1{font-size:clamp(44px,6vw,76px);line-height:1.08;letter-spacing:-.045em;font-weight:normal;margin:20px 0 25px}h2{font-weight:normal;font-size:31px;line-height:1.2}h3{font-size:23px;font-weight:normal;line-height:1.3}p{margin:0 0 22px}.lede{font-size:21px;color:var(--muted);max-width:580px}
.arch{height:330px;border-radius:160px 160px 0 0;border:1px solid #b6bca9;padding:19px;background:#e5e7d9;position:relative;overflow:hidden}.arch:before{content:"";display:block;height:100%;border-radius:140px 140px 0 0;background:linear-gradient(140deg,#ede8d5 15%,#cbd0ba 62%,#758975);border:1px solid #b6bca9}.arch:after{content:"";position:absolute;bottom:0;left:50%;height:85%;width:1px;background:#f9f6ed;transform:rotate(24deg);transform-origin:bottom}
.section-head{display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:8px 0 64px}.card{border-bottom:1px solid var(--line);padding:0 0 22px}.card p{font-size:16px;color:var(--muted)}.number{font:11px system-ui,sans-serif;letter-spacing:.1em;color:var(--accent)}.card a{text-decoration:none}.card a:hover{text-decoration:underline}.small{font:12px/1.6 system-ui,sans-serif;color:var(--muted)}
.article{max-width:700px;margin:65px auto 90px}.article h1{font-size:clamp(38px,6vw,58px)}.article h2{margin-top:36px}.article p{max-width:65ch}.aside{border-left:2px solid #b0b899;padding-left:24px;color:var(--muted);font-style:italic;margin:35px 0}
footer{border-top:1px solid var(--line);padding:24px 0 40px;display:flex;justify-content:space-between;gap:24px;font:12px/1.6 system-ui,sans-serif;color:var(--muted)}footer a{margin-left:20px}
@media(max-width:680px){header,main,footer{width:calc(100% - 36px)}header{align-items:flex-start;flex-direction:column;gap:12px}.hero{grid-template-columns:1fr;gap:30px;padding:42px 0}.arch{height:190px;width:65%;justify-self:center}.cards{grid-template-columns:1fr;gap:12px}.card{padding:10px 0}.article{margin:40px 0 60px}footer{flex-direction:column}footer a{margin:0 20px 0 0}}