:root{
  --bg:#11100e;--panel:#191714;--panel2:#211d18;--text:#f4eee4;--muted:#a99f92;
  --line:#3a3128;--amber:#d49343;--amber2:#f0b96a;--cream:#f5e6cf;
  --shadow:0 16px 40px rgba(0,0,0,.28)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 18% -10%,rgba(171,101,30,.13),transparent 30rem),var(--bg)}
button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:sticky;top:0;z-index:20;background:rgba(17,16,14,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.header-inner{width:min(1200px,calc(100% - 32px));margin:auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{width:min(390px,72vw);height:auto;display:block}
.ghost-btn,.tab{color:var(--cream);background:transparent;border:1px solid var(--line);border-radius:999px;padding:10px 16px}.ghost-btn:hover,.tab:hover,.tab.active{border-color:var(--amber);background:rgba(212,147,67,.12);color:#fff}
main{width:min(1200px,calc(100% - 32px));margin:auto}.hero{padding:38px 0 24px;max-width:760px}.eyebrow{margin:0 0 8px;color:var(--amber2);text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;font-weight:700}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.3rem,5vw,4.25rem);line-height:.98;margin:0;font-weight:500}
.controls{padding:18px 0 28px;border-top:1px solid var(--line)}.primary-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.control-row{display:grid;grid-template-columns:minmax(260px,1fr) minmax(170px,230px) minmax(160px,210px);gap:12px}
input,select{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;padding:12px 14px;outline:none}input:focus,select:focus{border-color:var(--amber)}
.tag-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag-chip{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:7px 11px;font-size:.82rem;white-space:nowrap}.tag-chip.active{border-color:var(--amber);color:var(--cream);background:rgba(212,147,67,.1)}.results-meta{color:var(--muted);font-size:.9rem;margin-top:14px}
.whiskey-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:8px 0 64px}.card{background:linear-gradient(180deg,#1d1a17,#161411);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease}.card:hover{transform:translateY(-3px);border-color:#614a33}.card-button{display:block;width:100%;height:100%;padding:0;border:0;background:none;color:inherit;text-align:left}
.bottle-frame{aspect-ratio:1/1;background:#f3efe8;display:flex;align-items:center;justify-content:center;padding:18px;position:relative;overflow:hidden}
.bottle-frame:after{content:"";position:absolute;inset:auto 12% 8% 12%;height:16%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(128,86,39,.12),transparent 68%);pointer-events:none}
.bottle-frame img{position:relative;z-index:2;width:82%;height:82%;object-fit:contain;object-position:center center;mix-blend-mode:multiply;display:block;transform:scale(var(--img-scale,1));transform-origin:center;transition:transform .18s ease}
.image-placeholder{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#8b6b43;opacity:.68;text-align:center}.image-placeholder span{font:600 2rem Georgia,serif;letter-spacing:.08em}.image-placeholder small{font-size:.7rem;letter-spacing:.04em}.bottle-frame.image-loaded .image-placeholder,.detail-image.image-loaded .image-placeholder{visibility:hidden}.bottle-frame.image-error .image-placeholder,.detail-image.image-error .image-placeholder{visibility:visible}
.card-body{padding:17px}.card-kicker{font-size:.71rem;letter-spacing:.11em;text-transform:uppercase;color:var(--amber2);margin-bottom:7px}.card h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:1.33rem;margin:0 0 5px;line-height:1.15}.expression{color:#cfc6bb;min-height:2.5em;line-height:1.35;font-size:.94rem}.card-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.summary-item{border-top:1px solid var(--line);padding-top:8px;min-width:0}.summary-label{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.summary-value{font-size:.82rem;color:#ddd3c7;line-height:1.35;overflow-wrap:anywhere}.card-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.pill{font-size:.74rem;border:1px solid var(--line);color:#c8bcad;border-radius:999px;padding:5px 8px}.rating{margin-top:13px;color:var(--cream);font-size:.84rem}.rating strong{color:var(--amber2)}.empty{grid-column:1/-1;padding:70px 0;text-align:center;color:var(--muted)}
dialog{width:min(960px,calc(100% - 24px));max-height:90vh;border:1px solid var(--line);border-radius:22px;padding:0;background:var(--panel);color:var(--text);box-shadow:0 30px 90px #000}dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(3px)}.dialog-close{position:sticky;float:right;top:12px;margin:12px 12px 0 0;z-index:4;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#171411;color:#fff;font-size:1.5rem}.detail{display:grid;grid-template-columns:38% 62%}.detail-image{background:#f3efe8;padding:30px;display:flex;align-items:center;justify-content:center;min-height:540px;position:relative;overflow:hidden}.detail-image img{position:relative;z-index:2;max-width:100%;max-height:470px;object-fit:contain;mix-blend-mode:multiply}.detail-image .image-placeholder{z-index:1}.detail-copy{padding:40px 36px 42px}.detail-copy h2{font:500 clamp(2rem,4vw,3.25rem)/1 Georgia,serif;margin:0 0 7px}.detail-expression{color:var(--muted);font-size:1.08rem;margin-bottom:20px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.fact{border-top:1px solid var(--line);padding-top:9px}.fact-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.fact-value{margin-top:4px;line-height:1.45}.detail-section{border-top:1px solid var(--line);padding-top:15px;margin-top:15px}.detail-section h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--amber2);margin:0 0 7px}.detail-section p{color:#d8d0c5;line-height:1.65;margin:0}.links{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.links a{border:1px solid var(--line);padding:9px 12px;border-radius:10px;text-decoration:none;font-size:.84rem}.links a:hover{border-color:var(--amber)}footer{border-top:1px solid var(--line);color:var(--muted);padding:28px 16px;text-align:center;font-size:.82rem}
@media(max-width:1000px){.whiskey-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.header-inner{min-height:64px}.logo{width:min(315px,72vw)}.hero{padding:28px 0 18px}.control-row{grid-template-columns:1fr 1fr}.search-wrap{grid-column:1/-1}.tag-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.tag-filters::-webkit-scrollbar{display:none}.whiskey-grid{grid-template-columns:repeat(2,1fr);gap:12px}.bottle-frame{padding:16px}.detail{grid-template-columns:1fr}.detail-image{min-height:330px;max-height:420px}.detail-copy{padding:28px 22px}.detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){main{width:min(100% - 20px,1200px)}.header-inner{width:min(100% - 20px,1200px)}.logo{width:min(270px,73vw)}.ghost-btn{padding:8px 12px}.hero{padding-top:24px}h1{font-size:2.45rem}.primary-tabs{gap:8px}.tab{padding:9px 14px}.control-row{grid-template-columns:1fr}.search-wrap{grid-column:auto}.whiskey-grid{grid-template-columns:1fr}.bottle-frame{padding:18px}.card-summary{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.detail-image{min-height:300px}}