/* hero */
  .hero-stripes{position:absolute; inset:0; background-image:repeating-linear-gradient(115deg, rgba(201,162,39,.20) 0 2px, transparent 2px 34px); pointer-events:none}
  .hero-grid{position:relative; padding:96px 32px 104px; display:grid; grid-template-columns:1.3fr .95fr; gap:52px; align-items:center}
  .hero-photo{position:relative; aspect-ratio:4/5; overflow:hidden; border:1px solid rgba(201,162,39,.5); background:var(--navy-deep) repeating-linear-gradient(115deg, rgba(201,162,39,.14) 0 6px, rgba(201,162,39,.04) 6px 16px)}
  .hero-photo img{width:100%; height:100%; object-fit:cover; filter:saturate(1.02) contrast(1.02)}
  .hero-photo:after{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(28,62,140,.12) 0%, rgba(28,62,140,.55) 100%); mix-blend-mode:multiply}
  .hero-photo-tag{position:absolute; left:16px; bottom:14px; z-index:2; font-weight:600; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:#fff}

  /* momentum */
  .momentum{display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; padding:20px 32px}
  .momentum .cond{font-weight:700; font-size:18px; letter-spacing:.08em; text-transform:uppercase; color:var(--navy)}
  .momentum .mdiv{width:1px; height:20px; background:rgba(28,62,140,.35)}

  /* why grid */
  .why-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:26px}
  .why-stat{border-top:2px solid var(--gold); padding-top:22px}
  .why-stat .big{font-weight:800; font-size:clamp(48px,6vw,66px); line-height:.9; color:var(--navy); margin-bottom:12px}
  .why-stat p{font-size:16px; line-height:1.5; color:var(--slate)}

  /* engine cards */
  .engine-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px}
  .engine{background:var(--cream); padding:34px 30px 30px; border-top:5px solid var(--gold); display:flex; flex-direction:column; gap:14px; min-height:300px; color:var(--navy); transition:background .2s,color .2s,transform .2s}
  .engine:hover{background:var(--navy); color:#fff; transform:translateY(-4px)}
  .engine:hover .engine-go{color:var(--gold)}
  .engine:hover p{color:#EDEAE3}
  .engine-num{font-weight:800; font-size:15px; letter-spacing:.2em; color:var(--gold)}
  .engine p{font-size:16px; line-height:1.55; color:var(--slate); flex:1; margin:0}
  .engine-go{font-weight:600; font-size:15px; letter-spacing:.12em; text-transform:uppercase; color:var(--navy)}

  @media (max-width:980px){
    .why-grid{grid-template-columns:repeat(2,1fr); gap:30px 26px}
    .engine-grid{grid-template-columns:1fr}
  }
  @media (max-width:860px){
    .hero-grid{grid-template-columns:1fr; gap:36px; padding:56px 22px 64px}
    .hero-photo{aspect-ratio:16/10; max-height:340px}
    .momentum{justify-content:flex-start}
    .momentum .mdiv{display:none}
    .momentum .cond{font-size:15px}
  }