@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}svg{width:var(--icon-size);height:var(--icon-size);stroke-width:var(--icon-stroke)}::selection{background:var(--color-accent-wash)}.u-meta{font-family:var(--font-mono);font-size:var(--text-meta);font-weight:500;text-transform:uppercase;letter-spacing:var(--track-meta);color:var(--color-ink-muted)}.sr-chip{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--track-meta);padding:4px 9px;border-radius:var(--radius-pill);border:2px solid var(--color-ink);background:transparent;color:var(--color-ink);cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast)}.sr-chip:hover{background:var(--color-hover)}.sr-chip.is-active{background:var(--color-ink);color:var(--color-surface)}.sr-chip.is-active.accent{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}.sr-btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-md);font-weight:600;padding:12px 20px;border-radius:var(--radius-sm);border:1px solid var(--color-ink);background:transparent;color:var(--color-ink);cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast),transform var(--dur-fast),border-color var(--dur-fast)}.sr-btn:hover{background:var(--color-surface-2)}.sr-btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.sr-btn--primary:hover{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-surface);transform:translateY(-2px)}.sr-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.sr-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-5)}@media(prefers-reduced-motion:reduce){.sr-btn--primary:hover{transform:none}}.bg{position:fixed;top:0;bottom:0;z-index:0;pointer-events:none}main{position:relative;z-index:10}.site-header{position:fixed;top:0;z-index:20}:root{--dk-dock-l: 0px;--dk-dock-r: 0px}html{margin-left:var(--dk-dock-l);margin-right:var(--dk-dock-r)}.bg,.site-header{left:var(--dk-dock-l);right:var(--dk-dock-r)}:root{--font-display: system-ui, sans-serif;--font-body: system-ui, sans-serif}:root{--coral: #de7f5c;--sky: #5c8ac4;--sage: #7e9a78;--ink: #1e2a38;--paper: #f2ede4;--color-bg: var(--paper);--color-surface: var(--paper);--color-surface-2: #e6ded1;--color-ink: var(--ink);--color-accent: var(--coral);--color-on-accent: var(--ink);--color-ink-muted: #6e7b88;--color-ink-soft: #48586a;--color-line: #c6bfb2;--color-line-strong: #a9a093;--color-hover: #e9e1d4;--color-accent-hover: #c96f4d;--color-accent-wash: rgba(222, 127, 92, .12);--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--font-sans: var(--font-display);--font-mono: var(--font-body);--text-meta: 10px;--text-xs: 11px;--text-sm: 12px;--text-md: 13px;--text-lg: 15px;--text-xl: 18px;--text-2xl: 24px;--text-3xl: 32px;--leading-tight: 1.2;--leading-body: 1.5;--track-meta: .12em;--track-tight: -.3px;--track-tighter: -.8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 999px;--icon-size: 15px;--icon-stroke: 1.5;--dur-fast: .16s;--dur-rise: .42s;--ease-pop: cubic-bezier(.2, .8, .2, 1);--ease-reveal: cubic-bezier(.22, .7, .2, 1);--stagger-step: 60ms;--shadow-hard: 5px 5px 0 var(--color-ink);--shadow-hard-lift: 8px 8px 0 var(--color-ink);--border-hard: 2.5px solid var(--color-ink);--rule: 1.5px solid var(--ink);--header-h: 58px;--pad-x: clamp(16px, 4vw, 56px);--pad-y: clamp(32px, 6vw, 88px);--dot: radial-gradient(circle at 1px 1px, var(--ink) 1px, transparent 1.2px);--grain: .07}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 8px)}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);overflow-x:clip}::selection{background:var(--coral);color:var(--paper)}main{padding-top:var(--header-h)}.display{font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,4vw,3rem);letter-spacing:-.03em;line-height:var(--leading-tight);margin:0;text-wrap:balance}.u-meta--soft{color:var(--color-ink-soft)}.u-meta--ink{color:var(--ink)}.u-meta--accent{color:var(--coral)}.rule{height:1.5px;background:var(--ink)}.section{padding:var(--pad-y) var(--pad-x);border-bottom:var(--rule)}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-5);flex-wrap:wrap}.section-head--ruled{padding-bottom:18px;border-bottom:var(--rule)}.section-head p{margin:0}.grain{position:fixed;inset:0;z-index:50;pointer-events:none;background-image:var(--dot);background-size:3px 3px;mix-blend-mode:multiply;opacity:var(--grain)}.site-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:14px var(--pad-x);background:var(--paper);border-bottom:var(--rule);height:auto;min-height:var(--header-h)}.site-header__name{font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:-.6px;color:var(--ink)}.site-nav{display:flex;gap:clamp(10px,2vw,26px);flex-wrap:wrap}.site-nav a{font-family:var(--font-body);font-size:var(--text-meta);text-transform:uppercase;letter-spacing:.16em;color:var(--color-ink-soft);transition:color var(--dur-fast)}.site-nav a:hover{color:var(--coral)}.frame{position:relative;aspect-ratio:4 / 3;border:var(--rule);overflow:hidden}.frame--sky{background:var(--sky)}.frame--coral{background:var(--coral)}.frame--sage{background:var(--sage)}.frame--square{aspect-ratio:1 / 1}.frame--bare{border:0}.frame img,.frame video{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:cover}.frame__hint{position:absolute;inset:0;display:grid;place-items:center;padding:var(--space-5);text-align:center;font-family:var(--font-body);font-size:var(--text-meta);text-transform:uppercase;letter-spacing:var(--track-meta);color:var(--ink);opacity:.55}.frame:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background-image:var(--dot);background-size:5px 5px;mix-blend-mode:multiply;opacity:.12}.hero{padding:0}.hero__plate{aspect-ratio:auto;width:100%;height:min(72vh,760px);min-height:320px;border:0;border-bottom:var(--rule)}.hero__plate:after{background-size:5px 5px;opacity:.14}.frame img.hero__avatar{position:absolute;inset:auto auto var(--space-4) var(--space-4);z-index:3;width:clamp(88px,12vw,176px);height:clamp(88px,12vw,176px);border-radius:50%;border:var(--rule);object-fit:cover;box-shadow:var(--shadow-hard),0 14px 34px #1e2a3866}.hero__contact{position:absolute;right:var(--space-4);bottom:var(--space-4);z-index:3;display:flex;gap:var(--space-2)}@media(max-width:560px){.hero__contact{bottom:auto;top:var(--space-4)}}.copy-chip{padding:7px 13px;border:var(--rule);border-color:var(--ink);border-radius:var(--radius-pill);background:var(--ink);color:var(--paper);font-family:var(--font-body);font-size:10px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast),transform var(--dur-fast) var(--ease-pop)}.copy-chip:hover,.copy-chip:focus-visible{outline:none;background:var(--coral);color:var(--ink);transform:translateY(-2px)}.copy-chip.is-copied{background:var(--sage);color:var(--ink)}.marquee{overflow:hidden;padding:clamp(10px,1.6vw,16px) 0;border-bottom:var(--rule);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.marquee__row{display:flex;width:max-content;animation:marquee-right 42s linear infinite}.marquee:hover .marquee__row{animation-play-state:paused}@keyframes marquee-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.marquee__track{display:flex;align-items:center;gap:clamp(20px,3vw,44px);margin:0;padding:0 clamp(20px,3vw,44px) 0 0;list-style:none}.marquee__track li{display:flex;align-items:center;gap:clamp(20px,3vw,44px);white-space:nowrap;font-family:var(--font-display);font-weight:500;font-size:clamp(.8rem,1.4vw,1.1rem);letter-spacing:-.01em;color:var(--color-ink-soft)}.marquee__track li:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--coral);border:1.5px solid var(--ink);flex:none}.hero__body{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(24px,4vw,64px);padding:clamp(28px,5vw,72px) var(--pad-x) clamp(36px,5vw,72px);align-items:end}.hero__headline{display:flex;flex-direction:column;gap:clamp(20px,3vw,36px)}.hero__kicker{display:flex;align-items:center;gap:10px;margin:0}.dot-marker{width:9px;height:9px;border-radius:50%;background:var(--coral);border:1.5px solid var(--ink);flex:none}.hero__title{font-family:var(--font-display);font-weight:700;font-size:clamp(2.6rem,8.4vw,7rem);line-height:.92;letter-spacing:-.035em;margin:0;text-wrap:balance}.hero__title em{font-style:normal;color:var(--coral);text-shadow:2.5px 2.5px 0 var(--ink)}.hero__intro{display:flex;flex-direction:column;gap:18px;max-width:52ch}.hero__intro p{margin:0;font-size:14px;line-height:1.75;color:var(--color-ink-soft)}.btn-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.btn-row--center{justify-content:center;margin-top:var(--space-4)}.hero__kicker{font-size:14.5px;font-style:italic;text-transform:uppercase}.hero__intro p{font-size:25px;font-weight:400;font-style:italic}@media(min-width:900px){.hero__body{grid-template-columns:1fr 1fr;column-gap:clamp(24px,4vw,64px);row-gap:clamp(20px,3vw,36px);align-items:center}.hero__headline{display:contents}.hero__kicker{grid-area:1 / 1}.hero__title{grid-area:2 / 1}.hero__intro{grid-area:2 / 2}.hero__body{--hero-nudge: 70px}.hero__title{position:relative;left:var(--hero-nudge);max-width:826px;zoom:1.01}.hero__kicker{position:relative;left:55px;max-width:592px}.hero__intro{justify-self:end;margin-right:var(--hero-nudge);width:min(660px,100% - var(--hero-nudge));max-width:none;text-align:center;text-wrap:balance}.hero__intro .btn-row{justify-content:center}}.modes{position:relative;background:var(--coral);padding:clamp(28px,5vw,64px) var(--pad-x)}.modes:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(135deg,rgba(30,42,56,.14) 0 2px,transparent 2px 9px);opacity:.7}.modes>*{position:relative}.modes .section-head{margin-bottom:var(--space-8)}.modes__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));border-top:var(--rule)}.mode{padding:26px 24px;border-bottom:var(--rule);border-left:var(--rule)}.mode:first-child{padding-left:0;border-left:0}.mode:last-child{padding-right:0}.mode h2{font-family:var(--font-display);font-weight:700;font-size:clamp(1.7rem,3.4vw,2.6rem);letter-spacing:-.03em;margin:0 0 var(--space-3)}.mode p{margin:0 0 18px;font-size:var(--text-md);line-height:1.7;color:var(--ink);max-width:30ch}.work__filter{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.work__item{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(20px,4vw,52px);padding:clamp(28px,5vw,60px) 0;border-bottom:1px solid var(--color-line)}.work__item:last-child{border-bottom:0}@media(min-width:760px){.work__item--flip .frame{order:2}}.work__text{display:flex;flex-direction:column;gap:var(--space-4);justify-content:center}.work__text p{margin:0}.work__text h3{font-family:var(--font-display);font-weight:700;font-size:clamp(1.9rem,4.5vw,3.4rem);line-height:1;letter-spacing:-.035em;margin:0}a.frame{display:block}.work__link{color:inherit;text-decoration:none;transition:color var(--dur-fast)}.work__link:hover,a.frame:hover+.work__text .work__link{color:var(--coral)}.work__lede{font-size:14px;line-height:1.8;color:var(--color-ink-soft);max-width:44ch}.work__stack{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);border-top:1px solid var(--ink);padding-top:var(--space-3)}[data-mode][hidden]{display:none}.process{position:relative;background:var(--sky)}.process:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--dot);background-size:4px 4px;mix-blend-mode:multiply;opacity:.16}.process>*{position:relative}.process__title{color:var(--paper);margin:0 0 clamp(24px,4vw,48px)}.process__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(16px,2.5vw,28px)}.process__card{border:var(--rule);border-radius:0;min-height:220px}.process__card p{margin:0}.process__card .u-meta{display:block;margin-bottom:14px}.process__card h3{font-family:var(--font-display);font-weight:700;font-size:1.5rem;letter-spacing:-.02em;margin:0 0 var(--space-3)}.process__card>p:last-child{font-size:var(--text-md);line-height:1.8;color:var(--color-ink-soft)}.lab .section-head{padding-bottom:var(--space-6);margin-bottom:clamp(20px,3vw,36px)}.lab__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(304px,1fr));gap:clamp(14px,2vw,24px)}.lab__item{display:flex;flex-direction:column;gap:10px}.lab__item p{margin:0;font-size:var(--text-sm);line-height:1.7}.lab__item .u-meta{letter-spacing:.18em}.lab__open{display:block;width:100%;padding:0;font:inherit;color:inherit;cursor:pointer;transition:transform var(--dur-fast) var(--ease-pop),box-shadow var(--dur-fast) var(--ease-pop)}.lab__open:hover,.lab__open:focus-visible{outline:none;transform:translate(-2px,-2px);box-shadow:var(--shadow-hard)}.panel{width:min(1100px,94vw);max-height:92vh;overflow-y:auto;padding:clamp(16px,3vw,32px);border:var(--rule);background:var(--paper);color:var(--ink)}.panel::backdrop{background:#000000d1}.panel>*+*{margin-top:clamp(12px,2vw,24px)}.panel__bar{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-5);padding-bottom:var(--space-5);border-bottom:var(--rule)}.panel__title{font-size:clamp(1.3rem,3vw,2rem)}.panel__x{flex:none;padding:6px 12px;border:var(--rule);background:var(--paper);font-family:var(--font-body);font-size:var(--text-meta);color:var(--ink);cursor:pointer}.panel__x:hover{background:var(--coral);color:var(--paper)}.panel__lede{max-width:62ch;margin:0;font-size:var(--text-md);line-height:1.8;color:var(--color-ink-soft)}.panel video,.panel img{display:block;width:100%;height:auto;border:var(--rule)}.panel video{cursor:pointer}.panel__note{margin:0;font-size:var(--text-meta);text-transform:uppercase;letter-spacing:var(--track-meta);color:var(--color-ink-soft)}.contact{position:relative;background:var(--ink);color:var(--paper);padding:clamp(36px,7vw,104px) var(--pad-x);border-bottom:0;display:flex;flex-direction:column;gap:clamp(24px,4vw,44px)}.contact:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(135deg,rgba(242,237,228,.09) 0 2px,transparent 2px 10px)}.contact>*,.contact__body>*{position:relative;margin:0}.contact__body{display:flex;flex-direction:column;gap:inherit}.contact__photo{aspect-ratio:3 / 4}@media(min-width:760px){.contact{display:grid;grid-template-columns:minmax(0,1fr) clamp(220px,26vw,340px);align-items:start}}.contact__lede{font-size:var(--text-lg);line-height:1.8;max-width:52ch;color:var(--paper)}.contact__mail{font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,6.4vw,4.6rem);letter-spacing:-.035em;line-height:1;color:var(--paper);border-bottom:2px solid var(--coral);align-self:flex-start;word-break:break-word;transition:color var(--dur-fast)}.contact__mail:hover{color:var(--coral)}.contact__links{display:flex;gap:26px;flex-wrap:wrap;padding-top:var(--space-2);border-top:1px solid rgba(242,237,228,.25)}.contact__links .u-meta{color:#f2ede4b3;letter-spacing:.18em}.contact__links a.u-meta{color:var(--paper);border-bottom:1px solid var(--coral)}.contact__links a.u-meta:hover{color:var(--coral);border-bottom-color:var(--paper)}.js-reveal [data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .64s var(--ease-reveal),transform .72s var(--ease-reveal);will-change:opacity,transform}.js-reveal [data-reveal=img]{transform:scale(1.015)}.js-reveal [data-reveal].is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js-reveal [data-reveal]{opacity:1;transform:none;transition:none}.marquee__row{animation:none}}