/* v7.18 hero home photo layout */
body.motion-v7 .hero-home-photo{
  padding:128px 0 34px;
}
body.motion-v7 .hero-image-shell{
  display:grid;
  gap:24px;
}
body.motion-v7 .hero-image-stage{
  position:relative;
  min-height:720px;
  border-radius:34px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 28px 80px rgba(3,12,22,.22);
  background:#091822;
}
body.motion-v7 .hero-main-photo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  transform:scale(1.02);
}
body.motion-v7 .hero-image-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(6,14,20,.72) 0%, rgba(6,14,20,.48) 34%, rgba(6,14,20,.20) 65%, rgba(6,14,20,.35) 100%),
    linear-gradient(180deg, rgba(8,17,23,.18) 0%, rgba(8,17,23,.08) 38%, rgba(8,17,23,.56) 100%);
}
body.motion-v7 .hero-home-photo .hero-line{
  position:absolute;
  left:34px;
  right:34px;
  height:1px;
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(206,222,105,.75) 20%, rgba(255,255,255,.25) 72%, rgba(255,255,255,0) 100%);
  z-index:1;
}
body.motion-v7 .hero-home-photo .hero-line::after{
  content:"";
  position:absolute;
  top:50%;
  width:88px;
  height:3px;
  border-radius:99px;
  background:linear-gradient(90deg, rgba(201,228,85,0) 0%, rgba(201,228,85,.96) 52%, rgba(255,162,121,.96) 100%);
  box-shadow:0 0 18px rgba(201,228,85,.58);
  transform:translateY(-50%);
  animation:heroPhotoLineSweep 8s linear infinite;
}
body.motion-v7 .hero-home-photo .hero-line-1{top:17%;}
body.motion-v7 .hero-home-photo .hero-line-2{top:28%; opacity:.7;}
body.motion-v7 .hero-home-photo .hero-line-2::after{animation-delay:2s; animation-duration:9.5s;}
@keyframes heroPhotoLineSweep {0%{left:-100px}100%{left:calc(100% + 100px)}}
body.motion-v7 .hero-floating-card,
body.motion-v7 .hero-floating-stats,
body.motion-v7 .hero-image-caption{
  position:absolute;
  z-index:2;
}
body.motion-v7 .hero-floating-card{
  background:rgba(8,20,29,.56);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 20px 50px rgba(4,12,22,.28), inset 0 1px 0 rgba(255,255,255,.12);
}
body.motion-v7 .hero-intro-card{
  left:38px;
  top:42px;
  width:min(540px, calc(100% - 76px));
  padding:28px 30px 30px;
  border-radius:28px;
}
body.motion-v7 .hero-intro-card h1{
  font-size:clamp(56px, 7vw, 92px);
  line-height:.94;
  max-width:8.1ch;
  margin:16px 0 18px;
}
body.motion-v7 .hero-intro-card .hero-lead{
  max-width:510px;
  color:rgba(255,255,255,.86);
  font-size:17px;
  line-height:1.68;
}
body.motion-v7 .hero-intro-card .hero-actions{
  margin-top:24px;
}
body.motion-v7 .hero-side-card{
  right:38px;
  top:86px;
  width:min(390px, calc(100% - 76px));
  padding:24px 24px 22px;
  border-radius:26px;
}
body.motion-v7 .hero-side-label{
  display:inline-flex;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.12);
  color:#d5e981;
  font-size:11px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
body.motion-v7 .hero-side-card h3{
  margin:14px 0 12px;
  color:#ffffff;
  font:700 clamp(26px, 3vw, 34px)/1.12 var(--sans);
}
body.motion-v7 .hero-side-card p{
  margin:0;
  color:rgba(255,255,255,.8);
  font-size:15px;
  line-height:1.65;
}
body.motion-v7 .hero-side-points{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
body.motion-v7 .hero-side-points span{
  display:inline-flex;
  align-items:center;
  padding:9px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-size:12px;
  font-weight:600;
}
body.motion-v7 .hero-floating-stats{
  left:38px;
  right:38px;
  bottom:34px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
body.motion-v7 .hero-floating-stats article{
  padding:18px 18px 16px;
  border-radius:22px;
  background:rgba(8,20,29,.56);
  backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 14px 34px rgba(4,12,22,.22);
}
body.motion-v7 .hero-floating-stats article small{
  display:block;
  color:rgba(255,255,255,.72);
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:6px;
}
body.motion-v7 .hero-floating-stats article b{
  display:block;
  color:#fff;
  font-size:30px;
  line-height:1.05;
}
body.motion-v7 .hero-image-caption{
  right:42px;
  bottom:170px;
  color:rgba(255,255,255,.76);
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
body.motion-v7 .hero-blocks-wrap .hero-facts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:0;
  border-top:0;
}
body.motion-v7 .hero-blocks-wrap .hero-facts article{
  min-height:142px;
  padding:22px 20px;
  border-radius:24px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.68);
  box-shadow:0 18px 44px rgba(5,17,29,.12);
}
body.motion-v7 .hero-blocks-wrap .hero-facts article+article{
  border-left:1px solid rgba(255,255,255,.68);
  padding-left:20px;
}
body.motion-v7 .hero-blocks-wrap .hero-facts small{color:#7b8897;font-size:10px;}
body.motion-v7 .hero-blocks-wrap .hero-facts b{color:#102438;font-size:28px;margin-bottom:6px;}
body.motion-v7 .hero-blocks-wrap .hero-facts span{color:#5a6d80;font-size:13px;line-height:1.6;}
body.motion-v7 .journey-index{padding-top:10px;}

@media (max-width: 1180px){
  body.motion-v7 .hero-image-stage{min-height:820px;}
  body.motion-v7 .hero-side-card{top:unset;bottom:192px;right:38px;}
}
@media (max-width: 980px){
  body.motion-v7 .hero-image-stage{min-height:980px;}
  body.motion-v7 .hero-intro-card,
  body.motion-v7 .hero-side-card{width:calc(100% - 52px); left:26px; right:26px;}
  body.motion-v7 .hero-side-card{top:auto; bottom:246px;}
  body.motion-v7 .hero-floating-stats{left:26px; right:26px; grid-template-columns:1fr 1fr; bottom:26px;}
  body.motion-v7 .hero-blocks-wrap .hero-facts{grid-template-columns:1fr 1fr;}
}
@media (max-width: 720px){
  body.motion-v7 .hero-home-photo{padding:116px 0 28px;}
  body.motion-v7 .hero-image-stage{min-height:980px; border-radius:28px;}
  body.motion-v7 .hero-intro-card{left:18px; top:18px; width:calc(100% - 36px); padding:22px 20px 24px; border-radius:24px;}
  body.motion-v7 .hero-intro-card h1{font-size:clamp(46px, 14vw, 68px); max-width:8.5ch;}
  body.motion-v7 .hero-intro-card .hero-lead{font-size:15px;}
  body.motion-v7 .hero-side-card{left:18px; right:18px; width:auto; bottom:232px; padding:20px 18px; border-radius:22px;}
  body.motion-v7 .hero-floating-stats{left:18px; right:18px; gap:10px; bottom:18px;}
  body.motion-v7 .hero-floating-stats article b{font-size:24px;}
  body.motion-v7 .hero-image-caption{left:18px; right:auto; bottom:204px; font-size:11px; letter-spacing:.1em;}
  body.motion-v7 .hero-home-photo .hero-line{left:18px; right:18px;}
  body.motion-v7 .hero-home-photo .hero-line-1{top:12%;}
  body.motion-v7 .hero-home-photo .hero-line-2{top:22%;}
  body.motion-v7 .hero-blocks-wrap .hero-facts{grid-template-columns:1fr; gap:12px;}
  body.motion-v7 .hero-blocks-wrap .hero-facts article,
  body.motion-v7 .hero-blocks-wrap .hero-facts article+article{padding:18px 16px;min-height:126px;border-left:1px solid rgba(255,255,255,.62)}
  body.motion-v7 .hero-blocks-wrap .hero-facts b{font-size:21px;}
}
@media (max-width: 440px){
  body.motion-v7 .hero-image-stage{min-height:1040px;}
  body.motion-v7 .hero-floating-stats{grid-template-columns:1fr;}
  body.motion-v7 .hero-side-card{bottom:330px;}
  body.motion-v7 .hero-image-caption{bottom:302px;}
}