:root{--ink:#151515;--coal:#20201f;--cream:#f3ead9;--paper:#fffaf0;--red:#d83b27;--orange:#f06a22;--gold:#f3ae2b;--line:#d8cebd;--green:#6b813a}
[hidden]{display:none!important}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px}.site-header{height:84px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:white;border-bottom:1px solid #3b3b3b}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-family:"Barlow Condensed",sans-serif;font-weight:800;letter-spacing:.04em}.brand-mark{width:54px;height:54px;border-radius:12px;background:var(--cream);display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.brand-mark img{width:47px;height:47px;object-fit:contain}.brand-name{display:flex;align-items:baseline;gap:12px}.brand-kicker{font-size:1.55rem}.brand-main{font-size:.9rem;color:var(--gold);padding-left:12px;border-left:1px solid #666}.flavor-first{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#d8d3c8}.flavor-first span{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:7px}.hero{height:min(610px,72vh);min-height:480px;position:relative;overflow:hidden;background:#161616}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,8,.94) 0%,rgba(8,8,8,.68) 37%,rgba(8,8,8,.08) 70%)}.hero-copy{position:absolute;left:clamp(22px,7vw,110px);top:50%;transform:translateY(-50%);max-width:610px;color:white}.eyebrow{font-family:"Barlow Condensed",sans-serif;font-weight:700;letter-spacing:.19em;font-size:.86rem;color:var(--gold);margin:0 0 16px}.eyebrow.dark{color:var(--red)}h1,h2,h3,blockquote{font-family:"Barlow Condensed",sans-serif;margin:0;line-height:.92;text-transform:uppercase}h1{font-size:clamp(4.5rem,9vw,8.6rem);letter-spacing:-.035em}h1 em{color:var(--orange);font-style:italic}.hero-copy>p:last-child{font-size:clamp(1rem,1.5vw,1.2rem);max-width:490px;line-height:1.6;color:#e4dfd6;margin-top:28px}.matcher{max-width:1180px;margin:auto;padding:80px 28px 90px}.matcher-intro,.result-heading{display:flex;align-items:center;gap:18px;margin-bottom:48px}.step-badge{width:48px;height:48px;border-radius:50%;background:var(--red);color:white;display:grid;place-items:center;font-family:"Barlow Condensed",sans-serif;font-weight:800}.step-badge.light{background:var(--gold);color:var(--ink)}h2{font-size:clamp(2.5rem,5vw,4.5rem)}.matcher-intro .eyebrow,.result-heading .eyebrow{margin-bottom:9px}.reset-button{margin-left:auto;border:0;background:none;font:600 .85rem "DM Sans";text-decoration:underline;text-underline-offset:4px;cursor:pointer;color:#69645c}fieldset{padding:0;border:0;margin:0 0 44px}legend{font-family:"Barlow Condensed",sans-serif;font-size:1.35rem;font-weight:700;text-transform:uppercase;margin-bottom:16px}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.choice{position:relative}.choice input{position:absolute;opacity:0;pointer-events:none}.choice label{min-height:74px;padding:15px 16px;border:1.5px solid var(--line);background:#fffdf8;display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:700;transition:.18s ease}.choice label:hover{transform:translateY(-2px);border-color:#8e877a}.choice input:focus-visible+label{outline:3px solid #2d79c7;outline-offset:2px}.choice input:checked+label{background:var(--ink);color:white;border-color:var(--ink);box-shadow:inset 5px 0 0 var(--orange)}.choice-icon{font-size:1.45rem;width:30px;text-align:center}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:36px}.choice-grid.compact{grid-template-columns:repeat(3,1fr)}.choice-grid.compact label{min-height:62px;justify-content:center;text-align:center}.match-button{width:100%;border:0;background:var(--red);color:white;padding:22px 26px;display:flex;justify-content:space-between;font:800 1.25rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:.18s}.match-button:hover{background:#b92e1d;transform:translateY(-2px)}.result-shell{background:var(--coal);color:white;padding:74px max(28px,calc((100vw - 1124px)/2)) 88px}.result-heading{max-width:1124px}.result-card{position:relative;max-width:1124px;min-height:480px;background:var(--cream);color:var(--ink);display:grid;grid-template-columns:42% 58%;overflow:hidden}.result-card:before{content:"";position:absolute;inset:0 auto 0 0;width:42%;background:linear-gradient(150deg,#f1a62c,#e44825)}.result-number{position:absolute;left:18px;top:10px;font:800 8rem "Barlow Condensed";color:rgba(255,255,255,.14)}.bottle-art{position:relative;z-index:1;align-self:center;justify-self:center;width:260px;height:390px;display:grid;place-items:center}.bottle-fallback{width:175px;filter:drop-shadow(0 18px 15px rgba(0,0,0,.28))}.product-photo{display:block;width:280px;height:410px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 18px 15px rgba(0,0,0,.2))}.bottle-cap{width:75px;height:30px;background:#242424;margin:auto;border-radius:5px 5px 1px 1px;background-image:repeating-linear-gradient(90deg,#222 0,#222 4px,#444 4px,#444 6px)}.bottle-neck{width:58px;height:52px;margin:auto;background:linear-gradient(90deg,#7d2117,#e15731 48%,#792016)}.bottle-body{height:260px;background:linear-gradient(90deg,#8e251a,#d64829 45%,#772116);border-radius:24px 24px 40px 40px;padding:46px 18px 20px;color:white;text-align:center;box-shadow:inset 10px 0 18px rgba(0,0,0,.24)}.bottle-body span{display:block;font:800 2.15rem/0.78 "Barlow Condensed";border-block:3px solid var(--gold);padding:14px 0 12px}.bottle-body small{display:block;font:700 1rem/1 "Barlow Condensed";margin-top:18px;color:#ffe7a1}.result-copy{padding:58px clamp(34px,5vw,78px)}.result-label{font:700 .8rem "Barlow Condensed";letter-spacing:.18em;color:var(--red);margin:0 0 10px}.result-copy h3{font-size:clamp(3rem,6vw,5.6rem);max-width:620px}.heat-meter{display:flex;align-items:center;gap:14px;margin:20px 0 28px;font:700 .78rem "Barlow Condensed";letter-spacing:.13em}.heat-meter strong{color:var(--red);font:inherit;margin-left:5px}.heat-meter div{display:flex;gap:6px}.heat-dot{width:11px;height:11px;border-radius:50%;background:#cfc5b3}.heat-dot.on{background:var(--red)}.why{font-size:1.08rem;line-height:1.65;color:#4d4942;max-width:600px}.use-it{border-left:4px solid var(--gold);padding-left:17px;margin-top:28px}.use-it span{font:700 .76rem "Barlow Condensed";letter-spacing:.16em}.use-it p{margin:5px 0 0;font-weight:600;line-height:1.5}.result-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}.buy-button{display:inline-flex;align-items:center;gap:10px;background:var(--red);color:white;padding:14px 18px;text-decoration:none;font:800 1rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.06em;transition:.18s}.buy-button:hover{background:#b92e1d;transform:translateY(-2px)}.another-button{border:0;border-bottom:1px solid #777;background:none;padding:5px 0;font-weight:700;cursor:pointer}.alternates{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:1124px;margin-top:14px}.alt-card{border:1px solid #50504d;padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.alt-card span{color:#bbb5aa;font-size:.82rem}.alt-card strong{font-family:"Barlow Condensed";font-size:1.25rem;text-transform:uppercase}.philosophy{text-align:center;padding:110px 24px;max-width:980px;margin:auto}.philosophy blockquote{font-size:clamp(3rem,6.7vw,6rem)}.philosophy blockquote em{color:var(--red);font-style:italic}.philosophy>p:last-child{max-width:600px;margin:26px auto 0;line-height:1.65;color:#625d55}footer{background:#111;color:white;padding:42px clamp(20px,5vw,72px);display:flex;justify-content:space-between;align-items:center}.footer-logo{display:block;width:176px;height:auto;border-radius:8px}footer p{color:#aaa;font-size:.85rem}
@media(max-width:800px){.flavor-first{display:none}.hero{height:570px}.hero>img{object-position:65% center}.hero-shade{background:linear-gradient(90deg,rgba(8,8,8,.93),rgba(8,8,8,.34))}.choice-grid{grid-template-columns:repeat(2,1fr)}.two-column{grid-template-columns:1fr;gap:0}.result-card{grid-template-columns:1fr}.result-card:before{width:100%;height:470px}.bottle-art{margin:45px auto 35px;transform:scale(.82)}.result-copy{background:var(--cream);padding-top:42px}.alternates{grid-template-columns:1fr}}@media(max-width:480px){.site-header{height:70px}.brand-mark{width:44px;height:44px;border-radius:10px}.brand-mark img{width:39px;height:39px}.brand-main{display:none}.matcher{padding:60px 18px}.matcher-intro{align-items:flex-start}.reset-button{font-size:.75rem}.choice-grid{grid-template-columns:1fr 1fr;gap:8px}.choice label{padding:10px;min-height:64px;font-size:.87rem}.choice-icon{font-size:1.15rem;width:22px}.choice-grid.compact{grid-template-columns:repeat(3,1fr)}.choice-grid.compact label{font-size:.8rem}.result-shell{padding-inline:18px}.hero-copy{left:22px;right:22px}.hero-copy>p:last-child{max-width:320px}footer{display:block}.footer-logo{width:150px}footer p{margin-top:14px}}
.use-grid{grid-template-columns:repeat(3,1fr)}.use-grid label{justify-content:center}.insights-panel{max-width:1124px;margin:70px auto;padding:0 28px}.insights-panel h2{margin-bottom:14px}.insights-note{max-width:680px;color:#625d55;line-height:1.6}.insights-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:32px 0}.insight-stat{background:white;border:1px solid var(--line);padding:22px}.insight-stat strong{display:block;font:800 2.6rem "Barlow Condensed",sans-serif;color:var(--red)}.insight-stat span{font-weight:700}.insights-products h3{font-size:2rem;margin:34px 0 16px}.insights-table{border-top:1px solid var(--line)}.insights-table>div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.insights-table span{color:#625d55}@media(max-width:800px){.insights-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.use-grid{grid-template-columns:1fr}.insights-grid{grid-template-columns:1fr}.insights-table>div{display:block}.insights-table span{display:block;margin-top:4px}}