/* Water tasting and dining: generous typography, white linen and water blue. */
.site-header{padding-left:3%;padding-right:3%;gap:20px}
.site-header nav{gap:20px;font-size:13px;white-space:nowrap}
.site-header .brandmark{flex-basis:175px}.site-header .brandmark svg{width:175px;height:76px}
.pairing-menu .water-brand-dropdown{left:50%;transform:translateX(-50%)}
.pairing-index,.pairing-page{background:#fff}
.pairing-index-hero{display:grid;grid-template-columns:.8fr 1.2fr;min-height:610px;border-bottom:1px solid var(--line)}
.pairing-index-title{padding:75px 10% 65px 13%;align-self:center}
.pairing-index-title h1{font-size:clamp(54px,5.9vw,90px);letter-spacing:-1.8px}
.pairing-index-title h1 em{color:#0074bd}
.pairing-index-title p{font-size:15px;line-height:1.9;margin:26px 0 32px;max-width:460px}
.pairing-cover{margin:0;position:relative;min-width:0;overflow:hidden}
.pairing-cover>img{width:100%;height:100%;object-fit:cover;object-position:62% center}
.pairing-cover figcaption,.pairing-hero-image figcaption{position:absolute;bottom:0;left:0;right:0;padding:55px 28px 20px;background:linear-gradient(transparent,#052c4ca6);color:#fff;font-size:10px;letter-spacing:.7px}
.pairing-principles{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;padding:80px 6%;max-width:1500px;margin:auto}
.pairing-principles h2{font-size:clamp(40px,4vw,59px)}
.pairing-principles p{font-size:15px;line-height:1.9;margin-bottom:20px}
.pairing-guide-section{padding:65px 6% 85px;background:#f2f8fc;scroll-margin-top:25px}
.pairing-filter-count{font-size:12px;white-space:nowrap}
.pairing-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:35px}
.pairing-filters button{border:1px solid #b9d0e2;background:white;padding:11px 18px;font-size:12px;min-height:43px}
.pairing-filters button[aria-pressed=true]{background:#103f65;color:white;border-color:#103f65}
.pairing-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.pairing-guide-card{background:#fff;min-width:0;border:1px solid #e3edf4}
.pairing-guide-card[hidden]{display:none}
.pairing-card-image{display:block;aspect-ratio:1.35;position:relative;overflow:hidden}
.pairing-card-image>img{width:100%;height:100%;object-fit:cover;object-position:60% center;transition:transform .55s}
.pairing-card-image:hover>img{transform:scale(1.035)}
.pairing-card-image>span{position:absolute;top:15px;left:15px;background:#ffffffeb;color:#103f65;font-size:11px;padding:7px 11px}
.pairing-card-copy{padding:25px 25px 30px}
.pairing-card-copy .eyebrow{font-size:9px;letter-spacing:1.2px;display:block;margin-bottom:12px}
.pairing-card-copy h3{font:38px/1.1 var(--serif);margin:0 0 13px}
.pairing-card-copy>p{font-size:12px;line-height:1.8}
.pairing-dish{display:block;font-size:12px;line-height:1.7;margin:16px 0 20px;color:#385f7b}
.pairing-card-copy .text-link{font-size:12px}
.pairing-howto{padding:85px 6%;text-align:center}
.pairing-howto h2{font-size:clamp(40px,4.5vw,64px)}
.pairing-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;margin:50px auto 38px;text-align:left;max-width:1400px}
.pairing-steps>div{border-top:1px solid #b9d3e5;padding-top:20px}
.pairing-steps span{font:35px var(--serif);color:#0074bd}
.pairing-steps h3{font:25px/1.2 var(--serif);margin:13px 0}
.pairing-steps p{font-size:13px;line-height:1.9}
.pairing-editorial-note{font-size:10px;text-align:center;padding:0 6% 35px}
.pairing-hero{display:grid;grid-template-columns:.85fr 1.15fr;min-height:600px}
.pairing-hero-copy{padding:35px 10% 65px 12%;align-self:center}
.pairing-back{font-size:11px;display:inline-block;margin-bottom:44px}
.pairing-hero-copy>.eyebrow{display:block;font-size:10px;margin-bottom:20px;text-transform:uppercase}
.pairing-hero h1{font-size:clamp(48px,5.2vw,77px);letter-spacing:-1.2px;line-height:1.08}
.pairing-hero-copy>p{font-size:15px;line-height:1.9;margin:26px 0;max-width:510px}
.pairing-hero-copy>.text-link{display:table;margin-top:15px;font-size:12px}
.pairing-hero-image{margin:0;position:relative;overflow:hidden;min-width:0}
.pairing-hero-image>img{width:100%;height:100%;object-fit:cover;object-position:62% center;transform:translateY(var(--origin-shift,0px)) scale(1.04)}
.pairing-content{padding:0 6%;max-width:1600px;margin:auto}
.pairing-tasting{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:85px 0}
.pairing-tasting h2{font-size:clamp(42px,4.5vw,64px);margin-bottom:25px}
.pairing-tasting p{font-size:15px;line-height:1.95}
.pairing-character{display:block;font-size:12px;color:#0074bd;letter-spacing:.6px;margin:25px 0}
.pairing-tasting .text-link{font-size:12px}
.pairing-note-list{margin:0;border-top:1px solid var(--line)}
.pairing-note-list>div{padding:22px 0;border-bottom:1px solid var(--line)}
.pairing-note-list dt{font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:600;margin-bottom:9px}
.pairing-note-list dd{margin:0;color:var(--muted);font-size:13px;line-height:1.9}
.pairing-food{padding:25px 0 75px}
.pairing-food .section-heading>p{font-size:13px;line-height:1.8}
.pairing-dish-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.pairing-dish-card{background:#f1f8fd;border-top:2px solid #b3d6ef;padding:30px}
.pairing-number{display:block;font:40px var(--serif);color:#0074bd;margin-bottom:25px}
.pairing-dish-card>.eyebrow{display:block;font-size:9px;letter-spacing:1px;text-transform:uppercase;margin-bottom:13px}
.pairing-dish-card h3{font:32px/1.13 var(--serif);margin-bottom:20px}
.pairing-dish-card p{font-size:13px;line-height:1.85}
.pairing-flavours{padding:15px 0 65px}
.pairing-flavours h2{font-size:45px}
.pairing-flavour-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.pairing-flavour-grid article{border-top:1px solid #c8dce9;padding-top:25px}
.pairing-flavour-grid h3{font:28px var(--serif);margin:0 0 15px}
.pairing-flavour-grid p{font-size:13px;line-height:1.9}
.pairing-flavours>.text-link{margin-top:28px}
.pairing-menu-scene{display:grid;grid-template-columns:1.15fr .85fr;background:#103f65;color:#fff}
.pairing-menu-scene figure{position:relative;margin:0;min-width:0}
.pairing-menu-scene figure>img{width:100%;height:100%;object-fit:cover;object-position:60% center}
.pairing-menu-scene figcaption{position:absolute;bottom:0;left:0;right:0;color:white;background:linear-gradient(transparent,#052c4ca6);font-size:9px;padding:40px 20px 16px}
.pairing-menu-scene>div{padding:50px 12%}
.pairing-menu-scene .eyebrow{font-size:9px;color:#cce7f8}
.pairing-menu-scene h2{font-size:42px;line-height:1.15}
.pairing-menu-scene p{color:#cce1ef;font-size:13px;margin:18px 0 25px}
.pairing-menu-scene ol{list-style:none;margin:0 0 24px;padding:0;border-top:1px solid #3a6788}
.pairing-menu-scene li{display:flex;gap:18px;font-size:12px;line-height:1.8;padding:15px 0;border-bottom:1px solid #3a6788}
.pairing-menu-scene li>span{color:#94c9ed}
.pairing-menu-water{display:block;font-size:11px;line-height:1.8;color:#cee5f5}
.pairing-serving{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:90px 0 70px}
.pairing-serving h2{margin-bottom:25px}
.pairing-serving>div>p{font-size:15px;line-height:1.9;max-width:480px}
.pairing-serving ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.pairing-serving li{display:flex;gap:22px;border-bottom:1px solid var(--line);padding:22px 0}
.pairing-serving li>span{font:30px var(--serif);color:#0074bd}
.pairing-serving li>p{font-size:13px;line-height:1.9}
.pairing-shop{border-top:1px solid var(--line);padding-top:60px}
.pairing-shop .section-heading{margin-bottom:20px}
.pairing-shop-note{font-size:14px;margin:0 0 35px}
.pairing-shop .product-grid{grid-template-columns:repeat(auto-fit,minmax(220px,300px));justify-content:center}
.pairing-end{border-top:1px solid var(--line);padding:25px 0 50px;display:flex;align-items:center;gap:40px;justify-content:space-between}
.pairing-end p{font-size:10px;max-width:600px;line-height:1.8}
.pairing-end a{font-size:12px;white-space:nowrap}
@media(max-width:1250px) and (min-width:951px){.site-header{gap:14px;padding-left:2.5%;padding-right:2.5%}.site-header nav{gap:14px;font-size:12px}.site-header .brandmark{flex-basis:150px}.site-header .brandmark svg{width:150px;height:65px}.site-header .header-actions{gap:4px}.site-header .icon-button{padding:5px;min-width:34px}.pairing-menu .water-brand-dropdown{width:340px}}
@media(max-width:950px){.site-header{height:98px;justify-content:space-between}.site-header nav{display:none}.site-header .mobile-toggle{display:inline-flex;order:-1}.site-header .brandmark{margin-right:auto}.pairing-menu .water-brand-dropdown{position:static;transform:none;left:auto;width:100%;box-shadow:none;margin:12px 0}.mobile-nav .pairing-menu>summary{padding:12px 10px}.pairing-index-hero,.pairing-hero{grid-template-columns:1fr}.pairing-index-title{padding:60px 6%;max-width:700px}.pairing-cover{aspect-ratio:16/9}.pairing-cover>img{object-fit:cover}.pairing-hero-copy{padding:30px 6% 45px;max-width:760px}.pairing-hero-image{aspect-ratio:16/9}.pairing-hero-image>img{object-fit:cover;transform:none}.pairing-hero h1{font-size:64px}.pairing-back{margin-bottom:28px}.pairing-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pairing-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.pairing-dish-grid{gap:15px}.pairing-dish-card{padding:25px 20px}.pairing-dish-card h3{font-size:28px}.pairing-menu-scene>div{padding:35px 9%}.pairing-menu-scene h2{font-size:35px}}
@media(max-width:650px){.site-header .brandmark{flex-basis:153px}.site-header .brandmark svg{width:153px;height:68px}.pairing-index-title{padding:45px 6% 40px}.pairing-index-title h1{font-size:55px}.pairing-index-title p{font-size:14px}.pairing-cover figcaption,.pairing-hero-image figcaption{padding:35px 18px 14px;font-size:9px}.pairing-principles{grid-template-columns:1fr;gap:26px;padding:45px 6%}.pairing-principles h2{font-size:40px}.pairing-principles p{font-size:14px}.pairing-guide-section{padding:40px 6%}.pairing-guide-section .section-heading{display:block;margin-bottom:20px}.pairing-filter-count{margin-top:16px}.pairing-filters{gap:7px}.pairing-filters button{padding:9px 12px;font-size:11px}.pairing-guide-grid{grid-template-columns:1fr;gap:25px}.pairing-card-image{aspect-ratio:16/10}.pairing-card-copy{padding:22px}.pairing-howto{padding:50px 6%}.pairing-howto h2{font-size:42px}.pairing-steps{gap:28px 22px;margin-top:30px}.pairing-steps h3{font-size:23px}.pairing-steps p{font-size:12px}.pairing-hero h1{font-size:46px}.pairing-hero-copy>p{font-size:14px}.pairing-hero-image{aspect-ratio:16/10}.pairing-hero-image>img{object-fit:contain;background:#f2f7fb}.pairing-page .origin-chapters{gap:0;justify-content:space-between;padding:17px 4%;font-size:10px}.pairing-tasting{grid-template-columns:1fr;gap:35px;padding:45px 0}.pairing-tasting h2{font-size:44px}.pairing-tasting p{font-size:14px}.pairing-food{padding:15px 0 40px}.pairing-food .section-heading{display:block}.pairing-food h2{font-size:39px}.pairing-food .section-heading>p{margin-top:20px}.pairing-dish-grid,.pairing-flavour-grid{grid-template-columns:1fr;gap:18px}.pairing-dish-card{padding:26px}.pairing-number{margin-bottom:15px}.pairing-dish-card h3{font-size:31px}.pairing-flavours h2{font-size:38px}.pairing-menu-scene{grid-template-columns:1fr}.pairing-menu-scene figure{aspect-ratio:16/10}.pairing-menu-scene>div{padding:35px 8%}.pairing-serving{grid-template-columns:1fr;gap:30px;padding:45px 0}.pairing-serving h2{font-size:42px}.pairing-serving>div>p{font-size:14px}.pairing-shop{padding-top:40px}.pairing-shop .section-heading{display:block}.pairing-shop h2{font-size:40px}.pairing-shop .section-heading .text-link{margin-top:20px}.pairing-shop .product-grid{grid-template-columns:1fr}.pairing-end{display:block;padding-bottom:35px}.pairing-end .text-link{margin-top:20px;white-space:normal}}
@media(prefers-reduced-motion:reduce){.pairing-hero-image>img,.pairing-card-image:hover>img{transform:none;transition:none}}

.pairing-card-buy{display:flex;margin-top:23px;font-size:12px;min-height:45px;padding:11px 16px}
/* Full-width dining photographs keep the food, bottle and stemware together. */
.pairing-hero{display:block;min-height:0}
.pairing-hero-copy{display:grid;grid-template-columns:1.05fr 1fr;gap:0 8%;padding:36px 6% 45px;max-width:1600px;margin:auto}
.pairing-hero-copy .pairing-back{grid-column:1/-1;margin-bottom:25px}
.pairing-hero-copy>.eyebrow{grid-column:1;grid-row:2;margin-bottom:15px}
.pairing-hero-copy h1{grid-column:1;grid-row:3/6;font-size:clamp(44px,4.8vw,68px)}
.pairing-hero-copy>p{grid-column:2;grid-row:2/4;margin:0 0 20px}
.pairing-hero-copy>.button{grid-column:2;grid-row:4;justify-self:start;align-self:start}
.pairing-hero-copy>.text-link{grid-column:2;grid-row:5;justify-self:start;align-self:start;margin-top:10px}
.pairing-hero-image{aspect-ratio:16/9}
.pairing-hero-image>img{width:100%;height:100%;object-fit:contain;transform:none;background:#f5f9fc}
@media(max-width:650px){.pairing-hero-copy{display:block;padding:25px 6% 35px}.pairing-hero-copy h1{font-size:44px}.pairing-hero-copy>p{margin:22px 0}.pairing-hero-copy>.text-link{margin-top:15px}.pairing-hero-image{aspect-ratio:16/9}}

@media(min-width:901px) and (max-width:950px){.mobile-nav .water-brand-menu{padding:10px}.mobile-nav .water-brand-dropdown{position:static;left:auto;transform:none;width:100%;margin-top:15px;padding:5px;box-shadow:none;border:0;border-left:1px solid var(--line)}.mobile-nav .water-brand-dropdown a{display:flex;align-items:center;gap:15px;padding:10px}.mobile-nav .water-brand-dropdown img{width:48px;height:33px}}