/* Release 23 — real presentation photography + restrained corporate motion */
/* Licensed free-to-use real photos by Vitaly Gariev / Unsplash (Sep 2025).
   https://unsplash.com/photos/woman-presenting-to-colleagues-in-a-modern-office-meeting-7mgkmRY4ZLM
   https://unsplash.com/photos/woman-presents-to-colleagues-at-a-whiteboard-meeting-piULICqeV5Y */
.corporate-home .sh-hero{background:#071a36;isolation:isolate}
.corporate-home .sh-hero-photo{
  background-image:url('https://images.unsplash.com/photo-1758691736764-2a88e313b1f2?auto=format&fit=crop&w=2400&q=88');
  background-color:#19345a;background-size:cover;background-position:60% 43%;
  filter:none;transform:scale(1.015);transition:transform 8s cubic-bezier(.15,.45,.2,1);
}
.corporate-home .sh-hero-overlay{background:linear-gradient(90deg,rgba(5,18,39,.97) 0%,rgba(5,18,39,.9) 29%,rgba(5,18,39,.69) 51%,rgba(5,18,39,.22) 78%,rgba(5,18,39,.12) 100%)}
.corporate-home .sh-hero-photo.sh-photo-active{transform:scale(1.065)}
.corporate-home .sh-intro-image{
  background-image:url('https://images.unsplash.com/photo-1758873269108-7c03a92f7586?auto=format&fit=crop&w=1500&q=88');
  background-color:#14294d;background-size:cover;background-position:center 42%;
  filter:none;border:1px solid #dce4f1;box-shadow:0 24px 55px rgba(16,37,73,.12);
}
/* Make content movement feel intentional, not distracting. */
.corporate-home .sh-service-card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.corporate-home .sh-impact{isolation:isolate;background:linear-gradient(105deg,#07172f,#0d2851 62%,#0a1c38);overflow:hidden;padding-block:78px}
.corporate-home .sh-impact:before{content:'';position:absolute;inset:-140px -100px;background:radial-gradient(ellipse at 78% 60%,rgba(85,120,242,.16),transparent 56%);pointer-events:none;z-index:-1}
.corporate-home .sh-impact-grid>div{position:relative;padding:5px 22px 11px;gap:13px}
.corporate-home .sh-impact-grid>div+div{border-color:rgba(186,205,240,.22)}
.corporate-home .sh-impact-grid strong{font-variant-numeric:tabular-nums;font-feature-settings:'tnum';letter-spacing:-.045em;font-size:clamp(39px,4.3vw,58px);white-space:nowrap}
.corporate-home .sh-impact-grid span{font-size:12px;color:#e0e8f7;line-height:1.65}
.corporate-home .sh-impact-grid>div:after{content:'';position:absolute;bottom:-13px;left:34%;right:34%;height:2px;background:#88aaff;transform:scaleX(0);transition:transform 1s ease .25s;transform-origin:center}
.corporate-home .sh-impact.sh-counts-done .sh-impact-grid>div:after{transform:scaleX(1)}
.sh-impact-progress{position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#8dafff,#6a67ff,#b4d8ff);transform:scaleX(0);transform-origin:left;transition:transform 1.7s cubic-bezier(.19,1,.22,1)}
.sh-impact.sh-counts-done .sh-impact-progress{transform:scaleX(1)}
.corporate-home .sh-process-step>span{transition:transform .3s ease,box-shadow .3s ease}
.corporate-home .sh-process-step:hover>span{transform:translateY(-3px);box-shadow:0 0 0 6px #fff,0 7px 18px rgba(67,56,202,.2)}
@media(prefers-reduced-motion:no-preference){
 .sh-presentation-motion .sh-hero-copy>*{animation:sh-hero-in .8s both cubic-bezier(.2,.75,.3,1)}
 .sh-presentation-motion .sh-hero-copy>*:nth-child(2){animation-delay:.08s}
 .sh-presentation-motion .sh-hero-copy>*:nth-child(3){animation-delay:.15s}
 .sh-presentation-motion .sh-hero-copy>*:nth-child(4){animation-delay:.22s}
 .sh-presentation-motion .sh-hero-copy>*:nth-child(5){animation-delay:.28s}
 @keyframes sh-hero-in{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:none}}
 .sh-presentation-motion .sh-process-step.sh-step-ready{opacity:0;transform:translateY(13px);transition:opacity .6s ease,transform .6s ease;transition-delay:var(--sh-step-delay,0ms)}
 .sh-presentation-motion .sh-process-step.sh-step-ready.sh-step-shown{opacity:1;transform:none}
}
@media(max-width:740px){
 .corporate-home .sh-hero-photo{background-position:62% center}
 .corporate-home .sh-hero-overlay{background:linear-gradient(90deg,rgba(5,18,39,.95),rgba(5,18,39,.72))}
 .corporate-home .sh-impact{padding-block:60px}
 .corporate-home .sh-impact-grid strong{font-size:clamp(35px,8vw,48px)}
}
@media(prefers-reduced-motion:reduce){
 .corporate-home .sh-hero-photo,.corporate-home .sh-process-step>span{transition:none!important;transform:none!important}
 .sh-impact-progress,.sh-impact-grid>div:after{transition:none!important}
}