@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/chakra-petch-latin-600-normal-DVQm9bgb.woff2) format("woff2"),url(/assets/chakra-petch-latin-600-normal-DQKfcdKo.woff) format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/chakra-petch-latin-700-normal-CnDBPjkL.woff2) format("woff2"),url(/assets/chakra-petch-latin-700-normal-D1s_c2du.woff) format("woff")}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/unbounded-latin-400-normal-DxT99aXF.woff2) format("woff2"),url(/assets/unbounded-latin-400-normal-CiSqyYx3.woff) format("woff")}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/unbounded-latin-500-normal-4slEIF53.woff2) format("woff2"),url(/assets/unbounded-latin-500-normal-ZsrgWWU1.woff) format("woff")}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/unbounded-latin-700-normal-CaoNriVp.woff2) format("woff2"),url(/assets/unbounded-latin-700-normal-CZtriu5h.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff")}:root{--cyan: #00e5ff;--blue: #1a6bff;--violet: #7b2ff7;--magenta: #e31dd5;--void: #07080d;--graphite: #141724;--line: #22263a;--steel: #8b92a8;--frost: #eef1f7;--gradient: linear-gradient(90deg, var(--cyan) 0%, var(--blue) 45%, var(--violet) 75%, var(--magenta) 100%);--display: "Unbounded", sans-serif;--sans: "IBM Plex Sans", sans-serif;--mono: "IBM Plex Mono", monospace;--brand: "Chakra Petch", sans-serif;--gutter: clamp(16px, 5vw, 64px);--ease: cubic-bezier(.22, 1, .36, 1);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--void);color:var(--frost);font:400 16px/1.625 var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}.wordmark{font:600 18px/1 var(--brand);letter-spacing:.14em}.overline,.mono{font:500 13px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}.display{font:700 clamp(40px,7vw,96px)/1 var(--display);letter-spacing:-.01em}.title{font:500 clamp(28px,4vw,48px)/1.12 var(--display);max-width:18ch}.lead{color:var(--steel);font-size:clamp(16px,1.6vw,19px);max-width:52ch}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:999px;background:var(--blue);color:#fff;font:600 15px/1 var(--sans);position:relative;isolation:isolate;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.btn:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--gradient);opacity:0;transition:opacity .3s var(--ease)}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 40px -10px var(--blue)}.btn:hover:before{opacity:1}.btn:active{transform:translateY(0) scale(.98)}.btn-ghost{background:transparent;border:1px solid var(--line)}.btn-ghost:before{display:none}.btn-ghost:hover{border-color:var(--cyan);box-shadow:none}.btn-sm{min-height:40px;padding:0 18px;font-size:14px}.btn-lg{min-height:60px;padding:0 36px;font-size:17px}.nav{position:fixed;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px var(--gutter);transition:padding .4s var(--ease),background .4s var(--ease),border-color .4s;border-bottom:1px solid transparent}.scrolled .nav{padding-block:12px;background:#07080dcc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:var(--line)}.nav nav{display:flex;gap:32px;font-size:14px;color:var(--steel)}.nav nav a{position:relative;transition:color .2s}.nav nav a:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--gradient);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.nav nav a:hover{color:var(--frost)}.nav nav a:hover:after{transform:scaleX(1)}.hero{min-height:100svh;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:24px;padding:110px var(--gutter) 40px;position:relative}.hero-copy{display:grid;gap:28px;position:relative;z-index:1}.hero-title{display:grid;gap:28px}.hero-title>span{display:block}.hero .display span{display:inline-block}.hero-x{aspect-ratio:1;width:100%;max-width:640px;justify-self:center;animation:rise 1.4s var(--ease) both}.actions{display:flex;flex-wrap:wrap;gap:12px}@keyframes rise{0%{opacity:0;transform:scale(.85) translateY(30px)}}.marquee{border-block:1px solid var(--line);overflow:hidden;padding:22px 0}.marquee-track{display:flex;width:max-content;animation:slide 32s linear infinite}.marquee span{font:500 clamp(20px,3vw,34px)/1 var(--display);color:var(--steel);white-space:nowrap;display:flex;align-items:center}.marquee span:nth-child(3n+1){color:var(--frost)}.marquee i{font-style:normal;color:var(--cyan);font-size:.6em;margin:0 clamp(20px,3vw,40px)}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes slide{to{transform:translate(-50%)}}.section{padding:clamp(80px,12vw,160px) var(--gutter) 0;display:grid;gap:24px;max-width:1400px;margin:0 auto}.reel,.process{width:100%;border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-top:24px}.reel{aspect-ratio:16 / 9}.process{aspect-ratio:1600 / 420}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}.card{--mx: 50%;--my: 0%;position:relative;padding:32px;border-radius:20px;background:var(--graphite);border:1px solid var(--line);display:grid;gap:14px;align-content:start;overflow:hidden;transition:transform .4s var(--ease),border-color .4s}.card:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(400px circle at var(--mx) var(--my),rgb(26 107 255 / .18),transparent 60%)}.card:hover{transform:translateY(-4px);border-color:#34405f}.card:hover:before{opacity:1}.card h3{font:500 24px/1.25 var(--display)}.card p{color:var(--steel)}.card ul{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.card li{font:400 13px/1 var(--mono);padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--frost)}.card-more{color:var(--cyan);font-weight:500;font-size:15px;margin-top:8px;position:relative}.card-more:hover{color:var(--frost)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.steps li{padding:24px 0;border-top:1px solid var(--line);display:grid;gap:8px}.steps h3{font:500 20px/1.3 var(--display)}.steps p{color:var(--steel);font-size:15px}.work{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.work-item{position:relative;display:block;aspect-ratio:4 / 3;border-radius:18px;overflow:hidden;background:var(--graphite);border:1px solid var(--line)}.work-item img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .5s}.work-meta{position:absolute;inset:auto 0 0;padding:48px 20px 18px;display:grid;gap:4px;background:linear-gradient(transparent,#07080deb);transform:translateY(12px);opacity:.9;transition:transform .5s var(--ease),opacity .5s}.work-meta strong{font:500 18px/1.3 var(--display)}.work-item:hover img{transform:scale(1.06)}.work-item:hover .work-meta{transform:none;opacity:1}.work-item:hover{border-color:var(--cyan)}.more{justify-self:start;margin-top:8px}.case{margin-top:clamp(48px,7vw,96px);padding:clamp(28px,4vw,48px) 0 clamp(28px,4vw,48px);border-radius:24px;border:1px solid var(--line);background:var(--graphite);overflow:hidden;display:grid;gap:32px}.case-copy{padding:0 clamp(20px,4vw,48px);display:grid;gap:14px}.case-strip{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,black 6%,black 94%,transparent);mask-image:linear-gradient(90deg,transparent,black 6%,black 94%,transparent)}.case-track{display:flex;gap:14px;width:max-content;animation:slide 60s linear infinite}.case-strip:hover .case-track{animation-play-state:paused}.case-track button{border:0;padding:0;background:none;cursor:zoom-in;border-radius:14px}.case-track button:hover img{border-color:var(--cyan)}.case-track img{height:clamp(260px,32vw,420px);aspect-ratio:4 / 5;object-fit:cover;object-position:top;border-radius:14px;border:1px solid var(--line)}@media(prefers-reduced-motion:reduce){.case-strip{overflow-x:auto}}.lightbox{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;width:100vw;height:100vh;display:none;place-items:center}.lightbox[open]{display:grid;animation:lb-in .35s var(--ease)}.lightbox::backdrop{background:#07080deb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lightbox img{max-width:min(92vw,900px);max-height:88vh;border-radius:12px;box-shadow:0 30px 80px -20px #1a6bff73}.lb-btn{position:fixed;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--graphite);color:var(--frost);font-size:24px;line-height:1;cursor:pointer}.lb-btn:hover{border-color:var(--cyan)}.lb-prev{left:16px;top:50%;translate:0 -50%}.lb-next{right:16px;top:50%;translate:0 -50%}.lb-close{right:16px;top:16px;font-size:18px}.lb-count{position:fixed;bottom:18px;left:50%;translate:-50% 0;color:var(--steel)}@keyframes lb-in{0%{opacity:0;transform:scale(.96)}}.ig-link{color:var(--steel);font-size:14px;transition:color .2s}.ig-link span{color:var(--cyan)}.ig-link:hover{color:var(--frost)}@media(max-width:900px){.work{grid-template-columns:1fr 1fr}}@media(max-width:520px){.work{grid-template-columns:1fr}}.cta{margin:clamp(80px,12vw,160px) var(--gutter) 0;padding:clamp(56px,9vw,120px) clamp(20px,6vw,80px);border-radius:28px;border:1px solid var(--line);text-align:center;display:grid;justify-items:center;gap:24px;position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 90% at 50% 120%,rgb(26 107 255 / .28),transparent 70%),var(--graphite)}.cta:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--gradient)}.cta .display{font-size:clamp(32px,5.5vw,72px);max-width:16ch}.footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:48px var(--gutter);color:var(--steel);font-size:13px}.legal-links{display:flex;flex-wrap:wrap;gap:8px 20px}.legal-links a{color:var(--steel);transition:color .2s}.legal-links a:hover{color:var(--frost)}.signature{display:flex;align-items:center;gap:14px;color:var(--frost)}.reveal{opacity:0;transform:translateY(32px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.in{opacity:1;transform:none}.hero .reveal{opacity:1;transform:none;transition:none;animation:hero-in .9s var(--ease) both}.hero .lead.reveal{animation-delay:.15s}.hero .actions.reveal{animation-delay:.3s}@keyframes hero-in{0%{opacity:0;transform:translateY(32px)}}@media(max-width:900px){.hero{grid-template-columns:1fr;align-content:start;min-height:auto;padding-top:80px;gap:8px}.hero-x{order:-1;max-width:420px}.cards{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.nav nav{display:none}.process{aspect-ratio:1600 / 520}}@media(max-width:520px){.steps{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}html{scroll-behavior:auto}}
