/* CIMA English site. A rebuild of the original Creative Inside design (Wix Studio, 2024-25).
   Sizes follow the original: most layout values scale with the page width (--u = 1% of it),
   type in the header, about, services and form stays at fixed pixel sizes like the original. */
:root{
  --u:calc(var(--cw,100vw) / 100);
  --black:#000;--white:#fff;--cyan:#00aeef;--svc:#009cd8;--yellow:#f2e93a;--orange:#ff4e27;--sky:#95e0ff;--grey:#f0f0f0;--navy:#04202e;--blue-text:#0072b0;
  --ws:"Work Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Azeret Mono",ui-monospace,Menlo,Consolas,monospace;
  --jost:"Jost","Futura","Century Gothic",system-ui,sans-serif;
  --lob:"Lobster","Brush Script MT",cursive;
  --ama:"Amatic SC","Arial Narrow",sans-serif-condensed,sans-serif;
  --bar:"Barlow",system-ui,sans-serif;
  --io:cubic-bezier(.645,.045,.355,1);--sine:cubic-bezier(.445,.05,.55,.95);
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--black);color:var(--white);font:400 16px/1.5 var(--ws);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
img,video,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,p,ul,figure{margin:0}
ul{padding:0;list-style:none}
address{font-style:normal}
button{font:inherit;color:inherit;cursor:pointer}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:fixed;left:12px;top:-80px;z-index:300;background:var(--yellow);color:#000;font:700 14px/1 var(--ws);padding:12px 16px;border-radius:6px;text-decoration:none}
.skip:focus{top:12px}
:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.svc :focus-visible,.cl :focus-visible,.card :focus-visible{outline-color:#000}
.c{color:var(--cyan)}.y{color:var(--yellow)}.o{color:var(--orange)}.sky{color:var(--sky)}

/* ---------- Header ---------- */
.hd{position:fixed;inset:0 0 auto;z-index:100;height:78px;display:flex;align-items:center;padding:0 max(16px,calc(2.1 * var(--u)));background:linear-gradient(#000,rgba(0,0,0,0));pointer-events:none}
.hd>*{pointer-events:auto}
.hd-logo{display:block;flex:none}
.hd-logo img{width:clamp(112px,calc(10.8 * var(--u)),190px);height:auto}
.hd-social{display:flex;align-items:center;gap:30px;margin-left:clamp(10px,calc(1.9 * var(--u)),30px)}
.hd-social a,.mmenu-social a,.ft-social a{display:grid;place-items:center;border-radius:6px}
.hd-social svg{width:18px;height:18px;fill:#fff}
.hd-nav{margin-left:auto}
.hd-nav ul{display:flex;gap:5px}
.hd-nav a{display:flex;align-items:center;height:34px;padding:0 18px;border-radius:50px;background:#fff;color:#000;text-decoration:none;font:400 12px/1 var(--mono);transition:background-color .25s}
.hd-nav a[aria-current],.hd-nav a:hover{background:var(--cyan)}
.lang{position:relative;margin-left:clamp(20px,calc(6.6 * var(--u)),95px)}
.lang-btn{display:flex;align-items:center;gap:8px;min-width:133px;height:45px;padding:0 4px;background:none;border:0;color:#fff;font:600 16px/1 var(--jost)}
.lang-btn .chev{width:12px;height:8px;margin-left:auto;fill:none;stroke:#fff;stroke-width:1.4;transition:transform .25s}
.lang-btn[aria-expanded=true] .chev{transform:rotate(180deg)}
.flag{width:15px;height:15px;flex:none;border-radius:50%}
.lang-list{position:absolute;right:0;top:calc(100% + 4px);min-width:160px;background:#0d0d0d;border:1px solid #2b2b2b;border-radius:10px;padding:6px;box-shadow:0 12px 30px rgba(0,0,0,.5)}
.lang-list a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;text-decoration:none;font:500 15px/1 var(--ws)}
.lang-list a:hover,.lang-list a:focus-visible{background:#1f1f1f}
.lang-list a[aria-current]{color:var(--cyan)}
.menu-btn{display:none}

/* Mobile menu (full screen, like the original) */
.mmenu{position:fixed;inset:0;z-index:200;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;padding:80px 20px calc(40px + env(safe-area-inset-bottom))}
.mmenu[hidden]{display:none}
.mmenu nav{display:flex;flex-direction:column;align-items:center;gap:6px}
.mmenu nav a{font:700 15px/1 var(--bar);letter-spacing:.04em;color:#fff;text-decoration:none;padding:16px 28px}
.mmenu nav a[aria-current]{color:var(--orange)}
.mmenu-x{position:absolute;top:calc(14px + env(safe-area-inset-top));right:14px;width:44px;height:44px;display:grid;place-items:center;background:none;border:0}
.mmenu-x svg{width:22px;height:22px;stroke:var(--orange);stroke-width:2.4;fill:none}
.mmenu-lang a{font:600 15px/1 var(--ws);color:#fff;text-decoration:underline;text-underline-offset:4px;padding:10px}
.mmenu-social{display:flex;gap:26px}
.mmenu-social svg{width:26px;height:26px;fill:#fff}

/* ---------- 1. Intro ---------- */
.intro{position:relative;height:100vh;height:100svh;min-height:540px;background:#000;overflow:hidden}
.intro-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}

/* ---------- 2. Reel wall (cards stick, type passes over them) ---------- */
.reel{position:relative;display:grid;grid-template:1fr/1fr;height:calc(305.9 * var(--u));background:#000;isolation:isolate;overflow-x:clip}
.rc{--w:min(calc(23 * var(--u)),calc(78vh * .5625));grid-area:1/1;align-self:start;position:sticky;top:calc(50vh - var(--w) * .8889);width:var(--w);aspect-ratio:9/16;border-radius:calc(1.75 * var(--u));overflow:hidden;background:#141414;z-index:1;will-change:transform,opacity}
.rc video{width:100%;height:100%;object-fit:cover}
.rc-a{justify-self:center;margin-top:calc(48.7 * var(--u))}
.rc-b{justify-self:start;margin-left:calc(8 * var(--u));margin-top:calc(83.9 * var(--u))}
.rc-c{justify-self:end;margin-right:calc(8 * var(--u));margin-top:calc(120 * var(--u))}
.rt{grid-area:1/1;align-self:start;justify-self:stretch;position:relative;z-index:2;color:var(--cyan);mix-blend-mode:difference;text-align:center;white-space:nowrap;pointer-events:none}
.rt1{font:600 calc(14.98 * var(--u))/.9 var(--ws);letter-spacing:-.06em;-webkit-text-stroke:.012em currentColor;margin-top:calc(184.5 * var(--u))}
.rt2{font:300 calc(8.28 * var(--u))/.9 var(--jost);letter-spacing:.25em;padding-left:.25em;margin-top:calc(197.1 * var(--u))}
.rt3{font:700 calc(16.57 * var(--u))/.9 var(--lob);margin-top:calc(204.6 * var(--u))}
.rt4{font:700 calc(10.26 * var(--u))/.9 var(--ama);letter-spacing:.27em;padding-left:.27em;margin-top:calc(219.4 * var(--u))}

/* ---------- Section labels and headings ---------- */
.lbl{font:600 14px/1.3 var(--ws);color:var(--orange)}
h2{font:600 46px/1 var(--ws);letter-spacing:-.01em;text-wrap:balance}

/* ---------- 3. About (sticks, services slides over it) ---------- */
.about{margin-top:-70vh;transform-origin:50% 0;position:sticky;top:0;z-index:1;height:100vh;min-height:560px;display:grid;place-items:center;background:#1b2526 url(img/about-bg.webp) center/cover no-repeat;overflow:hidden}
.about::after{content:"";position:absolute;inset:0;background:#000;opacity:var(--dim,0);pointer-events:none}
.about::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 55% at 50% 48%,rgba(0,0,0,.62),rgba(0,0,0,.3) 70%,rgba(0,0,0,.22))}
.about-in{position:relative;max-width:680px;padding:0 20px 4vh;text-align:center}
.about .lbl{margin-bottom:26px}
.about h2{color:#fff;margin:0 auto 28px;max-width:640px}
.about-p{font:400 12px/1.6 var(--mono);letter-spacing:.05em;max-width:620px;margin:0 auto}

/* ---------- 4. Services ---------- */
.svc::after{content:"";position:absolute;inset:0;background:#000;opacity:var(--dim,0);pointer-events:none}
.svc{transform-origin:50% 0;position:sticky;top:0;z-index:2;min-height:100vh;background:var(--svc);padding:88px max(16px,calc(3 * var(--u))) 120px;text-align:center}
.svc-hd .lbl{font-size:20px;color:#000;margin-bottom:20px}
.svc-hd h2{color:#fff}
.svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 24px;max-width:1340px;margin:62px auto 0}
.svc-grid li{display:flex;flex-direction:column;align-items:center}
.tilt{width:82px;height:82px;object-fit:contain;transform:perspective(520px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform;filter:drop-shadow(0 10px 12px rgba(0,60,100,.28))}
.svc h3{font:700 18.7px/1.25 var(--ws);letter-spacing:.01em;color:#fff;margin:22px 0 10px}
.svc-grid p{font:400 12px/1.6 var(--mono);letter-spacing:.05em;color:var(--navy);max-width:330px}
.svc mark{background:var(--yellow);color:#000;padding:1px 2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.svc em{font-style:normal;font-weight:700;color:#000;text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:1.5px;text-underline-offset:3px}

/* ---------- 5. Portfolio ---------- */
.pf{position:relative;z-index:3;background:#2b1d22 url(img/portfolio-bg.webp) center/cover no-repeat;padding:87px 0 110px;text-align:center}
.pf .lbl{margin-bottom:20px}
.pf h2{font-size:45px;color:#fff}
.pf-g{position:relative;width:calc(71.6 * var(--u));margin:92px auto 0;columns:3;column-gap:0}
.pf-g.ready{columns:auto}
.pf-i{break-inside:avoid;overflow:hidden}
.pf-g.ready .pf-i{position:absolute;left:0;top:0}
.pf-b{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:#1a1114;overflow:hidden}
.pf-b img,.pf-b video{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--io)}
.pf-b video{position:absolute;inset:0;opacity:0;transition:opacity .3s}
.pf-b.playing video{opacity:1}
.pf-b:hover img,.pf-b:hover video{transform:scale(1.04)}
.pf-b:focus-visible{outline-offset:-3px}
.pf-play{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:rgba(0,0,0,.35);transition:opacity .3s}
.pf-play::after{content:"";position:absolute;left:18px;top:14px;border-style:solid;border-width:9px 0 9px 14px;border-color:transparent transparent transparent #fff}
.pf-b.playing .pf-play{opacity:0}
.js .pf-g.ready .pf-i{opacity:0;translate:0 100px;transition:opacity .7s var(--sine),translate .8s var(--io)}
.js .pf-g.ready .pf-i.in{opacity:1;translate:0 0}
.pill{display:inline-flex;align-items:center;height:42px;padding:0 26px;margin-top:56px;border-radius:300px;background:var(--orange);color:#000;text-decoration:none;font:400 12px/1 var(--mono);letter-spacing:.05em;transition:background-color .25s,transform .25s}
.pill:hover{background:#ff6a4a;transform:translateY(-2px)}

/* ---------- 6. Clients ---------- */
.cl{position:relative;z-index:3;background:#fff;color:#000;padding:86px 0 110px;text-align:center;overflow:hidden}
.cl .lbl{color:var(--blue-text);margin-bottom:24px}
.cl h2{color:var(--orange)}
.mq{margin-top:52px}
.mq-row{display:flex;width:max-content;--n:7;animation:mq-r calc(var(--n) * 1.9s) linear infinite}
.mq-row.r2{--n:6;animation-name:mq-l}
.mq:hover .mq-row{animation-play-state:paused}
.mq-row ul{display:flex}
.logo{flex:none;width:calc(11.86 * var(--u));height:calc(11.86 * var(--u));min-width:96px;min-height:96px;margin-right:calc(.77 * var(--u));display:grid;place-items:center}
.logo img{height:auto;max-width:none}
@keyframes mq-r{from{transform:translateX(-33.3333%)}to{transform:translateX(0)}}
@keyframes mq-l{from{transform:translateX(0)}to{transform:translateX(-33.3333%)}}

/* ---------- 7. Contact (the original footer) ---------- */
.ft{position:relative;z-index:3;background:#000;padding:15px max(16px,calc(3 * var(--u))) 0}
.ft-big .ch{display:inline-block;will-change:transform}
.js .ft-big .ch{transform:translateY(105%);opacity:0;transition:transform 1s var(--io),opacity .6s var(--sine);transition-delay:calc(var(--i) * 40ms)}
.js .ft-big.in .ch{transform:none;opacity:1}
.ft-big{overflow:hidden;padding:.06em 0 .02em;font:600 calc(14.25 * var(--u))/.9 var(--ws);letter-spacing:-.04em;-webkit-text-stroke:.012em currentColor;color:var(--cyan);text-align:center;white-space:nowrap}
.ft-sub{display:none}
.ft-grid{display:grid;grid-template-columns:calc(24.9 * var(--u)) calc(23.7 * var(--u)) minmax(0,1fr);grid-template-rows:auto auto 1fr;align-items:start;margin-top:30px}
.ft-info{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:32px;font:700 20px/32px var(--ws);color:var(--yellow)}
.ft-info a{width:max-content}
.u{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
.ft-nav{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;gap:10px;font:700 20px/28px var(--ws);color:var(--grey)}
.ft-nav a{text-decoration:none}
.ft-nav a[aria-current]{color:var(--orange)}
.ft-nav a:hover{color:var(--cyan)}
.ft-soc{grid-column:1;grid-row:2;margin-top:48px}
.ft-social{display:flex;gap:6px}
.ft-social a{width:40px;height:40px}
.ft-social svg{width:30px;height:30px;fill:#fff}
.card{grid-column:3;grid-row:1/4;background:#fff;color:#000;border-radius:25px;padding:37px 35px 36px;display:flex;flex-direction:column}
.card-h{font:700 12px/1.5 var(--mono)}
.card-s{font:400 12px/1.5 var(--mono);margin:30px 0 8px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}
.fld{display:flex;flex-direction:column;min-width:0;margin-top:22px;border:0;padding:0}
.fld label,.fld legend{font:600 14px/1.3 var(--ws);padding:0}
.fld input,.fld select,.fld textarea{width:100%;font:400 12px/1.5 var(--mono);color:#000;background:transparent;border:0;border-bottom:1px solid #000;border-radius:0;padding:12px 6px 8px;margin-top:4px}
.fld textarea{resize:vertical;min-height:72px}
.fld select{appearance:none;-webkit-appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E") right 6px center no-repeat;padding-right:24px}
.fld input::placeholder,.fld textarea::placeholder{color:#767676;opacity:1}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-bottom:2px solid var(--cyan);padding-bottom:7px}
.fld [aria-invalid=true]{border-bottom:2px solid #c42200}
.tel{display:flex;align-items:flex-end;gap:8px}
.tel-cc{display:flex;align-items:center;gap:6px;font:400 12px/1 var(--mono);padding:0 0 10px 2px;border-bottom:1px solid #000;white-space:nowrap}
.tel-cc .flag{width:16px;height:16px;border-radius:2px}
.er{margin:6px 0 0;font:600 12px/1.4 var(--ws);color:#b42000}
.er:empty{display:none}
.fld small{font:400 11px/1 var(--mono);color:#555;margin-left:6px;text-transform:none}
.pk{flex-direction:row;flex-wrap:wrap;gap:8px}
.pk legend{width:100%;margin-bottom:10px}
.pk label{position:relative;display:inline-flex;cursor:pointer}
.pk input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.pk span{display:inline-block;font:400 12px/1 var(--mono);padding:9px 13px;border:1px solid #000;border-radius:999px;transition:background-color .2s,color .2s}
.pk label:hover span{background:#f0f0f0}
.pk input:checked+span{background:#000;color:#fff}
.pk input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:2px}
.fine{font:400 11px/1.6 var(--mono);color:#444;margin-top:22px}
.fine a{color:#000}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ts:empty{display:none}
.submit{align-self:center;min-width:179px;height:41px;margin-top:26px;border:0;border-radius:0;background:var(--orange);color:#000;font:700 14px/1 var(--bar);letter-spacing:.04em;transition:background-color .25s}
.submit:hover{background:#ff6a4a}
.submit[aria-busy=true]{opacity:.6;cursor:progress}
.fail{margin-top:14px;font:600 13px/1.5 var(--ws);color:#b42000;text-align:center}
.done{margin-top:16px;padding:14px 16px;border:1.5px solid var(--cyan);border-radius:10px;background:#effaff;font:500 14px/1.5 var(--ws)}
.ft-bar{background:#000;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 30px;padding:58px max(16px,calc(3 * var(--u))) calc(28px + env(safe-area-inset-bottom));font:400 13.5px/1.6 var(--mono);letter-spacing:.05em;position:relative;z-index:3}
.ft-bar nav{display:flex;flex-wrap:wrap;gap:8px 32px}
.ft-bar p{margin-left:auto}
.ft-bar a{text-underline-offset:3px}
.motion-t{background:none;border:0;padding:0;font:inherit;letter-spacing:inherit;color:#fff;text-decoration:underline;text-underline-offset:3px}

/* ---------- Lightbox ---------- */
.lb{padding:0;border:0;background:transparent;color:#fff;max-width:100vw;max-height:100vh;width:100vw;height:100vh;margin:0}
.lb::backdrop{background:rgba(0,0,0,.88)}
.lb-in{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:16px;padding:56px 16px}
.lb-fig{display:flex;flex-direction:column;align-items:center;gap:14px;max-height:100%}
.lb-media{display:grid;place-items:center}
.lb-media img,.lb-media video{max-height:calc(100vh - 160px);max-width:min(92vw,620px);width:auto;height:auto;border-radius:12px;background:#111}
.lb figcaption{font:600 14px/1.4 var(--ws);text-align:center}
.lb-ig{color:var(--cyan);margin-left:6px}
.lb-x,.lb-nav{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.1);border:0;flex:none}
.lb-x{position:absolute;top:14px;right:14px}
.lb-x svg,.lb-nav svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.2}
.lb-x:hover,.lb-nav:hover{background:rgba(255,255,255,.2)}

/* ---------- Entrance animations (same timing as the original) ---------- */
.js [data-a=slide]{transform:translateY(100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}
.js [data-a=fade]{opacity:0}
.js [data-a=float]{opacity:0;transform:translateY(60px)}
.js [data-a].in{transform:none;opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:transform 1.2s var(--io),clip-path 1.2s var(--io),opacity 1.2s var(--sine)}
.js [data-a][data-d="800"].in{transition-duration:.8s}

/* ---------- Tablet (751-1000): desktop layout, no stacking ---------- */
@media (max-width:1000px){
  .about,.svc{position:relative;top:auto}
  .hd-social{gap:20px}
  .lang-btn{min-width:0}
  .ft-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto}
  .card{grid-column:1/-1;grid-row:1;margin-bottom:48px}
  .ft-info{grid-row:2}.ft-nav{grid-row:2}.ft-soc{grid-row:3}
}

/* ---------- Mobile (up to 750px), following the original mobile layout ---------- */
@media (max-width:750px){
  html{scroll-padding-top:70px}
  .hd{height:68px;padding:0 12px 0 16px}
  .hd-logo img{width:119px}
  .hd-social{gap:14px;margin-left:12px}
  .hd-social svg{width:17px;height:17px}
  .hd-nav{display:none}
  .lang{margin-left:auto}
  .lang-btn{gap:6px;font-size:15px;padding:0 6px}
  .lang-btn .chev{margin-left:4px}
  .menu-btn{display:grid;align-content:center;gap:5px;width:44px;height:44px;margin-left:4px;padding:0 10px;background:none;border:0}
  .menu-btn span{display:block;height:2px;border-radius:2px;background:#fff}
  .intro{height:auto;min-height:0;padding-top:68px}
  .intro-v{position:relative;inset:auto;height:auto;aspect-ratio:16/9}
  .reel{height:calc(638 * var(--u))}
  .rc{--w:calc(29 * var(--u));border-radius:calc(3.5 * var(--u))}
  .rc-a{margin-top:calc(8.9 * var(--u))}
  .rc-b{margin-left:calc(3.5 * var(--u));margin-top:calc(80 * var(--u))}
  .rc-c{margin-right:calc(3.5 * var(--u));margin-top:calc(150 * var(--u))}
  .rt1{font-size:calc(14.2 * var(--u));margin-top:calc(362.6 * var(--u))}
  .rt2{font-size:calc(7.4 * var(--u));letter-spacing:.3em;padding-left:.3em;margin-top:calc(375.9 * var(--u))}
  .rt3{font-size:calc(15.9 * var(--u));margin-top:calc(381.3 * var(--u))}
  .rt4{font-size:calc(7.95 * var(--u));letter-spacing:.4em;padding-left:.4em;margin-top:calc(396.9 * var(--u))}
  .lbl{font-size:12px}
  h2{font-size:25px}
  .about{height:auto;min-height:520px;padding:70px 0;margin-top:-45vh}
  .about .lbl{margin-bottom:18px}
  .about h2{font-size:22px;max-width:320px;margin-bottom:22px}
  .about-p{line-height:1.3;letter-spacing:0;max-width:336px}
  .svc{min-height:0;padding:40px 21px 70px}
  .svc-hd .lbl{font-size:13px;margin-bottom:16px}
  .svc-hd h2{max-width:240px;margin:0 auto}
  .svc-grid{grid-template-columns:1fr;gap:50px;margin-top:46px}
  .svc-grid p{font-size:13px;line-height:1.6;max-width:348px}
  .pf{padding:40px 0 70px}
  .pf h2{font:900 25px/1 var(--mono);letter-spacing:.02em}
  .pf-g{width:calc(100% - 24px);margin-top:36px;columns:2;column-gap:6px}
  .pill{margin-top:40px}
  .cl{padding:40px 0 60px}
  .cl .lbl{margin-bottom:18px}
  .mq{margin-top:30px}
  .logo{width:calc(23 * var(--u));height:calc(23 * var(--u));min-width:0;min-height:0;margin-right:calc(2 * var(--u))}
  .ft{padding:60px 12px 0}
  .ft-big{font-size:calc(13.8 * var(--u))}
  .ft-sub{display:block;font:300 calc(9.26 * var(--u))/1 var(--jost);letter-spacing:.1em;color:var(--cyan);text-align:center;margin-top:2px}
  .ft-grid{grid-template-columns:1fr auto;margin-top:46px}
  .card{border-radius:20px;padding:30px 24px 30px;margin-bottom:40px}
  .f2{grid-template-columns:1fr}
  .submit{align-self:stretch;background:var(--yellow);color:#000}
  .submit:hover{background:#fff35c}
  .ft-info{font-size:12px;line-height:19px;gap:19px;padding-left:8px}
  .ft-nav{font:700 12px/1.25 var(--bar);gap:12px;padding-right:12px}
  .ft-soc{margin-top:32px;padding-left:2px}
  .ft-bar{flex-direction:column;align-items:flex-start;gap:30px;padding:46px 20px calc(30px + env(safe-area-inset-bottom));font-size:11px}
  .ft-bar nav{flex-direction:column;gap:10px}
  .ft-bar p{margin-left:0}
  .lb-nav{position:absolute;bottom:18px}
  .lb-prev{left:calc(50% - 60px)}.lb-next{right:calc(50% - 60px)}
}

/* ---------- Reduced motion / paused ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js [data-a]{transform:none!important;opacity:1!important;clip-path:none!important}
  .mq-row{animation:none}
  .js .ft-big .ch{transform:none;opacity:1}
  .js .pf-g.ready .pf-i{opacity:1;translate:none}
}
.still .js [data-a],.js.still [data-a]{transform:none!important;opacity:1!important;clip-path:none!important}
.still .mq-row{animation:none}
.js.still .ft-big .ch{transform:none;opacity:1}
.js.still .pf-g.ready .pf-i{opacity:1;translate:none}