:root{--ink:#223431;--accent:#c8662d;--sand:#f7f2ea}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:var(--ink);line-height:1.7;background:#fff}a{color:inherit}header,main,footer{max-width:1240px;margin:auto;padding:26px 32px}header{display:flex;justify-content:space-between;align-items:center;gap:22px}nav,.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}nav a,.brand{text-decoration:none}.brand{font-size:21px;font-weight:800;letter-spacing:2px}.brand span{font-size:12px;display:block;letter-spacing:4px}.button{display:inline-block;background:var(--accent);color:white;border-radius:7px;padding:12px 22px;text-decoration:none;font-weight:bold}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding:34px 0 56px}.hero img{width:100%;height:470px;object-fit:cover;border-radius:140px 16px 16px 16px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:bold;color:#965027}h1{font-size:clamp(32px,4vw,52px);line-height:1.12;margin:18px 0 24px}h2{font-size:27px;line-height:1.25}h3{line-height:1.4}.intro{font-size:18px;color:#51615d}.body-grid{display:grid;grid-template-columns:2fr 1fr;gap:70px}article section{margin-bottom:42px}aside{align-self:start;background:var(--sand);padding:30px;border-radius:14px}.related{padding:35px 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.cards article{padding:24px;border:1px solid #e0e5df;border-radius:12px}details{border-bottom:1px solid #ddd;padding:17px 0}summary{font-weight:bold;cursor:pointer}footer{border-top:1px solid #ddd;margin-top:35px;padding-bottom:50px}.preview{background:#fff1bf;text-align:center;padding:12px}.directory-heading{padding:50px 0;max-width:760px}:focus-visible{outline:3px solid #226fad;outline-offset:4px}@media(max-width:750px){header,main,footer{padding:20px}.hero,.body-grid{grid-template-columns:1fr;gap:24px}.hero img{height:280px;border-radius:50px 10px 10px 10px}.hero{padding-top:14px}header{align-items:flex-start;flex-direction:column}nav{gap:16px;font-size:14px}h1{overflow-wrap:anywhere}}
