@font-face{font-family:ArchivoBlack;src:url(/assets/archivo-black-BTVu2TQR.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PermanentMarker;src:url(/assets/ghost-brush-DsLHn9AE.woff2)format("woff2");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:GasoekOne;src:url(/assets/gasoek-one-llzZ5cD6.woff2)format("woff2");font-weight:100;font-style:normal;font-display:swap}:root{--archivo-black:"ArchivoBlack", sans-serif;--permanent-marker:"PermanentMarker", sans-serif;--gasoek-one:"GasoekOne", sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, monospace;--font-body:-apple-system, "Helvetica Neue", "Segoe UI", sans-serif;--black:#0c0c0c;--red:#ae2b1e;--grey:#3c3c3c;--cream:#e8e6d7;--dark-cream:#dcd9c4;--white:#fff;--space-sm:clamp(.5rem, 1vw + .25rem, 1rem);--space-md:clamp(1rem, 2vw + .35rem, 2rem);--space-lg:clamp(1.5rem, 3vw + .5rem, 3.5rem);--space-xl:clamp(3rem, 8vw + 1rem, 8rem);--gutter:clamp(1rem, 4vw, 4rem);--grid-max-width:1680px;--grid-gutter:clamp(1rem, 3vw, 2.5rem);--grid-margin:clamp(1.5rem, 5vw, 6rem);--grid-columns:12;--subheader-h:clamp(5vh, calc(5vw + .5rem), 7vh);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-paint:cubic-bezier(.34, 1.2, .4, 1);--vel:0;--z-drip:4;--z-nav:100}.site-nav{top:var(--subheader-h);z-index:var(--z-nav);width:calc(100% - 2*clamp(1.25rem,3vw,3.5rem));display:block;position:fixed;left:50%;transform:translate(-50%,-50%)}.nav-pill{justify-content:space-between;align-items:center;gap:var(--space-md);background-color:var(--black);color:var(--cream);border-radius:999px;padding:2rem;display:flex;box-shadow:0 26px 52px -22px #0c0c0c8c}.logo{font-family:var(--archivo-black);color:var(--cream);white-space:nowrap;font-size:clamp(1.15rem,1.8vw,1.5rem);text-decoration:none}.logo-tld{color:var(--red)}.nav-links{gap:clamp(1.25rem,3.2vw,3rem);display:flex}.nav-links a{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.09em;color:color-mix(in srgb, var(--cream) 70%, transparent);font-size:.95rem;text-decoration:none;transition:color .25s;position:relative}.nav-links a:hover,.nav-links a.is-active{color:var(--cream)}.nav-links a.is-active:after{content:"";background-color:var(--red);border-radius:4px;height:4px;position:absolute;bottom:-.55rem;left:0;right:0}.nav-cta{background-color:var(--red);color:var(--cream);font-family:var(--archivo-black);text-transform:uppercase;white-space:nowrap;transition:transform .3s var(--ease-out-expo);border-radius:999px;padding:1rem 2.1rem;font-size:clamp(.95rem,1.1vw,1.1rem);text-decoration:none}.nav-cta:hover{transform:scale(1.06)rotate(-2deg)}body:not(.is-ready) .site-nav{transform:translate(-50%,-240%)}body.is-ready .site-nav{transition:transform .9s var(--ease-out-expo) .55s}@media (width<=760px){.nav-links{display:none}.nav-pill{padding:.7rem .8rem .7rem 1.4rem}.nav-cta{padding:.85rem 1.5rem}}@media (prefers-reduced-motion:reduce){body:not(.is-ready) .site-nav{transform:translate(-50%,-50%)}}.hero-sub-header{background-color:var(--dark-cream);height:var(--subheader-h);z-index:3;width:100vw;position:absolute;top:0;left:0;right:0}playful-hero{min-height:calc(100vh - clamp(56px,9vh,96px));margin-left:var(--gutter);margin-right:var(--gutter);gap:var(--gutter);padding:clamp(3rem, 13vh, 12rem) var(--gutter) 0;--exit:clamp(0, (var(--p,.5) - .5) * 2, 1);grid-template-rows:max-content max-content;grid-template-columns:repeat(12,1fr);align-content:center;align-items:center;display:grid;position:relative}.hero-title-wrapper{grid-area:1/1/auto/8;justify-self:end;width:max-content}.hero-title-wrapper p{font-size:clamp(1rem,7vw,12rem);font-family:var(--archivo-black);text-transform:uppercase;-webkit-user-select:none;user-select:none;color:var(--white);z-index:2;text-align:right;white-space:nowrap;line-height:.85}.line-masked{transform:translateY(calc(var(--exit) * var(--drift,0) * -16vh));opacity:calc(1 - var(--exit) * .85);overflow:hidden}.line-masked:first-child{--drift:1}.line-masked:nth-child(2){--drift:.74}.line-masked:nth-child(3){--drift:.5}.line-masked:nth-child(4){--drift:.28}.line-masked p{transition:transform 1.05s var(--ease-out-expo);transform:translateY(118%)}.line-masked:first-child p{transition-delay:80ms}.line-masked:nth-child(2) p{transition-delay:.16s}.line-masked:nth-child(3) p{transition-delay:.24s}.line-masked:nth-child(4) p{transition-delay:.32s}body.is-ready .line-masked p{transform:translateY(0)}.hero-sub-title-wrapper{text-align:right;width:auto;transform:rotate(calc(var(--exit) * -5deg)) translateX(calc(var(--exit) * 5vw));opacity:calc(1 - var(--exit) * 1.2);grid-column:4/span 4;justify-self:end;margin-top:-1rem}.hero-sub-title-wrapper h1{font-size:clamp(1rem,3vw,5rem);line-height:.85;font-family:var(--permanent-marker);-webkit-user-select:none;user-select:none;color:var(--black);z-index:3;transform-origin:100%;opacity:0;transition:opacity 1.1s .6s;display:block;transform:rotate(-4deg)}body.is-ready .hero-sub-title-wrapper h1{opacity:1}.hero-sub-title-wrapper h1 span{white-space:nowrap;display:block}.hero-scroll-hint{bottom:var(--space-lg);left:var(--gutter);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;opacity:calc(.55 - var(--exit));font-size:.75rem;animation:2.6s ease-in-out infinite hint-bob;position:absolute}@keyframes hint-bob{0%,to{transform:translateY(0)}50%{transform:translateY(.4rem)}}@media (width<=760px){playful-hero{padding:calc(var(--subheader-h) + 8.5rem) 0 0;align-content:start}.hero-title-wrapper{grid-column:1/-1;justify-self:center;width:max-content;max-width:100%}.hero-title-wrapper p{font-size:clamp(2.2rem,10.5vw,4.5rem)}.hero-sub-title-wrapper{grid-column:1/-1;margin-top:.75rem}.hero-sub-title-wrapper h1{font-size:clamp(1.1rem,4.5vw,2rem)}}@media (prefers-reduced-motion:reduce){.line-masked,.hero-sub-title-wrapper{opacity:1;transform:none}.line-masked p{transition:none;transform:none}.hero-sub-title-wrapper h1{opacity:1;transition:none}.hero-scroll-hint{animation:none}}drip-divider{pointer-events:none;height:clamp(150px,19vw,280px);z-index:var(--z-drip);display:block;position:absolute;top:-2px;left:0;right:0}drip-divider svg{fill:currentColor;width:100%;height:100%;display:block;overflow:visible}drip-divider .drip{transform-box:fill-box;transform-origin:50% 0;--d:clamp(0, (var(--p,1) - var(--delay)) * var(--inv), 1);transform:scaleY(var(--d));transition:transform var(--lag,.12s) linear}drip-divider .droplet{transform-box:fill-box;--dd:clamp(0, (var(--p,1) - var(--delay)) * var(--inv), 1);transform:translateY(calc(var(--dd) * 175px));opacity:clamp(0, min(var(--dd) * 8, 1) - var(--dd) * var(--dd), 1);transition:transform .14s linear,opacity .14s linear}@media (prefers-reduced-motion:reduce){drip-divider{--p:1!important}drip-divider .drip,drip-divider .droplet{transition:none}}.build{background-color:var(--black);color:var(--cream);height:700vh;position:relative}.build-stage{height:100vh;position:sticky;top:0;overflow:hidden}.build-head{top:clamp(100px,13vh,200px);left:var(--gutter);z-index:4;font-family:var(--archivo-black);text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(2.8rem,8vw,9rem);line-height:.86;position:absolute}.build-panels{list-style:none;position:absolute;inset:0}.build-panel{pointer-events:none;padding:0 var(--gutter);--dp:calc(var(--p,0) - var(--pc));--ad:max(var(--dp), calc(-1 * var(--dp)));--op:clamp(0, calc((.125 - var(--ad)) / .05), 1);opacity:var(--op);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;column-gap:clamp(1rem,3vw,4rem);display:grid;position:absolute;inset:0}.build-panel:first-child{--pc:.125}.build-panel:nth-child(2){--pc:.375}.build-panel:nth-child(3){--pc:.625}.build-panel:nth-child(4){--pc:.875}.build-panel:first-child{--op:clamp(0, calc((.125 - max(var(--dp), 0)) / .05), 1)}.build-panel:last-child{--op:clamp(0, calc((.125 - max(calc(-1 * var(--dp)), 0)) / .05), 1)}.build-caption{width:clamp(18rem,28vw,31rem);transform:translateY(calc(var(--dp) * -170vh));grid-area:1/1;place-self:center}.build-media{transform:translateY(calc(var(--dp) * -390vh));will-change:transform;grid-area:1/2;justify-content:center;place-self:center;align-items:center;gap:clamp(.75rem,1.8vw,2rem);display:flex}.build-index{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin-bottom:.9rem;font-size:.74rem;display:block}.build-caption h3{font-family:var(--archivo-black);text-transform:uppercase;letter-spacing:-.02em;white-space:nowrap;font-size:clamp(2rem,4.6vw,4.8rem);line-height:.92}.build-caption p{font-family:var(--font-mono);opacity:.82;max-width:42ch;margin-top:clamp(1rem,2vh,1.6rem);font-size:clamp(.9rem,1.1vw,1.15rem);line-height:1.65}.device{border:1px solid color-mix(in srgb, var(--cream) 16%, transparent);background-color:#161616;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 40px 90px -36px #000000e6}.device--browser,.device--laptop{aspect-ratio:16/10;border-radius:clamp(.6rem,1vw,1.1rem);width:min(780px,42vw)}.device-bar{background-color:#1f1f1f;border-bottom:1px solid #ffffff0f;flex:none;align-items:center;gap:.5rem;height:clamp(1.8rem,2.4vw,2.4rem);padding:0 1rem;display:flex}.device-bar i{background-color:#3a3a3a;border-radius:50%;width:.65rem;height:.65rem}.device-bar i:first-child{background-color:var(--red)}.device--laptop{border-bottom-width:clamp(.6rem,1.1vw,1rem);border-bottom-color:#0a0a0a}.device--phone{aspect-ratio:9/19.5;border:clamp(7px,.8vw,11px) solid #1f1f1f;border-radius:clamp(1.6rem,2vw,2.6rem);width:clamp(160px,15vw,280px)}.device--phone:not(.device--lift)+.device--browser,.device--phone:not(.device--lift)+.device--laptop{margin-left:clamp(-130px,-7vw,-55px)}.device--lift{margin-left:clamp(-80px,-4vw,-36px);transform:translateY(clamp(-3rem,-6vh,-1.8rem))}.build-dots{display:none}.shot{background:radial-gradient(120% 100% at 0% 0%, color-mix(in srgb, var(--red) 55%, #000) 0%, transparent 55%), linear-gradient(135deg, #2a2a2a 0%, #161616 100%);flex:1;width:100%}@media (width<=899px){.build{height:400vh}.build-head{font-size:clamp(2.2rem,9vw,3.4rem);top:clamp(70px,11vh,110px)}.build-panels{width:400vw;height:100vh;transform:translateX(calc(var(--p,0) * -300vw));will-change:transform;flex-direction:row;display:flex;inset:0 auto 0 0}.build-panel{opacity:1;pointer-events:auto;width:100vw;height:100vh;padding:clamp(90px, 13vh, 160px) var(--gutter) clamp(4rem, 9vh, 6rem);flex-direction:column;flex:none;justify-content:center;align-items:center;gap:clamp(3rem,12vh,7rem);display:flex;position:relative;inset:auto;transform:none}.build-panel:first-child{--pc:0}.build-panel:nth-child(2){--pc:.3333}.build-panel:nth-child(3){--pc:.6667}.build-panel:nth-child(4){--pc:1}.build-caption,.build-panel:nth-child(2n) .build-caption{text-align:center;width:auto;max-width:min(34ch,90vw);transform:translateY(calc(var(--dp) * -20vh));place-self:center;margin-inline:auto}.build-index{margin-inline:auto}.build-caption h3{white-space:normal;font-size:clamp(2rem,8.5vw,3rem)}.build-caption p{margin-inline:auto}.build-media,.build-panel:nth-child(2n) .build-media{transform:translateY(calc(var(--dp) * -50vh));will-change:transform;align-self:center}.device--browser,.device--laptop{width:min(74vw,420px)}.device--phone{width:clamp(96px,26vw,150px)}.device--phone:not(.device--lift)+.device--browser,.device--phone:not(.device--lift)+.device--laptop{margin-left:clamp(-70px,-16vw,-36px)}.build-dots{z-index:4;justify-content:center;gap:.7rem;display:flex;position:absolute;bottom:clamp(1.6rem,5vh,3rem);left:0;right:0}.build-dots i{background-color:var(--red);--d:calc(var(--p,0) - var(--dc));--ad:max(var(--d), calc(-1 * var(--d)));width:.5rem;height:.5rem;opacity:clamp(.3, calc(1 - var(--ad) * 6), 1);border-radius:50%}.build-dots i:first-child{--dc:0}.build-dots i:nth-child(2){--dc:.3333}.build-dots i:nth-child(3){--dc:.6667}.build-dots i:nth-child(4){--dc:1}}@media (prefers-reduced-motion:reduce){.build{height:auto}.build-stage{height:auto;position:static;overflow:visible}.build-head{padding:clamp(90px, 16vh, 150px) var(--gutter) 0;position:static}.build-panels{width:auto;height:auto;display:block;position:static;transform:none}.build-dots{display:none}.build-panel{opacity:1;pointer-events:auto;gap:var(--space-lg);padding:var(--space-xl) var(--gutter);grid-template-columns:1fr;position:relative;inset:auto}.build-caption,.build-media,.build-panel:nth-child(2n) .build-caption,.build-panel:nth-child(2n) .build-media{opacity:1;grid-area:auto;justify-self:start;width:auto;max-width:none;transition:none;transform:none}.build-caption h3{white-space:normal}}.forge{background-color:var(--cream);height:220vh}.forge-stage{height:100vh;position:sticky;top:0;overflow:hidden}.forge shader-bg{display:block;position:absolute;inset:0}.forge shader-bg canvas{width:100%;height:100%;display:block}.forge-caption{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;white-space:nowrap;opacity:.7;font-size:clamp(.75rem,1vw,.95rem);position:absolute;bottom:clamp(1.5rem,6vh,4rem);left:50%;translate:-50%}.forge-caption em{color:var(--red);font-style:normal}.prod{background-color:var(--red);color:var(--cream);padding:var(--space-xl) var(--gutter);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(2rem,6vw,6rem);display:grid}.prod-head{align-self:start;max-width:32ch;position:sticky;top:clamp(6rem,12vh,9rem)}.prod-head h2{font-family:var(--archivo-black);text-transform:uppercase;letter-spacing:-.015em;margin-top:.35em;font-size:clamp(2.6rem,7.5vw,7.5rem);line-height:.88}.prod .section-lede{font-family:var(--font-mono);max-width:52ch;margin-top:var(--space-md);opacity:.85;font-size:clamp(.85rem,1.05vw,1rem);line-height:1.7}.steps{gap:clamp(4rem,14vh,8rem);max-width:720px;padding-left:clamp(1.5rem,3.5vw,2.75rem);list-style:none;display:grid;position:relative}.steps:before,.steps:after{content:"";background-color:color-mix(in srgb, var(--cream) 22%, transparent);border-radius:3px;width:3px;position:absolute;top:0;bottom:0;left:0}.steps:after{background-color:var(--black);transform-origin:top;transform:scaleY(var(--p,0))}.step{grid-template-columns:auto 1fr;align-items:start;gap:clamp(1.25rem,3vw,2.75rem);display:grid}.step:nth-child(2){transition-delay:.12s}.step:nth-child(3){transition-delay:.24s}.step-no{font-family:var(--gasoek-one);color:var(--black);font-size:clamp(2.8rem,6.5vw,6rem);line-height:.85}.step h3{font-family:var(--archivo-black);text-transform:uppercase;margin-bottom:.5em;font-size:clamp(1.4rem,2.6vw,2.6rem);line-height:1}.step p{font-family:var(--font-mono);opacity:.85;max-width:58ch;font-size:clamp(.85rem,1.05vw,1rem);line-height:1.7}.prod-kicker{font-family:var(--permanent-marker);color:var(--black);margin:var(--space-xl) 0 0 clamp(1rem, 6vw, 6rem);max-width:max-content;font-size:clamp(1.6rem,4vw,3.4rem);transform:rotate(-3deg)}.prod-kicker[data-reveal]{transform:rotate(-3deg)translateY(2rem)}.prod-kicker[data-reveal].in{transform:rotate(-3deg)translateY(0)}@media (width<=899px){.prod{display:block}.prod-head{max-width:none;position:static}.steps{margin-top:var(--space-xl);gap:clamp(2.5rem,7vh,4.5rem)}}.stack{background-color:var(--cream);color:var(--black);min-height:100vh;padding:var(--space-xl) 0;flex-direction:column;justify-content:center;display:flex;position:sticky;top:0;overflow:hidden}.stack .section-head{padding:0 var(--gutter)}.stack-groups{margin-top:var(--space-lg);padding:0 var(--gutter)}.stack-group{border-top:2px solid var(--black);padding:clamp(1rem,2.6vh,1.9rem) 0}.stack-group:last-child{border-bottom:2px solid var(--black)}.stack-cat{font-family:var(--archivo-black);text-transform:uppercase;letter-spacing:.12em;color:var(--red);margin:0 0 clamp(.7rem,1.6vh,1.1rem);font-size:clamp(.85rem,1.3vw,1.05rem)}.stack-list{flex-wrap:wrap;gap:clamp(.55rem,1vw,.85rem);margin:0;padding:0;list-style:none;display:flex}.chip{font-family:var(--font-mono);border:2px solid var(--black);color:var(--black);transition:background-color .22s var(--ease-out-expo), border-color .22s var(--ease-out-expo), color .22s var(--ease-out-expo);background-color:#0000;border-radius:999px;align-items:center;gap:.6em;padding:.62em 1.05em;font-size:clamp(.9rem,1.4vw,1.1rem);line-height:1;display:inline-flex}.chip-ico{flex-shrink:0;display:inline-flex}.chip-ico svg{fill:currentColor;width:1.25em;height:1.25em;display:block}.chip-ico svg.glyph{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}@media (hover:hover){.chip:hover{background-color:var(--black);border-color:var(--black);color:var(--cream)}.stack-group:nth-child(odd) .chip:hover{background-color:var(--red);border-color:var(--red)}}@media (prefers-reduced-motion:reduce){.chip{transition:none}}.contact{z-index:5;background-color:var(--black);color:var(--cream);flex-direction:column;min-height:100vh;display:flex;position:relative}.contact-body{text-align:center;justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--gutter) var(--space-lg);--arrive:clamp(0, var(--p,0) * 2.2, 1);flex-direction:column;flex:1;display:flex}.contact .eyebrow{color:color-mix(in srgb, var(--red) 65%, var(--cream));opacity:1}.contact-title{font-family:var(--archivo-black);text-transform:uppercase;letter-spacing:-.015em;transform:scale(calc(.84 + var(--arrive) * .16)) translateY(calc((1 - var(--arrive)) * 5vh));flex-direction:column;font-size:clamp(4.5rem,17vw,17rem);line-height:.82;display:flex}.contact-hl{color:var(--red)}.contact-cta{align-items:center;gap:var(--space-md);margin-top:var(--space-sm);flex-direction:column;display:flex}.cta-pill{background-color:var(--red);color:var(--cream);font-family:var(--archivo-black);transition:transform .4s var(--ease-out-expo), background-color .3s ease;border-radius:999px;padding:1em 1.9em;font-size:clamp(1rem,1.8vw,1.5rem);text-decoration:none;display:inline-block;transform:rotate(-2deg)}.cta-pill:hover{background-color:var(--cream);color:var(--black);transform:rotate(1.5deg)scale(1.06)}.contact-meta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.13em;opacity:.55;font-size:clamp(.72rem,.9vw,.85rem)}.footer{justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) var(--gutter);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.09em;opacity:.6;flex-wrap:wrap;font-size:.72rem;display:flex}.footer a{color:inherit;text-decoration:none;transition:color .25s}.footer a:hover{color:var(--red)}@media (prefers-reduced-motion:reduce){.contact-title{transform:none}}*{box-sizing:border-box;margin:0;padding:0}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}html,body{overflow-x:clip}body{font-family:var(--font-body);color:var(--black);background-color:var(--cream);font-size:16px;line-height:1.5}::selection{background:var(--red);color:var(--cream)}:focus-visible{outline:3px solid var(--red);outline-offset:3px}section{position:relative}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;opacity:.65;font-size:clamp(.7rem,.9vw,.85rem)}.section-head h2{font-family:var(--archivo-black);text-transform:uppercase;letter-spacing:-.015em;margin-top:.35em;font-size:clamp(2.6rem,7.5vw,7.5rem);line-height:.88}[data-reveal]{opacity:0;transition:opacity .9s var(--ease-out-expo), transform .9s var(--ease-out-expo);transform:translateY(2rem)}[data-reveal].in{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transition:none;transform:none}}