*{box-sizing:border-box}body{color:#292b28;background:#faf9f6;margin:0;font-family:Arial,sans-serif}header{border-bottom:1px solid #e9e5dc;justify-content:space-between;align-items:center;padding:22px 7%;display:flex}header b{font-size:24px;font-family:var(--heading-font)}nav{gap:20px;display:flex}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:40px;max-width:1160px;margin:auto;padding:60px 6%;display:grid}.hero img{aspect-ratio:4/5;object-fit:cover;border-radius:calc(var(--radius)*2);width:100%}.eyebrow{letter-spacing:3px;color:var(--accent);font-size:11px}h1{font-family:var(--heading-font);letter-spacing:-2px;white-space:pre-line;margin:.3em 0;font-size:clamp(42px,7vw,80px);font-weight:500;line-height:1.05}h2{font-family:var(--heading-font);font-size:34px;font-weight:500}p{color:#5f6058;line-height:1.7}.button,button{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;font:inherit;border:0;padding:13px 22px;display:inline-block}button:disabled{opacity:.6;cursor:wait}.ghost{color:var(--accent);border:1px solid var(--accent);background:0 0;padding:8px 14px}main{max-width:1160px;margin:auto;padding:30px 6% 80px}main section{margin-bottom:70px}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}article{border-radius:var(--radius);background:#fff;border:1px solid #e5dfd6;padding:24px}article.off{opacity:.6}article h3{font-family:var(--heading-font);margin:0 0 6px}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.qty{align-items:center;gap:10px;display:flex}.qty button{padding:4px 12px}form{gap:16px;max-width:500px;display:grid}label{gap:8px;font-size:14px;display:grid}input{font:inherit;background:#fff;border:1px solid #bbb;border-radius:8px;padding:12px}.bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.check{align-items:center;gap:8px;display:flex}.panel{border-radius:var(--radius);background:#fff;border:1px solid #e5dfd6;padding:24px}.line{border-bottom:1px solid #eee;flex-wrap:wrap;padding:10px 0}form.inline{flex-wrap:wrap;max-width:none;margin:18px 0;display:flex}footer{border-top:1px solid #e9e5dc;padding:30px 7%;font-size:14px}@media (width<=700px){.hero{grid-template-columns:1fr;padding-top:30px}}@media (prefers-reduced-motion:no-preference){button{transition:transform .15s}button:active{transform:scale(.97)}}