/* Algebra — desktop home. 1 Figma px = var(--u) = 100vw / 1194 */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--u:calc(100vw / 1194);--ink:#000;--bg:#fff;--ease:cubic-bezier(.22,.61,.36,1);--ease2:cubic-bezier(.65,0,.35,1)}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:"Cal Sans Text UI","Google Sans",system-ui,sans-serif;font-weight:400;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:none;user-select:none;-webkit-user-drag:none}
a{color:inherit;text-decoration:none}
ul{list-style:none}
h1,h2,h3{font-weight:400;font-size:inherit}
section{position:relative}
.a{position:absolute;left:calc(var(--x)*var(--u));top:calc(var(--y)*var(--u));width:calc(var(--w,0)*var(--u))}
.a:not([style*="--w"]){width:auto}

/* ---------- load-in ---------- */
[data-in]{opacity:0;transform:translateY(calc(6*var(--u)));transition:opacity .9s var(--ease),transform .9s var(--ease)}
[data-in="grow"]{transform:scale(.965);transform-origin:50% 60%;transition:opacity 1.1s var(--ease),transform 1.5s var(--ease)}
body.is-ready [data-in]{opacity:1;transform:none}
.nav [data-in]{transition-delay:.05s}
.nav__right{transition-delay:.15s}
.hero-title [data-in]{transition-delay:.3s}
.dots{transition-delay:.7s}
[data-rv]{opacity:0;transform:translateY(calc(14*var(--u)));transition:opacity 1s var(--ease),transform 1s var(--ease);transition-delay:var(--d,0s)}
[data-rv="soft"]{transform:none}
[data-rv="scale"]{transform:scale(.97) translateY(calc(6*var(--u)))}
[data-rv].is-in{opacity:1;transform:none}

/* ---------- nav ---------- */
.nav{position:sticky;top:0;z-index:50;height:calc(50*var(--u));display:flex;align-items:center;justify-content:space-between;padding:0 calc(64*var(--u)) 0 calc(180*var(--u));background:#fff}
.nav__logo{font-family:"Cal Sans";font-weight:500;font-size:calc(23.774*var(--u));letter-spacing:calc(.4755*var(--u));line-height:1}
.nav__right{display:flex;align-items:center;gap:calc(63.4*var(--u))}
.nav__apply{font-size:calc(14.4*var(--u));letter-spacing:calc(-.288*var(--u));line-height:1.1;border-bottom:.4px solid #000;padding:0 calc(7.6*var(--u)) calc(3*var(--u)) calc(3.7*var(--u));transition:opacity .3s}
.nav__apply:hover{opacity:.55}
.nav__lang{display:flex;align-items:center;gap:calc(3*var(--u));background:#f6f6f6;border-radius:calc(4.89*var(--u));height:calc(21*var(--u));padding:0 calc(7.5*var(--u)) 0 calc(7*var(--u))}
.nav__lang a{font-size:calc(11.291*var(--u));line-height:1;color:#acacac;transition:color .3s}
.nav__lang a.is-on{color:#000}
.nav__lang a[hreflang=he]{font-family:"Google Sans";font-size:calc(11*var(--u))}
.nav__lang a:hover{color:#000}

/* ---------- hero title ---------- */
.hero-title{height:calc(134*var(--u))}
.hero-title__h{position:absolute;left:calc(180*var(--u));top:calc(var(--ty,45)*var(--u));width:calc(711*var(--u));font-weight:400;font-size:calc(var(--fs,45.349)*var(--u));letter-spacing:calc(var(--ls,-1.814)*var(--u));line-height:.97;white-space:nowrap}
.dots{position:absolute;left:0;top:0;width:100%;height:calc(30*var(--u));z-index:12;pointer-events:none}
.dots i{position:absolute;top:calc(15*var(--u));height:calc(5*var(--u));border-radius:calc(5*var(--u));background:#d9d9d9;transition:width .6s var(--ease),left .6s var(--ease),background .4s}
.dots i.on{background:#000}

/* ---------- gallery ---------- */
.gallery{position:relative;height:calc(541*var(--u));overflow:hidden;background:#fff}
.gallery__slides{position:absolute;inset:0}
.slide{position:absolute;inset:0;overflow:hidden;will-change:transform}
.slide--img img{width:100%;height:100%;object-fit:cover}
.slide__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slide__grad{position:absolute;inset:0;background:linear-gradient(241.84deg,rgb(127,19,215) 9.29%,rgb(255,60,2) 85.73%);mix-blend-mode:hard-light;opacity:.57}
.slide__ell{position:absolute;width:calc(520*var(--u));height:calc(520*var(--u));mix-blend-mode:overlay;opacity:.6}
.slide__ell--a{left:calc(-120*var(--u));top:calc(-230*var(--u))}
.slide__ell--b{right:calc(-120*var(--u));bottom:calc(-260*var(--u))}
.slide__value{position:absolute;left:calc(447.57*var(--u));top:calc(87*var(--u));width:calc(299.76*var(--u));text-align:center;font-family:"Instrument Serif",serif;font-size:calc(30.223*var(--u));letter-spacing:calc(1.5111*var(--u));color:#fff;line-height:1.08;white-space:nowrap}
.slide__logo{position:absolute;left:calc(191.9*var(--u));top:calc(128.84*var(--u));width:calc(811.1*var(--u));height:calc(255.4*var(--u))}
.slide__cap{position:absolute;left:calc(336.63*var(--u));top:calc(428.83*var(--u));width:calc(594.78*var(--u));height:calc(24.5*var(--u));font-family:"Parkinsans",sans-serif;font-size:calc(7.281*var(--u));color:#e5e5e5;line-height:1.28}
.slide__cap p{padding-left:calc(24*var(--u))}
.slide__cap b{font-weight:500}
.slide__store{position:absolute;left:0;top:calc(1*var(--u));width:calc(11.8*var(--u));height:auto}
.slide__store--p{left:calc(12.5*var(--u));top:calc(2*var(--u));width:calc(11.4*var(--u))}
.slide__cap .c{position:absolute;width:calc(7.2*var(--u));height:calc(7.2*var(--u));border:0 solid #e5e5e5}
.slide__cap .c1{left:calc(-6*var(--u));top:calc(-6*var(--u));border-width:1px 0 0 1px}
.slide__cap .c2{right:calc(-6*var(--u));top:calc(-6*var(--u));border-width:1px 1px 0 0}
.slide__cap .c3{left:calc(-6*var(--u));bottom:calc(-6*var(--u));border-width:0 0 1px 1px}
.slide__cap .c4{right:calc(-6*var(--u));bottom:calc(-6*var(--u));border-width:0 1px 1px 0}

/* stripes: right-anchored stack, grow from the left edge of each strip */
.stripes{z-index:10;position:absolute;right:0;bottom:0;width:calc(1126*var(--u));height:calc(120*var(--u));pointer-events:none}
.stripe{position:absolute;right:0;height:calc(40*var(--u));background:#fff;display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:calc(21*var(--u));padding-left:calc(17*var(--u));overflow:hidden;white-space:nowrap;pointer-events:auto;width:0}
.stripe span{font-family:"Cal Sans Text UI";font-weight:400;font-size:calc(12*var(--u));letter-spacing:0;line-height:1;opacity:0;transform:translateX(calc(24*var(--u)));transition:opacity .7s var(--ease),transform .9s var(--ease)}
.stripe img{width:calc(13*var(--u));height:auto;opacity:0;transform:translateX(calc(24*var(--u)));transition:opacity .6s var(--ease),transform .9s var(--ease)}
.stripe{transition:width 1.4s var(--ease)}
.stripe--1{bottom:calc(80*var(--u))}
.stripe--2{bottom:calc(40*var(--u))}
.stripe--3{bottom:0}
.stripe.on span,.stripe.on img{opacity:1;transform:none}
.stripe:hover span{transform:translateX(calc(3*var(--u)))}

/* ---------- manifest ---------- */
.manifest{height:calc(2059*var(--u))}
.manifest__h{font-family:"Cal Sans";font-weight:500;-webkit-text-stroke:calc(.45*var(--u)) currentColor;font-size:calc(23*var(--u));letter-spacing:calc(.46*var(--u));line-height:1.1;text-align:center;white-space:nowrap}
.manifest__p{font-family:"Cal Sans";font-weight:500;font-size:calc(50*var(--u));letter-spacing:calc(1.5*var(--u));line-height:1.68}
.manifest__p p+p{margin-top:0}
.manifest__p .s{opacity:.14}
.manifest__p .s.on{opacity:1}
[data-seq]{opacity:0;transform:translateY(calc(12*var(--u)));transition:opacity 1s var(--ease),transform 1s var(--ease)}
[data-seq].is-in{opacity:1;transform:none}
.manifest__art{height:auto}
/* animated wordmark + particle buttons (Figma frame 1164 x 424) */
.manifest__wave{height:calc(494*var(--u));overflow:hidden;background:#fff}
.manifest__wave canvas{display:block;position:absolute;left:0;top:0;width:100%;pointer-events:none}
.wave-icons{position:absolute;left:50%;top:calc(397.86*var(--u));transform:translateX(-50%);display:flex;gap:calc(14.78*var(--u))}
.wave-icons button{width:calc(28.68*var(--u));height:calc(28.68*var(--u));padding:0;border:0;border-radius:50%;background:#fff;color:#000;cursor:pointer;display:grid;place-items:center;box-shadow:0 0 calc(10*var(--u)) rgba(0,0,0,.06),calc(-3*var(--u)) calc(1.5*var(--u)) 0 rgba(0,0,0,.03);transition:transform .2s}
.wave-icons button:hover{transform:translateY(calc(-1*var(--u)))}
.wave-icons button:focus-visible{outline:2px solid #1088ff;outline-offset:2px}
.wave-icons svg{width:53%;height:53%;display:block;fill:#000}
.manifest__art.is-in{transition-delay:.35s}
.manifest__p.is-in{transition-delay:.7s}

/* ---------- projects ---------- */
.projects{height:calc(1202.3*var(--u))}
.projects__h{font-size:calc(28*var(--u));letter-spacing:calc(-.84*var(--u));line-height:1;text-align:center;white-space:nowrap}
.stepper{height:calc(15.3*var(--u))}
.stepper__t{display:flex;justify-content:space-between;font-size:calc(6*var(--u));line-height:calc(7*var(--u));opacity:0;transition:opacity .8s}
.stepper.is-in .stepper__t{opacity:1;transition-delay:.2s}
.stepper__line{position:absolute;left:0;right:0;top:calc(12*var(--u));height:calc(3.3*var(--u))}
.stepper__line .d{position:absolute;top:0;width:calc(3.3*var(--u));height:calc(3.3*var(--u));background:#000;transform:scale(0);transition:transform .45s var(--ease)}
.stepper__line .d1{left:0}.stepper__line .d2{right:0}
.stepper__line .ln{position:absolute;left:calc(3.5*var(--u));right:calc(3.5*var(--u));top:calc(1.6*var(--u));height:.5px;background:#9a9a9a;transform-origin:0 50%;transform:scaleX(0);transition:transform 1.2s var(--ease2) .45s}
.stepper.is-in .d1{transform:scale(1)}
.stepper.is-in .ln{transform:scaleX(1)}
.stepper.is-in .d2{transform:scale(1);transition-delay:1.6s}
.projects__latest{text-align:center;font-size:calc(9.65*var(--u));line-height:calc(11*var(--u))}
.grid{display:grid;grid-template-columns:repeat(8,1fr);gap:calc(13.5*var(--u))}
.grid{grid-template-columns:calc(649.5*var(--u)) calc(399*var(--u))}
.grid .proj:nth-child(3){grid-column:1;grid-row:2;width:calc(399*var(--u))}
.grid .proj:nth-child(4){grid-column:1/3;grid-row:2;margin-left:calc(412.5*var(--u));width:calc(649.5*var(--u))}
.grid .proj:nth-child(1){grid-column:1;grid-row:1}.grid .proj:nth-child(2){grid-column:2;grid-row:1}
.proj{position:relative;height:calc(350*var(--u));border-radius:calc(16*var(--u));transition:transform .55s var(--ease),box-shadow .55s var(--ease)}
.proj:hover{transform:scale(1.01);box-shadow:0 0 calc(50*var(--u)) rgba(0,0,0,.15);z-index:2}
.proj__img{position:relative;width:100%;height:calc(289*var(--u));overflow:hidden;background:#000}
.proj__img img{width:100%;height:100%;object-fit:cover}
.proj__img--1 img{object-position:50% 40%}
.proj__img--3{background:#dccfc4}
.proj__img--3 .p3i{position:absolute;left:calc(86*var(--u));top:calc(29*var(--u));width:calc(227*var(--u));height:calc(227*var(--u));object-fit:cover;border-radius:calc(30*var(--u));box-shadow:0 calc(8*var(--u)) calc(22*var(--u)) rgba(0,0,0,.14)}
.proj__img--3 .p3c{position:absolute;right:0;bottom:0;width:calc(165*var(--u));height:calc(165*var(--u));object-fit:contain;object-position:100% 100%}
.proj__chips{position:absolute;left:0;top:calc(289*var(--u));display:flex;height:calc(18.5*var(--u));align-items:stretch}
.chip{display:flex;align-items:center;gap:calc(5*var(--u));padding:0 calc(9*var(--u)) 0 calc(9*var(--u));font-family:"Cal Sans";font-weight:500;font-size:calc(5.168*var(--u));letter-spacing:calc(.2*var(--u));white-space:nowrap;line-height:1}
.chip img{width:calc(5*var(--u));height:auto}
.chip--g{background:#ddd;margin-left:calc(.5*var(--u))}
.proj{--d:0s}

/* ---------- price ---------- */
.price{height:calc(1015.3*var(--u));background:#fafafa}
.price__h{font-size:calc(28*var(--u));letter-spacing:calc(-.84*var(--u));line-height:1;text-align:center;white-space:nowrap}
.dg{position:absolute}
.dg--l1,.dg--l2{font-size:calc(9*var(--u));line-height:1.1;letter-spacing:calc(-.1*var(--u));color:#919191;white-space:nowrap}
.dg--l2{color:#000}
.dg--x{transform-origin:0 0;transform:rotate(-90deg) scaleX(-1)}
.dg--agency path,.dg--algebra path{stroke-dasharray:1;stroke-dashoffset:1}
.dg--grid,.dg--y,.dg--x{opacity:0}
.dg--l1,.dg--l2{opacity:0;transition:opacity .6s}
.diagram.is-in .dg--grid{opacity:1;transition:opacity .7s .1s}
.diagram.is-in .dg--y,.diagram.is-in .dg--x{opacity:1;transition:opacity .35s}
.diagram.is-in .dg--agency path{stroke-dashoffset:0;transition:stroke-dashoffset .9s var(--ease2) .5s}
.diagram.is-in .dg--algebra path{stroke-dashoffset:0;transition:stroke-dashoffset 1s var(--ease2) 1.35s}
.diagram.is-in .dg--l1{opacity:1;transition-delay:1.2s}
.diagram.is-in .dg--l2{opacity:1;transition-delay:2.2s}
.dg--l1{transform:rotate(-8.08deg);transform-origin:0 0}
.dg--l2{transform:rotate(-32.85deg);transform-origin:0 0}
.compare{display:flex;gap:calc(15*var(--u));left:calc(271.5*var(--u))}
.col{width:calc(318*var(--u))}
.col__h{height:calc(34*var(--u));font-weight:400;font-size:calc(15*var(--u));letter-spacing:calc(-.3*var(--u));color:#919191;border-bottom:.5px solid #5d5d5d;display:flex;align-items:flex-start}
.col--b .col__h{font-family:"Cal Sans Text UI";font-weight:500;font-size:calc(16*var(--u));color:#000}
.col li{height:calc(50.5*var(--u));display:flex;align-items:center;gap:calc(9*var(--u));border-bottom:.5px solid #5d5d5d;font-size:calc(15*var(--u));letter-spacing:calc(-.3*var(--u));color:#919191;opacity:0;transform:translateY(calc(10*var(--u)));transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i)*.55s + .2s)}
.col--b li{color:#000}
.compare.is-in li{opacity:1;transform:none}
.ic{width:calc(19.6*var(--u));height:calc(19.6*var(--u));border-radius:50%;display:grid;place-items:center;flex:none}
.ic img{width:calc(10.7*var(--u));height:calc(10.7*var(--u))}
.ic--x{background:#d2d2d2}.ic--x img{filter:invert(1) brightness(2)}
.ic--s{background:#000}

/* ---------- days (scroll-driven) ---------- */
.days{height:560vh}
.days__stick{position:sticky;top:calc(50*var(--u));height:calc(657*var(--u));overflow:visible;clip-path:inset(0 0 -500px 0);background:#fff}
.ruler{position:absolute;left:0;top:0;height:calc(71*var(--u));width:calc(5600*var(--u));will-change:transform;background:
  linear-gradient(#000,#000) 0 0/ .5px calc(71*var(--u)) repeat-x}
.ruler i{position:absolute;top:0;width:.5px;background:#c9c9c9}
.track{position:absolute;left:0;top:0;height:100%;width:calc(1194*4*var(--u));display:flex;will-change:transform}
.day{position:relative;flex:none;width:calc(1194*var(--u));height:100%}
.cl{position:absolute;left:calc(var(--cx)*var(--u));top:calc(var(--cy)*var(--u));width:calc(var(--cw)*var(--u));height:auto;animation:breathe 5s ease-in-out infinite}
.day:nth-child(2) .cl{animation-delay:-1.3s}.day:nth-child(3) .cl{animation-delay:-2.6s}.day:nth-child(4) .cl{animation-delay:-3.9s}
@keyframes breathe{0%,100%{transform:scale(1) translateY(0)}50%{transform:scale(1.025) translateY(calc(-3*var(--u)))}}
.day__t{position:absolute;left:calc(var(--tx)*var(--u));top:calc(var(--ty)*var(--u));width:calc(195*var(--u))}
.day__n{font-size:calc(67*var(--u));letter-spacing:calc(-2.7*var(--u));line-height:1.14;white-space:nowrap}
.day__ln{display:block;margin-top:calc(2*var(--u));height:.6px;background:#aaa;width:100%;transform-origin:0 50%}
.day__s{margin-top:calc(8*var(--u));font-size:calc(20.5*var(--u));letter-spacing:calc(-.4*var(--u));line-height:1.1;white-space:nowrap}
.day__ar{margin-top:calc(8*var(--u));width:calc(9*var(--u))}
.d14line{position:absolute;left:calc(461*var(--u));top:calc(255*var(--u));width:calc(272*var(--u));height:calc(389.6*var(--u));pointer-events:none}
.tailc{position:absolute;left:0;top:0;will-change:transform,opacity;pointer-events:none}
.zig-old{position:absolute;left:calc(469*var(--u));top:calc(330*var(--u));width:calc(256*var(--u));height:calc(356*var(--u));overflow:visible;pointer-events:none}
.zig path{stroke-dasharray:var(--len,2000);stroke-dashoffset:var(--len,2000)}

/* ---------- brand delivery ---------- */
.delivery{height:calc(894*var(--u));margin-left:calc(81.5*var(--u));width:calc(1031*var(--u))}
.delivery__head{display:flex;flex-direction:column;align-items:center;gap:calc(12*var(--u));font-size:calc(11*var(--u));letter-spacing:calc(.9*var(--u));line-height:1;top:calc(8*var(--u))!important;opacity:0;transition:opacity .9s var(--ease)}
.delivery__head img{width:calc(11*var(--u));transform:rotate(90deg);opacity:0;transition:opacity .8s .5s,transform .8s .5s var(--ease)}
.delivery.is-in .delivery__head{opacity:1}
.delivery.is-in .delivery__head img{opacity:1}
.dgrid{top:calc(81*var(--u))!important;display:grid;grid-template-columns:calc(448*var(--u)) calc(317*var(--u)) calc(236*var(--u));column-gap:calc(15*var(--u));row-gap:calc(7*var(--u))}
.tile{position:relative;display:flex;flex-direction:column;opacity:0;transform:translateY(calc(-18*var(--u))) scale(.985);transition:opacity 1s var(--ease),transform 1s var(--ease);transition-delay:var(--d);transform-origin:50% 0}
.delivery.is-in .tile{opacity:1;transform:none}
.tile>img{width:100%;flex:none;border-radius:calc(3*var(--u));transition:transform .55s var(--ease),filter .55s var(--ease)}
.tile figcaption{display:flex;height:calc(30*var(--u));padding-bottom:calc(6*var(--u));gap:calc(4*var(--u))}
.tile figcaption{font-size:calc(7*var(--u));letter-spacing:calc(.3*var(--u));line-height:1;align-items:stretch}
.tile figcaption::before{content:none}
.tile figcaption::after{content:"";flex:1;background:#f1f0ee;border-radius:calc(4*var(--u))}
.tile figcaption{position:relative}
.tile figcaption{display:flex}
.tile figcaption span{display:flex;align-items:center;gap:calc(4*var(--u));padding:0 calc(10*var(--u)) 0 calc(9*var(--u));background:#f1f0ee;border-radius:calc(4*var(--u));white-space:nowrap}.tile figcaption span img{width:calc(5*var(--u));height:auto}
.tile figcaption{color:#000}
.tile figcaption{--chip:#f1f0ee}
.tile:hover>img{transform:scale(1.05);filter:drop-shadow(0 calc(10*var(--u)) calc(22*var(--u)) rgba(0,0,0,.12))}
.tile:hover{z-index:3}
.t1{--d:.5s}.t2{--d:.65s}.t3{--d:.8s}.t4{--d:.95s}.t5{--d:1.1s}.t6{--d:1.25s}
.t3 figcaption+img{height:auto}

/* ---------- testimonial ---------- */
.testi{height:calc(649*var(--u));background:#000;color:#fff}
.testi__in{display:block}
.testi__pic,.testi__q,.testi__who{opacity:0;transform:translateY(calc(10*var(--u)));transition:opacity 1s var(--ease),transform 1s var(--ease)}
.testi__pic{width:calc(64.7*var(--u));height:calc(64.7*var(--u));border-radius:50%;object-fit:cover;margin:0 0 calc(30*var(--u)) 0}
.testi__q{font-size:calc(26*var(--u));letter-spacing:calc(-.26*var(--u));line-height:1.33;text-align:left}
.testi__who{margin-top:calc(26*var(--u))}
.testi__who b{display:block;font-weight:500;font-size:calc(15*var(--u));line-height:1.2}
.testi__who span{display:block;margin-top:calc(3*var(--u));font-size:calc(12*var(--u));color:#7c7c7c}
.testi.is-in .testi__pic{opacity:1;transform:none;transition-delay:.5s}
.testi.is-in .testi__q{opacity:1;transform:none;transition-delay:1.1s}
.testi.is-in .testi__who{opacity:1;transform:none;transition-delay:1.7s}
.testi{background:#fff;transition:background 1.1s var(--ease)}
.testi.is-in{background:#000}

/* ---------- iconic ---------- */
.iconic{height:calc(706*var(--u))}
.iconic__h{font-family:"Cal Sans";font-weight:500;-webkit-text-stroke:calc(.8*var(--u)) currentColor;font-size:calc(29.628*var(--u));letter-spacing:calc(.8*var(--u));color:#bbc4da;line-height:1.3;white-space:nowrap}
.iconic__p{margin-top:calc(5*var(--u));font-size:calc(9*var(--u));line-height:1.45;letter-spacing:calc(-.1*var(--u));text-align:center;width:calc(401*var(--u))}
.iconic__h{text-align:center;width:calc(401*var(--u))}
.pill{display:flex;align-items:center;justify-content:center;gap:calc(4*var(--u));width:calc(107*var(--u));height:calc(24*var(--u));margin:calc(36*var(--u)) auto 0;border:.258px solid #c7d0e4;border-radius:calc(20*var(--u));font-family:"Google Sans";font-weight:500;font-size:calc(7.087*var(--u));transition:background .3s,border-color .3s,transform .3s var(--ease)}
.pill img{width:calc(6*var(--u))}
.pill:hover{background:#f4f6fb;transform:translateY(calc(-1*var(--u)))}
.logos{display:flex;align-items:center;justify-content:center;gap:calc(14*var(--u));margin-top:calc(44*var(--u));width:calc(307*var(--u));margin-left:calc(47*var(--u))}
.lg{display:flex;align-items:center;gap:calc(4*var(--u));flex:none}
.lg img{height:auto}
.lg--s em{font-style:normal;font-family:"Cal Sans Text UI";font-size:calc(5*var(--u));letter-spacing:calc(.1*var(--u))}
.iconic__a{height:calc(507*var(--u));opacity:0;transform:scale(.96);transition:opacity 1.4s var(--ease),transform 1.6s var(--ease)}
.iconic.is-in .iconic__a{opacity:1;transform:none;transition-delay:.35s}
.iconic__l [data-rv]:nth-child(2){--d:.15s}.iconic__l [data-rv]:nth-child(3){--d:.3s}.iconic__l [data-rv]:nth-child(4){--d:.45s}

/* ---------- finale ---------- */
.finale{height:calc(1712*var(--u));background:#000;color:#fff}
.cta{height:calc(154*var(--u));width:calc(372*var(--u))}
.cta__svg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}
.cta__label{position:absolute;left:0;top:calc(49.5*var(--u));width:calc(213*var(--u));height:calc(55.5*var(--u));color:#000;display:flex;align-items:center;justify-content:center;font-size:calc(20.667*var(--u));letter-spacing:calc(-.2*var(--u));white-space:nowrap;line-height:1}
.cta__label u{text-underline-offset:calc(4*var(--u));text-decoration-thickness:1px}
.eye{position:absolute;left:calc(217.5*var(--u));top:calc(.5*var(--u));width:calc(153*var(--u));height:calc(153*var(--u));border-radius:50%;display:block;-webkit-tap-highlight-color:transparent;cursor:pointer}
#ball{transform-box:fill-box;transform-origin:50% 50%;transition:transform .14s cubic-bezier(.3,1.4,.5,1)}
.cta.is-down #ball{transform:scale(.93)}
.bigA{height:calc(505*var(--u));display:grid;grid-template-columns:repeat(21,1fr);grid-template-rows:repeat(21,1fr)}
.bigA i{background:#fff;opacity:0;transform:scale(.4);transition:opacity .25s linear,transform .25s var(--ease)}
.bigA i.on{opacity:1;transform:none}
.bigA i.x{background:transparent}
.finale__url{text-align:center;font-family:"Cal Sans";font-weight:500;font-size:calc(27*var(--u));letter-spacing:calc(1.62*var(--u));line-height:1;transform:translateY(-50%);top:calc(1385*var(--u))!important}
.finale__copy{text-align:center;font-size:calc(10*var(--u));letter-spacing:calc(.4*var(--u));line-height:1;transform:translateY(-50%);top:calc(1676*var(--u))!important}
.cta{opacity:0;transform:translateY(calc(12*var(--u)));transition:opacity 1s var(--ease),transform 1s var(--ease)}
.cta.is-in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:.01ms!important}[data-in],[data-rv],[data-seq],.tile{opacity:1!important;transform:none!important}}

/* ---- reverse (scroll back up) transitions ---- */
.dg--grid,.dg--y,.dg--x{transition:opacity .4s}
.dg--agency path{transition:stroke-dashoffset .6s var(--ease2) .35s}
.dg--algebra path{transition:stroke-dashoffset .6s var(--ease2) 0s}
.dg--l1,.dg--l2{transition:opacity .3s 0s}
.col li{transition-delay:calc((5 - var(--i))*.07s)}
.compare.is-in li{transition-delay:calc(var(--i)*.55s + .2s)}
.stepper__line .d{transition:transform .3s var(--ease)}
.stepper__line .ln{transition:transform .6s var(--ease2)}
.stepper__t{transition:opacity .3s}
.tile{transition-delay:0s}
.delivery.is-in .tile{transition-delay:var(--d)}
.testi__pic,.testi__q,.testi__who{transition-delay:0s}
.iconic__a{transition-delay:0s}
.stepper.is-in .ln{transition:transform 1.2s var(--ease2) .45s}

/* diagram: slower build (axes -> Agency stroke -> Algebra stroke) */
.diagram.is-in .dg--y,.diagram.is-in .dg--x{transition:opacity .8s var(--ease)}
.diagram.is-in .dg--grid{transition:opacity 1.2s var(--ease) .5s}
.diagram.is-in .dg--agency path{transition:stroke-dashoffset 2.2s var(--ease2) 1.1s}
.diagram.is-in .dg--algebra path{transition:stroke-dashoffset 2.4s var(--ease2) 3.1s}
.diagram.is-in .dg--l1{transition:opacity .9s var(--ease) 2.9s}
.diagram.is-in .dg--l2{transition:opacity .9s var(--ease) 5.2s}
.dg--agency path{transition:stroke-dashoffset .9s var(--ease2) .45s}
.dg--algebra path{transition:stroke-dashoffset .9s var(--ease2) 0s}

/* projects: placeholder cards (new composition) */
.proj__ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:#a1a1a1;border-radius:calc(16*var(--u))}
.proj{overflow:hidden}
.proj__t{position:absolute;left:calc(var(--pl,36)*var(--u));top:calc(186*var(--u));font-family:"Cal Sans Text UI","Cal Sans";font-weight:400;font-size:calc(23.2*var(--u));line-height:calc(26.2*var(--u));letter-spacing:0;color:#fff;white-space:nowrap}
.proj__watch{position:absolute;left:calc(var(--pl,36)*var(--u));top:calc(283*var(--u));height:calc(25*var(--u));padding:0 calc(9*var(--u)) 0 calc(8*var(--u));width:calc(55*var(--u));box-sizing:border-box;display:flex;align-items:center;gap:calc(3.4*var(--u));background:#fff;border-radius:calc(5*var(--u));font-size:calc(9.3*var(--u));line-height:1;color:#000}
.proj__watch img{width:calc(5.7*var(--u));height:auto}