*{box-sizing:border-box}body{margin:auto;max-width:1150px;padding:24px clamp(16px,5vw,64px);background:#faf7ef;color:#20382f;font:17px/1.6 system-ui}header,nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}header{justify-content:space-between;margin-bottom:24px}a{color:inherit;text-underline-offset:4px}.brand{font:bold 26px Georgia;text-decoration:none}.hero{background:#20382f;color:#fff9ef;padding:clamp(24px,7vw,70px);border-radius:24px}h1,h2{font-family:Georgia;line-height:1.1}h1{font-size:clamp(2.5rem,7vw,5rem);max-width:17ch;margin:.25em 0}small{letter-spacing:.18em;color:#edbb90}.cta,button{display:inline-block;padding:12px 18px;background:#edbb90;color:#213329;border:0;border-radius:8px;font:inherit;font-weight:bold;text-decoration:none;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}article,form{background:#eeebe0;padding:24px;border-radius:16px;margin:20px 0}footer{border-top:1px solid #ccc;margin-top:24px;font-size:14px}label{display:block;margin:12px 0}input,select,textarea{display:block;width:100%;padding:8px;font:inherit}form{max-width:680px}:focus-visible{outline:3px solid #aa541d;outline-offset:4px}
