.hero{align-items:center;padding-top:38px;padding-bottom:38px}
.hero h1{font-size:clamp(36px,4.1vw,61px);margin-bottom:18px}
.hero .intro{margin-bottom:22px;max-width:470px}
.hero .heroFinder{display:block;margin:0 0 16px;padding:0;background:transparent;border:0;scroll-margin-top:30px;position:relative;z-index:6}
.heroFinder .finderControls>label{font-family:'Playfair Display',Georgia,serif;font-size:25px;line-height:1.3;margin-bottom:12px;color:var(--ink,#253d33)}
.heroFinder .designerInput{border:1.5px solid #62775e;border-radius:4px;box-shadow:0 5px 18px #253d330a;background:#fffefa}
.heroFinder .designerInput:focus-within{outline:3px solid #a6b79b77;outline-offset:3px}
.heroFinder .designerInput input{font-size:16px;min-height:58px;padding:17px 15px;min-width:0}
.heroFinder .designerInput button{min-width:52px}
.heroFinder .designerCombobox ul{z-index:20;max-height:300px;border-radius:0 0 4px 4px}
.heroFinder #matchSummary:empty{display:none}
.heroFinder .popularComparisons{margin-top:14px;gap:7px}
.heroFinder .popularComparisons>span{width:100%;font-size:11px;color:#65705d}
.heroFinder .popularComparisons button{font-size:11px;padding:9px 12px;min-height:38px;background:#f0f1e8}
.heroFinder .finderNote{font-size:10px!important;line-height:1.6;padding-top:12px;margin:14px 0 0;max-width:none}
.heroBrowse{font-size:12px;border-bottom:1px solid #9aa88f;padding-bottom:3px;display:inline-block}
.finderMatches[hidden]{display:none}
.finderMatches{display:grid;gap:12px;margin:14px 0 20px}
.finderMatch{display:grid;grid-template-columns:105px minmax(0,1fr);gap:16px;padding:16px;background:#fffefa;border:1px solid #d5ddce;border-radius:4px}
.finderMatchPhoto{display:flex;align-items:center;background:#f3f3ec;border-radius:3px}
.finderMatchPhoto .photoStage{width:100%;aspect-ratio:1;min-height:0}
.finderMatchCopy h3{font:23px/1.25 'Playfair Display',Georgia,serif;margin:0 0 7px}
.finderMatchCopy h3 a:hover,.finderMatchDetails:hover{text-decoration:underline}
.heroFinder .finderMatchInspiration{font-size:11px;line-height:1.6;color:#64715e;margin:0 0 8px}
.heroFinder .finderMatchDescription{font-size:12px;line-height:1.65;margin:0 0 12px;color:#586353}
.finderMatchBuy{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.finderMatchBuy strong{font-size:20px}
.finderMatchBuy button{font-size:11px;padding:10px 12px;background:#253d33;color:#fffefa;border-radius:3px;min-height:40px}
.finderMatchDetails{font-size:11px;border-bottom:1px solid #b4bfa9;padding-bottom:2px}
.featuredPair{grid-template-columns:1fr 1fr}
.featuredPair .designerBottle img{height:175px;max-width:100%;object-fit:contain}
@media(max-width:1050px){.featuredPair{grid-template-columns:1fr 1fr}.featuredPair .designerBottle img{height:145px}}
@media(max-width:700px){.finderMatch{grid-template-columns:86px minmax(0,1fr);padding:12px;gap:12px}.finderMatchCopy h3{font-size:22px}.featuredPair{grid-template-columns:1fr 1fr}.featuredPair .designerBottle img{height:200px;max-width:100%}}
.hero .local{margin-top:18px}
.featured{padding-top:35px}
@media(max-width:700px){.hero{padding-top:25px;gap:28px}.hero h1{font-size:38px;margin-top:10px}.hero .intro{font-size:14px;line-height:1.65;margin-bottom:20px}.heroFinder .finderControls>label{font-size:25px}.hero .heroFinder{margin-bottom:14px}.heroFinder .designerInput input{font-size:16px;padding:16px 12px}.heroFinder .finderNote{font-size:10px!important}.hero .local{margin-top:14px}.heroTrio{margin-top:8px}.hero .trioEyebrow{font-size:9px}}