:root{color:#171411;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f4efe5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}button,input,select,textarea{font:inherit}:root{--wine:#6f1638;--wine-dark:#2a0b18;--cream:#f4efe5;--ink:#171411;--muted:#655e57;--line:#3a2c2433;--gold:#a6752f;--white:#fffdf8}*{box-sizing:border-box}html{overflow-x:hidden}body{min-width:320px;overflow-x:hidden}button,input,select,a{touch-action:manipulation}main{background:radial-gradient(circle at 82% 5%, #b88a442b, transparent 30rem), var(--cream);min-height:100vh}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:14px clamp(20px,5vw,72px);display:flex}.brand{color:var(--ink);align-items:center;gap:12px;font:600 20px/1 Georgia,serif;text-decoration:none;display:flex}.brand-mark{color:#fff;background:var(--wine);border-radius:50%;place-items:center;width:36px;height:36px;font:700 18px/1 Georgia,serif;display:grid}.environment,.eyebrow{color:var(--wine);letter-spacing:.15em;font-size:11px;font-weight:800}.hero{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);align-items:end;gap:52px;max-width:1380px;margin:auto;padding:clamp(48px,7vw,84px) clamp(20px,5vw,72px) 44px;display:grid}.eyebrow{margin:0 0 12px}h1,h2,h3,p{margin-top:0}h1{max-width:820px;color:var(--wine-dark);letter-spacing:-.04em;margin-bottom:20px;font:500 clamp(42px,7vw,78px)/.98 Georgia,serif}.lede{max-width:760px;color:var(--muted);font-size:clamp(16px,2vw,19px);line-height:1.65}.control-totals{border:1px solid var(--line);background:#ffffff6b;grid-template-columns:repeat(3,1fr);margin:0;display:grid}.control-totals div{text-align:center;padding:22px 12px}.control-totals div+div{border-left:1px solid var(--line)}.control-totals dt{color:var(--wine);font:500 36px/1 Georgia,serif}.control-totals dd{color:var(--muted);margin:8px 0 0;font-size:12px}.catalogue-shell{max-width:1380px;margin:0 auto;padding:0 clamp(20px,5vw,72px) 72px}.catalogue-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:24px;display:flex}.catalogue-header>p{color:var(--muted);font-size:13px}h2{color:var(--ink);margin-bottom:20px;font:500 34px/1.1 Georgia,serif}.catalogue-tools{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f4efe5f5;grid-template-columns:minmax(230px,1.6fr) minmax(0,3.4fr);align-items:end;gap:12px;padding:14px 0;display:grid;position:sticky;top:0}.search-field,.filter-panel label{color:var(--muted);gap:7px;font-size:12px;font-weight:700;display:grid}.search-field input,.filter-panel select{border:1px solid var(--line);width:100%;min-width:0;height:44px;color:var(--ink);background:var(--white);border-radius:4px;padding:0 12px}.filter-panel{grid-template-columns:repeat(3,minmax(150px,1fr)) auto;align-items:end;gap:12px;display:grid}.filter-toggle,.filter-sheet-heading,.apply-button,.filter-backdrop{display:none}.reset-button{border:1px solid var(--wine);color:#fff;background:var(--wine);cursor:pointer;border-radius:4px;min-height:44px;padding:0 18px}.search-field input:focus,.filter-panel select:focus,button:focus-visible,a:focus-visible,.table-wrap:focus-visible{outline-offset:2px;outline:3px solid #6f163857}.verification-note{border-left:4px solid var(--gold);color:var(--muted);background:#ffffff73;padding:14px 16px;font-size:13px;line-height:1.55}.table-wrap{border:1px solid var(--line);background:#ffffff7a;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:820px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:14px 16px;font-size:13px}thead th{z-index:2;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:#ede6da;font-size:11px;position:sticky;top:0}tbody th{color:var(--ink);font:500 16px/1.25 Georgia,serif}tbody tr:hover{background:#ffffffb3}td a,.aoc-card a{color:var(--wine);font-weight:700}.level-badge{color:var(--wine);border:1px solid;padding:4px 8px;font-size:11px;font-weight:800;display:inline-block}.level-village{color:#5a4a29;border-style:dashed}.level-grand_cru{color:#1f2933;border-width:2px}.catalogue-cards{display:none}.empty-state,.error-state{color:var(--muted);padding:28px}.error-state{background:#fff1ee;border:1px solid #9c2f2f}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:18px;padding:24px clamp(20px,5vw,72px);font-size:12px;display:flex}@media (width<=1023px){.hero{grid-template-columns:1fr}.control-totals{max-width:560px}.catalogue-tools{grid-template-columns:1fr}.filter-panel{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.table-wrap{display:none}.catalogue-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.aoc-card{border:1px solid var(--line);background:#ffffff8c;min-width:0;padding:18px}.card-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.card-heading h3{overflow-wrap:anywhere;color:var(--ink);margin-bottom:14px;font:500 20px/1.2 Georgia,serif}.aoc-card dl{gap:12px;margin:0;display:grid}.aoc-card dl div{grid-template-columns:minmax(90px,.45fr) minmax(0,1fr);gap:12px;display:grid}.aoc-card dt{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.aoc-card dd{overflow-wrap:anywhere;min-width:0;color:var(--ink);margin:0;font-size:13px;line-height:1.45}}@media (width>=768px) and (width<=1023px) and (orientation:landscape){.catalogue-cards{display:none}.table-wrap{display:block}table{min-width:0}.verification-column{display:none}}@media (width<=639px){:root{--mobile-tools-height:64px}.topbar{min-height:62px;padding:12px 16px}.environment{text-align:right;max-width:120px;font-size:9px;line-height:1.35}.hero{gap:22px;padding:34px 16px 28px}h1{margin-bottom:14px;font-size:clamp(38px,13vw,54px)}.lede{font-size:15px;line-height:1.55}.control-totals{width:100%;max-width:none}.control-totals div{padding:14px 5px}.control-totals dt{font-size:28px}.catalogue-shell{padding:0 16px 50px}.catalogue-header{align-items:flex-end}.catalogue-header .eyebrow{display:none}.catalogue-header h2{margin-bottom:14px;font-size:28px}.catalogue-header>p{flex:none;margin-bottom:16px}.catalogue-tools{grid-template-columns:minmax(0,1fr) auto;margin:0 -16px;padding:10px 16px;top:0}.search-field{min-width:0}.search-field span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.filter-toggle{border:1px solid var(--wine);min-width:88px;min-height:44px;color:var(--wine);background:var(--white);cursor:pointer;border-radius:4px;padding:0 12px;font-weight:800;display:block}.filter-backdrop{z-index:20;background:#1714117a;border:0;width:100%;height:100%;display:block;position:fixed;inset:0}.filter-panel{z-index:21;top:var(--mobile-tools-height);max-height:calc(100dvh - var(--mobile-tools-height));padding:18px 18px calc(18px + env(safe-area-inset-bottom));background:var(--cream);transform:translateY(calc(-100% - var(--mobile-tools-height)));visibility:hidden;border-radius:0 0 18px 18px;grid-template-columns:1fr;gap:14px;transition:transform .18s,visibility .18s step-end;display:grid;position:fixed;left:0;right:0;overflow-y:auto;box-shadow:0 18px 48px #2a0b183d}.filter-panel.is-open{visibility:visible;transition:transform .18s;transform:translateY(0)}.filter-sheet-heading{justify-content:space-between;align-items:center;display:flex}.filter-sheet-heading h3{color:var(--ink);margin:0;font:500 25px/1 Georgia,serif}.filter-sheet-heading button{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;font-size:30px}.reset-button,.apply-button{min-height:48px}.apply-button{border:1px solid var(--wine);color:#fff;background:var(--wine);border-radius:4px;font-weight:800;display:block}.verification-note{margin-top:2px;font-size:12px}.catalogue-cards{grid-template-columns:1fr}.aoc-card{padding:16px}.card-heading{display:grid}.card-heading .level-badge{grid-row:1;justify-self:start}.card-heading h3{grid-row:2;margin:0 0 14px;font-size:22px}.aoc-card dl div{grid-template-columns:96px minmax(0,1fr)}footer{flex-direction:column;padding:22px 16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
