/* Executive Corporate homepage — wide image, compact editorial card */
.site-header{
  height:74px;
  padding-inline:max(5vw,34px);
  background:rgba(255,255,252,.98);
}
.site-header .brand-logos img{width:40px!important;height:40px!important}
.site-header .brand strong{font-size:.92rem;letter-spacing:.15em}
.site-header .brand small{font-size:.62rem}
.site-header nav{gap:20px}
.site-header nav a{font-size:.78rem;white-space:nowrap}
.site-header .nav-cta{padding:12px 17px}

.hero{
  height:690px;
  min-height:690px;
  background:#172c31;
  color:#17262a;
  overflow:hidden;
}
.hero-image{
  inset:0 0 86px 0;
  width:100%;
  height:calc(100% - 86px);
  border-radius:0;
  object-fit:cover;
  object-position:center;
}
.hero-shade{
  display:block;
  inset:0 0 86px 0;
  background:linear-gradient(90deg,rgba(8,26,31,.56) 0%,rgba(8,26,31,.2) 42%,rgba(8,26,31,.02) 72%);
}
.hero-content{
  width:min(550px,42vw);
  margin:0;
  position:absolute;
  z-index:3;
  left:max(6vw,50px);
  top:50%;
  transform:translateY(calc(-50% - 43px));
  padding:38px 42px 34px;
  color:#17262a;
  background:rgba(255,255,252,.94);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 24px 60px rgba(7,24,29,.18);
  backdrop-filter:blur(8px);
}
.hero-content.changing{transform:translateY(calc(-50% - 40px))}
.hero .eyebrow{color:#8b6808;margin-bottom:12px}
.hero h1{
  max-width:520px;
  margin-bottom:17px;
  color:#17262a;
  font-size:clamp(2.25rem,3.15vw,3.25rem);
  line-height:1.04;
  letter-spacing:-.035em;
}
.hero h1 span{color:#8b6808}
.hero-content>p:not(.eyebrow){
  max-width:500px;
  color:#58686b;
  font-size:.94rem;
  line-height:1.65;
}
.hero-actions{margin-top:22px}
.hero .button{padding:14px 20px}
.hero .button.primary{background:#173138;color:#fff}
.hero .button.secondary{border-color:#9ba6a8;color:#173138;background:rgba(255,255,255,.65)}
.hero-news-controls{margin-top:18px}
.hero-news-controls>button{width:31px;height:31px}
.hero-proof{
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:86px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  background:#1d3439;
  color:#fff;
  border:0;
  padding-inline:max(6vw,50px);
}
.hero-proof div{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:13px;
  padding:0 24px;
  border-left:1px solid rgba(255,255,255,.12);
}
.hero-proof div:first-child{border-left:0}
.hero-proof b{color:#f0bb20;font-size:1.15rem}
.hero-proof span{color:#d7e0e1;font-size:.72rem}

.intro{padding-top:70px}
.intro .section-heading{max-width:820px}
.intro .section-heading h2{max-width:720px}

@media(max-width:1180px){
  .site-header nav{gap:13px}
  .site-header nav a{font-size:.72rem}
  .hero-content{width:min(520px,47vw)}
}
@media(max-width:900px){
  .site-header{padding-inline:22px}
  .site-header nav{background:#fff}
  .hero{height:700px;min-height:700px}
  .hero-image,.hero-shade{bottom:82px;height:calc(100% - 82px)}
  .hero-shade{background:linear-gradient(90deg,rgba(8,26,31,.58),rgba(8,26,31,.08))}
  .hero-content{
    left:6vw;
    top:48%;
    width:min(550px,82vw);
    padding:34px;
    transform:translateY(calc(-50% - 41px));
  }
  .hero-content.changing{transform:translateY(calc(-50% - 38px))}
  .hero h1{font-size:clamp(2.2rem,7vw,3rem)}
  .hero-proof{height:82px;padding-inline:10px}
}
@media(max-width:600px){
  .site-header{height:70px}
  .brand-logos{gap:3px}
  .site-header .brand-logos img{width:34px!important;height:34px!important}
  .site-header .brand small{display:none}
  .hero{height:720px;min-height:720px}
  .hero-content{
    left:18px;
    right:18px;
    width:auto;
    top:46%;
    padding:27px 24px 24px;
  }
  .hero h1{font-size:clamp(2rem,10vw,2.55rem)}
  .hero-content>p:not(.eyebrow){font-size:.86rem}
  .hero-actions{gap:8px}
  .hero .button{padding:12px 14px}
  .hero-proof{padding:0}
  .hero-proof div{display:block;text-align:center;padding:15px 5px}
  .hero-proof b,.hero-proof span{display:block}
  .hero-proof span{margin-top:5px;font-size:.62rem}
}

html[dir="rtl"] .hero-shade{
  background:linear-gradient(270deg,rgba(8,26,31,.56) 0%,rgba(8,26,31,.2) 42%,rgba(8,26,31,.02) 72%);
}
html[dir="rtl"] .hero-content{
  left:auto;
  right:max(6vw,50px);
  margin:0;
  text-align:right;
}
html[dir="rtl"] .hero-proof div:first-child{border-left:1px solid rgba(255,255,255,.12)}
html[dir="rtl"] .hero-proof div:last-child{border-left:0}
@media(max-width:900px){
  html[dir="rtl"] .hero-content{right:6vw;left:auto}
}
@media(max-width:600px){
  html[dir="rtl"] .hero-content{right:18px;left:18px}
}