.ok{--ok-ink:#1c1c1c;--ok-muted:#444;--ok-soft:#5f5f5f;--ok-pink:#e7c9cc;--ok-pink-l:#f5e9ea;--ok-blue:#bccbd8;--ok-blue-l:#e8eef3;--ok-yellow:#ecdcaa;--ok-yellow-l:#f8f1dc;--ok-purple:#cbbfd8;--ok-purple-l:#eeeaf3;color:var(--ok-ink);font-family:var(--font-body-family)}.ok *{box-sizing:border-box}.ok-wrap{max-width:1280px;margin:0 auto;padding:0 20px}.ok-sec{padding:56px 0 0}.ok-eyebrow{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 6px;color:var(--ok-soft)}.ok-h1,.ok-h2{font-family:var(--font-heading-family);font-weight:700;letter-spacing:-.01em;margin:0;color:var(--ok-ink);text-wrap:balance}.ok-h1{font-size:clamp(34px,5vw,58px);line-height:1.05}.ok-h2{font-size:clamp(28px,3.4vw,40px);line-height:1.1}.ok-lead{font-size:18px;line-height:1.5;color:var(--ok-muted);margin:12px 0 0;max-width:560px}.ok-lead p{margin:0 0 10px}.ok-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.ok-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none;background:var(--ok-ink);color:#fff;border:2px solid var(--ok-ink);transition:opacity .15s}.ok-btn:hover{opacity:.85;color:#fff}.ok-btn--ghost{background:#fff;color:var(--ok-ink)}.ok-btn--ghost:hover{color:var(--ok-ink)}.ok-link{font-weight:700;color:var(--ok-ink);text-decoration:underline;text-underline-offset:3px}.ok-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:18px;background:var(--ok-blue-l)}.ok-ph{min-height:160px}.ok-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:24px}.ok-hero{padding:48px 0 52px}.ok-hero__grid{display:flex;flex-wrap:wrap;gap:40px;align-items:center}.ok-hero__copy{flex:1 1 420px;min-width:0}.ok-hero__media{flex:1 1 460px;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;aspect-ratio:1/1}.ok-hero__media>*:first-child{grid-row:span 2}.ok-trust{border-bottom:1px solid #e4e4e4}.ok-trust__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;padding:26px 0}.ok-trust__item{display:flex;gap:12px;align-items:center}.ok-trust__icon{width:40px;height:40px;border-radius:50%;background:var(--ok-pink-l);display:flex;align-items:center;justify-content:center;flex:none}.ok-trust__t{font-weight:700;font-size:16px}.ok-trust__s{font-size:14px;color:var(--ok-soft)}.ok-feature__box{border-radius:28px;padding:32px;display:flex;flex-wrap:wrap;gap:32px;align-items:center}.ok-feature__copy{flex:1 1 320px;min-width:0}.ok-feature__media{flex:1 1 520px;min-width:0;display:grid;gap:14px}.ok-feature__media--3{grid-template-columns:1.3fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:4/3}.ok-feature__media--3>*:first-child{grid-row:span 2}.ok-feature__media--2{grid-template-columns:1fr 1fr}.ok-feature__media--2>*{aspect-ratio:3/4}.ok-feature__media--1>*{aspect-ratio:4/3}.ok-grid{display:grid;gap:18px}.ok-grid--looks{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.ok-card{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--ok-ink)}.ok-card:hover{color:var(--ok-ink)}.ok-card__media{aspect-ratio:4/5}.ok-card__title{font-family:var(--font-heading-family);font-weight:700;font-size:20px}.ok-tools{background:var(--ok-ink);color:#fff;margin-top:56px;padding:56px 0}.ok-tools .ok-h2,.ok-tools .ok-lead{color:#fff}.ok-tools .ok-lead{opacity:.85}.ok-tools .ok-eyebrow{color:var(--ok-yellow)}.ok-tools .ok-link{color:#fff}.ok-grid--tools{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px}.ok-tool{background:#fff;color:var(--ok-ink);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:8px;text-decoration:none}.ok-tool:hover{color:var(--ok-ink)}.ok-tool__media{aspect-ratio:4/3}.ok-tool__media .ok-img{border-radius:12px;object-fit:cover}.ok-tool__name{font-weight:700;font-size:17px;line-height:1.3}.ok-tool__line{font-size:14px;color:var(--ok-muted);line-height:1.45}.ok-tool__price{font-weight:700;margin-top:auto}.ok-grid--tiles{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}.ok-tile__media{aspect-ratio:16/11}.ok-tile__row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.ok-tile__name{font-family:var(--font-heading-family);font-weight:700;font-size:19px}.ok-tile__count{font-size:14px;color:var(--ok-soft);white-space:nowrap}.ok-styles__box{background:var(--ok-pink-l);border-radius:28px;padding:44px 28px;display:flex;flex-direction:column;gap:26px}.ok-styles__top{display:flex;flex-wrap:wrap;gap:24px 40px;align-items:center}.ok-styles__copy{flex:1 1 360px;min-width:0}.ok-styles__img{flex:0 1 240px;min-width:0;aspect-ratio:1}.ok-grid--styles{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.ok-style{background:#fff;border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:8px}.ok-style__level{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--ok-soft)}.ok-style__name{font-family:var(--font-heading-family);font-weight:700;font-size:22px}.ok-style__text{font-size:15px;color:var(--ok-muted);line-height:1.5}.ok-grid--gallery{grid-template-columns:repeat(auto-fit,minmax(min(45%,150px),1fr));gap:10px}.ok-grid--gallery .ok-img{aspect-ratio:1;border-radius:12px}.ok-maker__grid{display:flex;flex-wrap:wrap;gap:40px;align-items:center}.ok-maker__img{flex:1 1 320px;min-width:0;max-width:440px;aspect-ratio:4/5}.ok-maker__img .ok-img{border-radius:24px;object-position:center 20%}.ok-maker__copy{flex:1 1 380px;min-width:0}.ok-signup{margin-top:64px;padding:52px 0}.ok-signup__grid{display:flex;flex-wrap:wrap;gap:24px 48px;align-items:center;justify-content:space-between}.ok-signup__copy{flex:1 1 380px;min-width:0}.ok-signup__form{flex:1 1 380px;min-width:0;display:flex;flex-wrap:wrap;gap:10px}.ok-signup__input{flex:1 1 220px;min-width:0;height:52px;border-radius:999px;border:none;padding:0 20px;font-size:16px;font-family:inherit;background:#fff;color:var(--ok-ink)}.ok-signup__msg{flex-basis:100%;font-size:15px;margin:0}.ok-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(max-width:749px){.ok-sec{padding-top:44px}.ok-hero{padding:28px 0 36px}.ok-hero__grid{gap:24px}.ok-feature__box,.ok-styles__box{padding:22px;border-radius:22px}.ok-lead{font-size:16px}.ok-tools{padding:44px 0}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/ok-home.css.map */