/* UrbanHive — shared styles for shop / about / contact. Loads AFTER uh.css */
body.sub main{padding-top:58px}
.hd nav a.on:after{transform:scaleX(1)}
.hd .ic a sup{font-size:9px;color:var(--o);margin-left:3px}
.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase}
[data-split]{display:block;overflow:hidden;padding-top:.06em}
[data-split] .c{display:inline-block}
html.lock,html.lock body{overflow:hidden}
.hd .ic a.on{color:var(--o)}

/* the hive's voice — a bubble that narrates as you scroll */
.voice{position:fixed;right:var(--pad);bottom:1.1rem;z-index:45;display:flex;flex-direction:row-reverse;align-items:flex-end;gap:.6rem;max-width:min(350px,calc(100vw - 2*var(--pad)));opacity:0;transform:translateY(24px);transition:opacity .5s,transform .5s;pointer-events:none}
.voice.on{opacity:1;transform:none}
.voice i{flex:none;width:38px;height:38px;border-radius:50%;background:var(--o);color:var(--bone);display:grid;place-items:center;font:normal 1.05rem/1 var(--d);letter-spacing:.04em;border:1px solid var(--ink)}
.voice p{background:var(--ink);color:var(--bone);padding:.7rem 1rem;border-radius:18px 18px 4px 18px;font:300 1.15rem/1.15 var(--s);border:1px solid rgba(245,240,232,.3);min-height:2.6em}
.voice p:after{content:"";display:inline-block;width:.5ch;height:1em;background:var(--o);margin-left:3px;vertical-align:-.15em;animation:bl 1s steps(1) infinite}
@keyframes bl{50%{opacity:0}}

/* ───────── SHOP ───────── */
.sh-hero{position:relative;min-height:calc(100svh - 58px);padding:5vh var(--pad) 5vh;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.sh-hero h1{position:relative;z-index:3;font-size:clamp(7rem,25vw,32rem);line-height:.8;margin-top:2vh;color:var(--ink)}
.sh-hero h1 .c:nth-last-child(-n+4){color:var(--o)}
.sh-hero__say{position:relative;z-index:3;max-width:24ch;font:300 clamp(1.5rem,2.3vw,2.1rem)/1.1 var(--s)}
.sh-hero__say p{margin:.8rem 0 1.2rem}
.sh-hero__stack{position:absolute;z-index:1;right:var(--pad);top:11vh;width:min(34vw,420px);aspect-ratio:4/5}
.sh-hero__stack img{position:absolute;width:60%;aspect-ratio:3/4;object-fit:cover;border-radius:18px;border:1px solid var(--ink);box-shadow:0 20px 40px -20px rgba(21,17,15,.5)}
.sh-hero__stack img:nth-child(1){left:0;top:14%;transform:rotate(-7deg)}
.sh-hero__stack img:nth-child(2){right:0;top:0;transform:rotate(5deg)}
.sh-hero__stack img:nth-child(3){left:20%;bottom:0;transform:rotate(-2deg)}
.sh-hero__go{position:absolute;right:var(--pad);top:4vh;z-index:3;font-size:11px;letter-spacing:.14em}

.fl{position:sticky;top:58px;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem var(--pad);background:var(--bone);border-block:1px solid var(--ink);transition:top .5s}
body.hdh .fl{top:0}
.fl__tabs{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none}.fl__tabs::-webkit-scrollbar{display:none}
.fl button,.fl select{font:inherit;font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:0;color:inherit;border:1px solid var(--ink);border-radius:99px;padding:.55rem 1rem;cursor:pointer;white-space:nowrap;transition:background .3s,color .3s}
.fl button:hover{background:rgba(200,80,26,.14)}
.fl button.on{background:var(--ink);color:var(--bone)}
.fl button sup{font-size:9px;margin-left:3px;opacity:.7}
.fl__r{display:flex;align-items:center;gap:1rem;font-size:11px;letter-spacing:.1em;white-space:nowrap}
.fl select{padding-right:.6rem;appearance:auto}

.pg{display:grid;grid-template-columns:repeat(4,1fr);gap:2.6rem 1.2rem;padding:5vh var(--pad) 12vh}
.pg .cd{width:auto}
.pc[hidden]{display:none}
.pc .cd__im{cursor:pointer}
.pc__h{position:absolute;z-index:3;top:.9rem;right:.9rem;width:40px;height:40px;border-radius:50%;border:1px solid var(--ink);background:var(--bone);display:grid;place-items:center;cursor:pointer;transition:transform .3s}
.pc__h:hover{transform:scale(1.12)}
.pc__h svg,.qv__h svg{width:18px;height:18px;fill:none;stroke:var(--ink);stroke-width:1.6;transition:fill .3s,stroke .3s}
.pc__h.on svg,.qv__h.on svg{fill:var(--o);stroke:var(--o)}
.pc__qv{position:absolute;z-index:3;left:.8rem;right:.8rem;bottom:.8rem;background:var(--ink);color:var(--bone);border:0;border-radius:99px;padding:.85rem;font:inherit;font-size:11px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transform:translateY(150%);transition:transform .5s cubic-bezier(.2,.8,.2,1),background .3s}
.pc:hover .pc__qv,.pc__qv:focus-visible{transform:none}.pc__qv:hover{background:var(--o)}
.pg__say{grid-column:1/-1;padding:6vh 0;text-align:center;font:300 clamp(2rem,4.6vw,5rem)/1.05 var(--s)}
.pg__say em{color:var(--o)}
.pg__none{grid-column:1/-1;padding:10vh 0;text-align:center;font:300 2rem/1.1 var(--s)}

.ord{background:var(--ink);color:var(--bone);padding:16vh var(--pad)}
.ord h2{font-size:clamp(4rem,11vw,12rem);margin-bottom:8vh}.ord h2 em{color:var(--o)}
.ord__ln{height:2px;background:rgba(245,240,232,.2);margin-bottom:2rem;position:relative}
.ord__ln i{position:absolute;inset:0;background:var(--o);transform:scaleX(0);transform-origin:left}
.ord__g{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.ord__s{opacity:.28;transition:opacity .6s}.ord__s.on{opacity:1}
.ord__s b{display:block;font:400 clamp(5rem,10vw,10rem)/.9 var(--d);color:var(--o)}
.ord__s h3{font-size:2.4rem;margin:.6rem 0}.ord__s p{font-size:13px;max-width:30ch}
.dl{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--ink)}
.dl div{padding:8vh var(--pad);border-right:1px solid var(--ink)}.dl div:last-child{border:0}
.dl b{display:block;font:400 clamp(4rem,9vw,10rem)/.9 var(--d);color:var(--o)}.dl p{font-size:13px;letter-spacing:.06em;margin-top:.6rem}

/* panels: quick view / wishlist / account */
.pn{position:fixed;inset:0;z-index:80;opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s}
.pn.on{opacity:1;visibility:visible;transition:opacity .4s}.pn[hidden]{display:none}
.pn__bg{position:absolute;inset:0;background:rgba(21,17,15,.78)}
.x{position:absolute;z-index:5;top:1rem;right:1rem;background:var(--bone);border:1px solid var(--ink);border-radius:99px;padding:.45rem 1rem;font:inherit;font-size:11px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.x:hover{background:var(--o);color:var(--bone)}
.qv__box{position:absolute;left:50%;top:50%;width:min(1000px,92vw);max-height:90svh;transform:translate(-50%,-46%) scale(.97);display:grid;grid-template-columns:1fr 1fr;background:var(--bone);border:1px solid var(--ink);border-radius:24px;overflow:hidden;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.pn.on .qv__box{transform:translate(-50%,-50%)}
.qv__im{position:relative;min-height:520px;background:linear-gradient(160deg,#a93a0e,#e0732f)}
.qv__im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.qv__im img+img{opacity:0;transition:opacity .5s}.qv__im:hover img+img{opacity:1}
.qv__in{padding:2.4rem 2rem 2rem;display:flex;flex-direction:column;gap:1rem;overflow:auto}
.qv__in h2{font-size:clamp(3.4rem,6vw,5.6rem)}
.qv__pr{font-size:1.1rem}.qv__pr s{opacity:.5;margin-right:.7rem;font-size:13px}.qv__pr b{font-weight:400;font:400 2rem/1 var(--d);color:var(--o)}
.qv__in>p{font:300 1.35rem/1.15 var(--s)}
.sz{display:flex;flex-wrap:wrap;gap:.5rem}
.sz button{min-width:3rem;padding:.55rem .9rem;background:0;border:1px solid var(--ink);border-radius:99px;font:inherit;font-size:12px;cursor:pointer;transition:background .3s,color .3s}
.sz button.on{background:var(--ink);color:var(--bone)}
.qv__a{display:flex;gap:.6rem;align-items:center;margin-top:auto;flex-wrap:wrap}
.qv__h{width:50px;height:50px;border-radius:50%;border:1px solid var(--ink);background:0;display:grid;place-items:center;cursor:pointer}
.qv__n{font-size:11px;opacity:.7}

.wl__box{position:absolute;right:0;top:0;bottom:0;width:min(440px,100vw);background:var(--bone);border-left:1px solid var(--ink);transform:translateX(100%);transition:transform .55s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;padding:4rem 1.4rem 1.4rem}
.pn.on .wl__box{transform:none}
.wl__box h2{font-size:4rem;margin-bottom:.4rem}.wl__sub{font:300 1.3rem/1.1 var(--s);margin-bottom:1.2rem}
.wl__ls{flex:1;overflow:auto;display:grid;gap:.8rem;align-content:start}
.wl__it{display:grid;grid-template-columns:64px 1fr auto;gap:.9rem;align-items:center;border-top:1px solid var(--ink);padding-top:.8rem}
.wl__it img{width:64px;height:78px;object-fit:cover;border-radius:10px}.wl__it h3{font-size:1.8rem}.wl__it span{font-size:12px}
.wl__it button{background:0;border:0;font:inherit;font-size:11px;letter-spacing:.1em;text-decoration:underline;cursor:pointer}
.wl__empty{font:300 1.6rem/1.1 var(--s);padding:2rem 0}
.ac__box{position:absolute;left:50%;top:50%;width:min(460px,92vw);transform:translate(-50%,-46%);background:var(--bone);border:1px solid var(--ink);border-radius:24px;padding:3.4rem 1.8rem 1.8rem;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.pn.on .ac__box{transform:translate(-50%,-50%)}
.ac__box h2{font-size:3.6rem}.ac__box>p{font:300 1.3rem/1.1 var(--s);margin:.5rem 0 1.2rem}
.ac__box form{display:grid;gap:.7rem}.ac__or{text-align:center;font-size:11px;letter-spacing:.14em;opacity:.6;margin:.2rem 0}
.in{width:100%;background:0;border:1px solid var(--ink);border-radius:14px;padding:.9rem 1rem;font:inherit;font-size:14px;color:inherit}
.in:focus{outline:2px solid var(--o);outline-offset:2px}
.ac__ms{font-size:12px;min-height:2.4em;color:var(--clay)}
.pill{border:0;cursor:pointer;font-family:inherit}.pill.ln{border:1px solid currentColor}.pill.out{background:0;color:var(--ink);border:1px solid var(--ink)}.pill.out:hover{background:var(--ink);color:var(--bone)}

/* ───────── ABOUT ───────── */
.ab-hero{min-height:calc(100svh - 58px);padding:6vh var(--pad) 5vh;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.ab-hero h1{font-size:clamp(2.8rem,13vw,17rem);line-height:.84;white-space:nowrap}
.ab-hero h1 .l2{display:block;text-align:right;color:var(--o)}
.ab-hero__f{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem}
.ab-hero__f p{max-width:28ch;font:300 clamp(1.5rem,2.4vw,2.3rem)/1.1 var(--s)}
.ab-hero__ph{position:absolute;z-index:0;width:clamp(110px,13vw,220px);aspect-ratio:3/4;object-fit:cover;border-radius:16px;border:1px solid var(--ink)}
.ab-hero h1{position:relative;z-index:1}

.ch{background:var(--ink);color:var(--bone)}
.ch__st{height:100svh;display:grid;grid-template-columns:1fr 1fr;gap:var(--pad);align-items:center;padding:80px var(--pad) 2rem}
.ch__im{position:relative;height:min(76svh,680px);border-radius:22px;overflow:hidden}
.ch__im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:inset(0 0 100% 0);transform:scale(1.15);transition:clip-path 1.1s cubic-bezier(.7,0,.2,1),transform 1.8s}
.ch__im img.on{clip-path:inset(0);transform:none}
.ch__im:after{content:attr(data-n);position:absolute;right:1.2rem;bottom:.6rem;font:400 9rem/1 var(--d);color:var(--bone);opacity:.55;z-index:3}
.ch__ss{display:grid}
.ch__s{grid-area:1/1;opacity:0;transform:translateY(46px);transition:opacity .7s,transform .8s cubic-bezier(.2,.8,.2,1);pointer-events:none;align-self:center}
.ch__s.on{opacity:1;transform:none}
.ch__s b{font-size:11px;letter-spacing:.16em;color:var(--o);font-weight:400}
.ch__s h2{font-size:clamp(4rem,9vw,10rem);margin:.8rem 0 1.4rem}.ch__s h2 em{color:var(--o)}
.ch__s p{font:300 clamp(1.5rem,2.4vw,2.4rem)/1.12 var(--s);max-width:24ch}
.ch__bar{height:2px;background:rgba(245,240,232,.2);margin-top:2.4rem}.ch__bar i{display:block;height:100%;width:0;background:var(--o)}

.rv{position:relative;height:100svh;overflow:hidden;background:var(--bone)}
.rv__im{position:absolute;inset:0;clip-path:inset(32% 36% 32% 36% round 22px)}
.rv__im img{width:100%;height:100%;object-fit:cover;filter:brightness(.55)}
.rv__tx{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:var(--bone);font:400 clamp(3.4rem,10.5vw,12rem)/.86 var(--d)}
.rv__tx span{display:block;opacity:0}.rv__tx em{color:#ffb78f}
.rv__k{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);font-size:11px;letter-spacing:.16em;white-space:nowrap}

.vs{padding:0 var(--pad) 20vh}.vs>h2{font-size:clamp(3.5rem,9vw,10rem);padding:10vh 0 6vh}.vs>h2 em{color:var(--o)}
.vc{position:sticky;top:calc(80px + var(--i)*1.4rem);display:flex;flex-direction:column;justify-content:space-between;gap:3rem;min-height:52svh;margin-bottom:6vh;padding:clamp(1.5rem,4vw,3.5rem);border-radius:24px;border:1px solid var(--ink)}
.vc.a{background:var(--bone)}.vc.b{background:var(--o);color:var(--bone)}.vc.c{background:var(--ink);color:var(--bone)}
.vc b{font:400 1.6rem/1 var(--d);letter-spacing:.06em}
.vc h3{font-size:clamp(3.6rem,8.4vw,9.4rem)}
.vc p{margin-top:1rem;font:300 clamp(1.4rem,2.6vw,2.6rem)/1.12 var(--s);max-width:26ch}
.ab-st{padding:4vh var(--pad) 14vh}.ab-st .stats{margin-top:0}

.pr{padding:0 var(--pad) 18vh}.pr h2{font-size:clamp(3.5rem,9vw,10rem);padding-bottom:6vh}.pr h2 em{color:var(--o)}
.pr li{position:relative;display:grid;grid-template-columns:5rem 1fr;gap:1rem;align-items:baseline;padding:2rem 0}
.pr li:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--ink);transform:scaleX(var(--ln,0));transform-origin:left}
.pr li b{font:400 2rem/1 var(--d);color:var(--o)}
.pr li p{font:400 clamp(2.4rem,5.6vw,6.4rem)/.95 var(--d)}.pr li p em{font:300 .9em var(--s);color:var(--o)}

/* ───────── CONTACT ───────── */
.ct{min-height:calc(100svh - 58px);display:grid;grid-template-columns:1.05fr 1fr;gap:var(--pad);padding:6vh var(--pad) 8vh;align-items:start}
.ct h1{font-size:clamp(4.4rem,15vw,22rem);line-height:.8;white-space:nowrap}.ct h1 .c:last-child{color:var(--o)}
.ct__l p{max-width:22ch;margin-top:2vh;font:300 clamp(1.6rem,2.6vw,2.6rem)/1.08 var(--s)}
.ct__l p.eyebrow{font:400 11px/1.6 var(--m);max-width:none;margin:0 0 2vh}
.chat{border:1px solid var(--ink);border-radius:24px;padding:1.2rem;background:#fbf8f2;min-height:62svh;display:flex;flex-direction:column;gap:.8rem}
.chat__hd{display:flex;align-items:center;gap:.7rem;padding-bottom:.9rem;border-bottom:1px solid rgba(21,17,15,.2);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.chat__hd i{width:36px;height:36px;border-radius:50%;background:var(--o);color:var(--bone);display:grid;place-items:center;font:normal 1rem/1 var(--d)}
.chat__hd em{margin-left:auto;font:normal 11px var(--m);color:var(--o);text-transform:none}.chat__hd em:before{content:"●";margin-right:.4rem}
.msg{max-width:88%;padding:.8rem 1.1rem;border-radius:18px;font:300 1.3rem/1.15 var(--s);animation:pop .5s cubic-bezier(.2,.8,.2,1)}
.msg.bot{background:var(--ink);color:var(--bone);border-bottom-left-radius:4px;align-self:flex-start}
.msg.me{background:var(--o);color:var(--bone);align-self:flex-end;border-bottom-right-radius:4px;font:400 13px/1.4 var(--m)}
@keyframes pop{from{opacity:0;transform:translateY(14px) scale(.96)}}
.typing{align-self:flex-start;display:flex;gap:5px;background:var(--ink);padding:1rem 1.1rem;border-radius:18px 18px 18px 4px}
.typing i{width:7px;height:7px;border-radius:50%;background:var(--bone);animation:dt 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes dt{50%{transform:translateY(-5px);opacity:.4}}
.opts{display:flex;flex-wrap:wrap;gap:.5rem;animation:pop .5s}
.opts button{background:0;border:1px solid var(--ink);border-radius:99px;padding:.7rem 1.1rem;font:inherit;font-size:12px;cursor:pointer;transition:background .3s,color .3s,transform .3s}
.opts button:hover{background:var(--ink);color:var(--bone);transform:translateY(-2px)}
.cmp{display:grid;gap:.7rem;animation:pop .5s}.cmp textarea{min-height:130px;resize:vertical}
.cmp__a{display:flex;flex-wrap:wrap;gap:.6rem}
.cmp small{font-size:11px;opacity:.65}
.rs{font-size:11px;letter-spacing:.1em;text-decoration:underline;background:0;border:0;cursor:pointer;align-self:flex-start;font-family:inherit;color:inherit}
.ci{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--ink)}
.ci a{padding:7vh var(--pad) 5vh;border-right:1px solid var(--ink);transition:background .4s,color .4s;display:block}.ci a:last-child{border:0}
.ci a:hover{background:var(--o);color:var(--bone)}
.ci h3{font-size:clamp(2.6rem,4vw,4.6rem);margin-bottom:.8rem}.ci p{font-size:13px;word-break:break-word}.ci span{display:block;margin-top:2rem;font-size:11px;letter-spacing:.14em}
.fq{padding:14vh var(--pad) 18vh;display:grid;grid-template-columns:1fr 1.6fr;gap:var(--pad)}
.fq h2{font-size:clamp(4rem,9vw,10rem);position:sticky;top:90px;align-self:start}.fq h2 em{color:var(--o)}
.fq__i{border-top:1px solid var(--ink)}.fq__i:last-child{border-bottom:1px solid var(--ink)}
.fq__i button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:0;border:0;padding:1.4rem 0;font:400 clamp(2rem,3.4vw,3.6rem)/.95 var(--d);text-align:left;cursor:pointer;color:inherit}
.fq__i button:after{content:"+";font:300 3rem/1 var(--s);color:var(--o);transition:transform .5s}
.fq__i.on button:after{transform:rotate(135deg)}
.fq__p{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s cubic-bezier(.2,.8,.2,1)}.fq__i.on .fq__p{grid-template-rows:1fr}
.fq__p div{overflow:hidden}.fq__p p{padding:0 0 1.6rem;font:300 1.5rem/1.15 var(--s);max-width:34ch}

@media(max-width:1100px){.pg{grid-template-columns:repeat(3,1fr)}.ci{grid-template-columns:1fr 1fr}.ci a:nth-child(2){border-right:0}.ci a:nth-child(-n+2){border-bottom:1px solid var(--ink)}}
@media(max-width:860px){
.hd .ic a.on{display:none}
.sh-hero__stack{width:58vw;top:12vh}.sh-hero__say{max-width:20ch}.sh-hero__go{display:none}
.fl{flex-direction:column;align-items:stretch;gap:.6rem}.fl__r{justify-content:space-between}
.ord__g,.dl{grid-template-columns:1fr}.dl div{border-right:0;border-bottom:1px solid var(--ink);padding:5vh var(--pad)}
.qv__box{grid-template-columns:1fr;overflow:auto}.qv__im{min-height:0;height:42svh}
.ch__st{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:1rem;padding-top:76px;align-items:start}.ch__im{height:34svh}.ch__im:after{font-size:5rem}
.ch__s h2{margin:.4rem 0 .8rem;font-size:clamp(3.4rem,15vw,6rem)}.ch__s p{font-size:1.4rem}
.ab-hero__ph{display:none}.ab-hero__f{flex-direction:column;align-items:flex-start}
.ct{grid-template-columns:1fr}.fq{grid-template-columns:1fr}.fq h2{position:static}
.pr li{grid-template-columns:3rem 1fr}.vc{min-height:44svh}
.voice{bottom:.7rem;left:var(--pad);right:auto;flex-direction:row}.voice p{font-size:1rem;border-radius:18px 18px 18px 4px}.sh-hero,.ab-hero{padding-bottom:96px}
}
@media(max-width:700px){.pg{grid-template-columns:repeat(2,1fr);gap:2rem .8rem}.pg .cd h3{font-size:1.5rem}.pg .cd__in{flex-direction:column;gap:.2rem}.pc__qv{transform:none;font-size:10px;padding:.6rem}.ci{grid-template-columns:1fr}.ci a{border-right:0;border-bottom:1px solid var(--ink)}}
@media(prefers-reduced-motion:reduce){.voice,.msg,.opts,.cmp{animation:none}}
html.rm .ch{background:var(--ink)}html.rm .ch__st{height:auto;padding-bottom:6vh}html.rm .ch__s{opacity:1;transform:none;grid-area:auto;margin-bottom:3rem}html.rm .ch__ss{display:block}
html.rm .ch__im img{clip-path:none;transform:none}html.rm .ch__im img:not(:first-child){display:none}
html.rm .rv{height:auto;padding:14vh var(--pad)}html.rm .rv__im{position:relative;inset:auto;clip-path:none;height:50svh}html.rm .rv__tx{position:relative;margin-top:2rem;color:var(--ink)}html.rm .rv__tx span{opacity:1}html.rm .rv__tx em{color:var(--o)}
html.rm .pr li:before{transform:none}html.rm .ord__s{opacity:1}
html.rm .vc{position:relative;top:auto}

.ch__im img,.rv__im,.rv__im img{will-change:transform}
.ch__im img{transition:clip-path 1s cubic-bezier(.7,0,.2,1),transform 1.4s cubic-bezier(.2,.8,.2,1)}