*{box-sizing:border-box}body{color:#292b28;background:#faf9f6;margin:0;font-family:system-ui,Arial,sans-serif}header{border-bottom:1px solid #e9e5dc;justify-content:space-between;align-items:center;padding:24px 7%;display:flex}header b{font-size:22px;font-family:var(--heading-font)}a{color:inherit;text-decoration:none}main{max-width:1160px;margin:auto;padding:60px 6%}section{margin-bottom:80px}.eyebrow{letter-spacing:3px;color:#a4503c;font-size:12px;font-weight:600}h1{font-family:var(--heading-font);letter-spacing:-2px;white-space:pre-line;margin:16px 0;font-size:clamp(40px,6vw,76px);font-weight:500;line-height:1.05}h2{font-family:var(--heading-font);font-size:clamp(28px,4vw,40px);font-weight:500}p{color:#5f6058;line-height:1.7}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.hero img{aspect-ratio:4/5;object-fit:cover;border-radius:calc(var(--radius)*1.5);background:#eadfd2;width:100%}.button,button{color:#fff;border-radius:var(--radius);cursor:pointer;font:inherit;background:#a4503c;border:0;padding:15px 26px;font-weight:600;display:inline-block}button:disabled{opacity:.6}.grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}article{border-radius:var(--radius);background:#fff;border:1px solid #e5dfd6;padding:26px}article small{color:#a4503c;font-weight:700}article h3{font-family:var(--heading-font);margin:8px 0;font-size:22px}.check{gap:10px;max-width:520px;display:grid}.check label{border-radius:var(--radius);cursor:pointer;background:#fff;border:1px solid #e5dfd6;align-items:center;gap:12px;padding:14px 16px;display:flex}.check label.on span{color:#78786f;text-decoration:line-through}.check input{accent-color:#a4503c;width:20px;height:20px}.count{margin:0;font-weight:600}form{gap:16px;max-width:500px;display:grid}form label{gap:8px;font-size:14px;display:grid}input,textarea{font:inherit;background:#fff;border:1px solid #cfc8bc;border-radius:8px;padding:13px}:focus-visible{outline-offset:2px;outline:3px solid #a4503c}footer{border-top:1px solid #e9e5dc;padding:30px 7%}@media (width<=860px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}}@media (width<=520px){.grid{grid-template-columns:1fr}main{padding-top:36px}}@media (prefers-reduced-motion:no-preference){.button,button{transition:transform .2s}.button:hover,button:hover{transform:translateY(-2px)}}