@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-cyrillic-wght-normal-Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-greek-wght-normal-DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-vietnamese-wght-normal-usUDDRr7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-latin-ext-wght-normal-Ch3YOpNY.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--wine-950:#2f0a12;--wine-900:#46101b;--wine-800:#5a1825;--wine-700:#752438;--wine-600:#93364b;--cork-700:#765035;--cork-500:#a47651;--cork-300:#c5a17f;--cream-50:#fffaf3;--cream-100:#f6eee2;--cream-200:#ebdfcf;--cream-300:#dcc9b3;--clay:#b76855;--olive:#68704b;--ink:#2b201c;--muted:#695b53;--surface:#eee3d5;--surface-deep:#e4d5c3;--focus:#0d6172;--font-display:"Fraunces Variable", Georgia, serif;--font-body:"Manrope Variable", Arial, sans-serif;--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--space-7:4.5rem;--space-8:7rem;--radius-sm:.9rem;--radius-md:1.4rem;--radius-lg:2rem;--radius-xl:3rem;--shadow-raised:10px 10px 24px #60422d38, -8px -8px 18px #fffaf280;--shadow-small:5px 5px 13px #60422d33, -4px -4px 11px #fffaf275;--shadow-inset:inset 4px 4px 10px #60422d38, inset -4px -4px 9px #fffaf275;--shadow-wine:10px 10px 22px #26080f52, -6px -6px 16px #782e3e38;--duration-fast:.15s;--duration:.26s;--ease:cubic-bezier(.2, .8, .2, 1);--z-header:30;--z-dialog:50;color:var(--ink);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{background:var(--surface);min-width:320px;color:var(--ink);margin:0;overflow-x:hidden}body:has(dialog[open]){overflow:hidden}img{max-width:100%;display:block}a{color:inherit}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}::selection{background:var(--wine-700);color:#fff}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.035em;font-weight:530;line-height:.98}p{line-height:1.7}em{font-weight:310}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--cream-50);border-radius:.7rem;padding:.8rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.icon{flex:none}.site-header{z-index:var(--z-header);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6eee2e0;border-bottom:1px solid #5a18251f;justify-content:space-between;align-items:center;height:4.7rem;padding:.7rem clamp(1rem,4vw,4rem);display:flex;position:fixed;inset:0 0 auto}.brand{font-family:var(--font-display);letter-spacing:-.05em;align-items:flex-start;gap:.25rem;font-size:1.75rem;font-weight:610;text-decoration:none;display:inline-flex}.brand i{background:var(--wine-700);border-radius:50%;width:.38rem;height:.38rem;margin-top:.25rem;box-shadow:1.5px 1.5px 3px #360f184d,-1.5px -1.5px 3px #fffaf280}.icon-button{background:var(--surface);width:2.75rem;height:2.75rem;box-shadow:var(--shadow-small);cursor:pointer;transition:box-shadow var(--duration-fast), transform var(--duration-fast);border:0;border-radius:50%;place-items:center;display:grid}.icon-button:active{box-shadow:var(--shadow-inset);transform:scale(.97)}.nav{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-raised);padding:1rem;display:none;position:absolute;top:5rem;left:1rem;right:1rem}.nav.open{display:grid}.nav a{border-radius:var(--radius-sm);align-items:center;min-height:44px;padding:.7rem 1rem;font-weight:650;text-decoration:none;display:flex}.nav a:hover{color:var(--wine-700);background:#ffffff4d}.nav-cta{justify-content:space-between;box-shadow:5px 5px 13px #28081052,-4px -4px 11px #fffaf247;color:var(--cream-50)!important;background:var(--wine-800)!important}.hero{background:var(--cream-200);align-items:end;min-height:100svh;padding:8rem 1.2rem 6rem;display:grid;position:relative;overflow:hidden}.hero-art,.hero-overlay{width:100%;height:100%;position:absolute;inset:0}.hero-art{object-fit:cover;object-position:68% center}.hero-overlay{background:linear-gradient(90deg,#f8efe1fa 0%,#f8efe1de 45%,#480d1b1f 78%),linear-gradient(#0000 65%,#300d1252)}.hero-copy{z-index:1;max-width:48rem;position:relative}.kicker,.eyebrow{color:var(--wine-700);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:800;line-height:1.4}.hero h1{max-width:10ch;margin-bottom:1.5rem;font-size:clamp(3.6rem,12vw,8.8rem)}.hero-copy>p:not(.kicker){color:#4c3a31;max-width:34rem;font-size:clamp(1rem,2vw,1.25rem)}.hero-actions{flex-wrap:wrap;gap:.85rem;margin-top:2rem;display:flex}.button{cursor:pointer;min-height:48px;transition:transform var(--duration-fast), box-shadow var(--duration-fast);border:0;border-radius:999px;justify-content:center;align-items:center;gap:.7rem;padding:.85rem 1.25rem;font-weight:750;text-decoration:none;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(1px)}.button.primary{background:var(--wine-800);color:#fff;box-shadow:7px 7px 17px #28081057,-4px -4px 12px #fffaf24d}.button.primary:active{box-shadow:inset 4px 4px 9px #1e050b8c,inset -3px -3px 7px #8e374866}.button.ghost{box-shadow:var(--shadow-small);background:#f0e3d2bf}.scroll-cue{display:none}.section{padding:var(--space-7) clamp(1rem, 4vw, 4rem)}.section-heading{max-width:62rem;margin-bottom:2.5rem}.section-heading.compact{max-width:50rem}.section-heading h2,.method h2{margin-bottom:1.4rem;font-size:clamp(2.7rem,7vw,6rem)}.section-heading>p:last-child{max-width:44rem;color:var(--muted);font-size:1.03rem}.principle-grid{align-items:stretch;gap:1rem;display:grid}.principle{border-radius:var(--radius-lg);background:var(--surface);height:100%;box-shadow:var(--shadow-raised);transition:transform var(--duration), box-shadow var(--duration);flex-direction:column;gap:.5rem;padding:1.6rem;display:flex}.principle-grid>.principle:hover{transform:translateY(-5px);box-shadow:15px 15px 32px #60422d3d,-11px -11px 24px #fffaf280}.principle-num{letter-spacing:.16em;color:var(--wine-700);background:var(--cream-100);box-shadow:var(--shadow-inset);border-radius:.6rem;align-self:flex-start;margin-bottom:.4rem;padding:.32rem .6rem;font-size:.72rem;font-weight:800}.principle h3{margin:0;font-size:1.55rem;line-height:1.06}.principle p{color:var(--muted);margin:0}.soft-note{border-radius:var(--radius-md);background:var(--surface);max-width:62rem;color:var(--ink);box-shadow:var(--shadow-inset);align-items:flex-start;gap:1rem;margin:2.5rem auto 0;padding:1.3rem 1.5rem;display:flex}.soft-note .icon{color:var(--wine-700);margin-top:.15rem}.soft-note strong{color:var(--wine-800)}.soft-note p{color:var(--muted);margin:0}@media (prefers-reduced-motion:no-preference){[data-reveal]{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(1.2rem)}[data-reveal].is-visible{opacity:1;transform:none}.principle-grid>[data-reveal]:nth-child(2){transition-delay:.1s}.principle-grid>[data-reveal]:nth-child(3){transition-delay:.2s}.principle.is-visible>*{animation:reveal-item .55s var(--ease) both}.principle.is-visible>:first-child{animation-delay:80ms}.principle.is-visible>:nth-child(2){animation-delay:.18s}.principle.is-visible>:nth-child(3){animation-delay:.28s}@keyframes reveal-item{0%{opacity:0;transform:translateY(.55rem)}}}.explorer{background:var(--cream-200)}.filter-panel{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-raised);gap:1rem;margin-bottom:2rem;padding:1.1rem;display:grid}.search-wrap{position:relative}.search-wrap .icon{color:var(--muted);position:absolute;top:50%;left:1.2rem;transform:translateY(-50%)}.search-wrap input{background:var(--surface);width:100%;min-height:54px;color:var(--ink);box-shadow:var(--shadow-inset);border:0;border-radius:999px;padding:.9rem 1.3rem .9rem 3.2rem;font-size:1.02rem}.search-wrap input::placeholder{color:var(--muted)}.filter-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.segmented{border:0;gap:.5rem;margin:0;padding:0;display:inline-flex}.segmented button,.filter-field,.reset-button{background:var(--surface);min-height:46px;box-shadow:var(--shadow-small);cursor:pointer;transition:box-shadow var(--duration-fast), color var(--duration-fast);border:0;border-radius:999px}.segmented button{color:var(--ink);padding:0 1.05rem;font-weight:720}.segmented button:hover{color:var(--wine-700)}.segmented button[aria-pressed=true]{box-shadow:var(--shadow-inset);color:var(--wine-800)}.filter-field{align-items:center;gap:.5rem;padding:0 2.1rem 0 1.05rem;display:inline-flex;position:relative}.filter-field>span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;font-weight:800}.filter-field select{color:var(--ink);cursor:pointer;appearance:none;background:0 0;border:0;padding:.4rem 0;font-size:.88rem;font-weight:720}.filter-field:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);pointer-events:none;width:.5rem;height:.5rem;position:absolute;top:50%;right:1rem;transform:translateY(-70%)rotate(45deg)}.filter-status{color:var(--muted);align-items:baseline;gap:.4rem;margin-left:auto;font-size:.85rem;display:inline-flex}.filter-status strong{font-family:var(--font-display);color:var(--ink);font-size:1.5rem;line-height:1}.reset-button{color:var(--ink);justify-content:center;align-items:center;gap:.4rem;padding:0 1.1rem;font-weight:700;display:inline-flex}.reset-button:not(:disabled):hover{color:var(--wine-700)}.reset-button:not(:disabled):active{box-shadow:var(--shadow-inset)}.reset-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.grape-grid{grid-template-columns:1fr;gap:1.3rem;display:grid}.grape-card{border-radius:var(--radius-lg);background:var(--cream-200);min-width:0;box-shadow:var(--shadow-raised);transition:transform var(--duration), box-shadow var(--duration);cursor:pointer;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.grape-card:hover{transform:translateY(-5px);box-shadow:15px 15px 32px #60422d3d,-11px -11px 24px #fffaf280}.card-open:after{content:"";border-radius:inherit;position:absolute;inset:0}.grape-card:has(.card-open:focus-visible){outline:3px solid var(--focus);outline-offset:4px}.card-image{aspect-ratio:4/3;border-radius:calc(var(--radius-lg) - .5rem);box-shadow:var(--shadow-inset);flex:none;margin:.7rem;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease)}.grape-card:hover .card-image img{transform:scale(1.035)}.card-body{flex-direction:column;flex:auto;padding:.8rem 1.3rem 1.4rem;display:flex}.eyebrow{align-items:center;gap:.5rem;display:flex}.color-dot{background:var(--wine-700);border-radius:50%;width:.55rem;height:.55rem}.white .color-dot{background:#b3a851}.card-body h3{min-height:2.06em;margin:.55rem 0 .3rem;font-size:1.95rem;line-height:1.03}.origin{color:var(--muted);min-height:2.7em;font-size:.8rem}.flag{vertical-align:-.14em;border-radius:2px;width:1.15em;height:.766667em;display:inline-block;overflow:hidden;box-shadow:0 0 0 1px #2b201c26}.flag svg{width:100%;height:100%;display:block}.flavor-line{color:var(--cork-700);font-size:.8rem;font-weight:650}.card-meters{grid-template-columns:1fr 1fr;gap:1rem;margin:1.1rem 0 0;display:grid}.card-body .card-open{margin-top:auto;padding-top:1.1rem}.meter-label{color:var(--muted);margin-bottom:.45rem;font-size:.72rem;font-weight:720}.meter-dots{gap:.3rem;display:flex}.meter-dots i{background:var(--surface-deep);width:.55rem;height:.55rem;box-shadow:var(--shadow-inset);border-radius:50%}.meter-dots i.filled{background:var(--wine-700);box-shadow:1px 1px 3px #44111d4d,-1px -1px 2px #fffaf280}.white .meter-dots i.filled,.dialog-visual.white~* .meter-dots i.filled{background:#8c873c}@media (prefers-reduced-motion:no-preference){.grape-card:not(.is-visible) .card-meters .meter-dots i.filled{opacity:0}.grape-card.is-visible .card-meters .meter-dots i.filled,.profile-panel .meter-dots i.filled{animation:dot-fill .45s var(--ease) both}.meter-dots i.filled:first-child{animation-delay:40ms}.meter-dots i.filled:nth-child(2){animation-delay:.12s}.meter-dots i.filled:nth-child(3){animation-delay:.2s}.meter-dots i.filled:nth-child(4){animation-delay:.28s}.meter-dots i.filled:nth-child(5){animation-delay:.36s}@keyframes dot-fill{0%{opacity:0;transform:scale(.15)}to{opacity:1;transform:scale(1)}}}.text-button,.text-link{min-height:44px;color:var(--wine-800);cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;padding:.3rem 0;font-weight:800;text-decoration:none;display:inline-flex}.text-button:hover .icon,.text-link:hover .icon{transform:translate(4px)}.text-button .icon,.text-link .icon{transition:transform var(--duration-fast)}.empty-state{text-align:center;border-radius:var(--radius-lg);max-width:36rem;box-shadow:var(--shadow-inset);margin:3rem auto;padding:3rem 1.5rem}.empty-state .icon{color:var(--wine-700);margin:auto auto 1rem}.empty-state h3{font-size:2rem}.pairing-tabs{scrollbar-width:thin;scrollbar-color:var(--surface-deep) transparent;gap:.6rem;padding:.8rem .3rem 1rem;display:flex;overflow-x:auto}.pairing-tabs button{background:var(--surface);min-height:46px;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-small);transition:box-shadow var(--duration-fast), color var(--duration-fast);border:0;border-radius:999px;flex:none;padding:0 1.1rem;font-weight:720}.pairing-tabs button:hover{color:var(--wine-700)}.pairing-tabs button[aria-pressed=true]{box-shadow:var(--shadow-inset);color:var(--wine-800)}.pairing-result{border-radius:var(--radius-xl);background:var(--wine-800);color:var(--cream-50);box-shadow:var(--shadow-wine);margin-top:1.3rem;padding:1.4rem}.pairing-result>div:first-child{padding:.8rem}.pairing-result h3{max-width:14ch;font-size:clamp(2rem,5vw,3.8rem)}.pairing-result p{color:var(--cream-200)}.pairing-result .eyebrow{color:#e4b4a8}.pairing-grapes{gap:.65rem;margin-top:1rem;display:grid}.pairing-grapes button{text-align:left;border-radius:var(--radius-md);color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;grid-template-rows:auto auto;grid-template-columns:auto 1fr;gap:.1rem .7rem;min-height:64px;padding:.75rem;display:grid}.pairing-grapes button:hover{background:#ffffff1f}.pairing-grapes button>.pairing-thumb{object-fit:cover;border-radius:50%;grid-row:1/3;align-self:center;width:2.7rem;height:2.7rem;box-shadow:inset 0 0 0 1px #fff3,3px 3px 8px #14040966}.pairing-grapes small{color:#ddcabc;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.geography{background:var(--cream-200)}.geo-board{border-radius:var(--radius-xl);background:var(--cream-200);box-shadow:var(--shadow-raised);overflow:hidden}.world-map{aspect-ratio:2;box-shadow:var(--shadow-inset);background-color:#ece0cd;margin:0;position:relative;overflow:hidden}.map-base{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.map-routes{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.map-routes path{fill:none;stroke:var(--wine-700);stroke-width:.55px;stroke-dasharray:2 2.4;stroke-linecap:round;opacity:.85}.map-dot{stroke:var(--cream-50);stroke-width:.5px}.map-dot.origin{fill:var(--wine-800)}.map-dot.new{fill:var(--clay)}.map-pin{white-space:nowrap;color:var(--wine-800);box-shadow:var(--shadow-small);pointer-events:none;background:#fffaf3db;border-radius:.55rem;padding:.12rem .45rem;font-size:.62rem;font-weight:800;position:absolute;transform:translate(-50%,-155%)}.map-pin.region{font-family:var(--font-display);font-size:.82rem;font-weight:600}.geo-copy{padding:1.6rem}.geo-copy ol{margin:1rem 0 0;padding:0;list-style:none}.geo-copy li{border-bottom:1px solid #5a182521;gap:.2rem;padding:1rem 0;display:grid}.geo-copy li strong{font-family:var(--font-display);font-size:1.4rem}.geo-copy li span{color:var(--muted)}.glossary-grid{gap:1rem;display:grid}.glossary-grid article{border-radius:var(--radius-lg);box-shadow:var(--shadow-inset);padding:1.4rem}.glossary-grid h3{color:var(--wine-800);margin-bottom:.6rem;font-size:1.8rem}.glossary-grid p{color:var(--muted);margin:0}.method{padding:var(--space-7) clamp(1rem, 6vw, 7rem);background:var(--wine-900);color:var(--cream-50);gap:2rem;display:grid}.method .kicker{color:#e0afa5}.method p{color:var(--cream-300);max-width:38rem}.method .text-link{color:#fff}footer{background:var(--wine-950);color:var(--cream-200);gap:1.5rem;padding:3rem clamp(1rem,6vw,7rem);display:grid}.brand.inverse i{box-shadow:none;background:#d7a895}footer p{max-width:34rem;color:var(--cream-300)}footer nav{flex-wrap:wrap;gap:1rem 1.5rem;display:flex}footer nav a{align-items:center;min-height:44px;font-weight:700;text-decoration:none;display:inline-flex}footer nav a:hover{color:#fff}footer small{color:#b9a598}.grape-dialog{border-radius:var(--radius-lg);background:var(--surface);width:min(72rem,100% - 1rem);max-height:calc(100dvh - 1rem);color:var(--ink);border:0;padding:0;overflow:hidden;box-shadow:0 2rem 5rem #20050b73}.grape-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#29080fb8}.dialog-shell{overflow-anchor:none;scrollbar-width:thin;scrollbar-color:var(--surface-deep) transparent;max-height:calc(100dvh - 1rem);display:grid;overflow-y:auto}.dialog-shell::-webkit-scrollbar{width:12px}.dialog-shell::-webkit-scrollbar-thumb{background:var(--surface-deep);border:4px solid var(--surface);border-radius:999px}.dialog-visual{z-index:2;background:var(--cream-200);height:42vh;transition:height var(--duration) var(--ease);position:sticky;top:0;overflow:hidden}.dialog-shell.is-condensed .dialog-visual{height:9rem}.dialog-visual img{object-fit:cover;width:100%;height:100%;position:absolute}.dialog-visual p{z-index:1;color:var(--wine-800);background:#fffaf3d9;border-radius:999px;padding:.45rem .75rem;font-size:.75rem;font-weight:800;position:absolute;bottom:.6rem;left:1rem}.dialog-content{padding:1.4rem}.dialog-nav{z-index:6;background:var(--surface);box-shadow:var(--shadow-small);border-radius:999px;align-items:center;gap:.1rem;padding:0 .35rem;display:inline-flex;position:absolute;top:.7rem;left:.7rem}.dialog-nav .icon-button{width:2.4rem;height:2.4rem;box-shadow:none;background:0 0}.dialog-nav .icon-button:active{box-shadow:var(--shadow-inset)}.dialog-nav span{text-align:center;min-width:3.4ch;color:var(--muted);font-size:.8rem;font-weight:750}.dialog-nav button:first-child .icon{transform:rotate(180deg)}.dialog-close{z-index:6;position:absolute;top:.7rem;right:.7rem}.image-credit{color:var(--muted);margin-top:1rem;font-size:.72rem}.image-credit a{text-decoration:underline}.dialog-content h2{margin:.45rem 0 .2rem;font-size:clamp(2.8rem,9vw,5.5rem)}.aliases{color:var(--cork-700);font-size:.85rem}.dialog-history{font-size:1rem}.origin-note,.tip,.fun-fact{border-radius:var(--radius-md);box-shadow:var(--shadow-inset);padding:1rem}.profile-panel{border-radius:var(--radius-md);background:var(--cream-200);box-shadow:var(--shadow-inset);grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0;padding:1rem;display:grid}.dialog-grid{gap:1.4rem;display:grid}.dialog-grid h3{margin-bottom:.8rem;font-size:1.45rem}.dialog-grid ul{padding-left:1.2rem;line-height:1.8}.tags{flex-wrap:wrap;gap:.5rem;display:flex}.tags span{background:var(--cream-200);box-shadow:var(--shadow-small);border-radius:999px;padding:.45rem .7rem;font-size:.78rem}.tip{gap:.8rem;margin-top:1.5rem;display:flex}.tip .icon{color:var(--wine-700)}.tip p,.fun-fact{margin:.3rem 0 0}.fun-fact,.sources{margin-top:1rem}.sources summary{cursor:pointer;min-height:44px;color:var(--wine-800);align-items:center;font-weight:800;display:flex}.sources li{margin-bottom:.7rem;line-height:1.5}@media (min-width:42rem){.grape-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.principle-grid,.glossary-grid{grid-template-columns:repeat(2,1fr)}.pairing-result{padding:2rem}.pairing-grapes{grid-template-columns:repeat(2,1fr)}.geo-board{grid-template-columns:minmax(0,1.6fr) minmax(18rem,.8fr);display:grid}.dialog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:62rem){.site-header{height:5.2rem}.nav-toggle{display:none}.nav,.nav.open{box-shadow:none;background:0 0;align-items:center;padding:0;display:flex;position:static}.nav a{padding:.55rem .8rem}.nav-cta{gap:.6rem;margin-left:.6rem;padding-inline:1.1rem!important}.hero{align-items:center;padding:9rem clamp(3rem,8vw,9rem) 6rem}.hero-art{object-position:center}.hero-overlay{background:linear-gradient(90deg,#f8efe1fa 0%,#f8efe1e0 38%,#f8efe129 66%)}.scroll-cue{z-index:2;color:var(--cream-50);text-transform:uppercase;letter-spacing:.12em;flex-direction:column;align-items:center;gap:.5rem;font-size:.65rem;text-decoration:none;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.scroll-cue i{background:currentColor;width:1px;height:2rem}.section{padding-block:var(--space-8)}.intro .section-heading{margin-left:9%}.principle-grid{grid-template-columns:repeat(3,1fr)}.filter-panel{z-index:10;position:sticky;top:6rem}.grape-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pairing-result{grid-template-columns:.9fr 1.1fr;gap:2rem;padding:3rem;display:grid}.pairing-grapes{margin:0}.glossary-grid{grid-template-columns:repeat(3,1fr)}.method{grid-template-columns:1fr 1fr;align-items:center}footer{grid-template-columns:.7fr 1.5fr 1fr;align-items:start}footer small{grid-column:1/-1}.dialog-shell{grid-template-columns:minmax(18rem,.75fr) minmax(0,1.5fr);max-height:calc(100dvh - 2rem);overflow:visible}.dialog-visual{height:auto;min-height:100%;position:static}.dialog-shell.is-condensed .dialog-visual{height:auto}.dialog-visual img{object-fit:cover;height:100%;position:sticky;top:0}.dialog-content{overflow-anchor:none;scrollbar-width:thin;scrollbar-color:var(--surface-deep) transparent;min-height:0;max-height:calc(100dvh - 2rem);padding:4.2rem 2.6rem 3rem;overflow-y:auto}.dialog-content::-webkit-scrollbar{width:12px}.dialog-content::-webkit-scrollbar-thumb{background:var(--surface-deep);border:4px solid var(--surface);border-radius:999px}}@media (min-width:88rem){.grape-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:no-preference){.reveal{animation:rise .7s var(--ease) both}.scroll-cue i{transform-origin:top;animation:1.8s ease-in-out infinite pulse}.grape-dialog[open]{animation:dialog-in .24s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(1.5rem)}}@keyframes pulse{50%{opacity:.5;transform:scaleY(.45)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(1rem)scale(.985)}}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}