/* Supplied transparent product photographs. Preserve natural proportions. */
.ko-real-product{object-fit:contain!important;background:transparent!important;mix-blend-mode:normal!important;box-shadow:none!important;border:0!important;filter:none!important}
.ko-family-visual.ko-real-figure{background:transparent;padding:0}
.ko-family-visual.ko-real-figure img{width:100%;max-width:620px;max-height:none;height:auto;aspect-ratio:4/3;filter:none}
.ko-family-visual.ko-real-figure figcaption{max-width:360px;margin-top:10px;font-size:11px;line-height:1.7;color:#78837d}
.photo-families{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.photo-family .ko-real-product{max-width:100%;width:100%;height:auto;aspect-ratio:4/3;margin:0 0 24px}
.photo-family .family-name{font-size:22px;font-weight:650;letter-spacing:-.025em}
.photo-family .family-note{font-size:13px;margin-top:8px}
.ko-other-product-families{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin-top:28px}
.ko-family-text-link{padding:22px 0;border-bottom:1px solid #dfe5e2;text-decoration:none}
.ko-family-text-link .family-name{font-size:16px}.ko-family-text-link .family-note{display:block;margin-top:8px}
.slide.ko-real-slide{background:#f8faf9;color:#17201b}.slide.ko-real-slide:after{display:none}
.slide.ko-real-slide .bg{background-image:none!important}
.slide.ko-real-slide .hero-copy{left:calc(var(--rail) + 4vw);top:48%;width:33vw;text-align:left;transform:translateY(-50%)}
.slide.ko-real-slide .hero-title{font-size:clamp(32px,4vw,64px);line-height:1.08;letter-spacing:-.04em;text-transform:none}
.slide.ko-real-slide .kicker{font-size:12px;letter-spacing:.13em;color:#05e8a7}
.slide.ko-real-slide .hero-media{left:calc(var(--rail) + 35vw);right:2vw;top:16%;bottom:12%;display:flex;align-items:center;justify-content:center}
.slide.ko-real-slide .hero-media img{width:100%;height:auto;max-height:100%;object-fit:contain}
.slide.ko-real-slide .outline-btn{min-width:0;height:auto;padding:17px 20px;border:1px solid #05e8a7;color:#17201b;font-size:11px;letter-spacing:.06em}
.slide.ko-real-slide .outline-btn:hover{background:#05e8a7}
.ko-real-company-card.image-card{background:#f3f6f4;display:flex;flex-direction:column;min-height:350px}
.ko-real-company-card.image-card img{position:static;width:100%;height:280px;padding:18px;box-sizing:border-box;object-fit:contain}
.ko-real-company-card.image-card:after{display:none}.ko-real-company-card .card-copy{position:static;padding:10px 28px 28px;color:#17201b}
.ko-real-company-card .card-copy h2{font-size:26px;line-height:1.15}.ko-real-company-card .card-copy span:after{background:#05e8a7}
.ko-application-product{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:center;margin:48px 0 64px;padding:32px 0;border-top:1px solid #dfe5e2;border-bottom:1px solid #dfe5e2}
.ko-application-product-photo{display:block;min-width:0}.ko-application-product-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3}
.ko-product-eyebrow{color:#05e8a7;font-size:11px;letter-spacing:.14em;font-weight:650}.ko-application-product h2{font-size:clamp(24px,3vw,38px);line-height:1.15;letter-spacing:-.025em;margin:18px 0}
.ko-application-product p{font-size:15px;line-height:1.8;color:#68726d;max-width:42ch}.ko-real-link{display:inline-block;margin-top:14px;padding-bottom:8px;border-bottom:1px solid #05e8a7;font-size:13px;font-weight:650;color:#17201b}
@media(max-width:760px){.photo-families,.ko-other-product-families,.ko-application-product{grid-template-columns:1fr;gap:24px}.slide.ko-real-slide .hero-copy{left:7vw;right:7vw;top:25%;width:auto}.slide.ko-real-slide .hero-title{max-width:80%;font-size:36px}.slide.ko-real-slide .hero-media{left:6vw;right:6vw;top:45%;bottom:8%}.ko-application-product{margin:30px 0;padding:24px 0}.ko-application-product-photo{max-width:420px;margin:auto}.ko-family-visual.ko-real-figure img{width:100%;max-width:420px}}

.ko-real-hero-active .hero-arrows .arrow{border-color:#05e8a7;color:#17201b}.ko-real-hero-active .hero-count,.ko-real-hero-active .scroll-cue{color:#17201b}.ko-real-hero-active .scroll-cue span{background:#05e8a7}
@media(max-width:760px){.hero>div{min-width:0}.hero h1{overflow-wrap:anywhere}.hero-copy{min-width:0;max-width:100%}.ko-application-product>div{min-width:0}}
