*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-inter),system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--font-mono),monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.inset-0{inset:0}.bottom-8{bottom:2rem}.left-0{left:0}.right-8{right:2rem}.top-0{top:0}.z-40{z-index:40}.z-50{z-index:50}.flex{display:flex}.hidden{display:none}.h-10{height:2.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-6{height:1.5rem}.w-10{width:2.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-6{width:1.5rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:1rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-primary\/30{border-color:hsl(var(--primary)/.3)}.border-primary\/50{border-color:hsl(var(--primary)/.5)}.border-t-primary{border-top-color:hsl(var(--primary))}.bg-background{background-color:hsl(var(--background))}.bg-primary{background-color:hsl(var(--primary))}.p-3{padding:.75rem}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-primary{color:hsl(var(--primary))}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--ink:#0b0b0b;--paper:#ecece7;--paper-muted:#b6b6b0;--line-dark:rgba(236,236,231,0.18);--line-light:rgba(11,11,11,0.18);--page-x:clamp(20px,2.6vw,48px);--nav-h:74px;--brand-lime:#d7f045;--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--dur-fast:220ms;--dur-base:350ms;--dur-slow:560ms}.skills .skill-window{--art-bg:#1d4de8;--art-ink:#f5f2e9;position:relative;grid-column:span 4;min-width:0;min-height:108px;overflow:hidden;padding:14px;border-color:color-mix(in srgb,var(--art-ink) 38%,transparent);background:var(--art-bg);color:var(--art-ink);box-shadow:none;cursor:pointer;text-align:left;isolation:isolate;transition:background-color var(--dur-base) ease,color var(--dur-base) ease,box-shadow var(--dur-base) ease}.skills .skill-window--1{--art-bg:#060708;--art-ink:#f3f1eb}.skills .skill-window--1:not(.is-active){--art-bg:#2447d7;--art-ink:#f5f2eb}.skills .skill-window--2{--art-bg:#060708;--art-ink:#f3f1eb}.skills .skill-window--2:not(.is-active){--art-bg:#d94a32;--art-ink:#171411}.skills .skill-window--3{--art-bg:#e5a33d;--art-ink:#17130f}.skills .skill-window--4{--art-bg:#e8e3d8;--art-ink:#151513}.skills .skill-window--5{--art-bg:#111316;--art-ink:#eceae4}.skills .skill-window--6{--art-bg:#a68ed5;--art-ink:#17131f}.skills .skill-window--7{--art-bg:#151515;--art-ink:#f3f0e9}.skills .skill-window.is-active{cursor:default}.light .skills .skill-window,.light .skills .skill-window.is-active,.skills .skill-window--type.is-active,.skills .skill-window.is-active{background:var(--art-bg);color:var(--art-ink);box-shadow:0 16px 32px rgba(11,11,11,.14)}.skills .skill-window.is-active{grid-column:span 8;grid-row:span 3;padding:clamp(22px,2.4vw,42px)}.skills .skill-window__mini-metric,.skills .skill-window__mini-title,.skills .skill-window__number{position:relative;z-index:4;display:block;font:500 10px/1 var(--font-mono),var(--font-cjk),monospace;letter-spacing:.07em}.skills .skill-window__number{opacity:.62}.skills .skill-window__mini-title{max-width:70%;margin-top:16px;font:500 clamp(17px,1.6vw,27px)/1.05 var(--font-cjk),sans-serif;letter-spacing:-.035em}.skills .skill-window__mini-metric{position:absolute;right:13px;bottom:11px;font-size:13px;opacity:.72}.skills .skill-window__voxel{position:absolute;z-index:3;top:40%;right:15px;pointer-events:none;transition:translate var(--dur-base) var(--ease-out-expo),opacity var(--dur-base) ease,scale var(--dur-base) var(--ease-out-expo)}.skills .skill-window:not(.is-active):hover .skill-window__voxel{translate:0 -6px}.skills .skill-window.is-active .skill-window__voxel{opacity:0;translate:0 12px;scale:.6}.skills .skill-window__voxel .voxel-object{animation:voxel-drift 3.8s ease-in-out infinite}.skills .skill-window:nth-child(2) .skill-window__voxel .voxel-object{animation-delay:-.55s}.skills .skill-window:nth-child(3) .skill-window__voxel .voxel-object{animation-delay:-1.1s}.skills .skill-window:nth-child(4) .skill-window__voxel .voxel-object{animation-delay:-1.65s}.skills .skill-window:nth-child(5) .skill-window__voxel .voxel-object{animation-delay:-2.2s}.skills .skill-window:nth-child(6) .skill-window__voxel .voxel-object{animation-delay:-2.75s}.skills .skill-window:nth-child(7) .skill-window__voxel .voxel-object{animation-delay:-3.3s}@keyframes voxel-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.skills .skill-window__mini-title,.skills .skill-window__number{transition:opacity var(--dur-fast) ease,transform var(--dur-base) var(--ease-out-expo)}.skills .skill-window:not(.is-active):hover .skill-window__number{opacity:1}.skills .skill-window:not(.is-active):hover .skill-window__mini-title{transform:translateY(-3px)}.skills .skill-window:after,.skills .skill-window:before{display:none}.skills .skill-window__art{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}.skills .skill-window__art:after,.skills .skill-window__art:before{position:absolute;display:block;box-sizing:border-box;content:""}.skills .skill-window__art-line{position:absolute;display:block;border:1px solid color-mix(in srgb,var(--art-ink) 34%,transparent)}.skills .skill-window__art-mark{position:absolute;z-index:2;color:var(--art-ink);font:600 clamp(78px,12vw,210px)/.77 var(--font-cjk),sans-serif;letter-spacing:-.11em;opacity:.15;transition:transform var(--dur-slow) var(--ease-out-expo),opacity var(--dur-base) ease}.skills .skill-window__art--window:before{inset:13px;border:1px solid color-mix(in srgb,var(--art-ink) 46%,transparent)}.skills .skill-window__art--window:after{top:34px;right:14px;left:14px;height:1px;background:color-mix(in srgb,var(--art-ink) 46%,transparent);box-shadow:0 0 0 0 color-mix(in srgb,var(--art-ink) 46%,transparent),0 0 0 0 transparent}.skills .skill-window__art--window .skill-window__art-line--one{top:34px;bottom:14px;left:54%;border-width:0 0 0 1px}.skills .skill-window__art--window .skill-window__art-line--two{top:53%;right:14px;left:14px;border-width:1px 0 0}.skills .skill-window__art--window .skill-window__art-mark{right:9%;bottom:-9%}.skills .skill-window__art--ledger:before{inset:14px;border:1px solid color-mix(in srgb,var(--art-ink) 36%,transparent);background:repeating-linear-gradient(to bottom,transparent 0 31px,color-mix(in srgb,var(--art-ink) 22%,transparent) 31px 32px)}.skills .skill-window__art--ledger:after{top:-10%;bottom:-10%;left:62%;width:1px;background:color-mix(in srgb,var(--art-ink) 56%,transparent);transform:rotate(19deg)}.skills .skill-window__art--ledger .skill-window__art-line--one{top:24%;right:12%;left:18%;border-width:1px 0 0}.skills .skill-window__art--ledger .skill-window__art-line--two{top:68%;right:9%;left:33%;border-width:1px 0 0}.skills .skill-window__art--ledger .skill-window__art-mark{right:9%;bottom:12%;font-family:var(--font-mono),monospace}.skills .skill-window__art--photo{background:#08172a}.skills .skill-window__photo{-o-object-fit:cover;object-fit:cover;opacity:.86;filter:saturate(.72) contrast(1.12);transition:transform var(--dur-slow) var(--ease-out-expo),filter var(--dur-base) ease}.skills .skill-window__art--photo:after{inset:0;background:linear-gradient(90deg,rgba(6,16,30,.88),rgba(6,16,30,.15) 68%),linear-gradient(0deg,rgba(6,16,30,.65),transparent 52%)}.skills .skill-window__art--photo .skill-window__art-mark{right:8%;bottom:-8%;color:#e5b067}.skills .skill-window__art--type:before{inset:14px 9%;border-right:1px solid color-mix(in srgb,var(--art-ink) 31%,transparent);border-left:1px solid color-mix(in srgb,var(--art-ink) 31%,transparent);background:repeating-linear-gradient(to bottom,transparent 0 38px,color-mix(in srgb,var(--art-ink) 20%,transparent) 38px 39px)}.skills .skill-window__art--type .skill-window__art-line--one{top:14px;bottom:14px;left:28%;border-width:0 0 0 1px}.skills .skill-window__art--type .skill-window__art-line--two{top:14px;right:28%;bottom:14px;border-width:0 0 0 1px}.skills .skill-window__art--type .skill-window__art-mark{top:50%;left:50%;font-family:var(--font-cjk),serif;font-size:clamp(180px,25vw,430px);font-weight:500;opacity:.12;transform:translate(-50%,-50%)}.skills .skill-window__art--panels:before{inset:15% 10%;border:1px solid color-mix(in srgb,var(--art-ink) 48%,transparent);box-shadow:18px -18px 0 -17px color-mix(in srgb,var(--art-ink) 74%,transparent),36px -36px 0 -35px color-mix(in srgb,var(--art-ink) 74%,transparent)}.skills .skill-window__art--panels:after{top:26%;right:20%;bottom:20%;left:20%;border:1px solid color-mix(in srgb,var(--art-ink) 34%,transparent);transform:translate(12px,-12px)}.skills .skill-window__art--panels .skill-window__art-mark{right:10%;bottom:-4%}.skills .skill-window__art--vinyl:before{width:clamp(240px,37vw,550px);aspect-ratio:1;right:-17%;bottom:-52%;border-radius:50%;background:repeating-radial-gradient(circle at center,rgba(255,255,255,.11) 0 1px,transparent 1.5px 9px),radial-gradient(circle at 33% 25%,rgba(255,255,255,.13),transparent 25%),#101010;box-shadow:0 22px 28px rgba(0,0,0,.25),inset 0 0 0 1px rgba(255,255,255,.16);transition:transform var(--dur-slow) var(--ease-out-expo)}.skills .skill-window__art--vinyl:after{right:15%;bottom:13%;width:clamp(68px,9vw,132px);aspect-ratio:1;border-radius:50%;background:var(--art-bg);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}.skills .skill-window__art--vinyl .skill-window__art-mark{right:19%;bottom:17%;z-index:3;font:600 clamp(12px,1.4vw,19px)/1 var(--font-mono),monospace;letter-spacing:.08em;opacity:.86}.skills .skill-window__art--release:before{inset:14px;border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle at 19% 66%,var(--brand-lime) 0 4px,transparent 4.5px),radial-gradient(circle at 49% 48%,var(--brand-lime) 0 4px,transparent 4.5px),radial-gradient(circle at 79% 30%,var(--brand-lime) 0 4px,transparent 4.5px),linear-gradient(145deg,transparent 0 45%,rgba(215,240,69,.56) 45.15% 45.45%,transparent 45.6% 100%)}.skills .skill-window__art--release .skill-window__art-line--one{top:24%;right:10%;left:10%;border-width:1px 0 0}.skills .skill-window__art--release .skill-window__art-line--two{top:76%;right:10%;left:10%;border-width:1px 0 0}.skills .skill-window__art--release .skill-window__art-mark{right:9%;bottom:-4%;color:var(--brand-lime)}.skills .skill-window.is-active .skill-window__art-mark{opacity:.22;transform:translate3d(-2%,-2%,0)}.skills .skill-window.is-active .skill-window__art--type .skill-window__art-mark{transform:translate(-50%,-50%) scale(.98)}.skills .skill-window.is-active .skill-window__art--vinyl:before{transform:rotate(20deg) scale(1.04)}.skills .skill-window.is-active .skill-window__photo{transform:scale(1.045);filter:saturate(.92) contrast(1.06)}.skills .skill-window__type-seal{position:absolute;z-index:3;top:30px;right:30px;width:42px;height:42px;-o-object-fit:cover;object-fit:cover;opacity:.9}.skills .skill-window__copy{position:absolute;z-index:4;top:clamp(28px,2.6vw,46px);right:clamp(26px,2.8vw,48px);bottom:clamp(26px,2.6vw,44px);left:clamp(26px,2.8vw,48px);display:flex;flex-direction:column;width:auto;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity var(--dur-base) ease,transform var(--dur-base) var(--ease-out-expo)}.skills .skill-window__secret{color:currentColor;font:500 9px/1 var(--font-mono),var(--font-cjk),monospace;letter-spacing:.15em;opacity:.52}.skills .skill-window__heading{align-items:flex-start;justify-content:space-between;margin-top:clamp(38px,5.2vw,90px);gap:14px}.skills .skill-window__copy h3{max-width:min(75%,660px);font-size:clamp(52px,5.45vw,94px);font-weight:600;line-height:.98;letter-spacing:-.02em}.skills .skill-window__coordinate{flex:0 0 auto;padding-top:1em;color:currentColor;font-size:9px;letter-spacing:.13em;opacity:.56}.skills .skill-window.is-active .skill-window__detail{max-width:min(44%,360px);padding-top:12px;border-top:1px solid color-mix(in srgb,currentColor 38%,transparent);color:currentColor;font-size:13px;font-weight:450;line-height:1.55;letter-spacing:-.01em;opacity:.88}.skills .skill-window.is-active .skill-window__note{max-width:min(44%,360px)!important;margin-top:9px!important;padding:0;border:0;color:currentColor!important;font-size:10px!important;line-height:1.45!important;opacity:.58}.skills .skill-window--3.is-active .skill-window__detail{display:none}.skills .skill-window--3.is-active .skill-window__note{max-width:48%!important;margin-left:0;margin-right:auto}.skills .skill-window--4.is-active .skill-window__heading{margin-top:clamp(58px,8vw,138px)}.skills .skill-window--4.is-active .skill-window__copy h3{font-size:clamp(74px,8vw,142px)}.skills .skill-window--5.is-active .skill-window__detail,.skills .skill-window--5.is-active .skill-window__note{max-width:min(48%,400px)!important}.skills .skill-window--6.is-active .skill-window__heading{margin-top:clamp(46px,6vw,108px)}.skills .skill-window--6.is-active .skill-window__detail,.skills .skill-window--6.is-active .skill-window__note{max-width:min(38%,320px)!important}.skills .skill-window--7.is-active .skill-window__copy h3{max-width:60%}.skills .skill-window.is-active .skill-window__mini-metric,.skills .skill-window.is-active .skill-window__mini-title,.skills .skill-window.is-active .skill-window__number{opacity:0}.skills .skill-window.is-active .skill-window__copy{opacity:1;transform:translateY(0);pointer-events:auto}.skills .skill-window.is-active:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media (min-width:601px){.skills .skill-window:not(.is-active) .skill-window__detail,.skills .skill-window:not(.is-active) .skill-window__heading,.skills .skill-window:not(.is-active) .skill-window__note{transform:translateY(14px)}.skills .skill-window.is-active .skill-window__heading{transition:transform var(--dur-slow) var(--ease-out-expo)}.skills .skill-window.is-active .skill-window__detail{transform:translateY(0);transition:transform var(--dur-slow) var(--ease-out-expo) .07s}.skills .skill-window.is-active .skill-window__note{transform:translateY(0);transition:transform var(--dur-slow) var(--ease-out-expo) .14s}}.skills .skill-window__art,.skills .skill-window__type-seal{display:none}.light .skills .skill-window,.light .skills .skill-window.is-active,.skills .skill-window--type.is-active,.skills .skill-window.is-active{box-shadow:none}.skills .skill-window.is-active{border-color:color-mix(in srgb,var(--art-ink) 60%,transparent)}.skills .skill-window__copy{top:clamp(28px,2.5vw,42px);right:clamp(24px,2.5vw,42px);bottom:clamp(24px,2.5vw,40px);left:clamp(24px,2.5vw,42px)}.skills .skill-window__secret{font-size:8px;letter-spacing:.16em;opacity:.44}.skills .skill-window__heading{margin-top:clamp(70px,8vw,138px)}.skills .skill-window__copy h3{max-width:76%;font-size:clamp(54px,5.9vw,104px);line-height:.94;letter-spacing:-.09em}.skills .skill-window__coordinate{padding-top:.45em;font-size:8px;letter-spacing:.1em;opacity:.46}.skills .skill-window.is-active .skill-window__detail{max-width:min(39%,340px);margin-top:auto!important;margin-left:auto;padding-top:10px;border-top:1px solid color-mix(in srgb,currentColor 34%,transparent);font-size:12px;font-weight:430;line-height:1.62}.skills .skill-window.is-active .skill-window__note{max-width:min(39%,340px)!important;margin-top:7px!important;margin-left:auto;font-size:9px!important;line-height:1.5!important;opacity:.46}.skills .skill-window--2.is-active .skill-window__heading{margin-top:clamp(48px,5.5vw,94px)}.skills .skill-window--2.is-active .skill-window__detail,.skills .skill-window--2.is-active .skill-window__note{margin-left:0;margin-right:auto}.skills .skill-window--3.is-active .skill-window__detail,.skills .skill-window--3.is-active .skill-window__note{max-width:min(48%,400px)!important;margin-left:0;margin-right:auto}.skills .skill-window--4.is-active .skill-window__heading{margin-top:auto;margin-bottom:auto}.skills .skill-window--4.is-active .skill-window__copy h3{max-width:none;font-size:clamp(76px,8.5vw,150px);text-align:center}.skills .skill-window--5.is-active .skill-window__detail,.skills .skill-window--5.is-active .skill-window__note{margin-left:9%}.skills .skill-window--6.is-active .skill-window__heading{margin-top:clamp(44px,4.8vw,84px)}.skills .skill-window--6.is-active .skill-window__detail,.skills .skill-window--6.is-active .skill-window__note{max-width:min(46%,390px)!important}.skills .skill-window--1.is-active .skill-window__heading{margin-top:clamp(80px,9vw,148px)}.skills .skill-window--1.is-active .skill-window__detail,.skills .skill-window--1.is-active .skill-window__note{margin-left:auto;margin-right:0}.skills .skill-window--2.is-active .skill-window__heading{margin-top:clamp(38px,4vw,74px);justify-content:flex-end}.skills .skill-window--2.is-active .skill-window__copy h3{max-width:62%;text-align:right}.skills .skill-window--3.is-active .skill-window__secret{order:-2}.skills .skill-window--3.is-active .skill-window__detail{order:-1;max-width:min(40%,330px);margin-top:26px!important;margin-right:0;margin-left:auto}.skills .skill-window--3.is-active .skill-window__note{display:none}.skills .skill-window--3.is-active .skill-window__copy h3{max-width:68%}.skills .skill-window--4.is-active .skill-window__coordinate{display:none}.skills .skill-window--5.is-active .skill-window__heading{margin-top:42px}.skills .skill-window--5.is-active .skill-window__copy h3{max-width:52%;font-size:clamp(48px,5vw,82px)}.skills .skill-window--5.is-active .skill-window__detail,.skills .skill-window--5.is-active .skill-window__note{max-width:min(42%,350px)!important;margin-left:auto;margin-right:0}.skills .skill-window--6.is-active .skill-window__secret{text-align:right}.skills .skill-window--6.is-active .skill-window__copy h3{max-width:70%}.skills .skill-window--6.is-active .skill-window__detail,.skills .skill-window--6.is-active .skill-window__note{margin-top:20px!important;margin-left:0;margin-right:auto}.skills .skill-window--6.is-active .skill-window__note{margin-top:7px!important}.skills .skill-window--7.is-active .skill-window__heading{margin-top:auto}.skills .skill-window--7.is-active .skill-window__copy h3{max-width:78%;font-size:clamp(60px,6.5vw,116px)}.skills .skill-window--7.is-active .skill-window__detail,.skills .skill-window--7.is-active .skill-window__note{max-width:min(34%,300px)!important;margin-left:auto;margin-right:0}.skills .skill-window__coordinate,.skills .skill-window__secret{display:none}.skills .skill-window__microcopy{position:absolute;color:currentColor;font:500 9px/1.35 var(--font-mono),var(--font-cjk),monospace;letter-spacing:.08em;opacity:.48}.skills .skill-window__microcopy span{display:block}.skills .skill-window--1.is-active .skill-window__microcopy{top:2px;left:0;display:flex;gap:18px}.skills .skill-window--1.is-active .skill-window__heading{margin-top:clamp(104px,11vw,170px)}.skills .skill-window--2.is-active .skill-window__microcopy{top:6px;right:0;text-align:right}.skills .skill-window--2.is-active .skill-window__heading{margin-top:auto;justify-content:flex-start}.skills .skill-window--2.is-active .skill-window__copy h3{max-width:75%;text-align:left}.skills .skill-window--3.is-active .skill-window__art--photo{display:block;background:#102541}.skills .skill-window--3.is-active .skill-window__art--photo:before,.skills .skill-window--3.is-active .skill-window__art-line,.skills .skill-window--3.is-active .skill-window__art-mark{display:none}.skills .skill-window--3.is-active .skill-window__art--photo:after{inset:0;background:linear-gradient(0deg,rgba(7,16,29,.82),transparent 58%)}.skills .skill-window--3.is-active .skill-window__photo{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.84;filter:saturate(.62) contrast(1.08);transform:none}.skills .skill-window--3.is-active .skill-window__microcopy{top:2px;left:0;color:#f4f1e9}.skills .skill-window--3.is-active .skill-window__heading{margin-top:auto}.skills .skill-window--3.is-active .skill-window__copy h3{max-width:100%}.skills .skill-window--4.is-active .skill-window__microcopy{top:10%;right:12%;left:12%;display:grid;grid-template-columns:1fr 1fr;row-gap:clamp(32px,4vw,68px)}.skills .skill-window--4.is-active .skill-window__microcopy span:nth-child(2n){text-align:right}.skills .skill-window--4.is-active .skill-window__heading{position:relative;z-index:1}.skills .skill-window--5.is-active .skill-window__microcopy{top:4px;right:0;text-align:right}.skills .skill-window--5.is-active .skill-window__heading{margin-top:clamp(78px,7vw,120px)}.skills .skill-window--5.is-active .skill-window__detail,.skills .skill-window--5.is-active .skill-window__note{margin-left:0;margin-right:auto}.skills .skill-window--6.is-active .skill-window__microcopy{right:0;bottom:2px;text-align:right}.skills .skill-window--6.is-active .skill-window__heading{margin-top:auto}.skills .skill-window--6.is-active .skill-window__copy h3{max-width:100%;text-align:right}.skills .skill-window--7.is-active .skill-window__microcopy{top:2px;left:0;display:flex;gap:18px}.skills .skill-window--7.is-active .skill-window__heading{margin-top:clamp(96px,10vw,162px)}.skills .skill-window.is-active .skill-window__copy{overflow:visible}.skills .skill-window.is-active .skill-window__copy,.skills .skill-window__microgrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr))}.skills .skill-window__microgrid{position:absolute;inset:0;color:currentColor;font:500 8px/1 var(--font-mono),var(--font-cjk),monospace;letter-spacing:.035em;opacity:.42}.skills .skill-window__microgrid span{min-width:0;overflow:hidden;padding:3px 4px;text-overflow:clip;white-space:nowrap}.skills .skill-window__heading{position:relative;z-index:2;grid-column:1/10;grid-row:3/6;display:flex;align-items:center;justify-content:flex-start;margin:0!important;padding:0 8px;background:var(--art-bg)}.skills .skill-window__copy h3{max-width:none!important;font-size:clamp(52px,5.7vw,100px)!important;font-weight:560;line-height:.92;letter-spacing:-.025em;text-align:left!important}.skills .skill-window.is-active .skill-window__detail,.skills .skill-window.is-active .skill-window__note{position:relative;z-index:2;max-width:none!important;margin:0!important;padding:6px 8px!important;background:var(--art-bg);border:0;color:currentColor;text-align:left}.skills .skill-window.is-active .skill-window__detail{grid-column:9/13;grid-row:6/8;align-self:stretch;font-size:11px;line-height:1.5;opacity:.78}.skills .skill-window.is-active .skill-window__note{grid-column:9/13;grid-row:8/9;font-size:8px!important;line-height:1.25!important;opacity:.48}.skills .skill-window--1.is-active .skill-window__heading{grid-column:1/10}.skills .skill-window--1.is-active .skill-window__detail{grid-column:9/13;grid-row:6/8}.skills .skill-window--1.is-active .skill-window__note{grid-column:9/13;grid-row:8/9}.skills .skill-window--2.is-active .skill-window__heading{grid-column:6/13;grid-row:2/5}.skills .skill-window--2.is-active .skill-window__detail{grid-column:1/6;grid-row:5/8}.skills .skill-window--2.is-active .skill-window__note{grid-column:1/6;grid-row:8/9}.skills .skill-window--3.is-active .skill-window__microgrid{display:none}.skills .skill-window--3.is-active .skill-window__heading{grid-column:1/11;grid-row:7/9;align-items:end;padding:0;background:transparent}.skills .skill-window--3.is-active .skill-window__copy h3{color:#f4f1e9;font-size:clamp(56px,6vw,104px)!important}.skills .skill-window--3.is-active .skill-window__detail,.skills .skill-window--3.is-active .skill-window__note{display:none}.skills .skill-window--4.is-active .skill-window__heading{grid-column:3/11;grid-row:3/7;justify-content:center}.skills .skill-window--4.is-active .skill-window__copy h3{font-size:clamp(82px,9vw,164px)!important;text-align:center!important}.skills .skill-window--4.is-active .skill-window__detail,.skills .skill-window--4.is-active .skill-window__note{display:none}.skills .skill-window--5.is-active .skill-window__heading{grid-column:1/8;grid-row:2/5}.skills .skill-window--5.is-active .skill-window__detail{grid-column:8/13;grid-row:6/8}.skills .skill-window--5.is-active .skill-window__note{grid-column:8/13;grid-row:8/9}.skills .skill-window--6.is-active .skill-window__heading{grid-column:2/13;grid-row:6/8;justify-content:flex-end}.skills .skill-window--6.is-active .skill-window__copy h3{font-size:clamp(54px,5.8vw,100px)!important;line-height:.94;text-align:right!important;writing-mode:horizontal-tb}.skills .skill-window--6.is-active .skill-window__detail,.skills .skill-window--6.is-active .skill-window__note{display:none}.skills .skill-window--7.is-active .skill-window__heading{grid-column:2/12;grid-row:5/8}.skills .skill-window--7.is-active .skill-window__copy h3{font-size:clamp(64px,6.6vw,118px)!important}.skills .skill-window--7.is-active .skill-window__detail{grid-column:9/13;grid-row:2/4}.skills .skill-window--7.is-active .skill-window__note{grid-column:9/13;grid-row:4/5}.skills .skill-window--4.is-active .skill-window__copy{top:auto;right:0;bottom:0;left:0;height:50cqw;padding:0;container-type:inline-size;grid-template-rows:repeat(6,8.333cqw);grid-auto-rows:8.333cqw;transform:none!important}.skills .skill-window--4.is-active{container-type:inline-size}.skills .skill-window--4.is-active .skill-window__microgrid{inset:0;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(6,8.333cqw);grid-auto-rows:8.333cqw;font-size:7.4cqw;font-weight:520;line-height:1;letter-spacing:0;opacity:.1;transform:translateY(5.2cqw)}.skills .skill-window--4.is-active .skill-window__microgrid span{display:grid;overflow:visible;padding:0;place-items:center;transform:none}.skills .skill-window--4.is-active .skill-window__microgrid span:nth-child(n+39):nth-child(-n+48),.skills .skill-window--4.is-active .skill-window__microgrid span:nth-child(n+51):nth-child(-n+60),.skills .skill-window--4.is-active .skill-window__microgrid span:nth-child(n+63):nth-child(-n+72){visibility:hidden}.skills .skill-window--4.is-active .skill-window__heading{grid-column:3/13;grid-row:5/7;display:block;padding:0;background:transparent;transform:translateY(-.7cqw)}.skills .skill-window--4.is-active .skill-window__grid-title{display:grid;width:100%;height:100%;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:1fr;font-size:0!important;line-height:1}.skills .skill-window--4.is-active .skill-window__grid-title span{display:grid;place-items:center;background:transparent;color:var(--art-ink);font-size:14cqw;line-height:.9;letter-spacing:-.12em}.skills .skill-window.is-active .skill-window__detail,.skills .skill-window.is-active .skill-window__note{display:none}.skills .skill-window.is-active .skill-window__copy h3{white-space:nowrap}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:var(--ink)}body{margin:0;overflow-x:hidden;color:var(--paper);font-family:var(--font-inter),var(--font-cjk),"PingFang SC","Microsoft YaHei",sans-serif;font-kerning:normal;font-variant-ligatures:common-ligatures;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a,button{color:inherit;font:inherit}button{border:0}a{text-decoration:none}section[id]{scroll-margin-top:var(--nav-h)}::-moz-selection{background:var(--brand-lime);color:var(--ink)}::selection{background:var(--brand-lime);color:var(--ink)}.editorial-dark{position:relative;overflow:hidden;background:var(--ink);color:var(--paper)}.editorial-light{position:relative}.editorial-light,.light .editorial-dark{background:var(--paper);color:var(--ink)}.light .editorial-light{background:var(--ink);color:var(--paper)}.section-rule{border-top:1px solid var(--line-dark)}.light .section-rule{border-color:var(--line-light)}.noise{position:absolute;inset:0;z-index:1;opacity:.18;pointer-events:none;background:radial-gradient(circle,rgba(234,234,226,.2) 0 .75px,transparent .9px);background-size:3px 3px;mix-blend-mode:overlay}.section-index{display:grid;grid-template-columns:minmax(64px,9vw) 1fr;gap:1rem;align-items:center;padding:18px var(--page-x);border-bottom:1px solid var(--line-dark);font:500 11px/1.2 var(--font-mono),var(--font-cjk),monospace;letter-spacing:.08em;text-transform:uppercase}.section-index>span:first-child{color:transparent;font-size:clamp(30px,3.4vw,48px);font-weight:600;line-height:.8;letter-spacing:-.04em;-webkit-text-stroke:1px color-mix(in srgb,var(--paper) 55%,transparent)}.section-index--dark>span:first-child{-webkit-text-stroke-color:color-mix(in srgb,var(--ink) 55%,transparent)}.section-index--dark{border-color:var(--line-light)}.scroll-progress{z-index:120;height:2px;background:var(--brand-lime);transform-origin:0 50%}.scroll-progress,.site-nav{position:fixed;top:0;left:0;width:100%}.site-nav{z-index:100;height:var(--nav-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--page-x);color:var(--paper);transition:background var(--dur-fast) ease,color var(--dur-fast) ease,border-color var(--dur-fast) ease}.light .site-nav{color:var(--ink)}.site-nav--scrolled{color:var(--paper);background:rgba(11,11,11,.82);border-bottom:1px solid var(--line-dark);backdrop-filter:blur(18px)}.light .site-nav--scrolled{color:var(--ink);background:rgba(236,236,231,.86);border-color:var(--line-light)}.brand-mark{width:-moz-fit-content;width:fit-content;display:flex;align-items:center;gap:9px;padding:0;background:transparent;cursor:pointer;font-size:14px;font-weight:750}.brand-logo{width:44px;height:23px;-o-object-fit:contain;object-fit:contain;filter:grayscale(1) brightness(0) invert(1) drop-shadow(0 0 7px rgba(255,255,255,.18));opacity:1}.light .brand-logo{filter:grayscale(1) brightness(0)}.site-nav__links{display:flex;align-items:center;gap:25px}.site-nav__links button{padding:6px 0;background:transparent;cursor:pointer;font-size:13px;font-weight:500;will-change:transform;transition:transform var(--dur-fast) var(--ease-out-expo),color var(--dur-fast) ease,opacity var(--dur-fast) ease}.site-nav__links button:hover{text-decoration:none;opacity:1;color:#fff;transform:translateY(-2px) scale(1.22) rotate(-5deg)}.site-nav__actions{justify-self:end;display:flex;gap:8px}.icon-button,.project-button{height:38px;border:1px solid;background:rgba(11,11,11,.55)}.light .icon-button,.light .project-button{background:rgba(236,236,231,.65)}.icon-button{width:38px;display:grid;place-items:center;cursor:pointer}.project-button{display:flex;align-items:center;gap:17px;padding:0 5px 0 13px;font-size:13px;font-weight:700}.project-button span{width:27px;height:27px;display:grid;place-items:center;background:currentColor}.project-button span svg{color:var(--ink)}.light .project-button span svg{color:var(--paper)}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:var(--nav-h);isolation:isolate;background:#0a0a0a}.hero:before{content:none}.hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.03),transparent 52%,rgba(0,0,0,.22));box-shadow:inset 0 0 140px rgba(0,0,0,.4)}.hero-grid,.hero:after{position:absolute;inset:0}.hero-grid{z-index:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}.hero-grid__cell{--cell-tone:#191a19;--cell-warm:rgba(151,116,76,.025);position:relative;overflow:hidden;border-right:1px solid rgba(236,236,231,.06);border-bottom:1px solid rgba(236,236,231,.06);background:linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.006) 38%,transparent 62%),linear-gradient(22deg,var(--cell-warm),transparent 58%),var(--cell-tone);box-shadow:inset 1px 1px 0 rgba(255,255,255,.025),inset -1px -1px 0 rgba(0,0,0,.2);backdrop-filter:blur(7px)}.hero-grid__cell:before{content:"";position:absolute;inset:0;opacity:.07;background:radial-gradient(circle,rgba(236,236,231,.42) 0 .55px,transparent .8px);background-size:4px 4px}.hero-grid__cell:nth-child(12n+2){--cell-tone:#20211f;--cell-warm:rgba(167,128,83,.03)}.hero-grid__cell:nth-child(12n+3){--cell-tone:#141514;--cell-warm:rgba(144,105,67,.018)}.hero-grid__cell:nth-child(12n+4){--cell-tone:#252623;--cell-warm:rgba(177,134,88,.025)}.hero-grid__cell:nth-child(12n+5){--cell-tone:#101110;--cell-warm:rgba(139,101,67,.016)}.hero-grid__cell:nth-child(12n+6){--cell-tone:#222320;--cell-warm:rgba(183,139,91,.03)}.hero-grid__cell:nth-child(12n+7){--cell-tone:#191a18;--cell-warm:rgba(158,117,76,.022)}.hero-grid__cell:nth-child(12n+8){--cell-tone:#0e0f0e;--cell-warm:rgba(126,91,61,.014)}.hero-grid__cell:nth-child(12n+9){--cell-tone:#1e1f1d;--cell-warm:rgba(168,126,81,.028)}.hero-grid__cell:nth-child(12n+10){--cell-tone:#121312;--cell-warm:rgba(139,101,67,.018)}.hero-grid__cell:nth-child(12n+11){--cell-tone:#252623;--cell-warm:rgba(185,143,94,.03)}.hero-grid__cell:nth-child(12n+12){--cell-tone:#171816;--cell-warm:rgba(153,112,73,.02)}.hero__statement{position:absolute;z-index:2;top:22%;left:50%;width:min(330px,76vw);translate:-50% 0;text-align:center;font-size:clamp(15px,1.15vw,21px);font-weight:500;line-height:1.34;letter-spacing:-.012em;text-wrap:balance}.hero__statement p{margin:0}.hero__statement-secondary{margin-top:28px!important;color:var(--paper-muted)}.light .hero__statement-secondary{color:#575754}.hero__meta{z-index:3;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;padding:0 var(--page-x) 16px;color:var(--paper-muted);font:500 10px/1.2 var(--font-mono),var(--font-cjk),monospace;letter-spacing:.06em;text-transform:uppercase}.hero__meta a{display:flex;align-items:center;gap:8px}.hero h1{z-index:3;display:block;width:102%;margin:0 0 -.14em -1%;color:var(--paper);font-family:var(--font-display),var(--font-inter),sans-serif;font-size:clamp(104px,21vw,430px);font-weight:800;line-height:.72;letter-spacing:-.085em;text-align:center;white-space:nowrap}.light .hero h1{color:var(--ink)}.about{--avatar-tone-0:#171b1b;--avatar-tone-1:#242b2b;--avatar-tone-2:#343e3d;--avatar-tone-3:#4b5956;--avatar-tone-4:#63716c;--avatar-tone-5:#7d8982;--avatar-tone-6:#9ca79d;--avatar-tone-7:#bbc2b7;min-height:1040px}.about__grid{display:grid;grid-template-columns:1fr 1.2fr;min-height:720px;padding:100px var(--page-x) 120px}.about__aside{align-self:center;justify-self:center;width:clamp(150px,17vw,250px)}.about__avatar{display:block;width:100%;aspect-ratio:1;margin:0;cursor:cell;transform:perspective(720px) rotateX(5deg) rotateY(-11deg) rotate(-1.5deg);transition:transform var(--dur-base) var(--ease-out-expo)}.about__avatar:hover{transform:perspective(720px) rotateX(7deg) rotateY(-14deg) rotate(-2deg) scale(1.015)}.about__copy{max-width:730px;align-self:center}.about__copy>p{margin:0 0 35px;font-size:clamp(34px,3.45vw,67px);font-weight:650;line-height:1.12;letter-spacing:-.025em;text-wrap:balance;white-space:pre-line}.about__copy>p:first-child{margin-bottom:0}.about__tagline{display:block;margin-top:.32em;font-size:clamp(18px,2.15vw,42px);font-weight:500;line-height:1.2;letter-spacing:-.035em;white-space:nowrap}.about__copy>.about__note{max-width:270px;margin:34px 0 0;color:var(--paper-muted);font-size:clamp(14px,1.1vw,18px);font-weight:400;line-height:1.55;letter-spacing:.005em;opacity:.72;text-wrap:pretty}.marquee{position:absolute;bottom:-2.5vw;left:0;width:100%;overflow:hidden;border-top:1px solid var(--line-dark)}.marquee div{display:flex;width:-moz-max-content;width:max-content;animation:marquee 22s linear infinite}.marquee span{padding-right:.3em;font-size:clamp(110px,15vw,288px);font-weight:750;line-height:.8;letter-spacing:-.02em;white-space:nowrap}@keyframes marquee{to{transform:translateX(-50%)}}.skills{padding-bottom:80px}.skills__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.4fr);gap:6vw;padding:90px var(--page-x) 120px}.skills__intro h2{margin:0;font-size:clamp(48px,6.2vw,112px);font-weight:650;line-height:1.04;letter-spacing:-.035em;text-wrap:balance}.skills__intro p{align-self:end;max-width:390px;margin:0;font-size:18px;line-height:1.55;letter-spacing:0;font-weight:400;text-wrap:pretty}.skills__verse{display:block;margin-bottom:14px;color:inherit;font-family:var(--font-cjk),serif;font-size:.9em;line-height:1.5}.prototype-workspace__group{border:0;background:transparent}.prototype-workspace__canvas{position:relative;overflow:hidden;padding:0;background:transparent}.prototype-workspace__icon-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:clamp(8px,1.2vw,18px);padding:clamp(12px,1.9vw,28px);transform:none}.prototype-workspace__icon-grid>span{position:relative;display:block;min-width:0;min-height:0;opacity:.96;animation:tool-icon-in var(--dur-slow) var(--ease-out-expo) both;animation-delay:calc(var(--i, 0) * 36ms)}@keyframes tool-icon-in{0%{opacity:0;transform:scale(.92)}to{opacity:.96;transform:scale(1)}}.prototype-workspace__icon-grid img,.prototype-workspace__tool img{-o-object-fit:contain;object-fit:contain}.prototype-workspace__tool img{width:clamp(27px,2.5vw,38px);height:clamp(27px,2.5vw,38px)}.prototype-workspace__separator{flex-basis:1px;background:rgba(236,234,228,.18)}.prototype-workspace__separator:after,.skills .skill-window--6.is-active .skill-window__copy{display:none}.motion-blinds{position:absolute;z-index:5;inset:0;overflow:hidden;border:0;background:#8a73bd;color:#17131f;isolation:isolate;perspective:900px;opacity:0;pointer-events:none;transition:opacity var(--dur-fast) ease}.skills .skill-window--6.is-active .motion-blinds{opacity:1;pointer-events:auto}.motion-blinds__content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:clamp(22px,3vw,48px);background:#17131f;color:#f5f1ea}.motion-blinds__content>span{margin-bottom:auto;font:500 9px/1 var(--font-mono),var(--font-cjk),monospace;letter-spacing:.14em;opacity:.56}.motion-blinds__content strong{max-width:72%;font-size:clamp(47px,5.8vw,104px);font-weight:590;letter-spacing:-.1em;line-height:.9}.motion-blinds__content p{max-width:300px;margin:18px 0 0 auto;font-size:12px;line-height:1.6;opacity:.72}.motion-blinds__slats{position:absolute;z-index:2;inset:0;display:grid;grid-template-rows:repeat(9,1fr);transform-style:preserve-3d}.motion-blinds__slats i{display:block;border-top:1px solid rgba(23,19,31,.24);background:linear-gradient(90deg,#b5a2dc,#a28fcf 48%,#8c78bc);box-shadow:inset 0 1px rgba(255,255,255,.2),0 5px 12px rgba(35,25,55,.12);transform:rotateX(0deg);transform-origin:50% 0;transition:transform var(--dur-slow) var(--ease-out-expo),opacity var(--dur-base) ease;transition-delay:calc((8 - var(--slat)) * 38ms)}.motion-blinds.is-open .motion-blinds__slats i{opacity:.05;transform:rotateX(-76deg) translateY(-8px);transition-delay:calc(var(--slat) * 38ms)}.motion-blinds__closed-title{position:absolute;z-index:3;right:clamp(18px,2.5vw,38px);bottom:clamp(48px,6vw,82px);font-size:clamp(46px,5.4vw,96px);font-weight:590;letter-spacing:-.1em;line-height:.9;transition:opacity var(--dur-fast) ease,transform var(--dur-base) var(--ease-out-expo)}.motion-blinds.is-open .motion-blinds__closed-title{opacity:0;transform:translateY(8px)}@media (max-width:600px){.prototype-workspace__icon-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.motion-blinds__content strong{max-width:100%}}.skills .skill-window--5 .prototype-workspace__title{position:absolute;z-index:6;top:calc(clamp(26px, 2.7vw, 42px) + 8px);right:calc(clamp(22px, 2.6vw, 42px) + 5px);margin:0;color:#fffefa;font-size:clamp(24px,3vw,52px);font-weight:590;letter-spacing:-.02em;line-height:.9}.skills .skill-window--5 .prototype-workspace__hint{color:rgba(236,234,228,.48)}.skills .skill-window--1 .backend-orbit{background:radial-gradient(ellipse at 28% 48%,rgba(66,146,255,.28),transparent 32%),radial-gradient(ellipse at 75% 18%,rgba(40,83,226,.35),transparent 44%),#0a2fa8}.skills .skill-window--1 .backend-orbit__stars{background-image:radial-gradient(circle at 4% 18%,rgba(216,239,255,.82) 0 1px,transparent 1.5px),radial-gradient(circle at 12% 70%,rgba(176,216,255,.52) 0 1px,transparent 1.5px),radial-gradient(circle at 28% 10%,rgba(192,225,255,.48) 0 1px,transparent 1.5px),radial-gradient(circle at 42% 42%,rgba(216,239,255,.72) 0 1px,transparent 1.5px),radial-gradient(circle at 58% 16%,rgba(192,225,255,.45) 0 1px,transparent 1.5px),radial-gradient(circle at 72% 66%,rgba(212,238,255,.66) 0 1px,transparent 1.5px),radial-gradient(circle at 92% 28%,rgba(185,222,255,.56) 0 1px,transparent 1.5px),radial-gradient(circle at 86% 88%,rgba(185,222,255,.42) 0 1px,transparent 1.5px)}.skills .skill-window--1 .backend-orbit__grid i{background:linear-gradient(180deg,transparent,rgba(204,229,255,.24) 8%,rgba(204,229,255,.24) 92%,transparent)}.skills .skill-window--1 .backend-orbit__light{background:radial-gradient(circle,rgba(225,244,255,.96) 0,rgba(106,184,255,.46) 19%,rgba(35,100,255,.14) 48%,transparent 72%);filter:blur(4px)}.skills .skill-window--1 .backend-orbit__earth{background-image:linear-gradient(100deg,rgba(31,116,255,.08) 26%,rgba(2,17,76,.72) 72%,#051441),url(/images/skills/earth-at-night.jpg);box-shadow:inset 18px 3px 18px rgba(128,196,255,.68),inset -32px -14px 44px rgba(1,8,38,.94),0 0 0 1px rgba(194,225,255,.34);filter:grayscale(1) sepia(.7) hue-rotate(172deg) saturate(2.1) contrast(1.16) brightness(.86);animation:frontend-earth-drift 18s ease-in-out infinite alternate}.skills .skill-window--1 .backend-orbit__earth:after{border-color:rgba(177,220,255,.26)}.skills .skill-window--1 .backend-orbit__label{color:rgba(221,241,255,.56)}.skills .skill-window--1.is-active .skill-window__copy h3{color:#f4f7ff;letter-spacing:-.012em!important}.skills .skill-window.is-active .skill-window__copy h3:not(.skill-window__grid-title){letter-spacing:-.012em!important}.backend-stack__title{letter-spacing:-.01em!important}.motion-blinds__closed-title,.motion-blinds__content strong{letter-spacing:-.025em}@keyframes frontend-earth-drift{0%{background-position:50%,42% 48%}to{background-position:50%,62% 48%}}.skills .skill-window--5.is-active .skill-window__copy,.skills .skill-window--7.is-active .skill-window__copy{display:none}.prototype-workspace{position:absolute;z-index:5;inset:clamp(24px,2.7vw,44px);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity var(--dur-fast) ease,transform var(--dur-base) var(--ease-out-expo)}.skill-window.is-active .prototype-workspace{opacity:1;pointer-events:auto;transform:none}.prototype-workspace__group{height:100%;overflow:hidden;border:1px solid rgba(18,21,13,.58)}.prototype-workspace__canvas{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;height:100%;padding:clamp(18px,2vw,34px);border-right:0;background:rgba(245,243,231,.92);color:#17170e;transition:background-color var(--dur-fast) ease}.prototype-workspace__canvas.is-drop-target,.skills .skill-window--5 .prototype-workspace__canvas.is-drop-target{background:#f6f2e5;box-shadow:inset 0 0 0 1px rgba(18,21,13,.58)}.prototype-workspace__canvas span{font:500 9px/1.2 var(--font-mono),var(--font-cjk),monospace;letter-spacing:.12em;text-transform:uppercase}.prototype-workspace__separator{position:relative;flex:0 0 12px;cursor:col-resize}.prototype-workspace__separator:after{position:absolute;top:50%;left:50%;width:1px;height:34px;background:rgba(18,21,13,.64);content:"";transform:translate(-50%,-50%)}.prototype-workspace__tools{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;height:100%;padding:clamp(13px,1.4vw,20px);gap:7px}.prototype-workspace__tool{width:100%;padding:10px 0;border:0;border-top:1px solid rgba(18,21,13,.42);background:transparent;color:inherit;cursor:grab;font:600 clamp(13px,1.35vw,19px)/1 var(--font-cjk),sans-serif;letter-spacing:-.04em;text-align:left;transition:padding-left var(--dur-fast) ease,background-color var(--dur-fast) ease}.prototype-workspace__tool:last-child{border-bottom:1px solid rgba(18,21,13,.42)}.prototype-workspace__tool.is-selected,.prototype-workspace__tool:hover{padding-left:9px;background:rgba(18,21,13,.1)}.prototype-workspace__tool.is-dragging{cursor:grabbing;opacity:.35}@media (max-width:600px){.prototype-workspace{inset:20px}.prototype-workspace__tool{font-size:13px}}.release-sequence{inset:clamp(24px,2.7vw,44px);display:grid;grid-template-rows:auto 1fr auto;transform:translateY(8px);transition:opacity var(--dur-fast) ease,transform var(--dur-base) var(--ease-out-expo)}.skill-window.is-active .release-sequence{pointer-events:auto;transform:none}@media (max-width:600px){.release-sequence{inset:20px}}.release-sequence{position:absolute;z-index:5;inset:0;display:block;overflow:hidden;opacity:0;pointer-events:none;transform:none;transition:opacity var(--dur-base) var(--ease-out-expo)}.skill-window.is-active .release-sequence{opacity:1;pointer-events:none}.release-sequence__plane{position:absolute;top:-7%;left:-4%;display:grid;width:102%;height:112%;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(9px,1.3vw,20px);padding:clamp(18px,2.2vw,36px);perspective:900px;transform:perspective(900px) rotateX(58deg) rotate(34deg) scale(1.14);transform-origin:48% 49%;mask-image:linear-gradient(135deg,#000 3%,rgba(0,0,0,.95) 28%,rgba(0,0,0,.2) 78%,transparent);-webkit-mask-image:linear-gradient(135deg,#000 3%,rgba(0,0,0,.95) 28%,rgba(0,0,0,.2) 78%,transparent)}.release-sequence__mark{position:relative;display:grid;min-width:0;min-height:0;grid-template-columns:1.1fr 1fr;grid-template-rows:repeat(2,1fr);gap:clamp(3px,.38vw,7px);padding:clamp(5px,.65vw,11px);background:rgba(243,240,233,.07);box-shadow:0 14px 0 rgba(243,240,233,.035);transform:translateZ(0);transform-style:preserve-3d}.release-sequence__mark:after{position:absolute;inset:0;border:1px solid rgba(243,240,233,.18);background:rgba(243,240,233,.025);content:"";transform:translateZ(-9px)}.release-sequence__mark i{display:block;min-width:0;background:rgba(243,240,233,.52);border-radius:clamp(3px,.45vw,8px)}.release-sequence__mark i:first-child{grid-row:span 2}.release-sequence__mark i:nth-child(2){border-radius:clamp(3px,.45vw,8px) clamp(3px,.45vw,8px) clamp(1px,.25vw,4px) clamp(1px,.25vw,4px)}.release-sequence__mark i:nth-child(3){border-radius:clamp(1px,.25vw,4px) clamp(1px,.25vw,4px) clamp(3px,.45vw,8px) clamp(3px,.45vw,8px)}.release-sequence__mark:nth-child(3n+2){transform:translateZ(16px)}.release-sequence__mark:nth-child(4n){transform:translateZ(30px)}.release-sequence__mark:nth-child(n+13){opacity:.54}.release-sequence__title{position:absolute;z-index:2;right:clamp(24px,3.4vw,54px);bottom:clamp(20px,2.8vw,44px);color:#f3f0e9;font-size:clamp(68px,7.4vw,128px);font-weight:560;letter-spacing:-.01em;line-height:.82;white-space:nowrap}@media (max-width:600px){.release-sequence__plane{width:145%;height:105%;transform:perspective(650px) rotateX(57deg) rotate(34deg) scale(1.1);transform-origin:42% 45%}.release-sequence__title{font-size:clamp(54px,14vw,82px)}}.skill-window--2.is-active .backend-flow{opacity:1;pointer-events:auto;transform:none}.backend-orbit,.skills .skill-window--2.is-active .skill-window__copy{pointer-events:none}.backend-orbit{position:absolute;z-index:2;inset:0;overflow:hidden;opacity:0;transition:opacity var(--dur-base) ease}.skill-window--2.is-active .backend-orbit{opacity:1}.backend-orbit__stars{position:absolute;inset:0;background-image:radial-gradient(circle at 4% 18%,rgba(243,241,235,.75) 0 1px,transparent 1.5px),radial-gradient(circle at 12% 70%,rgba(243,241,235,.42) 0 1px,transparent 1.5px),radial-gradient(circle at 28% 10%,rgba(243,241,235,.38) 0 1px,transparent 1.5px),radial-gradient(circle at 42% 42%,rgba(243,241,235,.62) 0 1px,transparent 1.5px),radial-gradient(circle at 58% 16%,rgba(243,241,235,.38) 0 1px,transparent 1.5px),radial-gradient(circle at 72% 66%,rgba(243,241,235,.56) 0 1px,transparent 1.5px),radial-gradient(circle at 92% 28%,rgba(243,241,235,.5) 0 1px,transparent 1.5px),radial-gradient(circle at 86% 88%,rgba(243,241,235,.35) 0 1px,transparent 1.5px);opacity:.68}.backend-orbit__grid{position:absolute;inset:0;display:flex;justify-content:space-between;padding-inline:13%}.backend-orbit__grid i{display:block;width:1px;height:100%;background:linear-gradient(180deg,transparent,rgba(243,241,235,.13) 8%,rgba(243,241,235,.13) 92%,transparent)}.backend-orbit__light{top:42%;left:23%;width:clamp(90px,13vw,200px);background:radial-gradient(circle,rgba(244,246,250,.9) 0,rgba(202,211,226,.34) 19%,rgba(135,150,177,.08) 48%,transparent 72%);filter:blur(3px)}.backend-orbit__earth,.backend-orbit__light{position:absolute;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%)}.backend-orbit__earth{top:46%;left:30%;width:clamp(230px,33vw,505px);overflow:hidden;background-image:linear-gradient(100deg,rgba(1,2,4,.02) 26%,rgba(1,2,4,.76) 72%,#010204),url(/images/skills/earth-at-night.jpg);background-position:50%,52% 48%;background-size:cover,210% 100%;box-shadow:inset 18px 3px 18px rgba(239,243,249,.48),inset -32px -14px 44px rgba(0,0,0,.92),0 0 0 1px rgba(243,241,235,.16);filter:grayscale(.86) contrast(1.18) brightness(.78)}.backend-orbit__earth:after{position:absolute;inset:-10%;border:1px solid rgba(243,241,235,.12);border-radius:50%;content:"";transform:rotate(-10deg) scaleY(.24)}.backend-orbit__label{position:absolute;top:24%;right:14%;color:rgba(243,241,235,.38);font:500 9px/1 var(--font-mono),var(--font-cjk),monospace;letter-spacing:.17em}.skills .skill-window--2.is-active .skill-window__copy{z-index:4}.skills .skill-window--2.is-active .skill-window__heading{grid-column:8/13;grid-row:3/6;align-items:end;background:transparent}.skills .skill-window--2.is-active .skill-window__copy h3{color:#f3f1eb;font-size:clamp(58px,6.4vw,112px)!important;letter-spacing:-.02em}@media (max-width:600px){.backend-orbit__earth{left:35%;width:88vw}.backend-orbit__light{left:26%}.skills .skill-window--2.is-active .skill-window__heading{grid-column:3/13;grid-row:6/8}}.skill-window--1.is-active .backend-orbit{opacity:1}.skills .skill-window--1.is-active .skill-window__copy{z-index:4}.skills .skill-window--1.is-active .skill-window__heading{grid-column:8/13;grid-row:3/6;align-items:end;background:transparent}.skills .skill-window--1.is-active .skill-window__copy h3{color:#f3f1eb;font-size:clamp(58px,6.4vw,112px)!important;letter-spacing:-.02em}.skills .skill-window--2.is-active .skill-window__copy{display:none}.backend-stack{position:absolute;z-index:4;inset:0;overflow:hidden;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 50% 62%,rgba(62,21,18,.1),transparent 48%),#050506;transition:opacity var(--dur-base) ease}.skill-window--2.is-active .backend-stack{opacity:1}.skills .skill-window--4.is-active .skill-window__copy{display:none;display:grid!important;opacity:1;pointer-events:auto;background-image:linear-gradient(90deg,transparent calc(16.666% - .5px),rgba(21,21,19,.14) calc(16.666% - .5px),rgba(21,21,19,.14) calc(16.666% + .5px),transparent calc(16.666% + .5px)),linear-gradient(90deg,transparent calc(66.666% - .5px),rgba(21,21,19,.11) calc(66.666% - .5px),rgba(21,21,19,.11) calc(66.666% + .5px),transparent calc(66.666% + .5px)),linear-gradient(180deg,transparent calc(66.666% - .5px),rgba(21,21,19,.11) calc(66.666% - .5px),rgba(21,21,19,.11) calc(66.666% + .5px),transparent calc(66.666% + .5px))}.skills .skill-window--4.is-active .skill-window__grid-title span{font-family:var(--font-cjk),sans-serif;font-weight:560;letter-spacing:-.1em}.backend-stack__title{position:absolute;top:46%;left:50%;color:rgba(243,241,235,.42);font-size:clamp(60px,7.1vw,122px);font-weight:570;letter-spacing:-.02em;line-height:.9;white-space:pre;transform:translate(-50%,-50%)}.skills .skill-window--2.is-active .backend-stack{background:#030304}.backend-stack__motion{position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;mix-blend-mode:screen;filter:hue-rotate(7deg) saturate(.88) contrast(1.025);pointer-events:none}.backend-stack__title{z-index:1;color:#f8f7f2;letter-spacing:-.035em;text-shadow:0 0 22px rgba(255,255,252,.12)}@media (prefers-reduced-motion:reduce){.backend-stack__motion{animation-play-state:paused}}.window-switcher{display:flex;gap:4px;padding:0 var(--page-x) 14px;overflow-x:auto;scrollbar-width:none}.window-switcher::-webkit-scrollbar{display:none}.window-switcher button{flex:0 0 auto;padding:9px 12px;border:1px solid transparent;background:transparent;color:rgba(11,11,11,.56);cursor:pointer;font:500 11px/1 var(--font-mono),var(--font-cjk),monospace;letter-spacing:.04em;transition:background-color var(--dur-fast) ease,color var(--dur-fast) ease,border-color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-out-expo)}.window-switcher button:not(.is-active):hover{transform:translateY(-1px) scale(1.14) rotate(-3deg)}.window-switcher button span{margin-right:8px;opacity:.58}.window-switcher button.is-active,.window-switcher button:hover{border-color:currentColor;background:var(--ink);color:var(--paper)}.light .window-switcher button{color:rgba(236,236,231,.56)}.light .window-switcher button.is-active,.light .window-switcher button:hover{background:var(--paper);color:var(--ink)}.window-switcher button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.window-stage{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(108px,8.6vw,138px);grid-auto-flow:row dense;gap:0;padding:0 var(--page-x)}.interests{min-height:1100px;padding-bottom:230px}.interests__layout{display:grid;grid-template-columns:1fr 380px;gap:6vw;padding:100px var(--page-x) 60px 34%}.interests__list{position:relative;z-index:2}.interests__list button{width:100%;display:flex;align-items:baseline;justify-content:space-between;padding:0;background:transparent;color:#41413f;cursor:pointer;text-align:left;font-size:clamp(32px,3.8vw,66px);font-weight:500;line-height:1.12;letter-spacing:-.025em;transition:color var(--dur-fast) ease,transform var(--dur-fast) ease}.interests__list button.is-active,.interests__list button:hover{color:var(--paper);transform:translateX(-12px)}.light .interests__list button{color:#b7b7b1}.light .interests__list button.is-active,.light .interests__list button:hover{color:var(--ink)}.interests__list small{font:500 10px/1 var(--font-mono),var(--font-cjk),monospace;letter-spacing:.08em}.interest-preview{position:sticky;top:120px;align-self:start}.interest-preview__screen{position:relative;aspect-ratio:.82;display:flex;flex-direction:column;justify-content:space-between;padding:20px;overflow:hidden;color:#fff;background:var(--ink)}.interest-preview__image{position:absolute;inset:0}.interest-preview__image img{-o-object-fit:cover;object-fit:cover;transition:transform var(--dur-base) ease}.interest-preview__screen:hover .interest-preview__image img{transform:scale(1.04)}.interest-preview__screen:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.26),transparent 42%,rgba(0,0,0,.42));pointer-events:none}.interest-preview__screen>span,.interest-preview__screen>strong{position:relative;z-index:1;text-shadow:0 1px 14px rgba(0,0,0,.32)}.interest-preview__screen strong{font-size:clamp(60px,7vw,120px);line-height:.7;letter-spacing:-.09em}.interest-preview p{margin:15px 0 0;color:var(--paper-muted);font-size:14px;line-height:1.55}.journey-type{position:absolute;left:var(--page-x);bottom:-3vw;font-size:clamp(100px,16vw,300px);font-weight:750;line-height:.72;letter-spacing:-.09em;white-space:nowrap}.tags{padding-bottom:130px}.tags__header{justify-content:space-between;padding:100px var(--page-x) 80px}.tags__header,.tags__header-side{display:flex;align-items:flex-end}.tags__header-side{gap:clamp(14px,1.6vw,26px)}.voxel-object{position:relative;display:block;flex:0 0 auto}.voxel-cube{--vs:13px;position:absolute;width:calc(var(--vs) * 2);height:calc(var(--vs) * 2.3)}.voxel-cube i{position:absolute;inset:0;display:block}.voxel-cube__top{background:var(--vc-top,var(--art-ink,#f5f2e9));clip-path:polygon(50% 0,100% 21.8%,50% 43.6%,0 21.8%)}.voxel-cube__left{background:color-mix(in srgb,var(--vc-top,var(--art-ink,#f5f2e9)) 58%,#101210);clip-path:polygon(0 21.8%,50% 43.6%,50% 100%,0 78.2%)}.voxel-cube__right{background:color-mix(in srgb,var(--vc-top,var(--art-ink,#f5f2e9)) 34%,#101210);clip-path:polygon(100% 21.8%,50% 43.6%,50% 100%,100% 78.2%)}.voxel-object--floating{margin-right:clamp(18px,3vw,46px);animation:voxel-float 5.4s var(--ease-out-expo) infinite}@keyframes voxel-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-7px) rotate(3deg)}}.tags__header h2{margin:0;font-size:clamp(64px,10vw,190px);font-weight:600;line-height:.96;letter-spacing:-.035em;text-wrap:balance;white-space:nowrap}.tag-glitch{position:relative;display:inline-block;color:transparent;background:radial-gradient(circle,var(--paper) 0 1.15px,rgba(236,236,231,.28) 1.25px 1.75px,transparent 1.9px);background-size:5px 5px;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:.25px rgba(236,236,231,.35);animation:particle-fill 5s steps(5) infinite}.light .tag-glitch{background:radial-gradient(circle,var(--ink) 0 1.15px,rgba(11,11,11,.28) 1.25px 1.75px,transparent 1.9px);background-size:5px 5px;background-clip:text;-webkit-background-clip:text;-webkit-text-stroke-color:rgba(11,11,11,.35)}@keyframes particle-fill{0%,to{background-position:0 0}50%{background-position:3px 2px}}.tags__header button{display:flex;align-items:center;gap:9px;margin-bottom:10px;padding:11px 14px;border:1px solid;background:transparent;cursor:pointer;font-size:12px}.tag-index{padding:0 var(--page-x);border-top:1px solid var(--line-dark)}.light .tag-index{border-color:var(--line-light)}.tag-index a{display:grid;grid-template-columns:70px 1fr 40px;align-items:center;min-height:86px;border-bottom:1px solid var(--line-dark);transition:padding var(--dur-slow) var(--ease-out-expo),background-color var(--dur-slow) var(--ease-out-expo),color var(--dur-slow) var(--ease-out-expo)}.light .tag-index a{border-color:var(--line-light)}.tag-index a:hover{padding-left:16px;background:var(--paper);color:var(--ink);transition:padding var(--dur-fast) var(--ease-out-expo),background-color var(--dur-fast) ease-out,color var(--dur-fast) ease-out}.light .tag-index a:hover{background:var(--ink);color:var(--paper)}.tag-index small{font:500 10px/1 var(--font-mono),var(--font-cjk),monospace;transition:color var(--dur-fast) ease}.tag-index a:hover small{color:var(--brand-lime)}.tag-index a svg{transition:transform var(--dur-base) var(--ease-out-expo)}.tag-index a:hover svg{transform:translate(3px,-3px)}.tag-index span{font-size:clamp(29px,3.3vw,62px);font-weight:450;line-height:1.16;letter-spacing:-.018em}.tag-index svg{width:22px;justify-self:end}.site-footer{border-top:1px solid var(--line-dark)}.footer-cta{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(340px,28vw,400px);display:flex;flex-direction:column;justify-content:center;padding:44px var(--page-x);background:#070707}.footer-cta:after{content:none}.footer-flow{position:absolute;z-index:4;inset:-76% -8%;overflow:hidden;filter:contrast(1.08);pointer-events:none;mix-blend-mode:difference}.footer-flow svg{display:block;width:100%;height:100%;overflow:visible;transform:scaleY(.7);transform-origin:center}.wave-base{fill:url(#wave-halftone)}.wave-mass{transform-box:fill-box;transform-origin:bottom center;animation:wave-wash 4.9s cubic-bezier(.22,.68,.3,1) infinite}@keyframes wave-wash{0%,to{transform:translateY(58px) scaleY(.96)}38%{transform:translateY(-34px) scaleY(1.04)}68%{transform:translateY(-8px) scaleY(1)}}.footer-cta p{margin:0 0 20px;font:500 11px/1 var(--font-mono),var(--font-cjk),monospace;text-transform:uppercase}.footer-cta a,.footer-cta p{position:relative;z-index:3;color:#fff}.footer-cta a{display:flex;align-items:center;gap:.15em;width:-moz-fit-content;width:fit-content;font-size:clamp(60px,10vw,190px);font-weight:550;line-height:1.04;letter-spacing:-.035em;text-wrap:balance}.footer-cta>a>svg{width:.65em;height:.65em}.footer-grid{display:grid;grid-template-columns:1.1fr .7fr 1fr;gap:8vw;padding:70px var(--page-x) 100px;border-top:1px solid var(--line-dark)}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start}.footer-label{margin-bottom:34px;color:var(--paper-muted);font:500 11px/1 var(--font-mono),var(--font-cjk),monospace;text-transform:uppercase}.footer-grid a:not(.footer-email){font-size:clamp(27px,3vw,52px);line-height:1.3;letter-spacing:-.018em;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 100%;background-size:0 1.5px;transition:background-size var(--dur-slow) var(--ease-out-expo)}.footer-grid a:not(.footer-email):hover{text-decoration:none;background-size:100% 1.5px}.footer-grid p{margin:0 0 32px;color:var(--paper-muted);font-size:17px;line-height:1.3}.footer-email{padding:7px;background:rgba(255,255,255,.08);text-decoration:underline}.footer-bottom{display:grid;grid-template-columns:1fr 1fr auto;padding:18px var(--page-x);border-top:1px solid var(--line-dark);color:var(--paper-muted);font:500 10px/1.2 var(--font-mono),var(--font-cjk),monospace}@media (max-width:900px){:root{--nav-h:64px}.site-nav{grid-template-columns:1fr auto}.site-nav__links{display:none}.project-button{gap:7px}.hero__statement{top:24%}.hero__meta{grid-template-columns:1fr auto}.hero__meta span:nth-child(2){display:none}.about__grid,.footer-grid,.interests__layout,.skills__intro{grid-template-columns:1fr}.about{min-height:900px}.about__grid{gap:90px;padding-top:70px}.about__copy{margin-left:18%}.skills__intro{gap:45px;padding:70px var(--page-x) 80px}.window-stage{display:flex;flex-direction:column;gap:0}.skill-window{order:0!important;min-height:78px}.skill-window.is-active{min-height:520px}.skill-window__copy{top:24px;right:20px;bottom:24px;left:20px}.skill-window--2.is-active .skill-window__detail,.skill-window--3.is-active .skill-window__detail,.skill-window--4.is-active .skill-window__detail,.skill-window--5.is-active .skill-window__detail,.skill-window--6.is-active .skill-window__detail,.skill-window--7.is-active .skill-window__detail,.skill-window.is-active .skill-window__copy>p:not(.skill-window__note){max-width:100%;margin-left:0}.interests__layout{padding:70px var(--page-x) 80px}.interest-preview{position:relative;top:auto;width:min(420px,72vw);margin-left:auto}.footer-grid{gap:65px}}@media (max-width:600px){:root{--page-x:16px}.brand-mark span:last-child,.project-button{display:none}.section-index{grid-template-columns:38px 1fr}.skill-window.is-active{min-height:500px}.skill-window__heading{gap:10px}.skill-window__copy h3{font-size:clamp(34px,9vw,46px)}.skill-window__coordinate{padding-top:.55em;font-size:9px;letter-spacing:.07em}.skill-window__detail{margin-top:30px!important}.hero__statement{width:83vw;font-size:16px}.hero-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr))}.hero-grid__cell:nth-child(n+16){display:none}.hero__meta span:first-child{max-width:120px}.hero h1{font-size:28vw;margin-bottom:-.08em}.about__grid{min-height:700px;padding-bottom:100px}.about__copy{margin-left:0}.about__copy>p{font-size:35px}.marquee span{font-size:90px}.skills__intro h2{font-size:38px;line-height:1.12;letter-spacing:-.018em}.interests{min-height:900px;padding-bottom:160px}.interests__list button{font-size:32px}.interest-preview{width:68vw}.tags__header{align-items:flex-start;flex-direction:column;gap:45px;padding:70px var(--page-x) 55px}.tags__header h2{font-size:48px}.tag-index a{grid-template-columns:42px 1fr 28px;min-height:72px}.footer-cta{min-height:320px;padding-block:36px}.footer-cta a{font-size:58px}.footer-bottom{grid-template-columns:1fr auto;row-gap:12px}.footer-bottom span:nth-child(2){grid-column:1/-1;grid-row:2}}@media (min-width:901px){.hero h1{scale:1 1;transform-origin:center bottom}}@media (max-width:900px){.skills .skill-window.is-active .skill-window__detail,.skills .skill-window.is-active .skill-window__note{max-width:min(72%,430px)!important}.skills .skill-window__heading{margin-top:58px}.skills .skill-window--3.is-active .skill-window__heading,.skills .skill-window--4.is-active .skill-window__heading,.skills .skill-window--7.is-active .skill-window__heading{margin-top:auto}}@media (max-width:600px){.skills .skill-window.is-active{min-height:520px}.skills .skill-window__copy h3{max-width:80%;font-size:clamp(46px,13vw,66px)}.skills .skill-window__coordinate{font-size:7px}.skills .skill-window--4.is-active .skill-window__copy h3{font-size:clamp(62px,17vw,92px)}.skills .skill-window.is-active .skill-window__detail,.skills .skill-window.is-active .skill-window__note{max-width:86%!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.skills .skill-window--5 .prototype-workspace{inset:0;background:radial-gradient(ellipse at 24% 18%,rgba(69,82,103,.19),transparent 46%),radial-gradient(ellipse at 82% 86%,rgba(35,39,47,.42),transparent 48%),#111316}.skills .skill-window--5 .prototype-workspace__group{border:0;background:transparent}.skills .skill-window--5 .prototype-workspace__canvas{height:100%;padding:0;background:transparent;color:#eceae4}.skills .skill-window--5 .prototype-workspace__tools{padding:clamp(28px,3vw,50px) clamp(22px,2.6vw,42px);background:transparent;color:#eceae4}.skills .skill-window--5 .prototype-workspace__tool{display:flex;align-items:center;gap:10px;position:relative;padding:12px 0;border:0;border-top:1px solid rgba(236,234,228,.22);background:transparent;color:rgba(236,234,228,.68)}.skills .skill-window--5 .prototype-workspace__tool:last-child{border-bottom:1px solid rgba(236,234,228,.22)}.skills .skill-window--5 .prototype-workspace__tool.is-selected,.skills .skill-window--5 .prototype-workspace__tool:hover{padding-left:12px;background:transparent;color:#fffefa}.skills .skill-window--5 .prototype-workspace__tool:before{position:absolute;top:50%;left:0;width:2px;height:26px;background:#fffefa;content:"";opacity:0;transform:translateY(-50%) scaleY(0);transform-origin:50% 100%;transition:transform var(--dur-fast) var(--ease-out-expo),opacity var(--dur-fast) ease}.skills .skill-window--5 .prototype-workspace__tool.is-selected:before{opacity:1;transform:translateY(-50%) scaleY(1)}.skills .skill-window--5 .prototype-workspace__separator{flex-basis:1px;background:rgba(236,234,228,.18)}.skills .skill-window--5 .prototype-workspace__separator:after{display:none}@media (max-width:600px){.skills .skill-window--2 .skill-window__copy,.skills .skill-window--5 .skill-window__copy,.skills .skill-window--6 .skill-window__copy,.skills .skill-window--7 .skill-window__copy{display:none!important}.window-switcher{display:none}.window-stage{display:flex;flex-direction:column;gap:0;padding:0 var(--page-x)}.skills .skill-window,.skills .skill-window.is-active{order:0!important;width:100%;min-height:0;padding:0;border-color:color-mix(in srgb,var(--art-ink) 25%,transparent);box-shadow:none}.skills .skill-window--1{height:min(118vw,460px)}.skills .skill-window--2{height:min(82vw,320px)}.skills .skill-window--3{height:min(70vw,274px)}.skills .skill-window--4{height:min(91vw,355px)}.skills .skill-window--5{height:min(98vw,382px)}.skills .skill-window--6{height:min(79vw,308px)}.skills .skill-window--7{height:min(74vw,288px)}.skills .skill-window--1 .backend-orbit,.skills .skill-window--2 .backend-stack,.skills .skill-window--5 .prototype-workspace,.skills .skill-window--6 .motion-blinds,.skills .skill-window--7 .release-sequence{opacity:1;pointer-events:auto;transform:none}.skills .skill-window--3 .skill-window__art{display:block}.skills .skill-window--4 .skill-window__copy{display:grid!important;opacity:1;pointer-events:auto;transform:none}.skills .skill-window__mini-metric,.skills .skill-window__mini-title,.skills .skill-window__number{display:none}.skills .skill-window.is-active .skill-window__copy,.skills .skill-window__copy{top:18px;right:18px;bottom:16px;left:18px;display:flex;opacity:1;pointer-events:auto;transform:none}.skills .skill-window--1.is-active .skill-window__heading,.skills .skill-window--2.is-active .skill-window__heading,.skills .skill-window--3.is-active .skill-window__heading,.skills .skill-window--4.is-active .skill-window__heading,.skills .skill-window__heading{margin-top:auto;margin-bottom:0;justify-content:flex-start}.skills .skill-window.is-active .skill-window__copy h3,.skills .skill-window__copy h3{max-width:100%;font-size:clamp(40px,12vw,58px);line-height:.92;white-space:nowrap}.skills .skill-window--3 .skill-window__copy h3{color:#f4f1e9}.skills .skill-window--4 .skill-window__copy h3{font-size:clamp(57px,17vw,78px)}.skills .skill-window__coordinate,.skills .skill-window__detail,.skills .skill-window__note,.skills .skill-window__secret{display:none!important}.skills .skill-window--4 .skill-window__microgrid{opacity:.34}.skills .skill-window--5 .prototype-workspace{inset:0}.skills .skill-window--5 .prototype-workspace__title{top:22px;right:20px;font-size:28px}.skills .skill-window--5 .prototype-workspace__tools{padding:76px 18px 18px}.skills .skill-window--5 .prototype-workspace__tool{padding:9px 0}.skills .skill-window--5 .prototype-workspace__tool img{width:30px;height:30px}.skills .skill-window--5 .prototype-workspace__icon-grid{padding:16px;gap:6px}.skills .skill-window--6 .motion-blinds__content{padding:20px}.skills .skill-window--6 .motion-blinds__closed-title,.skills .skill-window--6 .motion-blinds__content strong{font-size:clamp(43px,12vw,58px)}.skills .skill-window--6 .motion-blinds__content p{display:none}.skills .skill-window--7 .release-sequence__title{right:18px;bottom:18px;font-size:clamp(50px,14vw,72px)}}.hover\:border-primary:hover{border-color:hsl(var(--primary))}@media (min-width:768px){.md\:bottom-8{bottom:2rem}.md\:right-8{right:2rem}.md\:block{display:block}}