.customerPage{padding-top:88px}
.customerHero{min-height:calc(100svh - 88px);position:relative;display:flex;align-items:flex-end;overflow:hidden;background:var(--pine);color:#fff}
.customerHeroImage{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(8,20,14,.8) 0%,rgba(8,20,14,.5) 48%,rgba(8,20,14,.12) 78%),linear-gradient(0deg,rgba(8,17,11,.38),transparent 52%),url('/assets/hero-highlands.png');background-size:cover;background-position:center 52%}
.customerHeroCopy{position:relative;z-index:1;padding:10vh 7vw;max-width:1050px}
.customerHero h1{font-size:clamp(58px,7.2vw,112px);line-height:.92;letter-spacing:-.052em;font-weight:500;margin:0}
.customerHero h1 em,.customerPeople h2 em,.customerStays h2 em{font-family:var(--serif);font-weight:400}
.customerHeroCopy>p:not(.eyebrow){font-size:18px;line-height:1.7;margin:30px 0 0;max-width:650px}
.customerHeroCopy .customerHeroNote{font-size:13px;color:#d7ddd7;margin-top:10px}
.customerHeroCopy .button{margin-top:35px}
.customerAssurance{min-height:100px;padding:25px 7vw;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #20251f26;text-transform:uppercase;letter-spacing:.15em;font-size:10px}
.customerAssurance strong{font-size:13px;letter-spacing:.2em}
.customerChange{display:grid;grid-template-columns:1fr 2fr;gap:7vw}
.customerChange>div{border-top:1px solid #20251f44;padding-top:40px}
.customerChange span,.customerPromises span,.customerNames span{font-size:10px;letter-spacing:.18em;color:var(--sage)}
.customerChange h2{font-size:clamp(50px,6vw,86px);line-height:1;margin:45px 0 25px;font-weight:500;letter-spacing:-.045em}
.customerChange>div p{max-width:670px;font-size:18px;line-height:1.8;color:#4d544e}
.customerStays .sectionHead{max-width:1000px}
.customerPromises{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:100px}
.customerPromises article{padding:35px 0;border-top:1px solid #fff3}
.customerPromises h3{font-size:25px;font-weight:500;margin:45px 0 18px}
.customerPromises p{font-size:15px;line-height:1.75;color:#cbd2cb;max-width:390px}
.customerMeaning{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;align-items:center}
.customerMeaningImage{height:720px;background:url('/assets/highlands-cairn-01.png') center 58%/cover no-repeat}
.customerMeaningCopy h2,.customerPeople h2,.customerContact h2{font-size:clamp(45px,5.6vw,80px);line-height:1;letter-spacing:-.045em;font-weight:500}
.customerMeaningCopy p:not(.eyebrow){font-size:17px;line-height:1.85;color:#4d544e;max-width:620px}
.customerPeople{background:var(--mist)}
.customerNames{display:grid;grid-template-columns:repeat(2,1fr);margin-top:90px}
.customerNames article{min-height:175px;padding:30px 0;border-top:1px solid #20251f44}
.customerNames article:nth-child(odd){margin-right:45px}
.customerNames h3{font-size:28px;font-weight:500;margin:32px 0 15px}
.customerNames a{font-size:12px}
.customerContact{display:grid;grid-template-columns:1fr 2fr;gap:7vw}
.customerContact>div>p{font-size:17px;line-height:1.8;color:#cbd2cb;max-width:650px}
.customerContactActions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:45px;font-size:12px}
@media(max-width:900px){.customerPage{padding-top:72px}.customerHero{min-height:calc(100svh - 72px)}.customerHeroImage{background-position:58% center;background-image:linear-gradient(90deg,rgba(8,20,14,.75),rgba(8,20,14,.43)),url('/assets/hero-highlands.png')}.customerHeroCopy{padding:120px 22px 65px}.customerHero h1{font-size:clamp(46px,13vw,62px)}.customerHeroCopy>p:not(.eyebrow){font-size:16px}.customerAssurance{padding:25px 22px;justify-content:flex-start;overflow-x:auto}.customerAssurance span,.customerAssurance strong{white-space:nowrap}.customerChange,.customerContact{grid-template-columns:1fr}.customerChange>div,.customerContact>div{margin-top:30px}.customerPromises{grid-template-columns:1fr;margin-top:65px}.customerPromises article{padding:30px 0}.customerMeaning{grid-template-columns:1fr}.customerMeaningImage{height:520px}.customerMeaningCopy{padding-top:25px}.customerNames{grid-template-columns:1fr;margin-top:65px}.customerNames article:nth-child(odd){margin-right:0}.customerContactActions{align-items:flex-start;flex-direction:column;gap:20px}}
@media(max-width:390px){.customerHero h1{font-size:45px}.customerMeaningImage{height:440px}.customerMeaningCopy h2,.customerPeople h2,.customerContact h2{font-size:41px}}
