@font-face{font-family:SadDisplay;src:url('assets/barlow-condensed-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--wine:#781d32;--butter:#f3d77a;--cream:#fff4da;--ink:#291b20;--green:#244939;--purple:#482849;--display:SadDisplay,Impact,'Arial Narrow',sans-serif;--body:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--cream);color:var(--wine);font-family:var(--body);font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}button{border:0}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:800;letter-spacing:-.035em;line-height:.94}h2{font-size:clamp(3.4rem,6.8vw,7rem)}.eyebrow{font-size:.78rem;letter-spacing:.12em;font-weight:700;line-height:1.5}.header{position:fixed;z-index:20;inset:0 0 auto;min-height:84px;display:flex;align-items:center;justify-content:space-between;padding:14px 4.5%;background:var(--butter);border-bottom:1px solid #781d322a;padding-top:max(14px,env(safe-area-inset-top))}.wordmark{font-family:var(--display);font-weight:800;font-size:3.25rem;letter-spacing:-.06em;line-height:1}.wordmark span{font:12px var(--body);display:inline-block;vertical-align:top;padding:7px 0 0 3px}.header-caption{font-size:.7rem;letter-spacing:.15em;font-weight:700;position:absolute;left:50%;transform:translateX(-50%)}.header nav{display:flex;gap:32px;align-items:center;font-size:.88rem;font-weight:600}.header nav a{padding:12px 0}.header .nav-mix{border:1px solid var(--wine);border-radius:30px;padding:13px 20px}.nav-mix span{margin-left:14px}.menu-button{display:none}.skip{position:fixed;z-index:100;top:-100px;left:20px;padding:15px;background:var(--cream)}.skip:focus{top:12px}.hero{position:relative;height:min(850px,calc(100svh + 30px));min-height:710px;background:var(--butter);overflow:hidden;padding-top:84px}.hero-picture{position:absolute;inset:0}.hero-picture img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-copy{position:relative;padding:clamp(95px,10vw,145px) 0 80px 6%;max-width:56%;pointer-events:none}.hero-copy a{pointer-events:auto}.hero h1{font-size:clamp(5rem,9.8vw,10rem);margin:25px 0 24px;line-height:.88;letter-spacing:-.025em}.hero-description{font-size:1.03rem;line-height:1.6;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:55px;padding:17px 25px;border-radius:32px;font-weight:600;font-size:.95rem;transition:transform .2s,background .2s}.button:hover:not(:disabled){transform:translateY(-3px)}.button span{font-size:1.35rem;line-height:1}.button-dark{color:var(--cream);background:var(--wine)}.hero-bottom{position:absolute;bottom:24px;left:6%;right:4.5%;display:flex;justify-content:space-between;align-items:center;font-size:.65rem;letter-spacing:.13em;font-weight:bold}.hero-bottom a{padding:12px}.hero-bottom a span{margin-left:15px;font-size:1.2rem}.ribbon{background:var(--wine);color:var(--butter);display:flex;justify-content:space-around;gap:24px;align-items:center;overflow:hidden;padding:24px 3%;white-space:nowrap;font-family:var(--display);font-weight:800;font-size:clamp(1.8rem,3.3vw,3.2rem);letter-spacing:.01em}.ribbon-star{font-family:Arial,sans-serif;font-size:2.3rem}.section{padding:70px 6% 95px}.section-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:42px}.section-top>p:not(.eyebrow){font-size:.85rem}.flavor-heading-row{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:45px}.flavor-heading-row>p{font-size:1rem;line-height:1.6;padding:0 2% 6px 0}.flavor-buttons{display:flex;border-top:1px solid #781d3245;border-bottom:1px solid #781d3245;margin-bottom:24px}.flavor-buttons button{flex:1;min-width:0;text-align:left;display:flex;align-items:center;gap:12px;background:transparent;font-size:1rem;padding:22px 20px;min-height:66px}.flavor-buttons button+button{border-left:1px solid #781d3245}.flavor-buttons button[aria-pressed=true]{background:var(--wine);color:var(--cream)}.flavor-buttons button[aria-pressed=true] .swatch{box-shadow:0 0 0 2px var(--cream)}.flavor-index{margin-left:auto;font-size:.75rem;opacity:.75}.swatch{display:inline-block;flex:0 0 14px;width:14px;height:14px;border-radius:50%}.cherry{background:var(--wine)}.pear{background:var(--green)}.currant{background:var(--purple)}.flavor-detail{display:grid;grid-template-columns:1.15fr 1fr;min-height:580px;gap:0}.flavor-photo{position:relative;background:var(--butter);min-width:0;overflow:hidden}.flavor-photo img{width:100%;height:100%;object-fit:cover;object-position:72% center}.photo-caption{position:absolute;bottom:22px;left:25px;font-size:.65rem;letter-spacing:.14em;font-weight:700}.flavor-copy{padding:28px 0 24px 11%;color:var(--wine)}.flavor-copy-top{display:flex;justify-content:space-between;font-size:.75rem;letter-spacing:.08em;margin-bottom:42px}.flavor-copy h3{font-size:clamp(3.6rem,5.6vw,6rem);margin-bottom:22px;line-height:.98}.flavor-copy p{line-height:1.6;font-size:.95rem;max-width:380px}.taste-tags{display:flex;gap:8px;flex-wrap:wrap;margin:21px 0 30px}.taste-tags span{border:1px solid currentColor;border-radius:20px;padding:7px 12px;font-size:.75rem}.text-link{display:flex;justify-content:space-between;border-bottom:1px solid currentColor;padding:8px 0 17px;font-weight:600;font-size:.95rem}.text-link span{font-size:1.35rem}.flavor-copy details{margin-top:18px}.flavor-copy summary{cursor:pointer;padding:10px 0;font-size:.85rem}.flavor-copy details p{font-size:.82rem;padding:8px 0}.flavor-detail[data-current=pear] .flavor-copy{color:var(--green)}.flavor-detail[data-current=currant] .flavor-copy{color:var(--purple)}.image-error{position:absolute;inset:45% 20px auto;padding:16px;background:var(--cream);font-size:.9rem;line-height:1.5}.mix{background:var(--wine);color:var(--cream)}.mix .section-top{margin-bottom:65px}.demo-label{border:1px solid #fff4da66;border-radius:20px;padding:9px 14px;font-size:.65rem;letter-spacing:.1em}.mix-layout{display:grid;grid-template-columns:1fr 1fr;gap:11%}.mix-intro>p{line-height:1.6;margin-top:30px;font-size:1.05rem}.mix-intro .mix-note{font-size:.78rem;line-height:1.6;opacity:.75;margin-top:50px}.mix-builder{min-width:0}.mix-counter{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;letter-spacing:.07em}.mix-counter span:last-child{font-size:1.2rem}.mix-slots{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:22px 0 32px}.mix-slots>span{border:1px dashed #fff4da77;border-radius:50%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff4daaa;transition:background .2s}.mix-slots>span.filled{border:1px solid var(--cream);color:var(--cream);font-weight:700}.mix-slots>span.cherry{background:#ae3452}.mix-slots>span.pear{background:#34624b}.mix-slots>span.currant{background:#68416d}.mix-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #fff4da44;padding:15px 0}.mix-row:last-child{border-bottom:1px solid #fff4da44}.mix-name{display:flex;align-items:center;gap:12px;font-size:1.02rem}.mix-name .swatch{box-shadow:0 0 0 1px #fff4da77}.stepper{display:flex;align-items:center;gap:8px}.stepper button{border:1px solid #fff4da88;background:transparent;border-radius:50%;font-size:1.4rem;width:44px;height:44px}.stepper button:hover:not(:disabled){background:var(--cream);color:var(--wine)}.stepper button:disabled{opacity:.28}.stepper output{width:26px;text-align:center;font-size:1rem}.mix-status{font-size:.82rem;line-height:1.5;margin:23px 0 18px;min-height:25px}.button-cream{color:var(--wine);background:var(--cream);width:100%}.button-cream:disabled{opacity:.5}.reset-mix{display:block;margin:15px auto 0;background:transparent;text-decoration:underline;text-underline-offset:4px;min-height:44px;font-size:.8rem}.reset-mix:disabled{opacity:.4}.closing{text-align:center;padding:75px 5% 68px;background:var(--butter)}.closing p{font-size:.72rem;letter-spacing:.14em;font-weight:600;margin-bottom:20px}.closing div{font-family:var(--display);font-weight:800;font-size:clamp(3.5rem,13.5vw,13rem);line-height:1;letter-spacing:-.025em}.closing a{display:inline-block;margin-top:25px;padding:10px 0;border-bottom:1px solid;font-size:.9rem;font-weight:600}.closing a span{margin-left:20px}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 6%;padding-bottom:max(30px,env(safe-area-inset-bottom))}footer p{font-size:.75rem;line-height:1.6}footer>a:last-child{font-size:.8rem;padding:12px 0}dialog{border:0;color:var(--wine);background:var(--cream);padding:30px;width:min(510px,calc(100% - 32px));max-height:calc(100svh - 40px);border-radius:3px}dialog::backdrop{background:#291b20aa;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.dialog-top button{background:transparent;font-size:1.3rem;width:44px;height:44px;border:1px solid currentColor;border-radius:50%}.mix-dialog h2{font-size:clamp(2.8rem,8vw,4.5rem);line-height:1}.mix-dialog ul{padding:15px 0 0;list-style:none}.mix-dialog li{padding:12px 0;border-bottom:1px solid #781d3233;display:flex;justify-content:space-between}.mix-dialog>p{font-size:.88rem;line-height:1.6;margin:25px 0}.mix-dialog>.button{width:100%}.menu-dialog nav{display:flex;flex-direction:column;gap:12px;font-family:var(--display);font-weight:800;font-size:2.3rem}.menu-dialog nav a{padding:15px 0;border-bottom:1px solid #781d3233}.menu-dialog>p{margin-top:30px}.noscript{position:fixed;bottom:0;background:var(--cream);color:var(--wine);padding:15px;z-index:50;font-size:.85rem}
@media(min-width:1600px){.hero-picture img{object-position:center 58%}.hero-copy{padding-top:145px}.section{padding-left:max(6%,calc((100% - 1420px)/2));padding-right:max(6%,calc((100% - 1420px)/2))}}
@media(max-width:1000px){.header-caption{display:none}.hero{min-height:680px;height:760px}.hero-copy{padding-top:120px}.hero h1{font-size:clamp(5rem,10.2vw,7rem)}.flavor-detail{min-height:540px;grid-template-columns:1fr 1fr}.flavor-copy{padding-left:8%}.mix-layout{gap:7%}.mix-slots{gap:6px}}
@media(max-width:700px){html{scroll-padding-top:82px}.header{min-height:70px;padding:12px 6%;padding-top:max(12px,env(safe-area-inset-top))}.header .wordmark{font-size:2.6rem}.header nav{display:none}.menu-button{display:flex;gap:16px;align-items:center;min-height:44px;background:transparent;font-size:.85rem}.menu-button span{font-size:1.2rem}.hero{height:auto;min-height:0;padding-top:70px;display:flex;flex-direction:column}.hero-picture{position:relative;inset:auto;order:2;display:block;width:100%;height:420px;margin-top:-12px}.hero-picture img{object-position:center;object-fit:cover}.hero-copy{max-width:none;padding:45px 6% 0;z-index:1;pointer-events:auto}.hero h1{font-size:clamp(4.5rem,17.5vw,7.5rem);line-height:.92;margin:18px 0}.hero h1 br{display:none}.hero h1{max-width:550px}.hero-description{font-size:.9rem;line-height:1.5;margin-bottom:20px}.hero-description br{display:none}.hero-copy .eyebrow{font-size:.65rem}.button{min-height:52px;padding:15px 22px;font-size:.9rem}.hero-bottom{position:relative;inset:auto;order:3;display:flex;padding:5px 6% 15px;font-size:.58rem}.hero-bottom a{padding-right:0}.ribbon{gap:20px;justify-content:center;font-size:1.8rem;padding:20px 0}.ribbon span:last-child,.ribbon span:nth-last-child(2){display:none}.ribbon-star{font-size:1.4rem}.section{padding:44px 6% 55px}.section-top{margin-bottom:32px}.section-top>p:not(.eyebrow){display:none}.eyebrow{font-size:.7rem}h2{font-size:clamp(3rem,12vw,5rem)}.flavor-heading-row{display:block;margin-bottom:30px}.flavor-heading-row>p{margin-top:22px;font-size:.9rem}.flavor-heading-row>p br{display:none}.flavor-buttons{margin-bottom:18px}.flavor-buttons button{padding:16px 8px;font-size:.78rem;gap:7px;min-height:58px;justify-content:center}.flavor-index{display:none}.swatch{width:11px;height:11px;flex-basis:11px}.flavor-detail{display:block}.flavor-photo{height:370px}.flavor-photo img{object-position:75% center}.photo-caption{font-size:.6rem;bottom:18px;left:18px}.flavor-copy{padding:27px 0 0}.flavor-copy-top{margin-bottom:24px;font-size:.7rem}.flavor-copy h3{font-size:clamp(3.3rem,13vw,5rem)}.flavor-copy p{max-width:none;font-size:.92rem}.taste-tags{margin-bottom:20px}.mix .section-top{margin-bottom:35px}.demo-label{font-size:.57rem;padding:8px 10px}.mix-layout{display:block}.mix-intro>p{font-size:.95rem;margin-top:22px}.mix-intro>p br{display:none}.mix-intro .mix-note{font-size:.75rem;margin-top:20px}.mix-builder{margin-top:40px}.mix-slots{gap:8px}.mix-row{padding:13px 0}.mix-name{font-size:.95rem}.closing{padding:48px 5%}.closing p{font-size:.6rem}.closing div{font-size:clamp(3rem,13.2vw,6rem)}footer{flex-wrap:wrap;padding:25px 6%;gap:20px}footer .wordmark{font-size:2.6rem}footer p{font-size:.67rem}footer>a:last-child{flex-basis:100%;border-top:1px solid #781d3233;padding-top:18px;text-align:right;font-size:.75rem}}
@media(max-width:360px){.hero-copy{padding-top:35px}.hero h1{font-size:4.35rem}.hero-picture{height:355px}.hero-bottom{font-size:.5rem}.flavor-buttons button{font-size:.7rem;padding:15px 4px}.flavor-photo{height:320px}.mix-slots{gap:5px}.stepper{gap:2px}.stepper output{width:20px}.demo-label{font-size:.5rem}.section-top{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Product framing and readable secondary type. */
.hero-picture{inset:84px 0 0;background:var(--butter)}
.hero-picture img{position:absolute;right:0;width:auto;max-width:none;height:100%;object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 30%)}
.eyebrow{font-size:.8125rem}.header-caption,.hero-bottom,.photo-caption,.closing p,.demo-label{font-size:.75rem}
.header nav,.flavor-copy-top,.flavor-copy summary,.taste-tags span,.mix-counter,.mix-status,.reset-mix,footer p,footer>a:last-child{font-size:.875rem}
.flavor-copy p,.flavor-heading-row>p,.mix-intro>p{font-size:1rem}.flavor-copy details p,.mix-intro .mix-note{font-size:.875rem}
@media(max-width:700px){.hero-picture{position:relative;inset:auto;height:420px}.hero-picture img{position:static;width:100%;max-width:100%;height:100%;object-fit:cover;mask-image:linear-gradient(to bottom,transparent,#000 26px)}.hero h1 br{display:block}.hero-description{font-size:1rem}.hero-description br{display:block}.hero-copy .eyebrow,.eyebrow,.photo-caption,.closing p,.demo-label,.hero-bottom{font-size:.75rem}.hero-bottom{gap:12px;letter-spacing:.02em}.hero-bottom a{font-size:.75rem}.flavor-buttons button{font-size:.875rem;gap:6px;padding:15px 6px}.flavor-copy-top{font-size:.8125rem}.flavor-copy p,.flavor-heading-row>p,.mix-intro>p{font-size:1rem}footer p{font-size:.75rem}.mix-intro .mix-note{font-size:.8125rem}}
@media(max-width:360px){.hero-picture{height:355px}.flavor-buttons button{font-size:.875rem}.flavor-buttons .swatch{display:none}.hero-bottom>span{max-width:120px;line-height:1.5}.hero-bottom a{letter-spacing:0;white-space:nowrap}.hero-bottom a span{margin-left:5px}.demo-label{font-size:.75rem}.eyebrow{font-size:.75rem}}