@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--graphite:#191c19;--graphite-2:#252a24;--offwhite:#f2f3ea;--offwhite-2:#e6e8dc;--lime:#d6f568;--muted:#555d50;--muted-on-dark:#b3b9a9;--rule-on-dark:#353b33;--rule-on-light:#cdd3c3;--font-sans:"Archivo Variable", "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;--container:1280px;--gutter:clamp(20px, 4.2vw, 64px);--section-y:clamp(56px, 9.5vw, 136px);--nav-height:60px;--nav-offset:16px;--radius-pill:999px;--radius-card:14px;--radius-badge:18px;--text-body:clamp(1rem, .95rem + .25vw, 1.125rem);--text-small:.875rem;--text-lead:clamp(1.125rem, 1rem + .5vw, 1.375rem);--display-xl:clamp(2.75rem, 1.5rem + 7.6vw, 7.5rem);--display-lg:clamp(2.5rem, 1.4rem + 5.6vw, 6rem);--display-md:clamp(2rem, 1.2rem + 3.8vw, 4.5rem);--display-sm:clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem);--display-weight:860;--display-stretch:112%;--display-tracking:-.035em;--display-leading:.96;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-swing:cubic-bezier(.34, 1.56, .64, 1);--badge-width:clamp(220px, min(62vw, 36vh), 340px);--chamfer:polygon(30% 0, 100% 0, 100% 70%, 70% 100%, 0 100%, 0 30%);--chamfer-cut:14px;--chamfer-px:polygon(var(--chamfer-cut) 0, 100% 0, 100% calc(100% - var(--chamfer-cut)), calc(100% - var(--chamfer-cut)) 100%, 0 100%, 0 var(--chamfer-cut));--badge-ratio:240 / 372}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--nav-height) + var(--nav-offset) + 24px);scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-sans);font-size:var(--text-body);color:var(--graphite);background:var(--offwhite);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.6;overflow-x:clip}img,svg,video,canvas{max-width:100%;display:block}img{height:auto}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}button{font:inherit;color:inherit}:focus-visible{outline-offset:4px;outline:3px solid}::selection{background:var(--lime);color:var(--graphite)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--lime);color:var(--graphite);border-radius:var(--radius-pill);padding:12px 18px;font-weight:700;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus-visible{outline-color:var(--graphite);transform:none}.container{width:min(100% - 2 * var(--gutter), var(--container));margin-inline:auto}.section{padding-block:var(--section-y);position:relative;overflow-x:clip}.section--dark{background:var(--graphite);color:var(--offwhite)}.section--light{background:var(--offwhite);color:var(--graphite)}.section--dark .muted{color:var(--muted-on-dark)}.section--light .muted{color:var(--muted)}.display{font-weight:var(--display-weight);font-stretch:var(--display-stretch);letter-spacing:var(--display-tracking);line-height:var(--display-leading);text-wrap:balance}.display--xl{font-size:var(--display-xl)}.display--lg{font-size:var(--display-lg)}.display--md{font-size:var(--display-md)}.display--sm{font-size:var(--display-sm);letter-spacing:-.02em;line-height:1.05}.lead{font-size:var(--text-lead);max-width:34em;line-height:1.5}.prose{max-width:38em}.prose p+p{margin-top:1em}.pill{min-height:48px;clip-path:var(--chamfer-px);cursor:pointer;transition:transform .22s var(--ease-out), background-color .16s ease, color .16s ease;border:0;align-items:center;gap:.5em;padding:.8em 1.6em;font-size:1rem;font-weight:700;line-height:1.1;text-decoration:none;display:inline-flex;position:relative}.pill:hover{transform:translateY(-2px)}.pill:active{transform:translateY(0)}.pill:focus-visible{outline:none;box-shadow:inset 0 0 0 3px}.pill--lime{background:var(--lime);color:var(--graphite)}.pill--dark{background:var(--graphite);color:var(--offwhite)}.pill--outline{--pill-surface:var(--offwhite);isolation:isolate;background:currentColor}.section--dark .pill--outline,.badge .pill--outline{--pill-surface:var(--graphite)}.pill--outline:before{content:"";z-index:-1;background:var(--pill-surface);clip-path:var(--chamfer-px);--chamfer-cut:12px;position:absolute;inset:2px}.pill--outline:focus-visible{box-shadow:none}.pill--outline:focus-visible:before{inset:4px}.pill[disabled],.pill[aria-disabled=true]{cursor:not-allowed;opacity:.55;transform:none}.pill__arrow{font-size:.9em}.placeholder-tag{border-radius:var(--radius-pill);letter-spacing:.02em;vertical-align:middle;opacity:.8;border:1px dashed;margin-left:.5em;padding:.15em .6em;font-size:.72rem;font-weight:600;display:inline-block}@media (prefers-reduced-motion:reduce){.pill,.pill:hover{transition:none;transform:none}}@media (prefers-reduced-motion:no-preference){html.js [data-reveal]{--p:0;--q:calc(1 - var(--p));opacity:var(--p);will-change:transform, opacity}html.js [data-reveal=rise]{transform:translateY(calc(var(--q) * 32px))}html.js [data-reveal=heading]{opacity:1;transform:translateY(calc(var(--q) * .5em));clip-path:inset(-4% -4% calc(var(--q) * 104% - 4%) -4%)}html.js [data-reveal=image]{transform:scale(calc(.84 + var(--p) * .16)) translateY(calc(var(--q) * 28px))}html.js [data-reveal=portrait]{transform:scale(calc(.88 + var(--p) * .12)) translate(calc(var(--q) * -6%), calc(var(--q) * 5%))}html.js [data-reveal=overlay]{transform:translate(calc(var(--q) * 22%), calc(var(--q) * 26%)) rotate(calc(4deg + var(--q) * 12deg)) scale(calc(.86 + var(--p) * .14))}html.js [data-reveal=fade]{transform:none}html.js [data-reveal=phone]{opacity:1;transform:perspective(1400px) rotateY(calc(var(--q) * -24deg)) rotateX(calc(var(--q) * 10deg)) translateY(calc(var(--q) * 70px)) scale(calc(.88 + var(--p) * .12))}html.js .showcase--flip [data-reveal=phone]{transform:perspective(1400px) rotateY(calc(var(--q) * 24deg)) rotateX(calc(var(--q) * 10deg)) translateY(calc(var(--q) * 70px)) scale(calc(.88 + var(--p) * .12))}html.js [data-reveal] .cap-row__icon,html.js [data-reveal] .about__principles li:before{transform:scale(calc(.4 + var(--p) * .6))}}.footer{padding-bottom:32px}.footer__inner{border-top:1px solid var(--rule-on-light);font-size:var(--text-small);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;padding-top:24px;display:flex}.footer__identity{align-items:center;gap:10px;display:inline-flex}.footer__logo{width:auto;height:20px}.footer__social{flex-wrap:wrap;gap:8px 20px;display:flex}.footer__social a{align-items:center;min-height:44px;font-weight:600;display:inline-flex}.footer__unset{min-height:44px;color:var(--muted);align-items:center;display:inline-flex}.footer__controls{flex-wrap:wrap;align-items:center;gap:8px 20px;display:flex}.footer__top{align-items:center;min-height:44px;font-weight:600;display:inline-flex}.site-nav-wrap{top:var(--nav-offset);z-index:50;padding-inline:var(--gutter);pointer-events:none;justify-content:center;display:flex;position:fixed;left:0;right:0}.site-nav{pointer-events:auto;width:min(100%,760px);min-height:var(--nav-height);border-radius:var(--radius-pill);color:var(--offwhite);-webkit-backdrop-filter:blur(14px);background:#191c19d1;border:1px solid #f2f3ea24;justify-content:space-between;align-items:center;gap:16px;padding:6px 8px 6px 20px;display:flex;position:relative;box-shadow:0 10px 30px #00000040}.site-nav__identity{letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:10px;min-height:44px;font-weight:800;text-decoration:none;display:inline-flex}.site-nav__logo{width:auto;height:22px;color:var(--lime)}.site-nav__links{align-items:center;gap:4px;display:none}.site-nav__links a{border-radius:var(--radius-pill);min-height:44px;color:var(--offwhite);align-items:center;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.site-nav__links a:hover{background:#f2f3ea1a}.site-nav__links li:last-child a{background:var(--lime);color:var(--graphite);padding-inline:20px}.site-nav__links li:last-child a:focus-visible{outline-color:var(--offwhite)}.site-nav__toggle{cursor:pointer;background:#f2f3ea1a;border:0;border-radius:50%;place-items:center;width:46px;height:46px;display:inline-grid}.site-nav__panel{background:var(--graphite);border:1px solid #f2f3ea24;border-radius:24px;padding:10px;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 20px 40px #00000059}.site-nav__panel a{border-radius:16px;align-items:center;min-height:52px;padding:0 18px;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.site-nav__panel a:hover{background:#f2f3ea14}@media (width>=760px){.site-nav__links{display:flex}.site-nav__toggle,.site-nav__panel{display:none}}.visual-mockup{filter:drop-shadow(0 30px 50px #00000073);width:100%;height:auto}.visual-poster{background:var(--graphite-2);border-radius:28px;width:clamp(240px,26vw,320px);margin-inline:auto;overflow:hidden;box-shadow:0 40px 60px #00000080,0 0 0 1px #ffffff14}.visual-poster img{width:100%;height:auto}.phone{--phone-width:clamp(210px, 24vw, 290px);width:var(--phone-width);aspect-ratio:9/19.2;padding:calc(var(--phone-width) * .035);border-radius:calc(var(--phone-width) * .17);background:linear-gradient(160deg,#3a4038,#141614 60%);margin-inline:auto;box-shadow:inset 0 0 0 1px #ffffff1f,0 40px 60px #00000080,0 4px 10px #0006}.phone__screen{border-radius:calc(var(--phone-width) * .135);place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.phone__notch{top:calc(var(--phone-width) * .04);width:calc(var(--phone-width) * .32);height:calc(var(--phone-width) * .085);background:#0c0e0c;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.phone__splash{border-radius:18%;width:52%;height:auto}.case{min-height:100svh;padding-top:calc(var(--nav-height) + var(--nav-offset) + 64px)}.case__back{align-items:center;min-height:44px;font-weight:600;text-decoration:none;display:inline-flex}.case__back:hover{text-decoration:underline}.case__header{gap:18px;margin-top:24px;display:grid}.case__meta{border-top:1px solid var(--rule-on-light);border-bottom:1px solid var(--rule-on-light);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin:40px 0;padding:24px 0;display:grid}.case__meta dt{font-size:var(--text-small);color:var(--muted)}.case__meta dd{margin:4px 0 0;font-weight:600}.case__stage{border-radius:var(--radius-card);background:radial-gradient(60% 70% at 50% 50%, color-mix(in srgb, var(--accent,var(--lime)) 30%, transparent), transparent 75%), var(--graphite);color:var(--offwhite);place-items:center;padding:clamp(32px,6vw,80px);display:grid;position:relative;overflow:hidden}.case__stage>*{width:100%;max-width:640px}.case__stage[data-align=bottom]{align-items:end;padding-bottom:0}.case__stage[data-align=bottom] .visual-mockup{margin-bottom:-2px;display:block}.case__stage[data-kind=website] .visual-mockup{filter:none;border-radius:12px;box-shadow:0 30px 60px #00000073}.case__stage[data-kind=website]>*{max-width:880px}.case__stage .phone{width:clamp(210px,28vw,300px)}.case__video{gap:10px;display:grid}.case__video video{border-radius:var(--radius-card);background:var(--graphite);width:100%;height:auto;box-shadow:0 30px 60px #191c1933}.case__video figcaption{font-size:var(--text-small)}.case__gallery{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;padding-bottom:12px;display:flex;overflow-x:auto}.case__gallery li{scroll-snap-align:start;background:var(--offwhite-2);border:1px solid var(--rule-on-light);border-radius:20px;flex:none;overflow:hidden}.case__gallery li.is-portrait{width:clamp(200px,22vw,280px)}.case__gallery li.is-landscape{background:var(--graphite);border-color:var(--graphite);align-self:center;width:clamp(280px,40vw,520px)}.case__gallery img{width:100%;height:auto}.case__highlights{gap:10px;max-width:36em;display:grid}.case__highlights li{padding-left:22px;position:relative}.case__highlights li:before{content:"";width:10px;height:10px;clip-path:var(--chamfer);background:var(--lime);position:absolute;top:.65em;left:0}.case__stack{flex-wrap:wrap;gap:8px;display:flex}.case__stack li{border:1px solid var(--rule-on-light);border-radius:var(--radius-pill);font-size:var(--text-small);padding:6px 12px;font-weight:600}.case__placeholder{border:1px dashed var(--muted);border-radius:var(--radius-card);max-width:44em;margin-top:32px;padding:18px 22px}.case__section{gap:16px;margin-top:48px;display:grid}.case__links{flex-wrap:wrap;gap:12px;margin-top:40px;display:flex}.case--missing .container{justify-items:start;gap:24px;display:grid}.about__grid{gap:40px;display:grid}.about__media{padding-bottom:10%;padding-right:12%;position:relative}.about__portrait img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius-card);background:var(--graphite-2);width:100%}.about__overlay{border:5px solid var(--lime);background:var(--graphite-2);border-radius:12px;width:48%;position:absolute;bottom:0;right:0;overflow:hidden;box-shadow:0 24px 50px #00000073}.about__overlay img{aspect-ratio:3/2;object-fit:cover;width:100%}.about__copy{flex-direction:column;align-items:flex-start;gap:28px;display:flex}.about__principles{border-top:1px solid var(--rule-on-dark);width:100%}.about__principles li{border-bottom:1px solid var(--rule-on-dark);align-items:center;gap:14px;padding:16px 0;font-weight:600;display:flex}.about__principles li:before{content:"";width:10px;height:10px;clip-path:var(--chamfer);background:var(--lime);flex:none}@media (width>=900px){.about__grid{grid-template-columns:1fr 1.15fr;align-items:center;column-gap:clamp(40px,6vw,96px)}}.capabilities__heading{margin-bottom:20px;font-size:1rem;font-weight:600}.cap-list{border-top:1px solid var(--rule-on-dark)}.cap-row{border-bottom:1px solid var(--rule-on-dark);grid-template-columns:48px 1fr;align-items:center;gap:10px 20px;padding:26px 0;display:grid}.cap-row__icon{width:48px;height:48px;clip-path:var(--chamfer);background:var(--lime);color:var(--graphite);place-items:center;display:grid}.cap-row__desc{max-width:34em;font-size:var(--text-small);grid-column:2;line-height:1.55}@media (width>=900px){.cap-row{grid-template-columns:64px 1fr minmax(240px,30%);column-gap:32px;padding:34px 0}.cap-row__icon{width:56px;height:56px}.cap-row__desc{text-align:right;grid-column:3;justify-self:end;max-width:26em;font-size:1rem}}.contact__heading{max-width:10em}.contact__actions{flex-wrap:wrap;gap:14px;margin-top:clamp(32px,4vw,48px);display:flex}.contact__setup{max-width:36em;font-size:var(--text-small);border-left:3px solid var(--lime);margin-top:20px;padding-left:14px}.credibility{padding-bottom:0}.metrics{grid-template-columns:repeat(2,1fr);gap:40px 24px;margin:0;display:grid}.metric{flex-direction:column;gap:8px;display:flex}.metric__value{overflow-wrap:anywhere;margin:0}.metric__placeholder{letter-spacing:0;color:var(--muted);border:1px dashed var(--muted);border-radius:8px;padding:6px 10px;font-size:clamp(1rem,.8rem + .6vw,1.25rem);font-weight:600;font-stretch:100%;line-height:1.3;display:inline-block}.metric__label{font-size:var(--text-small)}.tools-strip{margin-top:var(--section-y);background:var(--graphite);color:var(--offwhite);padding:22px 0}.tools-strip__list{letter-spacing:-.01em;flex-wrap:wrap;justify-content:center;gap:10px 0;font-size:clamp(1rem,.9rem + .6vw,1.375rem);font-weight:800;display:flex}.tools-strip__list li{align-items:center;display:inline-flex}.tools-strip__list li+li:before{content:"";background:var(--lime);width:10px;height:10px;clip-path:var(--chamfer);margin:0 clamp(14px,2vw,28px)}@media (width>=900px){.metrics{grid-template-columns:repeat(4,1fr)}}.badge{--badge-height:calc(var(--badge-width) / (var(--badge-ratio)));width:var(--badge-width);flex-direction:column;align-items:center;gap:18px;display:flex;position:relative}.badge__drop{width:var(--badge-width);height:var(--badge-height);transform-origin:50% -40vh;position:relative}.badge__drop--animate{animation:1.5s cubic-bezier(.3,.9,.35,1) both badge-drop}.badge__strap{background:var(--lime);width:16px;height:120vh;position:absolute;bottom:calc(100% - 8px);left:50%;transform:translate(-50%);box-shadow:inset -3px 0 #191c191f}.badge__clip{z-index:2;background:var(--graphite-2);border-radius:5px;width:34px;height:20px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%);box-shadow:0 2px #00000040}.badge__tilt{--tilt-x:0deg;--tilt-y:0deg;--sheen-x:30%;--sheen-y:18%;--sheen-angle:120deg;perspective:1100px;width:100%;height:100%;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .26s var(--ease-out);position:relative}.badge__card{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;transition:transform .9s cubic-bezier(.3,.05,.2,1);position:relative}.badge__card.is-flipped{transform:rotateY(180deg)}.badge__face{color:var(--offwhite);border-radius:var(--radius-badge);-webkit-backdrop-filter:blur(22px)saturate(180%)brightness(1.08);backface-visibility:hidden;isolation:isolate;background:linear-gradient(145deg,#f2f3ea4d 0%,#f2f3ea1f 45%,#f2f3ea33 100%);border:1px solid #ffffff59;flex-direction:column;padding:9% 8% 8%;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #ffffffa6,inset 1px 0 #ffffff47,inset 0 -1px #ffffff1f,inset 0 0 28px #ffffff14,0 30px 60px #00000080,0 2px 8px #0000004d}.badge__face:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(40% 30% at var(--sheen-x,30%) var(--sheen-y,18%), #ffffff80, #fff0 70%), linear-gradient(var(--sheen-angle,120deg), #fff0 35%, #ffffff29 48%, #fff0 60%);transition:background-position .26s var(--ease-out);position:absolute;inset:-40%}.badge__face:after{content:"";pointer-events:none;border-radius:inherit;background:radial-gradient(120% 100% at 50% 0,#ffffff1f,#0000 60%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 0 14px 2px #ffffff1a}.badge__face--back{text-align:center;justify-content:center;align-items:center;gap:10px;transform:rotateY(180deg)}.badge__face--back:after{background:linear-gradient(var(--lime), var(--lime)) left top / 100% 8px no-repeat, radial-gradient(120% 100% at 50% 0%, #ffffff1f, transparent 60%)}.badge__slot{background:#191c19bf;border-radius:4px;width:36px;height:8px;position:absolute;top:4%;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 2px #0009}.badge__topline{font-size:calc(var(--badge-width) * .04);color:#f2f3eab8;justify-content:space-between;align-items:center;margin-top:6%;font-weight:700;display:flex}.badge__face picture{display:contents}.badge__portrait{aspect-ratio:4/5;object-fit:cover;object-position:center top;background:#f2f3ea1f;border-radius:10px;flex:auto;width:100%;min-height:0;margin-top:5%;box-shadow:inset 0 0 0 1px #ffffff2e}.badge__name{font-size:calc(var(--badge-width) * .095);letter-spacing:-.03em;overflow-wrap:anywhere;margin-top:5%;font-weight:900;font-stretch:112%;line-height:1}.badge__role{font-size:calc(var(--badge-width) * .048);color:#f2f3eac7;margin-top:3%;line-height:1.3}.badge__bottom{justify-content:space-between;align-items:flex-end;gap:8px;margin-top:6%;display:flex}.badge__barcode{color:#f2f3ead9;width:38%;height:auto}.badge__status{border-radius:var(--radius-pill);background:var(--lime);color:var(--graphite);font-size:calc(var(--badge-width) * .04);align-items:center;gap:6px;padding:4px 9px;font-weight:700;display:inline-flex}.badge__status-dot{background:var(--graphite);border-radius:50%;width:6px;height:6px}.badge__logo{height:calc(var(--badge-width) * .075);width:auto;color:var(--offwhite)}.badge__monogram{width:46%;height:auto;color:var(--lime);filter:drop-shadow(0 6px 14px #00000059)}.badge__back-headline{font-size:calc(var(--badge-width) * .062);text-wrap:balance;margin-top:6%;font-weight:700;line-height:1.3}.badge__back-note{font-size:calc(var(--badge-width) * .042);color:#f2f3eab3;line-height:1.4}.badge__rotate{isolation:isolate;min-height:44px;clip-path:var(--chamfer-px);--chamfer-cut:12px;color:var(--offwhite);cursor:pointer;background:#f2f3ea4d;border:0;align-items:center;gap:8px;padding:0 18px;font-size:.875rem;font-weight:600;display:inline-flex;position:relative}.badge__rotate:before{content:"";z-index:-1;background:var(--graphite);clip-path:var(--chamfer-px);--chamfer-cut:11px;position:absolute;inset:1px}.badge__rotate:hover,.badge__rotate[aria-pressed=true]{background:var(--lime)}.badge__rotate:focus-visible{background:var(--lime);outline:none}.badge__rotate:focus-visible:before{inset:3px}@keyframes badge-drop{0%{animation-timing-function:cubic-bezier(.5,0,.9,.5);transform:translateY(-115vh)rotate(0)}52%{animation-timing-function:cubic-bezier(.2,.6,.4,1);transform:translateY(20px)rotate(0)}66%{transform:translateY(-8px)rotate(-3.5deg)}78%{transform:translateY(3px)rotate(2.4deg)}90%{transform:translateY(0)rotate(-1.1deg)}to{transform:translateY(0)rotate(0)}}@media (prefers-reduced-motion:reduce){.badge__drop--animate{animation:none}.badge__card{transition:none}.badge__tilt{transition:none;transform:none}.badge__face:before{transition:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.badge__face{background:#252a24eb}}.hero{min-height:100svh;padding-top:calc(var(--nav-height) + var(--nav-offset) + 24px);flex-direction:column;padding-bottom:28px;display:flex;overflow:hidden}.hero__inner{flex-direction:column;flex:1;gap:32px;display:flex;container-type:inline-size}.hero__stage{flex:1;grid-template-columns:1fr;grid-template-areas:"badge""roles";place-items:center;gap:32px;padding-top:8px;display:grid;position:relative}.hero__badge{grid-area:badge;justify-content:center;display:flex}.hero__roles{grid-area:roles;grid-template-columns:1fr 1fr;gap:8px 20px;width:100%;display:grid}.hero__role{letter-spacing:-.03em;text-transform:uppercase;text-wrap:balance;font-size:clamp(1.375rem,6.4cqw,2.5rem);font-weight:900;font-stretch:112%;line-height:1.05}.hero__role--a{color:var(--lime)}.hero__role--b,.hero__role--d{text-align:right}.hero__foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px;display:flex}.hero__statement{font-size:var(--text-lead);max-width:22em;font-weight:600;line-height:1.3}.hero__scroll{min-height:44px;color:var(--muted-on-dark);align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}.hero__scroll:hover{color:var(--offwhite)}@media (width>=900px){.hero__stage{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"roles badge roles";column-gap:clamp(24px,4vw,64px);padding-top:0}.hero__roles{display:contents}.hero__role{font-size:clamp(2rem,4.35cqw,4.25rem);line-height:1}.hero__role--a{grid-area:1/1;align-self:end;padding-bottom:7vh}.hero__role--b{grid-area:1/3;align-self:end;padding-bottom:7vh}.hero__role--c{grid-area:2/1;align-self:start;padding-top:7vh}.hero__role--d{grid-area:2/3;align-self:start;padding-top:7vh}.hero__badge{grid-area:1/2/3;align-self:center}.hero__stage{grid-template-rows:1fr 1fr}}.hero__bg{pointer-events:none;background:radial-gradient(120% 80% at 50% 110%, #d6f56814, transparent 60%), var(--graphite);position:absolute;inset:0;overflow:hidden}.hero__inner{z-index:1;position:relative}.hero__blob{opacity:.6;will-change:transform;border-radius:50%;position:absolute}.hero__blob--a{background:radial-gradient(circle at 40% 40%,#d6f56866 0%,#d6f5681f 35%,#d6f56800 68%);width:56vmax;height:56vmax;animation:26s ease-in-out infinite alternate hero-drift-a;top:-18vmax;left:-12vmax}.hero__blob--b{background:radial-gradient(circle,#4e8c8299 0%,#4e8c8233 35%,#4e8c8200 68%);width:50vmax;height:50vmax;animation:32s ease-in-out infinite alternate hero-drift-b;top:6vmax;right:-16vmax}.hero__blob--c{background:radial-gradient(circle,#7aa05c80 0%,#7aa05c2e 35%,#7aa05c00 68%);width:44vmax;height:44vmax;animation:22s ease-in-out infinite alternate hero-drift-c;bottom:-24vmax;left:22vmax}.hero__grain{opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");background-size:160px 160px;position:absolute;inset:0}@keyframes hero-drift-a{0%{transform:translate(0,0)scale(1)}to{transform:translate(14vw,10vh)scale(1.15)}}@keyframes hero-drift-b{0%{transform:translate(0,0)scale(1.05)}to{transform:translate(-12vw,16vh)scale(.9)}}@keyframes hero-drift-c{0%{transform:translate(0,0)scale(.95)}to{transform:translate(10vw,-12vh)scale(1.2)}}@media (prefers-reduced-motion:reduce){.hero__blob{animation:none}}.intro__grid{grid-template-areas:"heading""media""body";gap:36px;display:grid}.intro__heading{grid-area:heading}.intro__media{grid-area:media;padding-bottom:12%;padding-right:14%;position:relative}.intro__portrait img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius-card);background:var(--offwhite-2);width:100%}.intro__overlay{border:5px solid var(--lime);background:var(--graphite);border-radius:12px;width:54%;position:absolute;bottom:0;right:0;overflow:hidden;transform:rotate(4deg);box-shadow:0 24px 50px #191c1938}.intro__overlay img{aspect-ratio:3/2;object-fit:cover;width:100%}.intro__body{flex-direction:column;grid-area:body;align-items:flex-start;gap:28px;display:flex}@media (width>=900px){.intro__grid{grid-template:"media heading""media body"/45fr 55fr;align-items:center;gap:28px clamp(40px,6vw,96px)}.intro__heading{align-self:end}.intro__body{align-self:start}}.websites__lead{margin-top:18px}.site-card{width:100%}.site-card__link{gap:16px;text-decoration:none;display:grid}.site-card__media{border-radius:var(--radius-card);border:1px solid var(--rule-on-light);background:var(--offwhite-2);transition:transform .5s var(--ease-out), box-shadow .5s var(--ease-out);overflow:hidden;box-shadow:0 30px 60px #191c192e}.site-card__media img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%}.site-card__title{letter-spacing:-.02em;font-weight:800}.site-card__arrow{vertical-align:-.1em;margin-left:.2em;display:inline}.site-card__link:focus-visible{outline:none}.site-card__link:focus-visible .site-card__media{outline:3px solid var(--graphite);outline-offset:6px}.websites__strip{padding-inline:var(--gutter);scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);-webkit-overflow-scrolling:touch;gap:20px;margin-top:36px;display:flex;overflow-x:auto}.websites__strip li{scroll-snap-align:start;flex:0 0 min(84vw,560px)}.websites--runway{height:calc(100vh + var(--site-count,2) * 70vh);position:relative}.websites__stage{height:100svh;padding-top:calc(var(--nav-height) + var(--nav-offset) + 24px);flex-direction:column;padding-bottom:24px;display:flex;position:sticky;top:0;overflow:hidden}.websites__viewport{flex:1;align-items:center;margin-top:24px;display:flex;overflow:hidden}.websites__track{padding-inline:max(var(--gutter), calc((100vw - var(--container)) / 2));will-change:transform;gap:clamp(32px,4vw,64px);display:flex}.websites__track li{flex:0 0 min(58vw,880px)}.websites__track .site-card__media{transform:scale(.94)}.websites__track .site-card.is-active .site-card__media{transform:scale(1);box-shadow:0 40px 80px #191c1942}.websites__foot{justify-content:space-between;align-items:center;gap:24px;margin-top:16px;display:flex}.websites__count{font-size:var(--text-small);font-variant-numeric:tabular-nums;font-weight:600}.websites__progress{gap:8px;display:flex}.websites__step{cursor:pointer;background:0 0;border:0;width:44px;height:44px;padding:0;display:block;position:relative}.websites__step:before{content:"";background:var(--rule-on-light);border-radius:2px;height:4px;transition:background-color .2s;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.websites__step:hover:before{background:var(--muted)}.websites__step.is-active:before{background:var(--graphite)}.work{overflow:clip}.work__header{flex-direction:column;gap:18px;margin-bottom:clamp(48px,7vw,96px);display:flex}.showcase-list{gap:clamp(72px,10vw,140px);display:grid}.showcase{align-items:center;gap:40px;display:grid}.showcase__copy{justify-items:start;gap:20px;display:grid}.showcase__brand{font-size:var(--text-small);align-items:center;gap:12px;display:inline-flex}.showcase__icon{border-radius:11px;width:44px;height:44px;box-shadow:0 0 0 1px #f2f3ea26}.showcase__summary{max-width:30em}.showcase__highlights{gap:10px;max-width:32em;display:grid}.showcase__highlights li{padding-left:22px;position:relative}.showcase__highlights li:before{content:"";width:10px;height:10px;clip-path:var(--chamfer);background:var(--accent,var(--lime));position:absolute;top:.65em;left:0}.showcase__stack{flex-wrap:wrap;gap:8px;display:flex}.showcase__stack li{border:1px solid var(--rule-on-dark);border-radius:var(--radius-pill);font-size:var(--text-small);color:var(--muted-on-dark);padding:6px 12px;font-weight:600}.showcase__actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.showcase__visual{place-items:center;padding:24px 0;display:grid;position:relative}.showcase__visual:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--accent,var(--lime)) 38%, transparent), transparent 70%);pointer-events:none;border-radius:50%;position:absolute;inset:10% 5%}.showcase__device{width:100%;max-width:640px;position:relative}@media (width<=899px){.showcase__visual[data-align=bottom]{padding-top:8px;padding-bottom:0}.showcase__visual[data-align=bottom] .visual-mockup{filter:none;display:block}.showcase:last-child .showcase__visual[data-align=bottom]{margin-bottom:calc(-1 * var(--section-y))}}@media (width>=900px){.showcase{grid-template-columns:1fr 1fr;column-gap:clamp(40px,6vw,96px)}.showcase--flip .showcase__copy{order:2}.showcase--flip .showcase__visual{order:1}}