:root{--wine:#511823;--red:#7c2938;--cream:#f4edcf;--paper:#fffcf1;--gold:#ba9a55;--muted:#76665e}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--wine);font:16px/1.5 Arial,sans-serif}header,main,footer{max-width:1280px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:28px 40px;border-bottom:1px solid #c9b986}.brand{font-size:30px;font-weight:900;letter-spacing:-1.5px;text-decoration:none;color:var(--wine)}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:1px}.back{color:var(--wine);font-size:13px}main{padding:0 40px}.intro{padding:65px 0 45px;max-width:730px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--red)}h1{font-size:clamp(43px,6vw,76px);line-height:1.04;letter-spacing:-3px;margin:18px 0 22px}h1 em{font-family:Georgia,serif;font-weight:400}.intro p{color:var(--muted);font-size:18px;max-width:520px}.explorer{display:grid;grid-template-columns:1.6fr 1fr;background:var(--paper);border:1px solid #d5c598;border-radius:18px;overflow:hidden}.diagram{padding:25px;background:#e9deb6;display:flex;flex-direction:column;justify-content:space-between}.diagram-top{display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:1px}.diagram svg{width:100%;max-height:360px}.zone{fill:var(--red);cursor:pointer;transition:fill .2s}.zone:hover,.zone:focus,.zone.active{fill:var(--gold);outline:none}.zone:focus{stroke:var(--wine);stroke-width:7}.labels{fill:#fff6dc;text-anchor:middle;font-size:15px;font-weight:700;pointer-events:none}.diagram-note{font-size:11px;color:var(--muted);margin:0}.selector{padding:32px}h2{font-size:29px;line-height:1.2;letter-spacing:-.8px;margin:15px 0 20px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}button{font:inherit;cursor:pointer}.filters button{border:1px solid #ccb98c;border-radius:30px;background:transparent;color:var(--wine);padding:8px 15px;font-size:13px}.filters button[aria-pressed=true]{background:var(--wine);color:var(--paper);border-color:var(--wine)}label{font-size:12px;font-weight:700}input{display:block;width:100%;margin:8px 0;padding:13px;border-radius:5px;background:white;border:1px solid #cbbd9c;color:var(--wine);font:inherit}.availability{font-size:12px;color:var(--muted)}.catalog{padding:48px 0}.results-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c9b986;margin-bottom:24px}.results-head span{font-size:12px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--paper);border:1px solid #dbcea8;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.art{height:110px;background:#eee3c0;display:flex;align-items:center;justify-content:space-between;padding:22px;color:var(--red)}.art svg{width:95px;height:70px}.art span{font-size:11px;text-transform:uppercase;letter-spacing:1px}.body{padding:24px;display:flex;flex-direction:column;flex:1}.badge{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}h3{font-size:23px;line-height:1.15;margin:10px 0}.body p{font-size:14px;color:var(--muted);margin:0 0 24px;flex:1}.body a{color:var(--wine);font-size:13px;font-weight:700;text-underline-offset:5px}.help{border-top:1px solid #c9b986;display:flex;align-items:center;justify-content:space-between;padding:40px 0 55px;gap:25px}.help p{color:var(--muted);font-size:14px}.cta{background:var(--wine);color:white;padding:17px 22px;border-radius:5px;text-decoration:none;white-space:nowrap;font-size:14px}footer{border-top:1px solid #c9b986;padding:25px 40px;font-size:12px;display:flex;gap:24px;flex-wrap:wrap}footer a{color:inherit}footer small{width:100%;color:var(--muted)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media(max-width:760px){header{padding:20px}.brand{font-size:24px}.back{font-size:11px}main{padding:0 20px}.intro{padding:40px 0 25px}h1{letter-spacing:-2px}.explorer{grid-template-columns:1fr}.diagram{padding:18px}.selector{padding:24px}.cards{grid-template-columns:repeat(2,1fr)}.body{padding:18px}.help{display:block}.cta{display:inline-block}footer{padding:24px 20px}}@media(max-width:460px){.cards{grid-template-columns:1fr}.art{height:95px}.results-head h2{font-size:24px}.diagram-top{font-size:9px}.selector h2{font-size:26px}}
:root .brand{width:240px;height:56px;overflow:hidden;position:relative;display:block}.brand img{position:absolute;width:340px;max-width:none;height:340px;left:-49px;top:-139px}@media(max-width:460px){:root .brand{width:190px}.brand img{width:270px;height:270px;left:-40px;top:-106px}}
