.k9-dual-tech{--k9-edge-blend-color: var(--k9-section-background, #f7f8f8);--k9-tech-ink: #101820;--k9-tech-muted: #59636d;--k9-tech-aqua: #087fa5;--k9-tech-line: #d7dee1;overflow:clip;color:var(--k9-tech-ink);background:var(--k9-section-background, #f7f8f8);transition:background-color .6s ease}.k9-dual-tech.is-tracer{--k9-edge-blend-color: var(--k9-section-tracer-background, #f1f5f6);background:var(--k9-section-tracer-background, #f1f5f6)}.k9-dual-tech__intro{padding-top:clamp(7rem,8vw,11rem);padding-bottom:clamp(3rem,4vw,5rem)}.k9-dual-tech__legacy-label{margin:0 0 2.8rem;color:var(--k9-tech-aqua);font-size:1.1rem;font-weight:700;letter-spacing:.2em;line-height:1.4}.k9-dual-tech__intro-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(28rem,.6fr);align-items:end;gap:clamp(4rem,8vw,12rem)}.k9-dual-tech__heading{max-width:10ch;margin:0;font-size:clamp(5rem,7vw,10rem);font-weight:600;letter-spacing:-.055em;line-height:.9}.k9-dual-tech__supporting{max-width:43rem;color:var(--k9-tech-muted);font-size:clamp(1.7rem,1.6vw,2rem);line-height:1.55}.k9-dual-tech__supporting p,.k9-dual-tech__description p{margin:0}.k9-dual-tech__experience{position:relative;height:190svh}.k9-dual-tech__anchor{position:absolute;top:0;left:0;width:1px;height:1px;scroll-margin-top:8rem}.k9-dual-tech__anchor--tracer{top:52%}.k9-dual-tech__stage{position:sticky;top:0;height:100svh;min-height:72rem}.k9-dual-tech__nav{position:absolute;z-index:5;display:flex}.k9-dual-tech__selector{position:relative;isolation:isolate;display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:0;padding:.4rem;border:1px solid rgba(255,255,255,.28);border-radius:1.6rem;background:#071b309e;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:0 8px 30px #0000002e,inset 0 1px #fff3}.k9-dual-tech__selector:before{content:"";position:absolute;z-index:-1;top:.4rem;bottom:.4rem;left:.4rem;width:calc((100% - .8rem)/2);box-sizing:border-box;border:1px solid rgba(255,255,255,.22);border-radius:1.1rem;background:#ffffff29;box-shadow:inset 0 -1px #53ceeccc;pointer-events:none;transform:translate(0);transition:transform .25s ease,opacity .25s ease,background-color .25s ease}.k9-dual-tech.is-tracer .k9-dual-tech__selector:before{transform:translate(100%)}.k9-dual-tech .k9-dual-tech__nav{--k9-selector-inset: 2.4rem;position:absolute;top:calc(var(--k9-selector-image-top, 0px) + var(--k9-selector-inset));left:calc(var(--k9-selector-image-left, 0px) + var(--k9-selector-inset));right:auto;display:flex;width:max-content;max-width:calc(var(--k9-selector-image-width, 100%) - 2 * var(--k9-selector-inset));padding:0;margin:0;pointer-events:none}.k9-dual-tech__selector{max-width:100%;box-sizing:border-box;pointer-events:auto}.k9-dual-tech .k9-dual-tech__nav-link{-webkit-appearance:none;appearance:none;font-family:inherit;line-height:inherit;cursor:pointer;justify-content:center;white-space:nowrap;min-height:3.6rem;padding:.2rem .9rem;border:1px solid transparent;background:transparent;box-shadow:none}.k9-dual-tech__nav-link{display:inline-flex;align-items:center;gap:.9rem;min-height:4.4rem;padding:.2rem .9rem;border:.1rem solid transparent;border-radius:1rem;color:#e1edf6d9;background:transparent;box-shadow:inset 0 -1px 0 transparent;font-size:1.15rem;font-weight:650;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}.k9-dual-tech__nav-link span{color:inherit;font-size:inherit}.k9-dual-tech .k9-dual-tech__nav-link.is-active{border-color:transparent;background:transparent;box-shadow:none;color:#f7fbff}.k9-dual-tech .k9-dual-tech__nav-link:hover{background:#ffffff24;color:#fff}.k9-dual-tech__nav-link:focus-visible{outline:2px solid #53ceec;outline-offset:2px}.k9-dual-tech__states{position:relative;height:100%;padding-top:clamp(3rem,5vh,5rem);padding-bottom:clamp(5rem,8vh,9rem)}.k9-dual-tech__state{position:absolute;inset:clamp(3rem,5vh,5rem) 5rem clamp(5rem,8vh,9rem);display:grid;grid-template-columns:minmax(0,1.65fr) minmax(30rem,.65fr);align-items:center;gap:clamp(4rem,7vw,11rem);opacity:0;pointer-events:none;transition:opacity .52s ease}.k9-dual-tech__state.is-active{z-index:2;opacity:1;pointer-events:auto}.k9-dual-tech__visual{position:relative;width:100%;height:100%;min-height:46rem}.k9-dual-tech__visual-number{position:absolute;z-index:0;top:50%;left:50%;color:#cbd2d5;font-size:clamp(14rem,22vw,34rem);font-weight:650;letter-spacing:-.08em;line-height:.75;opacity:.34;pointer-events:none;transform:translate(-52%,-50%);-webkit-user-select:none;user-select:none}.k9-dual-tech__visual.has-primary-media .k9-dual-tech__visual-number{opacity:.1}.k9-dual-tech__primary-media{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;opacity:0;transform:translate(-2.4rem) scale(.992);transition:opacity .52s ease,transform .62s cubic-bezier(.2,.75,.3,1)}.k9-dual-tech__state[data-k9-tech-state=tracer] .k9-dual-tech__primary-media{transform:translate(2.4rem) scale(.992)}.k9-dual-tech__state.is-active .k9-dual-tech__primary-media{opacity:1;transform:translate(0) scale(1)}.k9-dual-tech__image{display:block;width:100%;height:100%;object-fit:contain;background:transparent}.k9-dual-tech__primary-media .k9-dual-tech__image{object-fit:var(--k9-tech-image-fit, contain);object-position:center}.k9-dual-tech__primary-media.k9-image--edge-blend:after{content:"";position:absolute;z-index:2;top:var(--k9-selector-image-top, 0px);left:var(--k9-selector-image-left, 0px);width:var(--k9-selector-image-width, 100%);height:var(--k9-edge-image-height, calc(var(--k9-selector-image-width, 100%) / var(--k9-edge-image-ratio)));max-height:100%;pointer-events:none}.k9-dual-tech__detail-media{position:absolute;z-index:2;right:-2rem;bottom:1rem;width:min(26%,25rem);height:min(38%,28rem);opacity:0;transform:translate(1.8rem,1rem) scale(.98);transition:opacity .46s ease 80ms,transform .6s cubic-bezier(.2,.75,.3,1) 80ms}.k9-dual-tech__state.is-active .k9-dual-tech__detail-media{opacity:1;transform:translate(0) scale(1)}.k9-dual-tech__detail-media .k9-dual-tech__image{object-position:right bottom}.k9-dual-tech__media-placeholder{display:flex;align-items:center;justify-content:center;width:min(78%,74rem);aspect-ratio:1.4;background:transparent}.k9-dual-tech__content{position:relative;z-index:3;max-width:43rem;opacity:0;transform:translateY(1.4rem);transition:opacity .5s ease 40ms,transform .6s cubic-bezier(.2,.75,.3,1) 40ms}.k9-dual-tech__state.is-active .k9-dual-tech__content{opacity:1;transform:translateY(0)}.k9-dual-tech__number{margin:0 0 1.2rem;color:var(--k9-tech-aqua);font-size:1.2rem;font-weight:700;letter-spacing:.16em}.k9-dual-tech__technology{margin:0 0 3rem;color:var(--k9-tech-ink);font-size:1.25rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase}.k9-dual-tech__content h3{max-width:10ch;margin:0;font-size:clamp(4rem,4.8vw,7rem);font-weight:600;letter-spacing:-.045em;line-height:.95}.k9-dual-tech__description{max-width:38rem;margin-top:2.6rem;color:var(--k9-tech-muted);font-size:1.65rem;line-height:1.55}.k9-dual-tech__descriptor{margin:2.2rem 0 0;padding-top:1.5rem;border-top:.1rem solid var(--k9-tech-line);color:#69747c;font-size:1.2rem;line-height:1.5}@media screen and (min-width:990px){.k9-dual-tech__state[data-k9-tech-state=tracer] .k9-dual-tech__primary-media{overflow:clip}}@media screen and (max-width:989px),(prefers-reduced-motion:reduce){.k9-dual-tech,.k9-dual-tech.is-tracer{--k9-edge-blend-color: var(--k9-section-background, #f7f8f8);background:var(--k9-section-background, #f7f8f8);transition:none}.k9-dual-tech__intro{padding-top:7rem;padding-bottom:4rem}.k9-dual-tech__intro-grid{grid-template-columns:1fr;gap:2.8rem}.k9-dual-tech__heading{font-size:clamp(4.5rem,11vw,7rem)}.k9-dual-tech__experience{height:auto}.k9-dual-tech__anchor,.k9-dual-tech__anchor--tracer{position:relative;top:auto;display:block;scroll-margin-top:8rem}.k9-dual-tech__anchor--tracer{position:absolute;top:50%}.k9-dual-tech__stage{position:relative;top:auto;height:auto;min-height:0}.k9-dual-tech__nav{flex-wrap:nowrap}.k9-dual-tech__states{display:grid;grid-template-columns:minmax(0,1fr);height:auto;padding-top:0;padding-bottom:8rem}.k9-dual-tech__state,.k9-dual-tech__state.is-active{position:relative;grid-area:1 / 1;inset:auto;display:grid;grid-template-columns:1fr;gap:3.5rem;opacity:1;pointer-events:auto;transform:none;transition:none}.k9-dual-tech__state:not(.is-active){visibility:hidden;pointer-events:none}.k9-dual-tech__state.is-active .k9-dual-tech__primary-media,.k9-dual-tech__state:not(.is-active) .k9-dual-tech__primary-media,.k9-dual-tech__state.is-active .k9-dual-tech__detail-media,.k9-dual-tech__state:not(.is-active) .k9-dual-tech__detail-media,.k9-dual-tech__state.is-active .k9-dual-tech__content,.k9-dual-tech__state:not(.is-active) .k9-dual-tech__content{opacity:1;transform:none;transition:none}.k9-dual-tech__state+.k9-dual-tech__state{margin-top:0;padding-top:0;border-top:0}.k9-dual-tech__visual{min-height:0}.k9-dual-tech__visual-number{font-size:clamp(12rem,32vw,25rem)}.k9-dual-tech__primary-media{min-height:min(72vw,58rem)}.k9-dual-tech__detail-media{position:relative;right:auto;bottom:auto;width:min(48%,28rem);height:auto;min-height:16rem;margin:-5rem 0 0 auto}.k9-dual-tech__content{max-width:58rem}.k9-dual-tech__content h3{font-size:clamp(4rem,9.5vw,6rem)}}@media screen and (max-width:749px){.k9-dual-tech__heading{max-width:none;font-size:clamp(3.8rem,10.5vw,4.6rem)}.k9-dual-tech__intro-grid{gap:2rem}.k9-dual-tech .k9-dual-tech__nav-link{min-height:4.4rem}.k9-dual-tech__intro{padding-top:5.5rem;padding-bottom:2.5rem}.k9-dual-tech__supporting{font-size:1.6rem}.k9-dual-tech__nav{display:flex}.k9-dual-tech__nav-link{justify-content:center;min-width:0;min-height:4.8rem;padding:0 .6rem;border:.1rem solid transparent;font-size:1rem}.k9-dual-tech__nav-link.is-active{border-color:#ffffff1f}.k9-dual-tech__selector{grid-column:1 / -1}.k9-dual-tech .k9-dual-tech__nav{--k9-selector-inset: 1.2rem}.k9-dual-tech__states{padding-bottom:5.5rem}.k9-dual-tech__state+.k9-dual-tech__state{margin-top:0;padding-top:0}.k9-dual-tech__primary-media{min-height:64vw}.k9-dual-tech__detail-media{width:46%;min-height:12rem;margin-top:-3.5rem}.k9-dual-tech__technology{margin-bottom:2rem;font-size:1.1rem}.k9-dual-tech__description{margin-top:2rem;font-size:1.55rem}}@media(prefers-reduced-motion:reduce){.k9-dual-tech__selector:before,.k9-dual-tech__nav-link{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/k9-dual-technology.css.map */