/* ==========================================================================
   HOME — "Curtain" motion layer (2026-10-23)
   Loaded only on / and /ar/. Builds on the CINEMA tokens in site.css.
   Black and white only. Photos in /assets/img/stock are Unsplash (free licence).
   Every hidden-before-reveal state is gated on html.js so the page reads
   fine without JavaScript, and prefers-reduced-motion shows everything still.
   ========================================================================== */
.fx-home{--ease:cubic-bezier(.2,.7,.1,1);--ease-io:cubic-bezier(.65,0,.35,1);--fx-intro:0s}
html.fx-intro .fx-home{--fx-intro:1.15s}
.fx-home .c-latin,.fx-en{font-family:var(--f-body)}
.fx-h2{margin:14px 0 0;font:300 clamp(30px,3.6vw,52px)/1.3 var(--f-display);letter-spacing:-.01em;text-wrap:balance}
html[lang="ar"] .fx-h2{font:300 clamp(30px,3.6vw,52px)/1.4 var(--f-ar-display);letter-spacing:0}
.fx-p{margin:0;color:var(--fg-2);max-width:46ch;font:300 17px/1.7 var(--f-body)}
html[lang="ar"] .fx-p{font:300 17px/1.9 var(--f-ar-body)}

/* ---------- intro curtain (first visit per session) ---------- */
.fx-curtain{display:none}
html.fx-intro .fx-curtain{display:block;position:fixed;inset:0;z-index:200;pointer-events:none}
.fx-curtain i{position:absolute;inset-inline:0;height:50.5%;background:#050505;animation:fx-open-top 1.2s 1s var(--ease-io) forwards}
.fx-curtain i:first-child{top:0}
.fx-curtain i:last-child{bottom:0;animation-name:fx-open-bot}
.fx-curtain__mark{position:absolute;inset:0;z-index:2;display:grid;place-content:center;justify-items:center;gap:18px;animation:fx-out .4s .9s forwards}
.fx-curtain__mark span{font:200 14px/1 var(--f-body);letter-spacing:.5em;color:var(--fg-2);opacity:0;animation:fx-in .7s .1s forwards}
.fx-curtain__mark b{display:block;width:200px;height:1px;background:var(--fg);transform:scaleX(0);animation:fx-draw .8s .25s var(--ease-io) forwards}
@keyframes fx-open-top{to{transform:translateY(-101%)}}
@keyframes fx-open-bot{to{transform:translateY(101%)}}
@keyframes fx-in{to{opacity:1}}
@keyframes fx-out{to{opacity:0}}
@keyframes fx-draw{to{transform:scaleX(1)}}
@keyframes fx-rise{from{transform:translateY(110%)}to{transform:none}}
@keyframes fx-settle{from{transform:scale(1.22)}to{transform:scale(1)}}

/* ---------- header goes solid once you scroll ---------- */
.fx-home .c-header{position:fixed;transition:background .5s,padding .5s,border-color .5s;border-bottom:1px solid transparent}
.fx-home .c-header.is-solid{background:rgba(11,11,10,.78);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px);padding-block:14px;border-bottom-color:rgba(255,255,255,.06)}
.fx-home .c-header__nav a:not(.c-header__lang){position:relative}
.fx-home .c-header__nav a:not(.c-header__lang)::after{content:"";position:absolute;inset-inline:0;bottom:-6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
html[dir="rtl"] .fx-home .c-header__nav a:not(.c-header__lang)::after{transform-origin:right}
.fx-home .c-header__nav a:hover::after{transform:scaleX(1)}
@media (max-width:760px){.fx-home .c-header__nav a::after{display:none}}

/* ---------- hero ---------- */
.fx-home .c-hero{height:100vh;height:100svh;min-height:620px;max-height:1000px}
.fx-home .c-hero__img{width:100%;-webkit-mask-image:none;mask-image:none;object-position:center 8%;filter:grayscale(1) contrast(1.2) brightness(.62);animation:fx-settle 2.6s calc(var(--fx-intro) + .1s) var(--ease) both}
html[dir="rtl"] .fx-home .c-hero__img{-webkit-mask-image:none;mask-image:none}
.fx-home .c-hero__shade{background:linear-gradient(to right,rgba(11,11,10,.85),rgba(11,11,10,0) 62%),linear-gradient(180deg,rgba(11,11,10,.45),transparent 25%,transparent 60%,#0B0B0A)}
html[dir="rtl"] .fx-home .c-hero__shade{background:linear-gradient(to left,rgba(11,11,10,.85),rgba(11,11,10,0) 62%),linear-gradient(180deg,rgba(11,11,10,.45),transparent 25%,transparent 60%,#0B0B0A)}
.fx-home .c-hero__body{bottom:clamp(40px,11vh,120px)}
.fx-home .c-hero__text{max-width:min(860px,64%)}
.fx-home .c-hero__title{font-size:clamp(38px,5.2vw,76px)}
html[lang="ar"] .fx-home .c-hero__title{font-size:clamp(36px,4.8vw,70px)}
.fx-line{display:block;overflow:hidden;padding-bottom:.08em}
.fx-line>span{display:block}
.js .fx-home .c-hero .fx-line>span{animation:fx-rise 1.3s calc(var(--fx-intro) + var(--d,0s)) var(--ease) both}
.fx-rule{display:block;height:1px;margin-top:30px;background:rgba(255,255,255,.3);transform-origin:left}
html[dir="rtl"] .fx-rule{transform-origin:right}
.js .fx-rule{transform:scaleX(0);animation:fx-draw 1.6s calc(var(--fx-intro) + 1.1s) var(--ease-io) forwards}
.fx-meta{display:flex;justify-content:space-between;gap:16px;padding-top:14px;font:300 12px/1 var(--f-body);letter-spacing:.12em;color:#9C9A94}
.js .fx-meta{opacity:0;animation:fx-in 1s calc(var(--fx-intro) + 1.7s) forwards}
.js .fx-home .c-hero__cta{opacity:0;animation:fx-in 1s calc(var(--fx-intro) + 1.3s) forwards}
@media (max-width:760px){
  .fx-home .c-hero__text{max-width:none}
  .fx-home .c-hero__img,html[dir="rtl"] .fx-home .c-hero__img{height:72%;object-position:center 15%;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 55%,transparent 100%)}
  .fx-home .c-hero__shade,html[dir="rtl"] .fx-home .c-hero__shade{background:linear-gradient(180deg,rgba(11,11,10,.35),transparent 25%,rgba(11,11,10,.55) 55%,#0B0B0A 88%)}
}

/* ---------- buttons fill from below ---------- */
.fx-btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;gap:12px;padding:15px 26px;border:1px solid rgba(255,255,255,.28);color:var(--fg);font:400 15px var(--f-body);text-decoration:none;transition:color .5s var(--ease),border-color .5s}
html[lang="ar"] .fx-btn{font-family:var(--f-ar-body)}
.fx-btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--fg);transform:translateY(101%);transition:transform .6s var(--ease)}
.fx-btn:hover{color:var(--bg);border-color:var(--fg)}
.fx-btn:hover::before{transform:none}

/* ---------- reveal helpers ---------- */
.js .fx-rv .fx-line>span{transform:translateY(110%);transition:transform 1.2s var(--ease)}
.js .fx-rv.in .fx-line>span{transform:none}
.fx-rv .fx-h2 .fx-line:nth-child(2)>span{transition-delay:.12s}
.js .fx-fade{opacity:0;transform:translateY(24px);transition:opacity 1.2s var(--ease),transform 1.2s var(--ease)}
.js .in .fx-fade,.js .fx-fade.in{opacity:1;transform:none}
.fx-label{margin:0;font:400 11px/1.4 var(--f-body);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-4)}
html[lang="ar"] .fx-label{font:400 14px/1.5 var(--f-ar-body);letter-spacing:0;text-transform:none}

/* ---------- marquee of standards ---------- */
.fx-mq{border-block:1px solid var(--c-line);overflow:hidden;padding:24px 0;direction:ltr}
.fx-mq__track{display:flex;gap:64px;width:max-content;animation:fx-mq 40s linear infinite;font:200 clamp(20px,2.4vw,34px)/1 var(--f-body);color:var(--fg-3);white-space:nowrap}
.fx-mq__track span::after{content:"/";margin-left:64px;color:#3a3936}
@keyframes fx-mq{to{transform:translateX(-50%)}}

/* ---------- wipe-reveal photo ---------- */
.fx-wipe{padding:clamp(80px,14vh,160px) var(--pad-x) clamp(48px,8vh,96px)}
.fx-wipe__head{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:end;margin-bottom:48px}
.fx-wipe__head .fx-h2{margin:0}
.fx-wipe__fig{position:relative;margin:0;height:78vh;max-height:820px;overflow:hidden}
.js .fx-wipe__fig{clip-path:inset(0 100% 0 0);transition:clip-path 1.8s var(--ease-io)}
html[dir="rtl"].js .fx-wipe__fig{clip-path:inset(0 0 0 100%)}
.js .fx-wipe__fig.in,html[dir="rtl"].js .fx-wipe__fig.in{clip-path:inset(0)}
.fx-wipe__fig img{position:absolute;inset:-10% 0;width:100%;height:120%;object-fit:cover;filter:grayscale(1) contrast(1.15) brightness(.8);transform:translateY(var(--py,0))}
.fx-cap{display:flex;justify-content:space-between;margin-top:14px;font:300 12px/1 var(--f-body);letter-spacing:.12em;color:var(--fg-4)}
html[lang="ar"] .fx-cap span:first-child{font:300 13px/1 var(--f-ar-body);letter-spacing:0}
@media (max-width:760px){.fx-wipe__head{grid-template-columns:1fr;gap:20px}.fx-wipe__fig{height:56vh}}

/* ---------- film: two rows drifting opposite ways ---------- */
.fx-film{padding:clamp(72px,12vh,140px) 0 clamp(56px,10vh,120px);overflow:hidden}
.fx-film__head{padding:0 var(--pad-x);margin-bottom:clamp(40px,7vh,80px);max-width:900px}
.fx-film__row{display:flex;gap:18px;width:max-content;margin-bottom:18px;transform:translateX(var(--fx,0));will-change:transform;direction:ltr}
.fx-film__row--b{margin-left:-30vw}
.fx-film figure{margin:0;width:clamp(240px,30vw,460px);aspect-ratio:3/2;overflow:hidden;background:var(--bg-2)}
.fx-film figure.tall{width:clamp(160px,18vw,280px)}
.fx-film img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.15) brightness(.8);transition:transform 1.2s var(--ease),filter .8s}
.fx-film figure:hover img{transform:scale(1.06);filter:grayscale(1) contrast(1.2) brightness(1)}

/* ---------- tools: pinned horizontal track ---------- */
.fx-hz{height:360vh}
.fx-hz__pin{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.fx-hz__head{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:0 var(--pad-x) 36px}
.fx-hz__head .fx-h2{margin:0}
.fx-hz__count{font:200 15px var(--f-body);color:var(--fg-4);letter-spacing:.1em;white-space:nowrap}
.fx-hz__track{display:flex;gap:28px;padding-inline:var(--pad-x);transform:translateX(var(--x,0));will-change:transform}
.fx-card{flex:0 0 min(540px,78vw);color:var(--fg);text-decoration:none}
.fx-card__img{height:min(50vh,420px);overflow:hidden;background:var(--bg-2)}
.fx-card__img img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1) brightness(.8);transition:transform 1.4s var(--ease),filter 1s}
.fx-card:hover .fx-card__img img{transform:scale(1.06);filter:grayscale(1) contrast(1.15) brightness(.95)}
.fx-card__img--type{display:grid;place-content:center;font:200 64px var(--f-body);color:#3a3936;letter-spacing:-.02em}
.fx-card__row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:20px;padding-top:18px;border-top:1px solid var(--c-line)}
.fx-card h3{margin:0;font:300 26px/1.3 var(--f-display)}
html[lang="ar"] .fx-card h3{font:400 25px/1.4 var(--f-ar-display)}
html[lang="ar"] .fx-card h3.c-latin{font:300 26px/1.3 var(--f-body)}
.fx-card .n{font:200 13px var(--f-body);color:var(--fg-4)}
.fx-card p{margin:8px 0 0;color:var(--fg-3);font:300 15px/1.6 var(--f-body)}
html[lang="ar"] .fx-card p{font:300 15px/1.8 var(--f-ar-body)}
.fx-hz__foot{display:flex;align-items:center;gap:32px;margin:40px var(--pad-x) 0}
.fx-hz__bar{flex:1;height:1px;background:var(--c-line)}
.fx-hz__bar i{display:block;height:100%;background:var(--fg);transform-origin:left;transform:scaleX(var(--p,0))}
html[dir="rtl"] .fx-hz__bar i{transform-origin:right}
@media (max-width:760px){
  .fx-hz{height:auto;padding:72px 0}
  .fx-hz__pin{position:static;height:auto}
  .fx-hz__track{transform:none;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none}
  .fx-hz__track::-webkit-scrollbar{display:none}
  .fx-card{scroll-snap-align:start;flex-basis:82vw}
  .fx-card__img{height:52vw}
  .fx-hz__count,.fx-hz__bar{display:none}
}

/* ---------- numbers ---------- */
.fx-nums{display:grid;grid-template-columns:repeat(4,1fr);margin:0 var(--pad-x);position:relative}
.fx-nums::before,.fx-nums::after{content:"";position:absolute;inset-inline:0;height:1px;background:var(--c-line)}
.fx-nums::before{top:0}.fx-nums::after{bottom:0}
.js .fx-nums::before,.js .fx-nums::after{transform:scaleX(0);transform-origin:left;transition:transform 1.6s var(--ease-io)}
html[dir="rtl"].js .fx-nums::before,html[dir="rtl"].js .fx-nums::after{transform-origin:right}
.js .fx-nums.in::before,.js .fx-nums.in::after{transform:scaleX(1)}
.fx-nums div{padding:52px 0 44px;padding-inline-start:28px;border-inline-start:1px solid var(--c-line)}
.fx-nums div:first-child{border:0;padding-inline-start:0}
.fx-nums b{display:block;font:200 clamp(44px,5.4vw,80px)/1 var(--f-body);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.fx-nums span{display:block;margin-top:14px;color:var(--fg-3);font-size:14px}
@media (max-width:760px){.fx-nums{grid-template-columns:1fr 1fr}.fx-nums div:nth-child(3){border:0;padding-inline-start:0}.fx-nums div{padding-block:36px 30px}}

/* ---------- mosaic: columns drift at different speeds ---------- */
.fx-mosaic{padding:clamp(80px,16vh,180px) var(--pad-x) clamp(48px,8vh,96px);overflow:hidden}
.fx-mosaic__head{max-width:760px;margin-bottom:clamp(40px,8vh,96px)}
.fx-mosaic__cols{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:20px;align-items:start}
.fx-mosaic__col{display:flex;flex-direction:column;gap:20px;transform:translateY(var(--d,0));will-change:transform}
.fx-mosaic__col:nth-child(2){margin-top:14vh}
.fx-mosaic figure{position:relative;margin:0;overflow:hidden;background:var(--bg-2)}
.fx-mosaic img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.15) brightness(.78);transition:transform 1.8s var(--ease),filter 1s}
.fx-mosaic figure:hover img{filter:grayscale(1) contrast(1.2) brightness(.95)}
.fx-mosaic figcaption{position:absolute;left:16px;bottom:14px;font:300 11px/1 var(--f-body);letter-spacing:.14em;color:rgba(255,255,255,.72)}
.js .fx-mosaic img{transform:scale(1.15)}
.js .fx-mosaic figure.in img{transform:scale(1)}
.js .fx-mosaic figure::after{content:"";position:absolute;inset:0;background:var(--bg);transform-origin:left;transition:transform 1.3s var(--ease-io)}
html[dir="rtl"].js .fx-mosaic figure::after{transform-origin:right}
.js .fx-mosaic figure.in::after{transform:scaleX(0)}
@media (max-width:760px){.fx-mosaic__cols{grid-template-columns:1fr 1fr;gap:12px}.fx-mosaic__col{gap:12px}.fx-mosaic__col:nth-child(3){display:none}}

/* ---------- zoom band: framed photo opens to full bleed ---------- */
.fx-zoom{height:240vh}
.fx-zoom__pin{position:sticky;top:0;height:100vh;overflow:hidden;display:grid;place-items:center}
.fx-zoom__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.15) brightness(calc(.85 - var(--z,1)*.35));
  clip-path:inset(calc((1 - var(--z,1))*22%) calc((1 - var(--z,1))*30%));transform:scale(calc(1.2 - var(--z,1)*.2))}
.fx-zoom__q{position:relative;text-align:center;padding:0 var(--pad-x);opacity:var(--q,1);transform:translateY(calc((1 - var(--q,1))*30px))}
.fx-zoom__q p{margin:0;font:200 clamp(34px,5.4vw,80px)/1.25 var(--f-display);letter-spacing:-.02em}
html[lang="ar"] .fx-zoom__q p{font:200 clamp(34px,5.4vw,80px)/1.35 var(--f-ar-display);letter-spacing:0}
.fx-zoom__q span{display:block;margin-top:22px;font:300 13px var(--f-body);letter-spacing:.2em;color:var(--fg-2)}
.js .fx-zoom{--z:0;--q:0}

/* ---------- stack: cards pin and pile up ---------- */
.fx-stack{padding:clamp(72px,14vh,160px) var(--pad-x) 0}
.fx-stack__head{margin-bottom:clamp(40px,8vh,96px)}
.fx-sc{position:sticky;top:calc(10vh + var(--i)*26px);height:78vh;max-height:820px;margin:0 0 10vh;overflow:hidden;background:var(--bg-2);transform-origin:center top}
.fx-sc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.15) brightness(.6)}
.fx-sc::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(11,11,10,.78),transparent 62%)}
html[dir="rtl"] .fx-sc::after{background:linear-gradient(to left,rgba(11,11,10,.78),transparent 62%)}
.fx-sc__t{position:absolute;inset-inline-start:clamp(24px,5vw,72px);bottom:clamp(24px,6vh,64px);z-index:1;max-width:460px}
.fx-sc__t span{font:200 14px var(--f-body);letter-spacing:.2em;color:var(--fg-3)}
.fx-sc__t h3{margin:10px 0;font:300 clamp(38px,5vw,72px)/1.1 var(--f-display);letter-spacing:-.02em}
html[lang="ar"] .fx-sc__t h3{font:300 clamp(38px,5vw,72px)/1.25 var(--f-ar-display);letter-spacing:0}
.fx-sc__t p{margin:0;color:var(--fg-2)}
@media (max-width:760px){.fx-sc{height:68vh;top:calc(12vh + var(--i)*18px)}}

/* ---------- app: screenshot tilts flat and floods into colour ---------- */
.fx-app{padding:clamp(80px,16vh,180px) var(--pad-x);display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:center;perspective:1600px}
.fx-app .fx-p{margin:18px 0 30px}
.fx-app__shot{display:block;border:1px solid #2a2927;box-shadow:0 60px 120px -40px rgba(0,0,0,.9);transform-origin:center bottom;
  transform:rotateX(calc((1 - var(--t,1))*24deg)) rotateY(calc((1 - var(--t,1))*-10deg)) scale(calc(.9 + var(--t,1)*.1))}
html[dir="rtl"] .fx-app__shot{transform:rotateX(calc((1 - var(--t,1))*24deg)) rotateY(calc((1 - var(--t,1))*10deg)) scale(calc(.9 + var(--t,1)*.1))}
.fx-app__shot img{display:block;width:100%;height:auto;filter:grayscale(calc(1 - var(--t,1)))}
.js .fx-app{--t:0}
@media (max-width:760px){.fx-app{grid-template-columns:1fr;gap:40px}}

/* ---------- closing band ---------- */
.fx-end{position:relative;isolation:isolate;overflow:hidden;padding:clamp(96px,20vh,220px) var(--pad-x) clamp(72px,14vh,160px);display:grid;grid-template-columns:auto 1fr;gap:5vw;align-items:end;border-top:1px solid var(--c-line)}
.fx-end__bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.3;filter:grayscale(1)}
.fx-end::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--bg),transparent 50%,var(--bg))}
.fx-end__img{width:clamp(120px,16vw,240px);aspect-ratio:3/4;overflow:hidden}
.fx-end__img img{width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:grayscale(1) contrast(1.3) brightness(.5)}
.fx-big{display:block;width:max-content;max-width:100%;font:200 clamp(56px,10vw,160px)/1.1 var(--f-display);letter-spacing:-.03em;text-decoration:none;
  background:linear-gradient(to right,var(--fg) 50%,#8a8884 50%) 100% 0/200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;transition:background-position 1s var(--ease)}
.fx-big:hover{background-position:0 0}
html[lang="ar"] .fx-big{font:200 clamp(56px,10vw,160px)/1.25 var(--f-ar-display);letter-spacing:0;background-image:linear-gradient(to left,var(--fg) 50%,#8a8884 50%);background-position:0 0}
html[lang="ar"] .fx-big:hover{background-position:100% 0}
.fx-end__row{display:flex;flex-wrap:wrap;gap:16px 40px;margin-top:28px;font-size:14px}
.fx-end__row a{color:var(--fg-3);text-decoration:none;transition:color .3s}
.fx-end__row a:hover{color:var(--fg)}
@media (max-width:760px){.fx-end{grid-template-columns:1fr}.fx-end__img{display:none}}

/* ---------- cursor ring (mouse only) ---------- */
.fx-cur{display:none}
@media (pointer:fine){
  .fx-cur{display:grid;place-content:center;position:fixed;top:0;left:0;z-index:150;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;border:1px solid rgba(255,255,255,.8);pointer-events:none;
    font:400 11px var(--f-body);color:var(--bg);opacity:0;transition:width .45s var(--ease),height .45s var(--ease),margin .45s var(--ease),background .45s,opacity .3s}
  html[lang="ar"] .fx-cur{font-family:var(--f-ar-body)}
  .fx-cur.on{opacity:1}
  .fx-cur span{opacity:0;transition:opacity .3s}
  .fx-cur.big{width:84px;height:84px;margin:-42px 0 0 -42px;background:var(--fg);border-color:var(--fg)}
  .fx-cur.big span{opacity:1}
  .fx-cur.link{width:40px;height:40px;margin:-20px 0 0 -20px}
}

/* ---------- reduced motion: everything visible and still ---------- */
@media (prefers-reduced-motion:reduce){
  .fx-home *,.fx-home *::before,.fx-home *::after{animation:none!important;transition:none!important}
  html.fx-intro .fx-curtain,.fx-cur{display:none!important}
  .js .fx-home .fx-line>span,.js .fx-fade{transform:none!important;opacity:1!important}
  .js .fx-rule,.js .fx-nums::before,.js .fx-nums::after{transform:none}
  .js .fx-meta,.js .fx-home .c-hero__cta{opacity:1}
  .js .fx-wipe__fig,html[dir="rtl"].js .fx-wipe__fig{clip-path:none}
  .js .fx-mosaic figure::after{display:none}
  .js .fx-mosaic img{transform:none}
  .js .fx-zoom,.js .fx-app{--z:1;--q:1;--t:1}
  .fx-zoom{height:auto}.fx-zoom__pin{position:relative}
  .fx-hz{height:auto;padding:72px 0}.fx-hz__pin{position:static;height:auto}
  .fx-hz__track{transform:none;overflow-x:auto}
  .fx-mq__track{flex-wrap:wrap;width:auto;padding:0 var(--pad-x)}
}