*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}body{color:#2b2119;background:#fbf6ee;margin:0;font-family:system-ui,Arial,sans-serif}header{border-bottom:1px solid #e8dccb;justify-content:space-between;align-items:center;padding:22px 6%;display:flex}header b{font-family:var(--heading-font);font-size:24px}a{color:inherit;text-decoration:none}.hlink{color:var(--accent);font-size:14px;font-weight:600}main{max-width:1160px;margin:auto;padding:0 6%}main>section{padding:80px 0}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.hero img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius);background:#e8dccb;width:100%}.eyebrow{letter-spacing:3px;color:var(--accent);font-size:12px;font-weight:700}h1,h2,h3{font-family:var(--heading-font);font-weight:500}h1{letter-spacing:-2px;white-space:pre-line;margin:16px 0;font-size:clamp(46px,7vw,86px);line-height:1.02}h2{letter-spacing:-1px;margin:10px 0 24px;font-size:clamp(30px,4vw,46px)}p{color:#5f5246;line-height:1.75}.button,button{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;font:inherit;border:0;padding:15px 26px;font-weight:600;display:inline-block}.button:hover,button:hover{filter:brightness(.92)}.grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}article{border-radius:var(--radius);background:#fff;border:1px solid #e8dccb;padding:28px}article small{color:var(--accent);font-weight:700}article h3{margin:10px 0;font-size:24px}.story{border-radius:var(--radius);background:#f1e4d0;margin:0 -6%;padding:80px 6%!important}.story p{max-width:600px}form{gap:16px;max-width:520px;display:grid}label{gap:8px;font-size:14px;font-weight:600;display:grid}input,textarea{font:inherit;background:#fff;border:1px solid #d6c8b3;border-radius:10px;padding:13px}input:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}footer{text-align:center;color:#5f5246;border-top:1px solid #e8dccb;padding:30px 6%;font-size:14px}@media (width<=760px){.hero,.grid{grid-template-columns:1fr}.hero img{aspect-ratio:4/3;order:-1}main>section{padding:56px 0}}
