/* =========================================================
   CK Digital 360, home A: "קורן והאתר החי"
   Palette locked: #000 #050512 #E7357A #10E2FF #FEC15C #7B2FFF #FF922D #FFF #A69D9D
   Shape system: frames 18px, cards 16px, buttons and chips full pill, form fields underline only
   Motion: transform and opacity only. Static tilt lives on "rotate", reveals on "translate/scale"
   z-scale: content 0-5, sticky tabs 20, fab 45, nav and mobile bar 50, grain 60
   ========================================================= */
:root{
  --black:#000000;--ink:#050512;--pink:#E7357A;--cyan:#10E2FF;--gold:#FEC15C;--purple:#7B2FFF;--orange:#FF922D;--white:#FFFFFF;--grey:#A69D9D;
  --line:rgba(255,255,255,.14);--line-soft:rgba(255,255,255,.08);--surface:rgba(255,255,255,.045);
  --ease:cubic-bezier(.16,1,.3,1);--ease-b:cubic-bezier(.32,.72,0,1);
  --gutter:clamp(18px,4.4vw,64px);--max:1360px;--nav-h:64px;
  --kh:min(88vh,60vw);--kw:calc(var(--kh)*.7467);
}
@supports (height:1svh){:root{--kh:min(88svh,60vw)}}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:hidden;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--black);color:var(--white);font-family:"Rubik",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.65;font-weight:400;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,video,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul,ol{margin:0;padding:0}
ul,ol{list-style:none}
:focus-visible{outline:2px solid var(--cyan);outline-offset:4px;border-radius:8px}
::selection{background:var(--pink);color:#000}
.en{font-family:"Orbitron","Rubik",sans-serif}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
.wrap{width:min(var(--max),100% - 2*var(--gutter));margin-inline:auto;position:relative}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.skip{position:fixed;inset-block-start:10px;inset-inline-start:10px;z-index:70;background:var(--cyan);color:#000;padding:10px 18px;border-radius:999px;font-weight:600;transform:translateY(-200%)}
.skip:focus{transform:none}
body::after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.075;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ---------- type ---------- */
.h2{font-weight:800;font-size:clamp(38px,6.1vw,96px);line-height:.95;letter-spacing:-.02em}
.h2 span{display:block}
.h2 .pk{color:var(--pink)}
.h2 .ol{color:transparent;-webkit-text-stroke:1.5px var(--text)}
.lead{font-size:clamp(17px,1.35vw,20px);color:rgba(var(--fg-rgb),.82);max-width:54ch}
.tag{font-family:"Orbitron","Rubik",sans-serif;font-weight:700;font-size:12px;letter-spacing:.2em;color:var(--grey);display:inline-flex;align-items:center;gap:10px}
.tag b{color:var(--white);font-weight:900}
.micro{font-size:14px;color:var(--grey);line-height:1.5}
.ghost{position:absolute;left:auto;right:auto;font-family:"Orbitron",sans-serif;font-weight:900;font-size:clamp(150px,20vw,320px);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.13);z-index:0;pointer-events:none;user-select:none;direction:ltr}
.scribble{position:absolute;inset-inline:-4% -4%;inset-block-end:-.22em;width:108%;height:.34em;overflow:visible;pointer-events:none;transform-origin:100% 50%}
.scribble path{fill:none;stroke:var(--gold);stroke-width:5;stroke-linecap:round;vector-effect:non-scaling-stroke}
.u{position:relative;display:inline-block;white-space:nowrap}

/* ---------- buttons ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:14px;min-height:56px;padding-block:8px;padding-inline:26px 8px;border-radius:999px;font-weight:600;font-size:16px;line-height:1.2;white-space:nowrap;transition:transform .6s var(--ease)}
.btn::after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .6s var(--ease);pointer-events:none}
.btn__ic{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.18);transition:transform .6s var(--ease)}
.btn__ic svg{width:18px;height:18px}
.btn--pink{background:var(--pink);color:#000}
.btn--pink::after{box-shadow:0 16px 34px rgba(231,53,122,.42)}
.btn--wa{background:var(--cyan);color:#000}
.btn--wa::after{box-shadow:0 16px 34px rgba(16,226,255,.34)}
.btn--ghost{color:var(--text);box-shadow:inset 0 0 0 1px rgba(var(--fg-rgb),.3)}
.btn--ghost .btn__ic{background:rgba(var(--fg-rgb),.1)}
.btn--ghost::after{box-shadow:inset 0 0 0 1px var(--text)}
.btn:hover{transform:translateY(-2px)}
.btn:hover::after{opacity:1}
.btn:hover .btn__ic{transform:translate(-3px,-1px) scale(1.06)}
.btn:active{transform:scale(.98)}
.go{display:inline-flex;align-items:center;gap:10px;font-weight:600;color:var(--cyan);position:relative;padding-block:6px}
.go svg{width:18px;height:18px;transition:transform .5s var(--ease)}
.go::after{content:"";position:absolute;inset-inline:0;inset-block-end:0;height:1px;background:var(--cyan);transform:scaleX(.24);transform-origin:100% 50%;transition:transform .6s var(--ease)}
a:hover .go::after,.go:hover::after{transform:scaleX(1)}
a:hover .go svg,.go:hover svg{transform:translate(-4px,-4px)}
.go small{font-family:"Orbitron",sans-serif;font-size:12px;letter-spacing:.08em;color:var(--grey);font-weight:500}

/* ---------- reveal system (three different gestures, not one fade) ---------- */
.js [data-r]{opacity:0;transition:opacity .9s var(--ease) var(--d,0s),translate 1.15s var(--ease) var(--d,0s),scale 1.15s var(--ease) var(--d,0s)}
.js [data-r="up"]{translate:0 46px}
.js [data-r="side"]{translate:-70px 0}
.js [data-r="side-b"]{translate:70px 0}
.js [data-r="pop"]{scale:.9;translate:0 30px;transition-duration:.7s,1.4s,1.4s;transition-timing-function:var(--ease-b)}
.js [data-r="fade"]{transition-duration:1.4s}
.js [data-r].in{opacity:1;translate:0 0;scale:1}
.js [data-line]{display:block;overflow:hidden;padding-block:.06em .12em;margin-block:-.06em -.12em}
.js [data-line]>i{display:block;font-style:normal;transform:translateY(108%);transition:transform 1.1s var(--ease) var(--d,0s)}
.js .in [data-line]>i,.js [data-line].in>i{transform:none}
.js .grow{transform:scaleX(0);transition:transform 1s var(--ease) var(--d,0s)}
.js .in .grow,.js .grow.in{transform:scaleX(1)}
/* המסך הראשון לא מחכה ל-JS: נראה תמיד, והכניסה נעשית ב-CSS בלבד */
.js .hero [data-r]{opacity:1;translate:0 0;scale:1}
.js .hero [data-line]>i{transform:none}
.js .hero .grow{transform:scaleX(1)}
@starting-style{
  .js .hero [data-r]{opacity:0;translate:0 26px}
  .js .hero [data-line]>i{transform:translateY(108%)}
  .js .hero .grow{transform:scaleX(0)}
}
.off *,.off *::before,.off *::after{animation-play-state:paused!important}
.still *,.still *::before,.still *::after{animation-play-state:paused!important}

/* ---------- nav: floating pill ---------- */
.nav{position:fixed;inset-block-start:14px;inset-inline:0;margin-inline:auto;z-index:50;width:min(1180px,100% - 28px);height:var(--nav-h);display:flex;align-items:center;gap:18px;padding-inline:20px 10px;border-radius:999px;background:rgba(5,5,18,.72);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 0 1px 0 rgba(255,255,255,.12)}
.nav__logo{flex:none;display:block;width:132px;mix-blend-mode:lighten}
.nav__logo img{width:100%}
.nav__links{display:flex;gap:4px;margin-inline:auto}
.nav__links a{position:relative;padding:10px 14px;font-size:15px;font-weight:500;color:rgba(255,255,255,.86);border-radius:999px}
.nav__links a::after{content:"";position:absolute;inset-inline:14px;inset-block-end:6px;height:2px;background:var(--pink);transform:scaleX(0);transform-origin:100% 50%;transition:transform .5s var(--ease)}
.nav__links a:hover{color:#fff}
.nav__links a:hover::after{transform:scaleX(1)}
.nav__motion{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.nav__motion i{display:block;width:12px;height:12px;border-inline:4px solid #fff}
.still .nav__motion i{width:0;height:0;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent #fff}
.nav .btn{min-height:46px;font-size:15px;padding-inline:20px 6px}
.nav .btn__ic{width:34px;height:34px}
.nav__burger{display:none;flex:none;width:46px;height:46px;border-radius:50%;position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.nav__burger i{position:absolute;inset-inline:14px;height:2px;background:#fff;border-radius:2px;transition:transform .6s var(--ease)}
.nav__burger i:nth-child(1){inset-block-start:19px}
.nav__burger i:nth-child(2){inset-block-start:26px}
.nav--open .nav__burger i:nth-child(1){transform:translateY(3.5px) rotate(45deg)}
.nav--open .nav__burger i:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}
.menu{position:fixed;inset:0;z-index:49;background:rgba(0,0,0,.94);display:flex;flex-direction:column;justify-content:center;gap:4px;padding:110px var(--gutter) 120px;opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility 0s .5s}
.menu--open{opacity:1;visibility:visible;transition:opacity .5s var(--ease)}
.menu a{display:block;font-size:clamp(32px,9vw,54px);font-weight:800;line-height:1.25;opacity:0;transform:translateY(34px);transition:opacity .7s var(--ease),transform .9s var(--ease)}
.menu--open a{opacity:1;transform:none}
.menu--open a:nth-child(2){transition-delay:.06s}.menu--open a:nth-child(3){transition-delay:.12s}.menu--open a:nth-child(4){transition-delay:.18s}.menu--open a:nth-child(5){transition-delay:.24s}.menu--open a:nth-child(6){transition-delay:.3s}.menu--open a:nth-child(7){transition-delay:.36s}
.menu a span{color:var(--pink)}

/* ---------- 01 hero ---------- */
.hero{position:relative;isolation:isolate;overflow:clip;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:calc(7vh + var(--kh)*.5) var(--gutter) clamp(28px,5vh,56px)}
.hero__person{position:absolute;z-index:1;inset-block-start:7vh;inset-inline-start:max(0px,50% - 760px);height:var(--kh);width:var(--kw);margin:0}
.hero__person img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:50% 0;mix-blend-mode:lighten;-webkit-mask-image:radial-gradient(ellipse 62% 66% at 50% 40%,#000 56%,transparent 98%);mask-image:radial-gradient(ellipse 62% 66% at 50% 40%,#000 56%,transparent 98%)}
.halo{position:absolute;z-index:0;border-radius:50%;pointer-events:none}
.halo--pink{left:34%;top:20%;width:124%;aspect-ratio:1;background:radial-gradient(closest-side,rgba(231,53,122,.5),rgba(231,53,122,.2) 48%,transparent 74%)}
.halo--cyan{left:-52%;top:-20%;width:112%;aspect-ratio:1;background:radial-gradient(closest-side,rgba(16,226,255,.34),rgba(16,226,255,.12) 50%,transparent 76%)}
.hero__browser{position:absolute;z-index:2;inset-block-start:13vh;inset-inline-end:clamp(20px,5.4vw,96px);width:clamp(270px,28vw,430px);rotate:3deg}
.bw{position:relative;border-radius:20px;padding:7px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 60px 130px -40px rgba(231,53,122,.55),0 30px 80px -30px rgba(16,226,255,.25)}
.bw__in{position:relative;border-radius:14px;overflow:hidden;background:var(--ink)}
.bw__bar{height:34px;display:flex;align-items:center;gap:10px;padding-inline:12px;background:rgba(255,255,255,.07);direction:ltr}
.bw__dots{display:flex;gap:6px}
.bw__dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.24)}
.bw__url{flex:1;height:20px;border-radius:999px;background:rgba(0,0,0,.55);position:relative;overflow:hidden;font-size:11px;line-height:20px;letter-spacing:.06em;color:var(--grey);text-align:center}
.bw__url span{position:absolute;inset:0;opacity:0;animation:ckFade 21s infinite}
.bw__view{--vh:min(68vh,60vw);height:var(--vh);position:relative;overflow:hidden}
.bw__site{position:absolute;inset-block-start:0;inset-inline:0;width:100%;height:auto;opacity:0;animation:ckFade 21s infinite,ckScroll 21s infinite cubic-bezier(.45,.05,.55,.95)}
.bw__site:nth-child(2),.bw__url span:nth-child(2){animation-delay:7s}
.bw__site:nth-child(3),.bw__url span:nth-child(3){animation-delay:14s}
.bw__view::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0) 46%,rgba(0,0,0,.6) 70%,rgba(0,0,0,.92) 100%)}
@keyframes ckFade{0%{opacity:0}3.5%,31%{opacity:1}34.5%,100%{opacity:0}}
@keyframes ckScroll{0%,4%{transform:translateY(0)}32%,100%{transform:translateY(calc(-100% + var(--vh)))}}
@keyframes ckRun{from{transform:translateY(0)}to{transform:translateY(calc(-100% + var(--vh)))}}
@keyframes ckMq{to{transform:translateX(-50%)}}
@keyframes ckPulse{0%{transform:scale(1);opacity:.7}70%,100%{transform:scale(3.4);opacity:0}}
@keyframes ckDrift{from{transform:scale(1.02)}to{transform:scale(1.1) translateY(-3%)}}
.live{position:absolute;z-index:4;inset-block-start:calc(13vh - 22px);inset-inline-end:clamp(12px,3.4vw,56px);display:inline-flex;align-items:center;gap:10px;padding:9px 16px;border-radius:999px;background:rgba(0,0,0,.78);box-shadow:inset 0 0 0 1px rgba(16,226,255,.45);font-size:13.5px;font-weight:500;line-height:1.2}
.live i{position:relative;flex:none;width:8px;height:8px;border-radius:50%;background:var(--cyan)}
.live i::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--cyan);animation:ckPulse 2.2s infinite}
.hero__copy{width:min(var(--max),100%);margin-inline:auto}
.hero__h1{position:relative;z-index:3;font-weight:800;font-size:clamp(44px,min(8.3vw,14vh),126px);line-height:.92;letter-spacing:-.02em}
.hero__h1 .l{display:block;white-space:nowrap}
.hero__h1 .l2{color:transparent;-webkit-text-stroke:1.5px #fff}
.hero__h1 .u{color:transparent}
.hero__intro{position:relative;z-index:3;margin-block-start:22px;max-width:56ch}
.hero__intro p{font-size:clamp(16px,1.2vw,18px);line-height:1.62;color:rgba(255,255,255,.88)}
.hero__intro strong{color:#fff;font-weight:700}
.sig{display:inline-flex;flex-direction:column;margin-block-start:16px;font-size:14px;line-height:1.35;color:var(--grey)}
.sig b{position:relative;align-self:flex-start;color:#fff;font-weight:700;font-size:17px}
.hero__ctas{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:12px;margin-block-start:clamp(18px,3vh,30px)}
@supports (height:1svh){
  .hero{min-height:100svh;padding:calc(7svh + var(--kh)*.5) var(--gutter) clamp(28px,5svh,56px)}
  .hero__person{inset-block-start:7svh}
  .hero__browser{inset-block-start:13svh}
  .live{inset-block-start:calc(13svh - 22px)}
  .bw__view{--vh:min(68svh,60vw)}
  .hero__h1{font-size:clamp(44px,min(8.3vw,14svh),126px)}
  .hero__ctas{margin-block-start:clamp(18px,3svh,30px)}
}
@media (min-width:1200px){
  .hero__intro{position:absolute;inset-block-start:21vh;inset-inline-start:calc(max(0px,50% - 760px) + var(--kw)*.93);width:clamp(240px,21vw,330px);margin:0}
  @supports (height:1svh){.hero__intro{inset-block-start:21svh}}
}
@media (max-width:760px){
  .hero{display:block;min-height:0;padding:0 var(--gutter) 34px}
  .hero__person{position:relative;inset:auto;height:66vh;width:calc(100% + 2*var(--gutter));margin-inline:calc(var(--gutter)*-1)}
  .hero__person img{-webkit-mask-image:linear-gradient(to top,transparent 0,#000 34%);mask-image:linear-gradient(to top,transparent 0,#000 34%)}
  .halo--pink{left:30%;top:26%;width:110%}
  .halo--cyan{left:-40%;top:-6%;width:96%}
  .hero__browser{inset-block-start:37vh;inset-inline-end:12px;width:39vw;rotate:4deg}
  .bw{padding:4px;border-radius:14px}.bw__in{border-radius:10px}.bw__bar{height:22px;padding-inline:8px}.bw__dots i{width:6px;height:6px}.bw__url{height:12px;font-size:0}
  .bw__view{--vh:25vh}
  .live{inset-block-start:92px;inset-inline-end:12px;font-size:12.5px;padding:8px 13px}
  .hero__copy{position:relative;margin-block-start:-13vh}
  .hero__h1{font-size:clamp(40px,12vw,68px)}
  .hero__h1 .l{white-space:normal}
  .hero__ctas{flex-direction:column;align-items:stretch}
  .hero__ctas .btn{width:100%}
  @supports (height:1svh){.hero__person{height:66svh}.hero__browser{inset-block-start:37svh}.bw__view{--vh:25svh}.hero__copy{margin-block-start:-13svh}}
}

/* ---------- 02 names, two tilted ribbons ---------- */
.names{position:relative;overflow:clip;padding-block:clamp(46px,7vh,80px) clamp(70px,10vh,120px)}
.names__lead{font-size:clamp(17px,1.5vw,21px);font-weight:500;margin-block-end:54px}
.names__lead b{font-weight:800;color:var(--pink);font-size:1.3em}
.ribbon{position:relative;direction:ltr;overflow:hidden;width:116%;margin-inline:-8%;padding-block:13px;rotate:-3.2deg;background:var(--pink);color:#000;z-index:2}
.ribbon--b{rotate:2.4deg;background:transparent;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -1px 0 rgba(255,255,255,.26);margin-block-start:-18px;z-index:1}
.ribbon__track{display:flex;gap:52px;white-space:nowrap;width:max-content;animation:ckMq 38s linear infinite}
.ribbon--b .ribbon__track{animation-direction:reverse;animation-duration:46s}
.ribbon:hover .ribbon__track{animation-play-state:paused}
.ribbon__track span{font-family:"Orbitron",sans-serif;font-weight:900;font-size:22px;letter-spacing:.06em;line-height:1.5}
.ribbon__track span.he{font-family:"Rubik",sans-serif;font-weight:700;letter-spacing:0;font-size:23px}
@media (max-width:760px){.ribbon__track span{font-size:17px}.ribbon__track span.he{font-size:18px}.ribbon__track{gap:34px}.names__lead{margin-block-end:40px}}

/* ---------- shared: self scrolling site frame ---------- */
.shot{position:relative;display:block;border-radius:18px;padding:7px;background:rgba(var(--fg-rgb),.045);box-shadow:inset 0 0 0 1px rgba(var(--fg-rgb),.14)}
.shot__bar{height:30px;display:flex;align-items:center;gap:10px;padding-inline:10px;direction:ltr;border-radius:12px 12px 0 0;background:rgba(var(--fg-rgb),.07)}
.shot__bar i{width:8px;height:8px;border-radius:50%;background:rgba(var(--fg-rgb),.24)}
.shot__bar em{margin-inline-start:auto;font-style:normal;font-family:"Orbitron",sans-serif;font-size:11px;letter-spacing:.08em;color:var(--grey)}
.shot__view{display:block;height:var(--vh);overflow:hidden;border-radius:0 0 12px 12px;position:relative;background:var(--ink)}
.shot__img{width:100%;height:auto;animation:ckRun var(--dur,26s) linear infinite alternate;will-change:transform}
.shot:hover .shot__img,.shot:focus-visible .shot__img,.shot:focus-within .shot__img{animation-play-state:paused}
.work{position:relative;padding-block:clamp(90px,14vh,170px)}
.work__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px;align-items:start}
.work__facts{display:grid;gap:14px;margin-block-start:18px}
.work__facts dt{font-size:13px;color:var(--grey);letter-spacing:.02em}
.work__facts dd{font-size:17px;line-height:1.5}

/* ---------- 03 work 01, MAGS ---------- */
.mags .ghost{top:.06em;right:1%}
.mags .shot{grid-column:1/8;grid-row:1;--vh:clamp(460px,78vh,780px);--dur:26s}
.mags__title{grid-column:5/13;grid-row:1;align-self:start;margin-block-start:8vh;z-index:2;direction:ltr;text-align:right;font-family:"Orbitron",sans-serif;font-weight:900;font-size:clamp(54px,9.4vw,150px);line-height:.9;letter-spacing:-.01em;mix-blend-mode:difference;pointer-events:none}
.mags__title span{display:block}
.mags__card{grid-column:7/13;grid-row:1;align-self:end;margin-block-end:6vh;z-index:3;padding:34px 40px;border-radius:16px;background:rgba(4,4,10,.62);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px rgba(var(--fg-rgb),.1),0 40px 90px rgba(0,0,0,.65)}
.mags__card h3{font-size:clamp(22px,2vw,28px);font-weight:700;line-height:1.3;margin-block:12px 0}
.mags__card .go{margin-block-start:22px}
.mags__card .micro{margin-block-start:14px}
.pop{position:absolute;z-index:4;inset-block-end:-64px;inset-inline-start:clamp(-46px,-3vw,-14px);width:clamp(150px,17vw,250px);rotate:6deg;border-radius:14px;box-shadow:0 26px 50px rgba(0,0,0,.8),0 0 0 1px rgba(var(--fg-rgb),.16);transition:transform .8s var(--ease)}
.mags:hover .pop{transform:translateY(-10px) rotate(-2deg)}
@supports (height:1svh){.mags .shot{--vh:clamp(460px,78svh,780px)}}

/* ---------- 04 work 02, CWA (mirrored, diagonal cut) ---------- */
.cwa{background:var(--ink);clip-path:polygon(0 0,100% 3.2vw,100% 100%,0 calc(100% - 3.2vw));margin-block:-3.2vw;padding-block:calc(3.2vw + clamp(90px,13vh,160px))}
.cwa .ghost{top:.34em;left:2%;color:rgba(231,53,122,.13);-webkit-text-stroke:0}
.cwa .work__grid{grid-template-rows:auto auto;row-gap:34px}
.cwa .shot{grid-column:5/13;grid-row:1/3;--vh:clamp(300px,36vw,540px);--dur:38s}
.cwa__title{grid-column:1/10;grid-row:1;z-index:2;font-weight:900;font-size:clamp(44px,7.5vw,116px);line-height:.95;letter-spacing:-.02em;mix-blend-mode:difference;pointer-events:none;margin-block-start:58px}
.cwa__title span{display:block}
.cwa__text{grid-column:1/5;grid-row:1;z-index:3;padding-block-start:calc(58px + clamp(44px,7.5vw,116px)*1.9 + 30px);padding-inline-end:10px}
.cwa__text .micro{margin-block-start:16px}
.cwa__tag{grid-column:1/6;grid-row:1;z-index:3}
.cwa__strip{grid-column:1/6;grid-row:2;z-index:3;height:190px;overflow:hidden;margin-inline-start:-7vw;border-radius:0 16px 16px 0;box-shadow:inset 0 0 0 1px rgba(var(--fg-rgb),.12);position:relative}
.cwa__strip::after{content:"";position:absolute;inset-block:0;inset-inline-end:0;width:2px;background:var(--cyan)}
.cwa__strip img{width:100%;height:100%;object-fit:cover;object-position:50% 5.5%;animation:ckDrift 30s ease-in-out infinite alternate}

/* ---------- 05 rail, three sites on a table ---------- */
.railsec{position:relative;padding-block:clamp(100px,15vh,180px) 40px}
.railsec .h2 .ol{-webkit-text-stroke-color:var(--gold)}
.rail{display:flex;gap:26px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:54px 8vw 64px;scrollbar-width:thin;scrollbar-color:var(--pink) rgba(255,255,255,.08);overscroll-behavior-x:contain;-webkit-mask-image:linear-gradient(to left,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(to left,transparent,#000 6%,#000 94%,transparent)}
.rail::-webkit-scrollbar{height:6px}
.rail::-webkit-scrollbar-track{background:rgba(255,255,255,.08)}
.rail::-webkit-scrollbar-thumb{background:var(--pink);border-radius:6px}
.rail__item{flex:0 0 var(--w);scroll-snap-align:center;transition:rotate .7s var(--ease),translate .7s var(--ease)}
.rail__item:nth-child(odd){rotate:-1.6deg}
.rail__item:nth-child(even){rotate:1.2deg;translate:0 22px}
.rail__item:hover,.rail__item:focus-within{rotate:0deg;translate:0 -10px}
.rail__item .shot{--vh:var(--h)}
.rail__cap{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;padding:16px 8px 0}
.rail__cap h3{font-size:24px;font-weight:800;line-height:1.2}
.rail__cap p{flex-basis:100%;font-size:15.5px;color:rgba(255,255,255,.8)}
.rail__cap .go{font-size:15px}

/* ---------- 06 work 03, MLAY collage ---------- */
.mlay{position:relative;padding-block:clamp(90px,13vh,160px) clamp(120px,16vh,200px)}
.mlay .ghost{top:-.12em;right:5%}
.collage{position:relative;z-index:1;aspect-ratio:1312/940}
.collage>*{position:absolute}
.mlay__title{top:0;left:0;z-index:3;direction:ltr;text-align:left;font-family:"Orbitron",sans-serif;font-weight:900;font-size:clamp(60px,9.6vw,152px);line-height:.88;letter-spacing:-.01em;pointer-events:none;mix-blend-mode:difference}
.mlay__title span{display:block}
.mlay__phone{inset-block-start:7%;inset-inline-start:0;width:22%;z-index:2;border-radius:30px;padding:8px}
.mlay__phone .shot__view{border-radius:22px;--vh:calc((min(var(--max),100vw - 2*var(--gutter)))*.5)}
.mlay__phone .shot__img{--dur:32s}
.mlay__device{inset-block-start:17%;inset-inline-start:26.5%;width:44%;z-index:1;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px rgba(var(--fg-rgb),.12);transition:transform .9s var(--ease)}
.mlay__s3{inset-block-start:42%;inset-inline-end:1%;width:19%;z-index:2;rotate:-3deg;border-radius:16px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.6);transition:transform .9s var(--ease)}
.mlay__s2{inset-block-start:calc(64% + 70px);inset-inline-end:13%;width:27%;z-index:4;rotate:2deg;border-radius:16px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.6);transition:transform .9s var(--ease)}
.collage:hover .mlay__device{transform:translateY(-8px)}
.collage:hover .mlay__s3{transform:translateY(6px) rotate(-1deg)}
.collage:hover .mlay__s2{transform:translateY(-6px) rotate(1deg)}
.mlay__video{inset-block-end:-7%;inset-inline-start:17%;width:15.6%;z-index:5;border-radius:22px;overflow:hidden;background:var(--media);color:var(--on-media);box-shadow:0 30px 70px rgba(0,0,0,.7),0 0 0 1px rgba(var(--fg-rgb),.16);rotate:-2deg}
.mlay__video video{width:100%;height:auto;aspect-ratio:9/16;object-fit:cover}
.vbtn{position:absolute;z-index:2;inset-block-end:10px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--on-media);background:rgba(0,0,0,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);transition:transform .5s var(--ease)}
.vbtn:hover{transform:scale(1.08)}
.vbtn svg{width:18px;height:18px}
.vbtn--sound{inset-inline-start:10px}
.vbtn--play{inset-inline-end:10px}
.vbtn .on,.vbtn[aria-pressed="true"] .off{display:none}
.vbtn[aria-pressed="true"] .on{display:block}
.mlay__text{inset-block-start:80%;inset-inline-start:34%;width:25%;z-index:3}
.mlay__sub{top:calc(clamp(60px,9.6vw,152px)*1.76 + 16px);left:0;width:27%;z-index:3;font-size:clamp(17px,1.4vw,21px);font-weight:500;line-height:1.45}
.deliv{display:grid;gap:0;margin-block:0 16px;counter-reset:dv}
.deliv li{position:relative;padding:9px 0 9px 0;padding-inline-start:34px;font-weight:600;font-size:16.5px;line-height:1.35}
.deliv li+li{box-shadow:inset 0 1px 0 var(--line-soft)}
.deliv li::before{counter-increment:dv;content:counter(dv,decimal-leading-zero);position:absolute;inset-inline-start:0;inset-block-start:12px;font-family:"Orbitron",sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--pink)}

/* ---------- 07 archive, 25 live sites, masonry ---------- */
.arch{position:relative;padding-block:clamp(80px,12vh,150px) clamp(150px,20vh,240px)}
.arch__head{display:grid;gap:22px;margin-block-end:34px}
.arch__head .h2 b{font-family:"Orbitron",sans-serif;font-weight:900;color:var(--pink);letter-spacing:0}
.tabs{position:sticky;inset-block-start:88px;z-index:20;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:8px;margin-block-end:30px;border-radius:999px;background:rgba(var(--bg-rgb),.62);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(var(--fg-rgb),.1);width:max-content;max-width:100%}
.tabs::-webkit-scrollbar{display:none}
.tab{flex:none;padding:9px 18px;border-radius:999px;font-size:15px;font-weight:500;color:rgba(var(--fg-rgb),.84);white-space:nowrap;position:relative}
.tab[aria-pressed="true"]{background:var(--pink);color:#000;font-weight:700}
.tab sup{font-family:"Orbitron",sans-serif;font-size:10px;margin-inline-start:6px;opacity:.8}
.grid25{columns:4;column-gap:18px}
.site{position:relative;break-inside:avoid;display:block;margin-block-end:18px;border-radius:16px;overflow:hidden;background:rgba(var(--fg-rgb),.035);box-shadow:inset 0 0 0 1px rgba(var(--fg-rgb),.1);transition:transform .45s var(--ease)}
.site[hidden]{display:none}
.site::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--pink);opacity:0;transition:opacity .4s var(--ease);pointer-events:none}
.site:hover,.site:focus-visible{transform:translateY(-8px)}
.site:hover::after,.site:focus-visible::after{opacity:1}
.site__win{display:block;height:var(--sh,264px);overflow:hidden;position:relative}
.site__win img{width:100%;height:auto;transition:transform 1.4s linear}
.site:hover .site__win img,.site:focus-visible .site__win img{transform:translateY(-18%)}
.site__win::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(0,0,0,.85));pointer-events:none}
.site__body{display:grid;grid-template-columns:1fr auto;align-items:end;gap:6px 12px;padding:16px 18px 18px}
.site__body strong{font-size:18px;font-weight:700;line-height:1.25}
.site__body em{grid-column:1;font-style:normal;font-size:14px;color:var(--grey);line-height:1.4}
.site__arrow{grid-row:1/3;grid-column:2;align-self:center;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(var(--fg-rgb),.08);transition:transform .5s var(--ease)}
.site__arrow svg{width:16px;height:16px}
.site:hover .site__arrow{transform:translate(-3px,-3px)}
.site--type{min-height:var(--th,210px);display:flex;flex-direction:column;justify-content:space-between}
.site__dom{display:block;direction:ltr;text-align:left;padding:20px 18px 0;font-family:"Orbitron",sans-serif;font-weight:900;font-size:clamp(22px,2.15vw,32px);line-height:1.08;letter-spacing:.01em;overflow-wrap:anywhere;color:var(--text)}
.site__dom i{font-style:normal;color:var(--ac,var(--pink))}
.site--type.ol .site__dom{color:transparent;-webkit-text-stroke:1px rgba(var(--fg-rgb),.85)}
.site--type.ol .site__dom i{-webkit-text-stroke:0;color:var(--ac,var(--pink))}
.site--type::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:3px;background:var(--ac,var(--pink));transform:scaleX(.18);transform-origin:0 50%;transition:transform .7s var(--ease)}
.site--type:hover::before,.site--type:focus-visible::before{transform:scaleX(1)}
.c-shop{--ac:var(--cyan)}.c-fashion{--ac:var(--pink)}.c-biz{--ac:var(--gold)}.c-food{--ac:var(--orange)}
.site--cta{background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--pink);padding:28px 22px 24px;min-height:300px;display:flex;flex-direction:column;justify-content:space-between;gap:26px}
.site--cta p{font-size:clamp(26px,2.3vw,34px);font-weight:800;line-height:1.08;letter-spacing:-.01em}
.site--cta p span{display:block;color:var(--pink)}
.site--cta .btn{align-self:flex-start}
.arch__note{margin-block-start:22px}

/* ---------- 08 Koren's line ---------- */
.koren{position:relative;z-index:3;overflow-x:clip;padding-block:0 clamp(90px,13vh,160px)}
.koren__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px;align-items:end}
.koren__pic{grid-column:1/6;position:relative;margin-block-start:-150px;margin-inline-start:-60px;z-index:2}
.koren__pic img{position:relative;z-index:1;width:100%;mix-blend-mode:lighten;-webkit-mask-image:radial-gradient(ellipse 56% 60% at 50% 42%,#000 52%,transparent 96%);mask-image:radial-gradient(ellipse 56% 60% at 50% 42%,#000 52%,transparent 96%)}
.koren__pic .halo--gold{left:-34%;top:14%;width:104%;aspect-ratio:1;background:radial-gradient(closest-side,rgba(254,193,92,.36),rgba(231,53,122,.18) 52%,transparent 76%)}
.koren__pic .halo--pink{left:38%;top:30%;width:96%}
.koren__say{grid-column:6/13;position:relative;padding-block:150px 60px;align-self:center}
.koren__say::before{content:"\201D";position:absolute;font-family:"Orbitron",sans-serif;font-weight:900;font-size:clamp(180px,20vw,300px);line-height:1;color:rgba(231,53,122,.13);inset-block-start:.05em;inset-inline-start:-.1em;pointer-events:none}
.koren__q{position:relative;font-weight:500;font-size:clamp(23px,2.55vw,38px);line-height:1.42;letter-spacing:-.005em}
.koren__q .u{white-space:normal}
.koren__by{display:flex;align-items:center;gap:18px;margin-block-start:34px}
.koren__by::before{content:"";flex:none;width:54px;height:2px;background:var(--gold)}
.koren__by b{display:block;font-size:20px;font-weight:700;color:var(--text)}
.koren__by span{display:block;font-size:15px;color:var(--grey)}
.koren__since{margin-block-start:22px;font-size:16px;color:rgba(var(--fg-rgb),.8);max-width:46ch}
.steps{margin-block-start:clamp(60px,9vh,110px)}
.steps__t{font-size:clamp(22px,2vw,30px);font-weight:700;margin-block-end:70px}
.steps__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(20px,3vw,54px)}
.step{position:relative;padding-block-start:22px}
.step:nth-child(2){inset-block-start:-34px}
.step:nth-child(3){inset-block-start:-68px}
.step__line{position:absolute;inset-block-start:0;inset-inline:0;height:2px;background:var(--pink);transform-origin:100% 50%}
.step__n{font-family:"Orbitron",sans-serif;font-weight:900;font-size:clamp(64px,7.4vw,118px);line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--gold);direction:ltr;text-align:right}
.step h3{font-size:clamp(22px,1.9vw,28px);font-weight:800;line-height:1.2;margin-block:14px 8px}
.step p{font-size:17px;color:rgba(var(--fg-rgb),.84);max-width:34ch}

/* ---------- 09 numbers, sticky figure + eight dashboard screenshots ---------- */
.nums{position:relative;background:var(--ink);padding-block:clamp(90px,13vh,160px)}
.nums::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:1px;background:linear-gradient(90deg,transparent,var(--pink),var(--purple),var(--cyan),transparent)}
.nums__head{display:grid;gap:20px;margin-block-end:46px}
.nums__head .h2 b{font-family:"Orbitron",sans-serif;font-weight:900;letter-spacing:0;color:var(--cyan)}
.totals{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:30px;margin-block-end:clamp(60px,9vh,110px);box-shadow:inset 0 1px 0 var(--line),inset 0 -1px 0 var(--line)}
.totals dl{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr}
.totals dl>div{position:relative;display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:10px;padding:26px 0 24px;padding-inline-end:22px}
.totals dl>div+div{padding-inline-start:22px}
.totals dl>div+div::before{content:"";position:absolute;inset-block:22px;inset-inline-start:0;width:1px;background:var(--line)}
.totals dt{font-size:14.5px;color:var(--grey);line-height:1.35}
.totals dd{font-family:"Orbitron",sans-serif;font-weight:900;font-size:clamp(30px,3.5vw,54px);line-height:1;direction:ltr;text-align:right;unicode-bidi:isolate}
.totals__span{font-family:"Orbitron","Rubik",sans-serif;font-weight:700;font-size:13px;letter-spacing:.14em;color:var(--gold);white-space:nowrap}
.nums__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px;align-items:start}
.big{grid-column:1/5;position:sticky;inset-block-start:18vh;align-self:start;padding-inline-end:10px}
.big__k{font-family:"Orbitron",sans-serif;font-weight:700;font-size:13px;letter-spacing:.2em;color:var(--pink);direction:ltr;text-align:right}
.big__swap{transition:opacity .35s var(--ease),transform .5s var(--ease)}
.big__swap.out{opacity:0;transform:translateY(18px)}
.big__n{font-family:"Orbitron",sans-serif;font-weight:900;font-size:clamp(56px,7.2vw,116px);line-height:1;letter-spacing:-.02em;direction:ltr;text-align:right;unicode-bidi:isolate;margin-block:14px 6px;white-space:nowrap}
.big__u{font-size:clamp(20px,1.7vw,26px);font-weight:700;color:var(--gold)}
.big__f{margin-block-start:26px;font-size:20px;font-weight:700;line-height:1.3}
.big__p{font-size:15px;color:var(--grey)}
.big__bar{margin-block-start:30px;display:flex;gap:6px;direction:rtl}
.big__bar i{flex:1;height:3px;border-radius:3px;background:rgba(var(--fg-rgb),.14);position:relative;overflow:hidden}
.big__bar i::after{content:"";position:absolute;inset:0;background:var(--pink);transform:scaleX(0);transform-origin:100% 50%;transition:transform .6s var(--ease)}
.big__bar i.on::after{transform:scaleX(1)}
.cases{grid-column:5/13;display:grid;gap:clamp(70px,11vh,130px)}
.case{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));column-gap:20px;row-gap:22px;align-items:start}
.case__head{grid-column:1/-1;display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.case__no{font-family:"Orbitron",sans-serif;font-weight:900;font-size:15px;letter-spacing:.12em;color:var(--pink)}
.case__head h3{font-size:clamp(22px,2vw,30px);font-weight:800;line-height:1.2}
.case__head p{font-size:15px;color:var(--grey);flex-basis:100%;margin-block-start:-2px}
.dash{position:relative;margin:0;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(var(--fg-rgb),.16);transition:transform .5s var(--ease)}
.dash:hover{transform:scale(1.015)}
.dash::before{content:"";display:block;height:28px;background:var(--ink);box-shadow:inset 0 -1px 0 rgba(var(--fg-rgb),.12)}
.dash::after{content:"";position:absolute;inset-block-start:10px;left:12px;width:8px;height:8px;border-radius:50%;background:rgba(var(--fg-rgb),.3);box-shadow:14px 0 0 rgba(var(--fg-rgb),.3),28px 0 0 rgba(var(--fg-rgb),.3)}
.dash__s{display:block;overflow:hidden}
.dash img{width:100%;height:auto;filter:saturate(.94) contrast(1.03)}
.dash--crop img{aspect-ratio:var(--ar);object-fit:cover;object-position:50% 100%}
.dash figcaption{position:absolute;inset-block-start:0;inset-inline-start:0;height:28px;display:flex;align-items:center;padding-inline:14px;font-family:"Orbitron",sans-serif;font-size:10.5px;letter-spacing:.12em;color:var(--grey)}
.case--wide .dash{grid-column:1/-1}
.case--wide .mt{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:0 20px}
.case--wide .mt div{flex:1 0 auto}
.case--split .dash{grid-column:1/7;align-self:center}
.case--split .mt{grid-column:7/9;grid-template-columns:1fr}
.case--split.flip .dash{grid-column:3/9;grid-row:2}
.case--split.flip .mt{grid-column:1/3;grid-row:2}
.case--stack .dash{grid-column:1/8}
.case--stack .dash+.dash{grid-column:4/9;margin-block-start:-9%;z-index:2;rotate:1.4deg;box-shadow:0 0 0 1px rgba(var(--fg-rgb),.16),0 40px 80px rgba(0,0,0,.7)}
.case--stack .mt{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:0 20px}
.case--stack .mt div{flex:1 0 auto}
.mt{display:grid;gap:0 20px}
.mt div{padding-block:14px;box-shadow:inset 0 1px 0 var(--line-soft);display:flex;flex-direction:column-reverse;gap:4px}
.mt dt{font-size:14.5px;color:var(--grey);line-height:1.35}
.mt dd{font-family:"Orbitron",sans-serif;font-weight:900;font-size:clamp(22px,2.1vw,32px);line-height:1.1;direction:ltr;text-align:right;unicode-bidi:isolate}
.mt div.he dd{font-family:"Rubik",sans-serif;font-weight:800;direction:rtl}
.case__hero{display:none}
.nums__cta{margin-block-start:clamp(80px,12vh,140px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px;align-items:center}
.nums__cta p{grid-column:1/9;font-size:clamp(26px,3.3vw,52px);font-weight:800;line-height:1.08;letter-spacing:-.015em}
.nums__cta p span{color:var(--pink)}
.nums__cta div{grid-column:9/13;display:grid;gap:12px;justify-items:start}
.nums__cta small{font-size:14.5px;color:var(--grey)}

/* ---------- 10 the ads that ran ---------- */
.ads{position:relative;overflow:clip;padding-block:clamp(100px,15vh,180px) clamp(90px,12vh,150px)}
.ads__head{position:relative;z-index:3;mix-blend-mode:difference;pointer-events:none;margin-block-end:-.62em}
.ads__head .h2{font-size:clamp(44px,8.4vw,132px)}
.ads__wall{position:relative;direction:ltr;z-index:1;width:112%;margin-inline:-6%;rotate:-2deg;display:grid;gap:16px;-webkit-mask-image:linear-gradient(to left,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to left,transparent,#000 8%,#000 92%,transparent)}
.ads__row{display:flex;gap:16px;width:max-content;animation:ckMq 52s linear infinite}
.ads__row--b{animation-direction:reverse;animation-duration:64s;margin-inline-start:-140px}
.ads__wall:hover .ads__row{animation-play-state:paused}
.ad{position:relative;flex:none;width:280px;height:280px;border-radius:14px;overflow:hidden;transition:transform .5s var(--ease);background:var(--ink)}
.ad img{width:100%;height:100%;object-fit:cover}
.ad::after{content:"";position:absolute;inset:0;background:#000;opacity:.38;transition:opacity .5s var(--ease)}
.ad:hover{transform:scale(1.06);z-index:2}
.ad:hover::after{opacity:0}
.ads__foot{position:relative;z-index:3;display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px 40px;margin-block-start:54px}
.ads__foot .lead b{font-weight:800;color:var(--gold)}

/* ---------- 11 services as full width doors ---------- */
.svc{position:relative;padding-block:clamp(80px,12vh,150px)}
.svc .h2{margin-block-end:clamp(40px,6vh,70px)}
.doors{box-shadow:inset 0 1px 0 var(--line)}
.door{position:relative;display:grid;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:28px;padding-block:34px;box-shadow:inset 0 -1px 0 var(--line)}
.door::after{content:"";position:absolute;inset-inline:0;inset-block-end:0;height:2px;background:var(--pink);transform:scaleX(0);transform-origin:100% 50%;transition:transform .6s var(--ease)}
.door__no{font-family:"Orbitron",sans-serif;font-weight:900;font-size:15px;letter-spacing:.14em;color:var(--grey)}
.door__main{display:block;transition:transform .6s var(--ease)}
.door__t{display:block;font-size:clamp(28px,4.2vw,64px);font-weight:800;line-height:1.04;letter-spacing:-.02em}
.door__d{display:block;margin-block-start:10px;font-size:17px;color:rgba(255,255,255,.8);max-width:52ch}
.door__d b{font-weight:700;color:#fff}
.door__ref{display:inline-flex;align-items:center;gap:12px;font-size:15px;color:var(--grey);white-space:nowrap;transition:transform .6s var(--ease)}
.door__ref b{color:#fff;font-weight:600}
.door__ref svg{width:18px;height:18px;color:var(--cyan)}
.door__peek{position:absolute;z-index:1;inset-inline-end:clamp(230px,21%,300px);inset-block-start:50%;width:230px;aspect-ratio:var(--par,4/5);object-fit:cover;object-position:var(--pop,50% 0);border-radius:16px;translate:0 -50%;rotate:0deg;scale:.3;transition:scale .7s var(--ease),rotate .7s var(--ease),translate .7s var(--ease);pointer-events:none;box-shadow:0 30px 70px rgba(0,0,0,.75),0 0 0 2px rgba(255,255,255,.22)}
.door:hover::after,.door:focus-visible::after{transform:scaleX(1)}
.door:hover .door__main,.door:focus-visible .door__main{transform:translateX(-28px)}
.door:hover,.door:focus-visible{z-index:3}
.door:hover .door__peek,.door:focus-visible .door__peek{scale:1;rotate:-4deg;translate:-30px -50%;z-index:4}
.doors li:nth-child(even) .door:hover .door__peek,.doors li:nth-child(even) .door:focus-visible .door__peek{rotate:3deg}
.door:hover .door__ref,.door:focus-visible .door__ref{transform:translateX(-8px)}
.svc__more{margin-block-start:30px;font-size:17px;color:rgba(255,255,255,.8)}
.svc__more a{color:var(--cyan);font-weight:600;border-block-end:1px solid currentColor}

/* ---------- 12 reviews wall ---------- */
.rev{position:relative;background:var(--ink);padding-block:clamp(90px,13vh,160px);clip-path:polygon(0 3.2vw,100% 0,100% calc(100% - 3.2vw),0 100%);margin-block:-3.2vw}
.rev__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px;align-items:start;padding-block:3.2vw}
.score{grid-column:1/5;position:sticky;inset-block-start:20vh}
.score__n{font-family:"Orbitron",sans-serif;font-weight:900;font-size:clamp(90px,12.5vw,200px);line-height:.9;letter-spacing:-.03em;direction:ltr;text-align:right}
.stars{display:flex;gap:6px;margin-block:18px 8px;color:var(--gold);font-size:30px;line-height:1;letter-spacing:.06em}
.score__c{font-size:17px;color:rgba(255,255,255,.86)}
.score__c b{font-weight:800}
.score h2{font-size:clamp(26px,2.6vw,40px);font-weight:800;line-height:1.1;letter-spacing:-.01em;margin-block:34px 12px}
.score h2 span{display:block;color:var(--pink)}
.wall{grid-column:5/13;columns:2;column-gap:16px}
.rv{break-inside:avoid;margin:0 0 16px;padding:24px 26px;border-radius:16px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
.rv blockquote{font-size:17.5px;line-height:1.62;color:rgba(255,255,255,.92)}
.rv figcaption{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 14px;margin-block-start:18px;padding-block-start:14px;box-shadow:inset 0 1px 0 var(--line-soft)}
.rv figcaption b{font-weight:700;font-size:16px}
.rv figcaption span{font-size:13.5px;color:var(--grey)}
.rv figcaption i{font-style:normal;color:var(--gold);font-size:14px;letter-spacing:.1em;flex-basis:100%}
.rv--hi{box-shadow:inset 0 0 0 1px rgba(254,193,92,.5)}
@media (min-width:1360px){.wall{columns:3}}

/* ---------- 13 faq ---------- */
.faq{position:relative;padding-block:clamp(120px,17vh,200px) clamp(80px,12vh,150px)}
.faq__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px;align-items:start}
.faq__side{grid-column:1/5;position:sticky;inset-block-start:16vh}
.faq__side h2{font-size:clamp(34px,4.3vw,66px);font-weight:800;line-height:.98;letter-spacing:-.02em}
.faq__side h2 span{display:block;color:transparent;-webkit-text-stroke:1.5px var(--text)}
.faq__me{display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:center;margin-block-start:40px}
.faq__me img{width:96px;height:96px;object-fit:cover;object-position:50% 12%;border-radius:50%;box-shadow:0 0 0 2px var(--gold)}
.faq__me p{font-size:16.5px;line-height:1.5}
.faq__me a{color:var(--cyan);font-weight:600;border-block-end:1px solid currentColor}
.qa{grid-column:6/13}
.qa details{position:relative;box-shadow:inset 0 -1px 0 var(--line)}
.qa details::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:2px;background:var(--pink);transform:scaleY(0);transform-origin:50% 0;transition:transform .5s var(--ease)}
.qa details[open]{background:rgba(var(--fg-rgb),.035)}
.qa details[open]::before{transform:scaleY(1)}
.qa summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:20px;padding:26px 22px;cursor:pointer;font-size:clamp(19px,1.7vw,24px);font-weight:700;line-height:1.3}
.qa summary::-webkit-details-marker{display:none}
.qa summary svg{width:22px;height:22px;transition:transform .35s var(--ease)}
.qa details[open] summary svg{transform:rotate(180deg)}
.qa__a{padding:0 22px 28px;max-width:62ch;font-size:17px;line-height:1.7;color:rgba(var(--fg-rgb),.86);animation:qaIn .6s var(--ease) both}
@keyframes qaIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}

/* ---------- 14 conversion ladder ---------- */
.talk{position:relative;background:var(--ink);clip-path:polygon(0 0,100% 3.2vw,100% 100%,0 100%);padding-block:calc(3.2vw + clamp(80px,12vh,150px)) clamp(90px,13vh,160px)}
.talk__halo{position:absolute;inset-inline-end:-10%;inset-block-end:-30%;width:60vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(231,53,122,.3),rgba(123,47,255,.12) 50%,transparent 72%);pointer-events:none}
.talk__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px;align-items:start}
.talk__form{grid-column:1/8;position:relative;z-index:2}
.talk .h2{font-size:clamp(54px,9vw,144px);margin-block-end:40px}
.f{display:grid;gap:30px;max-width:620px}
.fld{position:relative;padding-block-start:22px}
.fld input,.fld textarea{width:100%;background:transparent;border:0;border-block-end:1px solid rgba(var(--fg-rgb),.34);border-radius:0;padding:12px 0 14px;color:var(--text);font:inherit;font-size:19px;line-height:1.4;outline:0;resize:none}
.fld label{position:absolute;inset-inline-start:0;inset-block-start:34px;font-size:19px;color:var(--grey);pointer-events:none;transform-origin:100% 0;transition:transform .45s var(--ease)}
.fld input:focus+label,.fld textarea:focus+label,.fld input:not(:placeholder-shown)+label,.fld textarea:not(:placeholder-shown)+label{transform:translateY(-32px) scale(.74)}
.fld i{position:absolute;inset-inline:0;inset-block-end:0;height:2px;background:var(--cyan);transform:scaleX(0);transform-origin:100% 50%;transition:transform .5s var(--ease)}
.fld input:focus~i,.fld textarea:focus~i{transform:scaleX(1)}
.fld input:focus-visible,.fld textarea:focus-visible{outline:0}
.hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;opacity:0}
.f__row{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}
.f__note{font-size:14.5px;color:var(--grey);max-width:40ch}
.f__msg{font-size:16px;font-weight:600;color:var(--gold);min-height:1.6em}
.me{grid-column:8/13;position:relative;margin-block-start:60px;z-index:1}
.me__pic{position:relative;width:min(100%,400px);margin-inline:auto 0}
.me__pic img{width:100%;-webkit-mask-image:linear-gradient(to top,transparent 0,#000 16%);mask-image:linear-gradient(to top,transparent 0,#000 16%)}
.me__say{position:relative;margin-block-start:-70px;z-index:2;font-size:clamp(26px,2.5vw,38px);font-weight:800;line-height:1.1}
.me__say span{color:var(--gold)}
.me__by{font-size:15px;color:var(--grey);margin-block:6px 22px}
.ways{display:grid;gap:0;box-shadow:inset 0 1px 0 var(--line)}
.ways a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding-block:16px;box-shadow:inset 0 -1px 0 var(--line)}
.ways a>svg:first-child{width:24px;height:24px;color:var(--cyan)}
.ways b{display:block;font-size:18px;font-weight:700;line-height:1.25}
.ways span{display:block;font-size:14px;color:var(--grey)}
.ways .arr{width:18px;height:18px;transition:transform .5s var(--ease)}
.ways a:hover .arr{transform:translate(-4px,-4px)}

/* ---------- 15 footer ---------- */
.foot{position:relative;overflow:clip;padding-block:clamp(60px,9vh,100px) 0;background:#000}
.foot__top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px;row-gap:34px;align-items:start}
.foot__brand{grid-column:1/6}
.foot__brand img{width:200px;mix-blend-mode:lighten}
.foot__brand p{margin-block-start:16px;font-size:clamp(24px,2.4vw,36px);font-weight:800;line-height:1.1}
.foot__brand small{display:block;margin-block-start:10px;font-size:15px;color:var(--grey)}
.foot__col{grid-column:span 2}
.foot__col--w{grid-column:span 3}
.foot__col h3{font-size:13px;font-weight:600;color:var(--grey);margin-block-end:12px}
.foot__col a{display:block;padding-block:5px;font-size:16px;color:rgba(255,255,255,.88)}
.foot__col a:hover{color:var(--pink)}
.word{margin-block-start:clamp(40px,7vh,80px);font-family:"Orbitron",sans-serif;font-weight:900;font-size:13.2vw;line-height:.8;letter-spacing:-.02em;white-space:nowrap;direction:ltr;text-align:center;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.4);background:linear-gradient(100deg,var(--pink),var(--purple) 45%,var(--cyan));-webkit-background-clip:text;background-clip:text;transform:translateY(12%);user-select:none}
.word b{font-weight:900;-webkit-text-stroke:0;color:transparent}
.foot__legal{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 30px;padding-block:18px 22px;font-size:13.5px;color:var(--grey);background:linear-gradient(180deg,transparent,#000 40%)}

/* ---------- sticky mobile bar + desktop fab ---------- */
.mbar{display:none}
.fab{position:fixed;z-index:45;inset-block-end:26px;inset-inline-end:26px;display:inline-flex;align-items:center;gap:12px;height:60px;padding-inline:20px 10px;border-radius:999px;background:var(--cyan);color:#000;font-weight:700;font-size:15.5px;box-shadow:0 18px 44px rgba(16,226,255,.3),0 6px 18px rgba(0,0,0,.6);transition:transform .6s var(--ease),opacity .4s var(--ease),visibility 0s}
.js .fab--away{opacity:0;visibility:hidden;transform:translateY(24px);transition:transform .6s var(--ease),opacity .4s var(--ease),visibility 0s .4s}
.fab span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,.16)}
.fab svg{width:22px;height:22px}
.fab:hover{transform:translateY(-4px)}

/* ---------- parallax, only where the browser can drive it from scroll ---------- */
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .ghost{animation:ckPar linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
    .halo{animation:ckPar2 linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
    .word{animation:ckWord linear both;animation-timeline:view();animation-range:entry 0% cover 60%}
    @keyframes ckPar{from{transform:translateY(-16%)}to{transform:translateY(16%)}}
    @keyframes ckPar2{from{transform:translateY(-6%) scale(1)}to{transform:translateY(10%) scale(1.08)}}
    @keyframes ckWord{from{transform:translateY(46%)}to{transform:translateY(12%)}}
  }
}

/* ---------- breakpoint 1: up to 1000px, tablet compositions ---------- */
@media (max-width:1000px){
  .nav__links,.nav .btn{display:none}
  .nav__burger{display:block}
  .nav__logo{margin-inline-end:auto}
  .mags .shot{grid-column:1/9}
  .mags__title{grid-column:3/13}
  .mags__card{grid-column:5/13;padding:26px 28px}
  .cwa .shot{grid-column:5/13}
  .cwa__text{grid-column:1/7}
  .collage{aspect-ratio:auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:16px;row-gap:0}
  .collage>*{position:relative;inset:auto;width:auto}
  .mlay__title{grid-column:1/-1;grid-row:1;font-size:clamp(64px,17vw,150px);mix-blend-mode:normal}
  .mlay__sub{grid-column:1/-1;grid-row:2;margin-block:16px 26px;max-width:40ch}
  .mlay__device{grid-column:1/-1;grid-row:3;margin-inline:calc(var(--gutter)*-1);border-radius:0}
  .mlay__phone{grid-column:1/4;grid-row:4;margin-block-start:-60px}
  .mlay__phone .shot__view{--vh:clamp(340px,70vw,560px)}
  .mlay__video{grid-column:4/7;grid-row:4;align-self:start;margin-block-start:34px;margin-inline:8% 0}
  .mlay__s2{grid-column:2/7;grid-row:5;margin-block-start:34px}
  .mlay__s3{grid-column:1/4;grid-row:6;margin-block-start:-16%;z-index:5}
  .mlay__text{grid-column:1/-1;grid-row:7;margin-block-start:44px;max-width:520px}
  .grid25{columns:3}
  .koren__pic{margin-inline-start:-30px}
  .nums__grid{display:block}
  .big{display:none}
  .case__hero{display:flex;align-items:baseline;gap:12px;grid-column:1/-1;direction:rtl}
  .case__hero b{font-family:"Orbitron",sans-serif;font-weight:900;font-size:clamp(50px,13vw,96px);line-height:1;letter-spacing:-.02em;direction:ltr;unicode-bidi:isolate}
  .case__hero span{font-size:19px;font-weight:700;color:var(--gold)}
  .nums__cta p{grid-column:1/-1}
  .nums__cta div{grid-column:1/-1;margin-block-start:26px}
  .rev__grid{display:block}
  .score{position:relative;inset:auto;display:grid;grid-template-columns:auto 1fr;column-gap:26px;align-items:end;margin-block-end:40px}
  .score__n{grid-row:1/3}
  .score h2,.score>p.lead{grid-column:1/-1}
  .faq__grid{display:block}
  .faq__side{position:relative;inset:auto;margin-block-end:40px}
  .talk__grid{display:block}
  .me{margin-block-start:70px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:24px;align-items:end}
  .me__pic{grid-row:1/4;width:100%}
  .me__say{margin-block-start:0}
  .ways{grid-column:1/-1;margin-block-start:26px}
  .foot__brand{grid-column:1/-1}
  .foot__col{grid-column:span 4}
  .foot__col--w{grid-column:span 4}
  .door__peek{inset-inline-end:210px;width:200px}
}

/* ---------- breakpoint 2: up to 760px, the phone has its own composition ---------- */
@media (max-width:760px){
  body{font-size:16.5px;padding-block-end:calc(74px + env(safe-area-inset-bottom,0px))}
  .fab{display:none}
  .mbar{position:fixed;z-index:50;inset-inline:0;inset-block-end:0;display:grid;grid-template-columns:1.25fr 1fr;gap:8px;padding:9px 10px calc(9px + env(safe-area-inset-bottom,0px));background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
  .mbar a{display:flex;align-items:center;justify-content:center;gap:10px;height:54px;border-radius:999px;font-weight:700;font-size:16.5px}
  .mbar a svg{width:21px;height:21px}
  .mbar__wa{background:var(--cyan);color:#000}
  .mbar__tel{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)}
  .h2{font-size:clamp(36px,10.6vw,60px)}
  .ghost{font-size:44vw}

  .work{padding-block:84px 96px}
  .mags .work__grid,.cwa .work__grid{display:flex;flex-direction:column}
  .mags__title{order:1;margin-block:0 -.42em;font-size:19.5vw;text-align:left;position:relative}
  .mags .shot{order:2;--vh:62vh}
  .pop{order:3;position:relative;inset:auto;width:42vw;margin-block-start:-24vw;margin-inline:auto -6px;align-self:flex-end}
  .mags__card{order:4;margin-block:-9vw 0;padding:24px 22px;-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(5,5,18,.94);margin-inline-end:34px}

  .cwa{clip-path:polygon(0 0,100% 7vw,100% 100%,0 calc(100% - 7vw));margin-block:-7vw;padding-block:calc(7vw + 84px)}
  .cwa__tag{order:1}
  .cwa__title{order:2;font-size:13.4vw;margin-block:14px -.5em;position:relative}
  .cwa .shot{order:3;--vh:64vw;--dur:44s}
  .cwa__strip{order:4;height:120px;margin-block-start:-34px;margin-inline:calc(var(--gutter)*-1) 22vw;border-radius:0 14px 14px 0}
  .cwa__text{order:5;padding:30px 0 0}

  .railsec{padding-block:96px 20px}
  .rail{padding:44px 9vw 54px;gap:18px}
  .rail__item{--w:var(--wm)!important}
  .rail__item .shot{--vh:58vh}

  .mlay{padding-block:84px 110px}
  .collage{grid-template-columns:repeat(6,minmax(0,1fr));column-gap:12px}
  .mlay__title{font-size:21vw}
  .mlay__phone{border-radius:22px;padding:5px}
  .mlay__phone .shot__view{border-radius:17px;--vh:88vw}
  .mlay__video{border-radius:18px;margin-inline:0}

  .arch{padding-block:84px 150px}
  .tabs{inset-block-start:86px;border-radius:18px;margin-inline:calc(var(--gutter)*-.5)}
  .tab{padding:9px 14px;font-size:14.5px}
  .grid25{columns:2;column-gap:12px}
  .site{margin-block-end:12px;border-radius:14px}
  .site__win{height:calc(var(--sh,264px)*.62)}
  .site__body{grid-template-columns:1fr;padding:12px 12px 14px}
  .site__body strong{font-size:15.5px}
  .site__body em{font-size:13px}
  .site__arrow{display:none}
  .site--type{min-height:calc(var(--th,210px)*.74)}
  .site__dom{font-size:16.5px;padding:14px 12px 0}
  .site--cta{padding:20px 14px;min-height:240px}
  .site--cta p{font-size:23px}
  .site--cta .btn{padding-inline:16px 6px;font-size:14.5px;min-height:48px}
  .site--cta .btn__ic{width:34px;height:34px}

  .koren__grid{display:block}
  .koren__pic{margin:-110px calc(var(--gutter)*-1) 0;width:auto}
  .koren__say{padding-block:0 10px;margin-block-start:-16vw;z-index:3}
  .koren__say::before{font-size:50vw;inset-block-start:-.3em}
  .koren__q{font-size:clamp(21px,5.7vw,26px);line-height:1.46}
  .steps__t{margin-block-end:34px}
  .steps__row{display:block}
  .step{inset-block-start:0!important;margin-block-end:34px}
  .step:nth-child(2){margin-inline-start:9vw}
  .step:nth-child(3){margin-inline-start:18vw}
  .step__n{font-size:21vw}

  .nums{padding-block:90px}
  .totals{display:block}
  .totals dl{grid-template-columns:1fr 1fr}
  .totals dl>div{padding:20px 0 18px;padding-inline-end:14px}
  .totals dl>div:nth-child(odd){padding-inline-start:0}
  .totals dl>div:nth-child(odd)::before{display:none}
  .totals dl>div:nth-child(n+3){box-shadow:inset 0 1px 0 var(--line-soft)}
  .totals dl>div+div{padding-inline-start:14px}
  .totals__span{display:block;padding-block:0 18px}
  .case{grid-template-columns:1fr;row-gap:16px}
  .case>*{grid-column:1/-1!important;grid-row:auto!important}
  .case--stack .dash+.dash{margin-block-start:-18px;margin-inline-start:12%}
  .dash__s{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--pink) transparent}
  .dash__s img{width:auto;min-width:100%;height:var(--mh,190px);max-width:none}
  .dash--l .dash__s{direction:ltr}
  .mt{grid-template-columns:1fr 1fr!important}
  .case__swipe{display:block!important}

  .ads{padding-block:96px 84px}
  .ads__head .h2{font-size:12.6vw}
  .ad{width:184px;height:184px;border-radius:12px}
  .ads__wall,.ads__row{gap:10px}
  .ads__row--b{margin-inline-start:-92px}

  .svc{padding-block:84px}
  .door{grid-template-columns:minmax(0,1fr) 92px;gap:8px 16px;padding-block:24px}
  .door__no{grid-column:1/-1}
  .door__t{font-size:clamp(25px,7.2vw,34px)}
  .door__d{font-size:15.5px}
  .door__ref{grid-column:1;white-space:normal;font-size:14px}
  .door__peek{position:relative;inset:auto;grid-column:2;grid-row:2/4;align-self:center;width:92px;aspect-ratio:1;translate:0 0!important;scale:1!important;rotate:3deg!important;border-radius:12px}
  .doors li:nth-child(even) .door__peek{rotate:-3deg!important}
  .door:hover .door__main,.door:focus-visible .door__main{transform:none}

  .rev{clip-path:polygon(0 7vw,100% 0,100% calc(100% - 7vw),0 100%);margin-block:-7vw;padding-block:calc(7vw + 84px)}
  .wall{columns:1}
  .rv{padding:20px 20px}
  .rv blockquote{font-size:17px}
  .score__n{font-size:31vw}

  .faq{padding-block:calc(7vw + 90px) 84px}
  .qa summary{padding:22px 14px;font-size:19px}
  .qa__a{padding:0 14px 24px}

  .talk{clip-path:polygon(0 0,100% 7vw,100% 100%,0 100%);padding-block:calc(7vw + 84px) 96px}
  .talk .h2{font-size:17vw}
  .f__row .btn{width:100%}
  .me{display:block}
  .me__pic{width:74%;margin-inline:auto 0}
  .me__say{margin-block-start:-50px}

  .foot__col,.foot__col--w{grid-column:span 6}
  .word{font-size:13.4vw}
  .foot__legal{padding-block-end:18px}
}
@supports (height:1svh){
  @media (max-width:760px){.mags .shot{--vh:62svh}.rail__item .shot{--vh:58svh}}
}

/* ---------- reduced motion: everything lands in its final state ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important}
  .bw__site:first-child,.bw__url span:first-child{opacity:1}
  .js [data-r]{opacity:1;translate:0 0;scale:1}
  .js [data-line]>i,.js .grow{transform:none}
  .ads__wall{overflow-x:auto;-webkit-mask-image:none;mask-image:none;rotate:0deg;width:100%;margin-inline:0}
  .ribbon{overflow-x:auto}
}
@media print{.nav,.fab,.mbar,body::after{display:none}}

/* ---------- late additions ---------- */
.hero__sig{position:absolute;z-index:2;inset-block-start:11%;inset-inline-start:5%;margin:0}
.cwa__text h3{font-size:clamp(22px,2vw,28px);font-weight:700;line-height:1.3}
.cwa__tag .en{color:var(--cyan);font-weight:900}
@media (max-width:760px){.hero__sig{inset-block-start:96px;inset-inline-start:var(--gutter)}.case__swipe{display:block!important}}