:root{color-scheme:dark;--gold:#edc77e;--ink:#0c0b0a;--line:#383023;--muted:#bdb2a3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff7ea;font:16px/1.55 system-ui,sans-serif}header,footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 6%;border-bottom:1px solid var(--line)}footer{border-top:1px solid var(--line);flex-wrap:wrap}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,select{font:inherit;padding:.55rem .9rem;border:1px solid var(--line);background:#191613;color:inherit;border-radius:.3rem}button{cursor:pointer}button:hover,button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}nav{display:flex;align-items:center;gap:1.2rem}.brand,.label{font-weight:800;letter-spacing:.17em;color:var(--gold)}.brand span{color:#fff7ea}.label,footer p{font-size:.75rem}.hero{padding:3rem 6%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;background:#030303;min-height:520px;border-bottom:1px solid var(--line)}.hero img{width:min(100%,540px);justify-self:center}.hero p:not(.label){max-width:33ch;color:var(--muted);font-size:1.15rem}h1,h2,p{margin:0 0 1rem}h1{font-size:clamp(4rem,10vw,9rem);line-height:.84;letter-spacing:-.09em}h1 em{color:var(--gold);font-family:Georgia,serif;font-weight:400}h2{font-size:clamp(2rem,5vw,4rem);line-height:1.05;letter-spacing:-.06em}.cta{display:inline-block;background:var(--gold);color:#17100b;font-weight:800;padding:.85rem 1.15rem;margin-top:.5rem;border-radius:.25rem}#drop{padding:4rem 6%}.muted{color:var(--muted)}#filters{display:flex;gap:.5rem;margin:1.5rem 0}#products{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}article{border:1px solid var(--line);background:#15120f;border-radius:.5rem;overflow:hidden}article img{width:100%;height:auto;display:block}article>div{padding:1rem}h3{margin:0;font-size:1.25rem}.options{display:flex;gap:.5rem;flex-wrap:wrap}.price{color:var(--gold)}dialog{width:min(95vw,510px);border:1px solid var(--line);background:#17130f;color:inherit;padding:1.5rem;border-radius:.5rem}dialog::backdrop{background:#000b}.close{float:right}.line{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid var(--line);padding:.7rem 0}#total{margin-top:1rem;font-weight:800}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:780px){#products{grid-template-columns:repeat(2,1fr)}.hero{min-height:0}}@media(max-width:540px){.hero{grid-template-columns:1fr;gap:1rem}.hero img{max-width:320px}#products{grid-template-columns:1fr}nav a{display:none}}