:root{--ink:#0a0a0a;--paper:#fff;--mut:#666;--cream:#f2f1e9;--serif:"Instrument Serif",Georgia,serif;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Roboto,system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.5}a{color:inherit}.wrap{max-width:1180px;margin:0 auto;padding:0 40px}header.site{background:var(--cream);padding:30px 0 26px;text-align:center}.logo{cursor:pointer;display:inline-block}.logo img{height:82px;width:auto}nav.site{margin-top:20px;display:flex;gap:48px;justify-content:center;flex-wrap:wrap}nav.site a{font-family:var(--sans);font-weight:400;font-size:28px;letter-spacing:-.02em;text-decoration:none;cursor:pointer}nav.site a.active{text-decoration:underline;text-underline-offset:6px}.view{padding:34px 0 70px}.indent{padding-left:6%}h1.big{font-weight:900;font-size:46px;line-height:1.03;letter-spacing:-.02em;margin:6px 0 22px}.lead{max-width:780px;font-size:18px;margin:0 0 16px}.lead a{text-underline-offset:3px}.btn{display:inline-block;background:#fff;color:#000;border:2px solid #000;border-radius:999px;padding:16px 34px;font-weight:700;font-size:14px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;box-shadow:6px 7px 0 #000;transition:transform .08s,box-shadow .08s;text-decoration:none}.btn:active{transform:translate(3px,3px);box-shadow:3px 4px 0 #000}.btn.solid{background:#000;color:#fff}.btn-row{display:flex;gap:26px;flex-wrap:wrap;margin-top:28px;align-items:flex-start}.landing{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;padding:64px 40px 72px}.landing-contact{position:absolute;top:30px;right:40px;font-family:var(--sans);font-size:15px;letter-spacing:-.01em;text-decoration:underline;text-underline-offset:3px;color:#000}.landing-inner{max-width:860px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}.landing-logo{width:min(90%,500px);height:auto}.landing-hero{font-family:var(--serif);font-weight:400;font-size:clamp(30px,4.4vw,45px);line-height:1.13;letter-spacing:-.01em;color:#000;max-width:760px;margin:0}.landing-hero em{font-style:italic}.landing-copy{max-width:620px;font-family:var(--sans);font-size:15px;line-height:1.5;color:#000;display:flex;flex-direction:column;gap:14px}.landing-copy p{margin:0}.landing-copy a{text-decoration:underline;text-underline-offset:2px}.landing-cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:8px}.landing-btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:clamp(24px,2.8vw,32px);line-height:1;letter-spacing:-.02em;background:var(--cream);color:#000;border-radius:999px;padding:10px 34px;text-decoration:none;transition:transform .08s,filter .12s}.landing-btn.ghost{background:#a3a19b}.landing-btn:hover{filter:brightness(.97)}.landing-btn:active{transform:translateY(1px)}@media(max-width:820px){.landing{padding:44px 18px 60px;min-height:82vh}.landing-contact{top:18px;right:18px}.landing-hero{font-size:clamp(24px,6.4vw,34px)}.landing-copy{font-size:14px}.landing-cta{flex-direction:column;align-items:stretch;width:100%;max-width:340px}.landing-btn{width:100%;font-size:24px}}.contact{display:flex;flex-direction:column;min-height:100vh}.contact-logo{background:var(--cream);padding:38px 64px;display:flex;align-items:center}.contact-logo img{height:58px;width:auto}.contact-body{flex:1 1;display:flex;align-items:center;justify-content:center;padding:40px 24px}.contact-email{font-family:var(--serif);font-weight:400;font-size:clamp(22px,4vw,50px);line-height:1.05;letter-spacing:-.01em;color:#000;text-decoration:none;word-break:break-word;text-align:center}.contact-email:hover{text-decoration:underline}@media(max-width:820px){.contact-logo{padding:18px}.contact-logo img{height:34px}}.filters{border-top:1px solid #111;border-bottom:1px solid #111;padding:22px 0;margin:18px 0 22px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px 22px;gap:16px 22px}.fld label{display:block;font-size:10.5px;letter-spacing:.06em;color:#444;text-transform:uppercase;margin-bottom:5px}.fld select{width:100%;font-family:inherit;font-size:13px;padding:8px;border:1px solid #bbb;border-radius:6px;background:#fff}.searchbar{text-align:center;margin:4px 0 24px}.count{font-weight:700;font-size:15px;margin:4px 0 20px}.grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:36px 22px;gap:36px 22px}.card{cursor:pointer;text-align:center}.card .tile{background:#fff;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:6px}.card .tile img{max-width:88%;max-height:88%;object-fit:contain;transition:transform .15s}.card:hover .tile img{transform:scale(1.06)}.card .t{font-weight:700;font-size:13px;margin-top:10px;text-transform:uppercase;line-height:1.25}.pager{display:flex;gap:9px;justify-content:center;margin:42px 0 0}.pager button{min-width:30px;height:30px;border:1px solid #bbb;background:#fff;border-radius:6px;cursor:pointer;font-family:inherit;font-size:13px}.pager button.on{background:#000;color:#fff;border-color:#000}.empty{padding:54px 0;font-size:17px;color:#333;max-width:680px;line-height:1.6}.empty,.quiz-start{text-align:center;margin:0 auto}.quiz-start{max-width:660px;min-height:62vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:7vh 24px}.quiz-hero{font-family:var(--serif);font-weight:400;font-size:clamp(46px,8.5vw,100px);line-height:.92;letter-spacing:-.01em;margin:0;color:#000}.quiz-hero em{font-style:italic}.quiz-intro{max-width:460px;font-family:var(--sans);font-size:13px;line-height:1.42;letter-spacing:-.01em;color:#000}.quiz-intro p{margin:0}.quiz-intro a{text-decoration:underline;text-underline-offset:2px}.quiz-disclaimer{font-size:11px;margin-top:14px}.quiz-go{display:inline-flex;align-items:center;justify-content:center;background:var(--cream);color:#000;font-family:var(--serif);font-size:38px;line-height:1;letter-spacing:-.02em;border-radius:999px;padding:14px 46px;min-width:280px;text-decoration:none;cursor:pointer;transition:transform .08s,background .15s}.quiz-go:hover{background:#eae8da}.quiz-go:active{transform:translateY(1px)}.quiz-wizard{position:relative;min-height:70vh;padding:0 64px 48px;text-align:center}.quiz-logo{background:#f2f1e9;margin:0 -64px 30px;padding:38px 64px;display:flex;align-items:center}.quiz-logo img{height:58px;width:auto}.quiz-x{top:172px;right:64px;font-family:var(--serif);font-weight:400;font-size:44px;line-height:1;padding:0 6px}.quiz-back,.quiz-x{position:absolute;background:none;border:none;color:#000;cursor:pointer}.quiz-back{top:178px;left:64px;font-family:var(--sans);font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:6px}.quiz-back:hover{text-decoration:underline}.quiz-num{font-family:var(--serif);font-weight:400;font-size:clamp(40px,7vw,64px);line-height:1;letter-spacing:-.01em;margin:84px 0 14px}.quiz-num .slash{font-style:italic;margin:0 .12em;font-weight:400}.quiz-progress{font-size:12px;letter-spacing:.05em;text-transform:uppercase;margin:0}.quiz-progress,.quiz-sub{font-family:var(--sans);color:#000}.quiz-sub{font-weight:400;font-size:14px;line-height:1.4;max-width:520px;margin:0 auto 6px}.quiz-sub.small{font-size:14px;color:#000;margin-bottom:0}.quiz-options{display:flex;flex-wrap:wrap;gap:14px 18px;justify-content:center;max-width:760px;margin:30px auto 0}.quiz-options.cols-3{display:grid;grid-template-columns:repeat(3,auto);justify-items:center;align-items:start}.quiz-pill{font-family:var(--sans);font-size:24px;line-height:1.1;background:#fff;color:#000;border:2px solid #000;border-radius:999px;padding:7px 20px;cursor:pointer;transition:background .12s,box-shadow .12s}.quiz-pill:hover{background:#f6f5ef}.quiz-pill.on{background:var(--cream)}.quiz-back:focus-visible,.quiz-go:focus-visible,.quiz-next:focus-visible,.quiz-pill:focus-visible,.quiz-skip:focus-visible,.quiz-summary-item:focus-visible,.quiz-x:focus-visible{outline:3px solid #000;outline-offset:2px}.quiz-reveal{height:180px;display:flex;align-items:center;justify-content:center;margin-top:18px;pointer-events:none}.quiz-reveal img{max-height:180px;max-width:260px;object-fit:contain;animation:quiz-pop .15s ease-out}@keyframes quiz-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.quiz-cursor-img{position:fixed;width:150px;height:auto;transform:translate(-50%,-50%);pointer-events:none;z-index:90}.quiz-foot{font-family:var(--sans);font-size:14px;line-height:1.4;max-width:560px;margin:26px auto 0}.quiz-footer-row{justify-content:space-between;gap:20px;margin-top:44px}.quiz-footer-row,.quiz-nav{display:flex;align-items:flex-end}.quiz-nav{flex-direction:column;gap:10px}.quiz-lineup{position:relative;width:100%;max-width:720px;margin:26px auto 0}.quiz-lineup img{display:block;width:100%;height:auto}.quiz-lineup-nums{position:absolute;inset:0;pointer-events:none}.quiz-lineup-nums span{position:absolute;bottom:2%;transform:translateX(-50%);font-family:var(--sans);font-weight:700;font-size:15px;line-height:1;color:#000;white-space:nowrap;text-shadow:0 0 5px #fff,0 0 5px #fff}.quiz-next,.quiz-skip{font-family:var(--serif);font-size:26px;line-height:1;border:none;border-radius:999px;padding:12px 40px;min-width:170px;cursor:pointer;transition:transform .08s,filter .12s}.quiz-skip{background:#a8a39a;color:#000}.quiz-next{background:var(--cream);color:#000}.quiz-next:hover,.quiz-skip:hover{filter:brightness(.96)}.quiz-next:active,.quiz-skip:active{transform:translateY(1px)}.quiz-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:14px;gap:14px;max-width:920px;margin:34px auto 0}.quiz-summary-item{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;font-family:var(--sans);padding:6px}.quiz-summary-item:hover .qs-num{text-decoration:underline}.qs-num{font-size:15px;font-weight:700}.qs-name{font-size:12px;font-weight:700;letter-spacing:.04em}.qs-chose{font-size:10px;color:#444;max-width:130px;line-height:1.3;overflow-wrap:break-word}.quiz-finish-cta{margin-top:40px}.quiz-finish-cta .quiz-go{font-size:30px;padding:14px 40px}@media(max-width:820px){.quiz-wizard{padding:0 18px 40px}.quiz-logo{margin:0 -18px 20px;padding:18px}.quiz-logo img{height:34px}.quiz-x{top:78px;right:14px;font-size:34px}.quiz-back{top:84px;left:16px}.quiz-num{font-size:38px;margin:52px 0 12px}.quiz-pill{font-size:19px;padding:7px 16px}.quiz-options.cols-3{grid-template-columns:repeat(2,auto)}.quiz-reveal{height:0;margin:0}.quiz-cursor-img{display:none}.quiz-footer-row{flex-direction:column;gap:14px}.quiz-footer-row,.quiz-nav{align-items:stretch}.quiz-progress{order:2;text-align:center}.quiz-next,.quiz-skip{width:100%;min-width:auto;font-size:22px}.quiz-go{min-width:auto}.quiz-finish-cta .quiz-go{width:100%;font-size:24px;padding:13px 26px}.quiz-lineup-nums span{font-size:11px}.quiz-hero{font-size:clamp(40px,12vw,64px)}}.results{min-height:100vh;display:flex;flex-direction:column;text-align:center}.results-logo{background:var(--cream);padding:38px 64px;display:flex;align-items:center}.results-logo img{height:58px;width:auto}.results-body{flex:1 1;justify-content:center;gap:72px;padding:48px 40px 64px}.results-body,.results-content{display:flex;flex-direction:column;align-items:center}.results-content{gap:44px}.results-head{font-family:var(--serif);font-weight:400;font-size:clamp(34px,5vw,50px);line-height:.98;letter-spacing:-.01em;margin:0;max-width:920px}.results-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:26px 44px;max-width:940px}.results-cards .card{width:150px;text-decoration:none}.results-none-copy{max-width:1100px;font-family:var(--sans);font-size:15px;line-height:1.5;color:#000;display:flex;flex-direction:column;gap:0}.results-none-copy p{margin:0}.results-cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}@media(max-width:820px){.results-logo{padding:18px}.results-logo img{height:34px}.results-body{gap:44px;padding:32px 18px 48px}.results-content{gap:32px}.results-cards{gap:20px}.results-cards .card{width:130px}.results-cta{flex-direction:column;align-items:stretch;width:100%;max-width:340px}.results-none-copy p{margin-bottom:10px}}.pdp{min-height:100vh;display:flex;flex-direction:column}.pdp-logo{background:var(--cream);padding:38px 64px;display:flex;align-items:center}.pdp-logo img{height:58px;width:auto}.pdp-bar{padding:20px 40px 0}.pdp-back{background:none;border:none;font-family:var(--sans);font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#000;cursor:pointer;padding:6px 0;display:inline-flex;align-items:center;gap:8px}.pdp-back:hover{text-decoration:underline}.pdp-title{font-family:var(--serif);font-weight:400;font-size:clamp(24px,3.4vw,40px);line-height:1.05;letter-spacing:-.01em;text-align:center;margin:6px 0 0;padding:0 40px}.pdp-stage{flex:1 1;gap:min(4vw,48px);padding:24px 40px 40px}.pdp-bottle,.pdp-stage{display:flex;align-items:center;justify-content:center}.pdp-bottle{flex:0 0 auto;width:min(34vw,360px)}.pdp-attrs{display:flex;flex-direction:column;gap:26px;flex:1 1;max-width:400px}.pdp-attrs-left{align-items:flex-end}.pdp-attrs-right{align-items:flex-start}.pdp-attr{background:#fff;border:2px solid #000;border-radius:999px;padding:8px 20px;font-family:var(--sans);font-size:clamp(15px,1.6vw,22px);line-height:1.1;white-space:nowrap}.pdp-attrs-left .pdp-attr:nth-child(2n){margin-right:clamp(0px,4vw,54px)}.pdp-attrs-right .pdp-attr:nth-child(2n){margin-left:clamp(0px,4vw,54px)}.pdp-cta{display:flex;justify-content:center;padding:0 40px 64px}@media(max-width:820px){.pdp-stage{flex-direction:column;gap:22px;padding:28px 18px}.pdp-bottle{order:1;width:min(66vw,260px)}.pdp-attrs{order:2;flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:none;gap:10px}.pdp-attrs-left,.pdp-attrs-right{align-items:center}.pdp-attrs .pdp-attr{margin:0}.pdp-attr{font-size:15px;padding:7px 15px}.pdp-logo{padding:18px}.pdp-logo img{height:34px}.pdp-bar{padding:14px 18px 0}.pdp-back{font-size:12px}.pdp-title{font-size:clamp(20px,5.2vw,28px);padding:0 18px}.pdp-cta{padding:0 18px 40px}}.filter-logo{background:var(--cream);padding:38px 64px;display:flex;align-items:center}.filter-logo img{height:58px;width:auto}.filter-hero{font-family:var(--serif);font-weight:400;font-size:clamp(40px,6vw,64px);line-height:.98;letter-spacing:-.01em;margin:0 0 14px;color:#000}.filter-bar{padding:16px 0 0;display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px}.filter-toggle{font-size:13px;padding:10px 22px}.active-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.active-chip{display:inline-block;background:#fff;border:1px solid #000;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;letter-spacing:.04em;transition:background .1s}.active-chip:hover{background:#f0f0f0}.filter-panel{border-top:1px solid #111;border-bottom:1px solid #111;padding:20px 0 18px;margin:14px 0 22px}.filters-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px 22px;gap:16px 22px;margin-bottom:18px}.features-section{margin-top:4px}.features-label{font-size:10.5px;letter-spacing:.06em;color:#444;text-transform:uppercase;margin-bottom:8px;font-weight:700}.feature-chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-block;background:#fff;border:2px solid #000;border-radius:999px;padding:7px 16px;font-size:12px;font-weight:700;letter-spacing:.06em;cursor:pointer;font-family:inherit;text-transform:uppercase;transition:background .1s,color .1s}.chip.on{background:#000;color:#fff}.filter-footer{margin-top:16px}.clear-all{background:none;border:none;font-family:inherit;font-size:13px;color:#444;cursor:pointer;text-decoration:underline;padding:0}.clear-all:hover{color:#000}@media(max-width:820px){.filters-grid{grid-template-columns:repeat(2,1fr)}}.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;padding:20px;z-index:80}.modal.on{display:flex}.sheet{background:#fff;border:2px solid #000;box-shadow:10px 12px 0 #000;border-radius:6px;max-width:720px;width:100%;max-height:88vh;overflow:auto;display:grid;grid-template-columns:1fr 1fr}.sheet .ph{display:flex;align-items:center;justify-content:center;padding:26px;border-right:1px solid #eee}.sheet .ph img{max-width:92%;max-height:360px;object-fit:contain}.sheet .info{padding:28px}.sheet h3{font-weight:900;font-size:20px;margin:0 0 8px;text-transform:uppercase;line-height:1.18}.sheet .price{font-weight:700;font-size:16px;margin-bottom:14px}.dl div{font-size:13.5px;line-height:1.95}.dl b{width:84px;display:inline-block;color:#888;font-weight:500;text-transform:lowercase}.chips{margin:14px 0}.chips span{display:inline-block;border:1px solid #ccc;border-radius:5px;font-size:10px;letter-spacing:.04em;padding:3px 7px;margin:0 5px 5px 0}.x{position:absolute;top:14px;right:24px;font-size:32px;color:#fff;cursor:pointer}.note{background:#f6f7ef;border:1px solid #e6e7d6;border-radius:8px;font-size:12.5px;color:#4a4a3a;padding:9px 14px;margin:0 0 8px}@media(max-width:820px){.filters,.grid{grid-template-columns:repeat(2,1fr)}.sheet{grid-template-columns:1fr}nav.site{gap:24px}nav.site a{font-size:20px}h1.big{font-size:33px}.indent{padding-left:0}.logo img{height:54px}.filter-logo{padding:18px}.filter-logo img{height:34px}.filter-hero{font-size:34px}}