.ok-journey .ok-headrow>p{color:var(--ok-muted)}.ok-journey__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:clamp(28px,4vw,72px);align-items:start}.ok-journey__stagewrap{min-width:0;position:-webkit-sticky;position:sticky;top:96px;height:calc(100vh - 120px);align-self:start;display:flex;align-items:center}@supports (height: 100svh){.ok-journey__stagewrap{height:calc(100svh - 120px)}}.ok-journey__stage{position:relative;width:100%;aspect-ratio:16 / 10;max-height:min(62svh,540px);margin:0 auto;background:var(--ok-media-bg, #eae7e0);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--ok-fg)}.ok-journey__mark{position:absolute;width:46%;height:82%;opacity:.07;transform:scale(1.02);transition:opacity 1.2s var(--ok-ease),transform 1.6s var(--ok-ease-soft)}.ok-journey[data-art=photo] .ok-journey__mark{opacity:0}.ok-journey__draw{position:relative;height:84%;aspect-ratio:3 / 4}.ok-journey__draw svg{width:100%;height:100%;overflow:visible}.ok-journey__draw g g{opacity:0;transition:opacity .5s var(--ok-ease)}.ok-j-grow{stroke-dasharray:400;stroke-dashoffset:0}.ok-js .ok-journey:not(.is-seen) .ok-j-grow{stroke-dashoffset:400}.ok-j-grow{transition:stroke-dashoffset .8s var(--ok-ease-soft)}.ok-j-leaf{opacity:0;transition:opacity .5s var(--ok-ease)}.ok-j-s1,.ok-j-s2,.ok-j-s3,.ok-j-s4{transition:transform .56s var(--ok-ease-soft)}.ok-journey[data-art=plant] .ok-j-stem,.ok-journey[data-art=plant] .ok-j-leaf,.ok-journey[data-art=stalk] .ok-j-stem{opacity:1;transition-delay:.14s}.ok-journey[data-art=stalk] .ok-j-leaf{opacity:.14}.ok-journey[data-art=stalk] .ok-j-fiber{opacity:.4}.ok-journey[data-art=fiber] .ok-j-stem{opacity:.3}.ok-journey[data-art=fiber] .ok-j-fiber{opacity:1;transition-delay:.14s}.ok-journey[data-art=blend] .ok-j-stem{opacity:.12}.ok-journey[data-art=blend] .ok-j-fiber{opacity:.45}.ok-journey[data-art=blend] .ok-j-yarn{opacity:1;transition-delay:.14s}.ok-journey[data-art=rib] .ok-j-yarn{opacity:.22}.ok-journey[data-art=rib] .ok-j-rib{opacity:1;transition-delay:.14s}.ok-journey[data-art=photo] .ok-j-rib{opacity:.32}.ok-journey[data-art=fiber] .ok-j-s1,.ok-journey[data-art=blend] .ok-j-s1,.ok-journey[data-art=rib] .ok-j-s1,.ok-journey[data-art=photo] .ok-j-s1{transform:translate(-26px)}.ok-journey[data-art=fiber] .ok-j-s2,.ok-journey[data-art=blend] .ok-j-s2,.ok-journey[data-art=rib] .ok-j-s2,.ok-journey[data-art=photo] .ok-j-s2{transform:translate(26px)}.ok-journey[data-art=fiber] .ok-j-s3,.ok-journey[data-art=blend] .ok-j-s3,.ok-journey[data-art=rib] .ok-j-s3,.ok-journey[data-art=photo] .ok-j-s3{transform:translate(-12px)}.ok-journey[data-art=fiber] .ok-j-s4,.ok-journey[data-art=blend] .ok-j-s4,.ok-journey[data-art=rib] .ok-j-s4,.ok-journey[data-art=photo] .ok-j-s4{transform:translate(12px)}.ok-journey__photo{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .56s var(--ok-ease)}.ok-journey__photo.is-on{opacity:1;transition-delay:.14s}.ok-journey__count{position:absolute;left:20px;bottom:18px;z-index:2;font-family:var(--ok-head);font-size:10.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ok-faint)}.ok-journey[data-art=photo] .ok-journey__count{color:#f3f1ec}.ok-journey__list{list-style:none;margin:0;padding:clamp(90px,16vh,180px) 0 clamp(380px,62vh,640px);position:relative}.ok-journey__rail,.ok-journey__progress{position:absolute;left:5px;top:8px;width:1px}.ok-journey__rail{bottom:8px;background:var(--ok-line)}.ok-journey__progress{height:var(--ok-progress, 16%);background:var(--ok-fg);transition:height .32s var(--ok-ease)}.ok-journey__item{position:relative;min-height:clamp(250px,42vh,420px);display:flex;flex-direction:column;justify-content:center;padding:0 0 0 34px}.ok-journey__dot{position:absolute;left:0;top:7px;width:11px;height:11px;border-radius:50%;border:1px solid var(--ok-fg);background:var(--ok-bg);transition:background .3s var(--ok-ease)}.ok-journey__item.is-done .ok-journey__dot{background:var(--ok-fg)}.ok-journey__item h3{font-family:var(--ok-head);font-weight:500;font-size:clamp(19px,2.2vw,26px);letter-spacing:-.005em;margin:0 0 8px;color:var(--ok-faint);transition:color .3s var(--ok-ease)}.ok-journey__item.is-active h3{color:var(--ok-fg)}.ok-journey__item p{margin:0;font-size:14px;line-height:1.7;color:var(--ok-muted);max-width:360px}.ok-journey__note{margin:clamp(40px,4vw,60px) 0 0;font-size:12px;line-height:1.7;color:var(--ok-faint);max-width:560px}@media(max-width:900px){.ok-journey__grid{grid-template-columns:1fr}.ok-journey__stagewrap{position:static;height:auto}.ok-journey__stage{aspect-ratio:4 / 3;max-height:none}.ok-journey__mark{width:64%;height:64%}.ok-journey__draw{height:82%;width:56%;aspect-ratio:auto}.ok-journey__list{padding:0}.ok-journey__item{min-height:0;padding-bottom:26px}.ok-journey__dot{top:7px;margin-top:0}}@media(prefers-reduced-motion:reduce){.ok-journey__stagewrap{position:static;height:auto}.ok-journey__list{padding:0}.ok-journey__item{min-height:0;padding-bottom:26px}.ok-journey__dot{top:7px;margin-top:0}}.ok-threads{display:flex;align-items:flex-end;gap:2px;height:160px;margin-bottom:22px}.ok-thread{flex:1 1 0;min-width:1px;height:var(--h, 90%);transform-origin:bottom;transition:transform .7s var(--ok-ease-soft),opacity .5s var(--ok-ease),height .5s var(--ok-ease);transition-delay:var(--d, 0ms)}.ok-thread--0{background:var(--ok-fg)}.ok-thread--1{background:var(--ok-faint)}.ok-thread--2{background:#2f2e2b}.ok-js .ok-comp:not(.is-in) .ok-thread{transform:scaleY(.03)}.ok-comp[data-active] .ok-thread{opacity:.28}.ok-comp[data-active="0"] .ok-thread--0,.ok-comp[data-active="1"] .ok-thread--1,.ok-comp[data-active="2"] .ok-thread--2{opacity:1;height:100%}.ok-comp__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,3vw,48px)}.ok-comp__item{text-align:left;background:none;cursor:pointer;color:var(--ok-fg);min-height:44px;padding:20px 0 0;border:0;border-top:1px solid var(--ok-line);transition:border-color .4s var(--ok-ease),opacity .4s var(--ok-ease);font-family:var(--ok-body);font-weight:300}.ok-comp[data-active] .ok-comp__item{opacity:.45}.ok-comp[data-active="0"] .ok-comp__item--1,.ok-comp[data-active="1"] .ok-comp__item--2,.ok-comp[data-active="2"] .ok-comp__item--3{opacity:1;border-top-color:var(--ok-fg)}.ok-comp__num{display:block;font-family:var(--ok-head);font-weight:600;line-height:1;letter-spacing:-.02em}.ok-comp__item--1 .ok-comp__num{font-size:clamp(40px,5.4vw,72px)}.ok-comp__item--2 .ok-comp__num{font-size:clamp(34px,4.5vw,60px)}.ok-comp__item--3 .ok-comp__num{font-size:clamp(24px,2.8vw,36px);letter-spacing:-.015em}.ok-comp__lbl{display:block;margin-top:12px;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.ok-comp__desc{display:block;margin-top:10px;font-size:13.5px;line-height:1.7;color:var(--ok-muted);max-width:280px}@media(max-width:900px){.ok-threads{height:110px;gap:1px}.ok-comp__grid{grid-template-columns:1fr;gap:34px}}.ok-factlist__wrap{border-top:1px solid var(--ok-line-soft);padding-top:var(--ok-sp-m)}.ok-factlist__rows{display:flex;flex-direction:column}.ok-factrow{display:flex;flex-wrap:wrap;align-items:center;gap:20px clamp(28px,4vw,64px);padding:30px 0;border-top:1px solid var(--ok-line-soft)}.ok-factrow__plate{flex:0 0 76px;height:76px;border:1px solid var(--ok-line);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--ok-muted)}.ok-factrow__plate svg{width:70%;height:70%;overflow:visible}.ok-factrow__plate img{width:70%;height:70%;object-fit:contain}.ok-factrow__big{flex:0 1 300px}.ok-factrow__v{display:block;font-family:var(--ok-head);font-weight:500;font-size:clamp(30px,3.6vw,46px);line-height:1.05;letter-spacing:-.015em}.ok-factrow__v.is-small{font-size:clamp(20px,2.2vw,28px)}.ok-factrow__note{flex:1 1 300px;margin:0;font-size:14px;line-height:1.7;color:var(--ok-muted);max-width:420px}.ok-srclink{border-bottom:1px solid var(--ok-line);transition:color .35s var(--ok-ease),border-color .35s var(--ok-ease)}.ok-srclink:hover{color:var(--ok-fg);border-color:var(--ok-fg)}@media(max-width:900px){.ok-factrow{padding:26px 0;--ok-frame-shift: 0px}.ok-factrow__plate{flex-basis:56px;height:56px}.ok-factrow__big,.ok-factrow__note{min-width:100%}.ok-factrow__v{font-size:30px}.ok-factrow__v.is-small{font-size:20px}}.ok-bars__label{flex:0 1 300px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ok-faint)}.ok-bars__grid{display:grid;grid-template-columns:repeat(var(--ok-bar-cols, 2),1fr);gap:clamp(30px,3.4vw,52px)}.ok-bars__metric{border-top:1px solid var(--ok-line);padding-top:24px}.ok-bars__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:26px}.ok-bars__head span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ok-muted)}.ok-bars__head b{font-family:var(--ok-head);font-weight:500;font-size:19px}.ok-bars__rows{display:flex;flex-direction:column;gap:18px}.ok-bars__row{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:13px;color:var(--ok-muted)}.ok-bars__row span:last-child{color:var(--ok-fg)}.ok-bars__track{height:6px;background:#f3f1ec17}.ok-bars__track i{display:block;height:6px;width:var(--w);transition:width 1.2s var(--ok-ease-soft)}.ok-bars__track i.is-a{background:var(--ok-faint)}.ok-bars__track i.is-b{background:var(--ok-fg)}.ok-js .ok-bars:not(.is-seen) .ok-bars__track i{width:0}@media(max-width:900px){.ok-bars__grid{grid-template-columns:1fr;gap:34px}}.ok-cmpx__live{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--ok-media-bg);touch-action:pan-y}.ok-cmpx__img{position:absolute;top:0;right:0;bottom:0;left:0}.ok-cmpx__img--a{clip-path:inset(0 calc(100% - var(--pos, 52%)) 0 0)}.ok-cmpx__line{position:absolute;top:0;bottom:0;left:var(--pos, 52%);width:1px;background:#f3f1ec;transform:translate(-.5px);z-index:2}.ok-cmpx__knob{position:absolute;top:50%;left:var(--pos, 52%);width:46px;height:46px;margin:-23px 0 0 -23px;border:1px solid #f3f1ec;border-radius:50%;background:#0a0a0966;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2}.ok-cmpx__tag{position:absolute;bottom:18px;z-index:2;font-family:var(--ok-head);font-size:10.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#f3f1ec}.ok-cmpx__tag--a{left:20px}.ok-cmpx__tag--b{right:20px}.ok-cmpx__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:transparent;z-index:3}.ok-cmpx__range:focus-visible~.ok-cmpx__knob,.ok-cmpx__live:focus-within .ok-cmpx__knob{outline:1px solid #f3f1ec;outline-offset:4px}.ok-cmpx__tags{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 28px}.ok-cmpx__tags li{font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding-top:14px;border-top:1px solid var(--ok-line)}html:not(.ok-js) .ok-cmpx__live,.ok-cmpx__live.is-static{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:none}html:not(.ok-js) .ok-cmpx__img,.ok-cmpx__live.is-static .ok-cmpx__img{position:relative;aspect-ratio:1 / 1;clip-path:none}html:not(.ok-js) .ok-cmpx__img--a,.ok-cmpx__live.is-static .ok-cmpx__img--a{order:-1}html:not(.ok-js) .ok-cmpx__line,html:not(.ok-js) .ok-cmpx__knob,html:not(.ok-js) .ok-cmpx__range,.ok-cmpx__live.is-static .ok-cmpx__line,.ok-cmpx__live.is-static .ok-cmpx__knob,.ok-cmpx__live.is-static .ok-cmpx__range{display:none}.ok-cmpx__live.is-static .ok-cmpx__tag--b{right:auto;left:calc(50% + 21px)}@media(max-width:900px){.ok-cmpx__live{aspect-ratio:4 / 5}.ok-cmpx__live.is-static{grid-template-columns:1fr}.ok-cmpx__live.is-static .ok-cmpx__tag--b{left:20px;bottom:auto;top:calc(50% + 18px)}}.ok-rail__btns{display:flex;gap:10px}.ok-rail__btn{width:48px;height:48px;background:none;border:1px solid var(--ok-line);color:var(--ok-fg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .35s var(--ok-ease),opacity .35s var(--ok-ease);padding:0}.ok-rail__btn:hover{border-color:var(--ok-fg)}.ok-rail__btn[disabled]{opacity:.35;cursor:default}.ok-rail__btn svg{width:16px;height:16px}.ok-rail__track{display:flex;gap:2px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:0 var(--ok-gut)}.ok-rail__track::-webkit-scrollbar{display:none}.ok-rail__card{flex:0 0 clamp(260px,22vw,320px);scroll-snap-align:start;display:block;--z: var(--zs, 1)}.ok-rail__img{display:block;aspect-ratio:4 / 5}.ok-rail__img img{transform:scale(var(--z));transform-origin:var(--zo, 50% 50%);transition:filter .8s var(--ok-ease)}@media(hover:hover)and (pointer:fine){.ok-rail__card:hover{--ok-lift: .1}}.ok-rail__meta{display:flex;justify-content:space-between;gap:12px;padding:16px 2px 0}.ok-rail__name{font-family:var(--ok-head);font-weight:500;font-size:14px;letter-spacing:.01em}.ok-rail__group{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ok-faint);white-space:nowrap}@media(max-width:900px){.ok-rail__card{flex-basis:72vw}}.ok-paths__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,4vw,64px)}.ok-paths__img{display:block;aspect-ratio:4 / 5;margin-bottom:26px}@media(max-width:900px){.ok-paths__grid{grid-template-columns:1fr;gap:48px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/ok-hemp.css.map */