@font-face{font-family:Koko Russo;src:url(koko-russo-one.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.koko-about{--about-ink:#67665f;--about-surface:#f1f0ee;--about-line:#cccac2;color:var(--about-ink);font-family:Arial,Helvetica,sans-serif;padding:12px 24px 24px;max-width:1800px;margin:auto}.koko-about *{box-sizing:border-box}.koko-about :is(h1,h2,h3,p,figure){margin:0;color:inherit}.koko-about :is(h1,h2){font-family:Koko Russo,Arial,sans-serif;font-weight:400;letter-spacing:-.025em;text-transform:none;text-wrap:balance}.koko-about h1{font-size:clamp(44px,5.1vw,82px);line-height:1.08;max-width:9ch}.koko-about h2{font-size:clamp(30px,3.2vw,50px);line-height:1.13}.koko-about h3{font:600 20px/1.25 Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:0}.koko-about p{font-size:16px;line-height:1.6}.koko-about .koko-about__eyebrow{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;line-height:1.5}.koko-about__hero{position:relative;display:grid;place-items:center;min-height:650px;background:#f6f5f2;border-radius:12px;overflow:hidden;isolation:isolate}.koko-about__intro{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:72px 24px;gap:24px;max-width:530px}.koko-about__lead{max-width:36ch}.koko-about__hero-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.koko-about__hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.koko-about .koko-about__signature{margin-top:22px;font-size:12px}.koko-about__button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:48px;border:1px solid var(--about-ink);border-radius:999px;padding:12px 23px;color:var(--about-ink);font-size:13px;line-height:1.4;text-transform:uppercase;text-decoration:none;transition:background-color .2s,color .2s}.koko-about a:focus-visible{outline:2px solid #343331;outline-offset:5px}.koko-about__button:active{color:#fff;background:#67645e}.koko-about__statement{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:110px clamp(20px,4.2vw,72px)}.koko-about__statement>.koko-about__eyebrow{padding-top:9px}.koko-about__statement h2{max-width:21ch;margin-bottom:28px}.koko-about__body{max-width:66ch}.koko-about__body p+p{margin-top:16px}.koko-about__approach{display:grid;grid-template-columns:1fr 1.15fr;gap:0;background:var(--about-surface);border-radius:12px;overflow:hidden;scroll-margin-top:120px}.koko-about__texture{min-height:590px;overflow:hidden}.koko-about__texture img{width:100%;height:100%;display:block;object-fit:cover}.koko-about__principles{padding:clamp(28px,4vw,64px)}.koko-about__principles h2{margin:18px 0 30px;max-width:15ch}.koko-about__principles ol{list-style:none;margin:0;padding:0}.koko-about__principles li{display:grid;grid-template-columns:30px 1fr;gap:16px;padding:23px 0;border-top:1px solid var(--about-line)}.koko-about__number{font-size:12px;padding-top:3px}.koko-about__principles li p{margin-top:9px;font-size:15px;max-width:44ch}.koko-about__routine{padding:90px 0 70px}.koko-about__routine-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:0 20px 32px}.koko-about__routine-heading h2{margin-top:16px}.koko-about__routine-heading>p{max-width:34ch}.koko-about__products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.koko-about__product{display:block;color:inherit;text-decoration:none;border-radius:0;background:transparent;overflow:hidden}.koko-about__product-image{aspect-ratio:4/5;border-radius:12px;overflow:hidden}.koko-about__product-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.koko-about__product-copy{padding:22px}.koko-about__product-copy>p{font-size:12px;margin-bottom:8px}.koko-about__product-copy h3{font-size:19px;min-height:48px}.koko-about__product-link{display:flex;justify-content:space-between;font-size:12px;text-transform:uppercase;margin-top:24px;padding-top:16px;border-top:1px solid var(--about-line)}.koko-about__closing{background:var(--about-surface);border-radius:12px;padding:85px 24px;text-align:center}.koko-about__closing h2{margin:18px auto 28px;max-width:22ch}@media(hover:hover)and (pointer:fine){.koko-about__button:hover{background:#67645e;color:#fff}.koko-about__product:hover img{transform:scale(1.025)}.koko-about__product:hover .koko-about__product-link{text-decoration:underline;text-underline-offset:4px}}@media(max-width:1000px)and (min-width:768px){.koko-about__hero-image{min-height:570px}.koko-about__intro{padding:30px}.koko-about__product-copy{padding:16px}.koko-about__product-copy h3{font-size:17px}.koko-about__routine-heading{align-items:start}}@media(max-width:767px){.koko-about{padding:8px 12px 16px}.koko-about__hero{grid-template-columns:1fr}.koko-about__intro{padding:32px 24px;gap:20px}.koko-about h1{font-size:46px;max-width:11ch}.koko-about__hero-image{min-height:0;aspect-ratio:1}.koko-about .koko-about__signature{display:none}.koko-about__hero-image img{object-position:center}.koko-about__statement{grid-template-columns:1fr;gap:22px;padding:56px 16px}.koko-about__statement h2{margin-bottom:20px}.koko-about__approach{grid-template-columns:1fr}.koko-about__texture{min-height:0;aspect-ratio:4/3}.koko-about__principles{padding:30px 24px 14px}.koko-about__routine{padding:56px 0 40px}.koko-about__routine-heading{display:block;padding:0 12px 26px}.koko-about__routine-heading>p{margin-top:20px}.koko-about__products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.koko-about__product-copy{padding:16px 12px}.koko-about__product-copy h3{font-size:17px;min-height:44px}.koko-about__product-copy>p{font-size:11px}.koko-about__product-link{margin-top:16px}.koko-about__closing{padding:44px 22px}.koko-about h2{font-size:32px}}@media(prefers-reduced-motion:reduce){.koko-about *{transition:none!important;scroll-behavior:auto!important}}@media(max-width:767px){.koko-about__hero{display:flex;flex-direction:column;min-height:0}.koko-about__intro{padding:40px 24px 24px;max-width:100%}.koko-about__hero-image{position:relative;inset:auto;z-index:0;width:100%;aspect-ratio:1.65;min-height:0}.koko-about__hero-image img{object-fit:cover}.koko-about h1{font-size:48px;max-width:9ch}.koko-about__hero-image img{object-position:center}.koko-about__texture{aspect-ratio:1}.koko-about__product-copy{padding:16px 4px}.koko-about__products{gap:24px 12px}.koko-about__closing{padding:58px 20px}}@media(min-width:768px)and (max-width:1100px){.koko-about__hero{min-height:520px}.koko-about__hero-image img{object-fit:cover}.koko-about__intro{max-width:380px}.koko-about h1{font-size:56px}}@media(max-width:767px){.koko-about__hero-image{aspect-ratio:auto}.koko-about__hero-image img{height:auto;object-fit:contain}}.koko-about{display:block}.koko-about__planes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.koko-about__plane{position:absolute;width:27%;aspect-ratio:1;mix-blend-mode:multiply}.koko-about__plane img{display:block;width:100%;height:100%;object-fit:contain}.koko-about__plane--1{top:-8%;left:-6%;rotate:-17deg;--fly-x:-120px;--fly-y:-65px}.koko-about__plane--2{bottom:-9%;left:-1%;rotate:17deg;--fly-x:-120px;--fly-y:80px}.koko-about__plane--3{bottom:-8%;right:-3%;rotate:-18deg;--fly-x:120px;--fly-y:80px}.koko-about__plane--4{top:-9%;right:-2%;rotate:17deg;--fly-x:120px;--fly-y:-65px}.koko-about__community{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:64px;background:var(--about-surface);border-radius:12px}.koko-about__community h2{margin:18px 0 24px;max-width:16ch}.koko-about__community>div>p:last-child{max-width:43ch}.koko-about__form{margin:0}.koko-about__form label{display:block;margin:0 0 12px;font:600 14px/1.4 Arial,Helvetica,sans-serif;color:var(--about-ink)}.koko-about__email-row{display:flex;flex-wrap:wrap;gap:12px}.koko-about__email-row input{flex:1 1 190px;min-width:0;width:100%;height:52px;margin:0;padding:14px 18px;border:1px solid #8b8981;border-radius:8px;background:#fff;color:#343331;font:400 16px/1.4 Arial,Helvetica,sans-serif}.koko-about__email-row input::placeholder{color:#75736d;opacity:1}.koko-about__email-row .koko-about__button{min-height:52px;flex:1 1 auto;justify-content:center;background:#67645e;border-color:#67645e;color:#fff;white-space:nowrap;margin:0;cursor:pointer}.koko-about__email-row .koko-about__button:before{content:none}.koko-about__email-row input:focus-visible{outline:2px solid #67645e;outline-offset:3px}.koko-about .koko-about__consent{font-size:12px;line-height:1.6;margin-top:16px;max-width:58ch}.koko-about__consent a{color:inherit;text-decoration:underline;text-underline-offset:3px}.koko-about .koko-about__form-message{padding:24px;border:1px solid #8b8981;border-radius:8px;background:#fff}.koko-about .koko-about__form-error{font-size:14px;margin-top:12px;color:#9a3030}@media(max-width:767px){.koko-about__hero-image:has(.koko-about__planes){height:260px;aspect-ratio:auto}.koko-about__plane{width:48%}.koko-about__plane--1{top:-10%;left:-6%}.koko-about__plane--2{bottom:-24%;left:9%}.koko-about__plane--3{bottom:-20%;right:-10%}.koko-about__plane--4{top:-12%;right:1%}.koko-about__plane img{height:100%}.koko-about__community{grid-template-columns:1fr;gap:30px;padding:36px 24px}.koko-about__community h2{margin-bottom:18px}.koko-about__email-row{display:grid;grid-template-columns:1fr}.koko-about__email-row input{width:100%}.koko-about__email-row .koko-about__button{font-size:12px;padding-inline:12px;gap:15px}}@media(prefers-reduced-motion:reduce){.koko-about [data-fly-in]{opacity:1!important;transform:none!important}}.koko-about__hero-image:has(.koko-about__planes){mix-blend-mode:multiply}@media(max-width:767px){.koko-about__button>span[aria-hidden=true],.koko-about__product-link>span[aria-hidden=true]{display:none}.koko-about__button{justify-content:center;gap:0}}.koko-about__texture:has(.koko-about__lineup-photo){display:flex;align-items:center;background:#f6f4f0}.koko-about__texture img.koko-about__lineup-photo{height:auto;object-fit:contain}@media(max-width:767px){.koko-about__texture:has(.koko-about__lineup-photo){aspect-ratio:auto;min-height:0}}.koko-about__routine .koko-about__product-image{aspect-ratio:1;background:#f2f2ef}.koko-about__routine .koko-about__product-image img{object-fit:contain;object-position:center;mix-blend-mode:multiply}
/*# sourceMappingURL=/cdn/shop/t/28/assets/koko-about.css.map */