:root{--ink: #0a0a0b;--bone: #e8e6e1;--grey-1: #9a9a9f;--grey-2: #6e6e73;--grey-3: #2a2a2d;--accent: #2e7dff;--bg: var(--ink);--fg: var(--bone);--step--1: clamp(.78rem, .74rem + .18vw, .9rem);--step-0: clamp(.95rem, .9rem + .25vw, 1.1rem);--step-1: clamp(1.2rem, 1.05rem + .7vw, 1.6rem);--step-2: clamp(1.6rem, 1.25rem + 1.6vw, 2.6rem);--step-3: clamp(2.2rem, 1.4rem + 3.6vw, 4.4rem);--step-4: clamp(3rem, 1.2rem + 8vw, 8rem);--display: clamp(3.4rem, -1rem + 18vw, 12rem);--space-xs: clamp(.5rem, .4rem + .5vw, .8rem);--space-s: clamp(.9rem, .7rem + 1vw, 1.5rem);--space-m: clamp(1.6rem, 1.1rem + 2.5vw, 3rem);--space-l: clamp(3rem, 2rem + 5vw, 6rem);--space-xl: clamp(5rem, 3rem + 10vw, 12rem);--gutter: clamp(1rem, .6rem + 2vw, 2rem);--ease: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .4s;--dur: .7s;--dur-slow: 1.1s;--hairline: 1px solid color-mix(in srgb, var(--bone) 14%, transparent);--maxw: 1440px;--z-cursor: 9999;--z-grain: 9000;--z-nav: 100}@font-face{font-family:Clash Display;src:url(/fonts/ClashDisplay-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Clash Display;src:url(/fonts/ClashDisplay-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Clash Display;src:url(/fonts/ClashDisplay-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Clash Display;src:url(/fonts/ClashDisplay-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Switzer;src:url(/fonts/Switzer-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Switzer;src:url(/fonts/Switzer-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:auto}img,picture,svg,canvas{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}::selection{background:var(--accent);color:var(--ink)}body{background:var(--bg);color:var(--fg);font-family:Switzer,system-ui,sans-serif;font-size:var(--step-0);line-height:1.55;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3{font-family:Clash Display,system-ui,sans-serif;font-weight:600;line-height:.95;letter-spacing:-.02em;text-wrap:balance}p{text-wrap:pretty}.grain{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:var(--z-grain);opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;animation:grain-shift .6s steps(2) infinite}@keyframes grain-shift{0%{transform:translate(0)}50%{transform:translate(-2%,1%)}to{transform:translate(1%,-1%)}}@media(prefers-reduced-motion:reduce){.grain{animation:none}}.container{width:min(100% - 2 * var(--gutter),var(--maxw));margin-inline:auto}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter)}.section-label{font-family:Switzer,sans-serif;font-size:var(--step--1);font-weight:500;line-height:1;letter-spacing:.18em;text-transform:uppercase;color:var(--grey-2)}.section-label .idx{color:var(--grey-1)}.rule{border:0;border-top:var(--hairline);width:100%}.section{padding-block:var(--space-xl)}@media(max-width:640px){.grid{grid-template-columns:repeat(6,1fr)}}.nav{position:fixed;top:0;left:0;width:100%;z-index:var(--z-nav);padding-block:clamp(.9rem,.6rem + 1vw,1.4rem);transform:translateY(0);transition:transform .5s var(--ease);mix-blend-mode:difference}.nav--hidden{transform:translateY(-130%)}.nav__inner{display:flex;align-items:center;justify-content:space-between}.nav__brand{display:inline-flex;align-items:center;gap:.6rem;font-family:Clash Display,sans-serif;font-weight:600;font-size:var(--step-0);letter-spacing:-.01em;color:var(--bone)}.nav__brand .mark{width:18px;height:18px;color:var(--bone)}.nav__links{display:flex;align-items:center;gap:clamp(1.1rem,.6rem + 2vw,2.4rem)}.nav__link{position:relative;font-size:var(--step--1);letter-spacing:.02em;color:var(--bone);padding-block:.2rem}.nav__link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}.nav__link:hover:after,.nav__link:focus-visible:after{transform:scaleX(1);transform-origin:left}.nav__cta{font-size:var(--step--1);letter-spacing:.02em;color:var(--ink);background:var(--bone);padding:.5rem .9rem;border-radius:2px;white-space:nowrap}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:calc(var(--z-nav) + 1);pointer-events:none}.scroll-progress__bar{display:block;height:100%;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;will-change:transform}@media(max-width:540px){.nav__links{gap:1rem}.nav__link:not(:last-of-type){display:none}}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:var(--z-cursor);border-radius:50%;opacity:0;will-change:transform}body.has-cursor,body.has-cursor a,body.has-cursor button,body.has-cursor [data-cursor]{cursor:none}body.has-cursor .cursor-dot,body.has-cursor .cursor-ring{opacity:1}.cursor-dot{width:6px;height:6px;background:var(--bone);mix-blend-mode:difference}.cursor-ring{width:34px;height:34px;border:1px solid color-mix(in srgb,var(--bone) 45%,transparent);display:grid;place-items:center;transition:width .35s var(--ease),height .35s var(--ease),border-color .35s var(--ease),background-color .35s var(--ease)}.cursor-ring.is-hover{width:72px;height:72px;border-color:var(--accent)}.cursor-label{font-family:Switzer,sans-serif;font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--bone);opacity:0;transform:scale(.6);transition:opacity .3s var(--ease),transform .3s var(--ease)}.cursor-ring.is-hover .cursor-label{opacity:1;transform:scale(1)}.preloader{position:fixed;inset:0;z-index:10000;background:var(--ink);display:grid;place-items:center;animation:preloader-failsafe .4s linear 4s forwards}.preloader__inner{display:flex;flex-direction:column;align-items:center;gap:1.1rem}.preloader__mark{width:54px;height:54px;color:var(--bone)}.preloader__count{font-family:Switzer,sans-serif;font-size:var(--step--1);letter-spacing:.2em;color:var(--grey-2)}.preloader.is-done{opacity:0;pointer-events:none;transition:opacity .6s var(--ease)}@keyframes preloader-failsafe{to{opacity:0;visibility:hidden}}.hero.is-canvas .hero__wordmark{opacity:0}.hero{position:relative;min-height:100svh;display:flex;overflow:hidden}.hero__canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.hero__inner{position:relative;z-index:1;width:min(100% - 2 * var(--gutter),var(--maxw));margin-inline:auto;display:grid;grid-template-rows:auto 1fr auto;padding-block:clamp(5rem,4rem + 4vw,8rem) clamp(1.5rem,1rem + 2vw,3rem)}.hero__meta{display:flex;justify-content:space-between;gap:var(--space-m)}.hero__main{align-self:center;padding-block:var(--space-l)}.hero__wordmark{font-size:var(--display);font-weight:600;line-height:.88;letter-spacing:-.03em;color:var(--fg)}.hero__tagline{margin-top:clamp(.6rem,.3rem + 1.2vw,1.4rem);margin-left:.12em;font-family:Switzer,sans-serif;font-weight:400;font-size:var(--step-2);line-height:1.1;letter-spacing:-.01em;color:var(--bone);padding-left:clamp(.2rem,.1rem + 1vw,2.5rem)}.hero__tagline .accent{color:var(--accent)}.hero__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-m);border-top:var(--hairline);padding-top:var(--space-s)}.hero__sub{max-width:32ch;color:var(--grey-1);font-size:var(--step-0)}.hero__cue{font-size:var(--step--1);letter-spacing:.18em;text-transform:uppercase;color:var(--grey-2);white-space:nowrap;display:inline-flex;align-items:center;gap:.5rem}.hero__cue:after{content:"";width:1px;height:2.4rem;background:linear-gradient(var(--grey-2),transparent);display:inline-block}@media(max-width:640px){.hero__foot{flex-direction:column;align-items:flex-start;gap:var(--space-s)}.hero__cue{display:none}}.ethos__label{grid-column:1 / -1;margin-bottom:var(--space-l)}.ethos__lead{grid-column:1 / 11;font-size:var(--step-3);font-weight:500;line-height:1.06;letter-spacing:-.02em}.ethos__lead .muted{color:var(--grey-2)}.ethos__tail{grid-column:8 / 13;align-self:end;margin-top:var(--space-l);color:var(--grey-1);font-size:var(--step-1);max-width:34ch;justify-self:end}.work__head{margin-bottom:var(--space-l)}.work__head .section-label{grid-column:1 / -1;margin-bottom:var(--space-m)}.work__title{grid-column:1 / 8;font-size:var(--step-4);font-weight:600;line-height:.9}.work__intro{grid-column:9 / 13;align-self:end;color:var(--grey-1);max-width:32ch}.work__list{display:flex;flex-direction:column;gap:var(--space-l)}.capabilities{position:relative}.marquee{position:relative;width:100%;overflow:hidden;margin-bottom:var(--space-xl);border-block:var(--hairline);padding-block:clamp(.6rem,.4rem + 1vw,1.2rem)}.marquee__track{display:inline-flex;white-space:nowrap;will-change:transform}.marquee__track span{font-family:Clash Display,sans-serif;font-weight:600;font-size:clamp(2.4rem,1rem + 6vw,6rem);line-height:1;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px var(--grey-2);text-stroke:1px var(--grey-2);padding-right:.2em}.capabilities .section-label{grid-column:1 / -1;margin-bottom:var(--space-s)}.capabilities__title{grid-column:1 / 6;font-size:var(--step-3);line-height:.95;margin-bottom:var(--space-l)}.caps__list{grid-column:1 / -1}.caps__item{display:grid;grid-template-columns:3rem minmax(10rem,1fr) 1.4fr;gap:var(--space-m);align-items:baseline;padding-block:var(--space-m);border-top:var(--hairline);transition:padding-left .4s var(--ease)}.caps__item:last-child{border-bottom:var(--hairline)}.caps__item:hover{padding-left:.8rem}.caps__idx{font-size:var(--step--1);letter-spacing:.1em;color:var(--grey-2)}.caps__name{font-family:Clash Display,sans-serif;font-weight:500;font-size:var(--step-2);line-height:1;letter-spacing:-.01em;color:var(--bone);transition:color .3s var(--ease)}.caps__item:hover .caps__name{color:var(--accent)}.caps__desc{color:var(--grey-1);font-size:var(--step-0)}.process .section-label{grid-column:1 / -1;margin-bottom:var(--space-s)}.process__title{grid-column:1 / 5;font-size:var(--step-3);line-height:.95}.steps{grid-column:5 / 13}.step{display:grid;grid-template-columns:4rem 1fr;gap:var(--space-m);align-items:start;padding-block:var(--space-m);border-top:var(--hairline)}.step:last-child{border-bottom:var(--hairline)}.step__idx{font-family:Clash Display,sans-serif;font-weight:500;font-size:var(--step-1);color:var(--grey-2)}.step__name{grid-column:2;font-size:var(--step-2);font-weight:500;margin-bottom:.3rem}.step__desc{grid-column:2;color:var(--grey-1);max-width:40ch}.contact{padding-block:var(--space-xl)}.contact .section-label{grid-column:1 / -1;margin-bottom:var(--space-l)}.contact__title{grid-column:1 / -1;font-size:var(--display);line-height:.86;letter-spacing:-.03em}.contact__line{grid-column:1 / 8;margin-top:var(--space-m);font-size:var(--step-1);color:var(--bone);max-width:26ch}.contact__actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-m);margin-top:var(--space-l)}.contact__cta{display:inline-flex;align-items:center;gap:.6rem;font-family:Clash Display,sans-serif;font-weight:600;font-size:var(--step-2);letter-spacing:-.01em;color:var(--ink);background:var(--bone);padding:.7em 1.1em;border-radius:2px}.contact__cta .arrow{transition:transform .4s var(--ease)}.contact__cta:hover .arrow{transform:translate(.4rem)}.contact__email{position:relative;font-size:var(--step-1);color:var(--grey-1)}.contact__email:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}.contact__email:hover{color:var(--bone)}.contact__email:hover:after,.contact__email:focus-visible:after{transform:scaleX(1);transform-origin:left}.contact__foot{grid-column:1 / -1;margin-top:var(--space-xl);font-size:var(--step--1);letter-spacing:.18em;text-transform:uppercase;color:var(--grey-2)}.footer{border-top:var(--hairline);padding-block:var(--space-m)}.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-m);flex-wrap:wrap}.footer__brand{display:inline-flex;align-items:center;gap:.5rem;font-family:Clash Display,sans-serif;font-weight:600;color:var(--bone)}.footer__brand .mark{width:16px;height:16px}.footer__sign{color:var(--grey-2);font-size:var(--step--1)}.footer__meta{color:var(--grey-2);font-size:var(--step--1);margin-left:auto}.footer__top{font-size:var(--step--1);letter-spacing:.1em;text-transform:uppercase;color:var(--grey-1)}.footer__top:hover{color:var(--accent)}@media(max-width:860px){.ethos__lead,.ethos__tail,.work__title,.work__intro,.capabilities__title,.process__title,.steps,.contact__line{grid-column:1 / -1;justify-self:start}.ethos__tail{margin-top:var(--space-m)}.caps__item{grid-template-columns:2.4rem 1fr}.caps__desc{grid-column:2;margin-top:.4rem}}@media(max-width:540px){.step{grid-template-columns:3rem 1fr}.footer__inner{gap:var(--space-s)}.footer__meta{margin-left:0}}.work-card{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter);align-items:center}.work-card__frame{grid-column:1 / 9}.work-card__meta{grid-column:9 / 13}.work-card:nth-child(2n) .work-card__frame{grid-column:5 / 13}.work-card:nth-child(2n) .work-card__meta{grid-column:1 / 5}.work-card__frame{position:relative;display:block;border-radius:8px;overflow:hidden;border:var(--hairline);background:var(--grey-3);will-change:transform}.browser{display:block}.browser__bar{display:flex;align-items:center;gap:.7rem;padding:.55rem .85rem;border-bottom:var(--hairline);background:color-mix(in srgb,var(--ink) 55%,var(--grey-3))}.browser__dots{display:inline-flex;gap:.4rem}.browser__dots i{width:8px;height:8px;border-radius:50%;background:var(--grey-2)}.browser__url{font-size:var(--step--1);letter-spacing:.02em;color:var(--grey-1)}.browser__viewport{display:block;position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--grey-3)}.work-card__shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .6s var(--ease)}.work-card__frame:hover .work-card__shot{transform:scale(1.03)}.work-card__live{position:absolute;top:0;left:0;border:0;transform-origin:top left;pointer-events:none;opacity:0;transition:opacity .5s var(--ease)}.work-card__live.is-ready{opacity:1}.work-card__frame:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease);z-index:3}.work-card__frame:hover:after{transform:scaleX(1)}.work-card__idx{display:block;font-size:var(--step--1);letter-spacing:.1em;color:var(--grey-2);margin-bottom:var(--space-s)}.work-card__name{font-size:var(--step-3);line-height:.92}.work-card__line{margin-top:var(--space-s);color:var(--bone);max-width:26ch}.work-card__role{margin-top:var(--space-s);font-size:var(--step--1);letter-spacing:.04em;text-transform:uppercase;color:var(--grey-2)}.work-card__view{display:inline-flex;align-items:center;gap:.45rem;margin-top:var(--space-m);color:var(--grey-1);font-size:var(--step-0)}.work-card__view .arrow{transition:transform .4s var(--ease)}.work-card:hover .work-card__view{color:var(--bone)}.work-card:hover .work-card__view .arrow{transform:translate(.4rem)}@media(max-width:860px){.work-card{grid-template-columns:1fr}.work-card__frame,.work-card__meta,.work-card:nth-child(2n) .work-card__frame,.work-card:nth-child(2n) .work-card__meta{grid-column:1 / -1}}