*,: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}.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}.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 .35s ease,color .35s ease,box-shadow .35s ease}.skills .skill-window--1{--art-bg:#1d4de8;--art-ink:#f6f4ed}.skills .skill-window--2{--art-bg:#d95035;--art-ink:#1a1612}.skills .skill-window--3{--art-bg:#102541;--art-ink:#f2f0ea}.skills .skill-window--4{--art-bg:#e7e2d6}.skills .skill-window--5{--art-bg:#c9dc31;--art-ink:#12150d}.skills .skill-window--6{--art-bg:#8b61d5;--art-ink:#f6f2ea}.skills .skill-window--7{--art-bg:#121212;--art-ink:#f2f0e9}.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: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 .75s cubic-bezier(.16,1,.3,1),opacity .35s 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 .9s cubic-bezier(.16,1,.3,1),filter .45s 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 .8s cubic-bezier(.16,1,.3,1)}.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%,#d7f045 0 4px,transparent 4.5px),radial-gradient(circle at 49% 48%,#d7f045 0 4px,transparent 4.5px),radial-gradient(circle at 79% 30%,#d7f045 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:#d7f045}.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 .28s ease,transform .42s cubic-bezier(.16,1,.3,1)}.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:-.08em}.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}.skills .skill-window--1{--art-bg:#2447d7;--art-ink:#f5f2eb}.skills .skill-window--2{--art-bg:#d94a32;--art-ink:#171411}.skills .skill-window--3{--art-bg:#e5a33d;--art-ink:#17130f}.skills .skill-window--5{--art-bg:#cbd63a;--art-ink:#15170e}.skills .skill-window--6{--art-bg:#a68ed5;--art-ink:#17131f}.skills .skill-window--7{--art-bg:#151515;--art-ink:#f3f0e9}.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:-.095em;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}.skill-window__mac{position:absolute;z-index:2;inset:14px;display:grid;grid-template-rows:28px 1fr;overflow:hidden;border:1px solid rgba(16,24,37,.66);border-radius:9px;background:#101825;box-shadow:0 14px 28px rgba(17,16,12,.2);opacity:0;transform:translateY(8px) scale(.97);transition:opacity .35s ease,transform .55s cubic-bezier(.16,1,.3,1)}.skill-window.is-active .skill-window__mac{inset:clamp(28px,3.2vw,54px) clamp(30px,4vw,72px);opacity:1;transform:none}.skill-window__mac-bar{position:relative;display:flex;align-items:center;gap:5px;padding:0 11px;border-bottom:1px solid rgba(239,238,232,.16);background:rgba(10,16,25,.96)}.skill-window__mac-bar>span{width:7px;height:7px;border-radius:50%;background:#e95b43}.skill-window__mac-bar>span:nth-child(2){background:#f0ad3f}.skill-window__mac-bar>span:nth-child(3){background:#78be5b}.skill-window__mac-bar p{position:absolute;right:0;left:0;margin:0;color:rgba(239,238,232,.55);font:500 8px/1 var(--font-mono),monospace;letter-spacing:.14em;text-align:center}.skill-window__mac-body{position:relative;min-height:0;overflow:hidden;background:#15253d}.skill-window__mac-body>img{-o-object-fit:cover;object-fit:cover;filter:saturate(.68) contrast(1.08)}.skill-window__mac-body:after{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,15,26,.82),rgba(7,15,26,.06) 68%);content:""}.skill-window__mac-body strong,.skill-window__mac-label{position:absolute;z-index:1;left:clamp(14px,2vw,28px);color:#f5f1e9}.skill-window__mac-label{top:clamp(14px,2vw,26px);font:500 9px/1 var(--font-mono),monospace;letter-spacing:.12em;opacity:.7}.skill-window__mac-body strong{right:clamp(14px,2vw,28px);bottom:clamp(14px,2vw,28px);font-size:clamp(30px,3.8vw,64px);font-weight:560;line-height:.96;letter-spacing:-.07em}.prototype-windows{position:absolute;z-index:2;inset:clamp(26px,3vw,52px) clamp(30px,4vw,72px);opacity:0;transform:translateY(10px);transition:opacity .32s ease,transform .55s cubic-bezier(.16,1,.3,1)}.skill-window.is-active .prototype-windows{opacity:1;transform:none}.prototype-window{position:absolute;overflow:hidden;border:1px solid rgba(15,20,13,.72);border-radius:8px;background:#f5f1e7;box-shadow:0 14px 24px rgba(25,30,12,.19)}.prototype-window__bar{position:relative;display:flex;height:25px;align-items:center;gap:4px;padding:0 9px;border-bottom:1px solid rgba(16,20,12,.16);background:#131712}.prototype-window__bar>span{width:6px;height:6px;border-radius:50%;background:#e96349}.prototype-window__bar>span:nth-child(2){background:#efb445}.prototype-window__bar>span:nth-child(3){background:#71b760}.prototype-window__bar p{position:absolute;right:0;left:0;margin:0;color:rgba(245,241,231,.52);font:500 7px/1 var(--font-mono),monospace;letter-spacing:.13em;text-align:center}.prototype-window--canvas{z-index:2;top:6%;right:10%;bottom:8%;left:7%}.prototype-canvas{position:relative;height:calc(100% - 25px);overflow:hidden;background:#f5f1e7}.prototype-canvas__label{position:absolute;top:12%;left:10%;color:rgba(20,23,16,.44);font:500 8px/1 var(--font-mono),monospace;letter-spacing:.11em}.prototype-canvas__shape{position:absolute;display:block;background:#c9dc31}.prototype-canvas__shape--one{top:29%;right:13%;width:30%;aspect-ratio:1}.prototype-canvas__shape--two{bottom:11%;left:9%;width:48%;height:13%;background:#171a13}.prototype-canvas strong{position:absolute;z-index:2;right:8%;bottom:31%;left:8%;color:#171a13;font-size:clamp(26px,3.2vw,52px);font-weight:560;line-height:.94;letter-spacing:-.07em}.prototype-window--layers{z-index:3;top:18%;right:-3%;width:29%;min-height:38%}.prototype-layers{display:grid;gap:7px;padding:13px 10px;color:rgba(20,23,16,.72);font:500 8px/1 var(--font-mono),monospace}.prototype-layers span{padding-bottom:6px;border-bottom:1px solid rgba(20,23,16,.13)}.prototype-window--inspect{z-index:4;right:5%;bottom:-2%;width:27%;min-height:27%}.prototype-inspect{display:grid;gap:7px;padding:12px 10px}.prototype-inspect span{display:block;height:5px;background:rgba(20,23,16,.16)}.prototype-inspect span:nth-child(2){width:66%}.prototype-inspect span:nth-child(3){width:42%}*{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(--paper);color:var(--ink)}::selection{background:var(--paper);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(50px,8vw) 1fr;gap:1rem;padding:22px 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--dark{border-color:var(--line-light)}.site-nav{position:fixed;z-index:100;top:0;left:0;width: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 .25s ease,color .25s ease,border-color .25s 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}.site-nav__links button:hover{text-decoration:underline;text-underline-offset:4px}.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 .45s cubic-bezier(.16,1,.3,1)}.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}.signature-row{display:flex;align-items:center;gap:12px;margin-top:42px;font-size:12px;line-height:1.2}.signature-row small{color:var(--paper-muted)}.avatar-monogram{width:34px;height:34px;display:grid;place-items:center;border:1px solid;border-radius:50%}.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:-.075em;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}.skill-list{padding:0 var(--page-x)}.skill-case{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.85fr);gap:22px;min-height:540px;padding:46px 0;border-top:1px solid var(--line-light)}.skill-case--motion,.skill-case--reverse{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr)}.skill-case--motion .skill-case__visual,.skill-case--reverse .skill-case__visual{order:2}.skill-case--motion .skill-case__content,.skill-case--reverse .skill-case__content{order:1}.skill-case--tools{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);min-height:460px}.skill-case--type{grid-template-columns:1fr;min-height:0}.skill-case--type .skill-case__visual{min-height:clamp(340px,36vw,480px)}.skill-case--type .skill-case__content{min-height:250px;max-width:760px;padding-top:30px}.skill-case--release{grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);min-height:420px}.skill-case--release .skill-case__visual{order:2;min-height:390px}.skill-case--release .skill-case__content{order:1;min-height:390px}.light .skill-case{border-color:var(--line-dark)}.skill-case__visual{position:relative;min-height:480px;overflow:hidden;display:grid;place-items:center;background:#161616;color:#ecece7}.light .skill-case__visual{background:#d7d7d0;color:#0b0b0b}.skill-case:nth-child(2n) .skill-case__visual{background:#c9c9c2;color:#0b0b0b}.light .skill-case:nth-child(2n) .skill-case__visual{background:#191919;color:#ecece7}.skill-case__visual:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 11.9%,currentColor 12%);opacity:.08}.skill-case__visual img{position:absolute;z-index:2;top:clamp(22px,2.3vw,42px);right:clamp(22px,2.3vw,42px);width:clamp(88px,9vw,148px);height:auto;filter:drop-shadow(0 14px 32px rgba(0,0,0,.18));mix-blend-mode:normal;-o-object-fit:contain;object-fit:contain;transition:transform .4s cubic-bezier(.16,1,.3,1)}.visual-word{position:absolute;left:3%;bottom:-8%;font-size:clamp(170px,28vw,500px);font-weight:750;line-height:.8;letter-spacing:-.1em;transition:transform .48s cubic-bezier(.16,1,.3,1)}.skill-case--tools .skill-case__visual{order:2;min-height:410px}.skill-case--tools .skill-case__content{order:1}.skill-case--tools .visual-word{bottom:-5%;font-size:clamp(150px,22vw,360px)}.type-specimen{position:absolute;z-index:1;left:5%;bottom:-10%;font:600 clamp(260px,42vw,700px) /.8 var(--font-cjk),serif;letter-spacing:-.2em;transition:transform .48s cubic-bezier(.16,1,.3,1)}.skill-case--type .skill-case__content p{max-width:640px}.skill-case--release .visual-word{bottom:-15%;font-size:clamp(150px,22vw,360px)}.skill-case--release .skill-case__visual img{width:clamp(74px,7vw,112px)}.skill-case.is-active .skill-case__visual:after{opacity:.15}.skill-case.is-active .skill-case__visual img{transform:translate(-7px,7px) rotate(-3deg) scale(1.045)}.skill-case.is-active .visual-word{transform:translate(3%,-2%)}.skill-case--type.is-active .type-specimen{transform:translate(.04em,-.02em)}.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;transform:none!important;transition:opacity .2s ease}.prototype-workspace__icon-grid img{-o-object-fit:contain;object-fit:contain}.prototype-workspace__canvas-label{position:absolute;z-index:2;bottom:clamp(15px,2vw,28px);left:clamp(16px,2.1vw,30px);display:none;gap:6px;color:#10110c;text-shadow:0 1px 8px rgba(245,245,235,.45)}.prototype-workspace__canvas-label span{font:600 9px/1 var(--font-mono),var(--font-cjk),monospace;letter-spacing:.13em;text-transform:uppercase}.prototype-workspace__canvas-label strong{margin:0;font-size:clamp(27px,3.2vw,57px);font-weight:610;letter-spacing:-.08em;line-height:.86}.prototype-workspace__tools{padding:clamp(28px,3vw,50px) clamp(22px,2.6vw,42px);background:transparent;color:#eceae4}.prototype-workspace__hint{color:rgba(236,234,228,.48)}.prototype-workspace__tool{display:flex;align-items:center;gap:10px;position:relative;padding:12px 0;border-top-color:rgba(236,234,228,.22);color:rgba(236,234,228,.68)}.prototype-workspace__tool:last-child{border-bottom-color:rgba(236,234,228,.22)}.prototype-workspace__tool img{width:clamp(27px,2.5vw,38px);height:clamp(27px,2.5vw,38px);-o-object-fit:contain;object-fit:contain}.prototype-workspace__tool.is-selected,.prototype-workspace__tool:hover{padding-left:12px;background:transparent;color:#fffefa}.prototype-workspace__tool.is-selected:before{position:absolute;top:50%;left:0;width:2px;height:26px;background:#fffefa;content:"";transform:translateY(-50%)}.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 .2s 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 .56s cubic-bezier(.16,1,.3,1),opacity .32s ease;transition-delay:calc(var(--slat) * 38ms)}.motion-blinds.is-open .motion-blinds__slats i{opacity:.05;transform:rotateX(-76deg) translateY(-8px)}.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 .25s ease,transform .4s cubic-bezier(.16,1,.3,1)}.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%}}@media (prefers-reduced-motion:reduce){.skill-case__visual img,.type-specimen,.visual-word{transition:none}}.skills .skill-window--5 .prototype-workspace__tools{padding:clamp(72px,7vw,108px) clamp(22px,2.6vw,42px) clamp(28px,3vw,50px)}.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--1{--art-bg:#1748c9;--art-ink:#f4f7ff;--sleeve:#1748c9;--sleeve-ink:#f4f7ff}.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,.release-flow{position:absolute;z-index:5;inset:clamp(24px,2.7vw,44px);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .25s ease,transform .42s cubic-bezier(.16,1,.3,1)}.skill-window.is-active .prototype-workspace,.skill-window.is-active .release-flow{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 .2s ease}.prototype-workspace__canvas.is-drop-target{background:#f6f2e5}.prototype-workspace__canvas span,.prototype-workspace__hint,.release-flow__status{font:500 9px/1.2 var(--font-mono),var(--font-cjk),monospace;letter-spacing:.12em;text-transform:uppercase}.prototype-workspace__canvas strong{margin-top:9px;font-size:clamp(25px,3vw,54px);font-weight:560;letter-spacing:-.08em;line-height:.9}.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__hint{margin-bottom:auto;opacity:.58}.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 .2s ease,background-color .2s 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}.release-flow{display:grid;grid-template-rows:1fr auto;gap:12px}.release-flow .react-flow{border:1px solid rgba(243,240,233,.5);background:#151515}.release-flow .react-flow__renderer{cursor:default}.release-flow .react-flow__node{cursor:pointer}.release-flow .react-flow__edge-path{stroke:rgba(243,240,233,.7);stroke-width:1.25}.release-flow .react-flow__handle{opacity:0}.release-flow__status{justify-self:start;color:#d7f045}@media (max-width:600px){.prototype-workspace,.release-flow{inset:20px}.prototype-workspace__hint{font-size:7px}.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 .25s ease,transform .42s cubic-bezier(.16,1,.3,1)}.skill-window.is-active .release-sequence{pointer-events:auto;transform:none}.release-sequence__eyebrow{display:flex;justify-content:space-between;color:rgba(243,240,233,.52);font:500 9px/1 var(--font-mono),var(--font-cjk),monospace;letter-spacing:.14em}.release-sequence__current{align-self:center;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;-moz-column-gap:clamp(15px,2vw,28px);column-gap:clamp(15px,2vw,28px);color:#f3f0e9}.release-sequence__current>span{align-self:start;padding-top:.55em;color:#d7f045;font:500 10px/1 var(--font-mono),var(--font-cjk),monospace;letter-spacing:.12em}.release-sequence__current strong{font-size:clamp(76px,9vw,150px);font-weight:560;letter-spacing:-.12em;line-height:.82;white-space:nowrap}.release-sequence__current em{grid-column:2;margin-top:12px;color:rgba(243,240,233,.58);font:500 10px/1 var(--font-mono),var(--font-cjk),monospace;font-style:normal;letter-spacing:.12em}.release-sequence__controls{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:clamp(14px,2vw,32px);padding-top:20px}.release-sequence__line,.release-sequence__progress{position:absolute;top:0;left:0;width:100%;height:1px}.release-sequence__line{background:rgba(243,240,233,.34)}.release-sequence__progress{width:100%;background:#d7f045;transform-origin:left center;transition:transform .4s cubic-bezier(.16,1,.3,1)}.release-sequence__controls button{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:8px;padding:0;border:0;background:transparent;color:rgba(243,240,233,.54);cursor:pointer;text-align:left;transition:color .2s ease}.release-sequence__controls button:before{position:absolute;top:-24px;left:0;width:7px;height:7px;border:1px solid #f3f0e9;background:#151515;content:"";transform:translateX(-1px);transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.release-sequence__controls button span{font:500 8px/1 var(--font-mono),var(--font-cjk),monospace;letter-spacing:.08em}.release-sequence__controls button b{font:560 clamp(15px,1.6vw,22px)/1 var(--font-cjk),sans-serif;letter-spacing:-.055em}.release-sequence__controls button.is-selected,.release-sequence__controls button:hover{color:#f3f0e9}.release-sequence__controls button.is-selected:before{border-color:#d7f045;background:#d7f045;transform:translateX(-1px) scale(1.28)}@media (max-width:600px){.release-sequence{inset:20px}.release-sequence__current strong{font-size:clamp(64px,17vw,96px)}}.release-sequence{position:absolute;z-index:5;inset:0;display:block;overflow:hidden;opacity:0;pointer-events:none;transform:none;transition:opacity .42s cubic-bezier(.16,1,.3,1)}.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)}}.backend-flow{position:absolute;z-index:3;top:clamp(22px,2.6vw,42px);bottom:clamp(22px,2.6vw,42px);left:clamp(22px,2.6vw,42px);width:min(48%,430px);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .25s ease,transform .42s cubic-bezier(.16,1,.3,1)}.skill-window--2.is-active .backend-flow{opacity:1;pointer-events:auto;transform:none}.backend-flow .react-flow{background:transparent}.backend-flow .react-flow__renderer{cursor:default}.backend-flow .react-flow__node{cursor:pointer}.backend-flow .react-flow__edge-path{stroke-linecap:square}.backend-flow .react-flow__handle{opacity:0}.skills .skill-window--2.is-active .skill-window__copy{pointer-events:none}@media (max-width:600px){.backend-flow{top:20px;bottom:auto;left:20px;width:calc(100% - 40px);height:48%}}.skills .skill-window--2{--art-bg:#060708;--art-ink:#f3f1eb}.backend-orbit{position:absolute;z-index:2;inset:0;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .45s 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:-.11em}@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}}.skills .skill-window--1{--art-bg:#060708;--art-ink:#f3f1eb}.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:-.11em}.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 .38s ease}.skill-window--2.is-active .backend-stack{opacity:1}.backend-stack__guide{position:absolute;z-index:1;top:-4%;bottom:0;width:1px;border-left:1px dashed rgba(243,241,235,.32);opacity:.68}.backend-stack__guide--one{left:42%}.backend-stack__guide--two{left:50%}.backend-stack__guide--three{left:58%}.backend-stack__guide--four{top:56%;left:25%}.backend-stack__ring{position:absolute;z-index:1;top:55%;left:50%;width:min(62vw,620px);aspect-ratio:1;border:1px solid rgba(238,68,28,.38);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.2)}.backend-stack__ring--two{border-color:rgba(188,0,108,.42);animation-delay:.16s}.skill-window--2.is-active .backend-stack__ring{animation:backend-stack-ring 6.13s cubic-bezier(.16,1,.3,1) infinite}.backend-stack__scene{position:absolute;z-index:2;top:53%;left:50%;width:clamp(330px,44vw,560px);height:clamp(260px,32vw,400px);transform:translate(-50%,-48%) scale(.76);transform-style:preserve-3d}.backend-stack__tile,.backend-stack__top{position:absolute;display:block;width:39%;aspect-ratio:1;border:1px solid rgba(243,241,235,.86);border-radius:10px;box-shadow:0 6px 0 #08080a,0 10px 0 rgba(243,241,235,.75),0 14px 0 #08080a;transform:perspective(900px) rotateX(58deg) rotate(-45deg);transform-origin:center}.backend-stack__tile:after,.backend-stack__top:after{position:absolute;inset:0;border:1px solid rgba(243,241,235,.56);border-radius:inherit;content:"";transform:translate(8px,8px)}.backend-stack__tile--a{top:38%;left:13%;background:linear-gradient(135deg,#c34917,#590324 72%)}.backend-stack__tile--b{top:38%;right:13%;background:#0a0a0c}.backend-stack__tile--c{bottom:0;left:30.5%;background:linear-gradient(135deg,#c4611c,#3b185f 76%)}.backend-stack__tile--d{top:17%;left:30.5%;background:linear-gradient(135deg,#633e9a,#74002f 72%)}.backend-stack__top{z-index:3;top:-1%;left:30.5%;display:grid;place-items:center;background:#f7f6f1;box-shadow:0 6px 0 #17171a,0 10px 0 rgba(243,241,235,.8),0 14px 0 #17171a;animation:backend-stack-drop 6.13s cubic-bezier(.16,1,.3,1) infinite}.backend-stack__top b{color:#050506;font:700 clamp(54px,7vw,96px)/1 var(--font-mono),sans-serif;letter-spacing:-.2em;transform:rotate(23deg) translate(-3%,-3%)}@keyframes backend-stack-drop{0%,8%{transform:perspective(900px) rotateX(58deg) rotate(-45deg) translateZ(145px);opacity:1}20%,to{transform:perspective(900px) rotateX(58deg) rotate(-45deg) translateZ(0);opacity:1}24%{transform:perspective(900px) rotateX(58deg) rotate(-45deg) translateZ(11px)}30%{transform:perspective(900px) rotateX(58deg) rotate(-45deg) translateZ(0)}}@keyframes backend-stack-ring{0%,18%{opacity:0;transform:translate(-50%,-50%) scale(.14)}26%{opacity:.72}50%{opacity:.28;transform:translate(-50%,-50%) scale(.9)}64%{opacity:0;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}@media (max-width:600px){.backend-stack__scene{width:94vw;height:84vw}.backend-stack__guide--one{left:37%}.backend-stack__guide--two{left:50%}.backend-stack__guide--three{left:63%}.backend-stack__ring{width:105vw}}.skills .skill-window--4{--art-bg:#050505;--art-ink:#f4f2ed}.skills .skill-window--1:not(.is-active){--art-bg:#2447d7;--art-ink:#f5f2eb}.skills .skill-window--2:not(.is-active){--art-bg:#d94a32;--art-ink:#171411}.skills .skill-window--4:not(.is-active){--art-bg:#e8e3d8;--art-ink:#151513}.typography-specimen{position:absolute;z-index:5;inset:0;overflow:hidden;color:#f4f2ed;opacity:0;pointer-events:none;transition:opacity .35s ease}.skill-window--4.is-active .typography-specimen{opacity:1}.skills .skill-window--4.is-active .skill-window__copy{display:none}.typography-specimen__title{position:absolute;top:clamp(24px,3vw,48px);left:clamp(28px,3.4vw,58px);font-size:clamp(116px,12.4vw,210px);font-weight:590;letter-spacing:-.16em;line-height:.78}.typography-specimen__meta{position:absolute;top:clamp(190px,21vw,310px);left:clamp(30px,3.4vw,58px);display:flex;justify-content:space-between;width:min(46%,420px);padding-top:12px;border-top:1px solid rgba(244,242,237,.7);color:rgba(244,242,237,.8);font:500 8px/1 var(--font-mono),var(--font-cjk),monospace;letter-spacing:.08em}.typography-specimen__trace{position:absolute;bottom:-8%;left:10%;width:41%;height:54%}.typography-specimen__trace span{position:absolute;color:transparent;font-size:clamp(96px,10vw,176px);font-weight:420;letter-spacing:-.18em;line-height:1;-webkit-text-stroke:1px rgba(244,242,237,.42);text-stroke:1px rgba(244,242,237,.42)}.typography-specimen__trace span:first-child{top:-5%;left:31%;transform:rotate(-11deg)}.typography-specimen__trace span:nth-child(2){top:18%;left:0;transform:rotate(42deg)}.typography-specimen__trace span:nth-child(3){top:18%;right:2%;transform:rotate(-42deg)}.typography-specimen__trace span:nth-child(4){top:51%;left:28%;transform:rotate(90deg)}.typography-specimen__trace span:nth-child(5){bottom:-6%;left:4%;transform:rotate(-18deg)}.typography-specimen__trace span:nth-child(6){right:4%;bottom:-6%;transform:rotate(18deg)}.typography-specimen__axis{position:absolute;bottom:clamp(26px,3vw,50px);left:clamp(30px,3.4vw,58px);display:grid;gap:12px;color:rgba(244,242,237,.72);font:500 8px/1 var(--font-mono),var(--font-cjk),monospace;letter-spacing:.15em}.typography-specimen__axis i{display:block;width:1px;height:52px;background:rgba(244,242,237,.7)}.typography-specimen__samples{position:absolute;top:clamp(26px,3.2vw,52px);right:clamp(28px,3.2vw,52px);bottom:clamp(26px,3.2vw,48px);display:grid;width:min(46%,480px);grid-template-rows:repeat(5,minmax(0,1fr))}.typography-specimen__samples>div{display:grid;grid-template-columns:28px 1fr;align-items:center;border-bottom:1px solid rgba(244,242,237,.58)}.typography-specimen__samples>div:first-child{border-top:1px solid rgba(244,242,237,.58)}.typography-specimen__samples span{color:rgba(244,242,237,.56);font:500 8px/1 var(--font-mono),var(--font-cjk),monospace}.typography-specimen__samples b{font-size:clamp(16px,2.15vw,34px);letter-spacing:-.05em;line-height:1;white-space:nowrap}.type-sample--thin b{font-weight:300}.type-sample--light b{font-weight:400}.type-sample--regular b{font-weight:500}.type-sample--medium b{font-weight:620}.type-sample--bold b{font-weight:760}@media (max-width:600px){.typography-specimen__title{font-size:clamp(88px,25vw,142px)}.typography-specimen__meta{top:32%;width:47%}.typography-specimen__samples{width:51%}.typography-specimen__samples b{font-size:clamp(13px,3.4vw,18px)}}.skills .skill-window--4{--art-bg:#e8e3d8;--art-ink:#151513}.skills .skill-window--4.is-active .skill-window__copy{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__well{position:absolute;top:4%;left:50%;width:82%;aspect-ratio:1;transform:translate(-50%) perspective(900px) rotateX(58deg) rotate(-45deg);transform-origin:center}.backend-stack__well .backend-stack__tile{width:47.2%;height:auto;aspect-ratio:1;box-shadow:0 6px 0 #08080a,0 10px 0 rgba(243,241,235,.75),0 14px 0 #08080a;transform:none}.backend-stack__well .backend-stack__tile--a{top:0;left:0}.backend-stack__well .backend-stack__tile--b{top:0;right:0}.backend-stack__well .backend-stack__tile--c{bottom:0;left:0}.backend-stack__well .backend-stack__tile--d{top:auto;bottom:0;left:auto;right:0}.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:-.11em;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}}.skill-case__content{position:relative;min-height:480px;padding:8px 4px 24px}.case-number{font:500 11px/1 var(--font-mono),var(--font-cjk),monospace}.skill-case__content h3{margin:34px 0 28px;font-size:clamp(36px,4vw,76px);line-height:1.08;letter-spacing:-.025em}.skill-case__content p{max-width:470px;margin:0;color:#575754;font-size:17px;line-height:1.58;font-weight:400;text-wrap:pretty}.light .skill-case__content p{color:#a9a9a3}.skill-case__lead{margin-bottom:14px!important;color:inherit!important;font-weight:650}.skill-case__focus{display:inline-flex;align-items:center;margin-top:30px;padding:0 0 8px;border-bottom:1px solid;background:transparent;color:inherit;cursor:pointer;font:500 11px/1 var(--font-mono),var(--font-cjk),monospace;letter-spacing:.06em}.skill-case__focus:before{width:8px;height:8px;margin-right:8px;background:currentColor;content:""}.skill-case__focus:focus-visible{outline:2px solid currentColor;outline-offset:5px}.skill-case__note{max-width:440px!important;margin-top:18px!important;padding-left:14px;border-left:2px solid;color:inherit!important;font-size:15px!important;line-height:1.6!important}.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 .22s ease,color .22s ease,border-color .22s ease}.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)}@media not all{.skill-window{position:relative;grid-column:span 4;min-width:0;overflow:hidden;padding:14px;border:1px solid var(--line-light);background:transparent;color:var(--ink);cursor:pointer;text-align:left;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.skill-window:after,.skill-window:before{position:absolute;z-index:1;display:block;pointer-events:none;content:""}.skill-window:before{inset:0;opacity:.055;transform:scale(1.04);transition:opacity .5s ease,transform .8s cubic-bezier(.16,1,.3,1)}.skill-window.is-active:before{opacity:.16;transform:scale(1)}.skill-window--1:before{background-image:linear-gradient(currentColor 1px,transparent 0),linear-gradient(90deg,currentColor 1px,transparent 0);background-position:15% 22%;background-size:clamp(42px,4.3vw,68px) clamp(42px,4.3vw,68px);-webkit-mask-image:linear-gradient(135deg,transparent 3%,#000 46%,transparent 88%);mask-image:linear-gradient(135deg,transparent 3%,#000 46%,transparent 88%)}.skill-window--2:before{background:radial-gradient(circle at 18% 68%,currentColor 0 2px,transparent 2.6px),radial-gradient(circle at 45% 40%,currentColor 0 2px,transparent 2.6px),radial-gradient(circle at 76% 56%,currentColor 0 2px,transparent 2.6px),linear-gradient(146deg,transparent 0 35%,currentColor 35.15% 35.5%,transparent 35.65% 100%),linear-gradient(16deg,transparent 0 52%,currentColor 52.15% 52.5%,transparent 52.65% 100%)}.skill-window--3:before{inset:14% 10%;border:1px solid;box-shadow:18px -18px 0 -17px currentColor,36px -36px 0 -35px currentColor;background:linear-gradient(currentColor,currentColor) 0 13% /100% 1px no-repeat,linear-gradient(currentColor,currentColor) 15% 7% /4px 4px no-repeat,linear-gradient(currentColor,currentColor) 23% 7% /4px 4px no-repeat}.skill-window--4:before{background:repeating-linear-gradient(180deg,transparent 0 34px,currentColor 34px 35px),linear-gradient(90deg,transparent 0 16%,currentColor 16% 16.15%,transparent 16.3% 68%,currentColor 68% 68.15%,transparent 68.3%);background-position:0 12%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14% 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14% 86%,transparent)}.skill-window--5:before{inset:15% 11%;border:1px solid;outline:1px dashed currentColor;outline-offset:13px;background-image:radial-gradient(currentColor 1px,transparent 1.4px);background-size:12px 12px}.skill-window--6:before{width:82%;height:43%;top:26%;left:9%;border-color:currentcolor transparent transparent currentcolor;border-style:solid;border-width:1px;border-radius:50%;transform:rotate(-13deg) scale(1.04)}.skill-window--6:after{width:7px;height:7px;top:35%;left:19%;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px color-mix(in srgb,currentColor 13%,transparent);opacity:.1;transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .4s ease}.skill-window--6.is-active:after{opacity:.72;transform:translate(310%,120%)}.skill-window--6.is-active:before{transform:rotate(-13deg) scale(1)}.skill-window--7:before{background:radial-gradient(circle at 17% 29%,currentColor 0 3px,transparent 3.7px),radial-gradient(circle at 46% 50%,currentColor 0 3px,transparent 3.7px),radial-gradient(circle at 78% 72%,currentColor 0 3px,transparent 3.7px),linear-gradient(33deg,transparent 0 42%,currentColor 42.15% 42.45%,transparent 42.6% 100%),linear-gradient(33deg,transparent 0 59%,currentColor 59.15% 59.45%,transparent 59.6% 100%)}.skill-window:nth-child(2n){background:rgba(11,11,11,.035)}.light .skill-window{border-color:var(--line-dark);color:var(--paper)}.light .skill-window:nth-child(2n){background:rgba(236,236,231,.05)}.skill-window.is-active{grid-column:span 8;grid-row:span 3;padding:clamp(22px,2.4vw,42px);background:#141414;color:#ecece7;box-shadow:0 18px 34px rgba(11,11,11,.14)}.light .skill-window.is-active{box-shadow:0 18px 34px rgba(236,236,231,.08)}.light .skill-window.is-active,.skill-window--type.is-active{background:#f0eee8;color:#0b0b0b}.skill-window--type.is-active .skill-window__copy,.skill-window--type.is-active .skill-window__copy p,.skill-window--type.is-active .skill-window__number{color:#0b0b0b}.skill-window__mini-metric,.skill-window__mini-title,.skill-window__number{position:relative;z-index:3;display:block;font:500 10px/1 var(--font-mono),var(--font-cjk),monospace;letter-spacing:.07em}.skill-window__number{color:currentColor;opacity:.58}.skill-window__mini-title{margin-top:16px;font:500 clamp(17px,1.6vw,27px)/1.05 var(--font-cjk),sans-serif;letter-spacing:-.035em}.skill-window__mini-metric{position:absolute;right:13px;bottom:11px;font-size:13px;opacity:.7}.skill-window__visual{position:absolute;inset:0;z-index:1;pointer-events:none}.skill-window__visual>span{position:absolute;right:5%;bottom:-13%;font-size:clamp(76px,11vw,176px);font-weight:750;line-height:.8;letter-spacing:-.1em;opacity:.1;transition:transform .62s cubic-bezier(.16,1,.3,1),opacity .35s ease}.skill-window--type .skill-window__visual>span{right:7%;bottom:-25%;font:600 clamp(120px,20vw,350px) /.8 var(--font-cjk),serif;letter-spacing:-.18em}.skill-window__visual img{position:absolute;top:12px;right:12px;width:clamp(36px,4vw,60px);height:auto;opacity:.62;filter:grayscale(1) contrast(1.08);transition:transform .62s cubic-bezier(.16,1,.3,1),opacity .35s ease,filter .35s ease}.skill-window__copy{position:absolute;z-index:2;top:clamp(30px,2.8vw,46px);right:clamp(22px,2.4vw,42px);bottom:clamp(24px,2.4vw,38px);left:clamp(22px,2.4vw,42px);display:flex;flex-direction:column;width:auto;opacity:0;pointer-events:none;transform:translateY(18px);transition:opacity .28s ease,transform .42s cubic-bezier(.16,1,.3,1)}.skill-window__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;transition:transform .52s cubic-bezier(.16,1,.3,1)}.skill-window__copy h3{margin:0;font-size:clamp(43px,4.15vw,72px);font-weight:620;line-height:1.04;letter-spacing:-.05em}.skill-window__coordinate{flex:0 0 auto;padding-top:.45em;font:500 10px/1 var(--font-mono),var(--font-cjk),monospace;letter-spacing:.11em;opacity:.58}.skill-window__copy p{max-width:720px;margin:0;color:rgba(236,236,231,.68);font-size:16px;line-height:1.62;text-wrap:pretty}.skill-window__detail{margin-top:clamp(32px,4vw,64px)!important;transition:transform .6s cubic-bezier(.16,1,.3,1) .04s}.light .skill-window__copy p{color:rgba(11,11,11,.64)}.skill-window__note{max-width:none!important;margin-top:auto!important;padding-top:13px;padding-left:0;border-top:1px solid;border-left:0;color:inherit!important;font-size:13px!important;line-height:1.45!important;transition:transform .62s cubic-bezier(.16,1,.3,1) .09s}.skill-window.is-active .skill-window__mini-metric,.skill-window.is-active .skill-window__mini-title,.skill-window.is-active .skill-window__number{opacity:0;pointer-events:none}.skill-window.is-active .skill-window__copy{opacity:1;pointer-events:auto;transform:translateY(0)}.skill-window.is-active .skill-window__copy>p:not(.skill-window__note){max-width:min(68%,760px);color:inherit;font-size:clamp(18px,1.7vw,28px);font-weight:450;line-height:1.42;letter-spacing:-.018em}.skill-window--2.is-active .skill-window__detail{max-width:min(60%,670px);margin-left:12%}.skill-window--3.is-active .skill-window__detail{max-width:min(58%,650px);margin-left:auto}.skill-window--4.is-active .skill-window__detail{max-width:min(62%,700px)}.skill-window--5.is-active .skill-window__detail{max-width:min(61%,680px);margin-left:8%}.skill-window--6.is-active .skill-window__detail{max-width:min(63%,710px);margin-left:auto}.skill-window--7.is-active .skill-window__detail{max-width:min(70%,780px)}.skill-window.is-active .skill-window__visual>span{opacity:0;transform:none}.skill-window.is-active .skill-window__visual img{top:clamp(20px,2vw,32px);right:clamp(20px,2vw,32px);width:clamp(54px,5vw,78px);opacity:1;filter:none;transform:none}@media not all{.skills .skill-window{border-color:color-mix(in srgb,var(--sleeve-ink) 28%,transparent);background:var(--sleeve);color:var(--sleeve-ink);box-shadow:none;isolation:isolate}.skills .skill-window,.skills .skill-window--1{--sleeve:#2450d9;--sleeve-ink:#f4f1e9}.skills .skill-window--2{--sleeve:#e55232;--sleeve-ink:#141311}.skills .skill-window--3{--sleeve:#f0b38d;--sleeve-ink:#151411}.skills .skill-window--4{--sleeve:#e7e3d8;--sleeve-ink:#11110f}.skills .skill-window--5{--sleeve:#cad733;--sleeve-ink:#12130d}.skills .skill-window--6{--sleeve:#7355bb;--sleeve-ink:#f5f1e8}.skills .skill-window--7{--sleeve:#181818;--sleeve-ink:#f2efe8}.light .skills .skill-window,.light .skills .skill-window.is-active,.skills .skill-window--type.is-active,.skills .skill-window.is-active{background:var(--sleeve);color:var(--sleeve-ink);box-shadow:0 18px 34px rgba(11,11,11,.13)}.skills .skill-window--1:before,.skills .skill-window--2:before,.skills .skill-window--3:before,.skills .skill-window--4:before,.skills .skill-window--5:before,.skills .skill-window--6:before,.skills .skill-window--7:before,.skills .skill-window:after,.skills .skill-window:before{inset:0;width:auto;height:auto;border:0;border-radius:0;outline:0;box-shadow:none;background:none;-webkit-mask-image:none;mask-image:none;opacity:1;transform:none}.skills .skill-window__sleeve{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}.skills .skill-window__sleeve:before{position:absolute;inset:14px;border:1px solid color-mix(in srgb,var(--sleeve-ink) 24%,transparent);content:""}.skills .skill-window__window-bar{position:absolute;top:14px;right:14px;left:14px;height:18px;border-bottom:1px solid color-mix(in srgb,var(--sleeve-ink) 24%,transparent)}.skills .skill-window__window-bar:after,.skills .skill-window__window-bar:before{position:absolute;top:6px;width:4px;height:4px;border-radius:50%;background:color-mix(in srgb,var(--sleeve-ink) 64%,transparent);content:""}.skills .skill-window__window-bar:before{left:0}.skills .skill-window__window-bar:after{left:8px}.skills .skill-window__record{position:absolute;width:clamp(238px,34vw,500px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle at center,rgba(255,255,255,.09) 0 1px,transparent 1.5px 8px),radial-gradient(circle at 34% 27%,rgba(255,255,255,.12),transparent 25%),#101010;box-shadow:0 16px 25px rgba(0,0,0,.23),inset 0 0 0 1px rgba(255,255,255,.12);transition:transform .85s cubic-bezier(.16,1,.3,1),filter .5s ease}.skills .skill-window__record:before{position:absolute;inset:12%;border:1px solid rgba(255,255,255,.18);border-radius:inherit;content:""}.skills .skill-window__record>span{position:absolute;top:50%;left:50%;display:grid;width:29%;aspect-ratio:1;place-items:center;border-radius:50%;background:var(--sleeve);color:var(--sleeve-ink);font:600 clamp(11px,1.1vw,17px)/1 var(--font-mono),var(--font-cjk),monospace;letter-spacing:.04em;transform:translate(-50%,-50%)}.skills .skill-window--1 .skill-window__record{right:-19%;bottom:-56%;transform:rotate(-12deg)}.skills .skill-window--2 .skill-window__record{right:-7%;bottom:-52%;transform:rotate(18deg)}.skills .skill-window--3 .skill-window__record{right:-23%;bottom:-34%;transform:rotate(-26deg)}.skills .skill-window--4 .skill-window__record{right:-17%;bottom:-55%;transform:rotate(9deg)}.skills .skill-window--5 .skill-window__record{right:-5%;bottom:-58%;transform:rotate(31deg)}.skills .skill-window--6 .skill-window__record{right:-26%;bottom:-38%;transform:rotate(-19deg)}.skills .skill-window--7 .skill-window__record{right:-8%;bottom:-61%;transform:rotate(14deg)}.skills .skill-window.is-active .skill-window__record{filter:saturate(.96) contrast(1.06)}.skills .skill-window--1.is-active .skill-window__record{transform:rotate(6deg) scale(1.04)}.skills .skill-window--2.is-active .skill-window__record{transform:rotate(-1deg) scale(1.05)}.skills .skill-window--3.is-active .skill-window__record{transform:rotate(-10deg) scale(1.04)}.skills .skill-window--4.is-active .skill-window__record{transform:rotate(-5deg) scale(1.04)}.skills .skill-window--5.is-active .skill-window__record{transform:rotate(9deg) scale(1.05)}.skills .skill-window--6.is-active .skill-window__record{transform:rotate(-3deg) scale(1.04)}.skills .skill-window--7.is-active .skill-window__record{transform:rotate(-2deg) scale(1.05)}.skills .skill-window__seal{position:absolute;z-index:3;top:42px;right:28px;width:28px;height:28px;border-radius:7px;mix-blend-mode:luminosity;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .3s ease,transform .45s cubic-bezier(.16,1,.3,1)}.skills .skill-window.is-active .skill-window__seal{opacity:.86;transform:rotate(-4deg)}.skills .skill-window__mini-metric,.skills .skill-window__mini-title,.skills .skill-window__number{z-index:3}.skills .skill-window__copy{z-index:4;top:clamp(36px,3vw,50px);right:clamp(26px,2.7vw,46px);bottom:clamp(28px,2.6vw,44px);left:clamp(26px,2.7vw,46px);transform:translateY(12px)}.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{margin-top:clamp(36px,5.4vw,88px);gap:16px}.skills .skill-window__copy h3{max-width:min(74%,620px);font-size:clamp(50px,5.1vw,90px);font-weight:600;letter-spacing:-.075em}.skills .skill-window__coordinate{padding-top:1.1em;color:currentColor;font-size:9px;letter-spacing:.14em;opacity:.54}.skills .skill-window.is-active .skill-window__detail,.skills .skill-window.is-active .skill-window__note{max-width:min(43%,390px);margin-left:auto;color:currentColor;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .3s ease,transform .5s cubic-bezier(.16,1,.3,1)}.skills .skill-window.is-active .skill-window__detail{margin-top:auto!important;padding:12px 14px 0;border-top:1px solid color-mix(in srgb,currentColor 46%,transparent);font-size:13px;font-weight:450;line-height:1.56;letter-spacing:-.01em}.skills .skill-window.is-active .skill-window__note{margin-top:10px!important;padding:0 14px;border:0;font-size:10px!important;line-height:1.45!important;opacity:0}.skills .skill-window.is-active:focus-visible .skill-window__detail,.skills .skill-window.is-active:focus-visible .skill-window__note,.skills .skill-window.is-active:hover .skill-window__detail,.skills .skill-window.is-active:hover .skill-window__note{opacity:.88;pointer-events:auto;transform:translateY(0)}.skills .skill-window.is-active:focus-visible .skill-window__note,.skills .skill-window.is-active:hover .skill-window__note{transition-delay:.06s}.skills .skill-window--type.is-active .skill-window__copy,.skills .skill-window--type.is-active .skill-window__copy p,.skills .skill-window--type.is-active .skill-window__number{color:var(--sleeve-ink)}}}.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 .25s ease,transform .25s 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 .45s 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{display:flex;align-items:flex-end;justify-content:space-between;padding:100px var(--page-x) 80px}.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 .58s cubic-bezier(.22,.7,.28,1),background-color .9s cubic-bezier(.16,1,.3,1),color .9s cubic-bezier(.16,1,.3,1)}.light .tag-index a{border-color:var(--line-light)}.tag-index a:hover{padding-left:16px;background:var(--paper);color:var(--ink);transition:padding .22s cubic-bezier(.22,.7,.28,1),background-color .18s ease-out,color .18s 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}.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}.footer-grid a:hover{text-decoration:underline;text-underline-offset: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,.skill-case,.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}.skill-case{gap:20px}.skill-case--motion .skill-case__content,.skill-case--motion .skill-case__visual,.skill-case--release .skill-case__content,.skill-case--release .skill-case__visual,.skill-case--reverse .skill-case__content,.skill-case--reverse .skill-case__visual,.skill-case--tools .skill-case__content,.skill-case--tools .skill-case__visual{order:0}.skill-case__content,.skill-case__visual{min-height:390px}.skill-case--release .skill-case__content,.skill-case--type .skill-case__content{min-height:230px}.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}.skill-case__visual{min-height:310px}.skill-case__content{min-height:340px}.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{--art-bg:#111316;--art-ink:#eceae4;--sleeve:#111316;--sleeve-ink:#eceae4}.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__hint{color:rgba(236,234,228,.48)}.skills .skill-window--5 .prototype-workspace__tool{position:relative;padding:12px 0;border-top-color:rgba(236,234,228,.22);color:rgba(236,234,228,.68)}.skills .skill-window--5 .prototype-workspace__tool:last-child{border-bottom-color: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.is-selected:before{position:absolute;top:50%;left:0;width:2px;height:26px;background:#fffefa;content:"";transform:translateY(-50%)}.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}}