*{box-sizing:border-box}body{margin:0;background:#fff8eb;color:#492617;font:18px/1.65 system-ui,sans-serif}main{max-width:800px;margin:auto;padding:32px 24px 80px}header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid #d6b897}a{color:#8b3c18;text-underline-offset:4px}h1,h2,.brand{font-family:Georgia,serif;line-height:1.2}h1{font-size:clamp(32px,7vw,54px);margin:40px 0 16px}h2{font-size:24px;margin-top:32px}.brand{font-size:28px;font-weight:bold;text-decoration:none}nav a{display:inline-block;padding:10px}footer{margin-top:48px;font-size:14px;border-top:1px solid #d6b897;padding-top:20px}.button{display:inline-block;padding:12px 22px;border-radius:28px;background:#b4481c;color:white;text-decoration:none;font-weight:600}:focus-visible{outline:3px solid #9b5b26;outline-offset:5px}
.hero{display:block;width:100%;height:auto;border-radius:18px;margin-top:24px}.skip{position:absolute;top:-80px;left:12px;background:#fff8eb;padding:8px;z-index:10}.skip:focus{top:12px}