:root{--ink:#17211f;--muted:#6d7773;--paper:#f5f3ee;--card:#fffdf8;--line:#d9ddd6;--accent:#d7683b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,serif}button{font:inherit;cursor:pointer}header{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:24px clamp(20px,5vw,72px)}header button{background:transparent;border:1px solid var(--ink);border-radius:999px;padding:10px 16px}.wordmark{color:var(--ink);font:800 15px Arial,sans-serif;letter-spacing:.18em;text-decoration:none}.wordmark span{color:var(--accent)}main{margin:auto;max-width:1240px;padding:0 clamp(20px,5vw,72px) 80px}.hero{max-width:720px;padding:clamp(75px,12vw,150px) 0 100px}.eyebrow{color:#ae4727;font:700 12px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.hero h1{font-size:clamp(48px,8vw,104px);font-weight:400;letter-spacing:-.055em;line-height:.94;margin:22px 0 30px}.hero p:not(.eyebrow){color:var(--muted);font:17px/1.6 Arial,sans-serif;max-width:500px}.section-heading{align-items:baseline;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.section-heading h2{font-size:30px;font-weight:400}.section-heading span,main p{color:var(--muted);font:13px Arial,sans-serif}.grid{display:grid;gap:18px;grid-template-columns:repeat(4,1fr)}.product{background:var(--card);border:1px solid var(--line);padding:14px}.art{align-items:center;background:#dfe4dc;color:#849189;display:flex;height:230px;justify-content:center;font:11px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}.product:nth-child(2) .art{background:#d8d3c6}.product:nth-child(3) .art{background:#d9e0e4}.product:nth-child(4) .art{background:#e4d5c7}.product h3{font-size:21px;font-weight:400;margin:16px 0 8px}.meta{display:flex;font:13px Arial,sans-serif;justify-content:space-between}.add,.remove{background:none;border:0;color:#ae4727;padding:0}.notice{border-left:3px solid var(--accent);display:grid;gap:6px;margin-top:92px;max-width:680px;padding-left:18px}.notice strong{font-size:18px;font-weight:400}.drawer{background:var(--card);box-shadow:-12px 0 40px #17211f1a;display:flex;flex-direction:column;height:100%;max-width:430px;padding:26px;position:fixed;right:0;top:0;transform:translateX(105%);transition:.25s;width:100%;z-index:3}.drawer.open{transform:translateX(0)}.drawer-head{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.drawer-head h2{font-weight:400}.drawer-head button{background:none;border:0;color:var(--muted)}.row{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:16px 0}.total{border-top:1px solid var(--line);display:flex;font:14px Arial,sans-serif;justify-content:space-between;margin-top:auto;padding-top:18px}.checkout{background:var(--ink);border:0;color:#fff;margin-top:18px;padding:14px}.checkout:disabled{cursor:not-allowed;opacity:.55}.drawer p{color:var(--muted);font:13px/1.5 Arial,sans-serif}.scrim{background:#17211f66;inset:0;position:fixed;z-index:2}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.grid{grid-template-columns:1fr}.hero h1{font-size:56px}}