@font-face{font-family:STK Miso;src:url(/assets/STKMiso-Regular-DGHchckq.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--paper: #ffffff;--ink: #000000;--muted: rgba(0, 0, 0, .5);--mark: #000000;--pill: #f5f5f5;--raised: #ffffff;--sheet: var(--pill);--sheet-raised: var(--raised);--option-ink: #261d17;--image-max: 800px;--gutter: 64px;--text: 20px;--tracking: -.01em;--font-sans: "STK Miso", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Helvetica, Arial, sans-serif}@property --paper{syntax: "<color>"; inherits: true; initial-value: #ffffff;}@property --ink{syntax: "<color>"; inherits: true; initial-value: #000000;}@property --muted{syntax: "<color>"; inherits: true; initial-value: rgba(0,0,0,.5);}@property --mark{syntax: "<color>"; inherits: true; initial-value: #000000;}:root{transition:--paper .3s ease,--ink .3s ease,--muted .3s ease,--mark .3s ease}:root[data-theme=ink]{--paper: #000000;--ink: rgba(255, 255, 255, .8);--muted: rgba(255, 255, 255, .5);--mark: #ffffff;--pill: color-mix(in srgb, #fff 8%, var(--paper));--raised: color-mix(in srgb, #fff 14%, var(--pill));--option-ink: var(--ink);--sheet: color-mix(in srgb, #fff 20%, var(--paper));--sheet-raised: color-mix(in srgb, #fff 14%, var(--sheet))}:root[data-theme=red]{--paper: #d5403a;--ink: #ffffff;--muted: rgba(255, 255, 255, .5);--mark: #ffffff;--pill: color-mix(in srgb, #000 14%, var(--paper));--raised: color-mix(in srgb, #fff 14%, var(--pill));--option-ink: var(--ink);--sheet: color-mix(in srgb, #fff 20%, var(--paper));--sheet-raised: color-mix(in srgb, #000 14%, var(--sheet))}:root[data-theme=green]{--paper: #72b23d;--ink: #000000;--muted: rgba(0, 0, 0, .5);--mark: #000000;--pill: color-mix(in srgb, #000 6%, var(--paper));--raised: color-mix(in srgb, #fff 50%, var(--pill));--sheet: color-mix(in srgb, #fff 20%, var(--paper));--sheet-raised: color-mix(in srgb, #fff 45%, var(--sheet))}:root[data-theme=blue]{--paper: #2d69b9;--ink: #ffffff;--muted: rgba(255, 255, 255, .5);--mark: #ffffff;--pill: color-mix(in srgb, #000 14%, var(--paper));--raised: color-mix(in srgb, #fff 14%, var(--pill));--option-ink: var(--ink);--sheet: color-mix(in srgb, #fff 20%, var(--paper));--sheet-raised: color-mix(in srgb, #000 14%, var(--sheet))}:root[data-theme=yellow]{--paper: #f5c145;--ink: #000000;--muted: rgba(0, 0, 0, .5);--mark: #000000;--pill: color-mix(in srgb, #000 6%, var(--paper));--raised: color-mix(in srgb, #fff 50%, var(--pill));--sheet: color-mix(in srgb, #fff 20%, var(--paper));--sheet-raised: color-mix(in srgb, #fff 45%, var(--sheet))}:root[data-theme=magenta]{--paper: #ba2d9a;--ink: #ffffff;--muted: rgba(255, 255, 255, .5);--mark: #ffffff;--pill: color-mix(in srgb, #000 14%, var(--paper));--raised: color-mix(in srgb, #fff 14%, var(--pill));--option-ink: var(--ink);--sheet: color-mix(in srgb, #fff 20%, var(--paper));--sheet-raised: color-mix(in srgb, #000 14%, var(--sheet))}.themes{--collapse-x: 72px;position:fixed;top:calc(var(--gutter) / 2 - 12px);left:50%;translate:-50% 0;z-index:5;isolation:isolate;display:flex;width:max-content;height:24px;padding:0 6px;border-radius:12px}.themes:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:12px;background-color:var(--pill);pointer-events:none}.theme-dot{position:relative;display:grid;align-items:center;justify-items:start;width:20px;height:24px;cursor:pointer;-webkit-tap-highlight-color:transparent}.theme-dot:last-child{width:12px}.themes-icon{display:none}.theme-dot input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:inherit}.theme-dot-shape{position:relative;width:12px;height:12px;border-radius:50%;background:var(--dot-color);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 25%,transparent);transition:transform .16s var(--ease-out)}.theme-dot-shape:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid var(--ink);opacity:0;transform:scale(.75);transition:opacity .16s var(--ease-out),transform .16s var(--ease-out)}.theme-dot input:checked+.theme-dot-shape:after{opacity:1;transform:none}.theme-dot:has(input:focus-visible) .theme-dot-shape{outline:2px solid var(--ink);outline-offset:6px}.theme-dot:active .theme-dot-shape{transform:scale(.9)}@media(hover:hover)and (pointer:fine){.theme-dot:hover .theme-dot-shape{transform:scale(1.3333)}.theme-dot:hover:active .theme-dot-shape{transform:scale(1.2)}.themes{pointer-events:none}.themes:before{background-color:color-mix(in srgb,var(--pill) 0%,transparent);clip-path:inset(0 calc(50% - 12px) 0 calc(50% - 12px) round 12px);transition:clip-path .2s var(--ease-out) .1s,background-color .2s var(--ease-out) .1s}.theme-dot{opacity:0;translate:-6px 0;visibility:hidden;transition:opacity .12s var(--ease-out) .1s,translate .12s var(--ease-out) .1s,visibility 0s linear .22s}.theme-dot:has(input:checked){opacity:0;translate:calc(var(--collapse-x) - 12px - var(--i) * 20px) 0;visibility:visible;pointer-events:auto;transition:opacity .12s var(--ease-out) .1s,translate .3s var(--ease-out) .1s,visibility 0s}.themes-icon{display:block;position:absolute;top:4px;left:calc(var(--collapse-x) - 8px);width:16px;height:16px;fill:var(--ink);pointer-events:none;transition:opacity .16s var(--ease-out) .1s}.themes:is(:hover,:has(input:focus-visible)) .themes-icon{opacity:0;transition-delay:0s;transition-duration:.12s}.themes:is(:hover,:has(input:focus-visible)){pointer-events:auto}.themes:is(:hover,:has(input:focus-visible)):before{background-color:var(--pill);clip-path:inset(0 0 0 0 round 12px);transition-delay:0s;transition-duration:.3s}.themes:is(:hover,:has(input:focus-visible)) .theme-dot{opacity:1;translate:0 0;visibility:visible;transition:opacity .26s var(--ease-out) calc(60ms + var(--i) * 30ms),translate .26s var(--ease-out) calc(60ms + var(--i) * 30ms),visibility 0s}.themes:is(:hover,:has(input:focus-visible)) .theme-dot:has(input:checked){opacity:1;transition:opacity .16s var(--ease-out) 60ms,translate .3s var(--ease-out),visibility 0s}}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--text);letter-spacing:var(--tracking);text-wrap:pretty;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100%}.hero{position:relative;min-height:100svh;padding:var(--gutter);display:grid;grid-template-columns:minmax(0,1fr) min(var(--image-max),52%);column-gap:var(--gutter)}.hero-left{display:flex;flex-direction:column;justify-content:space-between;min-width:0}.bio,.clients{margin:0;line-height:1.4}.bio{max-width:800px}.clients{color:var(--muted)}.hero-right{position:relative;min-height:320px}.slider{position:absolute;top:0;right:0;bottom:0;left:0}.slider-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y pinch-zoom;overscroll-behavior-x:none}.slider-viewport[data-dragging]{cursor:grabbing}.slider-track{display:flex;height:100%;will-change:transform}.slide{position:relative;flex:0 0 100%;height:100%}.slide img,.slide video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.slide[data-fit=contain]{background:var(--slide-bg, #000)}.slide[data-fit=contain] video{top:0;right:0;bottom:0;left:0;margin:auto;width:auto;height:auto;max-width:calc(100% - 2 * var(--slide-inset));max-height:calc(100% - 2 * var(--slide-inset));border-radius:var(--slide-radius)}.slider-nav{position:absolute;inset:auto 18px 18px;display:flex;justify-content:center;pointer-events:none}.slider-nav>*{pointer-events:auto}.dotnav{padding:8px;display:flex;align-items:center;border-radius:999px;background:#d2d2d7a3;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}@media(hover:hover)and (pointer:fine){.dotnav{opacity:0;transition:opacity .15s ease}.slider:hover .dotnav,.dotnav:has(:focus-visible){opacity:1}}.dots{position:relative;height:var(--dot)}.dot{position:absolute;top:0;left:0;width:var(--hit);height:var(--dot);padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .3s var(--ease-out)}.dot-shape{position:absolute;top:50%;left:calc((var(--hit) - var(--dot)) / 2);width:var(--pill);height:var(--dot);margin-top:calc(var(--dot) / -2);background:#0000006b;clip-path:inset(0 calc(var(--pill) - var(--dot)) 0 0 round calc(var(--dot) / 2));transition:clip-path .3s var(--ease-out),background-color .15s ease}@media(hover:hover)and (pointer:fine){.dot:hover .dot-shape{background:#0000008a}}.dot[aria-selected=true]{cursor:default;pointer-events:none}.dot[aria-selected=true] .dot-shape{background:#000c;clip-path:inset(0 0 0 0 round calc(var(--dot) / 2))}.dot:before{content:"";position:absolute;top:-8px;right:0;bottom:-8px;left:0}.dot:focus-visible{outline:none}.dot:focus-visible:before{outline:2px solid var(--ink);outline-offset:-2px;border-radius:6px}.paddlenav{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.paddle{position:absolute;top:50%;margin-top:-18px;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#d2d2d7a3;color:#0000008f;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;transition:background-color .15s ease,color .15s ease,opacity .15s ease,transform .16s var(--ease-out)}.paddle-prev{left:18px}.paddle-next{right:18px}.paddle:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.paddle svg{display:block}@media(hover:hover)and (pointer:fine){.slider:hover .paddle:not(:disabled){opacity:1}.paddle:hover{background:#dfdfe3b2;color:#000000a3}}.paddle:focus-visible{opacity:1;outline:2px solid var(--ink);outline-offset:3px}.paddle:active{background:#c1c1c6a7;color:#000000a3;transform:scale(.95)}.paddle:disabled{opacity:0;pointer-events:none}@media(hover:none){.paddlenav{display:none}}@media(prefers-reduced-transparency:reduce){.dotnav,.paddle{background:#e8e8ed;-webkit-backdrop-filter:none;backdrop-filter:none}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.dotnav,.paddle{background:#e8e8ed}}.marks{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.corner{position:absolute;width:64px;height:64px}.corner:before{content:"";position:absolute;top:0;left:0;width:101.56%;height:101.56%;background:var(--mark);-webkit-mask:var(--mark-image) 0 0 / 100% 100% no-repeat;mask:var(--mark-image) 0 0 / 100% 100% no-repeat}.corner-tl{top:0;left:0}.corner-tr{top:0;right:0;transform:scaleX(-1)}.corner-bl{bottom:0;left:0;transform:scaleY(-1)}.corner-br{bottom:0;right:0;transform:scale(-1)}.mark{position:absolute;width:1px;height:10px}.mark{background:var(--mark);-webkit-mask:var(--mark-image) 0 0 / 100% 100% no-repeat;mask:var(--mark-image) 0 0 / 100% 100% no-repeat}.mark-v-tl,.mark-v-bl{left:calc(var(--gutter) - 1px)}.mark-v-tr,.mark-v-br{right:calc(var(--gutter) - 1px)}.mark-v-tl,.mark-v-tr{top:0}.mark-v-bl,.mark-v-br{bottom:0}.mark-h-tl,.mark-h-bl{left:4.5px;rotate:-90deg}.mark-h-tr,.mark-h-br{right:4.5px;rotate:-90deg}.mark-h-tl,.mark-h-tr{top:calc(var(--gutter) - 5.5px)}.mark-h-bl,.mark-h-br{bottom:calc(var(--gutter) + 4.5px)}.option{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;padding:20px 24px;border:0;border-radius:120px;background:none;color:var(--option-ink);font:inherit;letter-spacing:inherit;line-height:1;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--ease-out)}.option-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:120px;background:var(--raised);transform-origin:0 0;pointer-events:none}.option:active{transform:scale(.97)}.option:focus-visible,.contact-trigger:focus-visible,.pill:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.swap{display:grid}.swap>*{grid-area:1 / 1}.swap-done{justify-self:center;color:color-mix(in srgb,var(--option-ink) 50%,transparent);visibility:hidden}.swap[data-swapped] .swap-idle{visibility:hidden}.swap[data-swapped] .swap-done{visibility:inherit}.swap[data-swapped] .swap-done{--dim: color-mix(in srgb, var(--option-ink) 50%, transparent);background:linear-gradient(100deg,var(--dim) 0 42%,var(--option-ink) 50%,var(--dim) 58% 100%) 100% 0 / 250% 100% no-repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer .9s var(--ease-out) 60ms 1 both}@keyframes shimmer{to{background-position:0% 0}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.contact{--trigger-w: 161px;position:absolute;left:calc(var(--gutter) - 24px);top:50%;translate:0 -50%;z-index:3;display:flex;align-items:center;gap:24px;padding:24px;border-radius:32px;pointer-events:none}.contact:is(:hover,[data-open]),.contact:has(:focus-visible){pointer-events:auto}.contact-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:32px;background-color:#f5f5f500;clip-path:inset(24px calc(100% - var(--trigger-w)) 24px 0 round 30px);transform-origin:0 0;pointer-events:none;transition:clip-path .2s var(--ease-out),background-color .2s var(--ease-out)}.contact:is(:hover,[data-open]) .contact-bg,.contact:has(:focus-visible) .contact-bg{background-color:var(--pill);clip-path:inset(0 0 0 0 round 32px);transition-duration:.3s}.contact-trigger{margin:0 -24px;padding:20px 24px;border:0;border-radius:120px;background:none;color:var(--ink);font:inherit;letter-spacing:inherit;line-height:1;white-space:nowrap;text-align:left;cursor:pointer;pointer-events:auto;transition:color .2s ease}.contact:is(:hover,[data-open]) .contact-trigger,.contact:has(:focus-visible) .contact-trigger{color:var(--muted)}.contact-options{list-style:none;margin:0;padding:0;display:flex;gap:8px;visibility:hidden;transition:visibility 0s linear .2s}.contact:is(:hover,[data-open]) .contact-options,.contact:has(:focus-visible) .contact-options{visibility:visible;transition-delay:0s}.contact .option{min-width:68px}.contact-options li{opacity:0;translate:-6px 0;transition:opacity .12s var(--ease-out),translate .12s var(--ease-out)}.contact:is(:hover,[data-open]) .contact-options li,.contact:has(:focus-visible) .contact-options li{opacity:1;translate:0 0;transition-duration:.26s;transition-delay:calc(60ms + var(--i, 0) * 40ms)}.pill{display:inline-flex;align-items:center;justify-content:center;padding:20px 24px;border:0;border-radius:120px;background:var(--pill);color:var(--ink);font:inherit;letter-spacing:inherit;line-height:1;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--ease-out)}.pill:active{transform:scale(.97)}.sheet-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.sheet-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0003;opacity:1;transition:opacity .4s var(--ease-out)}@starting-style{.sheet-overlay{opacity:0}}.sheet-root[data-state=closed] .sheet-overlay{opacity:0;transition-duration:.25s}.sheet{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:32px;padding:32px 24px calc(32px + env(safe-area-inset-bottom));font-size:20px;background:var(--sheet);--raised: var(--sheet-raised);border-radius:32px 32px 0 0;transform:translateZ(0);transition:transform .45s var(--ease-drawer);outline:none}@starting-style{.sheet{transform:translate3d(0,100%,0)}}.sheet-root[data-state=closed] .sheet{transform:translate3d(0,100%,0);transition-duration:.3s}.sheet-label{margin:0;color:var(--muted);line-height:1}.sheet-options{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:8px}.option-block{width:100%;padding:24px}.bio,.clients,.themes,.hero-right{opacity:0;animation:rise .7s var(--ease-out) forwards;animation-delay:calc(var(--i, 0) * 90ms)}.contact,.pill{animation:appear .7s var(--ease-out) 90ms backwards}@keyframes rise{0%{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}@keyframes appear{0%{opacity:0}}@media(max-width:900px){:root{--gutter: 24px;--text: 18px}.hero{display:flex;flex-direction:column;gap:32px;padding:80px var(--gutter)}.hero-left{display:contents}.intro{order:1;display:flex;flex-direction:column;align-items:center;gap:40px;padding-bottom:16px}.bio{text-align:center}.themes{top:12px}.hero-right{order:2;flex:none;aspect-ratio:800 / 952;min-height:0}.clients{order:3}}@media(prefers-reduced-motion:reduce){.bio,.clients,.themes,.hero-right,.contact,.pill{animation:fade .3s ease forwards}.contact-bg,.themes:before{transition-duration:1ms}.theme-dot,.themes:is(:hover,:has(input:focus-visible)) .theme-dot,.theme-dot:has(input:checked){transition-property:opacity,visibility}.contact-options li{translate:0 0}.sheet,.sheet-root[data-state=closed] .sheet{transform:none;transition:opacity .25s ease}.sheet-root[data-state=closed] .sheet{opacity:0}@starting-style{.sheet{transform:none;opacity:0}}.option:active,.pill:active,.paddle:active{transform:none}.swap[data-swapped] .swap-done{animation:none;background:none;-webkit-text-fill-color:currentColor}.dot{transition:none}.dot-shape{transition:background-color .15s ease}@keyframes fade{to{opacity:1}}}