/* =====================================================================
   Our Work page styles, in cascade order. The shared files are the same
   ones the homepage uses; the page's own files are in styles/work-page/.
   ===================================================================== */
@font-face{font-family:"BDO Grotesk";src:url(/assets/fonts/bdo-grotesk.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Departure Mono";src:url(/assets/fonts/departure-mono.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Geist Mono";src:url(/assets/fonts/geist-mono.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
:root{--u:1px;--ink:#000;--midnight:#0D1432;--blue:#3457BA;--breeze:#B0E9FD;--bloom:#FAD7FF;--line:rgba(0,0,0,.15);
  --sans:"BDO Grotesk","Helvetica Neue",Arial,sans-serif;--mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --ease-out:cubic-bezier(.16,1,.3,1)}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;background:#fff}
body{font-family:var(--sans);color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.b30-main{position:relative;z-index:2;background:transparent}
.hw{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.14em;margin-bottom:-.14em}
.hw-i{display:inline-block;transform:translate3d(0,110%,0);transition:transform 1.25s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i,0) * 42ms)}
.is-in .hw-i{transform:none}
[data-reveal]{opacity:0;transform:translate3d(0,18px,0);transition:opacity 1s var(--ease-out),transform 1.2s var(--ease-out);transition-delay:var(--rd,120ms)}
[data-reveal].is-in{opacity:1;transform:none}
.sc-wrap{display:inline;white-space:inherit}
.sc-w{display:inline-block;white-space:nowrap}
.sc-c{display:inline-block;text-align:center}
.sc-c.x{opacity:.85}
.sc-c.h{opacity:0}
.b30btn{display:inline-flex;align-items:stretch;height:max(38px,calc(48*var(--u)));color:#000;text-decoration:none;cursor:pointer}
.b30btn__ic{position:relative;display:grid;place-items:center;width:max(38px,calc(48*var(--u)));border:1px solid #000;background:#fff;overflow:hidden;flex:none}
.b30btn__ic svg{width:max(18px,calc(24*var(--u)));height:max(18px,calc(24*var(--u)));display:block}
.b30btn__lbl{display:flex;align-items:center;padding:0 max(12px,calc(16*var(--u)));font:400 max(12px,calc(16*var(--u)))/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.b30btn--solid .b30btn__lbl{background:#000;color:#fff}
.b30btn--line .b30btn__lbl{border:1px solid #000;border-left:0}
[data-anim] > i{position:relative;overflow:hidden}
@keyframes b30-buzz{0%,100%{transform:translate(0,0) rotate(0)}10%{transform:translate(-1px,0) rotate(-14deg)}20%{transform:translate(1px,-1px) rotate(12deg)}30%{transform:translate(-1px,0) rotate(-10deg)}40%{transform:translate(1px,0) rotate(8deg)}52%{transform:rotate(-5deg)}64%{transform:rotate(3deg)}76%{transform:rotate(-1deg)}}
@keyframes b30-ping{0%{transform:scale(1)}35%{transform:scale(.74)}70%{transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes b30-ring{0%{opacity:.7;transform:scale(.35)}100%{opacity:0;transform:scale(1.35)}}
@keyframes b30-arrow{0%{transform:translateX(0)}48%{transform:translateX(150%)}49%{transform:translateX(-150%)}100%{transform:translateX(0)}}
[data-anim="phone"]:hover :is(i,.b30btn__ic) svg,[data-anim="phone"]:focus-visible :is(i,.b30btn__ic) svg{animation:b30-buzz .62s cubic-bezier(.36,.07,.19,.97) both}
[data-anim="target"]:hover :is(i,.b30btn__ic) svg,[data-anim="target"]:focus-visible :is(i,.b30btn__ic) svg{animation:b30-ping .72s cubic-bezier(.22,1,.36,1) both}
[data-anim="arrow"]:hover :is(i,.b30btn__ic) svg{animation:b30-arrow .7s cubic-bezier(.7,0,.2,1) both}
.b30t{position:relative;padding:calc(164*var(--u)) 0 calc(80*var(--u));overflow:hidden}
.b30t__head{display:flex;justify-content:space-between;align-items:flex-start;margin-left:calc(164*var(--u));width:calc(1582*var(--u))}
.b30t__h{margin:0;width:auto;white-space:nowrap;font-weight:400;font-size:max(30px,calc(50*var(--u)));line-height:1.2;letter-spacing:-.02em}
.b30t__note{font:400 max(11px,calc(14*var(--u)))/1.2 var(--mono);color:var(--midnight);text-transform:uppercase;white-space:nowrap}
.b30t__view{position:relative;margin-top:calc(96*var(--u));padding-left:calc(164*var(--u));height:calc(564*var(--u));cursor:none;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:none}
.b30t__track{position:relative;height:100%}
.b30t__card{--dim:0;position:absolute;left:0;top:0;width:calc(477*var(--u));height:100%;margin:0;transform-origin:0% 50%;will-change:transform;padding:calc(40*var(--u));background:#fff;border:1px solid var(--line);
  clip-path:inset(0 0 100% 0);transition:clip-path .95s cubic-bezier(.65,0,.2,1);transition-delay:calc(var(--k) * 70ms)}
.b30t.is-in .b30t__card,.b30t__view.is-in .b30t__card{clip-path:inset(0 0 0 0)}
.b30t__card blockquote{margin:0;font-size:max(17px,calc(25*var(--u)));line-height:1.2;letter-spacing:-.02em;will-change:transform;
  transform:translate3d(0,30px,0);opacity:0;transition:transform 1.2s var(--ease-out),opacity 1s var(--ease-out);transition-delay:calc(var(--k) * 70ms + 180ms)}
.b30t.is-in .b30t__card blockquote,.b30t__view.is-in .b30t__card blockquote{transform:none;opacity:1}
.b30t__card .q{display:block;will-change:transform}
.b30t__card figcaption{position:absolute;left:calc(40*var(--u));right:calc(40*var(--u));bottom:calc(40*var(--u));display:flex;flex-direction:column}
.b30t__ava{display:block;width:calc(48*var(--u));height:calc(48*var(--u));min-width:32px;min-height:32px;margin-bottom:calc(20*var(--u));background-size:cover;background-position:center}
.b30t__who{font:400 max(14px,calc(20*var(--u)))/1.2 var(--mono);text-transform:uppercase}
.b30t__org{margin-top:calc(6*var(--u));font:400 max(11px,calc(14*var(--u)))/1.2 var(--mono);text-transform:uppercase;opacity:.5}
.b30t__cur{position:fixed;left:0;top:0;z-index:40;width:max(76px,calc(108*var(--u)));height:max(76px,calc(108*var(--u)));margin:calc(max(76px,calc(108*var(--u))) / -2) 0 0 calc(max(76px,calc(108*var(--u))) / -2);
  border-radius:50%;background:#000;color:#fff;display:grid;place-items:center;pointer-events:none;
  font:400 max(11px,calc(13*var(--u)))/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;
  transform:translate3d(-200px,-200px,0) scale(0);will-change:transform}
@media (max-width:899px){.b30t{padding:72px 0 96px}}
@media (max-width:899px){.b30t__head{margin:0 20px;width:auto;flex-direction:column;gap:12px}}
@media (max-width:899px){.b30t__h{width:auto}}
@media (max-width:899px){.b30t__card{width:min(78vw,340px);padding:24px}}
@media (max-width:899px){.b30t__card figcaption{left:24px;right:24px;bottom:24px}}
@media (max-width:899px){.b30t__cur{display:none}}
@media (prefers-reduced-motion:reduce){.hw-i,[data-reveal],.b30t__card,.b30t__card blockquote{transition:none!important;transform:none!important;opacity:1!important;clip-path:none!important}}
.b30-pt{position:fixed;inset:0;z-index:9998;display:grid;place-items:center;background:#0D1432;transform:translate3d(0,100%,0);pointer-events:none;will-change:transform}
.b30-pt__lbl{color:#fff;font:400 14px/1.2 "Geist Mono",ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.b30-pt-dim{position:fixed;inset:0;z-index:9997;background:rgba(13,20,50,.5);opacity:0;pointer-events:none}
html.pt-hold::after{content:"";position:fixed;inset:0;background:#0D1432;z-index:9999}
.b30-vcur{position:fixed;left:0;top:0;z-index:40;width:max(76px,calc(108*var(--u)));height:max(76px,calc(108*var(--u)));margin:calc(max(76px,calc(108*var(--u))) / -2) 0 0 calc(max(76px,calc(108*var(--u))) / -2);
  border-radius:50%;background:#000;color:#fff;display:grid;place-items:center;pointer-events:none;
  font:400 max(11px,calc(13*var(--u)))/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;transform:translate3d(-200px,-200px,0) scale(0);will-change:transform}
@media (hover:none){.b30-vcur{display:none}}
.b30-vcur > span{text-align:center;line-height:1.3;width:min-content}   /* a two-word label ("Coming soon") sits centred on two lines */
.b30t__foot{display:flex;align-items:center;gap:calc(24*var(--u));margin:calc(32*var(--u)) 0 0 calc(164*var(--u));width:calc(1582*var(--u));font:400 max(11px,calc(14*var(--u)))/1.2 var(--mono);text-transform:uppercase;color:var(--midnight)}
.b30t__count{flex:none;min-width:7ch}
.b30t__foot{display:none!important}
.b30t__bar{position:relative;flex:1;height:1px;background:rgba(0,0,0,.15);overflow:hidden}
.b30t__bar i{position:absolute;inset:0;background:#000;transform-origin:0 50%;transform:scaleX(0);will-change:transform}
.b30t__hint{flex:none;opacity:.5}
@media (max-width:899px){.b30t__foot{margin:20px 20px 0;width:auto}}
@media (max-width:899px){.b30t__hint{display:none}}
.b30t__card blockquote > .q,.b30t__card figcaption{opacity:calc(1 - var(--cov,0))}
.b30t__card figcaption{visibility:visible}
.tq__text,.tq__flap{position:relative;flex:none;width:calc(477*var(--u));height:100%;box-sizing:border-box}
.tq__text{background:#fff;border:1px solid rgba(0,0,0,.15);padding:calc(39*var(--u))}
.tq__q{margin:0;font-size:max(17px,calc(25*var(--u)));line-height:1.2;letter-spacing:-.02em;color:#000}
.tq__by{position:absolute;left:calc(39*var(--u));right:calc(39*var(--u));bottom:calc(40*var(--u));margin:0;display:flex;flex-direction:column;gap:calc(6*var(--u));font-family:var(--mono);text-transform:uppercase;line-height:1.2}
.tq__who{font-size:max(14px,calc(20*var(--u)))}
.tq__org{font-size:max(11px,calc(14*var(--u)));opacity:.5}
.tq__flap{transform-origin:0 50%;transform-style:preserve-3d;transform:translateZ(1px) rotateY(0deg);
  transition:transform var(--tq-flip,480ms) cubic-bezier(.7,0,.3,1) var(--tq-flip-delay,0ms)}
.tq__face{position:absolute;inset:0;overflow:hidden;border:1px solid rgba(0,0,0,.15);box-sizing:border-box;background:#eee;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.tq__face img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.tq__back{transform:rotateY(180deg)}
.tq__tag{position:absolute;left:calc(24*var(--u));bottom:calc(24*var(--u));padding:6px 10px;background:#fff;color:#000;font:400 max(11px,calc(14*var(--u)))/1.2 var(--mono);text-transform:uppercase;letter-spacing:.04em}
html.dark .tq__text{background:#000;border-color:rgba(255,255,255,.15)}
html.dark .tq__q,html.dark .tq__by{color:#F2F1EE}
html.dark .tq__face{border-color:rgba(255,255,255,.15)}
@media (max-width:899px){.tq__text,.tq__flap{width:min(72vw,320px)}}
@media (max-width:899px){.tq__text{padding:20px}}
@media (max-width:899px){.tq__by{left:20px;right:20px;bottom:20px}}
@media (max-width:899px){.tq__q{font-size:16px}}
::selection{background:#3457BA;color:#fff}
.b30-cube{position:relative;display:flex;align-self:stretch;flex:none;font:inherit;transform-style:preserve-3d;
  transform:translateZ(calc(var(--d, 20px) * -1)) rotateX(0deg);transition:transform .42s cubic-bezier(.65,0,.35,1)}
.b30-cube > .b30-cube__f,.b30-cube > .b30-cube__b{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.b30-cube > .b30-cube__f{transform:translateZ(var(--d, 20px))}
.b30-cube > .b30-cube__b{position:absolute!important;left:0;top:0;height:100%;box-sizing:border-box;transform:rotateX(-90deg) translateZ(var(--d, 20px))}
[data-btn]:hover .b30-cube,[data-btn]:focus-visible .b30-cube{transform:translateZ(calc(var(--d, 20px) * -1)) rotateX(90deg)}
@media (hover:none){[data-btn]:hover .b30-cube{transform:translateZ(calc(var(--d, 20px) * -1))}}
@media (prefers-reduced-motion:reduce){.b30-cube{transition:none}}
.b30btn--line .b30-cube{margin-left:-1px}
.b30btn--line .b30-cube > *{border-left:1px solid currentColor!important}
.b30-alt{display:inline-block;white-space:nowrap;vertical-align:baseline}
.b30-alt span{display:inline-block}
.b30-alt .sc-wrap{display:inline}
.b30-alt.is-mono{display:inline-block!important;font-family:"Departure Mono",var(--mono);letter-spacing:-.02em;line-height:.9;transform:translateX(var(--bx,0px)) scaleX(var(--sx,1));transform-origin:0 50%}
.b30-logo-px{position:absolute;pointer-events:none;opacity:0}
@keyframes b30-live{0%,70%{opacity:1}71%,100%{opacity:.15}}
.b30-cx{position:fixed;inset:0;z-index:9996;overflow:hidden;pointer-events:none;will-change:clip-path}
.b30-cx img{position:absolute;left:0;top:0;max-width:none;display:block;transform-origin:0 0;will-change:transform}
.b30-cxw{position:fixed;inset:0;z-index:9995;background:#fff;opacity:0;pointer-events:none}   /* the page fading to white behind it */
/* arriving with that picture (BaseLayout → core.js): the copy sits over the white, the white leaves a hole where the
   hero is, the hero shows its picture without its own reveal, and its steps + pixels wait to fade in */
.b30-cx.is-arr{z-index:10001}
html.pt-cs{overflow:hidden}
html.pt-cxh::after{clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,0 var(--cxt),100% var(--cxt),100% var(--cxb),0 var(--cxb),0 var(--cxt))}
html.pt-cs .cz-hero__img{clip-path:none!important;transition:none!important}
html.pt-cs .cz-step,html.pt-cs .cz-px{opacity:0}
html.pt-wait{background:#fff}
html.pt-wait body,html.pt-wait .b30-cx.is-arr{visibility:hidden}
html.pt-img::after{content:"";position:fixed;inset:0;background:#fff;z-index:9999;transition:opacity .7s cubic-bezier(.22,1,.36,1)}
html.pt-img.pt-img-out::after{opacity:0}
.b30-alt.is-mono .hw{overflow:visible}
.b30-alt{position:relative}
.b30-alt.is-swap{color:transparent}
.b30-alt.is-swap .hw-i{color:transparent}
.b30-alt__ov{position:absolute;left:50%;top:0;white-space:nowrap;color:var(--swap-c,#000);font-family:"Departure Mono",var(--mono);letter-spacing:-.02em;line-height:inherit;
  transform:translateX(-50%) scaleX(var(--sx,1));transform-origin:50% 50%;opacity:0;transition:opacity .14s ease-out;pointer-events:none}
.b30-alt__ov.is-on{opacity:1}
html.dark.pt-px::after{background:#000}
html.dark{--ink:#F2F1EE;--midnight:#E4E8FF;--blue:#7B93FF;--breeze:#0F2638;--bloom:#2E1636;--line:rgba(255,255,255,.2)}
html.dark,html.dark body{background:#000}
html.dark body{color:#F2F1EE}
html.dark .b30btn{color:#F2F1EE}
html.dark .b30btn__ic{border:1px solid #F2F1EE;background:#000}
html.dark .b30btn--solid .b30btn__lbl{background:#F2F1EE;color:#000}
html.dark .b30btn--line .b30btn__lbl{border:1px solid #F2F1EE}
html.dark .b30t__card{background:#000}
html.dark .b30t__cur{background:#F2F1EE;color:#000}
html.dark .b30-pt{background:#E4E8FF}
html.dark .b30-pt__lbl{color:#000}
html.dark .b30-pt-dim{background:rgba(228,232,255,.5)}
html.dark.pt-hold::after{background:#E4E8FF}
html.dark .b30-vcur{background:#F2F1EE;color:#000}
html.dark .b30t__bar{background:rgba(255,255,255,.12)}
html.dark .b30t__bar i{background:#F2F1EE}
html.dark ::selection{background:#7B93FF;color:#000}
html.dark.pt-img::after{background:#000}
html.dark .b30-alt__ov{color:var(--swap-c,#F2F1EE)}
html.dark{color-scheme:dark;background:#000}
html.dark body{background:#000;color:#F2F1EE}
html.dark ::selection{background:#F4EB02;color:#000}
html.dark [fill="#000"]{fill:#F2F1EE}
html.dark{--night:linear-gradient(170deg,#000 0%,#000 52%,#020309 70%,#05081a 86%,#0a0f28 100%) fixed}
@property --mf{syntax:"<percentage>";inherits:true;initial-value:66%}
.pn{position:relative;width:calc(1592*var(--u));margin:0 auto;color:#000}
html.dark .pn{color:#F2F1EE}
.pn .sw2{display:block;transition:opacity .45s ease,transform .6s cubic-bezier(.16,1,.3,1),filter .45s ease}
.pn .sw2 + .sw2{position:absolute;left:0;top:0;width:100%}
.pn .sw2:not(.on){opacity:0;transform:translateY(calc(14*var(--u)));filter:blur(4px);pointer-events:none}
@media (max-width:899px){.pn{width:100%}}
.b30-ptx{position:fixed;inset:0;width:100%;height:100%;z-index:10001;pointer-events:none;display:block}
.b30-ptx.is-blocking{pointer-events:auto}
.b30-tfx{position:fixed;inset:0;width:100%;height:100%;z-index:10002;pointer-events:none}
@media (min-width:900px){.b30t{padding-top:0}}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
.b30-swipe{position:fixed;inset:0;z-index:2147483000;pointer-events:none;transform:translateX(-100%)}
html.dark{--night:radial-gradient(70% 55% at 80% 105%,rgba(52,87,186,.30),rgba(52,87,186,0) 70%) fixed,
  radial-gradient(60% 50% at 10% 0%,rgba(13,20,50,.9),rgba(13,20,50,0) 70%) fixed,
  linear-gradient(180deg,#000 0%,#02030a 35%,#060b22 70%,#0D1432 100%) fixed}
html.dark,html.dark body{background:var(--night)!important}
@keyframes b30-sheen{0%{background-position:100% 0}60%,100%{background-position:0% 0}}
.b30-rowfog{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  -webkit-mask-image:linear-gradient(to top,#000 0%,transparent 100%);mask-image:linear-gradient(to top,#000 0%,transparent 100%)}
.sw{display:block}
.sw + .sw{position:absolute;left:0;top:0;width:100%}
.sw .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.sw .w > span{display:inline-block;transform:translateY(105%);transition:transform .55s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i) * 22ms)}
.sw.on .w > span{transform:none;transition-delay:calc(140ms + var(--i) * 30ms)}
@keyframes float{0%,100%{transform:translate3d(0,0,0)}33%{transform:translate3d(calc(1.5 * var(--u)),calc(-3 * var(--u)),0)}66%{transform:translate3d(calc(-1.5 * var(--u)),calc(-1.5 * var(--u)),0)}}
@property --hole{syntax:"<length>";inherits:false;initial-value:-300px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.b30sep{position:relative;z-index:3;height:6px;margin:-3px 0;background:transparent;overflow:visible;pointer-events:none}
.b30sep::before{content:"";position:absolute;left:0;right:0;top:2.5px;height:1px;background:rgba(0,0,0,.15);transform:scaleX(0);transition:transform 1.4s cubic-bezier(.65,0,.35,1)}
.b30sep i{position:absolute;top:0;width:6px;height:6px;background:#000;opacity:0;transform:scale(0);transition:opacity .3s ease .9s,transform .55s cubic-bezier(.16,1,.3,1) .9s}
.b30sep i.l{left:calc(161*var(--u))}
.b30sep i.r{right:calc(161*var(--u))}
.b30sep.is-in::before{transform:none}
.b30sep.is-in i{opacity:1;transform:none}
html.dark .b30sep::before{background:rgba(255,255,255,.18)}
html.dark .b30sep i{background:#F2F1EE}
html.dark{--night:radial-gradient(70% 55% at 80% 105%,rgba(84,92,214,.26),rgba(84,92,214,0) 70%) fixed,
  radial-gradient(60% 50% at 10% 0%,rgba(52,87,186,.16),rgba(52,87,186,0) 70%) fixed,
  linear-gradient(180deg,#080C22 0%,#0A0F2A 45%,#0D1432 100%) fixed}
html.dark .b30-rowfog{display:none}
@keyframes b30-drift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes b30-aura1{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(12%,6%,0) scale(1.12)}}
@keyframes b30-aura2{from{transform:translate3d(0,0,0) scale(1.05)}to{transform:translate3d(-14%,8%,0) scale(.94)}}
@keyframes b30-aura3{from{transform:translate3d(-6%,0,0) scale(.95)}to{transform:translate3d(8%,-6%,0) scale(1.1)}}
html.dark .b30-main > section{background:transparent!important}
html,body{overflow-x:clip}
@property --ha{syntax:"<angle>";inherits:false;initial-value:0deg}
.pn .sw2 .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.pn .sw2 .w > i{display:inline-block;font-style:normal;transform:translate3d(0,110%,0);transition:transform .9s cubic-bezier(.16,1,.3,1) var(--wd,0ms)}
.pn.is-in .sw2.on .w > i{transform:none}
.pn .sw2:not(.on) .w > i{transform:translate3d(0,-110%,0);transition-duration:.5s;transition-delay:calc(var(--wd,0ms) * .4)}
.pn .sw2,.pn .sw2:not(.on){opacity:1!important;filter:none!important;transform:none!important;transition:none!important}
.pn .sw2:not(.on){pointer-events:none}
@media (prefers-reduced-motion:reduce){.pn .sw2 .w > i{transition-duration:1ms!important}}
.pn{--pnb:calc(76*var(--u))}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@keyframes nxPulse{0%{box-shadow:0 0 0 calc(5*var(--u)) rgba(52,87,186,.16)}40%{box-shadow:0 0 0 calc(14*var(--u)) rgba(52,87,186,.22)}100%{box-shadow:0 0 0 calc(5*var(--u)) rgba(52,87,186,.16)}}
@keyframes fallHit{0%{background-color:var(--hit)}100%{background-color:#fff}}
@keyframes fallHitD{0%{background-color:var(--hit)}100%{background-color:#0b1029}}
@keyframes fallRing{to{transform:scale(18);opacity:0}}
@keyframes vsFloat{0%,100%{translate:0 0}50%{translate:0 calc(-7*var(--u))}}
@keyframes mqRun{to{transform:translateX(-50%)}}
.pbtn{display:inline-flex;align-items:center;height:calc(32*var(--u));padding:0 calc(12*var(--u));border-radius:calc(8*var(--u));box-sizing:border-box;
  font:400 calc(14*var(--u))/1 var(--mono,"Geist Mono",monospace);letter-spacing:.02em;text-transform:uppercase;text-decoration:none;
  color:rgba(13,20,50,.45);border:1px solid rgba(13,20,50,.14);background:#fff;transition:color .2s ease,border-color .2s ease}
.pbtn:hover{color:#000;border-color:rgba(13,20,50,.3)}
.pbtn.on{background:#000;color:#fff;border-color:#000}
.pbtn.on:hover{color:#fff;background:#1d1d1d}
.pbtn:focus-visible{outline:1px dashed #3457BA;outline-offset:3px}
@media (max-width:899px){.pbtn{height:34px;font-size:12px}}
@property --vs-in{syntax:"<length>";inherits:false;initial-value:0px}
.b30-nowrap{white-space:nowrap}
.b30-alt__ov{bottom:auto!important;padding-bottom:0!important;line-height:inherit!important}
.hw-i{transition:transform 1.45s cubic-bezier(.16,1,.3,1)!important;transition-delay:calc(var(--i,0) * 50ms)!important}
[data-reveal]{transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.4s cubic-bezier(.16,1,.3,1)!important;transition-delay:var(--rd,120ms)!important}
.b30-alt.is-swap .hw-i{transition:none!important}
@media (prefers-reduced-motion:reduce){.hw-i,[data-reveal]{transition:none!important}}
.b30btn:focus-visible,.b30h__btn:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.b30h__title span.b30h__sk{display:inline-block}
.b30h__title .b30h__sk span{display:inline-block}
.b30h__title .b30h__sk .sc-wrap{display:inline}
.b30h__btn span span{display:inline-block;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit}
.b30h__btn span .sc-wrap{display:inline}
.b30h__sk.is-mono{font-family:"Departure Mono",var(--mono);font-size:1.05em;letter-spacing:-.02em;vertical-align:baseline}
.b30h .b30h__glow{will-change:transform,translate,scale}
.b30h__tints{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;
  -webkit-mask-image:linear-gradient(to bottom,transparent 22%,#000 46%);mask-image:linear-gradient(to bottom,transparent 22%,#000 46%)}
.b30h__tint{position:absolute;left:0;top:0;width:calc(820*var(--u));height:calc(820*var(--u));border-radius:50%;opacity:0;mix-blend-mode:multiply;will-change:transform,opacity}
.b30h__tint.a{background:radial-gradient(closest-side,rgba(250,215,255,.62),rgba(250,215,255,0))}
.b30h__tint.b{background:radial-gradient(closest-side,rgba(176,233,253,.55),rgba(176,233,253,0))}
@media (hover:none),(max-width:899px){.b30h__tints{display:none}}
.b30h__btn--line .b30-cube{margin-left:calc(var(--u) * -0.917)}
.b30h__btn--line .b30-cube > *{border-left:calc(var(--u) * 0.917) solid currentColor!important}
.b30h__logo{position:relative}
.b30h__logo.is-px svg{opacity:var(--lx,1);transition:none}
.b30h__logo.is-px .b30-logo-px{opacity:1}
@media (hover:hover) and (pointer:fine){.b30h .b30h__orbit.is-ring,.b30h .b30h__orbit.is-dragging{cursor:none}}
.b30h .b30h__orbit,.b30h .b30h__orbit.is-hovering{cursor:default}
.b30h .b30h__screen{z-index:1}
.b30h .b30h__bezel{z-index:2}
.b30h .b30h__fg{z-index:3}
.b30h{--u: 1px;
  --ink: #000;
  --blue: #3457ba;
  --line: rgba(0, 0, 0, 0.15);
  position: relative;
  background: #fff;
  color: var(--ink);
  font-family: "BDO Grotesk", "Helvetica Neue", Arial, sans-serif;}
.b30h__pin{position: sticky;
  top: var(--pin-top, 0px);           
  height: var(--stage-h, 100vh);
  overflow: hidden;
  z-index: 1;}
.b30h__stage{position: absolute;
  inset: 0;
  transform-origin: 50% var(--view-cy, 50%);
  will-change: transform;}
.b30h__vline{position: absolute;
  width: 1px;
  pointer-events: none;}
.b30h__vline--27{left: calc(var(--u) * 1838);
  top: calc(var(--u) * -26);
  height: calc(var(--u) * 1081);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 22.8%, rgba(0, 0, 0, 0) 100%);}
.b30h__vline--26{left: calc(var(--u) * 82);
  top: 0;
  height: calc(var(--u) * 1055);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 22.8%, rgba(0, 0, 0, 0) 100%);
  z-index: 6;}
.b30h__vline--34{left: calc(var(--u) * 960 - 0.5px);
  top: calc(var(--u) * 124);
  height: calc(var(--u) * 801);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(102, 102, 102, 0));
  z-index: 0;
  
  -webkit-mask-image: linear-gradient(to bottom, #000 calc(var(--u) * 347), transparent calc(var(--u) * 347), transparent calc(var(--u) * 472), #000 calc(var(--u) * 472));
          mask-image: linear-gradient(to bottom, #000 calc(var(--u) * 347), transparent calc(var(--u) * 347), transparent calc(var(--u) * 472), #000 calc(var(--u) * 472));}
.b30h__glow{position: absolute;
  display: block;
  pointer-events: none;
  z-index: 1;
  mix-blend-mode: multiply;   
  will-change: opacity;
  user-select: none;}
.b30h__nav{position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(var(--u) * 124);
  border: 1px solid var(--line);
  box-sizing: border-box;
  z-index: 4;}
.b30h__logo{position: absolute;
  left: calc(var(--u) * 163);
  top: 50%;
  width: calc(var(--u) * 258);
  height: calc(var(--u) * 44);
  transform: translateY(-50%);
  display: block;}
.b30h__logo svg{width: 100%; height: 100%; display: block;}
.b30h__links{position: absolute;
  left: calc(50% - var(--u) * 12.5);
  top: calc(50% + var(--u) * 0.5);
  transform: translate(-50%, -50%);
  display: flex;
  gap: calc(var(--u) * 96);
  margin: 0;
  padding: 0;
  list-style: none;}
.b30h__links a,
.b30h__btn span{font-family: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  text-transform: uppercase;
  color: inherit;
  text-decoration: none;
  white-space: nowrap;}
.b30h__links a{font-size: calc(var(--u) * 14); line-height: 1.2;}
.b30h__btn{display: inline-flex;
  align-items: stretch;
  height: calc(var(--u) * 44);
  color: inherit;
  text-decoration: none;}
.b30h__btn i{display: grid;
  place-items: center;
  width: calc(var(--u) * 44);
  border: calc(var(--u) * 0.917) solid #000;
  box-sizing: border-box;}
.b30h__btn i svg{width: calc(var(--u) * 22); height: calc(var(--u) * 22); display: block;}
.b30h__btn span{display: flex;
  align-items: center;
  padding: 0 calc(var(--u) * 14.667);
  font-size: calc(var(--u) * 14.667);
  letter-spacing: calc(var(--u) * 1.4667);
  line-height: 1.2;}
.b30h__btn--solid{position: absolute; left: auto; right: calc(var(--u) * 253.6); top: 50%; transform: translateY(-50%);}
.b30h__btn--solid span{background: #000; color: #fff; padding: 0 calc(var(--u) * 25.08);}
.b30h__btn--line span{border: calc(var(--u) * 0.917) solid #000;
  border-left: 0;}
.b30h__copy{position: absolute; inset: 0; pointer-events: none; z-index: 5; will-change: opacity;}
.b30h__copy > *{pointer-events: auto;}
.b30h__title{position: absolute;
  left: calc(var(--u) * 165);
  top: calc(var(--u) * 205);
  margin: 0;
  font-weight: 400;
  font-size: calc(var(--u) * 71);
  line-height: 1.2;
  letter-spacing: calc(var(--u) * -1.42);
  white-space: nowrap;}
.b30h__title span{display: block;}
.b30h__intro{position: absolute;
  left: calc(var(--u) * 1073);
  top: calc(var(--u) * 220);
  width: calc(var(--u) * 605);
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * 32);
  align-items: flex-start;}
.b30h__intro p{margin: 0;
  font-size: calc(var(--u) * 18);
  line-height: 1.2;
  letter-spacing: calc(var(--u) * -0.18);}
.b30h__intro p span{display: block;}
.b30h__scene{position: absolute;
  z-index: 3;
  pointer-events: none;}
.b30h__rig{position: absolute;
  inset: 0;
  transform-origin: 0 0;
  will-change: transform;}
.b30h__fg{position: absolute;
  inset: 0;
  will-change: transform, opacity;}
.b30h__fg img,
.b30h__fg canvas{position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;}
.b30h__fg canvas{opacity: 0;}
.b30h__fg.is-live canvas{opacity: 1;}
.b30h__fg.is-live img{visibility: hidden;}
.b30h__screen{position: absolute;
  overflow: hidden;
  background: #0d1432;}
.b30h__screen video,
.b30h__screen img{position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;}
.b30h__bezel{position: absolute;
  display: block;
  will-change: opacity;}
.b30h__ring{position: absolute;
  display: block;
  overflow: visible;
  pointer-events: none;}
.b30h__orbit{position: absolute;
  border-radius: 50%;
  pointer-events: auto;           
  cursor: grab;
  touch-action: pan-y;            
  -webkit-user-select: none;
          user-select: none;
  -webkit-mask-image: linear-gradient(to bottom, #000 var(--fade-a, 20%), transparent var(--fade-b, 34%));
          mask-image: linear-gradient(to bottom, #000 var(--fade-a, 20%), transparent var(--fade-b, 34%));}
.b30h__orbit.is-dragging{cursor: grabbing;}
.b30h__orbit.is-hovering{cursor: default;}
.b30h__words{position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;}
.b30h__word{font-family: "BDO Grotesk", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  letter-spacing: -0.01em;          
  dominant-baseline: central;}
.b30h__dim{position: absolute;
  left: 0;
  width: 100%;
  background: #000;
  opacity: 0;
  pointer-events: none;
  z-index: 10;}
.b30h + *{position: relative; z-index: 2;}
@media (max-width: 899px){.b30h__vline{display: none;}}
@media (max-width: 899px){.b30h__nav{position: relative;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    border-left: 0;
    border-right: 0;}}
@media (max-width: 899px){.b30h__logo{position: static; transform: none; width: 132px; height: 22.5px;}}
@media (max-width: 899px){.b30h__links{display: none;}}
@media (max-width: 899px){.b30h__btn--solid{position: static; transform: none;}}
@media (max-width: 899px){.b30h__btn{height: 36px;}}
@media (max-width: 899px){.b30h__btn i{width: 36px; border-width: 1px;}}
@media (max-width: 899px){.b30h__btn i svg{width: 18px; height: 18px;}}
@media (max-width: 899px){.b30h__btn span{font-size: 12px; letter-spacing: 1.2px; padding: 0 12px;}}
@media (max-width: 899px){.b30h__btn--solid span{padding: 0 14px;}}
@media (max-width: 899px){.b30h__btn--line span{border-width: 1px;}}
@media (max-width: 899px){.b30h__copy{position: absolute; inset: auto 0 auto 0; top: 64px; padding: 32px 20px 0;}}
@media (max-width: 899px){.b30h__title{position: static;
    font-size: clamp(36px, 10.5vw, 60px);
    letter-spacing: -0.02em;
    white-space: normal;}}
@media (max-width: 899px){.b30h__intro{position: static; width: auto; max-width: 34em; gap: 20px; margin-top: 20px;}}
@media (max-width: 899px){.b30h__intro p{font-size: 16px; letter-spacing: -0.01em;}}
@media (max-width: 899px){.b30h__intro p span{display: inline;}}
@media (prefers-reduced-motion: reduce){.b30h__stage, .b30h__rig, .b30h__fg{will-change: auto;}}
.b30h__fgsrc{position: absolute; left: 0; top: 0; width: 2px; height: 2px; opacity: 0; pointer-events: none;}
html.dark .b30h__tints{-webkit-mask-image:linear-gradient(to bottom,transparent 22%,#F2F1EE 46%);mask-image:linear-gradient(to bottom,transparent 22%,#F2F1EE 46%)}
html.dark .b30h__tint.a{background:radial-gradient(closest-side,rgba(84,36,98,.62),rgba(84,36,98,0))}
html.dark .b30h__tint.b{background:radial-gradient(closest-side,rgba(22,64,92,.55),rgba(22,64,92,0))}
html.dark .b30h{--ink:#F2F1EE;--blue:#7B93FF;--line:rgba(228,232,255,0.2);background:#000}
html.dark .b30h__vline--27{background:linear-gradient(to bottom, rgba(255,255,255,0.2) 22.8%, rgba(255,255,255,0) 100%)}
html.dark .b30h__vline--26{background:linear-gradient(to bottom, rgba(255,255,255,0.2) 22.8%, rgba(255,255,255,0) 100%)}
html.dark .b30h__vline--34{background:linear-gradient(to bottom, rgba(255,255,255,0.2), rgba(102, 102, 102, 0));-webkit-mask-image:linear-gradient(to bottom, #F2F1EE calc(var(--u) * 347), transparent calc(var(--u) * 347), transparent calc(var(--u) * 472), #F2F1EE calc(var(--u) * 472));mask-image:linear-gradient(to bottom, #F2F1EE calc(var(--u) * 347), transparent calc(var(--u) * 347), transparent calc(var(--u) * 472), #F2F1EE calc(var(--u) * 472))}
html.dark .b30h__btn i{border:calc(var(--u) * 0.917) solid #F2F1EE}
html.dark .b30h__btn--solid span{background:#F2F1EE;color:#000}
html.dark .b30h__btn--line span{border:calc(var(--u) * 0.917) solid #F2F1EE}
html.dark .b30h__screen{background:#E4E8FF}
html.dark .b30h__orbit{-webkit-mask-image:linear-gradient(to bottom, #F2F1EE var(--fade-a, 20%), transparent var(--fade-b, 34%));mask-image:linear-gradient(to bottom, #F2F1EE var(--fade-a, 20%), transparent var(--fade-b, 34%))}
html.dark .b30h__dim{background:#F2F1EE}
html.dark .b30l__bar{background:rgba(255,255,255,0.1)}
html.dark .b30l__fill{background:#F2F1EE}
html.dark .b30l__skip{border:1px solid #F2F1EE;background:#000;color:#F2F1EE}
html.dark .b30l__skip:focus-visible{outline:2px solid #7B93FF}
html.dark .b30l__bar i{background:rgba(255,255,255,0.07)}
html.dark .b30l__bar i.on{background:#F2F1EE}
html.dark .b30l__bar i{background:rgba(255,255,255,0.1)}
html.dark .b30l__bar i.on,html.dark .b30l__bar i.lead{background:#F2F1EE}
html.dark .b30l__label,html.dark .b30l__count{color:rgba(255,255,255,0.5)}
html.dark .b30-scur{background:#000;color:#F2F1EE}
html.dark .b30h__glow{display:none}
html.dark .b30h__glowx{display:none!important}
html:not(.dark) .b30h__glow{visibility:hidden}
html.dark .b30h__stage{background:
  radial-gradient(ellipse 34% 40% at 78% 82%, rgba(108,124,255,.62), transparent 72%),
  radial-gradient(ellipse 30% 30% at 62% 66%, rgba(150,96,214,.40), transparent 72%),
  radial-gradient(ellipse 24% 20% at 52% 58%, rgba(196,108,52,.26), transparent 72%)}
html.dark .b30h__fg img,html.dark .b30h__fg canvas{filter:url(#b30-fgnight)}
html.dark #b30h-ring-fade stop{stop-color:#fff}
html.dark .b30h__ring g{stroke-opacity:.24}
html.dark .b30h__vline{z-index:2;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 52%,transparent 66%);mask-image:linear-gradient(to bottom,#000 0,#000 52%,transparent 66%)}
html.dark .b30l__bar{background:none}
html.dark .b30-scur{background:#fff;color:#000;mix-blend-mode:normal;box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.b30h__glowx .b30h__aur{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.b30h__glowx.has-gl{background:none!important}
html.dark .b30h__glowx.has-gl{display:block!important;mix-blend-mode:screen!important;opacity:1!important;filter:none!important}
html.dark .b30h__glowx.has-gl ~ .b30h__glow,html.dark .b30h__glow.is-gl{display:none!important}
.b30h.is-video .b30h__pin,.b30h.is-video .b30h__pin *{cursor:none}
.b30-scur{position:fixed;left:0;top:0;z-index:40;width:max(76px,calc(108*var(--u)));height:max(76px,calc(108*var(--u)));margin:calc(max(76px,calc(108*var(--u))) / -2) 0 0 calc(max(76px,calc(108*var(--u))) / -2);
  border-radius:50%;background:#fff;color:#000;mix-blend-mode:difference;display:grid;place-items:center;pointer-events:none;
  font:400 max(11px,calc(13*var(--u)))/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;transform:translate3d(-200px,-200px,0) scale(0);will-change:transform}
@media (hover:none),(pointer:coarse){.b30-scur{display:none}}
@media (hover:none),(pointer:coarse){.b30h.is-video .b30h__pin,.b30h.is-video .b30h__pin *{cursor:auto}}
@media (max-width:899px){.b30h__nav .b30h__btn--solid{order:2;margin-left:auto}}
@media (min-width:900px){.b30h__btn--solid{right:calc(var(--u) * 209.6 + max(58px, calc(var(--u) * 80)))}}
.b30h__btn--solid i{border-radius:12px}
.b30h__btn--solid span{border-radius:12px;margin-left:2px}
.b30h__px{position:absolute;top:calc(var(--u) * 121.5);left:calc(var(--u) * (var(--x) - 2) );width:5px;height:5px;background:#000;z-index:7;pointer-events:none}
html.dark .b30h__px{background:#F2F1EE}
@media (max-width:899px){.b30h__px{display:none}}
@media (min-width:900px){.b30h__btn--solid{right:calc(var(--u) * 169.6)}}
html.dark .b30h__vline--34{-webkit-mask-image:linear-gradient(to bottom,#000 calc(var(--u) * 347),transparent calc(var(--u) * 347),transparent calc(var(--u) * 472),#000 calc(var(--u) * 472),transparent calc(var(--u) * 560));mask-image:linear-gradient(to bottom,#000 calc(var(--u) * 347),transparent calc(var(--u) * 347),transparent calc(var(--u) * 472),#000 calc(var(--u) * 472),transparent calc(var(--u) * 560))}
.b30h__nav{border:0!important;
  background-image:repeating-linear-gradient(90deg,var(--line,rgba(0,0,0,.15)) 0 2px,transparent 2px 4px),repeating-linear-gradient(90deg,var(--line,rgba(0,0,0,.15)) 0 2px,transparent 2px 4px),
    repeating-linear-gradient(180deg,var(--line,rgba(0,0,0,.15)) 0 2px,transparent 2px 4px),repeating-linear-gradient(180deg,var(--line,rgba(0,0,0,.15)) 0 2px,transparent 2px 4px)!important;
  background-size:100% 1px,100% 1px,1px 100%,1px 100%!important;background-position:0 0,0 100%,0 0,100% 0!important;background-repeat:no-repeat!important}
html.dark .b30h__vline--26,html.dark .b30h__vline--27{-webkit-mask-image:repeating-linear-gradient(180deg,#000 0 2px,transparent 2px 4px),linear-gradient(to bottom,#000 0,#000 52%,transparent 66%);-webkit-mask-composite:source-in;
  mask-image:repeating-linear-gradient(180deg,#000 0 2px,transparent 2px 4px),linear-gradient(to bottom,#000 0,#000 52%,transparent 66%);mask-composite:intersect}
.b30h__ring circle{stroke-dasharray:2 2}
.b30h__vline--34{-webkit-mask-image:repeating-linear-gradient(180deg,#000 0 2px,transparent 2px 4px),linear-gradient(to bottom,#000 calc(var(--u) * 347),transparent calc(var(--u) * 347),transparent calc(var(--u) * 472),#000 calc(var(--u) * 472))!important;-webkit-mask-composite:source-in!important;
  mask-image:repeating-linear-gradient(180deg,#000 0 2px,transparent 2px 4px),linear-gradient(to bottom,#000 calc(var(--u) * 347),transparent calc(var(--u) * 347),transparent calc(var(--u) * 472),#000 calc(var(--u) * 472))!important;mask-composite:intersect!important}
html.dark .b30h__vline--34{-webkit-mask-image:repeating-linear-gradient(180deg,#000 0 2px,transparent 2px 4px),linear-gradient(to bottom,#000 calc(var(--u) * 347),transparent calc(var(--u) * 347),transparent calc(var(--u) * 472),#000 calc(var(--u) * 472),transparent calc(var(--u) * 560))!important;
  mask-image:repeating-linear-gradient(180deg,#000 0 2px,transparent 2px 4px),linear-gradient(to bottom,#000 calc(var(--u) * 347),transparent calc(var(--u) * 347),transparent calc(var(--u) * 472),#000 calc(var(--u) * 472),transparent calc(var(--u) * 560))!important}
.b30h__aura{position:absolute;left:0;right:0;top:0;height:70%;z-index:0;pointer-events:none;overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 70%,transparent 100%)}
.b30h__aura i{position:absolute;border-radius:50%;filter:blur(calc(60*var(--u)));opacity:.62;will-change:transform}
.b30h__aura i:nth-child(1){width:46%;height:70%;left:8%;top:18%;background:radial-gradient(closest-side,rgba(236,246,255,.9),rgba(236,246,255,0));animation:b30-aura1 22s ease-in-out infinite alternate}
.b30h__aura i:nth-child(2){width:40%;height:60%;right:6%;top:24%;background:radial-gradient(closest-side,rgba(244,246,255,.85),rgba(244,246,255,0));animation:b30-aura2 26s ease-in-out infinite alternate}
.b30h__aura i:nth-child(3){width:34%;height:52%;left:33%;top:42%;background:radial-gradient(closest-side,rgba(255,255,255,1),rgba(255,255,255,0));opacity:.7;animation:b30-aura3 18s ease-in-out infinite alternate}
html.dark .b30h__aura{display:none}
@media (prefers-reduced-motion:reduce){.b30h__aura i{animation:none}}
html:not(.dark) .b30h__stage{background:#fff!important}
html:not(.dark) .b30h__glow{margin-top:calc(-120*var(--u))}
html.dark .b30h__glow{display:block!important;mix-blend-mode:normal!important;margin-top:calc(-120*var(--u));opacity:.72!important;filter:saturate(.85) brightness(.9)}
html.dark .b30h__stage{background:var(--night)!important}
.b30h__title .hw,.b30h__title .hw-i{display:inline-block!important}
.b30h__title .b30-alt__ov{display:block}

/* =====================================================================
   Phones (≤ 899px): the header and its Menu — one version for every page
   (from the Our Work mobile design). Desktop is untouched: everything sits in the media queries below.
   ===================================================================== */
@media (min-width:900px){
  .b30m__btn,
.b30m{display:none!important}
}
@media (max-width:899px){
  html body .b30h__nav:not(#_z){position:relative;z-index:20!important;height:80px!important;padding:0 16px 0 20px!important;border-bottom:1px dashed rgba(0,0,0,.15)!important;box-shadow:none!important;background-image:none!important;display:flex!important;align-items:center!important}
  html body .b30h__nav .b30h__btn:not(#_z),
html body .b30h__nav .b30h__links:not(#_z){display:none!important}
  html body .b30h__logo:not(#_z),
.b30m__top .b30h__logo{display:flex!important;align-items:center;height:28px!important;width:auto!important;max-width:none!important;transform:translateY(2px)}
  html body .b30h__logo svg:not(#_z),
.b30m__top .b30h__logo svg{height:28px!important;width:auto!important;max-width:none!important;display:block;flex:none}
  .b30m__btn{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:1.45px;height:32px;margin-left:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;flex:none}
  .b30m__btn > i{width:32px;height:32px;display:grid;place-items:center;box-sizing:border-box;border:.667px solid #000;border-radius:8.7px;background:#fff;color:#000}
  .b30m__btn > b{width:64px;min-width:64px;height:32px;display:grid;place-items:center;box-sizing:border-box;padding:0 10.67px;border-radius:8.7px;background:#000;color:#fff;font:400 13px/1.2 var(--mono,"Geist Mono",monospace);letter-spacing:.1em;text-transform:uppercase}
  .b30m__btn svg{display:block}
  .b30m__btn > i,
.b30m__btn > b{transform:none!important;transition:none!important;flex:none}
  .b30m{position:fixed;inset:0;z-index:2000;background:#fff;display:flex;flex-direction:column;padding:0 20px max(24px,env(safe-area-inset-bottom));box-sizing:border-box;overflow-y:auto;
    clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .5s cubic-bezier(.7,0,.2,1) .12s,visibility 0s linear .62s}
  .b30m.is-open{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .55s cubic-bezier(.7,0,.2,1),visibility 0s}
  .b30m__top{display:flex;align-items:center;justify-content:space-between;height:80px;margin:0 -20px;padding:0 16px 0 20px;border-bottom:1px dashed rgba(0,0,0,.15);flex:none}
  .b30m__list{margin:16px 0 0;padding:0;list-style:none}
  .b30m__list a{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:4px;padding:18px 0;border-bottom:1px dashed rgba(0,0,0,.15);color:#000;text-decoration:none;opacity:0;transform:translateY(16px);transition:opacity .25s ease,transform .3s ease}
  .b30m.is-open .b30m__list a{opacity:1;transform:none;transition:opacity .45s ease,transform .6s cubic-bezier(.16,1,.3,1)}
  .b30m.is-open .b30m__list li:nth-child(1) a{transition-delay:.28s}
  .b30m.is-open .b30m__list li:nth-child(2) a{transition-delay:.34s}
  .b30m.is-open .b30m__list li:nth-child(3) a{transition-delay:.4s}
  .b30m.is-open .b30m__list li:nth-child(4) a{transition-delay:.46s}
  .b30m__list em{font:400 12px/1.2 var(--mono,"Geist Mono",monospace);font-style:normal;color:rgba(13,20,50,.56)}
  .b30m__list span{font-size:26px;letter-spacing:-.02em;line-height:1.2}
  .b30m__list svg{width:16px;height:16px;display:block;transition:transform .3s ease}
  .b30m__list a:active svg{transform:translateX(4px)}
  .b30m__list a[aria-current] span{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
  .b30m__cta{padding-top:28px;opacity:0;transform:translateY(12px);transition:opacity .2s ease,transform .3s ease}
  .b30m__cta .b30h__btn{display:inline-flex!important}
  .b30m.is-open .b30m__cta{opacity:1;transform:none;transition:opacity .45s ease .44s,transform .6s cubic-bezier(.16,1,.3,1) .44s}
  .b30m__foot{margin-top:auto;padding-top:32px;border-top:1px dashed rgba(0,0,0,.15);display:grid;gap:24px;font:400 12px/1.2 var(--mono,"Geist Mono",monospace);opacity:0;transform:translateY(12px);transition:opacity .2s ease,transform .3s ease}
  .b30m.is-open .b30m__foot{opacity:1;transform:none;transition:opacity .45s ease .46s,transform .6s cubic-bezier(.16,1,.3,1) .46s}
  .b30m__foot > div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
  .b30m__foot h3{margin:0 0 2px;font:inherit;text-transform:uppercase;color:rgba(13,20,50,.56)}
  .b30m__foot a{display:block;color:#000;text-decoration:none;font-size:14px}
}
/* phones: the header always runs the full width of the screen, whatever padding its hero frame has (blog, legal, 404) */
@media (max-width:899px){ html body .b30h__stage > .b30h__nav:not(#_z){margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;width:auto!important;max-width:none!important} }
/* the shared hero frame + header */
.wk-pg{position:absolute;left:0;top:0;transform-style:preserve-3d;transform-origin:0 50%;cursor:pointer;--veil-c:#fff}
.wk-pg__f,.wk-pg__b{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#eef0f4;filter:blur(var(--bl,0px))}
.wk-pg__b{transform:rotateY(180deg)}
.wk-pg__f img,.wk-pg__b img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}
.wk-pg__f::after,.wk-pg__b::after{content:"";position:absolute;inset:0;background:var(--veil-c);opacity:var(--veil,0);pointer-events:none}
.wk-pg__f::before,.wk-pg__b::before{content:"";position:absolute;inset:0;z-index:1;border:1px solid rgba(0,0,0,.08);pointer-events:none}
.wk-shadow{position:absolute;left:50%;top:calc(520*var(--u));width:calc(720*var(--u));height:calc(120*var(--u));pointer-events:none;opacity:0;transform-origin:50% 50%;--sh:13,20,50}
.wk-shadow i{position:absolute;left:50%;top:50%;display:block;border-radius:50%;transform:translate(-50%,-50%)}
.wk-shadow i:nth-child(1){width:100%;height:100%;background:radial-gradient(closest-side,rgba(var(--sh),.10),rgba(var(--sh),.04) 55%,rgba(var(--sh),0));filter:blur(calc(14*var(--u)))}
.wk-shadow i:nth-child(2){width:62%;height:46%;background:radial-gradient(closest-side,rgba(var(--sh),.16),rgba(var(--sh),0));filter:blur(calc(8*var(--u)))}
.wk-shadow i:nth-child(3){width:30%;height:16%;background:radial-gradient(closest-side,rgba(var(--sh),.22),rgba(var(--sh),0));filter:blur(calc(4*var(--u)))}
html.dark .wk-pg{--veil-c:#0A0F2A}
html.dark .wk-pg__f,html.dark .wk-pg__b{background:#141b3c}
html.dark .wk-pg__f::before,html.dark .wk-pg__b::before{border-color:rgba(255,255,255,.12)}
html.dark .wk-shadow{--sh:0,0,0}
html.dark .wk-shadow i:nth-child(1){opacity:2.4}
html.dark .wk-shadow i:nth-child(2),html.dark .wk-shadow i:nth-child(3){opacity:1.8}
.wk-nm{position:absolute;right:0;top:0;display:flex;flex-direction:column;align-items:flex-end;gap:calc(10*var(--u));white-space:nowrap}
.wk-nm__t{font-size:max(13px,calc(16*var(--u)));line-height:1.2;letter-spacing:-.02em}
.wk-nm__k{font:400 max(11px,calc(14*var(--u)))/1.2 var(--mono);text-transform:uppercase;color:rgba(0,0,0,.5)}
.wk-nm .hw-i{transition:transform .9s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i,0) * 42ms)}
.wk-nm__k .hw-i{transition-delay:calc(120ms + var(--i,0) * 42ms)}
.wk-nm.is-in .hw-i{transform:none}
.wk-nm.is-out .hw-i{transform:translate3d(0,-110%,0);transition-duration:.6s;transition-delay:calc(var(--i,0) * 24ms)}
html.dark .wk-nm__k{color:rgba(242,241,238,.5)}
@keyframes wk-in{from{opacity:0;transform:translate3d(0,calc(40*var(--u)),0)}to{opacity:1;transform:none}}
html.dark{--wk-dash:rgba(255,255,255,.18)}
@media (hover:hover) and (pointer:fine){[data-cur]{cursor:none}}
.b30h.wk-hero{--u:inherit;--wh:calc(1188*var(--u));height:var(--wh);
  --vb:min(calc(1047*var(--u)),calc(100svh - 124*var(--u)));   
  --tt:calc(601*var(--u))}
.wk-hero .b30h__pin{position:relative;top:auto;height:var(--wh);overflow:hidden}
.wk-hero .b30h__stage{position:absolute;inset:0;transform:none;will-change:transform}
.wk-hero .b30h__glow{left:0;top:calc(380*var(--u));width:100%;height:calc(1376*var(--u))}
.wk-hero .b30h__vline--26{height:calc(1180*var(--u))}
.wk-hero .b30h__vline--27{height:calc(1206*var(--u))}
html body .wk-hero .b30h__vline.b30h__vline--34{height:max(0px,calc(var(--vb) / 2 - 277*var(--u)))!important;
  -webkit-mask-image:repeating-linear-gradient(180deg,#000 0 2px,transparent 2px 4px),linear-gradient(to bottom,#000 0,#000 20%,transparent 100%)!important;-webkit-mask-composite:source-in!important;
  mask-image:repeating-linear-gradient(180deg,#000 0 2px,transparent 2px 4px),linear-gradient(to bottom,#000 0,#000 20%,transparent 100%)!important;mask-composite:intersect!important}
.wk-hero__dim{position:absolute;inset:0;background:#000;opacity:var(--wk-dim,0);pointer-events:none;z-index:20}
.wk-hero__intro{position:absolute;left:calc(163*var(--u));top:calc(220*var(--u));width:calc(350*var(--u));margin:0;z-index:5;
  font-size:max(14px,calc(18*var(--u)));line-height:1.2;letter-spacing:-.01em}
.wk-hero__title{position:absolute;right:calc(178*var(--u));top:var(--tt);margin:0;z-index:5;text-align:right;
  font-weight:400;font-size:max(36px,calc(71*var(--u)));line-height:1.2;letter-spacing:-.02em;white-space:nowrap}
.wk-hero__title > span{display:block}
.wk-hero__scroll{position:absolute;left:calc(163*var(--u));top:calc(var(--tt) + 231*var(--u));margin:0;z-index:5;color:rgba(0,0,0,.5);
  font-size:max(12px,calc(14*var(--u)));line-height:1.2;letter-spacing:-.02em}
html.dark .wk-hero__scroll{color:rgba(242,241,238,.55)}
.wk-hero + .b30-main > .b30p:first-child{margin-top:calc(-180*var(--u))}
.wk-rig{position:absolute;left:calc(50% - 390*var(--u));top:calc(124*var(--u) + var(--vb) / 2 - 380*var(--u));width:calc(780*var(--u));height:calc(760*var(--u));z-index:4;
  perspective:calc(1500*var(--u));perspective-origin:50% 36%;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.wk-rig__spin{position:absolute;left:50%;top:46%;width:0;height:0;transform-style:preserve-3d;will-change:transform}
.wk-hero__name{position:absolute;margin:0;right:calc(178*var(--u));top:calc(220*var(--u));width:calc(560*var(--u));height:calc(70*var(--u));z-index:4;pointer-events:none;text-align:right}
@media (max-width:899px){.b30h.wk-hero{--wh:auto;height:auto}}
@media (max-width:899px){.wk-hero .b30h__pin{height:auto}}
@media (max-width:899px){.wk-hero .b30h__stage{position:relative;padding-bottom:40px}}
@media (max-width:899px){.wk-hero .b30h__nav{position:relative}}
@media (max-width:899px){.wk-hero .b30h__glow{top:auto;bottom:-30vw;left:-40%;width:180%;height:auto}}
@media (max-width:899px){.wk-hero__intro,.wk-hero__title,.wk-hero__scroll,.wk-rig{position:relative;left:auto;right:auto;top:auto}}
@media (max-width:899px){.wk-hero__intro{width:auto;max-width:30em;margin:28px 20px 0;font-size:16px}}
@media (max-width:899px){.wk-rig{width:100%;height:min(110vw,520px);margin:12px 0}}
@media (max-width:899px){.wk-rig__spin{top:50%}}
@media (max-width:899px){.wk-hero__name{display:none}}
@media (max-width:899px){.wk-hero__title{margin:0 20px;font-size:clamp(38px,11vw,60px)}}
@media (max-width:899px){.wk-hero__scroll{margin:20px 20px 0}}
@media (max-width:899px){.wk-hero + .b30-main > .b30p:first-child{margin-top:0}}
/* this hero shows the glow picture itself (the homepage and services heroes paint a light layer over it instead) */
html:not(.dark) .wk-hero .b30h__glow{visibility:visible}
.b30-main > section:not(.b30p){background:#fff}
.b30p{position:relative;height:calc(252*var(--u));z-index:3}
.b30p__a{position:absolute;left:calc(164*var(--u));top:0;width:calc(1592*var(--u));height:calc(84*var(--u));background:#fff;display:flex;align-items:center}
.b30p__b{position:absolute;left:calc(82*var(--u));right:calc(82*var(--u));top:calc(82*var(--u));height:calc(84*var(--u));background:#fff}
.b30p__c{position:absolute;left:0;right:0;top:calc(164*var(--u));bottom:-1px;background:#fff}
.b30p__label{flex:none;display:flex;align-items:center;align-self:stretch;width:calc(271*var(--u));padding-left:calc(64*var(--u));font:400 max(11px,calc(14*var(--u)))/1 var(--mono);text-transform:uppercase;color:var(--midnight);white-space:nowrap}
.b30p__mq{position:relative;flex:1;height:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.b30p__track{position:absolute;left:0;top:0;height:100%;display:flex;align-items:center;margin:0;padding:0;list-style:none;will-change:transform}
.b30p__logo{flex:none;display:flex;align-items:center;gap:calc(10*var(--u));margin-right:56px;color:#000}
.b30p__logo svg{display:block;height:max(13px,calc(19*var(--u)));fill:currentColor;flex:none}
.b30p__logo span{font:400 max(13px,calc(17*var(--u)))/1 var(--sans);letter-spacing:-.02em;white-space:nowrap}
.b30p__sep{flex:none;width:max(4px,calc(5*var(--u)));height:max(4px,calc(5*var(--u)));margin-right:56px;background:#000}
.b30p__px{position:absolute;left:0;right:0;top:calc(100*var(--u));height:calc(170*var(--u))}
.b30p__row{position:absolute;inset:0;will-change:transform}
.b30p__px i{position:absolute;display:block;width:10px;height:10px}
.b30p__a::before,.b30p__b::before{content:"";position:absolute;top:0;bottom:0;background:#fff;z-index:-1;pointer-events:none}
.b30p__a::before{left:calc(-164*var(--u)*var(--sp,0));right:calc(-164*var(--u)*var(--sp,0))}
.b30p__b::before{left:calc(-82*var(--u)*var(--sp,0));right:calc(-82*var(--u)*var(--sp,0))}
.b30p__px i b{position:absolute;inset:0;background:inherit;display:block}
.b30p__fade{will-change:transform,opacity}
@media (max-width:899px){.b30p{height:auto;padding-bottom:70px}}
@media (max-width:899px){.b30p__a{position:relative;left:0;width:100%;height:56px}}
@media (max-width:899px){.b30p__b,.b30p__c{top:56px;left:0;right:0}}
@media (max-width:899px){.b30p__label{width:auto;padding:0 16px 0 20px}}
@media (max-width:899px){.b30p__px{top:56px;height:70px}}
html.dark .b30p__a{background:#000}
html.dark .b30p__b{background:#000}
html.dark .b30p__c{background:#000}
html.dark .b30p__mq{-webkit-mask-image:linear-gradient(90deg,transparent,#F2F1EE 9%,#F2F1EE 91%,transparent);mask-image:linear-gradient(90deg,transparent,#F2F1EE 9%,#F2F1EE 91%,transparent)}
html.dark .b30p__logo{color:#F2F1EE}
html.dark .b30p__sep{background:#F2F1EE}
html.dark .b30p__a::before,html.dark .b30p__b::before{background:#000}
html.dark .b30p__px i[style*="0e1633"]{background:#C9D1FF!important}
html.dark .b30p__px i[style*="3d5aa9"]{background:#7B93FF!important}
html.dark .b30p__px i[style*="0b5238"]{background:#3DCB8F!important}
.b30p{height:calc(350*var(--u))!important;background:#fff}
.b30p__a{left:0!important;right:0;width:auto!important;height:calc(108*var(--u))!important;padding:0 calc(164*var(--u));box-sizing:border-box;background:#fff}
.b30p__a::before,.b30p__b,.b30p__c::before{display:none!important}
.b30p__label{width:calc(271*var(--u))!important;padding-left:0!important;flex:none}
.b30p__mq{height:100%}
.b30p__c{top:calc(108*var(--u))!important;border-top:1px solid rgba(0,0,0,.15);background:#fff}
.b30p__v{position:absolute;top:0;width:1px;height:100%;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.15) 0,rgba(0,0,0,.15) 62%,rgba(0,0,0,0) 100%)}
.b30p__v.l{left:calc(82*var(--u))}
.b30p__v.r{left:calc(1838*var(--u))}
.b30p__px{top:calc(108*var(--u))!important;height:calc(206*var(--u))!important;z-index:1}
.b30p__px i{width:calc(12.5*var(--u))!important;height:calc(12.5*var(--u))!important;min-width:7px;min-height:7px}
.b30p__row{will-change:transform}
html.dark .b30p,html.dark .b30p__a,html.dark .b30p__c{background:#000}
html.dark .b30p__c{border-top-color:rgba(255,255,255,.18)}
html.dark .b30p__v{background:linear-gradient(180deg,rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 62%,rgba(255,255,255,0) 100%)}
@media (max-width:899px){.b30p{height:auto!important;padding-bottom:110px}}
@media (max-width:899px){.b30p__a{height:56px!important;padding:0 0 0 20px}}
@media (max-width:899px){.b30p__label{width:auto!important;padding-right:16px!important}}
@media (max-width:899px){.b30p__c{top:56px!important}}
@media (max-width:899px){.b30p__px{top:56px!important;height:110px!important}}
@media (max-width:899px){.b30p__v{display:none}}
.b30p__c{border-top:0!important}
.b30p__c::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(0,0,0,.15);z-index:3;pointer-events:none}
html.dark .b30p__c::before{background:rgba(255,255,255,.18)}
.b30p__c::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(0,0,0,.15);z-index:3;pointer-events:none;
  -webkit-mask-image:repeating-linear-gradient(90deg,#000 0 2px,transparent 2px 4px);mask-image:repeating-linear-gradient(90deg,#000 0 2px,transparent 2px 4px)}
html.dark .b30p__c::after{background:rgba(255,255,255,.18)}
@media (min-width:900px){html:not(.dark) .b30p{background:linear-gradient(180deg,transparent 0,transparent calc(108*var(--u)),#fff calc(108*var(--u)))!important}}
@media (min-width:900px){html.dark section.b30p{background:linear-gradient(180deg,transparent 0,transparent calc(108*var(--u)),#0A0F2A calc(108*var(--u)))!important}}
@media (min-width:900px){.b30p__a{left:var(--spL,0px)!important;right:var(--spR,0px)!important;padding:0 calc(164*var(--u) - var(--spL,0px)) 0 calc(164*var(--u) - var(--spL,0px))!important}}
@media (min-width:900px){html.dark .b30p__a{background:#0A0F2A!important}}
@media (min-width:900px){.b30p__v{top:calc(108*var(--u))!important;height:auto!important;bottom:0}}
@media (min-width:900px){.b30p__c::after{transform:scaleX(var(--hl,0));transform-origin:50% 50%}}
@media (min-width:900px){.b30p__px{top:calc(120*var(--u))!important}}
.b30p__c::after,.b30p__c::before,.b30p__v{display:none!important}
@media (min-width:900px){.b30p__px{top:calc(103*var(--u))!important;translate:none!important}}
.b30p__px i{width:10px!important;height:10px!important;min-width:0!important;min-height:0!important}
@media (min-width:900px){html body section.b30p{position:relative;height:calc(252*var(--u))!important;z-index:3;background:transparent!important;overflow:visible}}
@media (min-width:900px){html body section.b30p .b30p__a{position:absolute;left:calc(164*var(--u)*var(--sp,1))!important;right:auto!important;top:0;width:calc(100% - 328*var(--u)*var(--sp,1))!important;height:calc(84*var(--u))!important;padding:0!important;background:#fff!important;display:flex;align-items:center}}
@media (min-width:900px){html body section.b30p .b30p__b{position:absolute;left:calc(82*var(--u)*var(--sp,1))!important;right:calc(82*var(--u)*var(--sp,1))!important;top:calc(82*var(--u))!important;height:calc(84*var(--u))!important;background:#fff!important;display:block!important}}
@media (min-width:900px){html body section.b30p .b30p__c{position:absolute;left:0!important;right:0!important;top:calc(164*var(--u))!important;bottom:-1px;background:#fff!important;border:0!important}}
@media (min-width:900px){html body section.b30p .b30p__c::after,html body section.b30p .b30p__c::before{display:none!important}}
@media (min-width:900px){html body section.b30p .b30p__label{width:calc(271*var(--u) + 164*var(--u)*(1 - var(--sp,1)))!important;padding-left:calc(64*var(--u) + 164*var(--u)*(1 - var(--sp,1)))!important;padding-right:0!important}}
@media (min-width:900px){html body section.b30p .b30p__px{top:calc(100*var(--u))!important;height:calc(170*var(--u))!important;translate:none!important;z-index:1}}
@media (min-width:900px){html body section.b30p .b30p__px i{width:10px!important;height:10px!important;min-width:0!important;min-height:0!important}}
@media (min-width:900px){html.dark body section.b30p .b30p__a,html.dark body section.b30p .b30p__b,html.dark body section.b30p .b30p__c{background:#0A0F2A!important}}
@media (min-width:900px){html:not(.dark) body section.b30p,html.dark body section.b30p{background:transparent!important}}
@media (min-width:900px){html body section.b30p .b30p__b::before,html body section.b30p .b30p__b::after{display:none!important}}
html.dark body section.b30p .b30p__a,html.dark body section.b30p .b30p__b,html.dark body section.b30p .b30p__c{background:var(--night)!important;box-shadow:none!important;border:0!important}

/* =====================================================================
   Phones (≤ 899px): the partners strip (label + brand pixels) — one version for every page
   (from the Our Work mobile design). Desktop is untouched: everything sits in the media queries below.
   ===================================================================== */
@media (min-width:900px){
  .b30p .b30p__pxm{display:none!important}
}
@media (max-width:899px){
  html body section.b30p:not(#_z){height:160px!important;padding:0!important;background:#fff}
  html body .b30p .b30p__a:not(#_z){position:absolute!important;left:0!important;right:0!important;top:38px!important;width:auto!important;height:20px!important;padding:0 0 0 16px!important;background:transparent!important;display:flex;align-items:center}
  html body .b30p .b30p__mq:not(#_z){display:block!important;flex:1;min-width:0;height:100%!important;margin-left:14px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40px,#000 calc(100% - 40px),transparent 100%)!important;mask-image:linear-gradient(90deg,transparent 0,#000 40px,#000 calc(100% - 40px),transparent 100%)!important}
  html body .b30p .b30p__logo:not(#_z){gap:6px!important;margin-right:28px!important}
  html body .b30p .b30p__logo svg:not(#_z){height:12px!important;width:auto!important;max-width:22px}
  html body .b30p .b30p__logo span:not(#_z){font-size:13px!important}
  html body .b30p .b30p__sep:not(#_z){width:3px!important;height:3px!important;margin-right:28px!important}
  html body .b30p .b30p__px:not(#_z),
html body .b30p .b30p__b:not(#_z),
html body .b30p .b30p__c:not(#_z){display:none!important}
  html body .b30p .b30p__label:not(#_z){display:flex!important;width:auto!important;padding:0!important;font-size:0!important;white-space:nowrap}
  html body .b30p .b30p__label:not(#_z)::before{content:"Partners";font:400 13px/1.2 var(--mono,"Geist Mono",monospace);text-transform:uppercase;color:#0D1432}
  .b30p .b30p__pxm{position:absolute;left:0;right:0;top:83px;height:70px;pointer-events:none;z-index:1}
  .b30p .b30p__pxm i{position:absolute;width:4.5px;height:4.5px;display:block;opacity:0;will-change:transform;transform:translate3d(var(--rx,0px),var(--ry,0px),0);transition:opacity .45s ease}
  .b30p .b30p__pxm.is-in i{opacity:1}
  .b30p .b30p__pxm i b{position:absolute;inset:0;background:inherit;display:block}
}
.b30-main > .wk-list{background:#fff;padding-bottom:1px}
.wk-fbar{position:sticky;top:0;z-index:30;margin-top:calc(96*var(--u));background:#fff}   /* under the "Selected work" heading */
.wk-fbar::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:#fff;opacity:0;transition:opacity .3s}
.wk-fbar.is-stuck::before{opacity:1}
.wk-fbar__in{position:relative;display:flex;align-items:center;justify-content:space-between;margin:0 calc(164*var(--u)) 0 calc(163*var(--u));
  padding:calc(32*var(--u)) 0;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}
.wk-tabs{display:flex;align-items:center;gap:calc(48*var(--u));margin:0;padding:0;list-style:none}
.wk-tab,.wk-view{display:inline-flex;align-items:flex-start;gap:.28em;padding:0;margin:0;border:0;background:none;color:#000;cursor:pointer;
  font:400 max(14px,calc(16*var(--u)))/1.2 var(--sans);letter-spacing:-.02em;opacity:.5;transition:opacity .35s var(--ease-out);white-space:nowrap}
.wk-tab sup{font-size:.645em;line-height:1.2;vertical-align:top;position:relative;top:-.1em;font-feature-settings:"tnum"}
.wk-tab[aria-pressed="true"],.wk-view[aria-pressed="true"]{opacity:1}
.wk-tab:hover,.wk-view:hover{opacity:1}
.wk-tab:focus-visible,.wk-view:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.wk-views{display:flex;align-items:center;gap:calc(24*var(--u))}
.wk-views i{display:block;width:1px;height:max(16px,calc(19*var(--u)));background:#000}
.wk-view{align-items:center;gap:8px}
.wk-view__ic{display:block;flex:none;width:12px;height:12px;fill:currentColor;shape-rendering:crispEdges}
.wk-feat{margin:0 calc(164*var(--u)) 0 calc(161*var(--u))}
.wk-feat__k{margin:calc(98*var(--u)) 0 0;font:400 max(11px,calc(14*var(--u)))/1.2 var(--mono);text-transform:uppercase;color:rgba(0,0,0,.5)}
.wk-feat__row{display:grid;grid-template-columns:calc(636*var(--u)) calc(512*var(--u)) 1fr;column-gap:calc(172*var(--u));margin-top:calc(64*var(--u));align-items:start}
.wk-feat__t{margin:0;font-weight:400;font-size:max(30px,calc(50*var(--u)));line-height:1.2;letter-spacing:-.02em}
.wk-feat__meta{margin:calc(20*var(--u)) 0 0;font:400 max(11px,calc(14*var(--u)))/1.2 var(--mono);text-transform:uppercase}
.wk-feat__name{margin:0;font:400 max(11px,calc(14*var(--u)))/1.2 var(--mono);text-transform:uppercase;color:rgba(0,0,0,.5)}
.wk-feat__p{margin:calc(50*var(--u)) 0 0;font-size:max(15px,calc(18*var(--u)));line-height:1.2;letter-spacing:-.01em}
.wk-feat__yr{justify-self:end;font:400 max(11px,calc(14*var(--u)))/1.2 var(--mono);text-transform:uppercase;color:rgba(0,0,0,.5)}
.wk-feat .wk-media{margin-top:calc(98*var(--u));height:calc(806*var(--u))}
.wk-media{position:relative;display:block;overflow:hidden;background:transparent;cursor:pointer}
.wk-media__in{position:absolute;inset:0;clip-path:inset(0 0 var(--hide,100%) 0);will-change:clip-path}
.wk-media__in img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;visibility:hidden;transform:scale(var(--z,1.14));transform-origin:50% 0;will-change:transform}
.wk-media__in img.is-on{visibility:visible}
.wk-media__gl{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.wk-media.is-gl .wk-media__in{visibility:hidden}
.wk-media:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.wk-sel{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;margin:calc(140*var(--u)) calc(164*var(--u)) 0 calc(163*var(--u))}   /* first in the list, under the partners strip: the heading on the left edge, the line of copy on the right edge (the filters bar's edges) */
.wk-sel p{margin:0;width:calc(263*var(--u));font-size:calc(18*var(--u));line-height:1.2;letter-spacing:-.01em;text-align:right}   /* right-aligned against the container's right edge */
.wk-sel h2{margin:0;font-weight:400;font-size:max(40px,calc(71*var(--u)));line-height:1.2;letter-spacing:-.02em;white-space:nowrap}
.wk-views-box{position:relative;margin:calc(120*var(--u)) calc(164*var(--u)) 0 calc(163*var(--u))}
.wk-grid,.wk-index{transition:opacity .32s ease,transform .5s var(--ease-out)}
.wk-views-box.is-swapping .wk-grid,.wk-views-box.is-swapping .wk-index{opacity:0;transform:translate3d(0,calc(24*var(--u)),0)}
.wk-views-box[data-view="grid"] .wk-index,.wk-views-box[data-view="index"] .wk-grid{display:none}
.wk-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:calc(24*var(--u));row-gap:calc(148*var(--u))}
.wk-card{min-width:0}
.wk-card[hidden],.wk-row[hidden]{display:none}
.wk-card__n{margin:0 0 calc(18*var(--u));font-size:max(14px,calc(16*var(--u)));line-height:1.2;letter-spacing:-.02em}
.wk-card .wk-media{height:calc(540*var(--u))}
.wk-card__b{display:flex;gap:calc(112*var(--u));margin-top:calc(64*var(--u))}
.wk-card__t{width:calc(332*var(--u));margin:0;font-weight:400;font-size:max(24px,calc(36*var(--u)));line-height:1.2;letter-spacing:-.02em}
.wk-card__t a{color:inherit;text-decoration:none}
.wk-card__r{width:calc(302*var(--u));padding-top:calc(8*var(--u))}
.wk-card__r p{margin:0;font-size:max(14px,calc(16*var(--u)));line-height:1.2;letter-spacing:-.02em}
.wk-tags{display:flex;flex-wrap:wrap;gap:calc(8*var(--u));margin:calc(32*var(--u)) 0 0;padding:0;list-style:none}
.wk-tags li{padding:calc(6*var(--u)) calc(10*var(--u));border:1px solid rgba(0,0,0,.1);border-radius:8px;
  font:400 max(11px,calc(14*var(--u)))/1.2 var(--mono);text-transform:uppercase;color:rgba(0,0,0,.5);white-space:nowrap}
.wk-card.is-enter{animation:wk-in .9s var(--ease-out) both;animation-delay:calc(var(--k,0) * 70ms)}
.wk-index{margin:0;padding:0;list-style:none}
.wk-row{position:relative;height:calc(124*var(--u));border-bottom:1px solid rgba(0,0,0,.1);overflow:hidden;
  transition:height var(--ix-ms,.7s) cubic-bezier(.65,0,.2,1)}
.wk-row:first-child{border-top:1px solid rgba(0,0,0,.1)}
.wk-row.is-open{height:calc(261*var(--u))}
.wk-row.is-enter{animation:wk-in .8s var(--ease-out) both;animation-delay:calc(var(--k,0) * 60ms)}
.wk-row > a{position:absolute;inset:0;color:#000;text-decoration:none}
.wk-row > a:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.wk-row__n{position:absolute;left:0;top:calc(52*var(--u));font-size:max(13px,calc(16*var(--u)));line-height:1.2;letter-spacing:-.02em}
.wk-row__t{position:absolute;left:calc(66*var(--u));top:calc(46*var(--u));margin:0;font-weight:400;font-size:max(18px,calc(25*var(--u)));line-height:1.2;letter-spacing:-.02em;white-space:nowrap}
.wk-row__d{position:absolute;left:calc(809*var(--u));top:calc(43*var(--u));width:calc(279*var(--u));margin:0;font-size:max(13px,calc(16*var(--u)));line-height:1.2;letter-spacing:-.02em}
.wk-row .wk-tags{position:absolute;left:calc(1152*var(--u));top:calc(45*var(--u));margin:0;flex-wrap:nowrap}
.wk-row__ar{position:absolute;right:0;top:calc(62*var(--u));width:calc(18*var(--u));height:calc(17*var(--u));min-width:14px;min-height:13px;transform:translateY(-50%);overflow:hidden;
  transition:top var(--ix-ms,.7s) cubic-bezier(.65,0,.2,1)}
.wk-row.is-open .wk-row__ar{top:calc(130.5*var(--u))}
.wk-row__ar svg{position:absolute;inset:0;width:100%;height:100%;transition:transform .55s var(--ease-out)}
.wk-row__ar svg+svg{transform:translateX(-140%)}
.wk-row.is-open .wk-row__ar svg:first-child{transform:translateX(140%)}
.wk-row.is-open .wk-row__ar svg+svg{transform:none}
.wk-row__imgs{position:absolute;left:calc(809*var(--u));top:calc(135*var(--u));display:flex;gap:calc(12*var(--u));pointer-events:none}
.wk-row__imgs span{position:relative;display:block;width:calc(124*var(--u));height:calc(79*var(--u));overflow:hidden}
.wk-row__imgs img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
  transform:translate3d(0,calc(110*var(--u)),0);
  transition:transform var(--ix-ms,.7s) cubic-bezier(.65,0,.2,1);transition-delay:calc(var(--k) * var(--ix-st,15ms))}
.wk-row.is-open .wk-row__imgs img{transform:none}
.wk-fbar__in{border:0!important}
.wk-fbar__in::before,.wk-fbar__in::after,.wk-row::after,.wk-row:first-child::before{content:"";position:absolute;left:0;right:0;height:1px;pointer-events:none;
  background:repeating-linear-gradient(90deg,var(--wk-dash,rgba(0,0,0,.15)) 0 2px,transparent 2px 4px)}
.wk-fbar__in::before{top:0}
.wk-fbar__in::after{bottom:0}
.wk-row{border:0!important}
.wk-row::after{bottom:0}
.wk-row:first-child::before{top:0}
.wk-tags li{position:relative;border-color:transparent!important}
.wk-tags li::before{content:"";position:absolute;inset:-1px;border:1px solid var(--wk-dash,rgba(0,0,0,.15));border-radius:inherit;pointer-events:none;
  -webkit-mask:repeating-conic-gradient(#000 0 25%,transparent 0 50%) 0 0/4px 4px;mask:repeating-conic-gradient(#000 0 25%,transparent 0 50%) 0 0/4px 4px}
.wk-media__word{position:absolute;left:0;top:0;z-index:7;pointer-events:none;color:#fff;mix-blend-mode:difference;
  font:400 max(11px,calc(14.667*var(--u)))/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;opacity:0;transition:opacity .25s ease}
.wk-media__word.on{opacity:1}
@media (hover:hover) and (pointer:fine){.wk-media.is-gl{cursor:none}}
@media (hover:none){.wk-media__word{display:none}}
.wk-vcs{margin-top:calc(48*var(--u))}
.wk-vcs .b30btn__ic{position:relative;overflow:hidden}
.wk-vcs .b30btn__ic svg{position:absolute;left:13px;top:13px;width:18px!important;height:18px!important;transition:transform .55s var(--ease,cubic-bezier(.65,0,.35,1))}
.wk-vcs .b30btn__ic svg+svg{transform:translateX(-44px)}
.wk-vcs:is(:hover,:focus-visible,.is-hov) .b30btn__ic svg:first-child{transform:translateX(44px)}
.wk-vcs:is(:hover,:focus-visible,.is-hov) .b30btn__ic svg+svg{transform:none}
.wk-vcs.is-hov .b30btn__ic,.wk-vcs.is-hov .b30btn__lbl{border-color:rgba(0,0,0,.4)!important}
.wk-vcs .b30btn__lbl{font-size:14px}
html.dark .wk-vcs.is-hov .b30btn__ic,html.dark .wk-vcs.is-hov .b30btn__lbl{border-color:rgba(255,255,255,.32)!important}
html.dark .b30-main > .wk-list{background:transparent}
html.dark .wk-fbar,html.dark .wk-fbar::before{background:var(--night,#000)}
html.dark .wk-tab,html.dark .wk-view,html.dark .wk-row > a{color:#F2F1EE}
html.dark .wk-views i{background:#F2F1EE}
html.dark .wk-feat__k,html.dark .wk-feat__name,html.dark .wk-feat__yr,html.dark .wk-tags li{color:rgba(242,241,238,.55)}
html.dark .wk-row__ar svg{fill:#F2F1EE}
html.dark .wk-vcs .b30btn__ic,html.dark .wk-vcs .b30btn__lbl{background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.18)!important;color:#F2F1EE!important}
html.dark .wk-vcs:hover .b30btn__ic,html.dark .wk-vcs:hover .b30btn__lbl,html.dark .wk-vcs.is-hov .b30btn__ic,html.dark .wk-vcs.is-hov .b30btn__lbl{border-color:rgba(255,255,255,.32)!important}
html.dark .wk-vcs svg{fill:#F2F1EE;color:#F2F1EE}
@media (max-width:899px){.wk-fbar{margin-top:24px}}
@media (max-width:899px){.wk-fbar__in{margin:0 20px;padding:16px 0;gap:16px;align-items:flex-start}}
@media (max-width:899px){.wk-fbar__in{align-items:center}}
@media (max-width:899px){.wk-tabs{gap:18px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}}
@media (max-width:899px){.wk-tabs::-webkit-scrollbar{display:none}}
@media (max-width:899px){.wk-feat{margin:0 20px}}
@media (max-width:899px){.wk-feat__k{margin-top:48px}}
@media (max-width:899px){.wk-feat__row{grid-template-columns:1fr;row-gap:24px;margin-top:20px}}
@media (max-width:899px){.wk-feat__yr{justify-self:start;grid-row:1}}
@media (max-width:899px){.wk-feat__p{margin-top:16px}}
@media (max-width:899px){.wk-feat .wk-media{margin-top:40px;height:auto;aspect-ratio:1592/806}}
@media (max-width:899px){.wk-sel{width:auto;margin:0 20px;flex-direction:column-reverse;align-items:flex-start;gap:16px}}
@media (max-width:899px){.wk-sel p{width:auto;text-align:left}}
@media (max-width:899px){.wk-views-box{margin:56px 20px 0}}
@media (max-width:899px){.wk-grid{grid-template-columns:1fr;row-gap:64px}}
@media (max-width:899px){.wk-card .wk-media{height:auto;aspect-ratio:784/540}}
@media (max-width:899px){.wk-card__b{flex-direction:column;gap:14px;margin-top:20px}}
@media (max-width:899px){.wk-card__t,.wk-card__r{width:auto;padding:0}}
@media (max-width:899px){.wk-tags{margin-top:16px}}
@media (max-width:899px){.wk-row,.wk-row.is-open{height:auto}}
@media (max-width:899px){.wk-row > a{position:relative;display:grid;grid-template-columns:32px 1fr 18px;gap:6px 10px;padding:22px 0}}
@media (max-width:899px){.wk-row__n,.wk-row__t,.wk-row__d,.wk-row .wk-tags,.wk-row__ar{position:static;transform:none;width:auto}}
@media (max-width:899px){.wk-row__n{grid-column:1;grid-row:1;padding-top:4px}}
@media (max-width:899px){.wk-row__t{grid-column:2;white-space:normal}}
@media (max-width:899px){.wk-row__ar{grid-column:3;grid-row:1;align-self:center;position:relative}}
@media (max-width:899px){.wk-row__d{grid-column:2}}
@media (max-width:899px){.wk-row .wk-tags{grid-column:2;flex-wrap:wrap}}
@media (max-width:899px){.wk-row__imgs{display:none}}
@media (prefers-reduced-motion:reduce){.wk-media__in{clip-path:none}}
@media (prefers-reduced-motion:reduce){.wk-media__in img{transform:none}}
@media (prefers-reduced-motion:reduce){.wk-row,.wk-row__imgs img,.wk-card.is-enter,.wk-row.is-enter{transition:none;animation:none}}
/* a card video (work.js `video`): loops over the cover, filling the frame, and comes in with the card's reveal */
.wk-media .wk-media__vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:3;pointer-events:none;clip-path:inset(0 0 var(--vhide,100%) 0)}
.b30-main > .wk-hello{position:relative;height:calc(1203*var(--u));margin-top:calc(160*var(--u));overflow:hidden;background:transparent!important}
.wk-hello__px{position:absolute;left:0;top:0;width:100%;display:block;pointer-events:none;z-index:1}
.wk-hello__f{position:absolute;left:0;right:0;top:calc(193*var(--u));height:calc(1010*var(--u));
  background:linear-gradient(180deg,rgba(250,215,255,0) 0,rgba(250,215,255,0) calc(241*var(--u)),#FAD7FF calc(241*var(--u)),#FAD7FF calc(271*var(--u)),#fff 100%)}
html.dark .wk-hello__f{background:linear-gradient(180deg,rgba(46,22,54,0) 0,rgba(46,22,54,0) calc(241*var(--u)),#2E1636 calc(241*var(--u)),#2E1636 calc(271*var(--u)),rgba(13,20,50,0) 100%)}
.wk-hello__h{position:absolute;left:calc(164*var(--u));top:calc(357*var(--u));width:calc(590*var(--u));margin:0;z-index:3;font-weight:400;font-size:max(30px,calc(50*var(--u)));line-height:1.2;letter-spacing:-.02em}
.wk-hello__p{position:absolute;left:calc(972*var(--u));top:calc(784*var(--u));width:calc(457*var(--u));margin:0;z-index:3;font-size:max(14px,calc(18*var(--u)));line-height:1.2;letter-spacing:-.01em}
.wk-hello__btn{position:absolute;left:calc(972*var(--u));top:calc(914*var(--u));z-index:3}
.wk-hello__hand{position:absolute;left:calc(910*var(--u));top:calc(245*var(--u));width:calc(1010*var(--u));height:calc(520*var(--u));z-index:2;pointer-events:none;
  transform:translate3d(calc(760*var(--u)),calc(30*var(--u)),0) rotate(-3deg);opacity:0;transform-origin:100% 40%;transition:transform 1.9s cubic-bezier(.16,1,.3,1),opacity .7s ease-out}
.wk-hello__hand.is-in{transform:none;opacity:1}
.wk-hello__hand img{position:absolute;left:0;top:0;width:100%;height:100%;display:block;transform-origin:96% 45%;will-change:transform}
html.dark .wk-hello__hand img{filter:brightness(.88) saturate(.85)}
.wk-hello__f{background:linear-gradient(180deg,rgba(250,215,255,0) 0,rgba(250,215,255,0) calc(241*var(--u) - 2px),#FAD7FF calc(241*var(--u) - 2px),#FAD7FF calc(271*var(--u)),#fff 100%)!important}
html.dark .wk-hello__f{background:linear-gradient(180deg,rgba(250,215,255,0) 0,rgba(250,215,255,0) calc(241*var(--u) - 2px),#FAD7FF calc(241*var(--u) - 2px),#FAD7FF 50%,
  
  #F8D4FE 55%,#F4CFFE 60%,#EDC6FC 65%,#E3BAFA 70%,#D4ABF6 75%,#BE9AEF 79.5%,#A28AE5 83.5%,#8478D6 87%,
  rgba(98,94,190,.94) 90%,rgba(70,72,152,.8) 93%,rgba(42,48,112,.56) 96%,rgba(22,29,74,.26) 98.5%,rgba(11,17,45,0) 100%)!important}
html.dark .wk-hello__h,html.dark .wk-hello__p{color:#0D1432!important}
html.dark .wk-hello__hand img{filter:none!important}
html.dark body .wk-hello a.wk-hello__btn .b30btn__ic,html.dark body .wk-hello a.wk-hello__btn .b30btn__lbl{background:transparent!important;border:1px solid rgba(13,20,50,.3)!important;color:#0D1432!important;box-shadow:none!important;animation:none!important}
html.dark body .wk-hello a.wk-hello__btn:hover .b30btn__ic,html.dark body .wk-hello a.wk-hello__btn:hover .b30btn__lbl{border-color:rgba(13,20,50,.6)!important}
html.dark .wk-hello__btn svg,html.dark .wk-hello__btn svg path{fill:#0D1432!important}
@media (max-width:899px){.b30-main > .wk-hello{height:auto;min-height:760px;margin-top:80px;padding:200px 20px 64px}}
@media (max-width:899px){.wk-hello__f{top:96px;height:auto;bottom:0}}
@media (max-width:899px){.wk-hello__h,.wk-hello__p,.wk-hello__btn,.wk-hello__hand{position:relative;left:auto;top:auto;width:auto}}
@media (max-width:899px){.wk-hello__h{font-size:clamp(30px,8.4vw,44px)}}
@media (max-width:899px){.wk-hello__hand{width:118%;height:auto;aspect-ratio:1010/520;margin:28px -20px 0 auto;left:20px}}
@media (max-width:899px){.wk-hello__p{margin-top:12px;font-size:16px}}
@media (max-width:899px){.wk-hello__btn{margin-top:24px}}
@media (prefers-reduced-motion:reduce){.wk-hello__hand{transform:none;opacity:1;transition:none}}
/* dark theme: the homepage paints every section with the night; this one lets the page's own night show through */
html.dark.dark .b30-main > section.wk-hello{background:transparent!important}
/* Oct 2026: the dashed divider after this section is gone; the testimonials heading keeps its place */
html body .b30-main > section.ts{margin-top:calc(45px + 63*var(--u))!important}
@media (max-width:899px){html body .b30-main > section.ts{margin-top:113px!important}}
html body .b30-main > section.ts{padding-top:0!important}
@media (min-width:900px){html body .b30-main > section.ts{padding-bottom:calc(120*var(--u))!important}}
.b30h__btn span,.b30btn__lbl,.work .cta .lbl{justify-content:center}
.b30h__btn,.b30btn,.work .cta{height:44px!important}
.b30h__btn i,.b30btn__ic,.work .cta .ic{width:44px!important;height:44px;box-sizing:border-box}
.b30h__btn span,.b30btn__lbl,.work .cta .lbl{height:44px;box-sizing:border-box}
.b30h__btn i,.b30btn__ic,.work .cta .ic{background:transparent!important}
.b30h__btn span,.b30btn__lbl,.work .cta .lbl{padding:0 max(11px,calc(var(--u) * 14.667))!important}

/* =====================================================================
   Phones (≤ 899px): buttons (icon square + label, 36 tall) and text reveals — one version for every page
   (from the Our Work mobile design). Desktop is untouched: everything sits in the media queries below.
   ===================================================================== */
@media (max-width:899px){
  html body :is(.b30btn,.b30h__btn,.work .cta):not(#_z){height:36px!important;min-height:36px!important;align-items:stretch!important;gap:2px!important}
  html body :is(.b30btn .b30btn__ic,.b30h__btn > i,.work .cta .ic):not(#_z){width:36px!important;min-width:36px!important;height:36px!important;padding:0!important;display:grid!important;place-items:center!important;box-sizing:border-box!important}
  html body :is(.b30btn .b30btn__lbl,.b30h__btn > span,.work .cta .lbl):not(#_z){height:36px!important;min-height:36px!important;display:flex!important;align-items:center!important;padding:0 10.67px!important;font:400 13px/1.2 var(--mono,"Geist Mono",monospace)!important;letter-spacing:.1em!important;text-transform:uppercase;box-sizing:border-box!important}
  html body .m-rv:not(#_z){opacity:0;transform:translate3d(0,22px,0);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1)}
  html body .m-rv.is-in:not(#_z){opacity:1;transform:none}
}
@media (max-width:899px) and (prefers-reduced-motion:reduce){
  html body .m-rv:not(#_z){opacity:1;transform:none;transition:none}
}

/* =====================================================================
   The words that follow the cursor over pictures ("View", "Read", "Explore"…) — everywhere on the site:
   a plain black label with white text, no blending with the picture (the cursors are black too: testimonials.css).
   ===================================================================== */
html body :is(.slot__word,.wk-media__word,.blg-word,.ts__word){mix-blend-mode:normal!important;color:#fff!important;background:#000!important;
  padding:max(6px,calc(8*var(--u))) max(8px,calc(11*var(--u)))!important;border-radius:0!important;line-height:1!important}
/* case-study pictures (homepage + Our Work): only the round View button follows the cursor, no black label inside the picture */
.slot__word,.wk-media__word{display:none!important}
@media (max-width:899px){.b30t__view:not(.tqv){padding-left:20px;height:440px;margin-top:32px;cursor:auto}}
.b30t__view.tqv{position:relative;margin-top:calc(164*var(--u));margin-left:calc(164*var(--u));padding:0;height:calc(564*var(--u));cursor:none;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:0}
.tq{position:absolute;left:0;top:0;display:flex;height:100%;transform-origin:0 50%;transform-style:preserve-3d;
  transition:transform var(--tq-slide,600ms) cubic-bezier(.16,1,.3,1) var(--tq-slide-delay,0ms);translate:0 48px;opacity:0}
.tqv.is-in .tq{translate:0 0;opacity:1;transition:transform var(--tq-slide,600ms) cubic-bezier(.16,1,.3,1) var(--tq-slide-delay,0ms),translate .9s cubic-bezier(.16,1,.3,1) calc(var(--k,0) * 90ms),opacity .6s ease calc(var(--k,0) * 90ms)}
.tq.is-closed .tq__text{visibility:hidden;transition:visibility 0s linear calc(var(--tq-flip,480ms) * .55)}
.tq.is-closed .tq__flap{transform:translateZ(1px) rotateY(-180deg)}
.tq.is-closed{cursor:none}
.tq.is-closed .tq__back img{transition:transform .5s cubic-bezier(.16,1,.3,1)}
.tq.is-closed:hover .tq__back img{transform:scale(1.04)}
@media (max-width:899px){.b30t__view.tqv{margin:40px 0 0 20px;height:440px;cursor:auto}}
@media (prefers-reduced-motion:reduce){.tq,.tq__flap{transition:none!important}}
.ts > .ts__fr{display:none!important}
.ts .ts__sl{position:relative;margin:0 calc(-163 * var(--u));height:calc(736 * var(--u));overflow:hidden;cursor:none;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:none;
  --dash:rgba(0,0,0,.15);--pix:#000}
html.dark .ts .ts__sl{--dash:rgba(255,255,255,.18);--pix:#F2F1EE}
.ts .ts__sl::before,.ts .ts__sl::after{content:"";position:absolute;left:0;right:0;height:1px;z-index:2;pointer-events:none;background:repeating-linear-gradient(90deg,var(--dash) 0 2px,transparent 2px 4px)}
.ts .ts__sl::before{top:0}
.ts .ts__sl::after{bottom:0}
.ts .ts__sl:focus-visible{outline:2px solid #3457BA;outline-offset:-2px}
.ts .ts__trk{position:absolute;top:0;bottom:0;left:calc(163 * var(--u));display:flex;will-change:transform}
.ts .ts__card{flex:0 0 calc(1346 * var(--u));box-sizing:border-box;height:100%;position:relative;display:flex;align-items:center;justify-content:center}
.ts .ts__card::before,.ts .ts__card::after{content:"";position:absolute;top:0;bottom:0;width:1px;pointer-events:none;background:repeating-linear-gradient(180deg,var(--dash) 0 2px,transparent 2px 4px)}
.ts .ts__card::before{left:0}
.ts .ts__card::after{right:0}
.ts .ts__card + .ts__card::before{display:none}
.ts .ts__in{display:flex;align-items:center;gap:calc(48 * var(--u));width:calc(1248 * var(--u));height:calc(638 * var(--u))}
.ts .ts__txt{flex:0 0 calc(600 * var(--u));height:calc(628 * var(--u));display:flex;flex-direction:column;justify-content:space-between;color:#000}
html.dark .ts .ts__txt{color:#F2F1EE}
.ts .ts__qt{margin:0;font:400 calc(18 * var(--u))/1.2 "BDO Grotesk","Helvetica Neue",Arial,sans-serif;letter-spacing:-.01em}
.ts .ts__qt p{margin:0}
.ts .ts__qt p + p{margin-top:1.2em}
.ts .ts__by2{display:flex;flex-direction:column;gap:calc(16 * var(--u))}
.ts .ts__who2{display:flex;flex-direction:column;gap:calc(4 * var(--u));font-family:"BDO Grotesk","Helvetica Neue",Arial,sans-serif;line-height:1.2}
.ts .ts__nm{font-size:calc(18 * var(--u));letter-spacing:-.01em}
.ts .ts__og{font-size:calc(16 * var(--u));letter-spacing:-.02em;opacity:.5}
.ts .ts__v2 .ts__ver{display:flex;align-items:center;gap:calc(8 * var(--u));margin:0;padding:0;position:static}
.ts .ts__v2 .cl{width:calc(42 * var(--u));height:calc(12 * var(--u));object-fit:contain;display:block}
.ts .ts__v2 .ok{display:flex;align-items:center;gap:calc(4 * var(--u));font:400 calc(12 * var(--u))/1.2 "Geist Mono",ui-monospace,monospace;text-transform:uppercase;opacity:1}
.ts .ts__v2 .ok svg{width:calc(16 * var(--u));height:calc(16 * var(--u));flex:none}
.ts .ts__v2 .ok span{opacity:.5}
.ts .ts__ph{flex:0 0 calc(600 * var(--u));height:calc(628 * var(--u));background:#F3EA08;overflow:hidden}
.ts .ts__ph img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;user-select:none}
.ts .ts__ph{position:relative}
.ts .ts__ph .ts__gl{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;opacity:0}
.ts .ts__ph.is-gl .ts__gl{opacity:1}
.ts .ts__ph{cursor:none}
.ts .ts__ph img,.ts .ts__ph .ts__gl{transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
.ts .ts__ph:hover img,.ts .ts__ph:hover .ts__gl{transform:scale(1.035)}
.ts .ts__ph .ts__word{z-index:3}
@media (hover:none){.ts .ts__ph .ts__word{display:none}}
.ts .ts__pc{position:absolute;width:6px;height:6px;background:var(--pix);z-index:3;pointer-events:none}
.ts .ts__pc{opacity:0;transition:opacity .3s ease}
.ts .ts__card.on .ts__pc{opacity:1}
.ts .ts__pc.t{top:0}
.ts .ts__pc.b{bottom:0}
.ts .ts__pc.l{left:-2px}
.ts .ts__pc.r{right:-3px}
.ts .ts__card:last-child .ts__pc.r{right:0}
.ts .ts__sl.is-drag{cursor:none}
@media (hover:none){.ts .ts__sl{cursor:auto}}
@media (max-width:899px){.ts .ts__sl{margin:0 -20px;height:auto}}
@media (max-width:899px){.ts .ts__trk{position:relative;left:16px}}
@media (max-width:899px){.ts .ts__card{flex-basis:calc(100vw - 32px);height:auto;padding:20px}}
@media (max-width:899px){.ts .ts__in{flex-direction:column-reverse;width:100%;height:auto;gap:24px}}
@media (max-width:899px){.ts .ts__txt,.ts .ts__ph{flex:none;width:100%;height:auto}}
@media (max-width:899px){.ts .ts__ph{aspect-ratio:600/628}}
@media (max-width:899px){.ts .ts__txt{gap:28px}}
@media (max-width:899px){.ts .ts__qt{font-size:16px}}
@media (max-width:899px){.ts .ts__nm{font-size:16px}}
@media (max-width:899px){.ts .ts__og{font-size:14px}}
@media (max-width:899px){.ts .ts__v2 .cl{width:42px;height:12px}}
@media (max-width:899px){.ts .ts__v2 .ok{font-size:11px}}
@media (max-width:899px){.ts .ts__v2 .ok svg{width:14px;height:14px}}
@media (max-width:899px){.ts .ts__pc.l{left:-2px}}
@media (max-width:899px){.ts .ts__pc.r{right:-3px}}
.ts .ts__sl{height:calc(736 * var(--u) + 6px)}
.ts .ts__sl::before{top:3px}
.ts .ts__sl::after{bottom:3px}
.ts .ts__trk{top:3px;bottom:3px}
.ts .ts__pc.t{top:-3px}
.ts .ts__pc.b{bottom:-3px}
.ts .ts__pc.l{left:-2.5px}
.ts .ts__pc.r{right:-2.5px}
.ts .ts__card:last-child .ts__pc.r{right:0}
@media (max-width:899px){.ts .ts__sl{height:auto;padding:3px 0}}
@media (max-width:899px){.ts .ts__trk{top:0;bottom:0}}
.b30t__view.tqv{margin-left:0!important;width:100%;overflow:visible}
.tqv__probe{visibility:hidden;pointer-events:none}
.tqv__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tqv__stage{position:absolute;inset:0}
.tqc{clip-path:inset(100% 0 0 0)}
.tqv.is-in .tqc{clip-path:inset(0);transition:clip-path 1.05s cubic-bezier(.16,1,.3,1) calc(var(--i,0) * 130ms)}
.tqc .tq__q,.tqc .tq__by{opacity:0;translate:0 26px}
.tqv.is-in .tqc .tq__q{opacity:1;translate:0 0;transition:opacity .8s ease calc(var(--i,0) * 130ms + 300ms),translate 1s cubic-bezier(.16,1,.3,1) calc(var(--i,0) * 130ms + 300ms)}
.tqv.is-in .tqc .tq__by{opacity:1;translate:0 0;transition:opacity .8s ease calc(var(--i,0) * 130ms + 420ms),translate 1s cubic-bezier(.16,1,.3,1) calc(var(--i,0) * 130ms + 420ms)}
@media (prefers-reduced-motion:reduce){.tqc{clip-path:none!important}}
@media (prefers-reduced-motion:reduce){.tqc .tq__q,.tqc .tq__by{opacity:1!important;translate:none!important}}
.tqc{position:absolute;left:0;top:0;height:100%;display:flex;will-change:transform}
.tqc .tq__text{background:#fff}
.tqc__pic{position:relative;flex:none;width:calc(477*var(--u));height:100%;box-sizing:border-box;overflow:hidden;background:#eee;border:1px solid rgba(0,0,0,.15);border-left:0}
.tqc__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
html.dark .tqc .tq__text{background:#000}
html.dark .tqc__pic{border-color:rgba(255,255,255,.15)}
@media (max-width:899px){.tqc__pic{width:min(72vw,320px)}}
.tqc__pic.is-gl{background:transparent}
.tqc__pic canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.tqc__pic.is-gl img{visibility:hidden}
html.dark .tqc .tq__text{background:rgba(255,255,255,.03)!important;border-color:rgba(255,255,255,.12)!important}
html.dark .tqc__pic{border-color:rgba(255,255,255,.12)}
.ts{padding:calc(160 * var(--u)) calc(163 * var(--u));display:flex;flex-direction:column;gap:calc(116 * var(--u))}
.ts__top{display:flex;flex-direction:column;gap:calc(48 * var(--u))}
.ts__row1{display:flex;justify-content:space-between;align-items:flex-start;line-height:1.2}
.ts__h{margin:0;width:calc(429 * var(--u));font-weight:400;font-size:calc(50 * var(--u));letter-spacing:calc(-1 * var(--u));line-height:1.2}
.ts__eye{margin:0;font:400 calc(14 * var(--u))/1.2 var(--mono);text-transform:uppercase;color:var(--mid);white-space:nowrap;display:flex;gap:calc(12 * var(--u))}
.ts__count{font-variant-numeric:tabular-nums;opacity:.5}
.ts__btn{display:inline-flex;gap:calc(2 * var(--u));align-items:center;text-decoration:none;color:#000;align-self:flex-start}
.ts__btn .ic{width:calc(44 * var(--u));height:calc(44 * var(--u));min-width:34px;min-height:34px;border:max(.917px,calc(.917 * var(--u))) solid var(--line);border-radius:calc(12 * var(--u));display:grid;place-items:center}
.ts__btn .ic svg{width:calc(22 * var(--u));height:calc(22 * var(--u));min-width:17px;min-height:17px}
.ts__btn .lb{height:calc(44 * var(--u));min-height:34px;display:flex;align-items:center;padding:0 calc(14.667 * var(--u));border:max(.917px,calc(.917 * var(--u))) solid var(--line);border-radius:calc(12 * var(--u));
  font:400 max(11px,calc(14.667 * var(--u)))/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;transition:background .3s ease,color .3s ease}
.ts__btn:hover .lb{background:#000;color:#fff}
.ts__btn:focus-visible{outline:2px solid #3457BA;outline-offset:4px;border-radius:12px}
.ts__main{display:flex;gap:calc(127 * var(--u));align-items:center}
.ts__l{width:calc(856 * var(--u));height:calc(628 * var(--u));display:flex;flex-direction:column;justify-content:space-between;position:relative}
.ts__q{margin:0;position:relative;font-size:calc(25 * var(--u));line-height:1.2;letter-spacing:calc(-.5 * var(--u))}
.ts__q p{margin:0}
.ts__q p + p{margin-top:1.2em}
.ts__q .hq{position:absolute;margin-left:-.45em}
.ts__by{display:flex;flex-direction:column;gap:calc(16 * var(--u));width:calc(193 * var(--u))}
.ts__who{display:flex;flex-direction:column;gap:calc(4 * var(--u));font-family:var(--mono);text-transform:uppercase;line-height:1.2}
.ts__name{font-size:calc(20 * var(--u));white-space:nowrap}
.ts__org{font-size:calc(16 * var(--u));opacity:.5;white-space:nowrap}
.ts__ver{display:flex;gap:calc(8 * var(--u));align-items:center}
.ts__ver .cl{height:calc(12 * var(--u));width:calc(42 * var(--u));display:block}
.ts__ver .ok{display:flex;gap:calc(4 * var(--u));align-items:center;font:400 calc(12 * var(--u))/1.2 var(--mono);text-transform:uppercase}
.ts__ver .ok svg{width:calc(16 * var(--u));height:calc(16 * var(--u))}
.ts__ver .ok span{opacity:.5}
.ts__pic{position:relative;width:calc(609 * var(--u));height:calc(628 * var(--u));flex:none;overflow:hidden}
.ts__main{cursor:none;position:relative}
.ts__word{position:absolute;left:0;top:0;z-index:3;pointer-events:none;color:#fff;mix-blend-mode:difference;
  font:400 max(11px,calc(14.667 * var(--u)))/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;
  opacity:0;transition:opacity .25s ease}
.ts__word.on{opacity:1}
.ts__pic{cursor:none}
.ts__pic canvas,.ts__pic img{position:absolute;inset:0;width:100%;height:100%;display:block}
.ts__pic img{object-fit:cover;opacity:0}
.ts__pic.no-gl img{opacity:1}
.ts__cur{position:fixed;left:0;top:0;width:calc(96 * var(--u));height:calc(96 * var(--u));min-width:72px;min-height:72px;margin:calc(-48 * var(--u)) 0 0 calc(-48 * var(--u));border-radius:50%;background:#000;color:#fff;
  display:grid;place-items:center;pointer-events:none;z-index:50;transform:scale(0);transition:transform .35s cubic-bezier(.16,1,.3,1);font:400 max(10px,calc(12 * var(--u)))/1 var(--mono);text-transform:uppercase;letter-spacing:.06em}
.ts__cur.on{transform:scale(1)}
.ts__idx{position:absolute;right:0;bottom:calc(10 * var(--u));display:flex;gap:calc(8 * var(--u));z-index:2}
.ts__th{all:unset;position:relative;width:calc(44 * var(--u));height:calc(44 * var(--u));min-width:34px;min-height:34px;cursor:pointer;border-radius:calc(12 * var(--u));overflow:visible}
.ts__th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block;border-radius:calc(12 * var(--u));box-shadow:0 0 0 max(.917px,calc(.917 * var(--u))) rgba(0,0,0,.15);transition:filter .45s ease,opacity .45s ease}
.ts__th:not([aria-selected="true"]) img{filter:grayscale(1) contrast(.95);opacity:.5}
.ts__th:hover img,.ts__th:focus-visible img{filter:none;opacity:1}
.ts__th::after{content:"";position:absolute;left:calc(6 * var(--u));right:calc(6 * var(--u));bottom:calc(-10 * var(--u));height:max(1px,calc(1.5 * var(--u)));background:#000;transform-origin:0 50%;transform:scaleX(var(--p,0));opacity:0;transition:opacity .3s ease}
.ts__th[aria-selected="true"]::after{opacity:1}
.ts__th .nm{position:absolute;right:0;bottom:calc(100% + 12 * var(--u));white-space:nowrap;font:400 max(10px,calc(12 * var(--u)))/1 var(--mono);text-transform:uppercase;color:var(--mid);opacity:0;translate:0 4px;pointer-events:none;transition:opacity .25s ease,translate .3s cubic-bezier(.16,1,.3,1)}
.ts__th:hover .nm,.ts__th:focus-visible .nm{opacity:1;translate:0 0}
.ts__th:focus-visible{outline:2px solid #3457BA;outline-offset:3px;border-radius:calc(12 * var(--u))}
.ts__cur b{font-weight:400;display:block;text-align:center}
.ts__cur small{display:block;margin-top:calc(6 * var(--u));font-size:.8em;opacity:.55;text-align:center;font-variant-numeric:tabular-nums}
.ts .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (prefers-reduced-motion:reduce){.ts .w{transition:none!important}}
.ts__q{transition:opacity .45s ease,transform .6s cubic-bezier(.16,1,.3,1)}
.ts__q.is-out{opacity:0;transform:translate3d(0,-8px,0);transition:opacity .28s ease,transform .32s ease}
.ts__q .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.16em;margin-bottom:-.16em}
.ts__q .w > span{display:inline-block;transition:transform .95s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i) * 6ms)}
.ts__q.is-pre .w > span{transform:translate3d(0,110%,0);transition:none}
.ts__who{overflow:hidden}
.ts__who > span{display:block;transition:transform .8s cubic-bezier(.16,1,.3,1) .12s,opacity .5s ease .12s}
.ts__who > span + span{transition-delay:.2s}
.ts__who.is-out > span{opacity:0;transition:opacity .25s ease}
.ts__who.is-pre > span{transform:translate3d(0,100%,0);opacity:0;transition:none}
@media (prefers-reduced-motion:reduce){.ts__q,.ts__q .w > span,.ts__who > span{transition:none!important}}
.ts{background:#fff;color:#000;padding-top:calc(72*var(--u))!important;padding-bottom:calc(96*var(--u))!important;gap:calc(64*var(--u))!important}
.ts__top{gap:calc(32*var(--u))!important}
.ts .hw-i{transition-duration:1.25s}
.ts__ver .cl{height:calc(13*var(--u))!important;width:auto!important;min-height:10px}
html.dark .ts{background:var(--night,#000)!important;color:#F2F1EE}
html.dark .ts__btn{color:#F2F1EE}
html.dark .ts__btn svg{stroke:#F2F1EE}
html.dark .ts__btn svg circle[fill]{fill:#F2F1EE}
html.dark .ts__eye,html.dark .ts__th .nm{color:#E4E8FF}
html.dark .ts__th::after{background:#F2F1EE}
html.dark .ts__ver .cl{filter:brightness(0) invert(1)}
@media (max-width:899px){.ts{padding:72px 20px!important;gap:48px}}
@media (max-width:899px){.ts__h{width:auto!important;font-size:34px!important}}
@media (max-width:899px){.ts__eye{font-size:12px!important}}
@media (max-width:899px){.ts__main{flex-direction:column-reverse;gap:28px;align-items:stretch}}
@media (max-width:899px){.ts__l{width:auto!important;height:auto!important;gap:32px}}
@media (max-width:899px){.ts__pic{width:100%!important;height:auto!important;aspect-ratio:609/628}}
@media (max-width:899px){.ts__q{font-size:19px!important}}
@media (max-width:899px){.ts__name{font-size:16px!important}}
@media (max-width:899px){.ts__org{font-size:13px!important}}
@media (max-width:899px){.ts__idx{position:static}}
@media (max-width:899px){.ts__by{width:auto!important}}
html.dark .ts{color:#F2F1EE}
html.dark .ts__q,html.dark .ts__name,html.dark .ts__h,html.dark .ts__lbl{color:#F2F1EE}
html.dark .ts__org{color:rgba(242,241,238,.6)}
@media (min-width:900px){.ts{position:relative;overflow:hidden;padding-top:calc(560*var(--u))!important;padding-bottom:calc(201*var(--u))!important;gap:calc(82*var(--u))!important;background:#fff}}
@media (min-width:900px){.ts > *{position:relative;z-index:2}}
@media (min-width:900px){.ts > .ts__sky,.ts > .ts__curtain,.ts > .ts__fr{position:absolute}}
@media (min-width:900px){.ts__sky{left:0;right:0;top:calc(140*var(--u));height:calc(712*var(--u));pointer-events:none;z-index:0!important;will-change:transform;
    background:linear-gradient(180deg,#A2DEF2 0%,rgba(209,224,212,.5) 32.043%,rgba(209,224,212,0) 58.261%)}}
@media (min-width:900px){.ts__curtain{left:0;right:0;top:calc(-260*var(--u));height:calc(607*var(--u));z-index:1!important;pointer-events:none;will-change:transform;
    background:linear-gradient(#fff,#fff) 0 0/100% calc(400*var(--u)) no-repeat}}
@media (min-width:900px){.ts__skyband{position:absolute;left:0;bottom:0;width:100%;height:calc(207*var(--u));display:block}}
@media (min-width:900px){.ts__fr{left:0;right:0;top:0;bottom:0;pointer-events:none;z-index:1!important}}
@media (min-width:900px){.ts__fr .fl{position:absolute}}
@media (min-width:900px){.ts__fr .fl.h{height:1px;transform:scaleX(0);transform-origin:50% 50%;transition:transform 1.4s cubic-bezier(.65,0,.35,1);
    background:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,.15) 8.5%,rgba(0,0,0,.15) 91.5%,rgba(0,0,0,0) 100%)}}
@media (min-width:900px){.ts__fr .fl.h.t{left:0;right:0;top:var(--ft)}}
@media (min-width:900px){.ts__fr .fl.h.b{left:calc(12*var(--u));right:calc(14*var(--u));top:var(--fb)}}
@media (min-width:900px){.ts__fr .fl.v{top:calc(var(--ft) - 90*var(--u));bottom:0;width:1px;opacity:0;transition:opacity 1.2s ease .3s;
    background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.15) 12%,rgba(0,0,0,.15) 72%,rgba(0,0,0,0) 100%)}}
@media (min-width:900px){.ts__fr .fl.v.l{left:var(--xl)}}
@media (min-width:900px){.ts__fr .fl.v.r{left:var(--xr)}}
@media (min-width:900px){.ts__fr .sq{position:absolute;width:5px;height:5px;background:#000;opacity:0;transform:scale(0);transition:opacity .3s ease 1s,transform .55s cubic-bezier(.16,1,.3,1) 1s}}
@media (min-width:900px){.ts__fr .sq.t{top:calc(var(--ft) - 2px)}}
@media (min-width:900px){.ts__fr .sq.b{top:calc(var(--fb) - 2px)}}
@media (min-width:900px){.ts__fr .sq.l{left:calc(var(--xl) - 2px)}}
@media (min-width:900px){.ts__fr .sq.r{left:calc(var(--xr) - 2px)}}
@media (min-width:900px){.ts.ts-in .ts__fr .fl.h{transform:none}}
@media (min-width:900px){.ts.ts-in .ts__fr .fl.v{opacity:1}}
@media (min-width:900px){.ts.ts-in .ts__fr .sq{opacity:1;transform:none}}
@media (min-width:900px){html.dark .ts__fr .fl.h{background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.18) 8.5%,rgba(255,255,255,.18) 91.5%,rgba(255,255,255,0) 100%)}}
@media (min-width:900px){html.dark .ts__fr .fl.v{background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.18) 12%,rgba(255,255,255,.18) 72%,rgba(255,255,255,0) 100%)}}
@media (min-width:900px){html.dark .ts__fr .sq{background:#F2F1EE}}
@media (min-width:900px){html.dark .ts__sky{opacity:.3}}
@media (min-width:900px){html.dark .ts__curtain{background:none}}
@media (prefers-reduced-motion:reduce){.ts__fr .fl,.ts__fr .sq{transition:none!important}}
.ts__idx{display:none!important}
@media (min-width:900px){.ts__main{justify-content:space-between}}
@media (min-width:900px){.ts__pic{margin-left:auto!important;margin-right:-1px!important}}
@media (min-width:900px){.ts__l{box-sizing:border-box;padding:8px 0 8px 9px!important}}
@media (min-width:900px){.ts > .ts__fr{z-index:3!important}}
.ts__by{position:relative;width:100%;box-sizing:border-box;padding-right:calc(32*var(--u))}
.ts__num{position:absolute;right:calc(24*var(--u));top:0;font:400 calc(14*var(--u))/1.2 var(--mono,"Geist Mono",monospace);letter-spacing:.02em;color:#0D1432}
html.dark .ts__num{color:#F2F1EE}
.ts > .ts__sky,.ts > .ts__curtain{display:none!important}
@media (min-width:900px){.ts{padding-top:calc(220*var(--u))!important}}
@media (min-width:900px){.ts .ts__main{margin-top:calc(52*var(--u))!important}}
@media (min-width:900px){.ts .ts__pic{clip-path:inset(0 3px 0 0)}}
.b30-vcur,.b30-scur,.b30t__cur,.ts__cur{border-radius:0!important;background:#000!important;color:#fff!important;mix-blend-mode:normal!important;box-shadow:none!important;
  -webkit-mask:none!important;mask:none!important;clip-path:polygon(25.000% 0.000%,75.000% 0.000%,75.000% 8.333%,83.333% 8.333%,83.333% 16.667%,91.667% 16.667%,91.667% 25.000%,100.000% 25.000%,100.000% 75.000%,91.667% 75.000%,91.667% 83.333%,83.333% 83.333%,83.333% 91.667%,75.000% 91.667%,75.000% 100.000%,25.000% 100.000%,25.000% 91.667%,16.667% 91.667%,16.667% 83.333%,8.333% 83.333%,8.333% 75.000%,0.000% 75.000%,0.000% 25.000%,8.333% 25.000%,8.333% 16.667%,16.667% 16.667%,16.667% 8.333%,25.000% 8.333%)}
.ts .ts__sl{height:calc(580*var(--u))!important;padding:0!important;margin-top:calc(14*var(--u))!important}
.ts .ts__sl::before,.ts .ts__sl::after,.ts .ts__pc{display:none!important}
.ts .ts__trk{top:0!important;bottom:0!important;gap:0}
.ts .ts__card + .ts__card{box-shadow:inset 0 1px 0 rgba(13,20,50,.1),inset 0 -1px 0 rgba(13,20,50,.1),inset -1px 0 0 rgba(13,20,50,.1)}
html.dark .ts .ts__card + .ts__card{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(255,255,255,.12),inset -1px 0 0 rgba(255,255,255,.12)}
.ts .ts__card{flex:0 0 calc(1132*var(--u))!important;height:calc(580*var(--u))!important;box-shadow:inset 0 0 0 1px rgba(13,20,50,.1);background:#fff;align-items:stretch!important;justify-content:stretch!important;overflow:hidden}
.ts .ts__card::before,.ts .ts__card::after{display:none!important}
html.dark .ts .ts__card{background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.ts .ts__in{width:100%!important;height:100%!important;gap:0!important;align-items:stretch!important}
.ts .ts__txt{flex:1 1 auto!important;height:auto!important;box-sizing:border-box;padding:calc(28*var(--u)) calc(24*var(--u)) calc(24*var(--u))}
.ts .ts__qt{font-size:calc(18*var(--u))!important;max-width:calc(520*var(--u))}
.ts .ts__ph{flex:0 0 calc(536*var(--u))!important;height:100%!important}
@media (max-width:899px){.ts .ts__sl{height:auto!important}}
@media (max-width:899px){.ts .ts__card{flex-basis:calc(100vw - 40px)!important;height:auto!important}}
@media (max-width:899px){.ts .ts__in{flex-direction:column}}
@media (max-width:899px){.ts .ts__ph{flex:none!important;width:100%;aspect-ratio:536/580;height:auto!important}}
section.ts{overflow-x:clip}
.ts .ts__sl{position:relative;overflow:visible!important}
.ts .ts__sl::before,.ts .ts__sl::after{content:""!important;display:block!important;position:absolute;left:calc(50% - 50vw)!important;width:100vw!important;right:auto!important;height:1px!important;z-index:3;pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(0,0,0,.15) 0 2px,transparent 2px 4px)!important;border:0!important;transform:none!important}
.ts .ts__sl::before{top:0!important;bottom:auto!important}
.ts .ts__sl::after{bottom:0!important;top:auto!important}
.ts .ts__sl{--vw-left:0px}
.ts .ts__card,.ts .ts__card + .ts__card{box-shadow:none!important;
  background:#fff repeating-linear-gradient(180deg,rgba(0,0,0,.15) 0 2px,transparent 2px 4px) 100% 0/1px 100% no-repeat!important}
.ts .ts__card:first-child{background:#fff repeating-linear-gradient(180deg,rgba(0,0,0,.15) 0 2px,transparent 2px 4px) 0 0/1px 100% no-repeat,repeating-linear-gradient(180deg,rgba(0,0,0,.15) 0 2px,transparent 2px 4px) 100% 0/1px 100% no-repeat!important}
html.dark .ts .ts__sl::before,html.dark .ts .ts__sl::after{background:repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 2px,transparent 2px 4px)!important}
html.dark .ts .ts__card,html.dark .ts .ts__card + .ts__card{background:transparent repeating-linear-gradient(180deg,rgba(255,255,255,.16) 0 2px,transparent 2px 4px) 100% 0/1px 100% no-repeat!important}
html.dark .ts .ts__card:first-child{background:transparent repeating-linear-gradient(180deg,rgba(255,255,255,.16) 0 2px,transparent 2px 4px) 0 0/1px 100% no-repeat,repeating-linear-gradient(180deg,rgba(255,255,255,.16) 0 2px,transparent 2px 4px) 100% 0/1px 100% no-repeat!important}
section.ts{overflow-x:clip}
.ts .ts__sl{position:relative}
.ts .ts__sl::before,.ts .ts__sl::after{content:""!important;display:block!important;position:absolute!important;left:-100vw!important;right:-100vw!important;width:auto!important;height:1px!important;z-index:3;pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(0,0,0,.15) 0 2px,transparent 2px 4px)!important;border:0!important;opacity:1!important}
.ts .ts__sl::before{top:0!important;bottom:auto!important}
.ts .ts__sl::after{bottom:0!important;top:auto!important}
html.dark .ts .ts__sl::before,html.dark .ts .ts__sl::after{background:repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 2px,transparent 2px 4px)!important}
.ts .ts__card,.ts .ts__card + .ts__card,html.dark .ts .ts__card,html.dark .ts .ts__card + .ts__card{box-shadow:none!important;
  background-image:repeating-linear-gradient(180deg,rgba(0,0,0,.15) 0 2px,transparent 2px 4px)!important;background-size:1px 100%!important;background-position:100% 0!important;background-repeat:no-repeat!important}
.ts .ts__card:first-child{background-image:repeating-linear-gradient(180deg,rgba(0,0,0,.15) 0 2px,transparent 2px 4px),repeating-linear-gradient(180deg,rgba(0,0,0,.15) 0 2px,transparent 2px 4px)!important;
  background-size:1px 100%,1px 100%!important;background-position:0 0,100% 0!important}
html.dark .ts .ts__card{background-image:repeating-linear-gradient(180deg,rgba(255,255,255,.16) 0 2px,transparent 2px 4px)!important}
html.dark .ts .ts__card:first-child{background-image:repeating-linear-gradient(180deg,rgba(255,255,255,.16) 0 2px,transparent 2px 4px),repeating-linear-gradient(180deg,rgba(255,255,255,.16) 0 2px,transparent 2px 4px)!important}
.ts__cur{z-index:9000!important}
.ts .ts__ph img,.ts .ts__ph .ts__gl{transition:filter .5s ease}
@media (min-width:900px){section.ts{padding-bottom:calc(120*var(--u))!important}}
@media (min-width:900px){section.ts{padding-top:calc(110*var(--u))!important}}
@media (min-width:900px){section.ts{padding-top:calc(320*var(--u))!important}}
@media (min-width:900px){section.ts{padding-top:calc(264*var(--u))!important}}
@media (min-width:900px){section.ts{padding-top:calc(200*var(--u))!important}}
@media (min-width:900px){section.ts{padding-top:calc(152*var(--u))!important}}
.ts__top > [data-btn]{align-self:flex-start;width:max-content!important;flex:none}
.ts .ts__card [data-reveal]{will-change:opacity,transform}

/* =====================================================================
   Phones (≤ 899px): the testimonials (the swipe deck) — one version for every page
   (from the Our Work mobile design). Desktop is untouched: everything sits in the media queries below.
   ===================================================================== */
@media (max-width:899px){
  html body .b30-main > section.ts:not(#_z){margin-top:0!important;padding-bottom:0!important}
  html body .tsm .tsm__deck:not(#_z){align-items:flex-start!important;transition:height .45s cubic-bezier(.16,1,.3,1)!important;overflow-y:hidden}
  html body .tsm .tsm__a:not(#_z){margin-top:0!important}
  .ts .ts__card .ts__qt{font-size:16px!important;max-width:none!important}
  .ts .ts__card .ts__in{height:auto!important}
  .ts .ts__card .ts__in{display:grid!important;grid-template-columns:72px 1fr;grid-template-rows:1fr auto;column-gap:14px!important;row-gap:24px!important;gap:24px 14px!important;align-items:center}
  .ts .ts__card .ts__txt{display:contents!important}
  .ts .ts__card .ts__qt{grid-column:1 / -1;grid-row:1;align-self:start}
  .ts .ts__card .ts__ph{grid-column:1;grid-row:2;width:72px!important;height:72px!important;aspect-ratio:1 / 1!important;overflow:hidden}
  .ts .ts__card .ts__ph img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
  .ts .ts__card .ts__by2{grid-column:2;grid-row:2;align-self:center;gap:6px;margin:0}
  .ts .ts__card .ts__ver{display:flex;align-items:center;gap:5px}
  .ts .ts__card .ts__ver .ok{margin:0!important;gap:3px}
  .ts .ts__card .ts__ver .cl{margin:0!important}
  .ts.ts{padding-bottom:40px!important}
  .ts .ts__row1{display:flex!important;flex-direction:column-reverse!important;align-items:flex-start!important;gap:8px!important}
  .ts .ts__row1 .ts__eye{position:static!important;margin:0!important}
  .ts .ts__top{gap:24px!important;margin-bottom:32px!important}
  .ts .ts__sl{display:none!important}
  .ts .ts__top .b30btn,
.ts .ts__top [data-btn]{display:none!important}
  .ts .ts__row1{flex-direction:column-reverse!important;gap:12px!important}
  .ts .ts__h{font-size:32px!important;line-height:1.2!important;letter-spacing:-.02em!important}
  .ts .ts__row1 .ts__eye{font:400 12px/1.2 var(--mono,"Geist Mono",monospace)!important;color:rgba(13,20,50,.56)!important;text-transform:uppercase}
  .ts.ts{padding-top:64px!important;padding-bottom:64px!important}
  .ts .ts__top{margin-bottom:32px!important}
  .tsm{margin:0 -20px}
  .tsm__deck{display:flex;align-items:stretch;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:20px;padding:0 20px;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}
  .tsm__deck::-webkit-scrollbar{display:none}
  .tsm__c{flex:0 0 calc(100% - 56px);max-width:360px;scroll-snap-align:start;box-sizing:border-box;border:1px solid rgba(0,0,0,.12);background:#fff;padding:24px;display:flex;flex-direction:column}
  .tsm__c:last-child{margin-right:20px}
  .tsm__c + .tsm__c{margin-left:-1px}
  .tsm__mk{width:22px;height:18px;display:block;margin-bottom:18px}
  .tsm__q{margin:0;font-size:16px;line-height:1.35;letter-spacing:-.01em;color:#000}
  .tsm__q p{margin:0}
  .tsm__q p + p{margin-top:.8em}
  .tsm__q p.more{display:none}
  .tsm__c.is-open .tsm__q p.more{display:block}
  .tsm__rm{all:unset;cursor:pointer;display:inline;font:inherit;color:rgba(13,20,50,.5);white-space:nowrap;-webkit-tap-highlight-color:transparent}
  .tsm__q .full{display:none}
  .tsm__c.is-open .tsm__q .short{display:none}
  .tsm__c.is-open .tsm__q .full{display:block}
  .tsm__a{display:flex;align-items:center;gap:16px;margin-top:auto;padding-top:20px;border-top:1px solid rgba(0,0,0,.08)}
  .tsm__ph{flex:none;width:76px;height:92px;overflow:hidden;background:#f3ea08}
  .tsm__ph img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block}
  .tsm__who{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
  .tsm__n{font-size:16px;line-height:1.2;letter-spacing:-.01em;color:#000}
  .tsm__o{font-size:13px;line-height:1.25;color:rgba(0,0,0,.55)}
  .tsm__who .ts__ver{display:flex;align-items:center;gap:5px;margin-top:8px}
  .tsm__who .ts__ver .cl{height:12px!important;width:auto!important}
  .tsm__who .ts__ver .ok{display:inline-flex!important;align-items:center;gap:3px!important;font:400 10px/1 var(--mono,"Geist Mono",monospace)!important;text-transform:uppercase;color:rgba(0,0,0,.55)!important}
  .tsm__who .ts__ver .ok svg{width:11px!important;height:11px!important}
  .tsm__ctl{display:flex;align-items:center;gap:14px;padding:24px 20px 0}
  .tsm__q{margin-bottom:28px!important}
  .tsm__k{font:400 12px/1.2 var(--mono,"Geist Mono",monospace);color:#0d1432;white-space:nowrap;min-width:52px}
  .tsm__bar{flex:1;height:1px;background:rgba(0,0,0,.12);position:relative;overflow:hidden}
  .tsm__bar b{position:absolute;left:0;top:0;bottom:0;background:#000;transition:transform .35s ease}
  .tsm__nav{display:none!important}
  .tsm__ctl{justify-content:center}
  .tsm__dots{display:flex;align-items:center;gap:8px}
  .tsm__dots button{all:unset;position:relative;display:block;width:6px;height:6px;border-radius:3px;background:#000;opacity:.2;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:width .35s cubic-bezier(.65,0,.35,1),opacity .35s ease}
  .tsm__dots button::after{content:"";position:absolute;inset:-14px -4px}
  .tsm__dots button[aria-current="true"]{width:20px;opacity:1}
  .tsm__nav button{all:unset;box-sizing:border-box;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(0,0,0,.85);border-radius:12px;background:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .tsm__nav button[disabled]{opacity:.3;pointer-events:none}
  .tsm__nav svg{width:14px;height:14px;display:block}
  .tsm__nav button:active{transform:scale(.96)}
  .ts.ts{padding-top:104px!important}
  .tsm__q,
.tsm__q p{line-height:1.4!important}
  .tsm__o{font-size:14px!important;line-height:1.2!important;letter-spacing:-.02em}
  .tsm__who .ts__ver .ok{color:rgba(13,20,50,.56)!important}
  html body section.ts .ts__top:not(#_z),
html body section.ts .ts__row1:not(#_z){text-align:center!important;align-items:center!important;justify-content:center!important}
  html body section.ts .ts__h:not(#_z){font-size:26px!important;line-height:1.2!important;letter-spacing:-.02em!important;text-align:center!important;max-width:272px;margin-left:auto!important;margin-right:auto!important}
  html body section.ts .ts__eye:not(#_z){font:400 12px/1.2 var(--mono,"Geist Mono",monospace)!important;opacity:.6;text-align:center!important;width:100%}
  html body .tsm__deck:not(#_z){align-items:flex-start!important}
  html body .tsm__c:not(#_z){padding:22px 20px 20px!important}
  html body .tsm__q:not(#_z),
html body .tsm__q p:not(#_z){font-size:14px!important;line-height:1.3!important;letter-spacing:-.02em!important}
  html body .tsm__q:not(#_z){margin-bottom:20px!important}
  html body .tsm__a:not(#_z){padding-top:16px!important;margin-top:0!important}
  html body .tsm__n:not(#_z){font-size:14px!important;line-height:1.2!important;letter-spacing:-.01em!important}
  html body .tsm__o:not(#_z){font-size:11px!important;line-height:1.2!important;letter-spacing:-.02em!important;color:rgba(0,0,0,.5)!important}
  html body .tsm__who .ts__ver:not(#_z){margin-top:6px!important}
  html body .tsm__ctl:not(#_z){padding-top:20px!important}
  html body section.ts:not(#_z){padding-bottom:40px!important}
  html body .ts__pc:not(#_z){width:4px!important;height:4px!important}
  html body section.ts .ts__lede:not(#_z){display:block!important;margin:0 auto!important;max-width:287px;font-size:15px;line-height:1.2;letter-spacing:-.01em;text-align:center;color:#000}
  html body section.ts .ts__top:not(#_z){gap:20px!important}
  html body section.ts .ts__top > .b30btn:not(#_z){display:flex!important;width:auto!important;height:36px!important;opacity:1!important;visibility:visible!important;position:static!important;margin:4px auto 0!important;align-self:center!important;overflow:visible!important}
  html body section.ts .ts__top > .b30btn .b30btn__ic:not(#_z),
html body section.ts .ts__top > .b30btn .b30btn__lbl:not(#_z){background:transparent!important;color:#000!important;border:.67px solid rgba(0,0,0,.15)!important;border-radius:8.7px!important}
  html body section.ts .ts__top > .b30btn .b30btn__ic svg *:not(#_z){fill:#000!important}
  html body .tsm__mk:not(#_z){display:none!important}
  html body .tsm__c:not(#_z){border:1px dashed rgba(0,0,0,.18)!important;background:transparent!important}
  html body .tsm__c + .tsm__c:not(#_z){margin-left:-1px!important}
  html body .tsm__a:not(#_z){border-top:1px dashed rgba(0,0,0,.15)!important}
  html body .tsm__dots:not(#_z){gap:16px!important}
  html body .tsm__dots button:not(#_z){width:5px!important;height:5px!important;border-radius:0!important;opacity:.4!important}
  html body .tsm__dots button[aria-current="true"]:not(#_z){width:5px!important;opacity:1!important}
  html body section.ts .ts__lede:not(#_z){display:none!important}
  html body section.ts .ts__row1:not(#_z){flex-direction:column-reverse!important;align-items:center!important;gap:32px!important}
  html body section.ts .ts__eye:not(#_z){text-align:center!important;margin:0 auto!important;width:auto!important;align-self:center!important;position:static!important}
  html body section.ts .ts__top:not(#_z){gap:24px!important}
  html body .tsm:not(#_z){position:relative;margin:48px -20px 0!important}
  html body .tsm__deck:not(#_z){padding:0 20px!important;scroll-padding-left:20px!important;align-items:stretch!important;gap:0!important}
  html body .tsm__c:not(#_z){flex:0 0 calc(100vw - 40px)!important;max-width:none!important;min-height:527px;border:0!important;padding:22px 25px 30px!important;align-items:center!important;text-align:center!important;background:transparent!important}
  html body .tsm__c + .tsm__c:not(#_z){margin-left:0!important}
  html body .tsm__q:not(#_z){margin:0!important;width:100%;max-width:300px}
  html body .tsm__q:not(#_z),
html body .tsm__q p:not(#_z){text-align:center!important}
  html body .tsm__q .short:not(#_z){display:none!important}
  html body .tsm__q .full:not(#_z){display:block!important}
  html body .tsm__q .tsm__rm:not(#_z){display:none!important}
  html body .tsm__q p + p:not(#_z){margin-top:1.3em!important}
  html body .tsm__a:not(#_z){flex-direction:column!important;align-items:center!important;gap:25px!important;border:0!important;padding:0!important;margin:30px 0 0!important}
  html body .tsm__ph:not(#_z){width:102px!important;height:105px!important}
  html body .tsm__who:not(#_z){align-items:center!important;gap:3.6px!important;text-align:center}
  html body .tsm__who .ts__ver:not(#_z){margin-top:9px!important;justify-content:center}
  html body .tsm__fr:not(#_z){position:absolute;pointer-events:none;z-index:2}
  html body .tsm__fr.h:not(#_z){left:0;right:0;height:0;border-top:1px dashed rgba(0,0,0,.15)}
  html body .tsm__fr.h.t:not(#_z){top:0}
  html body .tsm__fr.h.b:not(#_z){bottom:var(--fb,0px)}
  html body .tsm__fr.v:not(#_z){top:-55px;bottom:calc(var(--fb,0px) - 55px);width:0;border-left:1px dashed rgba(0,0,0,.15)}
  html body .tsm__fr.v.l:not(#_z){left:20px}
  html body .tsm__fr.v.r:not(#_z){right:20px}
  html body .tsm__fr.p:not(#_z){width:4px;height:4px;background:#000}
  html body .tsm__ctl:not(#_z){padding-top:24px!important}
  html body section.ts:not(#_z)::before,
html body section.ts:not(#_z)::after,
html body section.ts .ts__top:not(#_z)::before,
html body section.ts .ts__top:not(#_z)::after,
html body section.ts .ts__row1:not(#_z)::before,
html body section.ts .ts__row1:not(#_z)::after{display:none!important}
  html body .tsm__c:not(#_z){min-height:0!important;padding-bottom:37px!important}
  html body .tsm__deck:not(#_z){align-items:flex-start!important;transition:height .45s cubic-bezier(.16,1,.3,1)}
  html body .tsm__deck:not(#_z){margin:0 20px!important;padding:0!important;scroll-padding-left:0!important;align-items:stretch!important;height:auto!important;transition:none!important}
  html body .tsm__c:not(#_z){flex:0 0 100%!important}
  html body .tsm__c:last-child:not(#_z){margin-right:0!important}
  html body .tsm__q .w-f:not(#_z){display:none}
  html body .tsm__c.is-more .tsm__q .w-s:not(#_z){display:none}
  html body .tsm__c.is-more .tsm__q .w-f:not(#_z){display:block}
  html body .tsm__q:not(#_z),
html body .tsm__q p:not(#_z){text-align:left!important}
  html body .tsm__q:not(#_z){max-width:none!important}
  html body .tsm__more:not(#_z){all:unset;cursor:pointer;color:rgba(13,20,50,.5);white-space:nowrap}
  html body .tsm__c:not(#_z){align-items:stretch!important;text-align:left!important;padding:24px 20px 24px!important}
  html body .tsm__a:not(#_z){flex-direction:row!important;align-items:center!important;gap:16px!important;margin:auto 0 0!important;padding:20px 0 0!important;border-top:1px dashed rgba(0,0,0,.15)!important}
  html body .tsm__q:not(#_z){margin-bottom:24px!important}
  html body .tsm__ph:not(#_z){width:76px!important;height:78px!important}
  html body .tsm__who:not(#_z){align-items:flex-start!important;text-align:left!important}
  html body .tsm__who .ts__ver:not(#_z){justify-content:flex-start!important}
  html body .tsm__fr.v:not(#_z){-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 55px,#000 calc(100% - 55px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 55px,#000 calc(100% - 55px),transparent 100%);
    border-left:0!important;background:repeating-linear-gradient(180deg,rgba(0,0,0,.15) 0 3px,transparent 3px 6px);width:1px!important}
  html body .tsm__c:not(#_z){padding:12px 20px 12px!important}
  html body .tsm__q:not(#_z){margin-bottom:12px!important}
  html body .tsm__a:not(#_z){padding-top:12px!important}
  html body .tsm__ph:not(#_z){width:56px!important;height:58px!important}
  html body .tsm__fr.p:not(#_z){display:none!important}
}
/* over a portrait the round Next button stays as it is: no black "Next" label inside the picture */
.ts .ts__ph .ts__word{display:none!important}
/* the Clutch badge is a link to our Clutch profile: it keeps its look */
a.ts__ver{color:inherit;text-decoration:none;cursor:pointer}
.mq{position:relative;overflow:hidden;padding:0;margin:0}
.mq__t{display:flex;width:max-content;animation:mqRun var(--mq-dur,46s) linear infinite;will-change:transform}
.mq__s{display:block;flex:none;width:calc(var(--mq-w,4258.36)*var(--u));height:calc(var(--mq-h,228)*var(--u));overflow:visible}   /* each page's drawing sets its own size and loop time (components/closing/Strip.astro) */
.mq__s path{fill:none;stroke:rgba(0,0,0,.3);stroke-width:1;stroke-dasharray:2 2;vector-effect:non-scaling-stroke;shape-rendering:crispEdges}
@media (prefers-reduced-motion:reduce){.mq__t{animation:none}}
.cta3{position:relative;padding:0 calc(164*var(--u));display:flex;flex-direction:column;gap:calc(48*var(--u))}
.cta3__h{margin:0;font-weight:400;font-size:calc(50*var(--u));letter-spacing:calc(-1*var(--u));line-height:1.2}
@media (max-width:899px){.cta3{padding:0 20px}}
@media (max-width:899px){.cta3__h{font-size:34px}}
@media (max-width:899px){.mq__s{height:110px;width:auto}}
.mq{margin-top:calc(120*var(--u))!important}
.cta3{margin-top:calc(164*var(--u))!important}
@media (max-width:899px){.mq{margin-top:48px!important}}
@media (max-width:899px){.cta3{margin-top:64px!important}}
.cta3{align-items:center;text-align:center;padding:calc(120*var(--u)) calc(164*var(--u))!important;gap:0!important}
.cta3__rule{position:absolute;left:0;right:0;height:1px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.15) 0 2px,transparent 2px 4px)}
.cta3__rule.t{top:0}
.cta3__rule.b{bottom:0}
.cta3__px{position:absolute;width:6px;height:6px;margin:-2.5px;background:#000}
.cta3__eye{margin:0 0 calc(28*var(--u));font:400 calc(13*var(--u))/1 var(--mono,"Geist Mono",monospace);letter-spacing:.04em;text-transform:uppercase;color:#0D1432}
.cta3__h{text-align:center}
.cta3__btns{display:flex;gap:calc(8*var(--u));margin-top:calc(40*var(--u))}
.cta3__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(12*var(--u));margin:calc(48*var(--u)) 0 0;font:400 calc(12*var(--u))/1.4 var(--mono,"Geist Mono",monospace);letter-spacing:.04em;text-transform:uppercase;color:rgba(13,20,50,.5)}
.cta3__meta a{color:inherit;text-decoration:none;transition:color .2s ease}
.cta3__meta a:hover{color:#000}
@media (max-width:899px){.cta3{padding:56px 20px!important}}
@media (max-width:899px){.cta3__px{display:none}}
@media (max-width:899px){.cta3__meta{font-size:11px}}
.cta3{margin-top:calc(240*var(--u))!important}
.cta3__btns{gap:calc(12*var(--u))!important}
.cta3__btns .ts__btn{align-self:auto}
.cta3__v{position:absolute;top:calc(-160*var(--u));bottom:calc(-160*var(--u));width:1px;pointer-events:none;
  background:repeating-linear-gradient(180deg,rgba(0,0,0,.15) 0 2px,transparent 2px 4px);
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 calc(160*var(--u)),#000 calc(100% - 160*var(--u)),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 calc(160*var(--u)),#000 calc(100% - 160*var(--u)),transparent 100%)}
.cta3__v.l{left:calc(164*var(--u))}
.cta3__v.r{right:calc(164*var(--u))}
@media (max-width:899px){.cta3__v{display:none}}
.cta3{padding:0 calc(164*var(--u)) calc(120*var(--u))!important}
.cta3__eye.ts__eye{margin:0 0 calc(28*var(--u))!important;justify-content:center;letter-spacing:normal!important;font:400 calc(14*var(--u))/1.2 var(--mono)!important;color:var(--mid)!important}
@media (max-width:899px){.cta3{padding:0 20px 72px!important}}
.cta3__btns .b30btn{height:max(38px,calc(48*var(--u)))}
.mq__fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.cta3__h .b30-alt{display:inline-block;text-align:center}
.cta3__btns > [data-btn]{width:max-content!important;flex:none}

/* =====================================================================
   Phones (≤ 899px): the "Sketch…" strip and the call to action — one version for every page
   (from the Our Work mobile design). Desktop is untouched: everything sits in the media queries below.
   ===================================================================== */
@media (max-width:899px){
  html body .b30-main > section.cta3:not(#_z){margin-top:56px!important;padding-top:0!important}
  .cta3 .cta3__eye.ts__eye{font-size:12px!important;margin-bottom:20px!important}
  .cta3.cta3{margin-top:24px!important;padding-top:40px!important}
  .cta3 .cta3__eye.ts__eye{margin-bottom:6px!important}
  .cta3 .cta3__btns{margin-top:28px!important}
  .cta3 .cta3__h{font-size:32px!important;line-height:1.2!important;letter-spacing:-.02em!important}
  .cta3 .cta3__eye.ts__eye{font:400 12px/1.2 var(--mono,"Geist Mono",monospace)!important;color:rgba(13,20,50,.56)!important;margin-bottom:12px!important}
  html body .cta3__h:not(#_z){font-size:26px!important;line-height:1.2!important;letter-spacing:-.02em!important;max-width:311px;margin-left:auto!important;margin-right:auto!important}
  html body .cta3__eye:not(#_z){font-size:12px!important;opacity:.6}
  html body :is(#services .b30s__mobile,section.b30sb,section.ts .ts__top,.nx-sec .nx__top,section.cta3):not(#_z){padding-left:20px!important;padding-right:20px!important}
  html body section.cta3:not(#_z){margin-top:-62px!important}
  html body section.cta3:not(#_z){margin-top:-45px!important}
  html body section.cta3:not(#_z){margin-top:-38px!important}
  html body section.cta3:not(#_z){margin-top:-6px!important;padding-bottom:104px!important}
}
/* desktop: the closing call to action ("Building something? Or fixing something broken?") sits 210 px under the
   section above it, with 60 px under it — on every page */
@media (min-width:900px){
  html body .b30-main > section.cta3:not(#_z):not(#_y),html body section.cta3:not(#_z):not(#_y){margin-top:210px!important;padding-bottom:60px!important}
}
/* after the testimonials: the Sketch/Make/Break/Scale strip and the call to action */
.b30-main > .b30c{background:linear-gradient(#fff,#fff) calc(82*var(--u)) 0/calc(100% - 164*var(--u)) calc(100% - 2px) no-repeat,linear-gradient(#fff,#fff) 0 0/100% calc(548*var(--u)) no-repeat}
.b30c{position:relative;height:calc(860*var(--u))}
.b30c{--cp:1}
.b30c__st{position:absolute;bottom:-2px;width:calc(82*var(--u) + 2px);transform-origin:50% 100%;transform:scaleY(var(--cp));will-change:transform}
.b30c__st.o{height:calc(312*var(--u));background:linear-gradient(180deg,rgba(250,215,255,0) 0,#FAD7FF calc(167*var(--u)),#B4E3F7 calc(167*var(--u)))}
.b30c__st.i{height:calc(231*var(--u));background:linear-gradient(180deg,rgba(250,215,255,0) 0,#B4E3F7 calc(167*var(--u)),#B4E3F7 100%)}
.b30c__st.o.l{left:0}
.b30c__st.o.r{right:0}
.b30c__st.o{z-index:1}
.b30c__st.i.l{left:calc(82*var(--u) - 1px);transform:scaleY(calc(var(--cp) * .92 + .08))}
.b30c__st.i.r{right:calc(82*var(--u) - 1px);transform:scaleY(calc(var(--cp) * .92 + .08))}
.b30c__in{position:absolute;left:calc(164*var(--u));right:calc(164*var(--u));top:calc(330*var(--u));z-index:2;display:flex;flex-direction:column;align-items:center}
.b30c__k{margin:0 0 calc(40*var(--u));font:400 max(11px,calc(14*var(--u)))/1.2 var(--mono);text-transform:uppercase;color:var(--midnight)}
.b30c__txt{position:relative;width:calc(1060*var(--u));margin:0;font-weight:400;font-size:calc(56*var(--u));line-height:1.18;letter-spacing:-.025em;text-align:center}
.b30c__btns{display:flex;gap:max(10px,calc(16*var(--u)));margin-top:calc(64*var(--u))}
.b30c__ln{position:relative;left:50%;display:flex;justify-content:space-between;white-space:nowrap;transform:translateX(-50%);will-change:width}
.b30c__ln.one{justify-content:center}
.b30c__ln > span{flex:none;position:relative;opacity:var(--f,1);transition:opacity .25s linear}
.b30c__ln > span.hl{z-index:0}
.b30c__ln > span.hl::before{content:"";position:absolute;left:-.08em;right:-.08em;top:.06em;bottom:.02em;background:#B0E9FD;z-index:-1;
  clip-path:inset(0 100% 0 0);transition:clip-path .7s steps(7,end)}
.b30c__ln > span.hl.is-lit::before{clip-path:inset(0 0 0 0)}
.b30c__wing{position:absolute;bottom:0;height:calc(312*var(--u));width:calc(164*var(--u) + 2px);background:#fff;z-index:1;pointer-events:none;
  transform:scaleX(var(--wp,0));will-change:transform}
.b30c.is-open .b30c__wing{display:none}
.b30c__wing.l{left:0;transform-origin:100% 50%}
.b30c__wing.r{right:0;transform-origin:0 50%}
@media (max-width:899px){.b30c{height:auto;padding:110px 20px 150px}}
@media (max-width:899px){.b30c__in{position:relative;left:auto;right:auto;top:auto}}
@media (max-width:899px){.b30c__txt{width:auto;font-size:clamp(26px,7vw,40px)}}
@media (max-width:899px){.b30c__btns{flex-wrap:wrap;justify-content:center}}
@media (max-width:899px){.b30c__st,.b30c__wing{display:none}}
.b30c__meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:calc(28*var(--u));margin-top:calc(72*var(--u));font:400 max(11px,calc(14*var(--u)))/1.2 var(--mono);text-transform:uppercase;color:var(--midnight)}
.b30c__meta a{color:#000;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.15);padding-bottom:3px;transition:border-color .3s}
.b30c__meta a:hover{border-color:#000}
.b30c__meta i{display:block;width:max(4px,calc(5*var(--u)));height:max(4px,calc(5*var(--u)));background:#000}
.b30c__live{display:inline-flex;align-items:center;gap:10px}
.b30c__live b{display:block;width:max(6px,calc(8*var(--u)));height:max(6px,calc(8*var(--u)));background:#3457BA;animation:b30-live 2.4s steps(1,end) infinite}
@media (max-width:899px){.b30c__meta{margin-top:36px;gap:14px 18px}}
@media (prefers-reduced-motion:reduce){.b30c__live b{animation:none}}
.b30c__txt .b30c__ln{display:block;position:static;left:auto;width:auto;transform:none;text-align:center;white-space:nowrap}
.b30c__txt .b30c__ln > span{display:inline-block;opacity:1;will-change:transform}
.b30c.wk-cta-proof{height:calc(var(--ctah,760)*var(--u))}
.b30-main > .b30c.wk-cta-proof{background:#fff;margin-top:calc(110*var(--u))}
.wk-cta-proof .b30c__in{display:none}
.wk-cta-stage{position:relative;height:100%}
.wk-cta__px{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:2}
.wk-cta__t{position:absolute;left:0;right:0;margin:0;font-size:calc(200*var(--u));text-align:center;white-space:nowrap;font-weight:400;color:#000;line-height:.92;letter-spacing:-.035em;z-index:3;visibility:hidden}
.wk-cta__ln{display:block}
@media (max-width:899px){.b30c.wk-cta-proof{padding:0;min-height:0}}
html.dark .b30-main > .b30c{background:linear-gradient(#000,#000) calc(82*var(--u)) 0/calc(100% - 164*var(--u)) calc(100% - 2px) no-repeat,linear-gradient(#000,#000) 0 0/100% calc(548*var(--u)) no-repeat}
html.dark .b30c__ln > span.hl::before{background:#0F2638}
html.dark .b30c__wing{background:#000}
html.dark .b30c__meta a{color:#F2F1EE;border-bottom:1px solid rgba(255,255,255,.2)}
html.dark .b30c__meta a:hover{border-color:#F2F1EE}
html.dark .b30c__meta i{background:#F2F1EE}
html.dark .b30c__live b{background:#7B93FF}
html.dark .b30c__wing{display:none!important}
html.dark .b30c__st.o{background:linear-gradient(180deg,rgba(55,56,115,0) 0,#373873 calc(167*var(--u)),#283B6F calc(167*var(--u)))}
html.dark .b30c__st.i{background:linear-gradient(180deg,rgba(55,56,115,0) 0,#283B6F calc(167*var(--u)),#283B6F 100%)}
html.dark .b30c .b30btn__ic{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.18)!important}
html.dark .b30c .b30btn__lbl{background:transparent!important;border-color:rgba(255,255,255,.18)!important;color:#F2F1EE!important}
html body .b30c .cta2{top:calc(48.5*var(--u))!important;gap:0!important}
.cta2__h{font-size:calc(100*var(--u))!important;line-height:1.2!important;letter-spacing:-.02em!important}
.cta2 .b30btn{display:none!important}
.cta2__h.is-px{color:transparent!important}
.cta2__h.is-px *{color:transparent!important}
.cta-px{position:absolute;left:0;right:0;width:100%;display:block;pointer-events:none;z-index:4}
@media (max-width:899px){.cta2__h{font-size:clamp(34px,8.6vw,56px)!important;letter-spacing:-.02em!important}}
.cta2__h.cta-scrub .hw{overflow:visible!important}
.cta2__h.cta-scrub .hw-i{display:inline-block;transition:none!important;transform:translate3d(0,var(--y,0),0) scale(var(--s,1))!important;transform-origin:50% 100%;opacity:1!important;will-change:transform}
.cta2__h.cta-scrub,.cta2__h.cta-scrub .hw{overflow:visible!important;clip-path:none!important}
.cta2__h.cta-scrub .hc{display:inline-block;white-space:pre;transform:translate3d(0,var(--y,0),0) skewX(var(--k,0deg));transform-origin:50% 100%;opacity:var(--o,1);filter:blur(var(--b,0px));will-change:transform,opacity,filter}
.cta2__h.cta-scrub{overflow:visible}
#contact .wk-cta-stage,#contact{overflow-x:clip}
.cta-px{display:none!important}
#contact.b30c{position:relative;z-index:2;clip-path:inset(-200vh -40px calc(-166 * var(--u)) -40px)}
@media (max-width:899px){#contact.b30c{clip-path:inset(-200vh -40px 0 -40px)}}
.wk-cta__px{inset:auto;left:0;top:0;right:0;width:100%}
.b30c.wk-cta-proof,.wk-cta-stage{overflow:visible!important}
.wk-cta__t{visibility:visible!important}
.wk-cta__px{display:none!important}
.wk-cta-proof .wk-cta__t{font-size:calc(140*var(--u))!important}
.wk-cta__ln{will-change:transform}
.pg__cities .tm{font:400 calc(14 * var(--u))/1 var(--mono);color:var(--midnight);font-variant-numeric:tabular-nums}
.b30c.wk-cta-proof{height:calc(var(--ctah,1000)*var(--u))}
.wk-cta-proof .wk-cta__t{display:none!important}
.cta2{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:calc(64*var(--u))}
.cta2__h{margin:0;font-weight:400;font-size:calc(71*var(--u));line-height:1.2;letter-spacing:calc(-1.42*var(--u));text-align:center;color:#000}
.cta2__h .ln{display:block;white-space:nowrap}
html.dark .cta2__h{color:#F2F1EE}
@media (max-width:899px){.b30c.wk-cta-proof{height:auto!important;min-height:0;padding:96px 0 140px}}
@media (max-width:899px){.cta2{position:relative;top:auto;transform:none;gap:32px}}
@media (max-width:899px){.cta2__h{font-size:clamp(28px,8vw,44px)}}
@media (max-width:899px){.cta2__h .ln{white-space:normal}}
.b30-main > .b30c.wk-cta-proof{margin-top:calc(30*var(--u))!important}
.cta2{top:calc(190*var(--u))!important;transform:none!important}
#contact.b30c{clip-path:none!important}
.cta2__h.cta-letters .hw-i{transform:none!important;opacity:1!important}
.cta2__h.cta-letters .hc{display:inline-block;white-space:pre;transform:translate3d(var(--x,0),var(--y,0),0) rotate(var(--r,0deg));will-change:transform}
#contact.b30c{clip-path:none!important}
.cta2__h.cta-slide .hw{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.14em;margin-bottom:-.14em}
.cta2__h.cta-slide .hw-i{display:inline-block;transform:translate3d(0,110%,0)!important;opacity:1!important;transition:transform .9s cubic-bezier(.16,1,.3,1) var(--d,0ms)!important}
.cta2__h.cta-slide.is-up .hw-i{transform:none!important}
.cta2__h.cta-slide .hc{transform:none!important}
#contact.b30c.wk-cta-proof,#contact.b30c{height:calc(1000*var(--u))!important}
#contact .wk-cta-stage > .cta2,#contact .wk-cta-stage > .wk-cta__px,#contact .wk-cta-stage > .wk-cta__t{display:none!important}
.fall{position:absolute;inset:0;overflow:hidden;z-index:4;touch-action:pan-y}
.fall__b{position:absolute;left:0;top:0;box-sizing:border-box;background:#fff;border:1px solid rgba(0,0,0,.15);will-change:transform;cursor:grab;user-select:none;-webkit-user-select:none}
.fall__b.w{display:flex;align-items:center;justify-content:center;border:1px dashed rgba(0,0,0,.15);font:400 calc(100*var(--u))/1 var(--sans,"BDO Grotesk",sans-serif);letter-spacing:-.03em;color:#000;white-space:nowrap;padding:0 calc(32*var(--u))}
.fall.is-drag,.fall.is-drag .fall__b{cursor:grabbing}
html.dark .fall__b{background:#0b1029;border-color:rgba(255,255,255,.15)}
html.dark .fall__b.w{color:#F2F1EE;border-color:rgba(255,255,255,.2)}
@media (max-width:899px){#contact.b30c.wk-cta-proof,#contact.b30c{height:620px!important}}
@media (max-width:899px){.fall__b.w{font-size:44px;padding:0 16px}}
#contact.b30c.wk-cta-proof,#contact.b30c{height:calc(834*var(--u))!important;position:relative;z-index:8}
#contact .fall{bottom:calc(-166*var(--u))!important;height:auto}
.fall__b.w.mono{font-family:"Departure Mono",ui-monospace,monospace;font-size:calc(108*var(--u));letter-spacing:-.02em}
@media (max-width:899px){#contact.b30c.wk-cta-proof,#contact.b30c{height:620px!important}}
@media (max-width:899px){#contact .fall{bottom:0!important}}
@media (max-width:899px){.fall__b.w.mono{font-size:48px}}
#contact.b30c.wk-cta-proof,#contact.b30c{height:calc(700*var(--u))!important}
.fall__b{transition:background-color .9s ease}
.fall__b.hit{animation:fallHit .9s ease-out}
html.dark .fall__b.hit{animation-name:fallHitD}
.fall__ring{position:absolute;width:calc(24*var(--u));height:calc(24*var(--u));margin:calc(-12*var(--u)) 0 0 calc(-12*var(--u));border:1px dashed rgba(0,0,0,.35);border-radius:50%;pointer-events:none;animation:fallRing .7s cubic-bezier(.16,1,.3,1) forwards}
html.dark .fall__ring{border-color:rgba(255,255,255,.4)}
.fall__b.hit{animation:none!important}
#contact .fall{clip-path:polygon(0 0,100% 0,100% calc(100% - 166*var(--u)),calc(100% - 82*var(--u)) calc(100% - 166*var(--u)),calc(100% - 82*var(--u)) calc(100% - 83*var(--u)),calc(100% - 164*var(--u)) calc(100% - 83*var(--u)),calc(100% - 164*var(--u)) 100%,calc(164*var(--u)) 100%,calc(164*var(--u)) calc(100% - 83*var(--u)),calc(82*var(--u)) calc(100% - 83*var(--u)),calc(82*var(--u)) calc(100% - 166*var(--u)),0 calc(100% - 166*var(--u)))}
@media (max-width:899px){#contact .fall{clip-path:none}}
.fall__b.cube{background:none!important;border:0!important;overflow:visible}
.fall__b.cube svg{position:absolute;left:0;display:block;overflow:visible;pointer-events:none}
.fall__b.cube path{fill:none;stroke:rgba(0,0,0,.15);stroke-width:1;vector-effect:non-scaling-stroke;shape-rendering:crispEdges}
html.dark .fall__b.cube path{stroke:rgba(255,255,255,.18)}
.fall__b.w{z-index:2}
.fall__b{border-style:dashed!important}
.fall__b{touch-action:none}
.fall__b.is-held{z-index:3;cursor:grabbing}
#contact.b30c.wk-cta-proof,#contact.b30c{height:calc(640*var(--u))!important}
#contact .fall{display:none!important}
.tm{position:absolute;inset:0;z-index:4;pointer-events:none}
.tm__l{position:absolute;left:50%;margin:0;white-space:nowrap;font:400 calc(100*var(--u))/1 var(--sans,"BDO Grotesk",sans-serif);letter-spacing:-.03em;color:#000;
  transform:translate3d(calc(-50% + var(--dx,0px)),0,0);will-change:transform}
.tm__l.a{top:calc(196*var(--u))}
.tm__l.b{top:calc(196*var(--u) + 118*var(--u))}
.tm__l .mono{font-family:"Departure Mono",ui-monospace,monospace;font-size:1.06em;letter-spacing:-.02em}
html.dark .tm__l{color:#F2F1EE}
@media (max-width:899px){#contact.b30c.wk-cta-proof,#contact.b30c{height:420px!important}}
@media (max-width:899px){.tm__l{font-size:44px}}
@media (max-width:899px){.tm__l.a{top:120px}}
@media (max-width:899px){.tm__l.b{top:176px}}
#contact{position:relative;z-index:8;background:#fff}
html.dark #contact{background:var(--night)}
#contact{overflow:visible!important}
.ct-steps{position:absolute;left:0;right:0;top:100%;height:calc(168*var(--u));pointer-events:none;z-index:9}
@media (max-width:899px){.ct-steps{display:none}}
.tm__l{--dx:0px!important}
.tm__l .tw{display:inline-block;will-change:transform}
.tm__l .tw{transform:translate3d(var(--sx,0px),0,0);opacity:0;transition:transform 1.8s cubic-bezier(.22,1,.36,1) var(--wd,0ms),opacity 1.2s ease var(--wd,0ms)}
.tm.is-in .tm__l .tw{transform:none;opacity:1}
.tm.is-measure .tm__l .tw{transform:none!important;transition:none!important}
.tm__l .tw,.tm.is-in .tm__l .tw{opacity:1!important;transform:translate3d(calc(var(--sx,0px) * var(--k,1)),0,0)!important;transition:transform .2s ease-in-out!important}
.tm.is-measure .tm__l .tw{transform:none!important;transition:none!important}
.tm__l .tw,.tm.is-in .tm__l .tw{--k:1;opacity:1!important;transform:translate3d(calc(var(--sx,0px) * var(--k,1)),0,0)!important;transition:transform 1.5s cubic-bezier(.25,.46,.45,.94) var(--wd,0ms)!important}
.tm.is-go .tm__l .tw{--k:0}
.tm.is-measure .tm__l .tw{transform:none!important;transition:none!important}
.tm.is-drift .tm__l .tw{transform:none!important;transition:none!important}
.tm__px{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.tm{overflow:visible}
.tw1{position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%);white-space:nowrap;font:400 calc(140*var(--u))/1 var(--sans,"BDO Grotesk",sans-serif);letter-spacing:-.03em;color:#000}
.tw1__w.mono{font-family:"Departure Mono",ui-monospace,monospace;font-size:1.06em;letter-spacing:-.02em}
html.dark .tw1{color:#F2F1EE}
@media (max-width:899px){.tw1{font-size:64px}}
#contact .tm,#contact .tw1{display:none!important}
#contact.b30c.wk-cta-proof,#contact.b30c{height:calc(160*var(--u))!important}
@media (max-width:899px){#contact.b30c.wk-cta-proof,#contact.b30c{height:80px!important}}
#contact .tw1{display:none!important}
#contact.b30c.wk-cta-proof,#contact.b30c{height:calc(220*var(--u))!important}
#contact.b30c.wk-cta-proof,#contact.b30c{height:calc(72*var(--u))!important}
@media (max-width:899px){#contact.b30c.wk-cta-proof,#contact.b30c{height:40px!important}}
#contact.b30c.wk-cta-proof,#contact.b30c{height:calc(90*var(--u))!important}
#contact.b30c.wk-cta-proof,#contact.b30c{height:calc(10*var(--u))!important}

/* =====================================================================
   Phones (≤ 899px): the closing band — one version for every page
   (from the Our Work mobile design). Desktop is untouched: everything sits in the media queries below.
   ===================================================================== */
@media (max-width:899px){
  html body .b30-main > #contact.b30c:not(#_z),
html body .b30-main > #contact.b30c.wk-cta-proof:not(#_z){height:44px!important;min-height:0!important;margin-top:0!important;padding:0!important}
}
/* the closing line before the footer */
.b30f{margin-top:-2px}
.b30f{position:relative;z-index:1;height:calc(1151*var(--u));overflow:hidden;background:#b4e3f7}
.b30f__in{position:absolute;inset:0}
.b30f__dim{position:absolute;inset:0;z-index:3;background:#000;opacity:0;pointer-events:none;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,transparent calc(150*var(--u)),#000 calc(260*var(--u)));
          mask-image:linear-gradient(to bottom,transparent 0,transparent calc(150*var(--u)),#000 calc(260*var(--u)))}
.b30f .bt-footer,.b30f__c{will-change:transform}
.b30f__cap{position:absolute;left:0;right:0;top:0;height:calc(260*var(--u));z-index:1;pointer-events:none;background:linear-gradient(180deg,#B4E3F7 0,#B4E3F7 38%,rgba(180,227,247,0) 100%)}
.b30f__top{position:absolute;left:0;right:0;top:0;height:calc(150*var(--u));background:#B4E3F7}
.b30f .bt-footer{position:absolute;left:0;right:0;top:calc(146*var(--u));height:calc(1005*var(--u));overflow:hidden;isolation:isolate;
  background:linear-gradient(180deg,#B0E0F5 0%,#DAEFFA 45%,#E6E8FA 62%,#C3BDEE 80%,#8F9BE3 100%)}
.bt-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
.bt-fallback{display:none}
.b30f__c{position:absolute;inset:0;z-index:2;pointer-events:none}
.b30f__c > *{pointer-events:auto}
.b30f__h{position:absolute;left:calc(164*var(--u));top:calc(295*var(--u));margin:0;width:calc(470*var(--u));font-weight:400;font-size:max(22px,calc(36*var(--u)));line-height:1.2;letter-spacing:-.02em}
.b30f__col{position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:calc(12*var(--u));font:400 max(11px,calc(14*var(--u)))/1.2 var(--mono);text-transform:uppercase}
.b30f__col a{color:#000;text-decoration:none}
.b30f__col address{font-style:normal;width:calc(250*var(--u))}
.b30f__t{opacity:.5;margin-bottom:calc(4*var(--u))}
.b30f__cta{position:absolute;left:calc(164*var(--u));top:calc(531*var(--u));opacity:0;transform:translate3d(0,12px,0);transition:opacity .8s var(--ease-out) .35s,transform 1s var(--ease-out) .35s}
.b30f.is-rev .b30f__cta{opacity:1;transform:none}
.b30f__bar{position:absolute;left:calc(162*var(--u));top:calc(1053*var(--u));width:calc(1594*var(--u));padding-top:calc(33*var(--u));border-top:1px solid rgba(0,0,0,.15);
  display:flex;justify-content:space-between;font:400 max(10px,calc(14*var(--u)))/1.2 var(--mono);text-transform:uppercase;z-index:2}
.b30f__bar a{color:#000;text-decoration:none}
.b30f__legal{display:flex;align-items:center;gap:calc(40*var(--u))}
.b30f__legal i{display:block;width:1px;height:calc(16*var(--u));background:rgba(0,0,0,.15)}
.b30f [data-fascii]{visibility:hidden}
.b30f [data-fascii].ascii-run{visibility:visible}
@media (max-width:899px){.b30f{height:auto;overflow:visible}}
@media (max-width:899px){.b30f__in{position:relative;display:flex;flex-direction:column}}
@media (max-width:899px){.b30f__c{order:1}}
@media (max-width:899px){.b30f .bt-footer{order:2}}
@media (max-width:899px){.b30f__col address{width:auto}}
@media (max-width:899px){.b30f__top,.b30f__cap,.b30f__dim{display:none}}
@media (max-width:899px){.b30f .bt-footer{position:relative;top:auto;height:62vw;min-height:260px}}
@media (max-width:899px){.b30f__c{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:32px 20px;padding:56px 20px 32px}}
@media (max-width:899px){.b30f__h,.b30f__col,.b30f__cta,.b30f__bar{position:relative;left:auto!important;top:auto!important;width:auto}}
@media (max-width:899px){.b30f__h{grid-column:1/-1}}
@media (max-width:899px){.b30f__cta{grid-column:1/-1}}
@media (max-width:899px){.b30f__bar{grid-column:1/-1;flex-direction:column;gap:10px;padding-top:16px}}
.b30f .b30btn__ic{background:transparent}
@media (prefers-reduced-motion:reduce){.b30f__cta{opacity:1;transform:none}}
.b30f .b30-alt__ov{--swap-c:#000}
html.dark .b30f{background:#283B6F;color:#F2F1EE;--black:#F2F1EE;--white:#000}
html.dark .b30f__top{background:#283B6F}
html.dark .b30f__cap{background:linear-gradient(180deg,#283B6F 0,#283B6F 38%,rgba(40,59,111,0) 100%)}
html.dark .b30f__col a,html.dark .b30f__bar a{color:#F2F1EE}
html.dark .b30f__bar{border-top-color:rgba(255,255,255,.22)}
html.dark .b30f__legal i{background:#F2F1EE}
html.dark .b30f .b30btn,html.dark .b30f .b30btn *{color:#F2F1EE;border-color:#F2F1EE}
html.dark .b30f .b30btn__ic{background:transparent}
html.dark .b30f [fill="#000"]{fill:#F2F1EE}
html.dark .b30f__st{background:var(--night)!important}
html.dark footer.b30f.b30f{background-color:#263A6E!important}
.b30f__cta .b30btn__ic{border:1px solid #000;border-radius:12px;background:transparent}
.b30f__cta .b30btn__lbl{border-radius:12px;margin-left:2px}
.b30h__btn--line i,.b30btn:not(.b30f__cta) .b30btn__ic{border:1px solid var(--line,rgba(0,0,0,.15))!important;border-radius:12px;background:transparent}
.b30h__btn--line span,.b30btn:not(.b30f__cta) .b30btn__lbl{border:1px solid var(--line,rgba(0,0,0,.15))!important;border-radius:12px;background:transparent;color:#000;margin-left:2px}
.b30h__btn--line:hover span,.b30h__btn--line:hover i,.b30btn:not(.b30f__cta):hover .b30btn__ic,.b30btn:not(.b30f__cta):hover .b30btn__lbl{border-color:rgba(0,0,0,.4)!important}
.b30f__h{font-size:max(24px,calc(44*var(--u)));width:calc(620*var(--u));letter-spacing:-.03em;line-height:1.12}
.b30f__h .b30f__h2{display:block}
@media (min-width:900px){.b30f__col[aria-label="Socials"]{left:auto!important;right:calc(164*var(--u));align-items:flex-end;text-align:right}}
.b30c__st,.b30c__wing,.b30f__dim,.b30f__top,.b30f__cap{display:none!important}
.b30f{height:calc(1235*var(--u))!important;background:transparent!important;margin-top:0!important}
.b30f__in{top:calc(207*var(--u))!important;background:#B3E2F7}
.b30fb{position:absolute;left:0;top:0;width:100%;height:calc(208*var(--u));z-index:2;pointer-events:none;display:block;--fb-top:#B4E3F7;--fb-bot:#A3D3F2}
html.dark .b30fb{--fb-top:#1d2c57;--fb-bot:#283B6F}
.b30f .bt-footer{top:0!important;height:calc(1028*var(--u))!important}
.b30f__in::before{display:none}
html.dark .b30f__in::before{display:none}
.b30f .bt-footer,.b30f__c{transform:none!important}
.b30f__h{top:calc(197*var(--u))!important}
.b30f__col[aria-label]{top:calc(199*var(--u))!important}
.b30f__col[style*="top:calc(485"]{top:calc(390*var(--u))!important}
.b30f__col[style*="top:calc(480"]{top:calc(385*var(--u))!important}
.b30f__cta{top:calc(429*var(--u))!important}
.b30f__bar{top:calc(932*var(--u))!important;padding-top:calc(52*var(--u))!important;border-top:0!important}
.b30f__ln{position:absolute;z-index:3;pointer-events:none;
  filter:drop-shadow(0 0 3px rgba(255,255,255,.75)) drop-shadow(0 0 10px rgba(199,217,255,.45))}
.b30f__ln.h{left:0;right:0;top:calc(932*var(--u));height:1px;background:#fff}
.b30f__ln.v{top:calc(781*var(--u));bottom:0;width:1px}
.b30f__ln.v.l{left:calc(82*var(--u));background:linear-gradient(180deg,rgba(255,255,255,0) 0,#fff 100%)}
.b30f__ln.v.r{left:calc(1838*var(--u));background:linear-gradient(180deg,rgba(255,255,255,0) 0,#fff 64.4%,#fff 100%)}
.b30f__ln.sq{top:calc(932*var(--u) - 2.5px);width:6px;height:6px;background:#fff}
.b30f__ln.sq.l{left:calc(82*var(--u) - 2.5px)}
.b30f__ln.sq.r{left:calc(1838*var(--u) - 2.5px)}
@media (max-width:899px){.b30f{height:auto!important}}
@media (max-width:899px){.b30f__in{top:0!important}}
@media (max-width:899px){.b30f .bt-footer{height:auto!important}}
@media (max-width:899px){.b30f__ln,.b30fb{display:none}}
@media (max-width:899px){.b30f__bar{border-top:1px solid rgba(255,255,255,.8)!important;padding-top:16px!important}}
@media (max-width:899px){.b30f__h,.b30f__col,.b30f__cta,.b30f__bar{top:auto!important}}
@media (min-width:900px){.b30f__col[aria-label="Socials"]{left:calc(1651*var(--u))!important;right:auto!important;align-items:flex-start!important;text-align:left!important}}
html.dark .b30f__in{background:#121b45}
html.dark .b30fb{--fb-top:#121B46;--fb-bot:#283B6F}
.work .row::before,.work .row::after,.vision .vz-ln,.b30f__ln.h,.ts__fr .fl.h,.b30p__c::before{-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 2px,transparent 2px 4px);mask-image:repeating-linear-gradient(90deg,#000 0 2px,transparent 2px 4px)}
.b30p__v,.vision .vz-vl,.b30f__ln.v,.ts__fr .fl.v,.b30f__legal i,.b30h__vline--26,.b30h__vline--27{-webkit-mask-image:repeating-linear-gradient(180deg,#000 0 2px,transparent 2px 4px);mask-image:repeating-linear-gradient(180deg,#000 0 2px,transparent 2px 4px)}
.b30f__in::before{display:block!important;content:"";position:absolute;left:0;right:0;top:-1px;height:calc(340*var(--u));z-index:1;pointer-events:none;
  background:linear-gradient(180deg,#A3D3F2 0,rgba(163,211,242,.7) 18%,rgba(163,211,242,.3) 44%,rgba(163,211,242,0) 100%)}
html.dark .b30f__in::before{display:none!important}
html.dark .b30f__in::after{background:linear-gradient(180deg,rgba(14,22,51,0) 0%,rgba(14,22,51,.6) 50%,#0E1633 100%)}
@media (min-width:900px){.b30f{height:calc(1028*var(--u))!important}}
@media (min-width:900px){.b30f__in{top:0!important;will-change:transform}}
.b30fb{display:none!important}
.b30f__in::before{display:none!important}
.b30f__stripe{position:absolute;z-index:6;top:-1px;height:calc(108*var(--u) + 1px);left:var(--fsL,0px);right:var(--fsR,0px);background:#fff;pointer-events:none}
html.dark .b30f__stripe{background:#0A0F2A}
@media (max-width:899px){.b30f__stripe{display:none}}
.b30f__stripe{display:none!important}
.b30f__st{position:absolute;z-index:6;background:#fff;pointer-events:none}
.b30f__st.b{left:calc(82*var(--u)*var(--fb,0));right:calc(82*var(--u)*var(--fb,0));top:-1px;height:calc((84*var(--u) + 1px)*var(--hb,1))}
.b30f__st.a{left:calc(164*var(--u)*var(--fa,0));right:calc(164*var(--u)*var(--fa,0));top:calc(82*var(--u)*var(--hb,1) - 1px);height:calc((84*var(--u) + 1px)*var(--ha,1))}
html.dark .b30f__st{background:#0A0F2A}
@media (max-width:899px){.b30f__st{display:none}}
.b30f__st.b{height:calc(84*var(--u) + 1px)!important}
.b30f__st.a{top:calc(82*var(--u) - 1px)!important;height:calc(84*var(--u) + 1px)!important}
.b30f__h,.b30f__col,.b30f__cta{translate:none!important;opacity:1!important}
@media (min-width:900px){html body .b30f{--fx:calc(max(1028*var(--u),100vh) - 1028*var(--u) + 166*var(--u));height:calc(1028*var(--u) + var(--fx))!important;background:linear-gradient(180deg,#ADDDF3 0,#B3E2F7 100%)!important}}
@media (min-width:900px){html body .b30f .b30f__in{top:auto!important;bottom:0!important;height:calc(1028*var(--u))!important}}
@media (min-width:900px){html.dark body .b30f{background:#121B46!important}}
html.dark body .b30f{background:linear-gradient(180deg,#0b1130 0,#0f1838 22%,#19275a 48%,#263A6E 75%)!important}
html.dark .b30f__in{background:transparent!important}
html.dark .b30f .b30f__in::after{display:none!important}
html.dark .b30f__stripe{background:var(--night)!important}
html.dark .b30f .bt-footer{-webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.5) calc(160*var(--u)),#000 calc(320*var(--u)));mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.5) calc(160*var(--u)),#000 calc(320*var(--u)))}
#footer.b30f{position:relative;z-index:1;will-change:transform}

/* =====================================================================
   Phones (≤ 899px): the footer — one version for every page
   (from the Our Work mobile design). Desktop is untouched: everything sits in the media queries below.
   ===================================================================== */
@media (max-width:899px){
  html body .b30f .b30f__c:not(#_z){display:grid!important;grid-template-columns:1fr 1fr!important;gap:40px 20px!important;padding:64px 20px 0!important;position:relative!important;inset:auto!important;transform:none!important;height:auto!important;pointer-events:auto!important;z-index:2!important}
  html body .b30f .b30f__h:not(#_z){grid-column:1/-1!important;width:auto!important;max-width:320px!important;font-size:26px!important;line-height:1.2!important;letter-spacing:-.02em!important;position:relative!important;left:auto!important;top:auto!important;margin:0!important}
  html body .b30f .b30f__h .b30f__h2:not(#_z){display:block!important}
  html body .b30f .b30f__c > .b30f__col:not(#_z){position:relative!important;left:auto!important;right:auto!important;top:auto!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;gap:2px!important;font-size:12px!important;line-height:1.3!important;min-width:0!important}
  html body .b30f .b30f__col .b30f__t:not(#_z){opacity:.6;margin:0 0 6px!important}
  html body .b30f .b30f__col a:not(#_z){display:block!important;padding:8px 0!important;font-size:12px!important;line-height:1.3!important;overflow-wrap:anywhere}
  html body .b30f .b30f__col address:not(#_z){font-style:normal!important;width:auto!important;max-width:24ch!important;padding:8px 0!important}
  html body .b30f .b30f__cta:not(#_z){grid-column:1/-1!important;position:relative!important;left:auto!important;top:auto!important;transform:none!important;opacity:1!important;justify-self:start!important;width:auto!important;margin:8px 0 0!important}
  html body .b30f .b30f__bar:not(#_z){grid-column:1/-1!important;position:relative!important;left:auto!important;top:auto!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:14px!important;padding:24px 0 0!important;margin:0!important;border-top:1px dashed rgba(0,0,0,.15)!important;font-size:11px!important}
  html body .b30f .b30f__legal:not(#_z){display:flex!important;align-items:center!important;gap:14px!important}
  html body .b30f .b30f__legal a:not(#_z){padding:6px 0!important}
  html body .b30f .b30f__legal i:not(#_z){display:block!important;width:0!important;height:14px!important;background:none!important;border-left:1px dashed rgba(0,0,0,.45)!important}
  html body .b30f .bt-footer:not(#_z){margin-top:-99px!important;position:relative;z-index:1}
}
html.dark .b30-theme{color:var(--ink,#F2F1EE)}
.b30-theme{all:unset;position:absolute;left:auto;right:calc(var(--u) * 169.6);top:50%;transform:translateY(-50%);width:calc(var(--u) * 44);height:calc(var(--u) * 44);min-width:32px;min-height:32px;
  box-sizing:border-box;border:calc(var(--u) * 0.917) solid currentColor;cursor:pointer;color:var(--ink,#000);z-index:6;overflow:hidden;isolation:isolate}
.b30-sky{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#fff 0%,#fff 30%,#FFE7A6 38%,#FFB86B 46%,#F27A8E 54%,#9B4FB8 62%,#3D1566 72%,#1C0833 86%,#140525 100%);
  background-size:100% 600%;background-position:50% 0%;transition:background-position 1.1s cubic-bezier(.65,0,.35,1)}
.b30-theme svg{position:absolute;left:15%;top:15%;width:70%;height:70%;display:block;z-index:2;image-rendering:pixelated;
  transition:transform 1s cubic-bezier(.65,0,.35,1),filter 1s ease,opacity .6s ease}
.b30-theme .b30-stars{left:0;top:0;width:100%;height:100%;z-index:1;opacity:0;transition:opacity .8s ease}
.b30-theme .b30-sun{transform:none}
.b30-theme .b30-moon{transform:translate(-50%,125%)}
.b30-theme:hover:not(.is-hold) .b30-sky{background-position:50% 100%}
.b30-theme:hover:not(.is-hold) .b30-sun{transform:translate(50%,125%);filter:saturate(1.5) hue-rotate(-14deg) brightness(.92)}
.b30-theme:hover:not(.is-hold) .b30-moon{transform:none;transition-delay:.18s}
.b30-theme:hover:not(.is-hold) .b30-stars{opacity:1;transition-delay:.45s}
html.dark .b30-theme .b30-sky{background-position:50% 100%}
html.dark .b30-theme .b30-stars{opacity:1}
html.dark .b30-theme .b30-moon{transform:none}
html.dark .b30-theme .b30-sun{transform:translate(-50%,125%)}
html.dark .b30-theme:hover:not(.is-hold) .b30-sky{background-position:50% 0%}
html.dark .b30-theme:hover:not(.is-hold) .b30-moon{transform:translate(50%,125%);filter:brightness(.8)}
html.dark .b30-theme:hover:not(.is-hold) .b30-sun{transform:none;transition-delay:.18s}
html.dark .b30-theme:hover:not(.is-hold) .b30-stars{opacity:0;transition-delay:0s}
@media (prefers-reduced-motion:reduce){.b30-theme svg,.b30-sky,.b30-theme .b30-stars{transition:none}}
.b30-theme:focus-visible{outline:2px solid #7B93FF;outline-offset:3px}
@media (max-width:899px){.b30-theme{position:relative;right:auto;transform:none;order:3;margin:0 0 0 12px;width:36px;height:36px}}
.b30-stars{position:fixed;inset:0;width:100%;height:100%;z-index:30;pointer-events:none;display:none}
html.dark .b30-stars{display:block}
@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){html.dark .b30-stars{display:none}}
.b30-theme{--tw:max(58px,calc(var(--u) * 80));--th:max(32px,calc(var(--u) * 44));width:var(--tw);height:var(--th);
  border:1px solid rgba(0,0,0,.15)!important;background:#fff!important}
html.dark .b30-theme{border-color:rgba(255,255,255,.15)!important;background:#000!important}
.b30-theme .b30-sky,.b30-theme .b30-stars{display:none}
.b30-theme .b30-tk{position:absolute;left:3px;top:3px;width:calc(var(--th) - 8px);height:calc(var(--th) - 8px);box-sizing:border-box;
  border:1px solid rgba(0,0,0,.15);background:#fff;transition:transform .55s cubic-bezier(.65,0,.35,1),background-color .55s ease,border-color .55s ease}
.b30-theme:hover:not(.is-hold) .b30-tk{transform:translateX(3px)}
html.dark .b30-theme .b30-tk{transform:translateX(calc(var(--tw) - var(--th)));background:#161616;border-color:rgba(255,255,255,.15)}
html.dark .b30-theme:hover:not(.is-hold) .b30-tk{transform:translateX(calc(var(--tw) - var(--th) - 3px))}
.b30-theme .b30-tk svg{position:absolute;left:14%;top:14%;width:72%;height:72%;transform:none!important;filter:none!important;transition:opacity .35s ease}
.b30-theme .b30-tk .b30-km{opacity:0}
html.dark .b30-theme .b30-tk .b30-ks{opacity:0}
html.dark .b30-theme .b30-tk .b30-km{opacity:1}
.b30-theme .b30-tg{position:absolute;top:calc(50% - 6px);width:12px;height:12px;left:calc((var(--tw) + var(--th)) / 2 - 9px);color:#000;opacity:.3;
  transform:none!important;filter:none!important;transition:opacity .35s ease}
.b30-theme .b30-tg--sun{left:calc((var(--th) - 2px) / 2 - 7px);opacity:0}
html.dark .b30-theme .b30-tg{color:#F2F1EE}
html.dark .b30-theme .b30-tg--moon{opacity:0}
html.dark .b30-theme .b30-tg--sun{opacity:.3}
@media (max-width:899px){.b30-theme{width:var(--tw);height:var(--th)}}
.b30-theme.switch{--w:44px;--h:24px;position:absolute!important;top:50%!important;transform:translateY(-50%) rotate(90deg)!important;right:calc(var(--u) * 41 - 22px)!important;width:44px!important;height:24px!important;
  min-width:0!important;min-height:0!important;border:0!important;border-radius:22px!important;background:none!important;box-shadow:none!important;overflow:visible!important;color:inherit}
.b30-theme.switch::before,.b30-theme.switch::after{display:none!important;content:none!important}
.b30-theme.switch > :not(.housing):not(.half){display:none!important}
.b30-theme.switch{--w: 88px;                  
    --h: 44px;                  
    --r: calc(var(--h) / 2);
    --tilt: 3deg;

    
    --face-in:  #f4f5f5;        
    --face-out: #e8eaea;        
    --groove:   rgba(40, 44, 44, .28);
    --lip:      rgba(255, 255, 255, .9);
    --copper-a: #d9a088;
    --copper-b: #f6e0d2;
    --glow:     rgba(255, 168, 130, .55);

    
    --t: 320ms;
    --snap: cubic-bezier(.25, .9, .3, 1.15);
    --soft: cubic-bezier(.4, 0, .2, 1);

    position: relative;
    display: inline-block;
    width: var(--w);
    height: var(--h);
    padding: 0;
    border: 0;
    border-radius: var(--r);
    background: none;
    cursor: pointer;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    outline: none;}
.b30-theme.switch, .b30-theme.switch *{box-sizing: border-box;}
.b30-theme.switch:focus-visible{outline: 2px solid rgba(40, 44, 44, .35);
    outline-offset: 6px;}
.b30-theme.switch .housing{position: absolute;
    inset: 0;
    border-radius: var(--r);
    box-shadow:
      0 0 0 1px var(--groove),
      0 0 0 1.75px var(--lip);}
.b30-theme.switch .half{position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    z-index: 1;}
.b30-theme.switch .half.left{left: 0;}
.b30-theme.switch .half.right{right: 0;}
.b30-theme.switch .half span{position: absolute; inset: 0; display: block;}
.b30-theme.switch .left span{border-radius: var(--r) 0 0 var(--r); transform-origin: 100% 50%;}
.b30-theme.switch .right span{border-radius: 0 var(--r) var(--r) 0; transform-origin: 0% 50%;}
.b30-theme.switch .left{--dir: to left;}
.b30-theme.switch .right{--dir: to right;}
.b30-theme.switch .fx{position: absolute; inset: 0;}
.b30-theme.switch .right .fx{clip-path: polygon(-500% -500%, 600% -500%, 600% 600%, -500% 600%, -500% 100%, 0 100%, 0 0, -500% 0);}
.b30-theme.switch .left .fx{clip-path: polygon(-500% -500%, 600% -500%, 600% 0, 100% 0, 100% 100%, 600% 100%, 600% 600%, -500% 600%);}
.b30-theme.switch .cast, .b30-theme.switch .rim, .b30-theme.switch .glow{opacity: 0;
    transition: opacity var(--t) var(--soft), transform var(--t) var(--snap);}
.b30-theme.switch .cast.core{background: linear-gradient(var(--dir), rgba(40, 36, 32, .05) 0%, rgba(40, 36, 32, .55) 40%); filter: blur(calc(var(--h) * .02));}
.b30-theme.switch .cast.mid{background: linear-gradient(var(--dir), rgba(40, 40, 38, .08) 0%, rgba(40, 40, 38, .32) 55%); filter: blur(calc(var(--h) * .05));}
.b30-theme.switch .cast.soft{background: linear-gradient(var(--dir), rgba(40, 44, 42, 0) 5%, rgba(40, 44, 42, .2) 75%); filter: blur(calc(var(--h) * .13));}
.b30-theme.switch .glow{background: linear-gradient(var(--dir), rgba(255, 158, 118, 0) 10%, var(--glow) 85%); filter: blur(calc(var(--h) * .08));}
.b30-theme.switch .rim{background: linear-gradient(var(--dir), rgba(236, 208, 190, 0) 35%, var(--copper-b) 70%, var(--copper-a) 92%, #b77a64);}
.b30-theme.switch .face{background-color: var(--face-in);
    transition:
      transform var(--t) var(--snap),
      background-color var(--t) var(--soft),
      box-shadow var(--t) var(--soft);}
.b30-theme.switch .left .face{transform: perspective(calc(var(--w) * 4)) rotateY(.6deg);
    box-shadow:
      inset 2.5px 0 2px -1.5px rgba(0, 0, 0, .2),       
      inset 0 1px 1px -.5px rgba(0, 0, 0, .12),         
      inset 0 -1px 1px -.5px rgba(0, 0, 0, .14),         
      inset 0 0 0 0 rgba(255, 238, 228, 0),
      inset 0 0 0 0 rgba(0, 0, 0, 0);}
.b30-theme.switch .right .face{transform: perspective(calc(var(--w) * 4)) rotateY(-.6deg);
    box-shadow:
      inset -2.5px 0 2px -1.5px rgba(0, 0, 0, .2),
      inset 0 1px 1px -.5px rgba(0, 0, 0, .12),
      inset 0 -1px 1px -.5px rgba(0, 0, 0, .14),
      inset 0 0 0 0 rgba(255, 238, 228, 0),
      inset 0 0 0 0 rgba(0, 0, 0, 0);}
.b30-theme.switch.is-on .right,
  .b30-theme.switch:not(.is-on) .left{z-index: 2;}
.b30-theme.switch.is-on .right .face{background-color: var(--face-out);
    transform: perspective(calc(var(--w) * 4)) rotateY(calc(var(--tilt) * -1));
    box-shadow:
      inset 0 0 0 0 rgba(0, 0, 0, 0),
      inset 0 0 0 0 rgba(0, 0, 0, 0),
      inset 0 0 0 0 rgba(0, 0, 0, 0),
      inset -.8px .8px 0 -.2px rgba(255, 255, 255, 1),  
      inset -2px 0 3px -2px rgba(160, 100, 75, .18);}
.b30-theme.switch:not(.is-on) .left .face{background-color: var(--face-out);
    transform: perspective(calc(var(--w) * 4)) rotateY(var(--tilt));
    box-shadow:
      inset 0 0 0 0 rgba(0, 0, 0, 0),
      inset 0 0 0 0 rgba(0, 0, 0, 0),
      inset 0 0 0 0 rgba(0, 0, 0, 0),
      inset .8px .8px 0 -.2px rgba(255, 255, 255, 1),
      inset 2px 0 3px -2px rgba(160, 100, 75, .18);}
.b30-theme.switch.is-on .right .cast.core{opacity: 1; transform: translateY(calc(var(--h) * .035)) skewY(3deg);}
.b30-theme.switch.is-on .right .cast.mid{opacity: 1; transform: translateY(calc(var(--h) * .08))  skewY(6deg);}
.b30-theme.switch.is-on .right .cast.soft{opacity: 1; transform: translate(calc(var(--h) * .02), calc(var(--h) * .06)) skewY(11deg);}
.b30-theme.switch.is-on .right .rim{opacity: 1; transform: perspective(calc(var(--w) * 4)) translate(calc(var(--h) * .022), calc(var(--h) * -.006)) rotateY(calc(var(--tilt) * -1));}
.b30-theme.switch.is-on .right .glow{opacity: 1; transform: translate(calc(var(--h) * .04), calc(var(--h) * -.045));}
.b30-theme.switch:not(.is-on) .left .cast.core{opacity: 1; transform: translateY(calc(var(--h) * .035)) skewY(-3deg);}
.b30-theme.switch:not(.is-on) .left .cast.mid{opacity: 1; transform: translateY(calc(var(--h) * .08))  skewY(-6deg);}
.b30-theme.switch:not(.is-on) .left .cast.soft{opacity: 1; transform: translate(calc(var(--h) * -.02), calc(var(--h) * .06)) skewY(-11deg);}
.b30-theme.switch:not(.is-on) .left .rim{opacity: 1; transform: perspective(calc(var(--w) * 4)) translate(calc(var(--h) * -.022), calc(var(--h) * -.006)) rotateY(var(--tilt));}
.b30-theme.switch:not(.is-on) .left .glow{opacity: 1; transform: translate(calc(var(--h) * -.04), calc(var(--h) * -.045));}
.b30-theme.switch:active .face{transition-duration: 90ms;}
.b30-theme.switch.is-on:active .right .face{transform: perspective(calc(var(--w) * 4)) rotateY(calc(var(--tilt) * -.6));}
.b30-theme.switch:not(.is-on):active .left .face{transform: perspective(calc(var(--w) * 4)) rotateY(calc(var(--tilt) * .6));}
@media (prefers-reduced-motion: reduce){.b30-theme.switch{--t: 1ms;}}
html.dark .b30-theme.switch{--face-in:#141b3c;--face-out:#1c2552;--groove:rgba(255,255,255,.16);--lip:rgba(0,0,0,.55);--copper-a:#6f86e6;--copper-b:#b9c6ff;--glow:rgba(123,147,255,.55)}
html.dark .b30-theme.switch .glow{background:linear-gradient(var(--dir),rgba(123,147,255,0) 10%,var(--glow) 85%)}
html.dark .b30-theme.switch .rim{background:linear-gradient(var(--dir),rgba(185,198,255,0) 35%,var(--copper-b) 70%,var(--copper-a) 92%,#4d63c4)}
.b30-theme.switch{--w:44px!important;--h:24px!important;--r:12px!important}
@media (max-width:899px){.b30-theme.switch{position:relative!important;top:auto!important;transform:none!important;right:auto!important;width:68px!important;height:34px!important}}
.b30-theme{display:none!important}
html.dark .b30-main > section:not(.b30p){background:#000}
html.dark .b30-main > .b30c.wk-cta-proof{background:#000}
html.dark .wk-cta__t{color:#F2F1EE}
html.dark body,html.dark .b30h,html.dark .b30p__a,html.dark .b30p__b,html.dark .b30p__c,html.dark .b30p__a::before,html.dark .b30p__b::before,
html.dark .work,html.dark .b30s__tail,html.dark .b30sb,html.dark .vision,html.dark .b30-main > .b30c.wk-cta-proof{background:var(--night)!important}
html.dark .b30t,html.dark .b30t__card,html.dark .og,html.dark .og__seg{background:transparent!important}
html.dark .wk-cta__px{filter:drop-shadow(0 0 12px rgba(175,185,255,.3))}
html.dark .b30h__btn--line i,html.dark .b30h__btn--line span,html.dark .b30btn:not(.b30f__cta) .b30btn__ic,html.dark .b30btn:not(.b30f__cta) .b30btn__lbl,html.dark .work .cta .ic,html.dark .work .cta .lbl{border-color:rgba(255,255,255,.18)!important;background:#000;color:#F2F1EE}
html.dark .b30h__btn--solid span,html.dark .b30sb .b30btn .b30btn__lbl,html.dark .b30f__cta .b30btn__lbl{background:linear-gradient(110deg,rgba(52,87,186,.10) 0%,rgba(52,87,186,.10) 30%,rgba(84,121,224,.42) 50%,rgba(52,87,186,.10) 70%,rgba(52,87,186,.10) 100%)!important;
  background-size:260% 100%!important;animation:b30-sheen 5.5s ease-in-out infinite;color:#F2F1EE!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:none}
html.dark .b30h__btn--solid i,html.dark .b30sb .b30btn .b30btn__ic,html.dark .b30f__cta .b30btn__ic{border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.035)!important}
html.dark .b30h__btn--solid:hover span,html.dark .b30sb .b30btn:hover .b30btn__lbl,html.dark .b30f__cta:hover .b30btn__lbl{border-color:rgba(255,255,255,.36)!important}
@media (prefers-reduced-motion:reduce){html.dark .b30h__btn--solid span,html.dark .b30sb .b30btn .b30btn__lbl,html.dark .b30f__cta .b30btn__lbl{animation:none}}
html.dark .b30h__btn--line i,html.dark .b30h__btn--line span,html.dark .work .cta .ic,html.dark .work .cta .lbl{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.14)!important;color:#F2F1EE;box-shadow:0 0 22px -8px rgba(52,87,186,.55)}
html.dark .b30h__btn--line:hover i,html.dark .b30h__btn--line:hover span,html.dark .work .cta:hover .ic,html.dark .work .cta:hover .lbl{border-color:rgba(255,255,255,.32)!important}
html.dark .b30-main > section.b30sb,html.dark .b30-main > section.vision,html.dark .b30-main > section.ts,html.dark .b30-main > section.pg,html.dark .b30-main > section.b30c.wk-cta-proof,
html.dark section.b30sb,html.dark section.vision,html.dark section.ts,html.dark section.pg,html.dark section.b30c,html.dark .b30p__a,html.dark .b30p__c,html.dark .pg__stage,html.dark .pg__grid,html.dark .wk-cta-stage,html.dark .cta2{background:transparent!important}
html.dark section.b30p,html.dark section.work{background:var(--night)!important}
html.dark .b30-vcur,html.dark .b30-scur,html.dark .b30t__cur,html.dark .ts__cur{background:#F2F1EE!important;color:#000!important}
html.dark.dark{--night:
  radial-gradient(75% 60% at 88% 108%,rgba(52,70,170,.24),rgba(52,70,170,0) 70%) fixed,
  linear-gradient(155deg,#000 0%,#000 30%,#010205 50%,#02040c 62%,#050817 72%,#0a0f2a 88%,#0D1432 100%) fixed}
html.dark.dark,html.dark.dark body{background:var(--night)!important}
html.dark.dark .b30-main > section,html.dark.dark section.vision.vision{background:var(--night)!important}
html.dark.dark section.b30p{background:transparent!important}
/* Our Work page on phones (from the Work mobile design, block wk-mobile).
   Phones only (≤ 899px): every rule sits inside max-width:899px, so desktop is untouched. */
/* ===== Work — phones (≤ 899 px), per the Figma "Work Grid" mobile frame (B30 · node 5493:2596, 390 wide).
   Every rule sits inside max-width:899px, so desktop is untouched. ===== */

@media (max-width:899px){

  /* --- nav: 80 tall, dashed hairline; logo 28 tall at 20; Menu = 32 icon square + black label (13 mono, 10 %) --- */
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  /* --- buttons: the Figma pair (icon square + label), 36 tall --- */
  
  
  

  
  /* --- hero (726, pinned while the page rises over it): title 32 centred at 157 · the spine of pages in the middle
     (329 × 202 at 273) · intro 14 / 1.3 at 515 · "Scroll to the results" at 624 --- */
  html body .b30h.wk-hero:not(#_z){height:1452px!important;--wh:726px}
  html body .wk-hero .b30h__pin:not(#_z){position:sticky!important;top:0!important;height:726px!important;overflow:hidden!important}
  html body .wk-hero .b30h__stage:not(#_z){position:absolute!important;inset:0!important;padding:0!important;transform:none!important}
  html body .wk-hero + .b30-main:not(#_z){margin-top:-726px!important;position:relative;z-index:2}
  html body .wk-hero .b30h__glow:not(#_z){top:auto!important;bottom:-260px!important;left:-60%!important;width:220%!important;height:auto!important}
  html body .wk-hero .wk-hero__title:not(#_z){position:absolute!important;left:50%!important;right:auto!important;top:157px!important;width:313px!important;max-width:calc(100% - 40px);margin:0!important;transform:translateX(-50%);text-align:center!important;white-space:normal!important;font-size:32px!important;line-height:1.2!important;letter-spacing:-.02em!important}
  html body .wk-hero .wk-hero__title > span:not(#_z){display:inline!important}
  html body .wk-hero .wk-rig:not(#_z){position:absolute!important;left:0!important;right:0!important;top:273px!important;width:auto!important;height:202px!important;margin:0!important;perspective:720px!important;perspective-origin:50% 40%!important}
  html body .wk-hero .wk-rig__spin:not(#_z){top:50%!important}
  html body .wk-hero .wk-shadow:not(#_z){display:none!important}
  html body .wk-hero .wk-hero__intro:not(#_z){position:absolute!important;left:50%!important;right:auto!important;top:515px!important;width:273px!important;max-width:calc(100% - 40px);margin:0!important;transform:translateX(-50%);text-align:center;font-size:14px!important;line-height:1.3!important;letter-spacing:-.02em!important}
  html body .wk-hero .wk-hero__scroll:not(#_z){position:absolute!important;left:50%!important;right:auto!important;top:624px!important;margin:0!important;transform:translateX(-50%);white-space:nowrap;font-size:10px!important;line-height:1.2!important;letter-spacing:-.02em!important;color:rgba(0,0,0,.5)!important}
  html body .wk-hero .wk-hero__name:not(#_z){display:none!important}
  html body .wk-hero .wk-hero__dim:not(#_z){opacity:var(--m-dim,0)!important}

  /* --- the filter bar: sticky, 48 tall between two dashed rules; the categories (10.67, counts 6.9) slide sideways
     under your finger; a dashed rule, then Grid | Index (10.95) --- */
  html body .b30-main > .wk-list:not(#_z){padding-top:46px!important;background:#fff}
  html body .wk-list .wk-fbar:not(#_z){position:sticky!important;top:0!important;z-index:30!important;margin:40px 0 0!important;background:#fff}
  html body .wk-fbar .wk-fbar__in:not(#_z){height:48px;margin:0 20px!important;padding:0!important;gap:0!important;display:flex!important;align-items:stretch!important}
  html body .wk-fbar .wk-tabs:not(#_z){flex:1 1 auto;min-width:0;height:48px;display:flex;align-items:center;gap:32px!important;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;padding-right:20px!important;
    -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)!important;mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)!important}
  html body .wk-fbar .wk-tabs::-webkit-scrollbar{display:none}
  html body .wk-fbar .wk-tabs li:not(#_z){flex:none}
  html body .wk-fbar .wk-tab:not(#_z){font:400 10.67px/1.2 var(--sans,"BDO Grotesk",sans-serif)!important;letter-spacing:-.02em!important;white-space:nowrap;color:#000;opacity:.5}
  html body .wk-fbar .wk-tab[aria-pressed="true"]:not(#_z){opacity:1}
  html body .wk-fbar .wk-tab sup:not(#_z){font-size:6.88px!important;top:-.15em}
  html body .wk-fbar .wk-views:not(#_z){flex:none;width:114px;height:48px;display:flex;align-items:center;justify-content:flex-end;gap:20px!important;border-left:1px dashed rgba(0,0,0,.15);box-sizing:border-box}
  html body .wk-fbar .wk-views i:not(#_z){width:0!important;height:13px!important;background:none!important;border-left:.68px solid rgba(0,0,0,.4)}
  html body .wk-fbar .wk-view:not(#_z){font:400 10.95px/1.2 var(--sans,"BDO Grotesk",sans-serif)!important;letter-spacing:-.02em!important;opacity:.5;gap:0!important}
  html body .wk-fbar .wk-view[aria-pressed="true"]:not(#_z){opacity:1}
  html body .wk-fbar .wk-view__ic:not(#_z){display:none!important}

  /* --- featured project: label · title (26) · services (11 mono) · story (14 / 1.3) · View case study · picture (349 × 220) --- */
  html body .wk-feat:not(#_z){margin:0 20px!important}
  html body .wk-feat .wk-feat__k:not(#_z){margin:48px 0 0!important;font:400 11px/1.2 var(--mono,"Geist Mono",monospace)!important;text-transform:uppercase;color:rgba(0,0,0,.5)}
  html body .wk-feat .wk-feat__row:not(#_z){display:block!important;margin-top:41px!important}
  html body .wk-feat .wk-feat__t:not(#_z){font-size:26px!important;line-height:1.2!important;letter-spacing:-.02em!important}
  html body .wk-feat .wk-feat__meta:not(#_z){margin:24px 0 0!important;font:400 11px/1.2 var(--mono,"Geist Mono",monospace)!important;text-transform:uppercase}
  html body .wk-feat .wk-feat__name:not(#_z),html body .wk-feat .wk-feat__yr:not(#_z){display:none!important}
  html body .wk-feat .wk-feat__p:not(#_z){margin:24px 0 0!important;font-size:14px!important;line-height:1.3!important;letter-spacing:-.02em!important}
  html body .wk-feat .wk-vcs:not(#_z){margin-top:32px!important}
  html body .wk-vcs .b30btn__ic svg:not(#_z){left:50%!important;top:50%!important;margin:-9px 0 0 -9px!important}
  html body .wk-feat .wk-media:not(#_z){margin-top:40px!important;height:auto!important;aspect-ratio:349 / 220!important}

  /* --- Selected Work (32) and its line (14 / 1.3), 96 under the featured picture --- */
  html body .wk-sel:not(#_z){width:auto!important;margin:0 20px!important;display:flex!important;flex-direction:column-reverse!important;align-items:flex-start!important;gap:20px!important}
  html body .wk-sel h2:not(#_z){font-size:32px!important;line-height:1.2!important;letter-spacing:-.02em!important;white-space:nowrap}
  html body .wk-sel p:not(#_z){width:auto!important;font-size:14px!important;line-height:1.3!important;letter-spacing:-.02em!important}

  /* --- the cards: (01) · picture 350 × 220 · title (21) · story (14 / 1.3) · tags (12 mono at half strength), 64 apart --- */
  html body .wk-views-box:not(#_z){margin:54px 20px 0!important}
  html body .wk-views-box[data-view="grid"] .wk-grid:not(#_z){display:grid!important;grid-template-columns:1fr!important;row-gap:64px!important}
  html body .wk-card .wk-card__n:not(#_z){margin:0 0 24px!important;font-size:13px!important;line-height:1.2!important;letter-spacing:-.01em!important}
  html body .wk-card .wk-card__n:not(#_z)::before{content:"("}
  html body .wk-card .wk-card__n:not(#_z)::after{content:")"}
  html body .wk-card .wk-media:not(#_z){height:auto!important;aspect-ratio:350 / 220!important}
  html body .wk-card .wk-card__b:not(#_z){display:flex!important;flex-direction:column!important;gap:16px!important;margin-top:36px!important}
  html body .wk-card .wk-card__t:not(#_z){width:auto!important;font-size:21px!important;line-height:1.2!important;letter-spacing:-.02em!important}
  html body .wk-card .wk-card__r:not(#_z){width:auto!important;padding:0!important}
  html body .wk-card .wk-card__r p:not(#_z){font-size:14px!important;line-height:1.3!important;letter-spacing:-.02em!important}
  html body .wk-card .wk-tags:not(#_z){margin:16px 0 0!important;gap:8px!important}
  html body .wk-tags li:not(#_z){padding:6px 10px!important;border-radius:8px!important;font:400 12px/1.2 var(--mono,"Geist Mono",monospace)!important;text-transform:uppercase;color:rgba(0,0,0,.5)!important}
  html body .wk-tags li:not(#_z)::before{border:1px solid rgba(0,0,0,.1)!important}
  /* the index view on a phone: number · title (21) · line (14) · tags, between dashed rules */
  html body .wk-row .wk-row__t:not(#_z){font-size:21px!important;line-height:1.2!important;letter-spacing:-.02em!important}
  html body .wk-row .wk-row__n:not(#_z){font-size:13px!important}
  html body .wk-row .wk-row__d:not(#_z){font-size:14px!important;line-height:1.3!important;letter-spacing:-.02em!important}

  /* --- "One team behind every project": 777 tall, pink (#FDF) fading to white; heading (32) at 88, the hand and pixel
     block turned 15° across the middle, the line (15) at 510, Get in touch 32 under it --- */
  html body .b30-main > .wk-hello:not(#_z){position:relative!important;height:calc(100vw * 804 / 390)!important;min-height:0!important;margin-top:calc(96px + 100vw * 150 / 390)!important;padding:0!important;overflow:visible!important;overflow-x:clip!important;background:linear-gradient(180deg,#FAD7FF 1%,#fff 84%)!important}
  html body .wk-hello .wk-hello__f:not(#_z){display:block!important;top:0!important;height:1px!important;background:none!important}
  html body .wk-hello .wk-hello__px:not(#_z){display:none!important}
  html body .wk-hello .m-hpx:not(#_z){position:absolute;left:0;right:0;top:0;height:0;z-index:1;pointer-events:none}
  html body .wk-hello .m-hpx i:not(#_z){position:absolute;width:calc(100vw * 50 / 390 + 1px);height:calc(100vw * 50 / 390 + 1px);background:#FAD7FF;opacity:0;transform:scale(.7);transition:opacity .45s ease,transform .6s cubic-bezier(.16,1,.3,1)}
  html body .wk-hello .m-hpx.is-in i:not(#_z){opacity:1;transform:none}
  html body .wk-hello .wk-hello__h:not(#_z){position:absolute!important;left:50%!important;top:calc(100vw * 88 / 390)!important;width:calc(100vw * 305 / 390)!important;margin:0!important;transform:translateX(-50%);text-align:center;font-size:32px!important;line-height:1.2!important;letter-spacing:-.02em!important;z-index:3}
  html body .wk-hello .wk-hello__hand:not(#_z){position:absolute!important;left:calc(100vw * 69.5 / 390)!important;top:calc(100vw * 295.5 / 390)!important;width:calc(100vw * 566 / 390)!important;height:calc(100vw * 272 / 390)!important;margin:0!important;aspect-ratio:auto!important;transform:rotate(15deg)!important;transform-origin:50% 50%!important;opacity:1!important;z-index:2}
  html body .wk-hello .wk-hello__hand img:not(#_z){object-fit:contain;object-position:50% 100%;transform:none!important}
  html body .wk-hello .wk-hello__p:not(#_z){position:absolute!important;left:50%!important;top:calc(100vw * 537 / 390)!important;width:calc(100vw * 293 / 390)!important;margin:0!important;transform:translateX(-50%);text-align:center;font-size:15px!important;line-height:1.2!important;letter-spacing:-.01em!important;z-index:3}
  html body .wk-hello .wk-hello__btn:not(#_z){position:absolute!important;left:50%!important;top:calc(100vw * 641 / 390)!important;margin:0!important;transform:translateX(-50%);z-index:3}
  html body .wk-hello .wk-hello__btn .b30btn__lbl:not(#_z){width:auto!important;background:#000!important;color:#fff!important;border:0!important;border-radius:8.7px!important}
  html body .wk-hello .wk-hello__btn .b30btn__ic:not(#_z){background:#fff!important;border:.667px solid #000!important;border-radius:8.7px!important}
  html body .wk-hello .wk-hello__btn.is-in:not(#_z),html body .wk-hello .wk-hello__p.is-in:not(#_z){transform:translateX(-50%)!important}
/* --- partners: the label (13 mono, midnight) 40 under the hero, then five rows of 4.5 px brand pixels (from 83, every 16) --- */
  
  
  /* the partner logos tick by beside the label (the homepage's phone ticker) */
  
  
  
  
  
  
  
  
  
  
  
  

  /* --- text reveals: text rises in as it arrives --- */
  
  

  
  /* --- testimonials and the last CTA: the homepage's phone versions --- */
  
  
  
  /* each review only as tall as its words: the deck follows the card in view */
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  html body .b30h__px:not(#_z){width:4px!important;height:4px!important}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
/* --- footer (the homepage's phone footer) --- */
  
  
  
  
  
  
  
  
  
  
  
  
  
}

@media (max-width:899px){ html:root,html body{overflow-x:clip} }   /* (from the design's site block) */   /* phones (≤ 899px): the Our Work page (last) */