:root{--paper:#faf7ef;--ink:#222c45;--muted:#59616e;--line:#dedbd1;--blue:#2846c7;--coral:#e66a49;--butter:#f3e19a;--soft:#f0ecdf;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{text-decoration:none}a,button{color:inherit}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:var(--butter);color:var(--ink)}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(42px,5.7vw,70px)}h2{font-size:36px}h3{font-size:19px;line-height:1.3}em{font-weight:400}p+p{margin-top:16px}strong{font-weight:600}.small{font-size:14px;line-height:1.55;color:var(--muted)}.eyebrow{display:block;font-size:12px;line-height:1.45;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.blue-text{color:var(--blue)}.coral-text{color:#9e3f28}.gold-text{color:#735b17}.lead{font-size:19px;line-height:1.65;color:var(--muted)}.skip-link{position:fixed;top:10px;left:20px;z-index:100;padding:12px 20px;background:var(--blue);color:white;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--line)}.header-inner{max-width:1180px;padding:28px 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-family:var(--serif);font-size:41px;line-height:1;letter-spacing:-2.4px;font-weight:700;color:var(--blue);white-space:nowrap}.brand>span:first-child{color:var(--coral)}.brand-stop{color:var(--blue);margin-left:1px}.header-note{font-size:13px;line-height:1.4;color:var(--muted)}.desktop-nav,.nav-link{display:flex;gap:10px;align-items:center}.nav-link{padding:12px 19px;border-radius:30px;font-size:16px;min-height:48px}.nav-dot{width:7px;height:7px;background:var(--blue);border-radius:50%}.nav-link.pair .nav-dot{background:var(--coral)}.nav-link.taste .nav-dot{background:#ac8a25}.nav-link.active.choose{background:var(--blue);color:white}.nav-link.active.choose .nav-dot{background:var(--butter)}.nav-link.active.pair{background:var(--coral);color:#19233b}.nav-link.active.pair .nav-dot{background:#19233b}.nav-link.active.taste{background:var(--butter)}.nav-link.active.taste .nav-dot{background:var(--ink)}.nav-link:not(.active):hover{background:var(--soft)}.mobile-nav{display:none}.site-main{max-width:1180px;padding:0 40px;margin:auto;min-height:60vh}.button{display:inline-flex;justify-content:center;align-items:center;gap:35px;min-height:56px;padding:14px 23px;border-radius:8px;font-size:16px;font-weight:600;line-height:1.5}.button.primary{background:var(--blue);color:white;border:1px solid var(--blue)}.button.primary:hover{background:#1e36a0}.button.outline{border:1px solid var(--blue);color:var(--blue)}.button.outline:hover{background:#e8ecfd}.text-link{gap:22px;font-size:16px;font-weight:600;text-decoration:underline;text-underline-offset:6px}.back-link,.text-link{display:inline-flex;align-items:center;color:var(--blue);min-height:44px}.back-link{font-size:15px;margin-bottom:28px}.back-link:hover{text-decoration:underline;text-underline-offset:4px}.home-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;padding:60px 0 48px;align-items:center}.hero-copy .eyebrow{margin-bottom:22px}.hero-copy h1{margin-bottom:23px}.hero-copy h1 em{color:var(--blue)}.hero-copy .lead{margin-bottom:26px}.microcopy{font-size:13px;color:var(--muted);margin-top:12px}.guide-preview{min-height:355px;border-radius:5px 80px 5px 5px;padding:32px 34px;background:var(--blue);color:var(--paper);display:flex;flex-direction:column;justify-content:space-between;transition:background .18s}.guide-preview:hover{background:#223caf}.guide-label{font-size:13px;letter-spacing:.05em}.guide-words{display:flex;flex-direction:column;margin:22px 0;font:italic 48px/1.05 var(--serif);letter-spacing:-.035em}.guide-words span:nth-child(2){color:var(--butter)}.guide-bottom{justify-content:space-between;font-size:14px;line-height:1.5}.circle-arrow,.guide-bottom{display:flex;align-items:center}.circle-arrow{justify-content:center;width:48px;height:48px;border:1px solid #8e9ee5;border-radius:50%;font-size:26px}.varieties-section{border-top:1px solid var(--line);padding:36px 0 28px}.section-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:25px}.section-heading .eyebrow{margin-bottom:12px}.section-heading>p{font-size:15px;color:var(--muted)}.variety-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.variety-link{border:1px solid var(--line);padding:22px 18px 18px;border-radius:5px;transition:background .18s,border-color .18s}.variety-link:hover{background:#eeefe8;border-color:var(--blue)}.variety-mark{display:block;width:24px;height:5px;border-radius:3px;background:var(--blue);margin-bottom:30px}.variety-link h3{font:26px/1.1 var(--serif);letter-spacing:-.04em;color:var(--blue);margin-bottom:24px}.variety-link>span:last-child{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted)}.variety-link>span:last-child span{font-size:22px;color:var(--blue)}.section-note{font-size:13px;color:var(--muted);margin-top:16px}.blend-strip{background:var(--soft);border-radius:7px;padding:25px 30px;margin:10px 0 65px;display:flex;align-items:center;justify-content:space-between;gap:28px}.blend-strip h2{font-size:30px;margin:8px 0}.blend-strip p{font-size:15px;color:var(--muted)}.blend-strip .eyebrow{font-size:10px}.site-footer{width:calc(100% - 80px);max-width:1100px;margin:auto;border-top:1px solid var(--line);padding:28px 0 32px;display:flex;align-items:start;justify-content:space-between;gap:30px}.footer-brand{font-size:27px;letter-spacing:-1.5px}.site-footer p{font-size:13px;color:var(--muted);margin-top:9px}.footer-links{display:flex;flex-wrap:wrap;gap:10px 25px;max-width:420px;justify-content:flex-end;font-size:14px}.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}.footer-links>span{width:100%;text-align:right;font-size:12px}.reading-page{max-width:760px;margin:0 auto;padding:30px 0 65px}.page-heading{margin:12px 0 38px}.page-heading .eyebrow{margin-bottom:18px}.page-heading h1{margin-bottom:24px}.page-heading h1 em{color:var(--blue)}.page-heading .lead{max-width:720px}.buying-list{border-top:1px solid var(--line)}.buying-item{border-bottom:1px solid var(--line)}.buying-item summary{display:flex;align-items:start;gap:24px;padding:24px 0;list-style:none;cursor:pointer}.buying-item summary::-webkit-details-marker{display:none}.step-number{color:var(--blue);font-size:14px;line-height:1.8}.buying-item summary strong{display:block;font-size:21px;line-height:1.3;margin-bottom:7px}.summary-lead{display:block;font-size:16px;color:var(--muted)}.details-plus{margin-left:auto;font-size:26px;line-height:1}.buying-item[open] .details-plus{transform:rotate(45deg)}.buying-item>p{padding:0 38px 25px 43px;color:var(--muted);font-size:17px}.plain-note{margin:32px 0;padding:24px;background:var(--soft);border-radius:7px}.plain-note strong{font-size:18px}.plain-note p{font-size:16px;color:var(--muted);margin-top:7px}.evidence{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:28px 0}.evidence summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;cursor:pointer;font-size:15px;color:var(--blue)}.evidence summary::-webkit-details-marker{display:none}.evidence summary>span{font-size:22px}.evidence[open] summary>span{transform:rotate(45deg)}.evidence-body{padding:6px 0 22px}.reference+.reference{margin-top:25px}.reference>a{display:inline-flex;max-width:100%;align-items:baseline;gap:8px;font-size:16px;color:var(--blue);text-decoration:underline;text-underline-offset:4px}.reference>a>span:last-child{flex-shrink:0}.reference p{font-size:15px;line-height:1.6;margin-top:6px}.reference p.small{font-size:12px}.evidence-body>.small{margin-top:22px;font-size:12px}.title-dot{color:var(--coral)}.aromas-panel{background:var(--soft);padding:26px;border-radius:7px}.aroma-labels{display:flex;flex-wrap:wrap;gap:12px;margin:21px 0}.aroma-label{padding:12px 18px;background:var(--butter);border-radius:40px;font:24px/1.3 var(--serif);color:var(--ink)}.aroma-label:nth-child(2){background:#f6d8ca}.aroma-label:nth-child(3){background:#dce2fa}.mouth-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-bottom:1px solid var(--line);padding:29px 0}.mouth-grid .eyebrow{color:var(--muted);margin-bottom:12px}.mouth-grid h2{font-size:26px;line-height:1.25;letter-spacing:-.025em}.variety-caveat{font-size:15px;color:var(--muted);margin-top:21px}.page-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 35px}.prose{margin-bottom:30px}.prose h2{font-size:29px;margin:33px 0 15px}.prose p{color:var(--muted);font-size:17px}.sources-list article{padding:28px 0;border-top:1px solid var(--line)}.sources-list .eyebrow{font-size:11px;color:var(--muted)}.sources-list h2{font-size:25px;line-height:1.2;color:var(--blue);margin:12px 0}.sources-list h2 a:hover{text-decoration:underline;text-underline-offset:4px}.sources-list p:not(.eyebrow){font-size:16px;color:var(--muted)}.pair-page,.taste-page{padding:45px 0 60px}.pair-page .page-heading h1 em{color:#9e3f28}.taste-page .page-heading h1 em{color:#735b17}.pairing-layout{display:grid;grid-template-columns:1fr 1.45fr;gap:38px;align-items:start}.food-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.food-button{min-height:93px;padding:18px;border-radius:6px;border:1px solid var(--line);background:transparent;display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;font-size:16px;line-height:1.35}.food-button>span{font-size:22px}.food-button:hover{background:#f5e7db}.food-button[aria-pressed=true]{background:var(--coral);border-color:var(--coral);color:#19233b}.dish-result{background:#f4e7dc;border-radius:7px;padding:30px}.dish-result>.eyebrow{font-size:11px;color:#9e3f28}.dish-result h2{font-size:42px;margin:13px 0 10px}.dish-line{font:italic 23px/1.3 var(--serif);color:#85422e}.dish-copy{margin-top:27px}.dish-copy h3{font-size:13px;letter-spacing:.03em;margin-bottom:8px}.dish-copy p{font-size:17px;line-height:1.6}.dish-copy p+h3{margin-top:22px}.alternative{margin-top:24px;padding-top:22px;border-top:1px solid #d8c3b5}.alternative p{font-size:16px;color:#624b42}.editorial-note{font-size:14px;line-height:1.6;margin:25px 0;color:var(--muted);max-width:750px}.sensory-layout{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:65px}.sensory-map{position:relative;max-width:365px;width:100%;height:330px;margin:0 auto}.sensory-orbit{top:50px;width:230px;height:230px;border:1px solid #cec5aa;border-radius:50%}.map-center,.sensory-orbit{position:absolute;left:50%;transform:translateX(-50%)}.map-center{top:128px;font:italic 23px/1.2 var(--serif);width:180px;text-align:center}.sense-button{position:absolute;border:5px solid var(--paper);border-radius:50%;width:128px;height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--butter);box-shadow:none}.sense-button>span{font:26px/1.1 var(--serif);letter-spacing:-.035em}.sense-button small{font-size:12px}.sense-button.frutado{top:0;left:50%;transform:translateX(-50%)}.sense-button.amargo{bottom:0;left:0;background:#f6d8ca}.sense-button.picante{bottom:0;right:0;background:#dce2fa}.sense-button[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink)}.sense-result .eyebrow{color:#735b17;margin-bottom:17px}.sense-result h2{font-size:36px;max-width:360px;margin-bottom:18px}.sense-result>p:not(.eyebrow){font-size:17px;color:var(--muted)}.sensory-try{padding:20px 22px;background:#f2e8c1;border-radius:7px;margin-top:23px}.sensory-try h3{font-size:14px;margin-bottom:8px}.sensory-try p{font-size:16px}.tasting-steps{margin:60px 0 30px;padding-top:35px;border-top:1px solid var(--line)}.tasting-steps ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:0;margin:25px 0}.tasting-steps li>span{font-size:13px;color:#735b17}.tasting-steps h3{font:30px/1.2 var(--serif);margin:10px 0 14px}.tasting-steps li p{font-size:16px;color:var(--muted)}.tasting-steps>.small{font-size:13px;max-width:760px}@media(max-width:1050px){.home-hero{gap:35px}.guide-words{font-size:43px}.guide-preview{min-height:330px}.header-note{display:none}.variety-grid{gap:8px}.variety-link{padding:20px 13px}.variety-link h3{font-size:24px}.pairing-layout{grid-template-columns:1fr 1.3fr;gap:25px}.sensory-layout{gap:35px}}@media(max-width:740px){body{font-size:17px}.header-inner{padding:22px 24px}.brand{font-size:34px;letter-spacing:-2px}.desktop-nav{display:none}.header-note{display:block;font-size:11px}.site-main{padding:0 24px}.home-hero{padding:34px 0 32px;grid-template-columns:1fr;gap:24px}.hero-copy h1{font-size:clamp(44px,9vw,62px);margin-bottom:18px}.hero-copy .eyebrow{font-size:10px;margin-bottom:17px}.hero-copy .lead{font-size:17px;margin-bottom:23px}.desktop-break,.guide-preview{display:none}.hero-copy .button{width:100%;max-width:410px}.microcopy{font-size:12px}.varieties-section{padding-top:27px}.section-heading{display:block;margin-bottom:20px}.section-heading>p{font-size:14px;margin-top:12px}.section-heading h2{font-size:32px}.section-heading .eyebrow{font-size:10px}.variety-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.variety-link{padding:18px 16px 12px}.variety-mark{margin-bottom:20px;height:4px;width:20px}.variety-link h3{font-size:26px;margin-bottom:16px}.variety-link:last-child{grid-column:1/-1;display:flex;gap:16px;align-items:center;padding:16px}.variety-link:last-child .variety-mark{margin:0;width:4px;height:24px}.variety-link:last-child h3{margin:0;flex:1 1}.variety-link:last-child>span:last-child{gap:12px}.section-note{font-size:12px}.blend-strip{display:block;padding:24px;margin:4px 0 38px}.blend-strip h2{font-size:29px}.blend-strip .text-link{margin-top:14px;font-size:14px}.site-footer{width:calc(100% - 48px);margin:0 24px;padding:24px 0 calc(88px + env(safe-area-inset-bottom));display:block}.footer-links{justify-content:flex-start;margin-top:20px;gap:12px 24px}.footer-links>span{text-align:left}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--paper);border-top:1px solid var(--line);z-index:30;padding:10px 12px calc(10px + env(safe-area-inset-bottom));justify-content:center;gap:7px}.mobile-nav .nav-link{justify-content:center;flex:1 1;max-width:200px;font-size:14px;padding:12px 5px;border-radius:8px;gap:7px;min-height:47px}.nav-dot{width:5px;height:5px}.reading-page{padding:18px 0 28px}.back-link{font-size:13px;margin-bottom:20px}.page-heading{margin:10px 0 30px}.page-heading h1{font-size:clamp(39px,8.8vw,56px);margin-bottom:19px}.page-heading .eyebrow{font-size:10px;margin-bottom:16px}.page-heading .lead{font-size:17px}.buying-item summary{gap:16px;padding:20px 0}.buying-item summary strong{font-size:18px}.summary-lead{font-size:14px}.step-number{font-size:12px;flex:0 0 16px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.buying-item>p{padding:0 8px 20px 32px;font-size:16px}.plain-note{padding:20px}.plain-note strong{font-size:16px}.plain-note p{font-size:15px}.evidence{margin:22px 0}.evidence summary{font-size:14px;gap:12px;padding:16px 0}.reference+.reference{margin-top:20px}.evidence-body{padding-bottom:18px}.aromas-panel{padding:23px 20px}.aroma-labels{gap:9px}.aroma-label{font-size:22px;padding:10px 14px}.aromas-panel .small{font-size:13px}.mouth-grid{gap:20px;padding:24px 0}.mouth-grid .eyebrow{font-size:10px}.mouth-grid h2{font-size:22px}.variety-caveat{font-size:14px}.page-actions{gap:20px}.page-actions .button,.reading-page>.button{width:100%;gap:16px}.prose p{font-size:16px}.prose h2{font-size:27px}.pair-page,.taste-page{padding:26px 0 24px}.pairing-layout{grid-template-columns:1fr;gap:24px}.food-grid{gap:9px}.food-button{min-height:60px;padding:13px 14px;font-size:15px}.food-button>span{font-size:19px}.dish-result{padding:25px 23px}.dish-result h2{font-size:37px}.dish-line{font-size:22px}.dish-copy p{font-size:16px}.editorial-note{font-size:13px}.sensory-layout{grid-template-columns:1fr;gap:24px}.sensory-map{max-width:310px;height:290px}.sensory-orbit{width:210px;height:210px;top:35px}.map-center{top:122px;font-size:21px;width:170px;line-height:1.15}.sense-button{width:116px;height:116px}.sense-button>span{font-size:24px}.sense-result h2{font-size:33px;max-width:none}.sense-result>p:not(.eyebrow){font-size:16px}.tasting-steps{margin:30px 0 22px;padding-top:24px}.tasting-steps ol{grid-template-columns:1fr;gap:22px;margin:22px 0}.tasting-steps li{position:relative;padding-left:32px}.tasting-steps li>span{position:absolute;top:7px;left:0}.tasting-steps h3{margin:0 0 8px;font-size:27px}.sources-list h2{font-size:23px}.sources-list p:not(.eyebrow){font-size:15px}}@media(max-width:360px){.header-inner{padding:21px 20px}.site-main{padding:0 20px}.site-footer{width:calc(100% - 40px);margin:0 20px}.brand{font-size:31px}.header-note{font-size:10px}.mobile-nav{gap:4px;padding-left:8px;padding-right:8px}.mobile-nav .nav-link{font-size:13px;gap:5px}.variety-link h3{font-size:24px}.sensory-map{height:290px}.sensory-orbit{width:200px;height:200px;top:40px}.map-center{width:154px;font-size:21px}}.pwa-support{width:calc(100% - 80px);max-width:1100px;margin:0 auto 28px;padding:22px 24px;background:var(--soft);border-radius:8px;font-size:14px}.pwa-state{display:flex;align-items:center;gap:10px}.pwa-state p{margin:0}.save-dot{width:7px;height:7px;flex-shrink:0;background:var(--muted);border-radius:50%}.save-dot.ready{background:var(--blue)}.pwa-help{margin-top:13px}.pwa-help summary{color:var(--blue);cursor:pointer;padding:8px 0}.pwa-help p{max-width:750px;line-height:1.6}.pwa-help .button,.pwa-help p{margin:12px 0}.update-notice{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:18px}.pwa-help .button,.update-notice .button{font-size:14px;padding:12px 18px;min-height:44px}.text-button{background:none;border:0;color:var(--blue);text-decoration:underline;font:inherit;cursor:pointer;padding:12px 0}.pwa-support button:disabled{opacity:.65;cursor:wait}@media(max-width:740px){.pwa-support{width:calc(100% - 48px);margin:0 24px 20px;padding:16px 18px;font-size:14px}.pwa-help{margin-top:6px}.pwa-state{align-items:baseline}.update-notice{display:block}.update-notice .button{margin-top:12px}.pwa-help summary{min-height:44px;display:flex;align-items:center}.pwa-help summary:after{content:"+";margin-left:auto;padding-left:12px}.pwa-help[open] summary:after{content:"−"}}@media(max-width:360px){.pwa-support{width:calc(100% - 40px);margin-left:20px;margin-right:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.cookie-preferences{background:none;border:0;padding:0;color:inherit;font:inherit;text-align:left}.cookie-preferences:hover{text-decoration:underline;text-underline-offset:4px}.analytics-notice{position:fixed;z-index:50;bottom:24px;right:24px;width:min(440px,calc(100% - 48px));max-height:calc(100dvh - 48px);overflow:auto;padding:24px;border:1px solid var(--line);border-radius:10px;background:var(--paper);box-shadow:0 8px 36px #222c4524;color:var(--ink);text-align:left}.analytics-notice h2{font-size:27px;line-height:1.15;letter-spacing:-.025em}.site-footer .analytics-notice p{margin:12px 0 18px;font-size:14px;line-height:1.55;color:var(--muted)}.analytics-notice p a{text-decoration:underline;color:var(--blue);text-underline-offset:3px}.analytics-actions{display:flex;gap:12px}.analytics-actions .button{flex:1 1;min-height:44px;padding:10px 14px;font-size:14px}.analytics-actions .outline{background:transparent}.dish-result[hidden],.sense-result[hidden]{display:none}@media(max-width:740px){.analytics-notice{left:16px;right:16px;bottom:calc(80px + env(safe-area-inset-bottom));width:auto;max-height:calc(100dvh - 112px - env(safe-area-inset-bottom));padding:20px}.analytics-notice h2{font-size:25px}.cookie-preferences{min-height:32px}}