:root{--ink:#16130f;--muted:#6e675e;--paper:#f6f2ea;--line:#e3dccf;--accent:#c2412d}*{box-sizing:border-box;margin:0}body{background:var(--paper);color:var(--ink);font-family:Inter Tight,system-ui,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:22px 56px;border-bottom:1px solid var(--line)}.logo{font-family:"Instrument Serif",serif;font-size:28px}nav a{color:var(--ink);text-decoration:none;margin-left:28px;font-size:15px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;padding:72px 56px 56px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--accent);font-weight:600;margin-bottom:18px}h1{font-family:"Instrument Serif",serif;font-weight:400;font-size:76px;line-height:.98;letter-spacing:-.01em}h2{font-family:"Instrument Serif",serif;font-weight:400;font-size:40px}.lede{color:var(--muted);font-size:19px;line-height:1.55;margin-top:22px;max-width:30em}.cta{display:inline-block;margin-top:30px;background:var(--ink);color:var(--paper);padding:14px 26px;border-radius:999px;text-decoration:none;font-weight:500;border:0;font:inherit;cursor:pointer}.art{aspect-ratio:4/5;border-radius:6px;background:#e9dfcd;position:relative;overflow:hidden}.disc{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:var(--accent);top:14%;left:15%}.band{position:absolute;left:0;right:0;bottom:18%;height:22%;background:repeating-linear-gradient(90deg,#2f4a6d 0,#2f4a6d 18px,#e9dfcd 18px,#e9dfcd 26px)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:24px 56px 64px}article{border-top:1px solid var(--line);padding-top:18px}.swatch{aspect-ratio:5/4;border-radius:4px;display:flex;align-items:flex-end;padding:16px}.swatch span{font-family:"Instrument Serif",serif;color:var(--paper);font-size:30px;text-transform:capitalize}article h3{font-weight:500;font-size:17px;margin-top:14px}.price{color:var(--muted);margin-top:4px}article button{margin-top:12px;background:none;border:1px solid var(--ink);border-radius:999px;padding:8px 16px;font:inherit;cursor:pointer}.loading .swatch{background:var(--line)!important}.cart{margin:0 56px 64px;padding:32px;border:1px solid var(--line);border-radius:6px}.cart p{margin-top:10px;color:var(--muted)}.err{color:var(--accent)!important}footer{padding:28px 56px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}@media (max-width: 800px){.hero,.grid{grid-template-columns:1fr;padding-left:20px;padding-right:20px}header{padding:18px 20px}h1{font-size:48px}}