@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap");*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.absolute{position:absolute}.relative{position:relative}.hidden{display:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--paper:#f5f0e8;--paper-deep:#e9e0d3;--ink:#20262b;--muted:#6f7475;--red:#e74736;--blue:#2f63d8;--yellow:#f6c844;--line:rgba(32,38,43,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:Space Grotesk,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}::-moz-selection{background:var(--yellow);color:var(--ink)}::selection{background:var(--yellow);color:var(--ink)}.page-shell{width:min(1240px,calc(100% - 64px));margin:0 auto}.site-nav{position:fixed;inset:0 0 auto;z-index:100;padding:18px 0;transition:.25s ease}.site-nav--scrolled{background:rgba(245,240,232,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.footer__inner,.site-nav__inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:17px;font-weight:700;letter-spacing:-.04em}.brand__mark{display:grid;place-items:center;width:28px;height:28px;background:var(--red);color:var(--paper);border-radius:50%;font-size:14px;font-weight:700;transform:rotate(-9deg)}.brand__accent{color:var(--red)}.site-nav__links{display:flex;gap:28px;font-family:DM Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.footer a,.site-nav__links a{transition:color .2s ease}.footer a:hover,.site-nav__links a:hover{color:var(--red)}.button,.nav-button{display:inline-flex;align-items:center;gap:18px;padding:12px 16px;border-radius:999px;font-family:DM Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.06em;transition:transform .2s ease,background .2s ease}.nav-button{background:var(--ink);color:var(--paper)}.button:hover,.nav-button:hover{transform:translateY(-2px)}.hero{padding-top:142px;background:var(--paper)}.hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;min-height:650px;padding-bottom:78px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font:11px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.eyebrow__dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red)}.contact h2,.hero h1,.section-heading h2,.studio h2{margin:24px 0 0;font-size:clamp(58px,8vw,112px);line-height:.88;letter-spacing:-.075em;font-weight:600}.contact h2 em,.hero h1 em,.section-heading h2 em,.studio h2 em{color:var(--red);font-style:normal}.hero__intro{max-width:390px;margin:30px 0 0;color:var(--muted);font-size:17px;line-height:1.5}.hero__actions{display:flex;align-items:center;gap:24px;margin-top:34px}.button--dark{background:var(--ink);color:var(--paper)}.text-link{font:12px DM Mono,monospace;text-transform:uppercase;letter-spacing:.06em}.app-card a span,.button span,.contact__email span,.text-link span{color:var(--red)}.shop-window{position:relative;padding:15px;background:var(--ink);color:var(--paper);border-radius:3px;box-shadow:14px 16px 0 var(--yellow);transform:rotate(2deg)}.app-card__top,.shop-window__caption,.shop-window__top{display:flex;justify-content:space-between;font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.shop-window__top{padding:2px 2px 13px}.shop-window__art{position:relative;min-height:430px;overflow:hidden;background:var(--red)}.orbit{position:absolute;border:1px solid rgba(245,240,232,.45);border-radius:50%;transform:rotate(-25deg)}.orbit--one{width:590px;height:170px;top:80px;left:-78px}.orbit--two{width:570px;height:130px;top:170px;left:-55px;transform:rotate(24deg)}.sticker{position:absolute;z-index:3;display:grid;place-items:center;width:70px;height:70px;border-radius:50%;color:var(--ink);text-align:center;font:700 13px/1 Space Grotesk;transform:rotate(11deg)}.sticker small{font-size:9px;letter-spacing:.15em}.sticker--yellow{top:26px;right:24px;background:var(--yellow)}.phone{position:absolute;z-index:2;width:165px;height:335px;padding:8px;border-radius:25px;background:var(--ink);box-shadow:10px 14px 0 rgba(32,38,43,.25)}.phone--back{top:48px;right:75px;transform:rotate(13deg)}.phone--front{top:80px;left:82px;transform:rotate(-9deg);z-index:4}.phone__screen{height:100%;border-radius:19px;padding:24px 15px;color:var(--paper);font-size:24px;line-height:.9;font-weight:500}.phone__screen b{font-size:31px}.phone__screen i{display:block;margin-top:100px;font-size:50px;font-style:normal}.phone__screen--blue{background:var(--blue)}.phone__screen--red{background:#f56e3e}.phone__screen--red .wave{margin-top:100px;font-size:26px;white-space:nowrap;transform:rotate(-4deg)}.phone__screen small{display:block;margin-top:16px;font:8px DM Mono,monospace;text-transform:uppercase}.art-label{position:absolute;bottom:24px;right:22px;z-index:1;font-size:27px;font-weight:700;line-height:.8;letter-spacing:-.08em;text-align:right}.art-label span{color:var(--yellow)}.shop-window__caption{padding:13px 2px 2px}.workshop-window{position:relative;padding:15px;background:var(--ink);color:var(--paper);border-radius:3px;box-shadow:14px 16px 0 var(--yellow);transform:rotate(2deg)}.workshop-window__art{position:relative;min-height:430px;overflow:hidden;padding:28px;background:var(--blue)}.workshop-window__art--phones{padding:0;background:var(--red)}.workshop-window__art--phones .phone--back{top:48px;right:76px}.workshop-window__art--phones .phone--front{top:76px;left:83px}.workshop-window__art--phones .phone__screen--blue{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:var(--blue)}.workshop-window__art--phones .phone__screen--red{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#f56e3e}.platform-logo{display:grid;place-items:center;width:94px;height:94px;border:1px solid;border-radius:50%;color:var(--paper)}.platform-logo svg{width:52px;height:52px}.platform-logo--ios{font:58px/1 Arial,sans-serif}.workshop-window__art--phones .phone__screen small{margin:0;font:10px DM Mono,monospace;letter-spacing:.12em}.workshop-window__art--phones .workshop-window__stamp{color:var(--yellow)}.workshop-window__art--phones .workshop-window__note{z-index:5;bottom:24px;left:auto;right:23px}.workshop-window__stamp{position:absolute;top:25px;right:24px;z-index:2;color:var(--yellow);font-size:28px;line-height:.78;font-weight:700;letter-spacing:-.08em;transform:rotate(8deg)}.workshop-window__stamp span{color:var(--paper)}.flow-line{top:185px;left:50px;right:50px;border-top:1px dashed rgba(245,240,232,.6)}.flow-line,.flow-node{position:absolute;transform:rotate(-8deg)}.flow-node{z-index:2;display:flex;flex-direction:column;width:125px;height:125px;padding:16px;border-radius:50%;color:var(--ink);background:var(--paper)}.flow-node span{color:var(--red);font:10px DM Mono,monospace}.flow-node b{margin-top:8px;font-size:22px;line-height:.9;letter-spacing:-.07em}.flow-node small{margin-top:8px;font-size:10px;line-height:1.05}.flow-node--one{top:100px;left:30px}.flow-node--two{top:164px;left:174px;background:var(--yellow);transform:rotate(7deg)}.flow-node--three{top:88px;right:26px;transform:rotate(12deg)}.workshop-window__note{position:absolute;bottom:22px;left:28px;color:var(--paper);font:18px/1 Space Grotesk,sans-serif;letter-spacing:-.06em;transform:rotate(-5deg)}.workshop-window__note em{color:var(--yellow);font-style:normal}.workflow-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 50px;margin-top:85px;border-top:1px solid var(--line)}.workflow-card{display:grid;grid-template-columns:52px 1fr 25px;gap:16px;min-height:190px;padding:25px 0;border-bottom:1px solid var(--line)}.workflow-card__number{color:var(--red);font:12px DM Mono,monospace}.workflow-card h3{margin:0;font-size:25px;line-height:1;letter-spacing:-.05em}.workflow-card p{max-width:34ch;margin:16px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.workflow-card__arrow{align-self:end;color:var(--red);font-size:21px}.workflow-note{display:flex;align-items:baseline;justify-content:space-between;gap:30px;margin-top:75px;padding:18px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.workflow-note span{color:var(--red);font:10px DM Mono,monospace;letter-spacing:.08em}.workflow-note strong{max-width:670px;font-size:clamp(19px,2.4vw,29px);line-height:1.05;letter-spacing:-.05em;font-weight:500}.hero__ticker{position:relative;left:50%;width:100vw;margin-left:-50vw;overflow:hidden;padding:15px 0;background:var(--blue);color:var(--paper);font:12px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;contain:paint}.ticker__track{display:flex;width:-moz-max-content;width:max-content;animation:ticker 36s linear infinite;will-change:transform;transform:translateZ(0)}.ticker__group{display:flex;align-items:center;flex:0 0 auto;padding:0 24px}.ticker__track span{margin:0 25px;color:var(--yellow)}@keyframes ticker{to{transform:translateX(-50%)}}.proof-strip{border-bottom:1px solid var(--line);background:var(--paper-deep)}.proof-strip__inner{display:flex;align-items:center;gap:55px;padding:22px 0}.app-card__category,.category-row,.footer,.process-band,.proof-strip__label{font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.proof-strip__label{color:var(--muted);white-space:nowrap}.proof-strip__items{display:flex;justify-content:space-between;width:100%;gap:20px}.proof-strip__items b{margin-right:5px;font-size:18px;color:var(--red);font-family:Space Grotesk,sans-serif}.section{padding:145px 0}.section-heading{display:grid;grid-template-columns:220px 1fr;gap:50px}.section-heading h2{margin:0;font-size:clamp(54px,7vw,95px)}.section-heading p{max-width:345px;margin:24px 0 0;color:var(--muted);font-size:16px;line-height:1.5}.category-row{display:flex;gap:25px;margin:75px 0 25px;color:var(--muted)}.category-row span{cursor:pointer}.category-row__active{color:var(--ink);text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--red)}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.app-card{min-height:510px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.app-card--red{background:var(--red);color:var(--paper)}.app-card--blue{background:var(--blue);color:var(--paper)}.app-card--yellow{background:var(--yellow);color:var(--ink)}.app-card__top{opacity:.75}.app-card__mark{align-self:center;display:grid;place-items:center;width:185px;height:185px;margin-top:25px;border:1px solid;border-radius:50%;font-size:94px;line-height:1;transform:rotate(-10deg)}.app-card--blue .app-card__mark{transform:rotate(12deg);border-radius:30% 70% 55% 45%}.app-card__body{margin-top:28px}.app-card__category{opacity:.7}.app-card h3{max-width:9ch;margin:10px 0 0;font-size:32px;line-height:.94;letter-spacing:-.06em}.app-card p{max-width:30ch;min-height:68px;margin:18px 0 22px;font-size:14px;line-height:1.45}.app-card a{display:inline-flex;align-items:center;gap:9px;font:11px DM Mono,monospace;text-transform:uppercase;letter-spacing:.04em}.app-card--yellow a span{color:var(--blue)}.studio{background:var(--ink);color:var(--paper)}.studio__grid{display:grid;grid-template-columns:220px 1fr 1fr;gap:45px}.studio .section-kicker{color:rgba(245,240,232,.6)}.studio .eyebrow__dot{background:var(--yellow)}.studio h2{margin:0;font-size:clamp(50px,6vw,82px)}.studio h2 em{color:var(--yellow)}.studio__copy p{max-width:43ch;margin:32px 0 0;color:rgba(245,240,232,.7);font-size:17px;line-height:1.55}.studio__signature{margin-top:54px;color:var(--yellow);font:11px DM Mono,monospace;text-transform:uppercase;letter-spacing:.07em}.studio__signature span{margin-left:12px}.studio__list{padding-top:7px}.studio__list>div{padding:17px 0;border-top:1px solid rgba(245,240,232,.23)}.studio__list span{display:inline-block;width:38px;color:var(--yellow);font:11px DM Mono,monospace}.studio__list b{font-size:17px;font-weight:500}.studio__list p{margin:12px 0 0 38px;color:rgba(245,240,232,.58);font-size:13px;line-height:1.45}.process-band{background:var(--yellow);color:var(--ink)}.process-band__inner{display:flex;align-items:center;justify-content:space-between;padding:19px 0}.process-band strong{font-size:20px;font-weight:400}.contact{background:var(--red);color:var(--paper)}.contact__inner{text-align:center}.contact .eyebrow{color:rgba(245,240,232,.75)}.contact .eyebrow__dot{background:var(--yellow)}.contact h2{margin:25px auto 45px;font-size:clamp(60px,10vw,130px)}.contact h2 em{color:var(--yellow)}.contact__email{display:inline-block;padding-bottom:8px;border-bottom:1px solid rgba(245,240,232,.7);font-size:clamp(18px,2.5vw,31px);letter-spacing:-.04em}.contact__email span{color:var(--yellow)}.contact p{margin-top:22px;color:rgba(245,240,232,.75);font-size:14px}.wordmark-band{overflow:hidden;background:var(--paper);border-bottom:1px solid var(--line)}.wordmark-band>div{padding:45px 0 20px;color:transparent;font-size:clamp(100px,21vw,300px);font-weight:700;line-height:.75;letter-spacing:-.1em;text-align:center;white-space:nowrap;-webkit-text-stroke:1px rgba(32,38,43,.28)}.wordmark-band span{color:var(--red);-webkit-text-stroke:0}.footer{padding:22px 0;color:var(--muted)}.footer__inner{align-items:center}.footer__inner div{display:flex;gap:20px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:translateY(0)}@media (max-width:900px){.page-shell{width:min(100% - 40px,650px)}.site-nav__links{display:none}.hero{padding-top:105px}.hero__grid,.section-heading,.studio__grid{grid-template-columns:1fr;gap:40px}.hero__grid{min-height:auto;padding-bottom:60px}.hero h1{font-size:clamp(56px,15vw,90px)}.shop-window{max-width:550px;width:100%;margin:0 auto}.proof-strip__inner{display:block}.proof-strip__items{flex-wrap:wrap;margin-top:18px}.proof-strip__items span{width:45%}.section{padding:95px 0}.workflow-grid{grid-template-columns:1fr}.workflow-note{display:block}.workflow-note strong{display:block;margin-top:14px}.studio__grid{gap:25px}}@media (max-width:560px){.page-shell{width:calc(100% - 32px)}.nav-button{padding:10px 12px}.hero__actions{align-items:flex-start;flex-direction:column;gap:18px}.shop-window__art{min-height:350px}.workshop-window__art{min-height:350px;padding:18px}.workshop-window__art--phones{padding:0}.flow-node{width:100px;height:100px;padding:12px}.flow-node b{font-size:18px}.flow-node small{font-size:8px}.flow-node--one{left:10px}.flow-node--two{left:50%;transform:translateX(-50%) rotate(7deg)}.flow-node--three{right:10px}.workshop-window__stamp{font-size:21px}.workshop-window__art--phones .phone--back{right:34px}.workshop-window__art--phones .phone--front{left:45px}.platform-logo{width:72px;height:72px}.platform-logo svg{width:40px;height:40px}.platform-logo--ios{font-size:45px}.phone{width:130px;height:270px}.phone--back{right:34px}.phone--front{left:45px}.phone__screen{padding:20px 11px;font-size:18px}.phone__screen b{font-size:23px}.phone__screen i{margin-top:80px}.art-label{font-size:20px}.proof-strip__items span{width:100%}.section-heading h2,.studio h2{font-size:54px}.category-row{gap:16px;margin-top:50px;font-size:9px}.process-band__inner{gap:12px;flex-wrap:wrap;justify-content:center}.process-band__inner span{font-size:9px}.footer__inner{align-items:flex-start;flex-direction:column}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.ticker__track{animation:none}}