.ok-chero{position:relative;height:var(--ok-ch-h);overflow:hidden;display:flex;align-items:flex-end;padding:0}.ok-chero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.ok-chero__media>.ok-frame,.ok-chero__media>.ok-film{position:absolute;top:0;right:0;bottom:0;left:0}.ok-chero__media.is-drift .ok-frame img{animation:okDrift 26s var(--ok-ease-soft) infinite alternate}.ok-chero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:var(--ok-overlay, 1);background:linear-gradient(180deg,#0a0a099e,#0a0a0900 34%),linear-gradient(0deg,#0a0a09f2,#0a0a09e6 42%,#0a0a09ad 64%,#0a0a0900 94%)}.ok-chero__inner{position:relative;z-index:2;padding:0 var(--ok-gut) clamp(52px,5vw,72px);max-width:760px}.ok-chero__text{font-size:16px;line-height:1.65;color:var(--ok-muted);max-width:440px;margin:0 0 30px}.ok-chero__links{display:flex;flex-wrap:wrap;gap:10px 32px}@media(max-width:900px){.ok-chero{height:var(--ok-ch-hm)}.ok-chero__inner{padding-bottom:clamp(40px,7vw,52px)}}.ok-headrow{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px 48px;margin-bottom:clamp(44px,5vw,68px)}.ok-headrow>div{flex:1 1 320px}.ok-headrow>p{flex:0 1 340px;color:var(--ok-muted);font-size:14.5px;line-height:1.7}.ok-headrow--right>p{order:0}.ok-headrow--right>div{order:1;text-align:right}@media(max-width:900px){.ok-headrow{margin-bottom:40px}.ok-headrow--right>div{order:0;text-align:left}.ok-headrow--right>p{order:1}}.ok-dl{display:grid;grid-template-columns:auto 1fr;gap:12px 26px;margin:0 0 34px;padding-top:22px;border-top:1px solid var(--ok-line)}.ok-dl dt{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ok-faint);margin:0}.ok-dl dd{margin:0;font-size:15px;color:var(--ok-fg)}.ok-dl--sm{gap:8px 22px;margin-bottom:24px;padding-top:18px}.ok-dl--sm dd{font-size:14px}.ok-was{color:var(--ok-faint);font-size:.86em;margin-left:6px}.ok-chap__grid{display:flex;flex-wrap:wrap;gap:clamp(32px,4vw,72px);align-items:flex-start}.ok-chap__media{flex:1.35 1 420px;display:flex;flex-direction:column;gap:2px}.ok-chap__main{display:block;aspect-ratio:4 / 5}.ok-chap__wide{display:block;aspect-ratio:16 / 9}.ok-chap__body{flex:1 1 300px;padding-top:clamp(20px,5vw,80px)}.ok-chap--flip .ok-chap__media{order:2}@media(max-width:900px){.ok-chap__media,.ok-chap__body{min-width:100%}.ok-chap__main{aspect-ratio:3 / 4}.ok-chap__wide{aspect-ratio:4 / 3}.ok-chap__body{padding-top:0;order:1!important}.ok-chap__media{order:0!important}}.ok-cmp__grid{display:grid;grid-template-columns:repeat(var(--ok-cmp-cols, 2),1fr);gap:clamp(40px,5vw,80px)}.ok-cmp__col{border-top:1px solid var(--ok-line);padding-top:26px}.ok-cmp__meta{margin:0 0 30px;font-size:13px;color:var(--ok-faint)}.ok-cmp__rows{display:flex;flex-direction:column;gap:22px}.ok-cmp__rowhead{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:10px}.ok-cmp__rowhead span:first-child{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ok-faint)}.ok-cmp__rowhead span:last-child{font-size:13px;color:var(--ok-muted)}.ok-cmp__bar{height:1px;background:var(--ok-line)}.ok-cmp__bar i{display:block;height:1px;background:var(--ok-fg)}.ok-cmp__sum{margin:30px 0 0;font-size:13.5px;line-height:1.7;color:var(--ok-muted);max-width:340px}.ok-cmp__note{margin:56px 0 0;font-size:12.5px;line-height:1.7;color:var(--ok-faint);max-width:520px}@media(max-width:900px){.ok-cmp__grid{grid-template-columns:1fr;gap:46px}.ok-cmp__note{margin-top:40px}}.ok-build .ok-inner{max-width:1000px}.ok-choice{--bbd: var(--ok-line);--bbg: transparent;text-align:left;background:var(--bbg);border:1px solid var(--bbd);padding:22px 20px;cursor:pointer;color:var(--ok-fg);font-family:var(--ok-body);font-weight:300;min-height:96px;transition:border-color .35s var(--ok-ease),background .35s var(--ok-ease);border-radius:0}.ok-choice:hover{--bbd: rgba(243, 241, 236, .4)}.ok-choice[aria-pressed=true]{--bbd: var(--ok-fg);--bbg: rgba(243, 241, 236, .06)}.ok-choice__t{display:block;font-family:var(--ok-head);font-size:15px;font-weight:500;letter-spacing:.01em;margin-bottom:6px}.ok-choice__p{display:block;font-size:13px;color:var(--ok-muted)}.ok-choice__n{display:block;margin-top:8px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ok-faint)}.ok-choice--opt{min-height:64px;padding:14px 16px}.ok-choice--opt .ok-choice__t{font-size:14px;margin-bottom:4px}.ok-choice--opt .ok-choice__p{font-size:12.5px}.ok-build__counts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.ok-build__box{border:1px solid var(--ok-line-soft);padding:30px 32px;margin-bottom:26px}.ok-build__boxhead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 20px;margin-bottom:24px}.ok-build__boxhead span:first-child{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ok-muted)}.ok-build__boxhead span:last-child{font-size:12px;color:var(--ok-faint)}.ok-build__rows{display:flex;flex-direction:column;gap:18px}.ok-build__row{padding-bottom:18px;border-bottom:1px solid var(--ok-line-soft)}.ok-build__row[hidden]{display:none}.ok-build__row--piece{display:grid;grid-template-columns:auto auto 1fr;gap:14px 24px;align-items:center}.ok-build__row--set{padding-bottom:26px}.ok-build__row.is-error .ok-sizes{outline:1px solid var(--ok-fg);outline-offset:6px}.ok-build__label{font-family:var(--ok-head);font-size:10.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ok-faint)}.ok-build__cuts{display:flex;gap:8px;flex-wrap:wrap}.ok-build__rowhead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 20px;margin-bottom:18px}.ok-build__sel{font-size:12px;color:var(--ok-faint)}.ok-build__opts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.ok-build__sizerow{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.ok-build__sizelabel{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ok-faint)}.ok-build__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}.ok-build__total{display:flex;align-items:baseline;gap:12px}.ok-build__total span:first-child{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ok-faint)}.ok-build__total span:last-child{font-size:17px}.ok-build__note{margin:8px 0 0;font-size:12px;color:var(--ok-faint);max-width:360px;min-height:1em}.ok-build__cta{flex:0 1 320px;min-width:220px}.ok-build__msg{margin:16px 0 0;min-height:20px;font-size:12.5px;letter-spacing:.02em;color:var(--ok-muted)}.ok-pill,.ok-size{--cbd: var(--ok-line);min-height:44px;padding:0 16px;background:transparent;color:var(--ok-fg);border:1px solid var(--cbd);cursor:pointer;font-family:var(--ok-body);font-weight:300;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;transition:background .3s var(--ok-ease),color .3s var(--ok-ease),border-color .3s var(--ok-ease);border-radius:0;position:relative;overflow:hidden}.ok-size{min-width:44px;padding:0 12px;font-size:12px;letter-spacing:.06em}.ok-sizes--inline .ok-size{min-width:52px}.ok-pill:hover,.ok-size:hover{--cbd: rgba(243, 241, 236, .4)}.ok-pill[aria-pressed=true],.ok-size[aria-pressed=true]{background:var(--ok-fg);color:var(--ok-bg);--cbd: var(--ok-fg)}.ok-size.is-out,.ok-size[disabled]{color:var(--ok-faint);--cbd: var(--ok-line-soft);cursor:not-allowed}.ok-size.is-out i{position:absolute;left:-10%;right:-10%;top:50%;height:1px;background:#f3f1ec38;transform:rotate(-16deg)}.ok-sizes{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ok-sizes--inline{justify-content:flex-start}@media(max-width:900px){.ok-build__counts{grid-template-columns:1fr;gap:12px;margin-bottom:12px}.ok-build__box{padding:22px 18px}.ok-build__rows{gap:22px}.ok-build__row--piece{grid-template-columns:1fr;padding-bottom:22px}.ok-build__row--set{padding-bottom:24px}.ok-build__opts{grid-template-columns:1fr}.ok-sizes{justify-content:flex-start}}.ok-pair__lead{display:flex;flex-wrap:wrap;gap:clamp(24px,3vw,44px);align-items:flex-end;margin-bottom:clamp(52px,6vw,88px)}.ok-pair__cards+.ok-pair__lead{margin-bottom:0;margin-top:clamp(52px,6vw,88px)}.ok-pair__frame{flex:1 1 62%;aspect-ratio:16 / 10}.ok-pair__cap{flex:0 1 220px;margin:0;padding-bottom:8px;font-size:13px;line-height:1.7;color:var(--ok-faint)}.ok-pair__lead--flip .ok-pair__cap{order:0}.ok-pair__lead--flip .ok-pair__frame{order:1}.ok-pair__cards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,4vw,64px)}.ok-pcard__img{display:block;width:100%;max-width:440px;aspect-ratio:4 / 5;margin-bottom:24px;--z: 1}.ok-pcard__img img{transform:scale(var(--z));transform-origin:var(--zo, 50% 50%);transition:transform 1.6s var(--ok-ease-soft),filter .8s var(--ok-ease)}@media(hover:hover)and (pointer:fine){.ok-pcard__img:hover{--z: var(--zh, 1.04);--ok-lift: .08}}.ok-pcard__price{margin:0 0 18px;font-size:15px}.ok-pcard__text{margin:0 0 20px;font-size:14px;line-height:1.7;color:var(--ok-muted);max-width:340px}.ok-pcard .ok-btn{min-width:220px}@media(max-width:900px){.ok-pair__lead{margin-bottom:44px}.ok-pair__cards+.ok-pair__lead{margin-top:44px}.ok-pair__frame{flex-basis:100%;min-width:100%;aspect-ratio:4 / 5}.ok-pair__cap{min-width:100%}.ok-pair__lead--flip .ok-pair__cap{order:1}.ok-pair__lead--flip .ok-pair__frame{order:0}.ok-pair__cards{grid-template-columns:1fr;gap:48px}.ok-pcard__img{max-width:100%}}.ok-mat__grid{display:flex;flex-wrap:wrap;gap:clamp(36px,5vw,88px);align-items:center}.ok-mat__media{flex:1.2 1 420px;aspect-ratio:var(--ok-mat-ratio, 5 / 4)}.ok-mat__media--border{border:1px solid var(--ok-line)}.ok-mat--right .ok-mat__media{order:2}.ok-mat__body{flex:1 1 320px}.ok-mat__comp{margin:0 0 32px;padding-top:20px;border-top:1px solid var(--ok-line);font-size:13px;letter-spacing:.04em;color:var(--ok-faint);max-width:380px}@media(max-width:900px){.ok-mat__media,.ok-mat__body{min-width:100%}.ok-mat__media{aspect-ratio:4 / 3;order:0!important}.ok-mat__body{order:1}}.ok-close{padding-bottom:0}.ok-close__frame{position:relative;height:var(--ok-close-h);overflow:hidden}.ok-close__frame--line{border-top:1px solid var(--ok-line-soft)}.ok-close__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--ok-bg-alt)}.ok-close__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:var(--ok-overlay, 1);pointer-events:none}.ok-close__scrim--even{background:linear-gradient(0deg,#0a0a09e6,#0a0a094d,#0a0a0980)}.ok-close__scrim--bottom{background:linear-gradient(0deg,#0a0a09e0,#0a0a0980 34%,#0a0a0900 66%)}.ok-close__body{position:absolute;left:var(--ok-gut);right:var(--ok-gut);bottom:64px;z-index:2;color:var(--ok-c-fg, #f3f1ec)}.ok-close__statement{font-family:var(--ok-head);font-weight:500;font-size:clamp(22px,2.8vw,38px);line-height:1.2;letter-spacing:-.01em;max-width:640px;margin:0 0 28px}.ok-close__links{display:flex;flex-wrap:wrap;gap:12px 28px}@media(max-width:900px){.ok-close__frame{height:var(--ok-close-hm)}.ok-close__body{bottom:34px}}.ok-field{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ok-bg);overflow:hidden;color:var(--ok-fg)}.ok-field__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;animation:okDrift 34s var(--ok-ease-soft) infinite alternate}.ok-field__g1,.ok-field__g2,.ok-field__g3{transform-origin:600px 620px}.ok-field__g1{animation:okSway 13s ease-in-out infinite alternate}.ok-field__g2{animation:okSway 17s ease-in-out infinite alternate-reverse}.ok-field__g3{animation:okSway 21s ease-in-out infinite alternate}.ok-field__sweep{position:absolute;top:-20%;bottom:-20%;left:-40%;width:60%;background:linear-gradient(90deg,#f3f1ec00,#f3f1ec21 46%,#f3f1ec00);transform:skew(-8deg);animation:okSweep 17s linear infinite}.ok-field__grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.07;background-image:repeating-linear-gradient(0deg,rgba(243,241,236,.9) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(243,241,236,.9) 0 1px,transparent 1px 4px);animation:okGrain 1.6s steps(3) infinite}@keyframes okSway{0%{transform:rotate(-.5deg) translateZ(0)}to{transform:rotate(.5deg) translate3d(0,-.6%,0)}}@keyframes okSweep{0%{transform:translate(0) skew(-8deg)}to{transform:translate(300%) skew(-8deg)}}@keyframes okGrain{0%{transform:translateZ(0)}33%{transform:translate3d(-1px,1px,0)}66%{transform:translate3d(1px,-1px,0)}to{transform:translateZ(0)}}.ok-chero--hemp .ok-chero__scrim{background:linear-gradient(180deg,#0a0a09b8,#0a0a0933 46%),linear-gradient(0deg,#0a0a09f2,#0a0a09db 44%,#0a0a0999 68%,#0a0a0933 96%)}
/*# sourceMappingURL=/cdn/shop/t/13/assets/ok-collection.css.map */