*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#00111f;color:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.hero{position:relative;min-height:82.7vh;min-height:calc(100svh - 174px);background-image:linear-gradient(90deg,rgba(0,9,20,.48),rgba(0,9,20,.03) 72%),url('../images/matterhorn.png');background-position:center top;background-size:cover;background-repeat:no-repeat}.site-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:28px 4.1% 0;position:relative;z-index:2}.brand{display:block;width:min(37vw,555px)}.brand img{display:block;width:100%;height:auto}nav{display:flex;gap:clamp(20px,3vw,48px);align-items:center;padding-top:30px;white-space:nowrap}nav a{font-size:17px;padding-bottom:7px;border-bottom:3px solid transparent}nav a:hover,nav a.active{border-color:#fff}.menu-toggle{display:none}.hero-content{margin:clamp(45px,6vh,95px) 0 0 4.35%;max-width:800px}.eyebrow{font-size:clamp(14px,1.35vw,21px);letter-spacing:.14em;margin-bottom:27px}.eyebrow:after{content:'';display:block;width:64px;height:3px;background:#c4ddfa;margin-top:19px}h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(40px,4.05vw,66px);letter-spacing:.045em;line-height:1.09;margin:0 0 20px;font-weight:800} .hero-content p{font-size:clamp(17px,1.55vw,25px);line-height:1.43;margin:0 0 27px}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:#b7d5ff;color:#06162b;border-radius:5px;padding:19px 31px 19px 40px;font-size:22px;min-width:244px;transition:background .2s}.cta:hover{background:#d4e5ff}.cta span{font-size:29px}.benefits{min-height:174px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;padding:25px 5%;background:linear-gradient(100deg,#00101d,#001425 50%,#00101d)}.benefit{display:flex;gap:clamp(20px,3vw,48px);align-items:flex-start;justify-content:center;padding:0 25px;min-height:108px}.benefit+.benefit{border-left:1px solid #52606c}.benefit svg{width:70px;height:70px;flex-shrink:0;fill:none;stroke:white;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.benefit h2{font-size:19px;line-height:1.4;letter-spacing:.11em;font-weight:500;margin:0 0 6px}.benefit p{font-size:18px;line-height:1.45;margin:0}@media(max-width:900px){.brand{width:min(50vw,440px)}nav{gap:18px;padding-top:15px}nav a{font-size:14px}.hero{min-height:720px}.benefits{padding:25px 2%}.benefit{gap:15px;padding:0 12px}.benefit svg{width:48px;height:48px}.benefit h2{font-size:14px}.benefit p{font-size:14px}}@media(max-width:650px){.site-header{align-items:center;padding:18px 5% 0}.brand{width:min(72vw,360px)}.menu-toggle{display:block;background:rgba(0,13,30,.8);border:1px solid #9db5cf;color:white;font-size:25px;padding:6px 12px;border-radius:4px}nav{display:none;position:absolute;right:5%;top:78px;flex-direction:column;align-items:stretch;gap:0;background:#03182b;padding:10px 20px;box-shadow:0 8px 22px #0008}nav.open{display:flex}nav a{padding:12px;font-size:17px}.hero{min-height:690px;background-position:59% top}.hero-content{margin:105px 5% 0;max-width:94%}.eyebrow{font-size:12px;letter-spacing:.12em}h1{font-size:clamp(32px,8vw,48px);letter-spacing:.025em}.hero-content p{font-size:17px;max-width:400px}.desktop-only{display:none}.cta{font-size:18px;padding:15px 22px;min-width:200px}.benefits{display:block;padding:15px 7%}.benefit{justify-content:flex-start;align-items:center;padding:18px 0;min-height:unset;gap:25px}.benefit+.benefit{border-left:0;border-top:1px solid #52606c}.benefit svg{width:52px;height:52px}.benefit h2{font-size:16px}.benefit p{font-size:15px}}
/* Shared hero framing: identical on every page at the same viewport size. */
.hero, .hero.about-hero, .hero.approach-hero, .hero.contact-hero {
  height:clamp(720px, calc(100svh - 120px), 900px) !important;
  min-height:clamp(720px, calc(100svh - 120px), 900px) !important;
  max-height:none !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
}
@media(max-width:650px){
 .hero, .hero.about-hero, .hero.approach-hero, .hero.contact-hero {
   height:auto !important; min-height:760px !important;
   background-position:59% top !important;
 }
}