.hero{min-height:490px;background-position:center 42%}
.hero-content{padding:64px 0}
.hero h1{font-size:clamp(2.9rem,5.1vw,5.1rem);max-width:730px;margin:13px 0 16px}
.hero p{font-size:1.05rem;max-width:570px}
.hero-actions{margin-top:22px}
.section{padding:82px 0}
.carousel-section{background:radial-gradient(circle at 5% 10%,#ffdfd0 0,transparent 30%),radial-gradient(circle at 95% 85%,#d5cbf2 0,transparent 33%),linear-gradient(125deg,#e4f7e9,#dceffd 56%,#fff1d7)}
.carousel-controls button{background:#fff;border:0;box-shadow:0 7px 22px #14535c20}
.carousel-controls button:hover{background:var(--teal);color:#fff}
.service-slide{padding:0;min-height:0;overflow:hidden;border:0;border-radius:23px;box-shadow:0 12px 30px #19485318}
.service-track{scroll-snap-type:none;scroll-behavior:auto}
.service-slide img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.service-slide-content{display:flex;flex-direction:column;flex:1;padding:22px 24px 25px}
.service-slide-content>span{font:800 .74rem Manrope;color:var(--teal);letter-spacing:.12em}
.service-slide h3{margin:14px 0 8px;font-size:1.29rem}
.service-slide p{margin-bottom:18px}
.service-slide b{margin-top:auto;color:var(--teal)}
.service-slide.tone-coral{border-top:0;border-bottom:5px solid #ed816c;background:#fff5f0}
.service-slide.tone-gold{border-top:0;border-bottom:5px solid #e5b948;background:#fff9e8}
.service-slide.tone-mint{border-top:0;border-bottom:5px solid #56af9e;background:#eefbf7}
.service-slide.tone-lavender{border-top:0;border-bottom:5px solid #a18bcc;background:#f7f2ff}
.service-slide.tone-sky{border-top:0;border-bottom:5px solid #69a9d6;background:#eef7ff}
.service-slide.tone-peach{border-top:0;border-bottom:5px solid #df916f;background:#fff2eb}
.intro{background:linear-gradient(120deg,#fff,#eaf8f1 65%,#fff3e4)}
.values{background:linear-gradient(120deg,#f3f2ff,#fff 50%,#fff3e4)}
.footprint-highlight{background:linear-gradient(120deg,#fff0dc,#ffe0d7 55%,#ece2fb)}
#page-content>.section:first-child:not(.intro){background:linear-gradient(120deg,#fff,#e8f6f1 62%,#fff2df)}
.location:nth-child(3n+1),.resource:nth-child(4n+1),.person:nth-child(4n+1){background:#e5f7ef}
.location:nth-child(3n+2),.resource:nth-child(4n+2),.person:nth-child(4n+2){background:#fff0e5}
.location:nth-child(3n),.resource:nth-child(4n+3),.person:nth-child(4n+3){background:#eef1ff}
.resource:nth-child(4n),.person:nth-child(4n){background:#e7f5fa}
.location,.resource,.person{border:0;box-shadow:0 10px 26px #123f4910}
.point-list span:nth-child(3n+1){background:#e1f5ec}.point-list span:nth-child(3n+2){background:#fff0df}.point-list span:nth-child(3n){background:#eee9fc}
.closing{background:linear-gradient(115deg,#075b69,#277d72 53%,#577e65)}
.nav-trigger span{font-size:1.15rem;font-weight:900;color:#344c59;margin-left:7px;vertical-align:-1px}
@media(max-width:800px){.hero{min-height:440px}.hero-content{padding:56px 0}}
@media(max-width:600px){.hero{min-height:430px;background-position:62% center}.hero-content{padding:48px 0}.hero h1{font-size:clamp(2.45rem,10vw,3.6rem)}.hero p{font-size:.95rem}.section{padding:64px 0}.service-slide{flex-basis:86%}.service-slide img{aspect-ratio:16/9}}

/* Blend the image into the message without placing type over faces. */
.hero{background:linear-gradient(135deg,#073b49,#08717b);min-height:450px}
.tone-green.hero{background:linear-gradient(135deg,#185744,#3a9172)}
.tone-coral.hero{background:linear-gradient(135deg,#68384b,#c16f67)}
.tone-gold.hero{background:linear-gradient(135deg,#705129,#bd8b47)}
.tone-mint.hero{background:linear-gradient(135deg,#165d58,#54a78f)}
.tone-lavender.hero{background:linear-gradient(135deg,#453d6a,#8576ac)}
.tone-sky.hero{background:linear-gradient(135deg,#175474,#5098b4)}
.tone-peach.hero{background:linear-gradient(135deg,#6e4c41,#b97e6d)}
.hero-content{width:min(1200px,calc(100% - 48px));margin:auto;padding:55px 0;z-index:2}
.hero-content>*{max-width:46%}
.hero-content h1{font-size:clamp(2.65rem,3.55vw,4.15rem);max-width:43%;overflow-wrap:normal}
.hero-content p{max-width:43%}
.hero-media{position:absolute;right:0;top:0;width:72%;height:100%;display:grid;place-items:center;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 15%,#000 43%)}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 42%;display:block}
.hero:after{z-index:1}
.closing{margin-bottom:68px}
.closing .kicker{color:#d5f3df}
@media(max-width:900px){
  .hero{display:flex;flex-direction:column-reverse;min-height:0}
  .hero-media{position:relative;width:100%;height:auto;max-height:340px;aspect-ratio:16/8.2;overflow:hidden;margin-bottom:-52px;mask-image:linear-gradient(to bottom,#000 0%,#000 62%,transparent 100%)}
  .hero-media img{object-fit:cover;object-position:center 38%}
  .hero-content{padding:34px 0 46px}
  .hero-content>*{max-width:100%}
  .hero-content h1{max-width:730px;font-size:clamp(2.5rem,6.3vw,4rem)}
  .hero-content p{max-width:730px}
}
@media(max-width:600px){
  .hero-media{aspect-ratio:16/10;max-height:none;margin-bottom:-38px}
  .hero-content{width:min(100% - 32px,1200px);padding:26px 0 38px}
  .hero-content h1{font-size:clamp(2.2rem,9vw,3.4rem)}
  .hero-actions{gap:14px}
  .closing{margin-bottom:42px}
}
