:root{color-scheme:dark;--bg: #000;--text: #f4f1ea;--accent: #a6ceaa;--panel: rgba(16, 18, 17, .92);--border: rgba(244, 241, 234, .28);--control-bg: rgba(16, 18, 17, .55);--font-sans: "degular", sans-serif;--font-serif: "swear-display", serif;--hero-muted: rgb(106, 106, 106);--hero-soft: rgba(255, 255, 255, .75);--hero-dim: rgba(255, 255, 255, .4);--hero-names: rgb(103, 103, 103);--page-pad-x: 32px;--page-pad-y: 24px;font-family:var(--font-sans)}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:var(--text)}#garden-canvas{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;z-index:1;background:#000}.light-rays{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;mix-blend-mode:soft-light;opacity:0}.css3d-root,.css3d-layer{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:hidden}.hero{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.hero-content{width:100%;height:100%;padding:var(--page-pad-y) var(--page-pad-x);box-sizing:border-box}.hero-columns{display:flex;align-items:flex-start;justify-content:space-between;width:100%;height:100%}.hero-col{display:flex;flex-direction:column;gap:48px;min-width:0}.hero-col-intro{flex:1 1 auto;width:min(688px,42%)}.hero-col-nav{flex:0 1 auto;width:min(229px,14%);margin-right:16px}.hero-col-right{flex:0 1 auto;width:min(480px,36%);margin-left:auto}.hero-right-nav{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;width:100%}.hero-name,.hero-nav-label,.hero-nav-link{margin:0;color:var(--hero-dim);font-family:var(--font-sans);font-size:15.6px;font-weight:500;line-height:1.2;text-decoration:none;pointer-events:auto}.hero-name{color:var(--hero-soft)}.hero-nav-link:hover,.hero-view-link:hover,.hero-name:hover,.hero-hire:hover{color:#ffffffd9}.hero-bio{margin:0;max-width:463px;color:var(--hero-soft);font-family:swear-text,serif;font-size:32px;font-weight:300;line-height:1.1;letter-spacing:-2px}.hero-bio-name{color:var(--hero-muted)}.hero-bio-break{display:block;height:.55em}.hero-client-list{display:flex;flex-direction:column;gap:48px;width:100%;container-type:inline-size}.hero-clients{margin:0;width:100%;min-width:0;color:var(--hero-soft);font-family:degular-display,sans-serif;font-size:24px;font-weight:300;line-height:1.17}.hero-clients-lead{display:block}.hero-clients-names{display:block;color:var(--hero-names);text-wrap:balance}.hero-hire{--hero-hire-bounce-half: 3.5s;--hero-hire-bounce-loops: 2;--hero-hire-pause: 180s;--hero-hire-active: calc(var(--hero-hire-bounce-half) * 2 * var(--hero-hire-bounce-loops));--hero-hire-cycle: calc(var(--hero-hire-active) + var(--hero-hire-pause));display:inline-block;color:var(--hero-dim);font-family:var(--font-serif);font-size:24px;font-weight:400;line-height:1.17;text-decoration:none;pointer-events:auto;width:max-content;animation:hero-hire-bounce var(--hero-hire-cycle) linear infinite}@keyframes hero-hire-bounce{0%{transform:translate(0);animation-timing-function:ease-in-out}1.804%{transform:translate(calc(100cqw - 100%));animation-timing-function:ease-in-out}3.608%{transform:translate(0);animation-timing-function:ease-in-out}5.412%{transform:translate(calc(100cqw - 100%));animation-timing-function:ease-in-out}7.216%,to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.hero-hire{animation:none}}.project-card{width:200px;height:125px;padding:10px;box-sizing:border-box;display:flex;flex-direction:column;border:1px solid #fff;background-color:#000000bf;cursor:pointer;pointer-events:auto;transition:background-color .3s ease;user-select:none;-webkit-user-select:none}.project-card:hover,.project-card.is-active{background-color:#00000073}.project-card.is-overlay-hidden{opacity:0!important;visibility:hidden;pointer-events:none}.project-card-media{flex:1;margin-bottom:12px;border-radius:4px;background-size:cover;background-position:center;background-color:#1a1a1a}.project-card-meta{display:flex;justify-content:space-between;align-items:center;color:gray;font-size:12px;font-family:var(--font-sans);line-height:1.2}.project-card-title{font-weight:700;text-transform:uppercase}.project-card-year{font-weight:400}.controls-bar{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;align-items:flex-end;justify-content:space-between;padding:0 var(--page-pad-x) var(--page-pad-y);pointer-events:none}.controls-left{display:grid;grid-template-columns:repeat(3,2rem);grid-template-rows:2rem 2rem;gap:.28rem;pointer-events:auto}.controls-bar.is-collapsed .controls-left{display:none}.inspect-key{position:fixed;right:var(--page-pad-x);bottom:var(--page-pad-y);z-index:5;width:2rem;min-width:2rem;max-width:2rem;padding:0;font-size:.8rem;letter-spacing:0;text-transform:none;opacity:.66}.controls-right{position:fixed;right:calc(var(--page-pad-x) + 2rem + 1.12rem);bottom:var(--page-pad-y);z-index:10006;display:flex;align-items:flex-end;gap:.28rem;pointer-events:auto}.project-key{width:2rem;min-width:2rem;max-width:2rem;padding:0;font-size:.8rem;letter-spacing:0;text-transform:none;opacity:.66}.arrow-key{display:grid;place-items:center;width:2rem;height:2rem;margin:0;padding:0;border-radius:.35rem;border:1px solid var(--hero-dim);background:transparent;color:var(--text);font-family:var(--font-sans);font-size:.8rem;font-weight:400;line-height:1;cursor:pointer;pointer-events:auto;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:background-color .15s ease}.arrow-key:hover,.arrow-key:focus-visible{background:#ffffff54}.arrow-key:focus:not(:focus-visible){background:transparent}.arrow-key:active{background:#ffffff54}.arrow-up{grid-column:2;grid-row:1}.arrow-left{grid-column:1;grid-row:2}.arrow-down{grid-column:2;grid-row:2}.arrow-right{grid-column:3;grid-row:2}.load-status{position:fixed;left:50%;bottom:var(--page-pad-y);transform:translate(-50%);z-index:5;margin:0;font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);opacity:.85;white-space:nowrap}.load-status[hidden]{display:none!important}.portfolio-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;background:#00000080;padding:0}.portfolio-panel[hidden]{display:none!important}.portfolio-content{position:relative;width:min(920px,100%);padding:1rem;border-radius:18px;border:1px solid var(--border);background:var(--panel)}.portfolio-content--carousel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:transparent;overflow:hidden}.smear-carousel{position:relative;width:100%;height:100%;min-width:600px;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:transparent}.smear-carousel__hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9999;cursor:grab;touch-action:none}.smear-carousel__stage{position:relative;width:0;height:0;transform-style:preserve-3d}.smear-carousel__card{position:absolute;left:0;top:0;transform-style:preserve-3d;will-change:transform}.smear-carousel__card-media{position:absolute;top:0;right:0;bottom:0;left:0;background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:0;overflow:hidden}.smear-carousel__card-media--embed,.smear-carousel__card-media--video{background:#000}.smear-carousel__card-media--embed{contain:strict;isolation:isolate;transform:translateZ(0)}.smear-carousel__card-embed,.smear-carousel__card-video{display:block;width:100%;height:100%;border:0;background:#000;pointer-events:none}.smear-carousel__card-embed{position:absolute;left:0;top:0;width:auto;height:auto;max-width:none;transform-origin:top left;will-change:transform}.smear-carousel__card-video{object-fit:contain}.smear-carousel__caption{position:absolute;left:50%;z-index:10002;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);gap:20px;align-items:start;min-height:84px;padding:12px 0 0;transform:translate(-50%);pointer-events:none;color:#fff}.smear-carousel__caption-title{margin:0;font-family:var(--font-serif);font-size:18px;font-weight:400;line-height:1.2;color:var(--hero-muted);text-wrap:balance}.smear-carousel__caption-description{margin:0;font-family:var(--font-sans);font-size:16px;font-weight:400;line-height:1.35;color:#fff;text-wrap:balance}.smear-carousel__caption-category{margin:0;font-family:var(--font-sans);font-size:12px;font-weight:500;line-height:1.2;letter-spacing:.06em;text-align:right;text-transform:uppercase;color:#fff;text-wrap:balance}.smear-carousel__edge{position:absolute;top:0;bottom:0;z-index:10000;pointer-events:none;backdrop-filter:blur(var(--smear-blur, 24px));-webkit-backdrop-filter:blur(var(--smear-blur, 24px))}.smear-carousel__edge--left{left:0;mask-image:linear-gradient(to right,black 0%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 0%,transparent 100%)}.smear-carousel__edge--right{right:0;mask-image:linear-gradient(to left,black 0%,transparent 100%);-webkit-mask-image:linear-gradient(to left,black 0%,transparent 100%)}.portfolio-content img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:12px}.portfolio-panel.is-scroll-cursor{cursor:none}.portfolio-panel.is-scroll-cursor *:not(.portfolio-close):not(.portfolio-esc){cursor:none!important}.portfolio-panel.is-scroll-cursor .portfolio-close,.portfolio-panel.is-scroll-cursor .portfolio-esc{cursor:pointer!important}.portfolio-scroll-hint{position:fixed;top:0;left:0;z-index:10004;pointer-events:none;transform:translate(4px,4px);transition:opacity .25s ease;opacity:.9}.portfolio-scroll-hint.is-hidden{opacity:0;visibility:hidden}.portfolio-scroll-hint__mouse{width:20px;height:34px;border:1px solid rgba(255,255,255,.72);border-radius:12px;display:block;position:relative;box-shadow:0 0 10px #0000008c}.portfolio-scroll-hint__wheel{position:absolute;left:50%;top:7px;width:3px;height:6px;transform:translate(-50%);border-radius:999px;background:#ffffffc7;animation:portfolio-scroll-wheel 1.15s ease-in-out infinite}@keyframes portfolio-scroll-wheel{0%{opacity:.9;transform:translate(-50%) translateY(0)}70%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:0;transform:translate(-50%) translateY(8px)}}.portfolio-drag-hint{position:absolute;left:50%;bottom:var(--page-pad-y);z-index:10003;margin:0;transform:translate(-50%);font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);opacity:.55;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 1px 12px rgba(0,0,0,.65)}.portfolio-drag-hint.is-flashing{animation:portfolio-hint-flash .55s ease-in-out 2}@keyframes portfolio-hint-flash{0%,to{opacity:.2;transform:translate(-50%) scale(.98)}50%{opacity:1;transform:translate(-50%) scale(1)}}.portfolio-close,.portfolio-esc{position:absolute;z-index:10005;top:var(--page-pad-y);width:2rem;min-width:2rem;max-width:none;padding:0;font-size:.8rem;letter-spacing:0;text-transform:none;opacity:.66;pointer-events:auto}.portfolio-close{right:var(--page-pad-x)}.portfolio-esc{left:var(--page-pad-x);width:auto;min-width:2rem;padding:0 .45rem}.touch-controls{position:fixed;left:var(--page-pad-x);bottom:var(--page-pad-y);z-index:10007;display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;opacity:0;pointer-events:none}body.is-touch .touch-controls:not([hidden]){opacity:1;pointer-events:auto}body.is-touch.portfolio-open .touch-controls{opacity:0;pointer-events:none}.move-pad{position:relative;width:120px;height:120px;border:none;background:none;border-radius:0;touch-action:none;-webkit-user-select:none;user-select:none}body.is-touch .move-pad{width:118px;height:118px;opacity:.8}.move-pad__ring{display:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;border:1px solid var(--hero-dim);background:#0006;box-shadow:inset 0 0 0 1px #ffffff0a}.move-pad__knob{display:none;position:absolute;left:50%;top:50%;width:46px;height:46px;margin:0;border-radius:999px;border:1px solid rgba(255,255,255,.45);background:#ffffff38;transform:translate(-50%,-50%);will-change:transform}body.is-touch .move-pad__ring,body.is-touch .move-pad__knob{display:block}.touch-hint{display:none;margin:0;padding:.15rem 0 .35rem;color:var(--hero-dim);font-family:var(--font-sans);font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;opacity:.7;pointer-events:none}body.is-touch .touch-hint{display:block}body.is-touch .controls-left{display:none}body.is-touch .controls-right{right:max(var(--page-pad-x),env(safe-area-inset-right,0px));left:auto;bottom:max(var(--page-pad-y),env(safe-area-inset-bottom,0px));transform:none;justify-content:flex-end;gap:.55rem}body.is-touch .inspect-key{display:none}body.is-touch .touch-controls{left:max(var(--page-pad-x),env(safe-area-inset-left,0px));right:auto;bottom:max(var(--page-pad-y),env(safe-area-inset-bottom,0px));transform:none;align-items:flex-start}@media(max-width:767px){body.is-touch .touch-controls{left:50%;right:auto;bottom:max(1.1rem,env(safe-area-inset-bottom,0px));transform:translate(-50%);align-items:center}body.is-touch .touch-hint{text-align:center;padding:.2rem 0 .45rem}body.is-touch .controls-right .project-key{display:none}body.is-touch .controls-right{right:max(var(--page-pad-x),env(safe-area-inset-right,0px));left:auto;transform:none;justify-content:flex-end;bottom:max(var(--page-pad-y),env(safe-area-inset-bottom,0px))}body.is-touch.portfolio-open .controls-right{left:50%;right:auto;transform:translate(-50%);justify-content:center;bottom:max(var(--page-pad-y),env(safe-area-inset-bottom,0px))}body.is-touch.portfolio-open .controls-right .project-key{display:grid}}@media(max-width:900px){:root{--page-pad-x: 16px;--page-pad-y: 16px}.hero-bio{font-size:clamp(22px,5vw,35px)}.hero-clients,.hero-hire{font-size:clamp(16px,3.5vw,24px)}.hero-col-nav,.hero-view-link{display:none}.hero-columns{flex-wrap:wrap;gap:1.25rem 1.5rem;height:auto}.hero-col-intro{flex:1 1 100%;width:100%;gap:1.25rem}.hero-col-nav,.hero-col-right{flex:1 1 40%;width:auto;margin-left:0;gap:1.25rem}.hero-client-list{gap:1.25rem}.controls-left{grid-template-columns:repeat(3,1.75rem);grid-template-rows:1.75rem 1.75rem}.arrow-key{width:1.75rem;height:1.75rem}.inspect-key,.project-key{width:1.75rem;min-width:1.75rem;max-width:1.75rem}.inspect-key{width:1.75rem;height:1.75rem}.controls-right{right:calc(var(--page-pad-x) + 1.75rem + 1.12rem)}.portfolio-panel{background:#000c}.portfolio-esc,.portfolio-drag-hint{display:none!important}.load-status{bottom:calc(var(--page-pad-y) + 7.75rem);max-width:calc(100vw - 2 * var(--page-pad-x));padding:0 .5rem;box-sizing:border-box;white-space:normal;text-align:center;line-height:1.35;font-size:.8rem}.smear-carousel{min-width:0;min-height:0}.smear-carousel__edge{display:none}.smear-carousel__hit{touch-action:none}.smear-carousel__caption{grid-template-columns:1fr;gap:12px;min-height:0;padding:14px var(--page-pad-x) 0;max-width:calc(100vw - 2 * var(--page-pad-x));box-sizing:border-box}.smear-carousel__caption-title{order:1;font-size:15px}.smear-carousel__caption-category{order:2;text-align:left;font-size:11px;opacity:.8}.smear-carousel__caption-description{order:3;font-size:13px;line-height:1.3}.portfolio-close{top:max(.75rem,env(safe-area-inset-top,0px));right:max(var(--page-pad-x),env(safe-area-inset-right,0px))}}