:root{--ink:#20362d;--gold:#b18c4d;--paper:#f7f4ec;--muted:#68756d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}header{max-width:1440px;margin:auto;padding:28px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #20362d20}.wordmark{font-family:Georgia,serif;font-size:25px;letter-spacing:5px;text-decoration:none;color:var(--ink)}.wordmark small{display:block;font:9px Arial;letter-spacing:4px;margin-top:6px}nav a{font-size:14px;color:var(--ink);text-decoration:none}.hero{padding:65px 6% 75px;max-width:1440px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center}.eyebrow{font-size:11px;letter-spacing:3px;color:#93703a;font-weight:bold}h1,h2,h3{font-family:Georgia,serif;font-weight:normal}h1{font-size:clamp(42px,5vw,72px);line-height:1.08;letter-spacing:-2px;margin:24px 0}h2{font-size:38px;margin:12px 0}.intro{max-width:480px;color:var(--muted);line-height:1.8;font-size:16px}.primary{display:inline-flex;gap:55px;margin:20px 0;background:var(--ink);color:white;text-decoration:none;padding:18px 24px;border-radius:3px;font-size:14px}.micro{font-size:11px;color:var(--muted)}.logo{width:100%;max-width:400px;aspect-ratio:1;object-fit:cover;border-radius:50%;justify-self:center;box-shadow:0 20px 60px #20362d15}#catalogo{padding:60px 6%;background:#fffdf8}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.collection{font-size:12px;border:1px solid #20362d20;padding:10px 15px;border-radius:30px;margin-bottom:8px}.controls{margin-top:30px}.search{display:flex;align-items:center;background:white;border:1px solid #b7beb5;border-radius:6px;padding:0 20px;gap:12px}.search span{font-size:35px}.search input{width:100%;border:0;background:transparent;padding:20px 0;font-size:17px;outline:none}.search:focus-within{outline:2px solid var(--gold)}.filters{display:flex;gap:18px;align-items:end;margin-top:18px}.filters label{font-size:11px;color:var(--muted);display:grid;gap:7px;flex:1}select{padding:12px;border:1px solid #d4d9d0;border-radius:4px;background:#fffdf8;color:var(--ink);width:100%;font-size:13px}.text-button{background:none;border:0;padding:13px;color:var(--muted);text-decoration:underline;cursor:pointer}.results-line{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:20px 0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.card{background:white;border:1px solid #e7e9e1;border-radius:6px;overflow:hidden;text-align:left;cursor:pointer;transition:transform .2s;padding:0;color:var(--ink)}.card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #20362d0c}.visual{aspect-ratio:1;background:#f1f0e9;display:grid;place-items:center;position:relative}.visual img{width:100%;height:100%;object-fit:contain;padding:16px;mix-blend-mode:multiply}.placeholder{font-family:Georgia;font-size:21px;text-align:center;letter-spacing:2px;color:#9ca58e}.placeholder span{display:block;font:10px Arial;letter-spacing:1px;margin-top:15px}.card-text{padding:20px}.brand{font-size:10px;letter-spacing:1.5px;color:#94733f;margin:0}.card h3{font-family:Arial;font-size:14px;line-height:1.5;font-weight:normal;margin:9px 0;min-height:42px}.meta{font-size:12px;color:var(--muted)}.price{font-size:19px;font-weight:bold;margin:17px 0 8px}.stock{font-size:10px;color:var(--muted)}.load-more{display:block;margin:35px auto 0;padding:15px 35px;border:1px solid var(--ink);color:var(--ink);background:transparent;cursor:pointer;border-radius:4px}button[hidden],div[hidden]{display:none}.how{padding:65px 6%;max-width:1440px;margin:auto}.how>div{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:35px}.how b{color:var(--gold);font-family:Georgia;font-size:28px}.how h3{font-size:23px}.how p{font-size:14px;line-height:1.7;color:var(--muted)}footer{background:var(--ink);color:#f2ecd9;padding:40px 6%;line-height:1.8}footer strong{letter-spacing:3px;font-size:15px}footer p{font-family:Georgia;font-size:19px}footer small{color:#bdc6bb;font-size:11px}dialog{border:0;border-radius:9px;max-width:660px;width:calc(100% - 30px);padding:32px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#14261dcc;backdrop-filter:blur(4px)}.close{position:absolute;top:12px;right:16px;border:0;background:none;font-size:30px;cursor:pointer}.detail-img{width:100%;max-height:260px;object-fit:contain;mix-blend-mode:multiply}dialog h2{font-size:28px}dialog p{line-height:1.6}dialog button.primary{border:0;cursor:pointer;gap:0}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:14px 24px;background:var(--ink);color:white;border-radius:6px;font-size:13px;z-index:10}#empty{text-align:center;padding:50px}#empty button{padding:12px;background:var(--ink);color:white;border:0;border-radius:4px}@media(min-width:1500px){#catalogo{padding-left:calc((100% - 1267px)/2);padding-right:calc((100% - 1267px)/2)}}@media(max-width:900px){.hero{gap:30px;padding-top:40px}.grid{grid-template-columns:repeat(3,1fr);gap:15px}.filters{flex-wrap:wrap}.filters label{min-width:140px}}@media(max-width:600px){header{padding:22px 5%}.wordmark{font-size:20px}nav a{font-size:11px}.hero{grid-template-columns:1fr;padding:35px 5% 45px;gap:25px}.logo{max-width:220px;grid-row:1}h1{font-size:43px}.hero h1{margin-top:18px}#catalogo{padding:35px 5%}.section-heading{align-items:start}.collection{font-size:10px;white-space:nowrap}h2{font-size:29px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.card-text{padding:13px}.card h3{font-size:12px;min-height:54px}.price{font-size:18px}.filters{gap:10px}.filters label{min-width:45%}.results-line{font-size:10px}.how{padding:45px 5%}.how>div{grid-template-columns:1fr;gap:15px}.placeholder{font-size:16px}.search input{font-size:14px}}

/* Compact product photos and documented olfactory pyramids */
.visual{aspect-ratio:4/3}.visual img{width:78%;height:100%;max-height:200px;padding:10px;mix-blend-mode:normal}.detail-img{max-height:210px}.notes{margin:22px 0;padding:20px;background:#fffdf8;border:1px solid #d4d9d0;border-radius:6px}.notes h3{margin:0 0 16px;font-size:23px}.notes dl{margin:0;display:grid;gap:14px}.notes dt{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:#93703a;font-weight:bold}.notes dd{margin:5px 0 0;font-size:14px;line-height:1.6}.note-source{display:inline-block;margin-top:18px;font-size:11px;color:var(--muted)}@media(max-width:600px){.visual img{max-height:140px}.notes{padding:15px}}

.filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.filters label{min-width:0}.filters .text-button{justify-self:start}.classification{font-size:10px;color:var(--muted);line-height:1.6;margin:10px 0}@media(max-width:600px){.filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
