:root{--koko-ink:#171919;--koko-teal:#366668;--koko-petrol:#193d3e;--koko-paper:#f5f5f1}.koko-section{display:block;width:min(100% - 96px,1440px);margin:0 auto;padding:76px 0;color:var(--koko-ink)}.koko-section h2,.koko-centered-heading h2{font-family:var(--font-heading--family,Arial,sans-serif);font-weight:850;font-size:clamp(29px,3vw,44px);letter-spacing:-.045em;line-height:1.06;margin:0;text-transform:uppercase}.koko-eyebrow{font-size:10px;letter-spacing:.18em;font-weight:650;line-height:1.5;margin:0 0 13px;text-transform:uppercase;color:var(--koko-teal)}.koko-subtitle{font-size:14px;line-height:1.6;color:#666;margin:15px 0 0}.koko-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.koko-centered-heading{text-align:center;margin:0 auto 34px;max-width:800px}.koko-rail-controls{display:flex;gap:8px;flex-shrink:0}.koko-rail-controls button{width:40px;height:40px;border:1px solid #d9dedb;border-radius:0;background:#fff;color:#171919;font-size:20px;display:grid;place-items:center;cursor:pointer}.koko-rail-controls button:disabled{opacity:.3;cursor:default}.koko-rail-controls button:not(:disabled):hover{background:var(--koko-teal);color:#fff;border-color:var(--koko-teal)}.koko-rail-controls svg{display:none}.koko-category-track,.koko-lookbook-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}.koko-category-track::-webkit-scrollbar,.koko-lookbook-track::-webkit-scrollbar{display:none}.koko-category-card{position:relative;display:block;flex:0 0 calc((100% - 64px)/5.5);min-width:170px;aspect-ratio:3/4;overflow:hidden;scroll-snap-align:start;background:#ededeb;color:#fff}.koko-category-card:after{content:"";position:absolute;top:35%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#0000009e);pointer-events:none}.koko-category-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.koko-category-card:hover img{transform:scale(1.045)}.koko-category-card__number{position:absolute;z-index:1;top:14px;left:14px;font-size:10px;font-weight:600;letter-spacing:.1em;background:#fff9;color:#171919;padding:4px 6px}.koko-category-card__title{position:absolute;z-index:1;bottom:20px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;gap:5px;font-weight:800;font-size:19px;text-transform:uppercase;letter-spacing:-.03em}.koko-statement{background:var(--koko-teal);padding:22px 24px;display:flex;justify-content:center;align-items:center;gap:30px;color:#fff;text-align:center}.koko-statement p{font-size:11px;letter-spacing:.2em;line-height:1.5;font-weight:650;margin:0}.koko-statement--dark{background:#171919}.koko-editorial{padding-top:26px}.koko-editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.koko-editorial-card{display:block;position:relative;aspect-ratio:1.14;overflow:hidden;background:#e6e5df;color:var(--koko-ink)}.koko-editorial-card>img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.koko-editorial-card:hover>img{transform:scale(1.03)}.koko-editorial-card:after{content:"";position:absolute;top:20%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#000000a1);pointer-events:none}.koko-editorial-card--light{color:#fff}.koko-editorial-card__copy{position:absolute;z-index:1;bottom:40px;left:40px;right:40px}.koko-label{font-size:10px;font-weight:600;letter-spacing:.17em;line-height:1.4}.koko-editorial-card h3{font-size:clamp(32px,4.2vw,64px);font-weight:850;letter-spacing:-.055em;line-height:.98;margin:16px 0 25px;text-transform:uppercase;color:inherit}.koko-text-link{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid currentColor;padding-bottom:6px;display:inline-flex;gap:40px}.koko-editorial--compact .koko-editorial-card{aspect-ratio:1.5}.koko-editorial--compact .koko-editorial-card h3{font-size:clamp(30px,3.2vw,48px)}.koko-story{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-top:64px;padding-bottom:84px}.koko-story__media{position:relative;aspect-ratio:.95;background:#e9e9e5;overflow:hidden}.koko-story__media img{height:100%;width:100%;object-fit:cover;object-position:72% center}.koko-story__stamp{position:absolute;bottom:30px;left:30px;background:#193d3ee8;color:#fff;padding:18px 24px;font-size:29px;line-height:1;letter-spacing:.06em;font-weight:750}.koko-story__stamp small{display:inline-block;margin-top:12px;font-size:8px;letter-spacing:.12em}.koko-story__copy h2{font-size:clamp(40px,5vw,70px);letter-spacing:-.06em}.koko-story__text{max-width:440px;font-size:14px;line-height:1.85;margin:26px 0 30px;color:#656964}.koko-story__text p{margin:0 0 16px}.koko-button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;padding:17px 24px;background:#171919;color:#fff;font-size:11px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;font-weight:650}.koko-button:hover{background:var(--koko-teal)}.koko-story__signature{margin-top:34px;font-size:9px;letter-spacing:.15em;font-weight:650}.koko-benefits{background:#f4f5f2;padding:48px;color:#171919}.koko-benefits__inner{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.koko-benefit{padding:12px 26px;text-align:center;border-right:1px solid #dddfd9}.koko-benefit:last-child{border-right:0}.koko-benefit__icon{display:block;width:32px;margin:0 auto 20px;color:var(--koko-teal)}.koko-benefit h3{font-weight:750;font-size:12px;letter-spacing:.04em;margin:0 0 10px}.koko-benefit p{font-size:12px;line-height:1.6;color:#6c716d;margin:0 auto 14px;max-width:220px}.koko-benefit__link{font-size:10px;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid #a6b2aa;padding-bottom:3px}.koko-lookbook-card{position:relative;flex:0 0 calc((100% - 48px)/4);min-width:240px;aspect-ratio:3/4;overflow:hidden;background:#e8e8e5;scroll-snap-align:start}.koko-lookbook-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.koko-lookbook-card:first-child img{object-position:72% center}.koko-lookbook-card:nth-child(2) img{object-position:38% center}.koko-lookbook-card:hover img{transform:scale(1.035)}.koko-lookbook-card>div{position:absolute;bottom:0;left:0;right:0;padding:18px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(transparent,#000b);color:#fff;font-size:10px;letter-spacing:.08em;font-weight:650}.koko-lookbook__note{text-align:center;margin:24px 0 0;font-size:11px;color:#747a75}[id$=__koko_hero] .slideshow-section{--corner-radius:0}[id$=__koko_hero] slideshow-slides{min-height:620px;height:min(720px,calc(100svh - 100px))}[id$=__koko_hero] .slide__image-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,0,0,.57),rgba(0,0,0,.15) 52%,transparent)}[id$=__koko_hero] .slide__content{padding:76px max(48px,calc((100vw - 1440px)/2))}[id$=__koko_hero] .group-block-content{width:100%;max-width:1440px;align-items:flex-start;justify-content:center;margin-inline:auto}[id$=__koko_hero] .text-block h1,[id$=__koko_hero] .text-block h2{font-size:clamp(48px,5.2vw,80px);font-weight:850;line-height:.96;letter-spacing:-.055em;text-transform:uppercase;color:#fff;max-width:740px;margin:0}[id$=__koko_hero] .text-block{color:#fff}[id$=__koko_hero] .button,[id$=__koko_hero] .button-custom{border-radius:0;min-height:46px;padding:16px 28px;font-size:11px;letter-spacing:.1em;font-weight:650;text-transform:uppercase}[id$=__koko_hero] .text-block:first-child p{font-size:10px;letter-spacing:.15em;font-weight:600}[id$=__koko_hero] .slideshow-controls{color:#fff}[id$=__koko_hero] .slide__image{object-position:64% center}.koko-hero-arrows{align-items:flex-end!important;padding-bottom:76px}.koko-hero-arrows .slideshow-control{opacity:.82;min-width:52px;min-height:52px;padding:0;color:#fff}.koko-hero-arrows .slideshow-control--previous{margin-inline-start:16px}.koko-hero-arrows .slideshow-control--next{margin-inline-end:16px}.koko-campaign-picture>img{display:block;width:100%;height:100%;object-fit:cover;object-position:64% center}[id$=__koko_hero] .slide__image-container:has(.koko-campaign-picture--1):after{background:linear-gradient(270deg,rgba(0,0,0,.62),rgba(0,0,0,.08) 65%,transparent)}[id$=__koko_hero] .slide__image-container:has(.koko-campaign-picture--1)+.slide__content .group-block-content{align-items:flex-end}[id$=__koko_hero] .slide__image-container:has(.koko-campaign-picture--1)+.slide__content .text-block{text-align:right}#footer-group{background:var(--koko-petrol);color:#fff}#footer-group .section-background{background:var(--koko-petrol)}#footer-group .footer h2{color:#fff;font-size:14px;font-weight:650;text-transform:uppercase;letter-spacing:.08em}#footer-group .footer .rte ul{list-style:none;padding:0}#footer-group .footer .rte li{margin:10px 0;font-size:12px}#footer-group .footer .rte a{text-decoration:none;opacity:.8}#footer-group .footer .rte a:hover{opacity:1;text-decoration:underline}#footer-group input{border-radius:0}.koko-category-intro{text-align:center;width:100%;padding:44px 0 24px}.koko-category-intro h1{font-size:clamp(40px,4.5vw,66px);text-transform:uppercase;letter-spacing:-.055em;font-weight:800;margin:0}.koko-category-intro__links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin-top:28px;font-size:11px;font-weight:600;text-transform:uppercase}.koko-category-intro__links a{padding-bottom:5px;border-bottom:1px solid transparent}.koko-category-intro__links a[aria-current]{color:var(--koko-teal);border-bottom-color:currentColor}@media(min-width:990px){#header-component .header__row--top{padding-block:12px}#header-component .header__heading{font-size:26px;letter-spacing:.08em}}@media(max-width:989px){.koko-section{width:calc(100% - 48px);padding:52px 0}.koko-category-card{flex-basis:calc((100% - 32px)/3)}.koko-story{gap:5%}}@media(max-width:749px){.koko-section{width:calc(100% - 36px);padding:42px 0}.koko-section h2,.koko-centered-heading h2{font-size:29px}.koko-eyebrow{font-size:9px;margin-bottom:10px}.koko-subtitle{font-size:12px;margin-top:12px}.koko-section-heading{gap:12px;margin-bottom:24px}.koko-rail-controls{gap:5px}.koko-rail-controls button{width:30px;height:30px;font-size:17px}.koko-categories .koko-section-heading{align-items:flex-start}.koko-categories .koko-rail-controls{margin-top:28px}.koko-category-track,.koko-lookbook-track{gap:12px;margin-right:-18px;padding-right:18px}.koko-category-card{flex-basis:44%;min-width:148px}.koko-category-card__title{left:12px;right:12px;bottom:16px;font-size:17px}.koko-category-card__number{top:10px;left:10px;font-size:8px}.koko-statement{padding:16px 18px;gap:16px}.koko-statement p{font-size:8px;letter-spacing:.14em}.koko-statement p:nth-of-type(2),.koko-statement>span{display:none}.koko-editorial{padding-top:8px}.koko-editorial-grid{grid-template-columns:1fr;gap:16px}.koko-editorial-card{aspect-ratio:.98}.koko-editorial-card__copy{bottom:28px;left:26px;right:26px}.koko-editorial-card h3{font-size:43px}.koko-label{font-size:9px}.koko-text-link{font-size:10px}.koko-centered-heading{margin-bottom:26px}.koko-editorial--compact .koko-editorial-card{aspect-ratio:1.18}.koko-editorial--compact .koko-editorial-card h3{font-size:38px}.koko-story{grid-template-columns:1fr;gap:32px}.koko-story__media{aspect-ratio:1.08}.koko-story__copy{padding:0 8px}.koko-story__copy h2{font-size:48px}.koko-story__text{font-size:13px;margin-top:20px}.koko-story__stamp{bottom:22px;left:22px;padding:16px 20px}.koko-benefits{padding:26px 16px}.koko-benefits__inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 0}.koko-benefit{padding:12px 14px}.koko-benefit:nth-child(2){border-right:0}.koko-benefit__icon{margin-bottom:15px;width:28px}.koko-benefit h3{font-size:10px}.koko-benefit p{font-size:11px}.koko-benefit__link{font-size:9px}.koko-lookbook-card{flex-basis:65%;min-width:210px}[id$=__koko_hero] slideshow-slides{min-height:560px;height:calc(85svh - 70px);max-height:680px}[id$=__koko_hero] .slide__content{padding:42px 25px 62px;align-items:flex-end}[id$=__koko_hero] .group-block-content{justify-content:flex-end}[id$=__koko_hero] .slide__content>.group-block-content{padding-bottom:28px}[id$=__koko_hero] .text-block h1,[id$=__koko_hero] .text-block h2{font-size:52px;max-width:340px;line-height:.97}[id$=__koko_hero] .slide__image{object-position:66% center}.koko-campaign-picture>img{object-position:72% center}.koko-campaign-picture--1>img{object-position:38% center}[id$=__koko_hero] .slide__image-container:has(.koko-campaign-picture--1):after{background:linear-gradient(0deg,#000000b8,#00000014 80%)}[id$=__koko_hero] .slide__image-container:has(.koko-campaign-picture--1)+.slide__content .group-block-content{align-items:flex-start}[id$=__koko_hero] .slide__image-container:has(.koko-campaign-picture--1)+.slide__content .text-block{text-align:left}[id$=__koko_hero] .slide__image-container:after{background:linear-gradient(0deg,#000000b8,#00000014 80%)}.koko-hero-arrows{display:none}[id$=__koko_hero] .slide__content .text-block:first-child p{margin-bottom:8px}[id$=__koko_hero] .slideshow-controls{bottom:6px}[id$=__koko_hero] .button,[id$=__koko_hero] .button-custom{min-height:44px;padding:14px 24px}.koko-category-intro{padding:26px 0 10px}.koko-category-intro__links{gap:10px 18px;font-size:10px}}@media(prefers-reduced-motion:reduce){.koko-category-card img,.koko-lookbook-card img,.koko-editorial-card>img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/koko-editorial.css.map */