@layer components{.tech__intro{max-width:40rem;margin-bottom:clamp(2rem,4vw,3rem)}.tech__intro h3{margin-bottom:0}.tech__cols{--scene-h:clamp(24rem, 40vw, 38rem);--intro-h:7.25rem;--pin-shift:calc(max(12.5rem, 100svh - var(--scene-h) - 344px) - max(var(--nav-h), 100svh - var(--scene-h) - 344px));grid-template-columns:1.55fr 1fr;align-items:start;gap:clamp(1.5rem,3vw,3rem);display:grid}.tech__sticky{top:max(var(--nav-h), calc(100svh - var(--scene-h) - 344px - var(--intro-h)));position:sticky}.tech__sticky-inner{flex-direction:column;display:flex}.tech__visual{min-height:var(--scene-h);background:0 0;place-items:center;display:grid;position:relative;overflow:hidden}.tech__visual img{width:100%;height:auto}.tech__visual-fallback{opacity:0;transition:opacity .5s var(--ease-brand)}.tech__visual.is-fallback .tech__visual-fallback{opacity:1}.tech__visual spline-viewer{opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease-brand);display:block;position:absolute;inset:0}.tech__visual.is-spline spline-viewer{opacity:1}.tech__block{flex-direction:column;justify-content:center;min-height:740px;padding-block:2rem;display:flex}.tech__block:first-child{--lead:calc(540px - 50vh);--lead-w:clamp(-60px, calc((100vw - 1440px) * .29), 60px);margin-top:calc(clamp(-4rem, calc(var(--lead) + var(--lead-w)), 22rem) + var(--pin-shift,0px))}.tech__block:not(:last-child){min-height:948px}.tech__block h4{color:var(--color-primary);margin-bottom:.5rem}.tech__block p{color:var(--color-text-muted)}.tl{margin-top:clamp(4rem,9vw,8rem)}.tl__intro{max-width:40rem;margin-bottom:clamp(3rem,6vw,5rem)}.tl__intro h3{margin-bottom:1rem}.hl{color:var(--color-accent-blue);font-weight:600}.tl__wrapper{position:relative}.tl__spine{background:#32353038;width:3px;position:absolute;top:0;bottom:0;left:calc(50% - 1.5px);overflow:hidden}.tl__progress{background:var(--color-primary);width:100%;height:0;transition:height .15s linear;display:block}.tl__item{grid-template-columns:1fr 160px 1fr;margin-bottom:clamp(5rem,8vw,7.5rem);display:grid}.tl__item:last-child{margin-bottom:0}.tl__text{text-align:right}.tl__text-inner{position:sticky;top:38vh}.tl__text h4{color:var(--color-primary);margin-bottom:.5rem}.tl__text p{color:var(--color-text-muted);font-size:var(--text-body);line-height:1.7}.tl__center{justify-content:center;display:flex}.tl__dot{background:var(--color-primary);width:15px;height:15px;box-shadow:0 0 0 6px var(--color-white);border-radius:50%;position:sticky;top:38vh}.tl__end{background:var(--color-primary);width:60px;height:3px}.tl__media{align-self:start}.tl__media img{object-fit:contain;width:100%;height:300px}.tl__item--flip .tl__text{text-align:left;order:3}.tl__item--flip .tl__media{order:1}.tl__item--flip .tl__center{order:2}.tl__item--end{margin-bottom:0}.tl__item--end .tl__center{align-items:center}.modules{margin-top:clamp(4rem,9vw,8rem)}.modules__intro{max-width:48rem;margin-bottom:clamp(2.5rem,5vw,4rem)}.module{grid-template-columns:200px 1fr;align-items:center;gap:clamp(2rem,5vw,4rem);margin-bottom:clamp(3rem,6vw,5rem);display:grid}.module:last-child{margin-bottom:0}.module__shape{justify-content:center;display:flex}.module__text h4{color:var(--color-primary);margin-bottom:.5rem}.module__text p{color:var(--color-text-muted)}.shape{background:#a9b5b7;width:100px;height:100px;display:block;box-shadow:0 2px 5px #0003}.shape--circle{border-radius:50%}.shape--square{background:#f2e1d4;border-radius:0}.shape--triangle{background:#dde3f2;border-radius:0 90px 0 0}.shape--triangle-left{background:#dde3f2;border-radius:0 0 0 90px}.module__shape .shape--triangle,.module__shape .shape--triangle-left{width:90px;height:90px;box-shadow:none}.module__shape{gap:0}@media (max-width:991px){.tech__cols{display:block}.tech__sticky{top:var(--nav-h);z-index:1;background:var(--color-white);height:auto;padding-block:clamp(.5rem,2svh,1rem) clamp(.75rem,2svh,1.25rem);position:sticky}.tech__visual{min-height:34svh}.tech__block,.tech__block:not(:last-child){min-height:0;padding-block:1.5rem}.tech__block:first-child{margin-top:0;padding-top:2.5rem}.tl__item{grid-template-columns:34px 1fr;column-gap:1.25rem}.tl__spine{left:15px}.tl__text,.tl__item--flip .tl__text{text-align:left;order:1;grid-column:2}.tl__text-inner{position:static}.tl__center,.tl__item--flip .tl__center{order:0;grid-area:1/1/span 2;justify-content:flex-start}.tl__media,.tl__item--flip .tl__media{order:2;grid-column:2;margin-top:1.5rem}.tl__dot{position:static}.tl__media img{height:220px}.module{grid-template-columns:1fr;gap:1.5rem}.module__shape{justify-content:flex-start}}}