:root{--ink:#293e36;--muted:#68736c;--paper:#f8f6f0;--accent:#d87450}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 Georgia,serif}a{color:inherit;text-decoration:none}header{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 28px;border-bottom:1px solid #dcded4}.brand{font-size:26px;font-weight:bold}nav{display:flex;gap:25px;font:14px system-ui}main{max-width:1180px;margin:auto;padding:45px 28px}h1{font-size:clamp(36px,5vw,68px);line-height:1.1;letter-spacing:-2px;margin:15px 0 25px}h2{font-size:30px;line-height:1.25}h3{font-size:23px;line-height:1.35}.eyebrow,.tag{font:12px system-ui;text-transform:uppercase;letter-spacing:2px;color:#9d543b}.hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:25px 0 65px}.hero p{color:var(--muted)}.hero img{width:100%;border-radius:110px 110px 8px 8px}.button{display:inline-block;background:var(--ink);color:white;border-radius:4px;padding:12px 23px;font:14px system-ui;margin-top:15px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card{border-top:1px solid #cbd3c8;padding:25px 0}.card p{font-size:15px;color:var(--muted)}.card span{font:12px system-ui}.note{margin:55px 0;padding:28px;background:#e9ecdf;border-radius:6px}.article{max-width:750px;margin:0 auto}.article h1{font-size:48px}.article p{margin-bottom:25px}.crumb{font:13px system-ui;color:var(--muted)}footer{border-top:1px solid #d6dbcf;max-width:1180px;margin:50px auto 0;padding:30px 28px 45px;font:13px/1.8 system-ui;display:flex;justify-content:space-between;gap:25px}footer a{margin-right:18px}details{border-bottom:1px solid #d6dbcf;padding:18px 0}summary{cursor:pointer}input,button{font:inherit;padding:10px;border:1px solid #aeb8ad;border-radius:4px}button{cursor:pointer;background:var(--ink);color:white}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.filters button{font:13px system-ui;background:transparent;color:var(--ink)}.filters button.active{background:var(--ink);color:white}@media(max-width:700px){header{flex-wrap:wrap;gap:15px}nav{gap:15px}.hero{grid-template-columns:1fr;gap:25px}.hero img{max-height:330px}.grid{grid-template-columns:1fr}.article h1{font-size:36px}footer{flex-direction:column}main{padding-top:25px}}