/* Refinements to the retained Carrière page structure. */
html{scroll-padding-top:155px}
.visible-content{opacity:1;transform:none}
.wrap{width:min(1320px,calc(100% - 64px))}
.head-main{grid-template-columns:220px minmax(240px,1fr) 145px;gap:40px}
.head-actions{grid-column:3}
.main-nav .wrap{padding-left:0;justify-content:center;align-items:center;height:51px;gap:42px}
.nav-item{position:static}
.nav-trigger{border:0;background:none;color:#fff;text-transform:uppercase;padding:8px 0;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:16px;white-space:nowrap}
.nav-trigger.muted,.main-nav a.muted{color:#b5bec6}
.nav-trigger:hover,.nav-trigger[aria-expanded=true]{color:#8ec2c5}
.nav-trigger[aria-expanded=true] .nav-chevron{transform:rotate(225deg);margin-top:3px}
.nav-panel{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:min(1100px,calc(100vw - 64px));padding:32px;background:#192630;border-top:1px solid #485862;box-shadow:0 20px 35px #0d171c40;max-height:65vh;overflow:auto}
[hidden]{display:none!important}
.nav-panel a{display:block;text-transform:none;font-size:15px;letter-spacing:0;white-space:normal;padding:5px 0;color:#cad3da;min-height:0}
.nav-panel a:hover{text-decoration:underline;color:#a0d5d6}
.wine-groups{display:grid;grid-template-columns:repeat(5,1fr);gap:28px}
.nav-group h3{font-size:12px;letter-spacing:1.2px;margin:0 0 16px;color:#80b1b4;text-transform:uppercase}
.nav-panel .all-wines{border-top:1px solid #ffffff26;margin-top:22px;padding-top:16px;color:white}
.estate-group{border-bottom:1px solid #ffffff20}
.estate-group summary{padding:13px 0;cursor:pointer;font-size:14px;color:#b3d4d5}
.estate-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2px 24px;padding-bottom:20px}
.estate-links a{font-size:13px}
.services-panel{width:440px}
.services-panel a,.services-panel>span{display:block;padding:12px 0;border-bottom:1px solid #ffffff16;font-size:15px;color:#cbd6dc}
.services-panel [aria-current]{color:#8fc1c4}
.hero{padding:66px 0 60px}
.hero .lede{max-width:750px;color:#c0cad2;font-size:19px}
.hero h1{font-size:clamp(34px,4vw,53px);margin:22px 0}
.triad{color:#8ab6b9;font-size:12px;letter-spacing:2.1px}
.service-scope{display:inline-block;margin:27px 0 0;padding:16px 26px;border-top:1px solid #6b9b9b60;color:#c5d1d7;font-size:14px;line-height:1.6}
.engagement .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px 70px;align-items:start}
.engagement .benefits{grid-row:1 / span 2}
.section h2{font-size:clamp(35px,3.4vw,46px)}
.intro{font-size:16px;line-height:1.85;color:#c0cbd4;margin-top:26px}
.benefits{gap:20px}
.benefit{min-height:230px;padding:96px 26px 28px}
.benefit .bubble{top:26px;left:26px;width:48px;height:48px}
.benefit .bubble svg{width:25px;height:25px}
.benefit h3{font-size:20px;line-height:1.3;margin-bottom:16px}
.benefit p{color:#b6c3cc;font-size:15px;line-height:1.55}
.callout{margin-top:0;padding:26px;grid-template-columns:150px 1fr;gap:24px;min-height:145px}
.callout .big{padding-right:20px;color:#84b6ba;font-size:27px}
.callout .big small{font-weight:400;font-size:10px;line-height:1.5}
.callout p{font-size:14px;line-height:1.6;color:#b6c3cc}
.uses .wrap{grid-template-columns:1fr 1.1fr;gap:70px;align-items:start}
.uses-photo{aspect-ratio:auto;position:sticky;top:170px;overflow:hidden;background:#20303b}
.uses-photo img{display:block;aspect-ratio:1.1;object-fit:cover;height:auto}
.uses-photo figcaption{padding:23px 27px;color:#e1e7e8;font-size:16px;line-height:1.65;border-left:4px solid #80adb0}
.uses h2{font-size:43px;margin:18px 0 0;font-family:var(--serif);font-weight:400;line-height:1.15}
.uses .intro{line-height:1.7;font-size:16px}
.use-group{margin:30px 0}
.use-group h3{font-size:25px;margin-bottom:20px}
.use-item h4{font-size:17px;font-weight:500;line-height:1.4}
.use-item p{line-height:1.6}
.use-list{gap:22px}
.step h3{line-height:1.4;font-size:21px}
.step p{color:#bdc9d2;font-size:15px;line-height:1.75}
.steps{gap:40px;margin-top:58px;padding-bottom:60px}
.step .n{color:#86b7b9}
.steps-section .intro,.terms-section .intro{color:#c2ced5}
.advice{padding:39px 32px 42px}
.advice p{font-size:16px;line-height:1.7;max-width:870px}
.closing-copy>p,.closing-card p{color:#c4ced6}
.closing h2{font-size:43px}
.closing .wrap{gap:65px}
.closing-card h3{font-size:26px}
.terms{max-width:1050px;margin:45px auto 0;gap:12px}
.ttitle,.tnum{font-size:21px;letter-spacing:0}
.term-body{color:#bdc9d2;line-height:1.8;font-size:16px;max-width:990px}
.term summary{gap:10px}
.footer{padding-bottom:40px}
.skip-link{position:fixed;left:16px;top:-100px;background:#fff;color:#17232e;padding:15px;z-index:100}
.skip-link:focus{top:10px}
button:focus-visible,input:focus-visible{outline:3px solid #d5bb87;outline-offset:4px}
@media(max-width:1120px){.head-main{grid-template-columns:180px minmax(200px,1fr) 100px;gap:28px}.main-nav .wrap{padding-left:0}.engagement .wrap,.uses .wrap{gap:42px}.benefits{gap:14px}.benefit{padding-left:22px;padding-right:22px}.callout{grid-template-columns:1fr;gap:18px}.callout .big{border-right:none}.steps{gap:28px}}
@media(max-width:1000px){html{scroll-padding-top:90px}.head-main{grid-template-columns:40px 1fr 60px}.brand{justify-self:center}.main-nav.open .wrap{padding:16px 0 24px;gap:8px;align-items:stretch}.nav-trigger{padding:12px 0;width:100%;justify-content:space-between}.nav-panel{position:static;transform:none;width:100%;max-height:45vh;padding:20px;box-shadow:none}.main-nav.open>.wrap>a{padding:12px 0}.wine-groups{grid-template-columns:repeat(3,1fr)}.services-panel{width:100%}.engagement .wrap{grid-template-columns:1fr}.engagement .benefits{grid-row:auto}.benefit{min-height:210px}.callout{grid-template-columns:180px 1fr}.callout .big{border-right:1px solid var(--line)}.uses .wrap{grid-template-columns:1fr 1.1fr;gap:35px}.uses-photo{top:100px}.uses h2{font-size:36px}.closing .wrap{grid-template-columns:1.15fr 1fr;gap:30px}.closing-card{padding:30px}.closing h2{font-size:36px}.closing-card .btn{padding-left:18px;padding-right:18px}}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}.hero{padding:48px 0 37px}.hero h1{font-size:36px;line-height:1.25}.hero .lede{font-size:17px;line-height:1.65}.hero .triad{font-size:10px;letter-spacing:1.5px}.service-scope{padding:16px 0 0;font-size:13px}.desktop-break{display:none}.section{padding:50px 0}.section h2{font-size:35px}.intro{font-size:16px;margin-top:20px}.benefits{grid-template-columns:1fr}.benefit{min-height:0;padding:25px 25px 25px 92px}.benefit .bubble{top:24px;left:24px}.benefit h3{font-size:20px;margin-bottom:10px}.callout{grid-template-columns:1fr;padding:25px;gap:17px}.callout .big{border-right:0;border-bottom:1px solid var(--line);padding-bottom:18px}.callout .big small{display:inline-block;margin:0 0 0 12px;max-width:110px}.uses{padding:50px 0}.uses .wrap{grid-template-columns:1fr;gap:38px}.uses-photo{position:static;max-width:none}.uses-photo img{aspect-ratio:1.35;object-position:center 60%}.uses-photo figcaption{font-size:14px;padding:17px 20px}.uses h2{font-size:35px}.use-group h3{font-size:24px}.steps-section{padding-top:50px}.steps-section h2,.terms-section h2{font-size:35px}.steps-section .intro,.terms-section .intro{font-size:16px;line-height:1.7}.steps{grid-template-columns:1fr;margin-top:38px;gap:32px;padding-bottom:46px}.step{display:grid;grid-template-columns:50px 1fr;gap:0 20px}.step .n{grid-row:1 / span 2;font-size:38px}.step h3{margin:0 0 10px;font-size:20px}.step p{grid-column:2}.advice{padding:30px 22px}.advice p{font-size:15px}.closing{padding:50px 0}.closing .wrap{grid-template-columns:1fr;gap:30px}.closing h2{font-size:36px}.closing-card{max-width:none;padding:29px}.closing-card p{margin:20px 0}.terms-section{padding:50px 0}.terms{margin-top:32px}.term summary{padding:22px 18px;align-items:baseline;gap:9px}.tnum,.ttitle{font-size:18px;line-height:1.45}.term-body{padding:0 18px 22px;font-size:15px}.chevron{flex:0 0 7px}.terms-action{margin-top:30px}.btn{font-size:11px;padding:16px 22px;line-height:1.5}.reassurance{padding:28px 0}.footer-grid{gap:30px}.footer{padding-top:40px}.wine-groups{grid-template-columns:1fr 1fr;gap:25px}.estate-links{grid-template-columns:1fr}.nav-panel{max-height:55vh}.main-nav.open .wrap{width:calc(100% - 40px)}.services-panel>span{font-size:14px}}
