@font-face{font-family:SN Grotesk;src:url(/fonts/sn-grotesk-regular.woff)format("woff");font-weight:400;font-display:swap}@font-face{font-family:SN Grotesk;src:url(/fonts/sn-grotesk-medium.woff)format("woff");font-weight:500;font-display:swap}@font-face{font-family:SN Serif;src:url(/fonts/sn-serif-light-italic.otf)format("opentype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Fragment Mono;src:url(/fonts/fragment-mono-latin.woff2)format("woff2");font-display:swap}@property --split{syntax:"<percentage>";inherits:true;initial-value:50%}:root{--ink:#0f0f0e;--paper:#f4f3ef;--mist:#e7e6e1;--mid:#6b6b66;--mid-dk:#9c9a92;--signal:#ff6b50;--line-dk:#f4f3ef29;--line:#0f0f0e21;--sans:"SN Grotesk", ui-sans-serif, -apple-system, "Segoe UI", Arial, sans-serif;--serif:"SN Serif", Georgia, serif;--mono:"Fragment Mono", ui-monospace, Menlo, monospace;--gutter:clamp(16px, 2.6vw, 40px);--ease:cubic-bezier(.22, 1, .36, 1);--ease-io:cubic-bezier(.65, 0, .35, 1);--split:50%}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--ink);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.label{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:11.5px}.it{font-family:var(--serif);letter-spacing:-.02em;font-style:italic;font-weight:300}.gw{grid-template-rows:auto 1fr auto;min-height:100svh;display:grid}.bar{padding:20px var(--gutter);z-index:5;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.bar img{width:auto;height:16px}.bar h1{color:var(--mid-dk);text-align:center;font-weight:400}.bar a.label{color:var(--mid-dk);transition:color .2s}.bar a.label:hover{color:var(--paper)}.bar--foot{border-top:1px solid var(--line-dk);color:var(--mid-dk);padding-block:16px}.bar--foot nav{gap:20px;display:flex}.split{grid-template-columns:var(--split) 1fr;transition:--split .9s var(--ease);border-top:1px solid var(--line-dk);display:grid;position:relative}.split:has(.arm--agency:hover,.arm--agency:focus-visible){--split:58%}.split:has(.arm--lab:hover,.arm--lab:focus-visible){--split:42%}.arm{isolation:isolate;align-content:end;min-height:0;padding:clamp(24px,3.4vw,56px);display:grid;position:relative;overflow:hidden}.arm__media{z-index:-1;position:absolute;inset:0}.arm__in{max-width:100%;transition:transform .9s var(--ease);gap:22px;display:grid;transform:translateY(0)}.arm{container-type:inline-size}.arm h2{letter-spacing:-.045em;transition:font-size .9s var(--ease);font-size:clamp(30px,8.4cqi,76px);font-weight:500;line-height:.88}.arm h2 .it{line-height:.8}.arm h2{text-wrap:balance}.arm p.sub{letter-spacing:-.015em;max-width:36ch;font-size:clamp(16px,1.25vw,19px);line-height:1.4}.arm ul{flex-wrap:wrap;gap:6px;list-style:none;display:flex}.arm li{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;opacity:.7;border:1px solid;border-radius:2px;padding:5px 9px;font-size:11px}.arm__top{justify-content:space-between;display:flex;position:absolute;top:clamp(20px,2.6vw,40px);left:clamp(24px,3.4vw,56px);right:clamp(24px,3.4vw,56px)}.btn{isolation:isolate;letter-spacing:-.01em;min-height:52px;transition:color .4s var(--ease);border-radius:2px;justify-self:start;align-items:center;gap:10px;padding:0 24px;font-size:16px;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;transform-origin:bottom;transition:transform .5s var(--ease-io);position:absolute;inset:0;transform:scaleY(0)}.btn svg{width:11px;height:11px;transition:transform .4s var(--ease)}.arm:hover .btn:before,.arm:focus-visible .btn:before{transform:scaleY(1)}.arm:hover .btn svg{transform:translate(2px,-2px)}.arm--agency{color:var(--paper);background:var(--ink)}.arm--agency video,.arm--agency .poster{object-fit:cover;filter:grayscale()contrast(1.05);opacity:.42;width:100%;height:100%;transition:opacity 1s var(--ease), transform 1.6s var(--ease);transform:scale(1.04)}.arm--agency .arm__media:after{content:"";background:linear-gradient(#0f0f0e8c 0%,#0f0f0e1a 40%,#0f0f0ed9 100%);position:absolute;inset:0}.arm--agency:hover video{opacity:.62;transform:scale(1)}.arm--agency .label{color:var(--mid-dk)}.arm--agency p.sub{color:#c9c7bf}.arm--agency .btn{background:var(--paper);color:var(--ink)}.arm--agency .btn:before{background:var(--signal)}.arm--lab{color:var(--ink);background:var(--paper)}.arm--lab canvas{opacity:.9;width:100%;height:100%;transition:opacity 1s var(--ease);display:block}.arm--lab .arm__media:after{content:"";background:linear-gradient(#f4f3ef00 30%,#f4f3efeb 85%);position:absolute;inset:0}.arm--lab .label{color:var(--mid)}.arm--lab p.sub{color:#2a2a27}.arm--lab .btn{background:var(--signal);color:var(--ink)}.arm--lab .btn:before{background:var(--ink)}.arm--lab:hover .btn,.arm--lab:focus-visible .btn{color:var(--paper)}.mark{z-index:4;top:30%;left:var(--split);pointer-events:none;width:0;height:0;position:absolute}.mark i{aspect-ratio:1;width:clamp(56px,6vw,96px);transition:transform .9s var(--ease), background .5s, border-color .5s;border-radius:50%;position:absolute;top:0;transform:translateY(-50%)scale(1)}.mark i:first-child{background:var(--paper);transform-origin:100%;right:4px}.mark i:last-child{background:var(--ink);transform-origin:0;left:4px}.split:has(.arm--agency:hover,.arm--agency:focus-visible) .mark i:first-child{transform:translateY(-50%)scale(1.18)}.split:has(.arm--agency:hover,.arm--agency:focus-visible) .mark i:last-child{transform:translateY(-50%)scale(.82)}.split:has(.arm--lab:hover,.arm--lab:focus-visible) .mark i:last-child{background:var(--signal);transform:translateY(-50%)scale(1.18)}.split:has(.arm--lab:hover,.arm--lab:focus-visible) .mark i:first-child{transform:translateY(-50%)scale(.82)}.split:has(.arm--lab:hover) .arm--agency .arm__in,.split:has(.arm--agency:hover) .arm--lab .arm__in{opacity:.45}.arm__in{transition:transform .9s var(--ease), opacity .6s var(--ease)}@keyframes rise{0%{opacity:0;transform:translateY(28px)}}@keyframes pop{0%{transform:translateY(-50%)scale(0)}}@keyframes wipeL{0%{clip-path:inset(0 0 0 100%)}}@keyframes wipeR{0%{clip-path:inset(0 100% 0 0)}}.arm--agency{animation:wipeL 1.1s var(--ease-io) both}.arm--lab{animation:wipeR 1.1s var(--ease-io) both}.arm__in>*,.arm__top{animation:rise 1s var(--ease) both;animation-delay:calc(.55s + var(--i,0) * 70ms)}.mark i{animation:pop .9s var(--ease) .35s both}.mark i:last-child{animation-delay:.45s}.mmark{display:none}@media (width<=760px){.split{grid-template-rows:auto auto;grid-template-columns:1fr}.split:has(.arm--agency:hover,.arm--agency:focus-visible),.split:has(.arm--lab:hover,.arm--lab:focus-visible){--split:50%}.split:has(.arm--lab:hover) .arm--agency .arm__in,.split:has(.arm--agency:hover) .arm--lab .arm__in{opacity:1}.arm{align-content:start;min-height:0;padding:28px 20px 48px}.arm__top{margin-bottom:clamp(96px,26vw,160px);position:static}.arm__in{gap:20px}.arm h2{font-size:clamp(34px,10.5cqi,54px);line-height:.92}.arm h2 .it{line-height:.9}.arm p.sub{font-size:16px;line-height:1.5}.arm ul{gap:8px}.btn{justify-content:center;width:100%;min-height:52px}.mark{display:none}.arm--lab{padding-top:56px;overflow:visible}.mmark{z-index:3;gap:8px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.mmark i{border-radius:50%;width:44px;height:44px}.mmark i:first-child{background:var(--paper);box-shadow:0 0 0 1px var(--line)}.mmark i:last-child{background:var(--ink)}.arm--lab .arm__media:after{background:linear-gradient(#f4f3ef00 0%,#f4f3ef8c 35%,#f4f3eff2 75%)}.bar{padding:18px 20px}.bar h1{display:none}.bar--foot{flex-direction:column;align-items:flex-start;gap:10px;padding-block:22px}.arm--agency{animation-name:wipeR}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}