.knode-why{--kw-white:#fff;--kw-navy:#013753;--kw-font:var(--font-poppins), "Poppins", "Segoe UI", sans-serif;--kw-title-font:var(--font-gilroy), "Gilroy", var(--font-poppins), "Poppins", "Segoe UI", sans-serif;--ease:cubic-bezier(.2, .8, .2, 1);width:100%;font-family:var(--kw-font);color:var(--kw-white);background:var(--kw-white);position:relative;container-type:inline-size}.knode-why__stage{--u:min(calc(100cqw / 1893), 1px);margin:0 max(1px,2*var(--u));background:var(--kw-navy);height:calc(1072*var(--u));position:relative;overflow:hidden}.knode-why__photo{object-fit:cover;object-position:left center;width:100%;height:100%;position:absolute;inset:0}.knode-why__content{position:absolute;inset:0}.knode-why__title{left:calc(1044*var(--u));top:calc(305*var(--u));width:calc(719*var(--u));font-family:var(--kw-title-font);font-weight:300;font-size:calc(50*var(--u));line-height:calc(58*var(--u));text-align:center;white-space:pre;position:absolute}.knode-why__title span{display:block}.knode-why__subtitle{left:calc(1097*var(--u));top:calc(444*var(--u));width:calc(625*var(--u));font-weight:500;font-size:max(12px,24*var(--u));line-height:calc(36*var(--u));text-align:center;position:absolute}.knode-why__body{left:calc(1097*var(--u));top:calc(574*var(--u));width:calc(648*var(--u));font-weight:400;font-size:max(11px,18*var(--u));line-height:calc(30*var(--u));text-align:center;display:grid;position:absolute;overflow:hidden}.knode-why__para{animation-duration:.6s;animation-timing-function:var(--ease);grid-area:1/1;animation-fill-mode:both}.knode-why__para.is-entering.is-next{animation-name:knode-why-in-right}.knode-why__para.is-leaving.is-next{animation-name:knode-why-out-left}.knode-why__para.is-entering.is-prev{animation-name:knode-why-in-left}.knode-why__para.is-leaving.is-prev{animation-name:knode-why-out-right}.knode-why__arrows{z-index:2;left:calc(1304*var(--u));top:calc(796*var(--u));gap:calc(44*var(--u));display:flex;position:absolute}.knode-why__progress{left:0;right:0;top:calc(100% + 16*var(--u));height:max(2px,3*var(--u));pointer-events:none;background:#ffffff4d;border-radius:2px;position:absolute;overflow:hidden}.knode-why__progress-fill{transform-origin:0;background:#fff;height:100%;animation:linear forwards knode-why-progress;display:block}.knode-why__progress-fill.is-paused{animation-play-state:paused}.knode-why__arrow{width:calc(78*var(--u));height:calc(70*var(--u));color:var(--kw-navy);background:var(--kw-white);border-radius:calc(4*var(--u));cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease);border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.knode-why__arrow svg{width:calc(34*var(--u));min-width:16px;height:auto}.knode-why__arrow:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0000004d}.knode-why__arrow:focus-visible{outline:2px solid var(--kw-white);outline-offset:3px}.knode-why__badge{z-index:1;left:calc(633*var(--u));top:calc(814*var(--u));width:calc(590*var(--u));font-size:max(11px,22*var(--u));line-height:calc(33*var(--u));letter-spacing:-.01em;text-align:center;white-space:nowrap;color:#fff;position:absolute}.knode-why__badge-name{font-weight:600}.knode-why__badge-role{font-weight:400}@media (max-width:1100px){.knode-why__stage{background:var(--kw-navy);height:auto}.knode-why__photo{object-position:25% 20%;width:100%;height:340px;display:block;position:relative;-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.knode-why__badge{white-space:normal;text-align:center;width:100%;padding:0 16px 14px;font-size:14px;line-height:1.4;top:340px;left:0;transform:translateY(-100%)}.knode-why__content{text-align:center;background:0 0;padding:20px 20px 112px;display:block;position:relative;inset:auto}.knode-why__title,.knode-why__subtitle,.knode-why__body{width:auto;position:static}.knode-why__title{text-align:right;white-space:normal;text-shadow:0 2px 8px #00000059;width:48%;font-size:clamp(18px,5.2vw,26px);line-height:1.25;position:absolute;top:-250px;left:auto;right:16px}.knode-why__title span{display:block}.knode-why__subtitle{margin-top:0;font-size:16px;line-height:1.4}.knode-why__body{height:180px;margin-top:14px;font-size:14px;line-height:1.6}.knode-why__arrows{gap:12px;top:auto;bottom:40px;left:50%;transform:translate(-50%)}.knode-why__progress{height:2px;top:calc(100% + 8px)}.knode-why__arrow{border-radius:4px;width:48px;height:44px}}@media (prefers-reduced-motion:reduce){.knode-why__progress{display:none}.knode-why__arrow{transition:none}.knode-why__para{animation:none!important}.knode-why__para.is-leaving{visibility:hidden}.knode-why__arrow:hover{transform:none}}@keyframes knode-why-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes knode-why-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:none}}@keyframes knode-why-out-left{0%{opacity:1;transform:none}to{opacity:0;transform:translate(-100%)}}@keyframes knode-why-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:none}}@keyframes knode-why-out-right{0%{opacity:1;transform:none}to{opacity:0;transform:translate(100%)}}
