:root{--bg: #fbfbfb;--fg: #707070;--fg-strong: #171717;--fg-muted: #a0a0a0;--surface: #f2f2f2;--surface-hover: #ececec;--surface-raised: #ffffff;--hairline: rgba(0, 0, 0, .06);--accent: #3b82f6;--accent-soft: rgba(59, 130, 246, .12);--role-blue: #2563eb;--shadow-soft: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .05);--shadow-lift: 0 2px 4px rgba(0, 0, 0, .04), 0 16px 32px -8px rgba(0, 0, 0, .14);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);--column: 440px;--font-sans: "Public Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-hand: "Caveat", cursive;--font-serif: "Instrument Serif", Georgia, serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-rgb: 59, 130, 246;--color-text: #171717;--color-text-light: #707070;--color-text-lighter: #a0a0a0;--color-bg: #ffffff;--color-bg-rgb: 255, 255, 255;--color-bg-gray: #fbfbfb;--color-bg-dark: #171717;--color-border: #ececec;--color-card-bg: #f2f2f2;--color-card-bg-solid: #f2f2f2;--color-card-hover-bg: #ececec;--color-card-shadow-soft: rgba(0, 0, 0, .06);--color-card-shadow-accent: rgba(0, 0, 0, .04);--color-header-bg: rgba(251, 251, 251, .85);--color-header-border: rgba(0, 0, 0, .05);--color-floating-bg: rgba(255, 255, 255, .9);--color-floating-border: rgba(0, 0, 0, .06);--color-pager-bg: #f2f2f2;--color-pager-border: rgba(0, 0, 0, .04);--color-pager-disabled-bg: rgba(0, 0, 0, .03);--color-panel-shadow: rgba(0, 0, 0, .12);--color-panel-border: rgba(0, 0, 0, .06);--color-modal-close-bg: rgba(255, 255, 255, .8);--color-modal-close-border: rgba(0, 0, 0, .06);--color-pull-bg: rgba(255, 255, 255, .95);--color-preview-shadow: rgba(0, 0, 0, .15);--color-preview-border: rgba(0, 0, 0, .06);--color-shimmer-1: rgba(0, 0, 0, .03);--color-shimmer-2: rgba(0, 0, 0, .06);--color-skeleton-1: rgba(0, 0, 0, .05);--color-skeleton-2: rgba(0, 0, 0, .1);--shadow-wrapper: 0 1px 8px rgba(0, 0, 0, .08);--shadow-wrapper-mobile: none;--color-wip-border: rgba(202, 168, 40, .5);--color-wip-bg: rgba(255, 248, 220, .4);--color-wip-badge-bg: rgba(202, 168, 40, .12);--color-wip-text: #a08520;--color-wip-overlay: rgba(255, 248, 220, .55)}[data-theme=dark]{--bg: #0b0b0b;--fg: #8f8f8f;--fg-strong: #ededed;--fg-muted: #5f5f5f;--surface: #161616;--surface-hover: #1c1c1c;--surface-raised: #222222;--hairline: rgba(255, 255, 255, .06);--accent-soft: rgba(59, 130, 246, .2);--role-blue: #7cb1ff;--shadow-soft: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .35);--shadow-lift: 0 2px 4px rgba(0, 0, 0, .4), 0 16px 32px -8px rgba(0, 0, 0, .6);--color-text: #ededed;--color-text-light: #8f8f8f;--color-text-lighter: #5f5f5f;--color-bg: #111111;--color-bg-rgb: 17, 17, 17;--color-bg-gray: #0b0b0b;--color-bg-dark: #050505;--color-border: #1f1f1f;--color-card-bg: #161616;--color-card-bg-solid: #161616;--color-card-hover-bg: #1c1c1c;--color-card-shadow-soft: rgba(0, 0, 0, .45);--color-card-shadow-accent: rgba(0, 0, 0, .3);--color-header-bg: rgba(11, 11, 11, .85);--color-header-border: rgba(255, 255, 255, .05);--color-floating-bg: rgba(22, 22, 22, .92);--color-floating-border: rgba(255, 255, 255, .06);--color-pager-bg: #161616;--color-pager-border: rgba(255, 255, 255, .05);--color-pager-disabled-bg: rgba(255, 255, 255, .03);--color-panel-shadow: rgba(0, 0, 0, .55);--color-panel-border: rgba(255, 255, 255, .06);--color-modal-close-bg: rgba(22, 22, 22, .88);--color-modal-close-border: rgba(255, 255, 255, .08);--color-pull-bg: rgba(22, 22, 22, .95);--color-preview-shadow: rgba(0, 0, 0, .58);--color-preview-border: rgba(255, 255, 255, .08);--color-shimmer-1: rgba(255, 255, 255, .03);--color-shimmer-2: rgba(255, 255, 255, .06);--color-skeleton-1: rgba(255, 255, 255, .05);--color-skeleton-2: rgba(255, 255, 255, .1);--shadow-wrapper: 0 1px 10px rgba(0, 0, 0, .75);--shadow-wrapper-mobile: none;--color-wip-border: rgba(202, 168, 40, .4);--color-wip-bg: rgba(202, 168, 40, .08);--color-wip-badge-bg: rgba(202, 168, 40, .15);--color-wip-text: #c9a832;--color-wip-overlay: rgba(202, 168, 40, .1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{font-family:var(--font-sans);font-size:16px;line-height:1.6;font-weight:400;color-scheme:light;color:var(--fg);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{color-scheme:dark}svg{shape-rendering:geometricPrecision}::selection{background:var(--accent-soft);color:var(--fg-strong)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:root,*{scrollbar-width:none}*::-webkit-scrollbar{display:none}html{overscroll-behavior-y:none;background-color:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg);overscroll-behavior-y:none}#root{position:relative;min-height:100vh}a{color:inherit}button{font:inherit;color:inherit}body:has(.project-detail-page){overflow:hidden;height:100vh}#root:has(.project-detail-page){overflow:hidden;height:100vh}body.modal-open{position:fixed!important;width:100%!important;overflow:hidden!important}#root.modal-open{overflow:hidden!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-new(root){z-index:2}::view-transition-old(root){z-index:1;animation:theme-dissolve-out .7s cubic-bezier(.65,0,.35,1) forwards}@keyframes theme-dissolve-out{to{filter:blur(3px)}}.page-transition{opacity:0;flex:1;transform-origin:50% 0}.sr-pending{opacity:0;filter:blur(12px);transform:translateY(12px) scale(1.02)}.sr-in{transition:opacity .8s cubic-bezier(.22,1,.36,1),filter .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}@media(prefers-reduced-motion:reduce){.page-transition{opacity:1}.sr-pending{opacity:1;filter:none;transform:none}}.theme-toggle{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;background:var(--surface);color:var(--fg);cursor:pointer;transition:background-color .2s ease,color .2s ease}.theme-toggle:hover{background:var(--surface-hover);color:var(--fg-strong)}.theme-toggle__icon{display:grid;place-items:center}.theme-toggle__icon svg{display:block}.language-switcher{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;height:28px;padding:3px;border:0;border-radius:999px;background:var(--surface);cursor:pointer;transition:background-color .2s ease}.language-switcher:hover{background:var(--surface-hover)}.language-pill{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);z-index:0;border-radius:999px;background:var(--surface-raised);box-shadow:var(--shadow-soft)}.language-label{position:relative;z-index:1;min-width:26px;font-size:11px;font-weight:500;letter-spacing:.02em;line-height:22px;color:var(--fg-muted);text-align:center;-webkit-user-select:none;user-select:none;transition:color .2s ease}.language-label.active{color:var(--fg-strong)}.site-footer{width:100%;max-width:var(--column);margin:0 auto;padding:64px 0 40px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;color:var(--fg-muted)}.site-footer__left,.site-footer__right{display:flex;align-items:center;gap:12px}.site-footer__sign{font-weight:500;color:var(--fg)}.site-footer__link{color:var(--fg-muted);text-decoration:none;transition:color .2s ease}.site-footer__link:hover{color:var(--fg-strong)}.site-footer__clock{display:inline-flex;font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:12px}.site-footer__digit{display:inline-block;position:relative;min-width:.62em;text-align:center;overflow:visible}.site-footer__digit>span{display:inline-block}@media(max-width:480px){.site-footer{padding-top:48px;flex-wrap:wrap}}.contact-overlay{position:fixed;inset:0;z-index:130;display:flex;align-items:center;justify-content:center;padding:16px;pointer-events:none;background:transparent;transition:background-color .35s ease,backdrop-filter .35s ease}.contact-overlay--open{pointer-events:auto;background:color-mix(in srgb,var(--bg) 35%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.contact-panel{position:relative}.contact-panel:focus{outline:none}.contact-panel{width:100%;max-width:400px;padding:20px 20px 22px;border-radius:24px;background:var(--surface-raised);box-shadow:0 0 0 1px var(--hairline),var(--shadow-lift);opacity:0;scale:.96;filter:blur(10px);transition:opacity .4s var(--ease-out),scale .45s var(--ease-out),filter .45s var(--ease-out)}.contact-panel--open{opacity:1;scale:1;filter:blur(0)}.contact-handle{display:none}.contact-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.contact-title{margin:0;font-size:15px;font-weight:600;line-height:1.4;color:var(--fg-strong)}.contact-close{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border:0;border-radius:50%;background:var(--surface);color:var(--fg);cursor:pointer;transition:background-color .2s ease,color .2s ease}.contact-close:hover{background:var(--surface-hover);color:var(--fg-strong)}.contact-subtitle{margin:0 0 20px;font-size:14px;line-height:1.6;color:var(--fg)}.contact-form{display:flex;flex-direction:column;gap:12px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:12px;font-weight:500;color:var(--fg-muted);transition:color .2s ease}.form-field:focus-within label{color:var(--fg-strong)}.form-field input,.form-field textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:0;border-radius:12px;outline:none;background:var(--surface);color:var(--fg-strong);font-family:var(--font-sans);font-size:16px;line-height:1.4;transition:background-color .2s ease,box-shadow .2s ease}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--fg-muted)}.form-field input:hover,.form-field textarea:hover{background:var(--surface-hover)}.form-field input:focus,.form-field textarea:focus{background:var(--surface-raised);box-shadow:0 0 0 1px var(--hairline),0 0 0 4px var(--accent-soft)}.form-field textarea{min-height:104px;resize:vertical}.contact-error{margin:0;font-size:13px;color:#dc2626;animation:contact-error-in .3s var(--ease-out)}@keyframes contact-error-in{0%{opacity:0;filter:blur(4px)}}.contact-submit{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin-top:6px;padding:0 16px;overflow:hidden;border:0;border-radius:12px;background:var(--fg-strong);color:var(--bg);font-family:var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;transition:background-color .25s ease,opacity .2s ease,scale .2s var(--ease-out)}.contact-submit:hover:not(:disabled){opacity:.88}.contact-submit:active:not(:disabled){scale:.98}.contact-submit:disabled{cursor:default}.contact-submit__state{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;opacity:0;filter:blur(4px);translate:0 6px;pointer-events:none;transition:opacity .25s ease,filter .25s ease,translate .3s var(--ease-out)}.contact-submit__plane{transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s ease}.contact-submit--idle .contact-submit__state--idle,.contact-submit--error .contact-submit__state--idle,.contact-submit--sending .contact-submit__state--sending,.contact-submit--success .contact-submit__state--success{opacity:1;filter:blur(0);translate:0 0}.contact-submit--sending .contact-submit__state--idle .contact-submit__plane{transform:translate(18px,-18px) rotate(-15deg);opacity:0}.contact-submit--success{background:var(--accent);color:#fff}.contact-submit--shake{animation:contact-shake .45s cubic-bezier(.36,.07,.19,.97)}.contact-submit__spinner{width:14px;height:14px;border:2px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentColor;border-radius:50%;animation:contact-spin .7s linear infinite}.contact-submit__check{stroke-dasharray:30;stroke-dashoffset:30;animation:contact-check .4s .05s cubic-bezier(.65,0,.45,1) forwards}@keyframes contact-spin{to{transform:rotate(360deg)}}@keyframes contact-check{to{stroke-dashoffset:0}}@keyframes contact-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}@media(prefers-reduced-motion:reduce){.contact-panel,.contact-submit,.contact-submit__state,.contact-submit__plane,.contact-submit__check,.contact-submit__spinner,.contact-error{animation:none!important;transition:none!important;filter:none!important}}@media(max-width:640px){.contact-overlay{align-items:flex-end;padding:0}.contact-panel{max-width:100%;padding:8px 16px calc(env(safe-area-inset-bottom,0px) + 28px);border-radius:24px 24px 0 0;box-shadow:0 0 0 1px var(--hairline),0 -12px 40px -12px #0000002e;scale:1;filter:none;translate:0 100%;transition:opacity .35s var(--ease-out),translate .5s var(--ease-out)}.contact-panel--open{translate:0 0}.contact-handle{display:block;width:36px;height:4px;margin:4px auto 14px;border-radius:2px;background:var(--surface-hover)}}.nda-preview{--nda-accent: var(--accent);--nda-ink: color-mix(in srgb, var(--fg-muted) 32%, transparent);--nda-ink-soft: color-mix(in srgb, var(--fg-muted) 16%, transparent);--nda-panel: var(--surface-raised);--nda-badge-bg: var(--fg-strong);--nda-badge-fg: var(--bg);position:absolute;inset:0;display:block;overflow:hidden;container-type:inline-size;background:radial-gradient(120% 90% at 85% 10%,color-mix(in srgb,var(--nda-accent) 14%,transparent),transparent 60%),var(--surface);-webkit-user-select:none;user-select:none}.nda-preview__ui{position:absolute;inset:5cqw;display:block;border-radius:3cqw;overflow:hidden;background:var(--nda-panel);box-shadow:0 0 0 1px var(--hairline),0 3cqw 8cqw -4cqw #00000040;filter:blur(.35cqw);transform:rotate(-2deg) scale(1.02);animation:nda-drift 9s ease-in-out infinite alternate}.nda-preview__ui i,.nda-preview__ui b,.nda-preview__ui em{display:block;border-radius:99px;background:var(--nda-ink-soft)}.nda-preview__sheen{position:absolute;inset:-20% -60%;background:linear-gradient(105deg,transparent 40%,color-mix(in srgb,var(--bg) 70%,transparent) 50%,transparent 60%);transform:translate(-60%);animation:nda-sheen 3.6s var(--ease-out) infinite}.nda-dash{display:flex;height:100%}.nda-dash__side{display:flex;flex-direction:column;gap:2.4cqw;width:16%;padding:3.5cqw 2.6cqw;border-right:1px solid var(--hairline)}.nda-dash__side i{height:1.6cqw}.nda-dash__side .nda-dash__logo{width:5cqw;height:5cqw;margin-bottom:1.5cqw;border-radius:1.4cqw;background:var(--nda-accent);opacity:.55}.nda-dash__side .is-active{background:color-mix(in srgb,var(--nda-accent) 45%,transparent)}.nda-dash__main{display:flex;flex:1;flex-direction:column;gap:3cqw;padding:3.5cqw;min-width:0}.nda-dash__kpis{display:flex;gap:2.4cqw}.nda-dash__kpi{display:flex;flex:1;flex-direction:column;gap:1.6cqw;padding:2.4cqw;border-radius:2cqw;box-shadow:0 0 0 1px var(--hairline);animation:nda-pulse 2.8s ease-in-out infinite}.nda-dash__kpi i{width:55%;height:1.3cqw}.nda-dash__kpi b{width:80%;height:3cqw;background:var(--nda-ink)}.nda-dash__chart{display:block;flex:1;min-height:0;padding:1cqw 0}.nda-dash__chart svg{display:block;width:100%;height:100%;overflow:visible}.nda-dash__area{fill:color-mix(in srgb,var(--nda-accent) 14%,transparent);animation:nda-fade 4.8s ease-in-out infinite}.nda-dash__line{fill:none;stroke:var(--nda-accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;vector-effect:non-scaling-stroke;opacity:.8;animation:nda-draw 4.8s ease-in-out infinite}.nda-dash__rows{display:flex;flex-direction:column;gap:1.8cqw}.nda-dash__row{display:flex;gap:3cqw;padding-top:1.8cqw;border-top:1px solid var(--hairline)}.nda-dash__row i{height:1.4cqw}.nda-dash__row i:nth-child(1){width:30%}.nda-dash__row i:nth-child(2){width:22%}.nda-dash__row i:nth-child(3){width:12%;margin-left:auto;background:color-mix(in srgb,var(--nda-accent) 35%,transparent)}.nda-site{display:flex;flex-direction:column;height:100%}.nda-site__nav{display:flex;align-items:center;gap:3cqw;padding:3cqw 4cqw;border-bottom:1px solid var(--hairline)}.nda-site__nav i{width:8cqw;height:1.4cqw}.nda-site__nav .nda-site__logo{width:12cqw;height:2.4cqw;margin-right:auto;background:color-mix(in srgb,var(--nda-accent) 50%,transparent)}.nda-site__hero{display:flex;flex-direction:column;gap:2cqw;padding:6cqw 4cqw 4cqw}.nda-site__hero b{width:70%;height:3.6cqw;background:var(--nda-ink)}.nda-site__hero b.is-short{width:45%}.nda-site__hero i{width:60%;height:1.5cqw;margin-top:1cqw}.nda-site__hero em{width:18cqw;height:4.5cqw;margin-top:2cqw;border-radius:2cqw;background:var(--nda-accent);opacity:.55}.nda-site__cards{display:flex;flex:1;gap:2.4cqw;padding:0 4cqw 4cqw}.nda-site__card{display:flex;flex:1;flex-direction:column;justify-content:flex-end;gap:1.4cqw;padding:2.4cqw;border-radius:2cqw;background:var(--surface);box-shadow:0 0 0 1px var(--hairline);animation:nda-pulse 2.8s ease-in-out infinite}.nda-site__card i{width:70%;height:1.4cqw}.nda-site__card b{width:45%;height:1.4cqw}.nda-preview__badge{position:absolute;left:50%;top:50%;display:inline-flex;align-items:center;gap:2.6cqw;padding:2.6cqw 4.4cqw 2.6cqw 3.4cqw;border-radius:99px;background:var(--nda-badge-bg);color:var(--nda-badge-fg);box-shadow:0 2cqw 6cqw -1cqw #00000059;transform:translate(-50%,-50%);animation:nda-float 4s ease-in-out infinite;white-space:nowrap}.nda-preview__lock{flex:none;width:6.4cqw;height:6.4cqw;overflow:visible}.nda-preview__shackle{animation:nda-lock 4s var(--ease-out) infinite}.nda-preview__text{display:flex;flex-direction:column;line-height:1.15}.nda-preview__text strong{font-size:max(11px,5.2cqw);font-weight:600;letter-spacing:-.01em}.nda-preview__text small{font-size:max(9px,3.4cqw);opacity:.7}@keyframes nda-drift{0%{transform:rotate(-2deg) scale(1.02) translateY(0)}to{transform:rotate(-1deg) scale(1.04) translateY(-1.5%)}}@keyframes nda-sheen{0%,45%{transform:translate(-60%)}to{transform:translate(60%)}}@keyframes nda-pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes nda-draw{0%{stroke-dashoffset:1}45%,80%{stroke-dashoffset:0}to{stroke-dashoffset:-1}}@keyframes nda-fade{0%,20%{opacity:0}50%,80%{opacity:1}to{opacity:0}}@keyframes nda-float{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 1.2cqw))}}@keyframes nda-lock{0%,62%,to{transform:translateY(0)}70%{transform:translateY(-3px)}78%{transform:translateY(.6px)}84%{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.nda-preview *,.nda-preview__ui,.nda-preview__badge{animation:none!important}.nda-dash__line{stroke-dashoffset:0}}.project-media{position:relative;display:block;overflow:hidden;background:var(--surface-hover)}.project-media img,.project-media video{display:block;width:100%;height:100%;object-fit:cover;opacity:0;filter:blur(12px);transform:scale(1.04);transition:opacity .6s var(--ease-out),filter .6s var(--ease-out),transform .6s var(--ease-out);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.project-media[data-loaded=true] img,.project-media[data-loaded=true] video{opacity:1;filter:blur(0);transform:scale(1)}.home{--gutter: 20px;display:flex;flex-direction:column;align-items:center;padding:112px var(--gutter) 0;min-height:100vh;overflow-x:clip}.home__hero{width:min(560px,100%);margin-bottom:56px}.hero-media{position:relative;aspect-ratio:3/2;border-radius:28px;overflow:hidden;cursor:pointer;isolation:isolate;background:var(--surface);touch-action:manipulation;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 200' preserveAspectRatio='none'%3E%3Cfilter id='f' filterUnits='userSpaceOnUse' x='0' y='0' width='300' height='200'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.03' numOctaves='2' seed='7' result='wave'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='wave' scale='5' xChannelSelector='R' yChannelSelector='G' result='shape'/%3E%3CfeGaussianBlur in='shape' stdDeviation='5' result='soft'/%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='1' seed='3' result='grain'/%3E%3CfeComposite in='soft' in2='grain' operator='arithmetic' k1='0' k2='1.7' k3='0.55' k4='-0.62'/%3E%3C/filter%3E%3Crect x='12' y='12' width='276' height='176' rx='24' fill='white' filter='url(%23f)'/%3E%3C/svg%3E");mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 200' preserveAspectRatio='none'%3E%3Cfilter id='f' filterUnits='userSpaceOnUse' x='0' y='0' width='300' height='200'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.03' numOctaves='2' seed='7' result='wave'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='wave' scale='5' xChannelSelector='R' yChannelSelector='G' result='shape'/%3E%3CfeGaussianBlur in='shape' stdDeviation='5' result='soft'/%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='1' seed='3' result='grain'/%3E%3CfeComposite in='soft' in2='grain' operator='arithmetic' k1='0' k2='1.7' k3='0.55' k4='-0.62'/%3E%3C/filter%3E%3Crect x='12' y='12' width='276' height='176' rx='24' fill='white' filter='url(%23f)'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}.hero-media__grain{position:absolute;inset:0;pointer-events:none;opacity:.22;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.ocean-hero__canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;filter:blur(16px);transform:scale(1.06);transition:opacity 1.1s var(--ease-out),filter 1.1s var(--ease-out),transform 1.4s var(--ease-out)}.ocean-hero[data-ready=true] .ocean-hero__canvas{opacity:1;filter:blur(0);transform:scale(1)}.ocean-hero{touch-action:pan-y}.ocean-hero .hero-media__grain{opacity:.12}.ocean-hero__hint{margin-top:12px;text-align:center;font-size:12px;color:var(--fg-muted)}.fish-sketch{display:flex;justify-content:center;margin-top:14px}.fish-sketch__toggle{height:28px;padding:0 11px;gap:6px;color:var(--fg)}.fish-sketch__card{width:min(360px,100%);padding:6px;border-radius:20px;background:var(--surface)}.fish-sketch__paper{position:relative;aspect-ratio:2/1;border-radius:15px;background:var(--surface-raised);box-shadow:0 0 0 1px var(--hairline);overflow:hidden}.fish-sketch__canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.fish-sketch__hint{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:0 16px;text-align:center;font-family:var(--font-hand);font-size:19px;color:var(--fg-muted);pointer-events:none}.fish-sketch__tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px 6px;padding:8px 2px 0}.fish-sketch__colors{display:flex;gap:10px;margin-right:auto;padding:0 6px}.fish-sketch__swatch{flex-shrink:0;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 2px var(--surface),0 0 0 2px transparent;cursor:pointer;transition:box-shadow .2s ease,transform .2s var(--ease-out)}.fish-sketch__swatch:hover{transform:scale(1.1)}.fish-sketch__swatch.is-active{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--swatch)}.fish-sketch__tools .fish-sketch__clear,.fish-sketch__tools .fish-sketch__close{width:28px;height:28px;background:var(--surface-raised)}.fish-sketch__tools .fish-sketch__release{flex:1 0 auto;justify-content:center;height:30px;margin:0;padding:0 12px;gap:6px;white-space:nowrap;color:var(--bg);background:var(--fg-strong);transition:background-color .3s ease,color .3s ease,opacity .2s ease}.fish-sketch__tools .fish-sketch__release:hover:not(:disabled){background:var(--fg-strong);box-shadow:none;opacity:.88}.fish-sketch__tools .fish-sketch__release:disabled,.fish-sketch__tools .fish-sketch__release:disabled:hover{color:var(--fg-muted);background:var(--surface-hover);box-shadow:none;opacity:1;cursor:default}@media(pointer:coarse){.fish-sketch__swatch{width:26px;height:26px}.fish-sketch__tools .fish-sketch__clear,.fish-sketch__tools .fish-sketch__close{width:34px;height:34px}.fish-sketch__tools .fish-sketch__release{height:36px;border-radius:10px}}.fish-sketch__flyer{position:fixed;z-index:200;pointer-events:none;filter:drop-shadow(0 10px 14px rgba(0,0,0,.18))}.home__intro{width:100%;max-width:var(--column);display:flex;flex-direction:column;gap:22px;font-size:15px;line-height:1.75;color:var(--fg)}.home__intro strong{font-weight:600;color:var(--fg-strong)}.home__name{font-size:inherit;font-weight:400;line-height:2}.peek{position:relative;display:inline-block;font-weight:500;color:var(--fg-strong);cursor:default;outline:none;border-radius:4px;text-decoration:underline dotted var(--fg-muted);text-underline-offset:4px;text-decoration-thickness:1px;transition:text-decoration-color .2s ease}.peek:hover,.peek:focus-visible{text-decoration-color:var(--fg-strong)}.peek__card{position:absolute;left:50%;bottom:calc(100% + 10px);translate:calc(-50% + var(--peek-shift, 0px)) 0;z-index:20;pointer-events:none;transform-origin:50% 100%}.peek__card--photo{width:96px;height:96px;padding:4px;border-radius:20px;background:var(--surface-raised);box-shadow:var(--shadow-lift)}.peek__card--photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:16px}.peek__card--tip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;white-space:nowrap;font-size:12px;font-weight:500;line-height:1.6;font-variant-numeric:tabular-nums;color:var(--fg-strong);background:var(--surface-raised);box-shadow:var(--shadow-soft)}.peek__card--route{padding:0;border-radius:26px;box-shadow:var(--shadow-lift)}.route-tile{--tile-light: #b4b4b4;--tile-dark: #8a8a8a;position:relative;display:block;width:168px;height:168px;overflow:hidden;border-radius:26px;background:radial-gradient(circle at 50% 42%,var(--tile-light),var(--tile-dark) 78%);box-shadow:inset 0 0 0 1px #ffffff47,inset 0 -18px 30px -18px #00000040}.route-tile img,.route-tile svg{position:absolute;inset:0;width:100%;height:100%}.route-tile img{display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.12))}.route-tile__dash{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;stroke-dasharray:14 12}.route-tile__plane{fill:#fff;opacity:0}.route-tile__ping{fill:none;stroke:#fff;stroke-width:5}[data-theme=dark] .route-tile{--tile-light: #4a4a4a;--tile-dark: #262626}.peek-veil{position:fixed;inset:0;z-index:150;pointer-events:none;background:color-mix(in srgb,var(--bg) 30%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.peek--float{position:fixed;z-index:151;margin:0;pointer-events:none;text-decoration-color:var(--fg-strong)}.role-chip{position:relative;display:inline-block;vertical-align:baseline;margin:44px 2px 0;line-height:1}.role-chip__box{position:relative;display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 8px;border:1px solid var(--accent);background:var(--accent-soft);border-radius:2px;white-space:nowrap;overflow:visible}.role-chip__text{display:inline-block;line-height:1;transition:color .3s ease}.role-chip__measure{position:absolute;visibility:hidden;white-space:nowrap;pointer-events:none;line-height:1}.role-chip__handle{position:absolute;width:6px;height:6px;background:var(--surface-raised);border:1px solid var(--accent);border-radius:1px}.role-chip__handle--tl{top:-3.5px;left:-3.5px}.role-chip__handle--tr{top:-3.5px;right:-3.5px}.role-chip__handle--bl{bottom:-3.5px;left:-3.5px}.role-chip__handle--br{bottom:-3.5px;right:-3.5px}.role-toolbar{position:absolute;bottom:calc(100% + 10px);left:50%;translate:-50% 0;z-index:15;display:inline-flex;align-items:center;gap:2px;height:30px;padding:3px;border-radius:10px;background:var(--surface-raised);box-shadow:0 0 0 1px var(--hairline),var(--shadow-soft);font-size:12px;font-weight:500;line-height:1;color:var(--fg);white-space:nowrap}.role-toolbar__group{position:relative;display:inline-flex}.role-toolbar__divider{width:1px;height:14px;margin:0 3px;background:var(--hairline)}.role-toolbar__select,.role-toolbar__toggle{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:24px;border:0;border-radius:7px;background:transparent;color:var(--fg);cursor:pointer;transition:background-color .15s ease,color .15s ease}.role-toolbar__select:hover,.role-toolbar__toggle:hover{background:var(--surface);color:var(--fg-strong)}.role-toolbar__select svg,.role-toolbar__toggle svg{color:var(--fg-muted)}.role-toolbar__select{min-width:64px;padding:0 7px 0 9px;justify-content:space-between}.role-toolbar__select--swatch{min-width:0;padding:0 6px}.role-toolbar__toggle{width:24px}.role-toolbar__toggle.is-on{background:var(--surface);color:var(--fg-strong)}.role-toolbar__swatch{display:inline-block;width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f}.role-toolbar__menu{display:block;position:absolute;top:calc(100% + 8px);left:0;z-index:30;min-width:120px;margin:0;padding:4px;list-style:none;border-radius:12px;background:var(--surface-raised);box-shadow:0 0 0 1px var(--hairline),var(--shadow-lift);transform-origin:20% 0}.role-toolbar__item{display:block}.role-toolbar__option{display:flex;align-items:center;gap:8px;width:100%;height:30px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--fg);font-size:13px;text-align:left;cursor:pointer}.role-toolbar__option:hover{background:var(--surface);color:var(--fg-strong)}.role-toolbar__option.is-active{color:var(--fg-strong);font-weight:600}.home__intro{--hl-pixels: #8b5cf6;--hl-code: #2f7cf6;--hl-motion: #f2701f;--hl-alive: #f0506e}[data-theme=dark] .home__intro{--hl-pixels: #b69cff;--hl-code: #7cb1ff;--hl-motion: #ffa05c;--hl-alive: #ff8aa0}.hl{cursor:default;border-radius:4px;transition:color .25s ease,text-shadow .25s ease}.hl--pixels{--hl: var(--hl-pixels)}.hl--code{--hl: var(--hl-code)}.hl--motion{--hl: var(--hl-motion)}.hl--alive{--hl: var(--hl-alive)}.hl:hover{color:var(--hl);text-shadow:0 0 18px color-mix(in srgb,var(--hl) 35%,transparent)}.hl+.inline-icon{transition:color .25s ease}.hl--pixels:hover+.inline-icon{color:var(--hl-pixels)}.hl--code:hover+.inline-icon{color:var(--hl-code)}.hl--motion:hover+.inline-icon{color:var(--hl-motion)}.hl--alive:hover+.inline-icon{color:var(--hl-alive)}.hl--pixels:hover+.inline-icon .inline-icon__glyph{animation:icon-pop .6s var(--ease-out)}.hl--code:hover+.inline-icon .inline-icon__glyph{animation:icon-bob .8s var(--ease-out)}.hl--motion:hover+.inline-icon .inline-icon__glyph{animation:icon-wiggle .7s var(--ease-out)}.inline-icon{display:inline-grid;place-items:center;width:20px;height:20px;margin:0 1px;vertical-align:-4px;color:var(--fg-strong);cursor:default}.inline-icon__glyph{display:grid;place-items:center;transform-origin:50% 70%}.home__craft:hover .inline-icon--pop .inline-icon__glyph,.inline-icon.is-tapped--pop .inline-icon__glyph{animation:icon-pop .6s var(--ease-out)}.home__craft:hover .inline-icon--bob .inline-icon__glyph,.inline-icon.is-tapped--bob .inline-icon__glyph{animation:icon-bob .8s var(--ease-out) .08s}.home__craft:hover .inline-icon--wiggle .inline-icon__glyph,.inline-icon.is-tapped--wiggle .inline-icon__glyph{animation:icon-wiggle .7s var(--ease-out) .16s}.inline-icon--beat{color:#ef4444}.inline-icon--beat .inline-icon__glyph{animation:icon-beat 1.6s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(239,68,68,.35))}@keyframes icon-pop{0%{transform:scale(1) rotate(0)}35%{transform:scale(1.3) rotate(-12deg)}65%{transform:scale(.92) rotate(6deg)}to{transform:scale(1) rotate(0)}}@keyframes icon-bob{0%,to{transform:translateY(0)}30%{transform:translateY(-4px)}55%{transform:translateY(1px)}75%{transform:translateY(-1.5px)}}@keyframes icon-wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-18deg)}40%{transform:rotate(14deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(4deg)}}@keyframes icon-beat{0%,40%,to{transform:scale(1)}12%{transform:scale(1.22)}24%{transform:scale(.96)}32%{transform:scale(1.12)}}.home__work{width:100%;margin-top:88px}.work{--card-w: 300px;--inset: max(var(--gutter), calc((100vw - var(--column)) / 2));width:100vw;margin-left:calc(50% - 50vw)}.work__title{max-width:var(--column);margin:0 auto 16px;padding:0 var(--gutter);box-sizing:content-box;font-size:13px;font-weight:500;color:var(--fg-muted)}.work__track{display:flex;gap:12px;margin:0;padding:4px var(--inset) 8px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:var(--inset);cursor:grab;-webkit-user-select:none;user-select:none}.work__track.is-dragging{cursor:grabbing}.work__track.is-dragging a{pointer-events:none}@media(hover:none){.work__track{scroll-snap-type:x mandatory;cursor:auto}}.work-card{flex:0 0 var(--card-w);scroll-snap-align:start}.work-card__frame{position:relative;aspect-ratio:392/430;border-radius:24px;background:var(--surface);transition:background-color .3s ease}.work-card__frame:hover{background:var(--surface-hover)}.work-card__link{position:absolute;inset:0;display:grid;place-items:center;border-radius:inherit;-webkit-user-drag:none}.work-card__link:focus-visible{outline-offset:3px}.work-card__stage{width:82%;aspect-ratio:5/4;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-soft);transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out)}.work-card__frame:hover .work-card__stage{transform:translateY(-6px) scale(1.03);box-shadow:var(--shadow-lift)}.work-card__media{width:100%;height:100%}.work-card__badge{position:absolute;top:14px;left:14px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.03em;color:var(--fg);background:var(--surface-raised);box-shadow:var(--shadow-soft);pointer-events:none}.work-card__live{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;color:var(--fg-strong);background:var(--surface-raised);box-shadow:var(--shadow-soft);cursor:pointer;opacity:0;scale:.85;filter:blur(4px);transition:opacity .3s var(--ease-out),scale .3s var(--ease-out),filter .3s var(--ease-out)}.work-card__frame:hover .work-card__live,.work-card__live:focus-visible{opacity:1;scale:1;filter:blur(0)}@media(hover:none){.work-card__live{opacity:1;scale:1;filter:none}}.work-card__caption{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:12px 4px 0;font-size:13px;text-decoration:none;-webkit-user-drag:none}.work-card__text{display:flex;flex-direction:column;gap:2px;min-width:0}.work-card__name{font-weight:500;color:var(--fg-strong)}.work-card__type{font-size:12px;color:var(--fg-muted)}.work-card__year{font-variant-numeric:tabular-nums;color:var(--fg-muted)}.work__controls{display:flex;gap:8px;max-width:var(--column);margin:20px auto 0;padding:0 var(--gutter);box-sizing:content-box}@media(max-width:640px){.home{--gutter: 16px;padding-top:96px}.home__hero{margin-bottom:40px}.hero-media{border-radius:22px}.home__intro{font-size:15px;gap:18px}.role-toolbar{left:0;translate:0 0}.home__work{margin-top:64px}.work{--card-w: 76vw}}.projects-page{--gutter: 20px;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:120px var(--gutter) 0;overflow-x:clip}.board{position:relative;width:min(1040px,100%)}.board-card{position:absolute;width:228px;padding:8px;border-radius:20px;background:var(--surface-raised);box-shadow:0 0 0 1px var(--hairline),var(--shadow-soft);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:box-shadow .3s ease}.board-card:hover{box-shadow:0 0 0 1px var(--hairline),var(--shadow-lift)}.board-card.is-flying{visibility:hidden}.board-card__link{display:block;color:inherit;text-decoration:none;-webkit-user-drag:none;border-radius:14px}.board-card__media{position:relative;display:block;aspect-ratio:5/4;border-radius:13px;overflow:hidden}.board-card__media .project-media{width:100%;height:100%}.board-card__badge{position:absolute;top:8px;left:8px;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:600;color:var(--fg);background:var(--surface-raised)}.board-card__meta{display:flex;flex-direction:column;gap:2px;padding:10px 6px 4px}.board-card__name{font-size:13px;font-weight:600;line-height:1.3;color:var(--fg-strong)}.board-card__sub{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--fg-muted)}.board-card__client{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.board-card__year{flex-shrink:0;font-variant-numeric:tabular-nums}.board-list{display:flex;flex-direction:column;gap:18px;width:100%;max-width:var(--column);margin:0;padding:0;list-style:none}.board-card--list{position:relative;width:100%;cursor:pointer;touch-action:auto}.projects-page__hint{display:inline-flex;align-items:center;gap:6px;margin-top:28px;font-size:12px;color:var(--fg-muted)}@media(max-width:640px){.projects-page{--gutter: 16px;padding-top:100px}}.water-game-layer{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;padding:1rem}.water-game-veil{position:absolute;inset:0;background:color-mix(in srgb,var(--bg) 40%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.water-game{position:relative}.water-game:focus{outline:none}.water-game{width:min(390px,100vw - 1.5rem);filter:drop-shadow(0 30px 34px rgba(2,12,15,.32));touch-action:manipulation;user-select:none;-webkit-user-select:none}.water-game__toy{position:relative;width:100%;aspect-ratio:1190/1322}.water-game__frame{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.water-game__tank{position:absolute;z-index:1;top:9.7%;left:14.7%;width:70.6%;height:58.4%;overflow:hidden;background:#0b3a44;border-radius:2px 2px 8px 8px}.water-game__canvas,.water-game__lens{position:absolute;inset:0;width:100%;height:100%;display:block}.water-game__canvas.is-source{visibility:hidden}.water-game__lens{pointer-events:none}.water-game__label{position:absolute;z-index:3;left:50%;bottom:11.5%;display:inline-flex;flex-direction:column;min-width:98px;padding:4px 7px 3px;color:#f7f1dc;background:#11191b;border:1.5px solid #ece7da;border-radius:3px;box-shadow:0 0 0 2px #820418cc;line-height:1;text-align:left;transform:translate(-50%)}.water-game__label small{margin-bottom:2px;font-size:.38rem;font-weight:800;letter-spacing:.15em}.water-game__label strong{font-size:.6rem;letter-spacing:.04em}.water-game__label em{font-family:Georgia,serif;font-size:.75rem;font-weight:400}.water-game__score{position:absolute;z-index:3;left:50%;bottom:5.8%;display:flex;align-items:baseline;gap:5px;color:#ffffffdb;font-size:.44rem;font-weight:850;letter-spacing:.1em;transform:translate(-50%)}.water-game__score strong{font-size:.65rem}.water-game__controls{position:absolute;inset:0;z-index:4;pointer-events:none}.water-game__controls button{position:absolute;bottom:6.5%;width:24%;aspect-ratio:1;padding:0;background:transparent;border:0;border-radius:50%;cursor:pointer;pointer-events:auto;touch-action:manipulation}.water-game__controls button:first-child{left:10.5%}.water-game__controls button:last-child{right:9.5%}.water-game__controls button:hover .water-game__knob{background:#ffffff1a}.water-game__controls button.is-pressed .water-game__knob{transform:translateY(4px) scale(.9);background:#3c0a0c1f;box-shadow:inset 0 4px 10px #310b0c59}.water-game__controls button:focus-visible{outline:3px solid rgba(255,255,255,.9);outline-offset:-10px}.water-game__knob{position:absolute;inset:18%;border-radius:50%;transition:transform .12s cubic-bezier(.3,1.6,.5,1),box-shadow .1s ease,background .15s ease}.water-game__reset{position:absolute;z-index:4;left:50%;bottom:2.4%;padding:2px 5px;color:#ffffffb8;background:transparent;border:0;cursor:pointer;font:inherit;font-size:.4rem;font-weight:850;letter-spacing:.12em;transform:translate(-50%)}.water-game__close{position:absolute;z-index:6;top:-6px;right:-6px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;color:var(--fg-strong);background:var(--surface-raised);box-shadow:0 0 0 1px var(--hairline),var(--shadow-soft);cursor:pointer;transition:transform .2s var(--ease-out),background-color .2s ease}.water-game__close:hover{background:var(--surface);transform:rotate(90deg)}.water-game__close:active{transform:scale(.92)}.water-game__win{position:absolute;inset:0;z-index:3;display:grid;align-content:center;justify-items:center;gap:12px;color:#fff;background:#07282e80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.water-game__win strong{font-family:var(--font-hand);font-size:2rem;font-weight:400;line-height:1;text-shadow:0 2px 12px rgba(0,0,0,.3)}.water-game__again{height:30px;padding:0 14px;border:0;border-radius:999px;color:#0b3a44;background:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:transform .2s var(--ease-out)}.water-game__again:hover{transform:scale(1.05)}.water-game__again:active{transform:scale(.95)}.water-game__hint{width:fit-content;margin:10px auto 0;padding:4px 12px;border-radius:999px;color:var(--fg);background:var(--surface-raised);box-shadow:0 0 0 1px var(--hairline);font-size:12px;font-weight:500;text-align:center}@media(max-height:760px){.water-game{width:min(320px,100vw - 1.5rem)}}.about-page{--gutter: 20px;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:112px var(--gutter) 0;overflow-x:clip}.about-column{width:100%;max-width:var(--column);display:flex;flex-direction:column;gap:28px}.about-photo{position:relative;width:min(320px,78vw);aspect-ratio:1;margin-bottom:48px;border-radius:32px;overflow:hidden;background:var(--surface);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' preserveAspectRatio='none'%3E%3Cfilter id='f' filterUnits='userSpaceOnUse' x='0' y='0' width='200' height='200'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.03' numOctaves='2' seed='7' result='wave'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='wave' scale='5' xChannelSelector='R' yChannelSelector='G' result='shape'/%3E%3CfeGaussianBlur in='shape' stdDeviation='5' result='soft'/%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='1' seed='3' result='grain'/%3E%3CfeComposite in='soft' in2='grain' operator='arithmetic' k1='0' k2='1.7' k3='0.55' k4='-0.62'/%3E%3C/filter%3E%3Crect x='12' y='12' width='176' height='176' rx='24' fill='white' filter='url(%23f)'/%3E%3C/svg%3E");mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' preserveAspectRatio='none'%3E%3Cfilter id='f' filterUnits='userSpaceOnUse' x='0' y='0' width='200' height='200'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.03' numOctaves='2' seed='7' result='wave'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='wave' scale='5' xChannelSelector='R' yChannelSelector='G' result='shape'/%3E%3CfeGaussianBlur in='shape' stdDeviation='5' result='soft'/%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='1' seed='3' result='grain'/%3E%3CfeComposite in='soft' in2='grain' operator='arithmetic' k1='0' k2='1.7' k3='0.55' k4='-0.62'/%3E%3C/filter%3E%3Crect x='12' y='12' width='176' height='176' rx='24' fill='white' filter='url(%23f)'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}.about-photo__video,.about-photo__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.about-photo__img{z-index:1;top:auto;bottom:0;height:86%;object-position:50% 100%;transform-origin:50% 100%;transition:transform .8s var(--ease-out)}.about-photo:hover .about-photo__img{transform:scale(1.03)}.about-photo__water{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;pointer-events:none;opacity:0;transition:opacity .5s ease}.about-photo__water.is-active{opacity:1;transition-duration:.08s}.water-game-secret{position:absolute;inset:0;z-index:3;padding:0;background:transparent;border:0;border-radius:inherit;cursor:default;touch-action:manipulation}.water-game-secret:focus-visible{outline:2px solid var(--accent);outline-offset:-5px}.water-game-secret__bubble{position:absolute;right:22px;bottom:22px;width:22px;height:22px;border:2px solid rgba(255,255,255,.88);border-radius:50%;box-shadow:inset 4px 4px 7px #ffffff59,0 2px 10px #0c4c4e38;pointer-events:none;animation:secretBubble .9s cubic-bezier(.16,1,.3,1) both}.water-game-secret__bubble--2{width:30px;height:30px}@keyframes secretBubble{0%{opacity:0;transform:translateY(8px) scale(.3)}35%{opacity:1}to{opacity:0;transform:translate(-10px,-38px) scale(1.25)}}.about-intro__title{font-size:15px;font-weight:600;color:var(--fg-strong)}.about-intro__subtitle{font-size:15px;color:var(--fg)}.about-text{font-size:15px;line-height:1.75;color:var(--fg)}.about-block{display:flex;flex-direction:column;gap:12px}.skill-list,.exp-list{margin:0;padding:0;list-style:none}.skill-row{display:grid;grid-template-columns:28px 96px 1fr;align-items:baseline;gap:8px;padding:10px 8px;margin:0 -8px;border-radius:12px;font-size:14px;transition:background-color .2s ease}.skill-row:hover{background:var(--surface)}.skill-row:hover .skill-row__icon{transform:rotate(-10deg) scale(1.12)}.skill-row__icon{display:grid;place-items:center;align-self:center;width:28px;height:28px;border-radius:8px;color:var(--fg-strong);background:var(--surface);transition:transform .4s var(--ease-out),background-color .2s ease}.skill-row:hover .skill-row__icon{background:var(--surface-raised);box-shadow:var(--shadow-soft)}.skill-row__heading{font-weight:500;color:var(--fg-strong)}.skill-row__text{color:var(--fg);line-height:1.5}.exp-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 8px;margin:0 -8px;border-radius:12px;font-size:14px;transition:background-color .2s ease}.exp-row:hover{background:var(--surface)}.exp-row__main{display:flex;flex-direction:column;min-width:0}.exp-row__role{display:inline-flex;align-items:center;gap:8px;font-weight:500;color:var(--fg-strong)}.exp-row__live{position:relative;width:6px;height:6px;border-radius:50%;background:#22c55e;flex-shrink:0}.exp-row__live:after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:live-ping 2s var(--ease-out) infinite}@keyframes live-ping{0%{transform:scale(1);opacity:.6}80%,to{transform:scale(3);opacity:0}}.exp-row__company{color:var(--fg)}.exp-row__period{flex-shrink:0;font-size:12px;font-variant-numeric:tabular-nums;color:var(--fg-muted)}.about-likes{width:100vw;margin:48px 0}.about-likes__head{display:flex;align-items:center;justify-content:space-between;max-width:var(--column);margin:0 auto 12px;padding:0 var(--gutter);box-sizing:content-box}.about-likes__controls{display:inline-flex;gap:6px}.speed-chip{min-width:36px;justify-content:center;overflow:hidden;font-variant-numeric:tabular-nums}.speed-chip__label{display:block;animation:speed-in .35s var(--ease-out) both}@keyframes speed-in{0%{opacity:0;filter:blur(4px);transform:translateY(80%)}to{opacity:1;filter:blur(0);transform:translateY(0)}}.about-likes__viewport{overflow:hidden;touch-action:pan-y;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}.about-likes__track{display:flex;align-items:center;width:max-content;will-change:transform}.about-likes__slide{position:relative;flex-shrink:0;margin:0 8px;max-width:80vw;border-radius:16px;overflow:hidden;clip-path:inset(0 round 16px)}.about-likes__slide iframe{position:relative;z-index:1;display:block;border:none;max-width:100%;opacity:0;filter:blur(16px);transform:scale(1.06);transition:opacity .8s var(--ease-out),filter .8s var(--ease-out),transform .8s var(--ease-out)}@media(hover:none){.about-likes__slide iframe{pointer-events:none}}.about-likes__slide[data-loaded=true] iframe{opacity:1;filter:blur(0);transform:scale(1)}.about-likes__placeholder{position:absolute;inset:0;border-radius:inherit;background:var(--surface);overflow:hidden;transition:opacity .6s ease .2s}.about-likes__placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--surface-raised) 70%,transparent) 50%,transparent 80%);transform:translate(-100%);animation:pin-sheen 1.6s ease-in-out infinite}.about-likes__slide[data-loaded=true] .about-likes__placeholder{opacity:0}@keyframes pin-sheen{to{transform:translate(100%)}}.about-cta__heading{font-size:15px;font-weight:600;color:var(--fg-strong)}.about-cta__actions{display:flex;flex-wrap:wrap;gap:6px}.about-cta__actions .chip{margin:0;height:30px;padding:0 12px}.chip--dark{background:var(--fg-strong);color:var(--bg)}.chip--dark:hover{background:var(--fg-strong);opacity:.88}@media(max-width:640px){.about-page{--gutter: 16px;padding-top:96px}.skill-row{grid-template-columns:28px 1fr}.skill-row .skill-row__text{grid-column:2}.exp-row{flex-direction:column;gap:2px}}.lightbox-overlay{position:fixed;inset:-10px 0 0;background:#000000f2;z-index:10000;display:flex;align-items:center;justify-content:center;padding:3rem;cursor:pointer;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff1a;border:none;color:#fff;font-size:2.5rem;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;z-index:10001;line-height:1}.lightbox-close:hover{background:#fff3;transform:scale(1.1)}.lightbox-close:active{transform:scale(.95)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;font-size:3rem;width:60px;height:60px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;z-index:10001;line-height:1}.lightbox-nav:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.lightbox-nav:active{transform:translateY(-50%) scale(.95)}.lightbox-prev{left:1.5rem}.lightbox-next{right:1.5rem}.lightbox-content{max-width:60vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:default}.lightbox-image-wrapper{position:relative;display:inline-block}.lightbox-image{max-width:100%;max-height:calc(90vh - 80px);object-fit:contain;border-radius:8px;animation:zoomIn .3s ease-out;display:block}.lightbox-image-tag{position:absolute;bottom:1rem;right:1rem;background:#3b82f6f2;color:#fff;padding:.25rem 1rem;border-radius:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 16px #0006;z-index:10;pointer-events:none;animation:zoomIn .3s ease-out}.lightbox-caption{margin-top:1.5rem;padding:1rem 1.5rem;background:#ffffff1a;color:#fff;border-radius:8px;font-size:1rem;max-width:80%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .3s ease-out .2s both;display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%}.lightbox-caption-text{flex:1;text-align:left}.lightbox-counter{color:#fff;font-size:1rem;white-space:nowrap;opacity:.8}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.lightbox-overlay{padding:1.5rem 1rem 1rem;align-items:flex-start;top:-47px;height:100vh;height:100dvh}.lightbox-close{top:1rem;right:1rem;width:36px;height:36px;font-size:1.75rem}.lightbox-nav{width:36px;height:36px;font-size:1.5rem}.lightbox-prev{left:.25rem}.lightbox-next{right:.25rem}.lightbox-content{max-width:100vw;max-height:100vh;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;padding:2rem 1rem 0;box-sizing:border-box}.lightbox-image{max-width:100%;max-height:calc(100vh - 160px);width:auto;height:auto;object-fit:contain;margin:0 auto;flex-shrink:1;flex-grow:1;min-height:0;align-self:center}.lightbox-caption{padding:1rem;font-size:.9rem;max-width:100%;width:100%;margin:auto 0 0;border-radius:0;position:relative;box-sizing:border-box;flex-shrink:0}.lightbox-counter{font-size:.85rem}}.project-detail-page{height:100vh;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;background:transparent;position:relative;z-index:1;transition:background-color .3s ease}.project-detail-container{max-width:1200px;margin:0 auto;padding:4rem 3rem;padding-top:calc(66px + 4rem);padding-bottom:6rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.project-hero{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center;margin-bottom:3rem}.project-hero-media-mobile{display:none}.project-detail__wip-badge{display:inline-flex;align-items:center;gap:.35rem;width:fit-content;padding:.3rem .8rem;margin-bottom:.5rem;border-radius:999px;background:var(--color-wip-badge-bg);color:var(--color-wip-text);font-size:.75rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}.project-detail-page .project-title{font-size:3rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.project-detail-page .project-title--logo{margin:0;font-size:inherit;line-height:0}.project-logo{max-width:300px;height:auto;margin-bottom:.5rem;display:block}[data-theme=dark] .project-logo{filter:brightness(0) invert(1)}.project-subtitle{font-size:1.25rem;color:var(--color-text);margin-bottom:.5rem}.project-meta{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.project-tags{display:flex;gap:.5rem}.project-tags .tag{padding:.25rem .5rem;background:var(--color-card-bg-solid);color:var(--color-text);border:1px solid var(--color-border);border-radius:999px;font-size:.8rem}.status{padding:.25rem .5rem;background:var(--color-primary);color:#fff;border-radius:999px;font-size:.8rem}.project-summary{color:var(--color-text-light);line-height:1.7}.live-link{color:var(--color-primary);font-weight:600;text-decoration:underline;text-underline-offset:3px;transition:color .15s ease}.live-link:hover{color:var(--color-primary-hover)}.live-link:focus-visible{outline:2px solid rgba(var(--color-primary-rgb),.55);outline-offset:2px}.live-link .live-link__icon{margin-left:.4em;font-size:.85em;vertical-align:baseline}.project-sections{display:flex;flex-direction:column;gap:2rem}.project-section{background:var(--color-card-bg-solid);border:1px solid var(--color-border);border-radius:12px;padding:2rem}.project-text{color:var(--color-text-light);line-height:1.7;margin:0}.hero-media{width:100%;border-radius:12px}.meta-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:.5rem;margin:2rem 0}.meta-item{background:var(--color-card-bg-solid);border:1px solid var(--color-border);border-radius:8px;padding:6px 10px;display:flex;flex-direction:row;align-items:center;gap:8px;min-width:0;min-height:44px}.meta-item .meta-icon{flex-shrink:0;width:24px;height:24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-bg-gray);color:var(--color-primary);font-size:.7rem}.meta-item .meta-text{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.meta-item.services{grid-column:span 3}.meta-item.stack{grid-column:span 2}.meta-item .value{overflow:hidden;text-overflow:ellipsis}.meta-item .label{color:var(--color-text-lighter);font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;font-weight:500;line-height:1.2}.meta-item .value{color:var(--color-text);font-weight:600;font-size:.8rem;line-height:1.3}.meta-item .value.status{color:#fff;background:var(--color-primary);border-radius:999px;padding:1px 8px;width:fit-content;font-size:.75rem;font-weight:500}.meta-item .value.status--completed,.meta-item .value.status--completato{background:var(--color-primary);color:#fff}.meta-item .value.status--in-progress,.meta-item .value.status--in-corso{background:#f59e0b;color:#fff}.meta-item .value.status--planned,.meta-item .value.status--pianificato{background:#3b82f6;color:#fff}.meta-item .value.status--discontinued,.meta-item .value.status--interrotto{background:#ef4444;color:#fff}.meta-item .value.status--in-use,.meta-item .value.status--in-uso{background:#2563eb;color:#fff}.meta-item .value.nda{position:relative}.meta-item .value.nda .client-name{display:inline-block;filter:blur(6px)}.meta-item .value.nda:hover:after{content:"Protetto da NDA";position:absolute;left:50%;transform:translate(-50%,-140%);background:var(--color-bg-dark);color:#fff;font-size:.75rem;padding:4px 8px;border-radius:6px;white-space:nowrap;box-shadow:0 6px 20px #00000026;filter:none;z-index:1000}.meta-item.stack .stack-chips{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.meta-item.stack .stack-chip{display:inline-block;padding:2px 6px;background:var(--color-bg-gray);color:var(--color-text);border:1px solid var(--color-border);border-radius:4px;font-size:.7rem;font-weight:500;white-space:nowrap;transition:all .15s ease}.meta-item.stack .stack-chip:hover{background:rgba(var(--color-primary-rgb),.1);border-color:rgba(var(--color-primary-rgb),.3);color:var(--color-primary)}.section{background:var(--color-card-bg-solid);border:1px solid var(--color-border);border-radius:12px;padding:2rem;opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out;margin-bottom:3rem}.section.revealed{opacity:1;transform:translateY(0)}.hero-image{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.hero-image.revealed{opacity:1;transform:translateY(0)}.gallery{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.gallery.revealed{opacity:1;transform:translateY(0)}.gallery .gallery-item{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.gallery.revealed .gallery-item{opacity:1;transform:translateY(0)}.gallery.revealed .gallery-item:nth-child(1){transition-delay:.1s}.gallery.revealed .gallery-item:nth-child(2){transition-delay:.2s}.gallery.revealed .gallery-item:nth-child(3){transition-delay:.3s}.gallery.revealed .gallery-item:nth-child(4){transition-delay:.4s}.quote-section{border:none;background:transparent;padding:3rem 0}.quote-section .quote-text{font-size:1.5rem;font-style:normal;font-weight:500;line-height:1.45;letter-spacing:-.01em;color:var(--color-text);text-align:center;margin:0;padding:2rem}.section-media{margin-top:1.5rem;border-radius:12px;overflow:hidden}.section-media video,.section-media img{width:100%;height:auto;display:block}.section-media img{transition:transform .15s ease,opacity .15s ease}.section-media img:hover{transform:scale(1.02);opacity:.9}.showcase-single-image img{width:100%;height:auto;border-radius:12px;display:block;transition:transform .15s ease,opacity .15s ease}.showcase-single-image img:hover{transform:scale(1.02);opacity:.9}.showcase-image-grid--3{column-count:3!important}@media(max-width:768px){.showcase-image-grid--3{column-count:1!important}}.showcase-image-grid{column-count:2;column-gap:1.5rem;margin-top:1.5rem}.showcase-image-grid .showcase-image-item{break-inside:avoid;border-radius:12px;overflow:hidden;position:relative;margin-bottom:1.5rem;display:block}.showcase-image-grid .showcase-image-item img{width:100%;height:auto;display:block;transition:transform .15s ease,opacity .15s ease}.showcase-image-grid .showcase-image-item img:hover{transform:scale(1.05);opacity:.9}@media(max-width:1024px){.showcase-image-grid{column-count:2;column-gap:1.5rem}}@media(max-width:768px){.showcase-image-grid{column-count:1;column-gap:0}.showcase-image-grid .showcase-image-item{margin-bottom:1rem}}.image-wrapper{position:relative;display:inline-block;width:100%}.image-wrapper .tooltip-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000e6;color:#fff;padding:12px 16px;border-radius:6px;font-size:13px;white-space:normal;max-width:80%;text-align:center;z-index:10;pointer-events:none;box-shadow:0 4px 12px #0000004d;line-height:1.4;opacity:0;transition:opacity .2s ease-out}.image-wrapper .image-tag{position:absolute;bottom:1rem;right:1rem;background:#3b82f6f2;color:#fff;padding:.25rem 1rem;border-radius:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 16px #0003;z-index:10;pointer-events:none}.image-wrapper:hover .tooltip-content{opacity:1}.section-image{width:100%;height:auto;border-radius:12px;display:block}.section[id],.gallery[id],.hero-image,#overview{scroll-margin-top:66px}#overview.meta-grid{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}#overview.meta-grid.revealed{opacity:1;transform:translateY(0)}.section-heading{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:1rem}.section-text a,.bullet-list a{color:var(--color-primary);font-weight:600;text-decoration:underline;text-underline-offset:3px;transition:color .15s ease}.section-text a:hover,.bullet-list a:hover{color:var(--color-primary-hover)}.section-text a:focus-visible,.bullet-list a:focus-visible{outline:2px solid rgba(var(--color-primary-rgb),.55);outline-offset:2px;border-radius:2px}.bullet-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1rem;color:var(--color-text-light);width:100%}.bullet-list li{margin:0;padding:.5rem 1rem .5rem 1.5rem;background:transparent;border:none;border-left:4px solid var(--color-primary);border-radius:0;display:block;transition:all .15s ease;position:relative;line-height:1.7}.bullet-list li:hover{padding-left:calc(1.5rem + 4px);color:var(--color-text)}.gallery{margin-top:3rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.gallery-image{width:100%;height:auto;border-radius:12px;object-fit:cover;display:block;transition:transform .15s ease,opacity .15s ease}.gallery-image:hover{transform:scale(1.05);opacity:.9}.image-placeholder{width:100%;height:240px;background:var(--color-bg-gray);border:2px dashed var(--color-border);border-radius:12px}.hero-image-content--nda{position:relative;aspect-ratio:16/10;overflow:hidden}.hero-image-content{width:100%;height:auto;border-radius:12px;object-fit:contain;display:block;transition:transform .15s ease,opacity .15s ease}.hero-image-content[style*="cursor: pointer"]:hover{transform:scale(1.02);opacity:.9}.image-placeholder.nda{background:repeating-linear-gradient(-45deg,#111827e6 0 10px,#ffffff0f 10px 20px);border-color:#0003}@media(max-width:1024px){.project-detail-container{padding:4rem 3rem;padding-top:calc(56px + 4rem)}.section[id],.gallery[id],.hero-image{scroll-margin-top:56px}}@media(max-width:768px){.project-detail-container{padding:3rem 1.5rem;padding-top:calc(67px + 3rem);padding-bottom:calc(100px + 3rem)}.section[id],.gallery[id],.hero-image{scroll-margin-top:67px}.project-detail-page .project-title{font-size:2rem}.project-logo{max-width:250px}.project-subtitle{font-size:1rem}.project-hero{grid-template-columns:1fr;gap:1.5rem}.project-hero-media-mobile{display:block;width:100%}.project-hero-media-mobile .hero-image-content,.project-hero-media-mobile .image-placeholder{aspect-ratio:16/9;width:100%;height:auto;object-fit:cover;background:var(--color-bg-gray)}.hero-image-main{display:none}.hero-text{width:100%}.meta-grid{grid-template-columns:1fr;grid-auto-rows:auto;margin:0 0 2rem}.meta-item.stack,.meta-item.services{grid-column:span 1}.gallery{grid-template-columns:1fr}.hero-media{max-width:100%;height:auto}.image-placeholder{max-width:100%;height:auto;min-height:180px}.section,.project-section{padding:1rem 1.5rem}.bullet-list{gap:1rem}.bullet-list li{padding:.5rem 1rem .5rem 1.5rem;line-height:1.6;font-size:.9rem}.bullet-list li:hover{padding-left:calc(1.5rem + 4px)}.project-text{line-height:1.6}.section-heading{margin-bottom:1rem}}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:3rem;align-items:start}.detail-main{min-width:0}.detail-aside{position:sticky;top:calc(66px + 1.5rem);height:fit-content;display:flex;flex-direction:column;gap:2rem}.toc{background:var(--color-card-bg-solid);border:1px solid var(--color-border);border-radius:12px;padding:0;overflow:hidden}.toc-toggle{width:100%;display:none;background:none;border:none;padding:1.5rem;cursor:pointer;justify-content:space-between;align-items:center;text-align:left;transition:background-color .15s ease}.toc-toggle:hover{background-color:rgba(var(--color-primary-rgb),.05)}.toc-toggle .toc-toggle-title{font-weight:700;color:var(--color-text);margin:0}.toc-toggle .toc-icon{font-size:1.2rem;font-weight:300;color:var(--color-text-light);width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.toc-title-static{font-weight:700;color:var(--color-text);margin-bottom:.5rem;padding:1.5rem 1.5rem .5rem}.toc-content{padding:0 1.5rem 1.5rem;max-height:none;overflow:visible}.toc-link{display:block;color:var(--color-text-light);text-decoration:none;padding:.25rem 0;transition:color .15s ease,font-weight .15s ease;position:relative}.toc-link:hover{color:var(--color-primary)}.toc-link.active{color:var(--color-primary);font-weight:600}.toc-link.active:before{content:"";position:absolute;left:-1.5rem;top:50%;transform:translateY(-50%);width:3px;height:16px;background-color:var(--color-primary);border-radius:2px}.aside-cta{text-align:left}.aside-cta .cta-button{display:block;width:100%;text-align:center;padding-top:1rem;padding-bottom:1rem;border:none;background:var(--color-bg-dark);color:#fff;font-family:Public Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .25s ease}.aside-cta .cta-button svg{margin-left:.5rem;transition:transform .2s ease}.aside-cta .cta-button:hover svg{transform:translate(4px)}.project-pager{display:flex;justify-content:space-between;align-items:center}.pager-link{color:var(--color-text);text-decoration:none;border:1px solid var(--color-border);background:var(--color-card-bg-solid);border-radius:999px;padding:.5rem 1.5rem;transition:all .15s ease}.pager-link:hover{color:#fff;background:var(--color-bg-dark);border-color:var(--color-bg-dark)}@media(max-width:1024px){.detail-grid{grid-template-columns:1fr;display:flex;flex-direction:column}.detail-aside{position:static;order:-1;margin-bottom:0;width:100%;gap:1rem}.toc-toggle{display:flex!important}.toc-title-static{display:none}.toc-content{max-height:0!important;padding:0 1.5rem!important;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out}.toc.toc-open .toc-content{max-height:1000px!important;padding:.5rem 1.5rem 1.5rem!important}.toc.toc-open .toc-icon{transform:none}}.pull-to-refresh-container{position:relative;width:100%;overflow-x:clip}.pull-indicator{--pull-progress: 0;position:fixed;top:calc(env(safe-area-inset-top,0px) + 78px);left:50%;z-index:95;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;translate:-50% calc((var(--pull-progress) - 1) * 28px);filter:blur(calc((1 - var(--pull-progress)) * 6px));transition:opacity .25s ease}.pull-indicator__bubble{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--fg-strong);background:var(--surface-raised);box-shadow:0 0 0 1px var(--hairline),var(--shadow-soft);scale:calc(.7 + var(--pull-progress) * .3);transition:background-color .25s ease,color .25s ease,scale .3s var(--ease-out)}.can-refresh .pull-indicator__bubble,.refreshing .pull-indicator__bubble{color:var(--bg);background:var(--fg-strong)}.can-refresh .pull-indicator__bubble{scale:1.08}.pull-indicator__icon{display:block}.refreshing .pull-indicator__icon{animation:pull-spin .8s linear infinite}.pull-indicator__label{padding:2px 8px;border-radius:999px;font-size:12px;font-weight:500;line-height:1.5;color:var(--fg);white-space:nowrap;background:var(--surface-raised);box-shadow:0 0 0 1px var(--hairline)}.pull-indicator__label:empty{display:none}.pull-content{transition:transform .3s var(--ease-out)}.pull-content.pulling{transition:none;will-change:transform}@keyframes pull-spin{to{transform:rotate(-360deg)}}@media(prefers-reduced-motion:reduce){.pull-indicator{filter:none;translate:-50% 0}.pull-indicator__icon{animation:none!important}}@media(hover:hover)and (pointer:fine){.pull-indicator{display:none}.pull-content{transform:none!important}}.floating-project-nav{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));translate:-50% 0;z-index:95;animation:pager-in .8s cubic-bezier(.22,1,.36,1) .4s both}@keyframes pager-in{0%{opacity:0;filter:blur(12px);transform:translateY(12px) scale(1.06)}to{opacity:1;filter:blur(0);transform:none}}.floating-project-nav .floating-nav-content{display:flex;gap:4px;padding:4px;border-radius:999px;background:color-mix(in srgb,var(--surface-raised) 82%,transparent);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 0 0 1px var(--hairline),var(--shadow-soft)}.floating-project-nav .pager-button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:var(--fg-strong);font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.floating-project-nav .pager-button:hover:not(.disabled){background:var(--surface)}.floating-project-nav .pager-button:active:not(.disabled){transform:scale(.95)}.floating-project-nav .pager-button.prev:hover:not(.disabled) .pager-icon{transform:translate(-2px)}.floating-project-nav .pager-button.next:hover:not(.disabled) .pager-icon{transform:translate(2px)}.floating-project-nav .pager-button.disabled{color:var(--fg-muted);opacity:.5;cursor:default}.floating-project-nav .pager-icon{display:grid;place-items:center;transition:transform .3s cubic-bezier(.22,1,.36,1)}@media(max-width:480px){.floating-project-nav .pager-button{padding:0 12px;font-size:12px}}.site-top-fade{position:fixed;inset:0 0 auto;height:96px;z-index:90;pointer-events:none;background:linear-gradient(to bottom,var(--bg) 18%,color-mix(in srgb,var(--bg) 0%,transparent));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);mask-image:linear-gradient(to bottom,#000 35%,transparent);-webkit-mask-image:linear-gradient(to bottom,#000 35%,transparent)}.site-nav{position:fixed;top:18px;left:50%;translate:-50% 0;z-index:100;transform-origin:50% 50%}.site-nav__defs{position:absolute;width:0;height:0;overflow:hidden}.site-nav__track{position:relative;height:56px}.site-nav__goo,.site-nav__active,.site-nav__list{position:absolute;inset:0}.site-nav__goo{filter:url(#nav-goo)}.site-nav__blob,.site-nav__disc,.site-nav__item{position:absolute;top:0;left:0;width:56px;height:56px;border-radius:50%;transform-origin:50% 50%}.site-nav__blob{background:var(--surface)}.site-nav__active{filter:url(#nav-goo-white) drop-shadow(0 1px 1px rgba(0,0,0,.06)) drop-shadow(0 4px 10px rgba(0,0,0,.08))}.site-nav__disc{background:var(--surface-raised)}.site-nav__list{list-style:none;margin:0;padding:0}.site-nav__link{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;color:var(--fg-muted);text-decoration:none;transition:color .2s ease;-webkit-tap-highlight-color:transparent}.site-nav__link:hover{color:var(--fg)}.site-nav__link.is-active{color:var(--fg-strong)}.site-nav__link:focus-visible{outline-offset:-4px}.site-nav__icon{display:grid;place-items:center}.site-nav__icon svg{display:block}.privacy-page{min-height:100vh;background-color:transparent;position:relative;z-index:1}.privacy-content{max-width:680px;margin:0 auto;padding:4rem 2rem 3rem}@media(max-width:768px){.privacy-content{padding:3rem 1.5rem}}.privacy-title{font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.privacy-updated{font-size:.85rem;color:var(--color-text-lighter);margin-bottom:3rem}.privacy-section{margin-bottom:2rem}.privacy-section h2{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.privacy-section p{font-size:.95rem;color:var(--color-text-light);line-height:1.7}.privacy-back{display:inline-block;margin-top:1.5rem;font-size:.9rem;color:var(--color-primary);text-decoration:none}.privacy-back:hover{text-decoration:underline}.project-focus{position:fixed;inset:0;z-index:120;overflow-y:auto;overscroll-behavior:contain}.project-focus:focus{outline:none}.project-focus__backdrop{position:fixed;inset:0;background:var(--bg);pointer-events:none}.project-focus__inner{position:relative;width:min(640px,100%);margin:0 auto;padding:56px 20px 72px;display:flex;flex-direction:column;align-items:center}.project-focus__hero{width:min(520px,100%);aspect-ratio:5/4;padding:0;border:0;overflow:hidden;border-radius:18px;background:var(--surface);box-shadow:0 2px 6px #0000000f,0 30px 60px -20px #00000059;cursor:zoom-out}.project-focus__hero-media{width:100%;height:100%}.project-focus__body{position:relative;width:100%;max-width:var(--column);margin-top:36px}.project-focus__back{position:absolute;top:0;right:calc(100% + 28px);display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--fg-muted);font-size:13px;white-space:nowrap;cursor:pointer;transition:color .2s ease,background-color .2s ease}.project-focus__back:hover{color:var(--fg-strong);background:var(--surface)}.project-focus__back-icon{font-size:12px;line-height:1}.project-focus__meta{display:flex;flex-direction:column;gap:16px}.project-focus__header{display:flex;flex-direction:column;gap:2px}.project-focus__title{font-size:15px;font-weight:600;line-height:1.4;color:var(--fg-strong)}.project-focus__link,.project-focus__client{display:inline-flex;align-items:center;gap:4px;width:fit-content;font-size:13px;color:var(--fg-muted);text-decoration:none}.project-focus__link{transition:color .2s ease}.project-focus__link:hover{color:var(--fg-strong)}.project-focus__tags{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.project-focus__tags li{height:22px;padding:0 8px;border-radius:6px;background:var(--surface);color:var(--fg);font-size:12px;line-height:22px;font-variant-numeric:tabular-nums}.project-focus__summary{font-size:14px;line-height:1.75;color:var(--fg)}.project-focus__summary strong{font-weight:600;color:var(--fg-strong)}.project-focus__summary a{color:var(--fg-strong);text-underline-offset:3px}.project-focus__gallery{width:100%;margin:56px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.shot{position:relative;width:76%;transform-origin:50% 40%}.shot--left{align-self:flex-start;margin-left:2%}.shot--right{align-self:flex-end;margin-right:2%}.shot+.shot{margin-top:-18px}.shot:hover{z-index:1}.shot__frame{margin:0;padding:6px;border-radius:14px;background:var(--surface-raised);box-shadow:0 0 0 1px var(--hairline),0 18px 40px -18px #00000059}.shot__frame img,.shot__frame video{display:block;width:100%;height:auto;border-radius:9px;background:var(--surface)}.shot__caption{position:absolute;top:38%;width:max-content;max-width:150px;font-family:var(--font-hand);font-size:19px;line-height:1.1;color:#2f5bd3}.shot--left .shot__caption{left:calc(100% + 16px);rotate:-4deg}.shot--right .shot__caption{right:calc(100% + 16px);text-align:right;rotate:3deg}[data-theme=dark] .shot__caption{color:#8db4ff}.project-focus__footer{width:100%;max-width:var(--column);margin-top:48px}.project-focus__more{font-size:13px;font-weight:500;color:var(--fg-strong);text-decoration:none;border-bottom:1px solid var(--hairline);padding-bottom:2px;transition:border-color .2s ease}.project-focus__more:hover{border-color:var(--fg-strong)}@media(max-width:760px){.project-focus__inner{padding:20px 16px 56px}.project-focus__body{display:flex;flex-direction:column;gap:14px;margin-top:24px}.project-focus__back{position:static;align-self:flex-start;margin-left:-10px}.project-focus__back-icon{font-size:18px}.shot{width:92%}.shot+.shot{margin-top:22px}.shot__caption{position:static;display:block;max-width:none;margin:6px 8px 0}.shot--left .shot__caption,.shot--right .shot__caption{rotate:-2deg;text-align:left}}.chip{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px;margin:0 2px;vertical-align:1px;border:0;border-radius:8px;background:var(--surface);color:var(--fg-strong);font-size:13px;font-weight:500;line-height:1;text-decoration:none;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease}.chip:hover{background:var(--surface-hover);box-shadow:inset 0 0 0 1px var(--hairline)}.round-button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:var(--surface);color:var(--fg-strong);cursor:pointer;transition:background-color .2s ease,opacity .3s ease,filter .3s ease}.round-button:hover:not(:disabled){background:var(--surface-hover)}.round-button:disabled{opacity:.4;cursor:default}.eyebrow{font-size:13px;font-weight:500;color:var(--fg-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}