:root{--bg:oklch(98.5% .01 85);--ink:oklch(20% .02 280);--ink-2:oklch(30% .02 280);--muted:oklch(42% .02 280);--eyebrow:oklch(45% .02 280);--coral:oklch(68% .2 32);--blue:oklch(55% .2 262);--mint:oklch(78% .15 165);--sun:oklch(86% .16 92);--sky:oklch(82% .1 200);--peach:oklch(85% .09 32);--lavender:oklch(85% .09 262);--live:oklch(72% .17 150);--row-hover:oklch(96% .03 85);--hair:oklch(20% .02 280/.14);--sans:"Bricolage Grotesque", system-ui, sans-serif;--mono:"DM Mono", ui-monospace, Menlo, monospace;--ease-out:cubic-bezier(.2, .9, .2, 1);--spring:cubic-bezier(.2, .9, .2, 1.2);color-scheme:light}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}main{overflow-x:clip}body.menu-open{overflow:hidden}a{color:var(--ink);text-decoration:none}a:hover{color:var(--coral)}::selection{background:var(--sun)}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--ink);color:var(--bg);border-radius:999px;padding:10px 16px;font-weight:600;position:absolute;top:-64px;left:16px}.skip-link:focus{color:var(--bg);top:16px}@keyframes rise{0%{opacity:0;transform:translateY(110%)rotate(6deg)}to{opacity:1;transform:none}}@keyframes floatA{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(14px,-22px)rotate(18deg)}}@keyframes floatB{0%,to{transform:translate(0)rotate(45deg)}50%{transform:translate(-18px,16px)rotate(80deg)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes wordIn{0%{opacity:0;filter:blur(6px);transform:translateY(60%)}to{opacity:1;filter:none;transform:none}}@keyframes rowIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{box-shadow:0 0 oklch(72% .17 150/.6)}50%{box-shadow:0 0 0 8px oklch(72% .17 150/0)}}.monogram{background:var(--ink);width:38px;height:38px;color:var(--bg);letter-spacing:-.02em;border-radius:999px;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex}.nav-desktop{z-index:50;justify-content:center;padding:16px 20px;display:flex;position:sticky;top:0}.nav-pill{-webkit-backdrop-filter:blur(14px);background:oklch(100% 0 0/.7);border:1px solid oklch(20% .02 280/.08);border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:6px;display:flex;box-shadow:0 8px 30px -12px oklch(20% .02 280/.18)}.nav-link{border-radius:999px;padding:9px 16px;font-size:15px;font-weight:500;transition:background .2s}.nav-link:hover{background:var(--hover)}.nav-cta{background:var(--blue);color:#fff;border-radius:999px;padding:9px 16px;font-size:15px;font-weight:600;transition:transform .2s}.nav-cta:hover{color:#fff;transform:scale(1.05)}.nav-mobile{z-index:60;-webkit-backdrop-filter:blur(14px);background:oklch(98.5% .01 85/.82);border-bottom:1px solid oklch(20% .02 280/.06);justify-content:space-between;align-items:center;padding:12px 16px;display:none;position:sticky;top:0}.nav-mobile .monogram{width:44px;height:44px}.menu-button{font:inherit;background:var(--sun);height:44px;color:var(--ink);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;padding:0 18px;font-size:16px;font-weight:700;display:flex}.menu-icon{flex-direction:column;gap:4px;display:flex}.menu-icon span{background:var(--ink);border-radius:2px;width:16px;height:2px;transition:transform .3s}.menu-button[aria-expanded=true] .menu-icon span:first-child{transform:translateY(3px)rotate(45deg)}.menu-button[aria-expanded=true] .menu-icon span:last-child{transform:translateY(-3px)rotate(-45deg)}.menu{z-index:55;background:var(--bg);flex-direction:column;gap:10px;padding:16px;animation:.3s both rowIn;display:flex;position:fixed;inset:68px 0 0;overflow:auto}.menu[hidden]{display:none}.menu-tile{background:var(--tile);letter-spacing:-.035em;color:var(--ink);animation:rowIn .5s var(--delay) var(--ease-out) both;border-radius:22px;justify-content:space-between;align-items:center;padding:18px 22px;font-size:34px;font-weight:800;display:flex}.menu-tile span{font-size:24px}.menu-tile.is-cta{color:#fff}.menu-foot{font-family:var(--mono);color:var(--muted);margin-top:auto;padding:16px 6px 8px;font-size:13px}@media (width<=759px){.nav-desktop{display:none}.nav-mobile{display:flex}}@media (width>=760px){.menu{display:none!important}}.hero{max-width:1200px;margin:0 auto;padding:clamp(40px,8vw,96px) clamp(20px,5vw,48px) 64px;position:relative}.shape{pointer-events:none;position:absolute}.shape-sun{background:var(--sun);border-radius:50%;width:70px;height:70px;animation:7s ease-in-out infinite floatA;top:30px;right:8%}.shape-mint{background:var(--mint);border-radius:10px;width:44px;height:44px;animation:9s ease-in-out infinite floatB;top:58%;right:3%}.shape-coral{background:var(--coral);border-radius:50%;width:26px;height:26px;animation:6s ease-in-out infinite reverse floatA;bottom:40px;left:46%}.status{font-family:var(--mono);background:#fff;border:1px solid oklch(20% .02 280/.08);border-radius:999px;align-items:center;gap:10px;padding:8px 14px 8px 10px;font-size:13px;display:inline-flex}.live-dot{background:var(--live);border-radius:50%;width:9px;height:9px;animation:2s infinite pulse}.name{letter-spacing:-.055em;margin:28px 0 0;font-size:clamp(64px,13vw,184px);font-weight:800;line-height:.9}.name-line{padding-bottom:.06em;display:flex;overflow:hidden}.name-line+.name-line{align-items:baseline;padding-bottom:.08em}.letter{animation:.9s cubic-bezier(.2,.9,.2,1.1) both rise;display:inline-block}.name-dot{background:var(--coral);border-radius:50%;width:.18em;height:.18em;margin-left:.06em;animation:.9s cubic-bezier(.2,.9,.2,1.4) 1.1s both rise;display:inline-block}.hero-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px 64px;margin-top:36px;display:flex}.intro{letter-spacing:-.015em;text-wrap:pretty;max-width:560px;margin:0;font-size:clamp(22px,2.6vw,30px);font-weight:500;line-height:1.25}.rotator{vertical-align:bottom;background:var(--sun);border-radius:10px;padding:0 10px;display:inline-flex;overflow:hidden}.rotator-word{animation:wordIn .5s var(--ease-out) both;display:inline-block}.ctas{flex-wrap:wrap;gap:12px;display:flex}.btn-dark{background:var(--ink);color:var(--bg);border-radius:999px;align-items:center;gap:10px;padding:16px 26px;font-size:17px;font-weight:600;transition:transform .25s,background .25s;display:inline-flex}.btn-dark span{font-size:20px}.btn-dark:hover{background:var(--blue);color:#fff;transform:translateY(-3px)}.btn-outline{border:1.5px solid var(--ink);border-radius:999px;align-items:center;padding:16px 26px;font-size:17px;font-weight:600;transition:transform .25s,background .25s;display:inline-flex}.btn-outline:hover{background:var(--sun);transform:translateY(-3px)}.marquee{background:var(--ink);margin:10px -20px 0;padding:22px 0;overflow:hidden;transform:rotate(-1.5deg)}.marquee-track{gap:18px;width:max-content;animation:30s linear infinite marquee;display:flex}.marquee-item{white-space:nowrap;color:var(--bg);letter-spacing:-.02em;align-items:center;gap:18px;font-size:clamp(22px,3vw,34px);font-weight:700;display:flex}.marquee-item:after{content:"";background:var(--c);border-radius:4px;width:14px;height:14px;transform:rotate(45deg)}.section{max-width:1200px;margin:0 auto;padding:100px clamp(20px,5vw,48px) 40px}.section.is-first{padding-top:120px}.eyebrow{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--eyebrow);font-size:14px}.h2{letter-spacing:-.04em;text-wrap:balance;max-width:900px;margin:14px 0 48px;font-size:clamp(40px,6vw,76px);font-weight:800;line-height:1}.h2.tight{margin-bottom:16px}.h2.mid{margin-bottom:40px}.section-intro{color:oklch(35% .02 280);text-wrap:pretty;max-width:640px;margin:0 0 44px;font-size:20px;line-height:1.5}.crafts{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.craft{background:var(--card);color:var(--card-fg,var(--ink));min-height:300px;transition:transform .4s var(--spring);border-radius:28px;flex-direction:column;justify-content:space-between;padding:32px;display:flex;position:relative;overflow:hidden}.craft:hover{transform:translateY(-8px) rotate(var(--tilt))}.craft-title{letter-spacing:-.03em;font-size:34px;font-weight:800}.craft p{margin:10px 0 0;font-size:18px;line-height:1.45}.dashed-ring{border:3px dashed var(--ink);border-radius:50%;width:64px;height:64px;animation:14s linear infinite spin}.float-square{background:var(--sun);border-radius:14px;width:58px;height:58px;animation:6s ease-in-out infinite floatB}.bob-dots{gap:6px;display:flex}.bob-dots span{background:var(--ink);border-radius:50%;width:30px;height:30px;animation:4s ease-in-out infinite floatA}.bob-dots span:nth-child(2){background:var(--coral);animation-delay:.3s}.bob-dots span:nth-child(3){background:#fff;animation-delay:.6s}.projects{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px;display:grid}.project{color:inherit;background:var(--card);transition:transform .45s var(--spring);border-radius:32px;flex-direction:column;gap:22px;padding:16px 16px 28px;display:flex}.project:hover{transform:translateY(-8px) rotate(var(--tilt));color:inherit}.shot{aspect-ratio:16/10;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px -20px oklch(20% .02 280/.4)}.shot img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .8s var(--ease-out);display:block}.shot img:hover{transform:scale(1.04)}.project-body{flex-direction:column;gap:14px;padding:0 12px;display:flex}.project-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.project-name{letter-spacing:-.04em;font-size:clamp(32px,3.6vw,44px);font-weight:800}.url-chip{font-family:var(--mono);background:var(--ink);color:var(--bg);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:inline-flex}.project-summary{text-wrap:pretty;margin:0;font-size:19px;font-weight:500;line-height:1.45}.problem-solved{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.problem-solved>div{background:oklch(100% 0 0/.55);border-radius:16px;padding:14px 16px}.problem-solved>div+div{background:oklch(100% 0 0/.85)}.ps-label{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:12px}.ps-text{font-size:16px;line-height:1.4}.exp-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin:14px 0 40px;display:flex}.exp-title{flex-direction:column;gap:16px;display:flex}.exp-title .h2{margin:0}.led-badge{background:var(--mint);border-radius:999px;align-self:flex-start;align-items:center;gap:12px;padding:10px 18px 10px 10px;font-size:17px;font-weight:600;display:inline-flex}.avatars{display:flex}.avatars span{background:var(--ink);border:2px solid var(--mint);border-radius:50%;width:22px;height:22px}.avatars span+span{background:var(--coral);margin-left:-8px}.avatars span:last-child{background:var(--sun)}.filters{flex-wrap:wrap;gap:8px;display:flex}.filter{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:1.5px solid oklch(20% .02 280/.2);border-radius:999px;padding:10px 18px;font-size:16px;font-weight:600;transition:border-color .2s,transform .2s}.filter:hover{border-color:var(--ink);transform:translateY(-2px)}.filter-count{font-family:var(--mono);opacity:.6;font-size:12px}.filter[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--bg);transform:none}.filter[aria-pressed=true] .filter-count{opacity:.7}.jobs{border-top:1.5px solid var(--ink)}.job{border-bottom:1px solid var(--hair);animation:rowIn .55s var(--ease-out) both}.job[hidden]{display:none}.job-toggle{all:unset;box-sizing:border-box;cursor:pointer;border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px 28px;width:100%;padding:26px 8px;transition:background .25s,padding .25s;display:flex}.job-toggle:hover{background:var(--row-hover);padding-left:20px}.job-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.job-dot{background:var(--c);border-radius:50%;flex:none;width:14px;height:14px}.job-main{flex:320px;min-width:0}.job-role{letter-spacing:-.025em;font-size:clamp(22px,2.6vw,30px);font-weight:700;line-height:1.15;display:block}.job-org{color:var(--muted);margin-top:4px;font-size:17px;display:block}.job-path{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.path-step{align-items:center;gap:6px;display:inline-flex}.path-chip{font-family:var(--mono);color:var(--ink-2);background:oklch(94% .02 85);border-radius:999px;padding:5px 10px;font-size:12px}.path-chip.is-current{background:var(--ink);color:var(--bg)}.path-arrow{color:var(--eyebrow);font-size:14px}.job-badges{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.promo-chip{font-family:var(--mono);background:var(--sun);border-radius:999px;padding:6px 12px;font-size:12px}.tag-chip{font-family:var(--mono);color:oklch(32% .02 280);border:1px solid oklch(20% .02 280/.15);border-radius:999px;padding:6px 12px;font-size:13px}.plus{border:1.5px solid oklch(20% .02 280/.2);border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;transition:transform .35s cubic-bezier(.2,.9,.2,1.3);display:flex}.job-toggle[aria-expanded=true] .plus{transform:rotate(45deg)}.job-panel{max-width:820px;padding:4px 8px 30px 13px;animation:.4s both rowIn}.job-panel[hidden]{display:none}.step{gap:22px;display:flex}.step-rail{flex-direction:column;flex:none;align-items:center;width:16px;display:flex}.step-dot{border:3px solid var(--c);background:#fff;border-radius:50%;flex:none;width:14px;height:14px;margin-top:6px}.step:first-child .step-dot{background:var(--c)}.step-line{background:oklch(20% .02 280/.15);flex:1;width:2px;margin:6px 0}.step:last-child .step-line{background:0 0}.step-body{min-width:0;padding-bottom:28px}.step-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.step-role{letter-spacing:-.02em;font-size:21px;font-weight:700}.step-stage{font-family:var(--mono);color:var(--muted);font-size:12px}.step-desc{color:var(--ink-2);text-wrap:pretty;margin:0;font-size:18px;line-height:1.6}.skills{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.skill{font-family:var(--mono);background:#fff;border:1px solid oklch(20% .02 280/.12);border-radius:999px;padding:6px 12px;font-size:13px}.substack{background:var(--coral);color:var(--ink);transition:transform .4s var(--spring);border-radius:28px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;margin-bottom:24px;padding:clamp(28px,4vw,48px);display:flex;position:relative;overflow:hidden}.substack:hover{color:var(--ink);transform:translateY(-6px)}.substack-ring{border:3px dashed oklch(20% .02 280/.5);border-radius:50%;width:200px;height:200px;animation:20s linear infinite spin;position:absolute;top:-50px;right:-50px}.substack-copy{max-width:620px;position:relative}.mono-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:13px}.substack-title{letter-spacing:-.035em;margin-top:10px;font-size:clamp(30px,4vw,48px);font-weight:800;line-height:1.02}.substack-copy p{margin:12px 0 0;font-size:19px;line-height:1.45}.substack-stat{flex-direction:column;align-items:flex-start;gap:14px;display:flex;position:relative}.stat-num{letter-spacing:-.05em;font-size:clamp(56px,7vw,88px);font-weight:800;line-height:.9}.stat-label{font-family:var(--mono);font-size:14px}.pill-ink{background:var(--ink);color:var(--bg);border-radius:999px;padding:12px 20px;font-size:16px;font-weight:600}.outlets{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px;display:grid}.outlet{background:var(--card);min-height:260px;color:var(--card-fg);transition:transform .4s var(--spring);border-radius:28px;flex-direction:column;justify-content:space-between;gap:40px;padding:30px;display:flex;position:relative;overflow:hidden}.outlet:hover{transform:translateY(-8px) rotate(var(--tilt));color:var(--card-fg)}.outlet-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.outlet-arrow{font-size:28px;line-height:1}.outlet-title{letter-spacing:-.035em;font-size:clamp(28px,3vw,36px);font-weight:800;line-height:1.05}.outlet p{text-wrap:pretty;margin:10px 0 18px;font-size:17px;line-height:1.45}.outlet-cta{border-bottom:2px solid;padding-bottom:2px;font-size:16px;font-weight:600}.ghost{border:1.5px dashed oklch(20% .02 280/.35);border-radius:28px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 48px;margin-top:20px;padding:clamp(28px,4vw,44px);display:flex}.ghost-copy{max-width:560px}.ghost-copy .mono-label{color:var(--muted)}.ghost-copy p{letter-spacing:-.025em;text-wrap:pretty;margin:10px 0 0;font-size:clamp(24px,2.8vw,34px);font-weight:700;line-height:1.2}.bylines{flex-direction:column;flex:0 300px;gap:12px;min-width:220px;display:flex}.byline{font-size:15px;font-family:var(--mono);align-items:center;gap:10px;display:flex}.byline>span:first-child{color:var(--muted)}.redacted{height:.72em;width:var(--w);background:var(--ink);opacity:.92;transition:width .6s var(--ease-out);border-radius:4px;display:inline-block}.redacted:hover{width:calc(var(--w) + 30px)}.bylines-note{font-family:var(--mono);color:var(--muted);margin-top:4px;font-size:12px}.contact{padding:120px clamp(20px,5vw,48px) 40px}.contact-card{background:var(--ink);max-width:1200px;color:var(--bg);border-radius:40px;margin:0 auto;padding:clamp(48px,8vw,110px) clamp(28px,6vw,80px);position:relative;overflow:hidden}.contact-card .shape-coral-lg{background:var(--coral);border-radius:50%;width:240px;height:240px;animation:10s ease-in-out infinite floatA;top:-60px;right:-60px}.contact-card .shape-sun-sq{background:var(--sun);border-radius:14px;width:60px;height:60px;animation:8s ease-in-out infinite floatB;bottom:40px;right:28%}.contact-card .shape-mint-lg{background:var(--mint);border-radius:50%;width:110px;height:110px;animation:7s ease-in-out 1s infinite reverse floatA;bottom:-30px;right:8%}.contact-eyebrow{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;opacity:.75;font-size:14px;position:relative}.contact-title{letter-spacing:-.05em;text-wrap:balance;max-width:820px;margin:16px 0 40px;font-size:clamp(48px,8vw,112px);font-weight:800;line-height:.95;position:relative}.contact-actions{flex-wrap:wrap;gap:12px;display:flex;position:relative}.btn-sun{background:var(--sun);color:var(--ink);border-radius:999px;align-items:center;gap:10px;padding:18px 30px;font-size:18px;font-weight:700;transition:transform .25s;display:inline-flex}.btn-sun:hover{color:var(--ink);transform:translateY(-3px)scale(1.03)}.btn-line{color:var(--bg);border:1.5px solid oklch(98.5% .01 85/.4);border-radius:999px;align-items:center;padding:18px 26px;font-size:18px;font-weight:600;transition:background .25s;display:inline-flex}.btn-line:hover{background:var(--hover);color:var(--hover-fg,var(--ink))}.site-footer{max-width:1200px;font-family:var(--mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:0 auto;padding:32px 4px 8px;font-size:13px;display:flex}.cursor-dot{background:var(--coral);pointer-events:none;z-index:99;mix-blend-mode:multiply;opacity:0;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;transition:width .25s,height .25s,margin .25s,opacity .25s;position:fixed;top:0;left:0}.cursor-dot.is-active{opacity:1}.cursor-dot.is-big{width:56px;height:56px;margin:-28px 0 0 -28px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}