/* =====================================================================
   Contact page styles, in cascade order. The shared files are the same
   ones the homepage uses; the page's own files are in styles/contact/.
   ===================================================================== */
@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 */
/* the office globe in the contact hero: the homepage globe styles it needs */
@media (min-width:761px){.og{height:clamp(860px,112svh,calc(1240*var(--u)))!important}}
.og[data-mode="global"] .loc .card{pointer-events:auto;cursor:default;transition:transform .5s var(--ease-out),border-color .4s,background-color .4s}
.og[data-mode="global"] .loc .card:hover{transform:translate3d(0,-3px,0);border-color:rgba(13,20,50,.4);background-color:#fff}
.og .loc .card .name{transition:letter-spacing .5s var(--ease-out)}
.og[data-mode="global"] .loc .card:hover .name{letter-spacing:.01em}
.og{--black:#000; --midnight:#0D1432; --blue:#3457BA;
    --muted:rgba(13,20,50,.56); --hair:rgba(0,0,0,.15); --bg:#fff;
    --mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.og{position:relative;overflow:hidden;background:var(--bg);height:clamp(760px,100svh,1080px);isolation:isolate;touch-action:pan-y;user-select:none;-webkit-user-select:none;
      --pad:clamp(20px,8.54vw,164px)}
.og__canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:5}
.og .locs{position:absolute;inset:0;z-index:20;pointer-events:none}
.og .loc{position:absolute;left:0;top:0;opacity:0;pointer-events:none;will-change:transform,opacity}
.og .loc .card{display:flex;align-items:baseline;gap:10px;padding:8px 12px 8px 11px;border-radius:12px;white-space:nowrap;border:1px solid rgba(0,0,0,.15);
      background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);
      box-shadow:0 10px 28px -18px rgba(13,20,50,.35);color:var(--midnight)}
.og .loc .name{font-size:13px;line-height:1.2;letter-spacing:-.01em}
.og .loc .time{font-family:var(--mono);font-size:11px;line-height:1.2;color:var(--muted);letter-spacing:.02em}
.og .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.og .sr:focus{width:auto;height:auto;clip:auto;left:16px;top:16px;z-index:60;background:#fff;padding:6px 8px;outline:2px solid var(--blue)}
@media (max-width:760px){.og{height:clamp(700px,100svh,860px);--pad:18px}}
html.dark .og[data-mode="global"] .loc .card:hover{border-color:rgba(228,232,255,.4);background-color:#000}
html.dark .og{--black:#F2F1EE;--midnight:#E4E8FF;--blue:#7B93FF;--muted:rgba(228,232,255,.56);--hair:rgba(228,232,255,.12);--bg:#000}
html.dark .og .loc .card{border:1px solid rgba(228,232,255,.12);background:rgba(0,0,0,.9)}
html.dark .og .sr:focus{background:#000}
html.dark .og .loc .card{background:rgba(18,18,22,.86);border-color:rgba(255,255,255,.24);box-shadow:0 12px 30px -16px rgba(123,147,255,.45)}
html.dark .og .loc .name{color:#F2F1EE}
html.dark .og .loc .time{color:rgba(242,241,238,.6)}
.og .loc .card{border-radius:0!important}
.og{--og-arrow:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%20shape-rendering%3D%22crispEdges%22%3E%3Crect%20x%3D%224%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%225%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%226%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%227%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%228%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%229%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2210%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2211%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2212%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2213%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2214%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%224%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%225%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%226%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%227%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%228%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%229%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2210%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2211%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2212%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2213%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2214%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2212%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2213%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2211%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2212%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2213%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2214%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2210%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2211%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2213%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2214%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%229%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2210%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2213%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2214%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%228%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%229%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2213%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2214%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%227%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2213%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2214%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%226%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%227%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2213%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2214%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%225%22%20y%3D%2210%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%226%22%20y%3D%2210%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2213%22%20y%3D%2210%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2214%22%20y%3D%2210%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%224%22%20y%3D%2211%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%225%22%20y%3D%2211%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2213%22%20y%3D%2211%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%2214%22%20y%3D%2211%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%223%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%224%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%222%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%223%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%221%22%20y%3D%2214%22%20width%3D%221%22%20height%3D%221%22/%3E%3Crect%20x%3D%222%22%20y%3D%2214%22%20width%3D%221%22%20height%3D%221%22/%3E%3C/svg%3E")}
@media (min-width:761px){.og{height:clamp(820px,100svh,calc(1240*var(--u)))!important}}
:root{--hh:max(100svh,640px)}
@keyframes ctf-hand-float{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  22%{transform:translate3d(calc(9 * var(--u)),calc(-10 * var(--u)),0) rotate(-.9deg)}
  48%{transform:translate3d(calc(16 * var(--u)),calc(-3 * var(--u)),0) rotate(-.3deg)}
  74%{transform:translate3d(calc(-6 * var(--u)),calc(8 * var(--u)),0) rotate(.7deg)}}
@media (max-width:899px){:root{--hh:max(100svh,600px)}}
.b30h.cth{height:calc(2 * var(--hh));--u:inherit}
.cth .b30h__pin{height:var(--hh);top:0}
.cth .b30h__stage{background:#fff}
html.dark .cth .b30h__stage{background:var(--night,#000)}
.cth + .b30-main{margin-top:calc(-1 * var(--hh))}
.cth__glow{position:absolute;left:0;bottom:calc(-163 * var(--u));width:100%;height:calc(1047 * var(--u));display:block;z-index:1;pointer-events:none;
  mix-blend-mode:multiply;opacity:0;transition:opacity 1.8s cubic-bezier(.22,1,.36,1) .15s;will-change:opacity,translate}
.cth.is-on .cth__glow{opacity:1}
html.dark .cth__glow{mix-blend-mode:screen;filter:invert(1) hue-rotate(180deg) saturate(1.4);opacity:0}
html.dark .cth.is-on .cth__glow{opacity:.55}
.cth .b30h__vline--26,.cth .b30h__vline--27{top:0;height:100%;z-index:6;will-change:translate;
  background:rgba(0,0,0,.15)!important;
  -webkit-mask-image:repeating-linear-gradient(180deg,#000 0 2px,transparent 2px 4px),linear-gradient(to bottom,#000 0,#000 30%,rgba(0,0,0,.5) 52%,rgba(0,0,0,.15) 70%,transparent 86%)!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 30%,rgba(0,0,0,.5) 52%,rgba(0,0,0,.15) 70%,transparent 86%)!important;
  mask-composite:intersect!important}
html.dark .cth .b30h__vline--26,html.dark .cth .b30h__vline--27{background:rgba(255,255,255,.2)!important}
.cth .b30h__vline--34{top:calc(var(--u) * 124);height:var(--mid-h,calc(var(--u) * 110));z-index:2;background:rgba(0,0,0,.15)!important;
  -webkit-mask-image:repeating-linear-gradient(180deg,#000 0 2px,transparent 2px 4px),linear-gradient(to bottom,#000 0,#000 25%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.18) 80%,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 25%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.18) 80%,transparent 100%)!important;
  mask-composite:intersect!important;
  transform:scaleY(0);transform-origin:50% 0;transition:transform 1.4s cubic-bezier(.22,1,.36,1) .35s}
.cth.is-on .b30h__vline--34{transform:none}
html.dark .cth .b30h__vline--34{background:rgba(255,255,255,.2)!important}
.cth .b30h__nav{opacity:0;transition:opacity .9s ease .1s}
.cth.is-on .b30h__nav{opacity:1}
.cth .b30h__px{opacity:0;transition:opacity .5s ease .9s}
.cth.is-on .b30h__px{opacity:1}
.cth__dim{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;z-index:10}
html.dark .cth__dim{background:#F2F1EE}
.og.og--hero{position:absolute;inset:0;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;background:transparent!important;z-index:3;overflow:visible;transform-origin:50% 55%;will-change:transform;display:block!important}
.og.og--hero .locs{z-index:20}
html.dark .og.og--hero{background:transparent!important}
.cth__title{position:absolute;left:calc(164 * var(--u));top:calc(222 * var(--u));z-index:5;margin:0;width:calc(440 * var(--u));
  font-weight:400;font-size:calc(71 * var(--u));line-height:1.2;letter-spacing:calc(-1.42 * var(--u));will-change:translate;color:var(--ink,#000)}
.cth__title > span{display:block;white-space:nowrap}
.cth__hint{position:absolute;left:calc(164 * var(--u));bottom:calc(98 * var(--u));z-index:5;font-size:calc(14 * var(--u));line-height:1.2;
  letter-spacing:calc(-.28 * var(--u));color:var(--ink,#000);opacity:.5;text-decoration:none;transition:opacity .3s;will-change:translate}
.cth__hint:hover{opacity:1}
.cth__intro{position:absolute;right:calc(164 * var(--u));bottom:calc(98 * var(--u));z-index:5;width:calc(362 * var(--u));margin:0;
  text-align:right;font-size:calc(18 * var(--u));line-height:1.2;letter-spacing:calc(-.18 * var(--u));will-change:translate;color:var(--ink,#000)}
@media (max-width:899px){.cth .b30h__nav{z-index:6}}
@media (max-width:899px){.cth .b30h__vline--34{display:none}}
@media (max-width:899px){.cth__title{left:20px;top:100px;width:auto;font-size:clamp(36px,10.5vw,60px);letter-spacing:-.02em}}
@media (max-width:899px){.cth__hint{display:none}}
@media (max-width:899px){.cth__intro{right:20px;bottom:76px;width:min(300px,78vw);font-size:15px;letter-spacing:-.01em}}
.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}
}
.ctf{--dl:rgba(0,0,0,.15);position:relative;padding:calc(40*var(--u)) !important;overflow:hidden}
html.dark .ctf{--dl:rgba(255,255,255,.18)}
.ctf__fr{position:absolute;inset:0;pointer-events:none;z-index:1}
.ctf__fr .v{position:absolute;top:0;bottom:0;width:1px;background:var(--dl);
  -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);
  transform:scaleY(0);transform-origin:50% 0;transition:transform 1.6s cubic-bezier(.22,1,.36,1)}
.ctf__fr .v.l{left:calc(82 * var(--u))}
.ctf__fr .v.r{left:calc(1838 * var(--u))}
.ctf__fr .v.m{left:calc(960 * var(--u) - .5px);top:var(--ctf-row,calc(424 * var(--u)));transition-delay:.25s}
.ctf__fr .h{position:absolute;left:0;right:0;top:var(--ctf-row,calc(424 * var(--u)));height:1px;background:var(--dl);
  -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);
  transform:scaleX(0);transform-origin:50% 50%;transition:transform 1.4s cubic-bezier(.22,1,.36,1) .1s}
.ctf__fr .px{position:absolute;width:5px;height:5px;background:#000;top:calc(var(--ctf-row,calc(424 * var(--u))) - 2px);opacity:0;transition:opacity .35s ease 1s}
.ctf__fr .px.l{left:calc(82 * var(--u) - 2px)}
.ctf__fr .px.m{left:calc(960 * var(--u) - 2.5px)}
.ctf__fr .px.r{left:calc(1838 * var(--u) - 2px)}
html.dark .ctf__fr .px{background:#F2F1EE}
.ctf__fr .h.b{top:auto;bottom:0}
.ctf__fr .px.b{top:auto;bottom:-2px}
.ctf.is-in .ctf__fr .v{transform:none}
.ctf.is-in .ctf__fr .h{transform:none}
.ctf.is-in .ctf__fr .px{opacity:1}
.ctf__head{position:relative;z-index:2;height:calc(260 * var(--u))}
.ctf__h{position:absolute;left:calc(164 * var(--u));top:0;margin:0;width:calc(520 * var(--u));font-weight:400;font-size:calc(71 * var(--u));line-height:1.2;letter-spacing:calc(-1.42 * var(--u))}
.ctf__note{position:absolute;left:calc(1073 * var(--u));top:calc(16 * var(--u));margin:0;font:400 calc(14 * var(--u))/1.2 var(--mono);text-transform:uppercase;white-space:nowrap;opacity:.5}
.ctf__row{position:relative;z-index:2;display:flex;align-items:flex-start;padding-top:calc(96 * var(--u))}
.ctf__l{position:relative;margin-left:calc(164 * var(--u));width:calc(640 * var(--u));display:flex;flex-direction:column;gap:calc(48 * var(--u));flex:none}
.ctf__r{margin-left:calc(269 * var(--u));width:calc(683 * var(--u));display:flex;flex-direction:column;gap:calc(48 * var(--u));flex:none}
.ctf__k{margin:0;font-weight:400;font-size:calc(36 * var(--u));line-height:1.2;letter-spacing:calc(-.72 * var(--u))}
.ctf__info{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(4 * var(--u));font-size:calc(18 * var(--u));line-height:1.2;letter-spacing:calc(-.18 * var(--u))}
.ctf__info li{min-height:calc(30 * var(--u))}
.ctf__info a{color:inherit;text-decoration:none}
.ctf__info address{font-style:normal;width:calc(335 * var(--u))}
.ctf__form{display:flex;flex-direction:column;gap:calc(16 * var(--u));margin:0}
.ctf__form input,.ctf__form textarea,.ctf__form button{font:inherit;color:inherit}
.ctf__f{position:relative;display:flex;align-items:center;padding:calc(24 * var(--u)) 0}
.ctf__f::before,.ctf__f > i{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;transform-origin:0 50%;pointer-events:none}
.ctf__f::before{background:var(--dl);transform:scaleX(0);transition:transform 1.4s var(--ease-out,cubic-bezier(.22,1,.36,1)) var(--rd,120ms);
  -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)}
.ctf__f.is-in::before{transform:scaleX(1)}
.ctf__f > i{background:currentColor;transform:scaleX(0);transition:transform .7s var(--ease-out,cubic-bezier(.22,1,.36,1))}
.ctf__f:focus-within > i{transform:scaleX(1)}
.ctf__f.is-err > i{background:#F95050;transform:scaleX(1)}
.ctf__f input{width:100%;margin:0;padding:0;border:0;outline:0;background:none;border-radius:0;
  font-size:calc(18 * var(--u));line-height:1.2;letter-spacing:calc(-.18 * var(--u))}
.ctf__f input::placeholder{color:inherit;opacity:.5;transition:opacity .3s}
.ctf__f input:focus::placeholder{opacity:.25}
.ctf__f .ctf__opt{flex:none;font:400 calc(12 * var(--u))/1 var(--mono);text-transform:uppercase;opacity:.35;margin-left:16px}
.ctf__need{margin:calc(24 * var(--u)) 0 0;padding:0;border:0;display:block;min-width:0}
.ctf__need legend,.ctf__dl{padding:0;font-size:calc(18 * var(--u));line-height:1.2;letter-spacing:calc(-.18 * var(--u))}
.ctf__need legend{float:left;width:100%;height:calc(19 * var(--u));display:flex;align-items:center;margin-bottom:calc(24 * var(--u))}
.ctf__need legend + *{clear:both}
.ctf__chips{display:flex;flex-wrap:wrap;gap:calc(8 * var(--u))}
.ctf__chip{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}
.ctf__chip input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.ctf__chip span{position:relative;z-index:0;overflow:hidden;display:flex;align-items:center;justify-content:center;height:44px;box-sizing:border-box;padding:0 calc(20 * var(--u));
  border:1px solid var(--dl);border-radius:12px;font:400 max(12px,calc(14.667 * var(--u)))/1.2 "Geist Mono",var(--mono),ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;
  transition:border-color .3s,color .25s steps(1,end) .12s}
.ctf__chip span::before{content:"";position:absolute;inset:-1px;background:#000;z-index:-1;clip-path:inset(0 100% 0 0);transition:clip-path .45s steps(6,end)}
.ctf__chip:hover span{border-color:rgba(0,0,0,.4)}
.ctf__chip input:checked + span{border-color:#000;color:#fff}
.ctf__chip input:checked + span::before{clip-path:inset(0 0 0 0)}
.ctf__chip input:focus-visible + span{outline:2px solid var(--blue,#3457BA);outline-offset:3px}
html.dark .ctf__chip:hover span{border-color:rgba(255,255,255,.45)}
html.dark .ctf__chip span::before{background:#F2F1EE}
html.dark .ctf__chip input:checked + span{border-color:#F2F1EE;color:#000}
.ctf__need.is-err .ctf__chip span{border-color:rgba(249,80,80,.6)}
.ctf__need [data-reveal]{transition-delay:calc(var(--k,0) * 60ms + 160ms)}
.ctf__d{display:flex;flex-direction:column;gap:calc(24 * var(--u));padding-top:calc(40 * var(--u))}
.ctf__ta{position:relative;display:block}
.ctf__ta::before,.ctf__ta::after{content:"";position:absolute;inset:0;pointer-events:none}
.ctf__ta::before{background-image:repeating-linear-gradient(90deg,var(--dl) 0 2px,transparent 2px 4px),repeating-linear-gradient(90deg,var(--dl) 0 2px,transparent 2px 4px),
    repeating-linear-gradient(180deg,var(--dl) 0 2px,transparent 2px 4px),repeating-linear-gradient(180deg,var(--dl) 0 2px,transparent 2px 4px);
  background-size:100% 1px,100% 1px,1px 100%,1px 100%;background-position:0 0,0 100%,0 0,100% 0;background-repeat:no-repeat}
.ctf__ta::after{border:1px solid currentColor;opacity:0;transition:opacity .4s}
.ctf__ta:focus-within::after{opacity:1}
.ctf__ta .px{position:absolute;width:5px;height:5px;background:currentColor;z-index:1;pointer-events:none}
.ctf__ta .px.tl{left:-2px;top:-2px}
.ctf__ta .px.tr{right:-2px;top:-2px}
.ctf__ta .px.bl{left:-2px;bottom:-2px}
.ctf__ta .px.br{right:-2px;bottom:-2px}
.ctf__d textarea{display:block;width:100%;height:calc(191 * var(--u));min-height:110px;margin:0;padding:calc(18 * var(--u)) calc(20 * var(--u));box-sizing:border-box;
  border:0;border-radius:0;outline:0;background:transparent;resize:vertical;
  font-size:calc(18 * var(--u));line-height:1.3;letter-spacing:calc(-.18 * var(--u))}
.ctf__foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:calc(24 * var(--u))}
.ctf__send{margin:0;padding:0;border:0;background:none;cursor:pointer;flex:none;position:static!important;transform:none!important}
.ctf__send[disabled]{cursor:progress}
.ctf__legal{margin:0;width:calc(294 * var(--u));text-align:right;font-size:calc(14 * var(--u));line-height:1.2;letter-spacing:calc(-.28 * var(--u));opacity:.5}
.ctf__legal a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.ctf__status{margin:0;min-height:1.2em;font:400 calc(14 * var(--u))/1.2 var(--mono);text-transform:uppercase;color:var(--midnight,#0D1432)}
html.dark .ctf__status{color:#B0E9FD}
.ctf__status.is-err{color:#F95050!important}
.ctf__hand{position:absolute;left:calc(-300 * var(--u));top:calc(250 * var(--u));width:calc(964.556 * var(--u));height:calc(542.924 * var(--u));
  z-index:1;pointer-events:none;display:flex;align-items:center;justify-content:center}
.ctf__handm{opacity:0;transform:translate3d(-14%,4%,0) rotate(4deg);transform-origin:0 60%;
  transition:opacity 1s var(--ease-out,cubic-bezier(.22,1,.36,1)),transform 1.9s cubic-bezier(.16,1,.3,1)}
.ctf__hand.is-in .ctf__handm{opacity:1;transform:none}
.ctf__handp{will-change:translate,rotate;transform-origin:20% 60%}
.ctf__handf{animation:ctf-hand-float 9s ease-in-out -2s infinite;transform-origin:10% 60%;will-change:transform}
.ctf__hand canvas{display:block;width:calc(913.686 * var(--u));height:calc(412.696 * var(--u));transform:rotate(-8.48deg);image-rendering:pixelated;image-rendering:crisp-edges}
html.dark .ctf__hand canvas{filter:invert(1)}
.ctf__hand.is-sent .ctf__handm{transform:translate3d(18%,-10%,0) rotate(-6deg);opacity:0;transition:transform 1.1s cubic-bezier(.7,0,.2,1),opacity .9s ease .25s}
@media (max-width:899px){.ctf{padding:72px 20px 40px}}
@media (max-width:899px){.ctf__fr{display:none}}
@media (max-width:899px){.ctf__head{height:auto;display:flex;flex-direction:column;gap:12px}}
@media (max-width:899px){.ctf__h{position:static;width:auto;font-size:clamp(32px,9vw,44px)}}
@media (max-width:899px){.ctf__note{position:static;font-size:12px}}
@media (max-width:899px){.ctf__row{flex-direction:column;gap:56px;padding-top:48px}}
@media (max-width:899px){.ctf__l,.ctf__r{width:100%;margin:0}}
@media (max-width:899px){.ctf__l{gap:24px}}
@media (max-width:899px){.ctf__r{gap:28px}}
@media (max-width:899px){.ctf__k{font-size:28px}}
@media (max-width:899px){.ctf__info{font-size:16px}}
@media (max-width:899px){.ctf__info address{width:auto}}
@media (max-width:899px){.ctf__f{padding:18px 0}}
@media (max-width:899px){.ctf__f input,.ctf__need legend,.ctf__dl,.ctf__d textarea{font-size:16px}}
@media (max-width:899px){.ctf__chip span{font-size:12px;padding:0 14px;height:40px}}
@media (max-width:899px){.ctf__chips{gap:8px}}
@media (max-width:899px){.ctf__d{gap:16px}}
@media (max-width:899px){.ctf__foot{flex-direction:column;align-items:flex-start}}
@media (max-width:899px){.ctf__legal{width:auto;text-align:left;font-size:13px}}
@media (max-width:899px){.ctf__status{font-size:12px}}
@media (max-width:899px){.ctf__hand{position:relative;left:-20px;top:auto;width:calc(100% + 40px);height:auto;margin-top:8px;aspect-ratio:964/543}}
@media (max-width:899px){.ctf__hand canvas{width:94vw;height:auto;aspect-ratio:457/207}}
@media (prefers-reduced-motion:reduce){.ctf__handm{opacity:1;transform:none;transition:none}}
@media (prefers-reduced-motion:reduce){.ctf__handf{animation:none}}
@media (prefers-reduced-motion:reduce){.ctf__f::before{transform:scaleX(1);transition:none}}
@media (prefers-reduced-motion:reduce){.ctf__fr .v,.ctf__fr .h,.cth .b30h__vline--34{transform:none;transition:none}}
.ctf__send > span{width:auto}
.ctf__send > span span,.b30h__btn > span span{display:inline!important;height:auto!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;color:inherit!important}
.ctf__legal{flex:none}
html.dark .b30-main > section.ctf,html.dark section.ctf{background:var(--night)!important}
/* the spam trap: off-screen for people (not display:none — some bots skip those) */
.ctf__hp{position:absolute!important;left:-10000px!important;top:auto;width:1px;height:1px;overflow:hidden}
.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}
.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}
/* =====================================================================
   Contact page — Oct 2026 update
   ===================================================================== */
/* light only: the dark theme and its switch are gone from this page */
.b30-theme,.b30-stars{display:none!important}

/* hero colour: the services page's light (Figma B30 › 5184:662) in its own key — the hill sits a little left of
   centre, under the globe, and leans rose and lilac rather than peach; it shifts slowly, on a loop */
.cth .cth__glow{display:none!important}
.cth__sky{opacity:.6;position:absolute;left:0;width:100%;bottom:calc(-163*var(--u));height:calc(1047*var(--u));z-index:1;overflow:hidden;pointer-events:none}
.cth__sky i{position:absolute;left:calc(820*var(--u) - 1900*var(--u));top:calc(990*var(--u) - 960*var(--u));width:calc(3800*var(--u));height:calc(1920*var(--u));
  border-radius:50%;will-change:transform,opacity;backface-visibility:hidden}
.cth__sky .a{background:radial-gradient(closest-side,
  #4A57C0 0%,#5B60C4 5%,#7A6CC6 9.5%,#A07FC4 14%,#C796C2 19%,#E4B2C6 24%,#F2CDCE 30%,#F8E0D6 36%,#FBEEE2 43%,#FDF7EF 52%,#FFFCF9 60%,rgba(255,255,255,0) 70%);
  animation:ctSkyA 24s ease-in-out infinite alternate}
.cth__sky .b{background:radial-gradient(closest-side,
  #3D55BE 0%,#4F61C6 6%,#6E70CB 11%,#9585CC 16%,#BDA0CC 21%,#DCBED2 27%,#EDD6DB 33%,#F6E8E6 40%,#FBF4F1 48%,#FEFBF9 58%,rgba(255,255,255,0) 68%);
  opacity:0;animation:ctSkyB 16s ease-in-out infinite alternate}
.cth__sky .c{background:radial-gradient(closest-side,
  #5A5BC0 0%,#7266C1 5%,#946FBE 10%,#BC80B8 15%,#DE9DB6 20%,#F0BDBC 26%,#F8D6C6 33%,#FCE7D3 40%,#FEF3E3 48%,#FFFBF3 58%,rgba(255,255,255,0) 68%);
  opacity:0;animation:ctSkyC 20s ease-in-out -7s infinite alternate}
@keyframes ctSkyA{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(calc(60*var(--u)),calc(-12*var(--u)),0) scale(1.035)}}
@keyframes ctSkyB{0%,15%{opacity:0;transform:translate3d(calc(-40*var(--u)),0,0) scale(.99)}100%{opacity:.85;transform:translate3d(calc(30*var(--u)),calc(-10*var(--u)),0) scale(1.03)}}
@keyframes ctSkyC{0%,20%{opacity:0;transform:translate3d(calc(50*var(--u)),calc(6*var(--u)),0) scale(1.02)}100%{opacity:.75;transform:translate3d(calc(-50*var(--u)),calc(-8*var(--u)),0) scale(.985)}}
@media (prefers-reduced-motion:reduce){.cth__sky i{animation:none!important}}
@media (max-width:899px){.cth__sky{height:70%;bottom:0}.cth__sky i{left:calc(50% - 900px);top:auto;bottom:-560px;width:1800px;height:1000px}}
/* the heading sits the same 82 below the header's rule as the office card (and as the card sits from the side line) */
@media (min-width:900px){ .cth .cth__title{top:calc(206*var(--u))!important} }
/* the hero stays as it was (pinned while the page comes up over it); its content drifts up at 0.4 of the scroll —
   the same movement as the services hero's — and the same black overlay rises to 16% (see the script) */
.cth .cth__dim{opacity:var(--wk-dim,0)!important;z-index:20!important}
/* the hero's side lines stay above the colour */
.cth .b30h__vline{z-index:6!important}

/* the globe's city tags: they answer the pointer — black on hover — and open the office card */
.og.og--hero .loc .card{pointer-events:auto;cursor:pointer;transition:background-color .25s ease,color .25s ease,border-color .25s ease}
.og.og--hero .loc .card .name,.og.og--hero .loc .card .time{transition:color .25s ease}
.og.og--hero .loc.is-on .card,.og.og--hero .loc .card:hover{background:#000!important;border-color:#000!important}
.og.og--hero .loc.is-on .card .name,.og.og--hero .loc .card:hover .name{color:#fff!important}
.og.og--hero .loc.is-on .card .time,.og.og--hero .loc .card:hover .time{color:rgba(255,255,255,.6)!important}

/* the office card, top right of the hero (the homepage's globe card: city, country, local time, phone) */
.cth__office{position:absolute;right:calc(164*var(--u));top:calc(206*var(--u));width:calc(404*var(--u));height:calc(152*var(--u));z-index:25;box-sizing:border-box;
  background:#fff;pointer-events:none;font:400 calc(16*var(--u))/1.35 var(--mono,"Geist Mono",monospace);letter-spacing:.02em;color:#000;
  opacity:0;transform:translate3d(0,calc(6*var(--u)),0);transition:opacity .25s ease,transform .45s cubic-bezier(.16,1,.3,1);
  background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.28) 0 2px,transparent 2px 4px),repeating-linear-gradient(90deg,rgba(0,0,0,.28) 0 2px,transparent 2px 4px),
    repeating-linear-gradient(180deg,rgba(0,0,0,.28) 0 2px,transparent 2px 4px),repeating-linear-gradient(180deg,rgba(0,0,0,.28) 0 2px,transparent 2px 4px);
  background-size:100% 1px,100% 1px,1px 100%,1px 100%;background-position:0 0,0 100%,0 0,100% 0;background-repeat:no-repeat}
.cth__office.on{opacity:1;transform:none}
.cth__office b{position:absolute;font-weight:400;white-space:pre}
.cth__office .c1{left:calc(28*var(--u));top:calc(26*var(--u))}
.cth__office .c2{left:calc(28*var(--u));top:calc(26*var(--u) + 1.35em);color:rgba(0,0,0,.55)}
.cth__office .c3{right:calc(28*var(--u));top:calc(26*var(--u))}
.cth__office .c4{left:calc(28*var(--u));bottom:calc(24*var(--u))}
@media (max-width:899px){.cth__office{right:20px;top:84px;width:240px;height:112px;font-size:12px}.cth__office b{}.cth__office .c1,.cth__office .c2,.cth__office .c4{left:14px}.cth__office .c1,.cth__office .c3{top:12px}.cth__office .c3{right:14px}.cth__office .c4{bottom:12px}}

/* "What do you need?": hovering a choice fills it black (as a chosen one is) */
/* (a plain change of colour — no wipe) */
.ctf__chip span{transition:background-color .2s ease,color .2s ease,border-color .2s ease}
@media (hover:hover){ .ctf__chip:hover span{background-color:#000;border-color:#000!important;color:#fff} }

/* closing CTA: 160 from "Get in touch" to the footer's white steps (40 + the band's 30 + 90) */
@media (min-width:900px){ .cta3{padding-bottom:calc(40*var(--u))!important}
  html body .b30-main > #contact.b30c,html body .b30-main > #contact.b30c.wk-cta-proof{height:calc(90*var(--u))!important;padding:0!important;margin-top:calc(30*var(--u))!important;min-height:0!important} }
/* Oct 2026: the hero colour, the office card, the chips' hover, the closing spacing (last) */
/* Contact page on phones (from the Contact mobile design, block ct-mobile).
   Phones only (≤ 899px): every rule sits inside max-width:899px, so desktop is untouched. */
/* ===== Contact — phones (≤ 899 px), per the Figma "Contact Us" mobile frame (B30 · node 5538:5244, 390 wide).
   Every rule sits inside max-width:899px, so desktop is untouched. ===== */

@media (max-width:899px){
  :root{--hh:726px!important}   /* the hero frame is 726 tall */

  /* --- 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): title H1 32 centred at 157, the globe in the middle, intro 14 / 1.3 centred at 515, "Scroll to the form" at 624 --- */
  html body .cth .cth__title:not(#_z){left:50%!important;right:auto!important;top:157px!important;width:313px!important;max-width:calc(100% - 40px);transform:translateX(-50%);text-align:center;font-size:32px!important;line-height:1.2!important;letter-spacing:-.02em!important}
  html body .cth .cth__title > span:not(#_z){display:inline!important;white-space:normal!important}
  html body .cth .cth__intro:not(#_z){left:50%!important;right:auto!important;top:515px!important;bottom:auto!important;width:273px!important;max-width:calc(100% - 40px);margin:0!important;transform:translateX(-50%);text-align:center!important;font-size:14px!important;line-height:1.3!important;letter-spacing:-.02em!important}
  html body .cth .cth__hint:not(#_z){display:block!important;left:50%!important;right:auto!important;top:624px!important;bottom:auto!important;transform:translateX(-50%);font-size:10px!important;line-height:1.2!important;letter-spacing:-.02em!important;color:#000!important;opacity:.5;text-decoration:none;white-space:nowrap}
  /* the cities: still shown on the globe, but a tap does nothing (no black tag, no office card) */
  html body .og.og--hero .loc:not(#_z),html body .og.og--hero .loc *:not(#_z){pointer-events:none!important;cursor:default!important}
  html body .og.og--hero .loc .card:not(#_z){background:#fff!important;border-color:rgba(0,0,0,.15)!important}
  html body .og.og--hero .loc .card .name:not(#_z){color:#000!important}
  /* the city tags, a size down (11 name · 9 time, tighter padding) */
  html body .og.og--hero .loc .card:not(#_z){padding:5px 8px!important;gap:6px!important}
  html body .og.og--hero .loc .name:not(#_z){font-size:11px!important}
  html body .og.og--hero .loc .time:not(#_z){font-size:9px!important}
  html body .cth .cth__office:not(#_z){display:none!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) */
  
  
  
  
  
  
  
  
  
  
  
  

  /* --- the form, in the Figma order: heading · (Write us) + fields · What do you need? · Project details · Submit · legal · hand · (Contact) --- */
  html body section.ctf:not(#_z){padding:89px 20px 44px!important}
  html body .ctf .ctf__head:not(#_z){height:auto!important;display:block!important}
  html body .ctf .ctf__h:not(#_z){position:static!important;width:214px!important;font-size:26px!important;line-height:1.2!important;letter-spacing:-.02em!important}
  html body .ctf .ctf__note:not(#_z),html body .ctf .ctf__fr:not(#_z){display:none!important}
  html body .ctf .ctf__row:not(#_z){display:flex!important;flex-direction:column!important;gap:0!important;padding-top:56px!important}
  html body .ctf .ctf__l:not(#_z){display:contents!important}
  html body .ctf .ctf__r:not(#_z){order:1;width:100%!important;margin:0!important;gap:30px!important}
  html body .ctf .ctf__l > .ctf__hand:not(#_z){order:2}
  html body .ctf .ctf__l > .ctf__k:not(#_z){order:3}
  html body .ctf .ctf__l > .ctf__info:not(#_z){order:4;margin-top:30px!important}
  html body .ctf .ctf__k:not(#_z){font-size:18px!important;line-height:1.2!important;letter-spacing:-.02em!important;margin:0!important}
  /* fields: 50 tall, 14 placeholder at half strength, a 0.68 px rule at 10 %; Full name · Work email · Company · Phone */
  html body .ctf .ctf__form:not(#_z){gap:16px!important}
  html body .ctf .ctf__f:not(#_z){padding:16px 0!important;min-height:50px;box-sizing:border-box}
  html body .ctf .ctf__f input:not(#_z){font-size:14px!important;line-height:1.2!important;letter-spacing:-.01em!important}
  html body .ctf .ctf__f:not(#_z)::before{background:rgba(0,0,0,.1)!important;height:.68px!important}
  html body .ctf .ctf__f:nth-of-type(1):not(#_z){order:1}html body .ctf .ctf__f:nth-of-type(2):not(#_z){order:2}
  html body .ctf .ctf__f:nth-of-type(4):not(#_z){order:3}html body .ctf .ctf__f:nth-of-type(3):not(#_z){order:4}
  html body .ctf .ctf__need:not(#_z){order:5}
  html body .ctf .ctf__d:not(#_z){order:6;padding-top:32px!important;gap:32px!important}
  html body .ctf .ctf__foot:not(#_z){order:7;margin-top:24px!important;flex-direction:column!important;align-items:flex-start!important;gap:24px!important}
  html body .ctf .ctf__status:not(#_z){order:8}
  /* What do you need? (15) · the chips: 12 BDO Grotesk, 32 tall, 8 radius, a 10 % outline, 8 across and 19 between rows */
  html body .ctf .ctf__need legend:not(#_z),html body .ctf .ctf__dl:not(#_z){font-size:15px!important;line-height:1.2!important;letter-spacing:-.01em!important;height:auto!important}
  html body .ctf .ctf__need:not(#_z){margin:32px 0 0!important;padding:0!important;display:block!important}
  html body .ctf .ctf__need legend:not(#_z){float:left!important;display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important}
  html body .ctf .ctf__chips:not(#_z){clear:both!important;margin:0!important;padding:24px 0 0!important}
  html body .ctf .ctf__chips:not(#_z){gap:19px 8px!important}
  html body .ctf .ctf__chip span:not(#_z){height:32px!important;padding:0 8px!important;border:1px solid rgba(0,0,0,.1)!important;border-radius:8px!important;font:400 12px/1.2 var(--sans,"BDO Grotesk",sans-serif)!important;letter-spacing:-.02em!important;text-transform:none!important}
  html body .ctf .ctf__chip input:checked + span:not(#_z){border-color:#000!important}
  /* Project details: a plain 191 box with a 10 % outline */
  html body .ctf .ctf__ta:not(#_z)::before{background:none!important;border:1px solid rgba(0,0,0,.1)}
  html body .ctf .ctf__ta .px:not(#_z){display:none!important}
  html body .ctf .ctf__d textarea:not(#_z){height:191px!important;font-size:14px!important;padding:14px 16px!important}
  /* Submit your form: a white 36 square with the pixel arrow (15 % outline) + the black label */
  html body .ctf .ctf__send > i:not(#_z){background:#fff!important;border:.675px solid rgba(0,0,0,.15)!important;border-radius:9px!important}
  html body .ctf .ctf__send > span:not(#_z){border-radius:8.7px!important}
  html body .ctf .ctf__legal:not(#_z){width:296px!important;max-width:100%;text-align:left!important;font-size:11px!important;line-height:1.2!important;letter-spacing:-.02em!important;opacity:1!important;color:rgba(0,0,0,.5)}
  html body .ctf .ctf__legal a:not(#_z){color:#000!important}
  /* the hand: 436 wide (rotated −8.48°), from 61 left of the frame; 57 under the legal line, 13 above (Contact) */
  html body .ctf .ctf__hand:not(#_z){position:relative!important;left:auto!important;top:auto!important;width:calc(100% + 40px)!important;height:calc((100vw) * 259 / 390)!important;aspect-ratio:auto!important;margin:57px -20px 13px!important}
  html body .ctf .ctf__hand :is(.ctf__handm,.ctf__handp,.ctf__handf):not(#_z){display:block!important;width:100%!important;height:100%!important}
  html body .ctf .ctf__hand canvas:not(#_z){position:static!important;margin:calc(100vw * 31 / 390) 0 0 calc(100vw * -49 / 390)!important;width:calc(100vw * 436 / 390)!important;height:calc(100vw * 197 / 390)!important;aspect-ratio:auto!important}
  html body .ctf .ctf__status:empty:not(#_z){display:none!important}
  /* less air under (Contact): 192 less than before */
  
  /* (Contact): 19 · then 14 / 1.3, 8 apart */
  html body .ctf .ctf__info:not(#_z){gap:8px!important;font-size:14px!important;line-height:1.3!important;letter-spacing:-.02em!important}
  html body .ctf .ctf__info li:not(#_z){min-height:30px!important}
  html body .ctf .ctf__info address:not(#_z){width:260px!important;max-width:100%}

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

  /* --- footer (the homepage's phone footer) --- */
  
  
  
  
  
  
  
  
  
  
  
  
  
}

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