*{box-sizing:border-box}html{scroll-padding-top:96px}body{margin:0;background:#f8f6f0;color:#252822;font:16px/1.6 system-ui,sans-serif}a{color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}header{background:#fffdf8;border-bottom:1px solid #ded9cc}.bar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand{font-size:22px;font-weight:850;text-decoration:none}.brand span{display:inline-grid;place-items:center;width:38px;height:38px;background:#364337;color:white;border-radius:9px;margin-right:4px}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{font-weight:700;text-decoration:none}nav a:hover,.card:hover strong{text-decoration:underline}.hero{display:grid;grid-template-columns:1fr 1fr;margin:26px 0 48px;background:#29352b;color:white;border-radius:20px;overflow:hidden}.hero div{padding:clamp(24px,4vw,60px);align-self:center}.hero img{width:100%;height:100%;min-height:240px;max-height:500px;object-fit:cover}.hero h1,h1{font-family:Georgia,serif;font-size:clamp(36px,4.8vw,62px);line-height:1.04;letter-spacing:-.035em;margin:0 0 20px}.hero p{max-width:44ch}.button{display:inline-block;margin-top:10px;background:#eeb66c;color:#25261f;padding:11px 18px;border-radius:8px;font-weight:800;text-decoration:none}.button:hover{background:#ffd095}h2{font-family:Georgia,serif;font-size:clamp(25px,3vw,35px);line-height:1.15;margin:0 0 18px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{display:flex;flex-direction:column;gap:4px;padding:20px;background:#fffdf8;border:1px solid #e0dbce;border-radius:12px;text-decoration:none}.card:hover{border-color:#7e8971}.card strong{font-size:18px}.card span{color:#565b50}.card b{font-size:14px;margin-top:9px;color:#384738}main>section{margin-bottom:46px}.article{max-width:760px;margin:36px auto 55px}.article h1{margin-top:20px}.article section{margin-top:32px}.article .card{margin-top:32px}footer{background:#eae7db;padding:28px 0}footer p{max-width:65ch}.skip{position:absolute;top:8px;left:8px;transform:translateY(-150%);padding:10px;background:white}.skip:focus{transform:none}a:focus-visible{outline:3px solid #ba7026;outline-offset:3px}@media(max-width:760px){.hero{grid-template-columns:1fr}.hero img{height:240px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bar{padding:12px 0}}@media(max-width:480px){.wrap{width:calc(100% - 28px)}.grid{grid-template-columns:1fr}.hero img{height:200px;min-height:0}nav{gap:16px}}