/* TnG Motion 1.0 — 2026-11-12 */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}

/* scroll progress */
.tm-progress{position:fixed;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,#0b9283,#2bb5a5,#7fd8cc);transform-origin:0 50%;transform:scaleX(0);z-index:9999;pointer-events:none}

/* word masks for titles */
.tm-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.tm-wi{display:inline-block;will-change:transform}

/* hero: slow zoom + copy rise on each slide */
.tng-hero-item.is-active .tng-hero-image{animation:tmKen 7s cubic-bezier(.2,.6,.2,1) both}
@keyframes tmKen{from{transform:scale(1.14)}to{transform:scale(1)}}
.tng-hero-item.is-active .tng-hero-copy>*{animation:tmRise 1s cubic-bezier(.2,.8,.2,1) both}
.tng-hero-item.is-active .tng-hero-copy>*:nth-child(2){animation-delay:.15s}
.tng-hero-item.is-active .tng-hero-copy>*:nth-child(3){animation-delay:.3s}
.tng-hero-item.is-active .tng-hero-copy>*:nth-child(4){animation-delay:.45s}
@keyframes tmRise{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}

/* product tabs: panel change animation */
.business-tabs [role=tabpanel]:not([hidden]) .tab-visual img{animation:tmZoomIn 1.1s cubic-bezier(.2,.8,.2,1) both}
.business-tabs [role=tabpanel]:not([hidden]) .tab-copy>*{animation:tmRise .8s cubic-bezier(.2,.8,.2,1) both}
.business-tabs [role=tabpanel]:not([hidden]) .tab-copy>*:nth-child(2){animation-delay:.1s}
.business-tabs [role=tabpanel]:not([hidden]) .tab-copy>*:nth-child(3){animation-delay:.2s}
.business-tabs [role=tabpanel]:not([hidden]) .tab-copy>*:nth-child(4){animation-delay:.3s}
@keyframes tmZoomIn{from{opacity:0;transform:scale(1.08);clip-path:inset(8% 8% 8% 8% round 18px)}to{opacity:1;transform:none;clip-path:inset(0 round 12px)}}
.tab-visual{overflow:hidden;border-radius:12px}

/* statement: words light up while scrolling */
.tm-statement-wrap{padding:150px 24px 140px;max-width:1180px;margin:0 auto}
.tm-statement{font-size:clamp(28px,3.6vw,52px)!important;line-height:1.45!important;letter-spacing:-1.5px;font-weight:800;color:#12343b!important;margin:0}
.tm-statement strong{color:#0b9283}
.tm-statement .tm-sw{opacity:.14;transition:none}
.tm-statement-sub{margin-top:28px!important;color:#6b7f82!important;font-size:15px!important;letter-spacing:3px}

/* marquee */
.tm-marquee{overflow:hidden;padding:40px 0 30px;white-space:nowrap;border-top:1px solid #e3ece8;border-bottom:1px solid #e3ece8;background:#fff}
.tm-track{display:inline-block;font-size:clamp(56px,9vw,150px);font-weight:900;letter-spacing:-4px;line-height:1;color:transparent;-webkit-text-stroke:1.5px #0b9283;will-change:transform}
.tm-track b{color:#12343b;-webkit-text-stroke:0}

/* scrubbed image reveal */
.tm-reveal-img{overflow:hidden;border-radius:14px}
.tm-reveal-img img{will-change:transform}

/* expanding navy band */
.tng-section.navy{will-change:clip-path}

/* images with text baked in must never be cropped */
img[src*="tng-design-package"],img[src*="tng-automation"]{object-fit:contain!important;max-height:none!important;height:auto!important;background:#0e2440}

/* cards hover */
.tng-card{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.tng-card:hover{transform:translateY(-8px);box-shadow:0 24px 40px rgba(14,66,51,.12)}

@media (prefers-reduced-motion: reduce){
  .tng-hero-item.is-active .tng-hero-image,.tng-hero-item.is-active .tng-hero-copy>*,
  .business-tabs [role=tabpanel]:not([hidden]) *{animation:none!important}
  .tm-statement .tm-sw{opacity:1}
}