:root{--screen-height:1080px;--content-width:1700px;--portrait-base-height:740px;--portrait-scale:1.5;color:#f4f0fa;font-synthesis:none;background:#050506;font-family:Noto Sans SC,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;overflow-x:clip}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}.page-width{width:min(var(--content-width), calc(100% - 120px));margin:0 auto}.hero{height:var(--screen-height);isolation:isolate;background:#050506;min-height:0;position:relative;overflow:hidden}.footer-noise{pointer-events:none;opacity:.28;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.nav{z-index:4;border-bottom:1px solid #ffffff1f;align-items:center;height:112px;display:flex;position:relative}.wordmark{letter-spacing:-.04em;font:600 27px/1 Space Grotesk}.nav-links{color:#c8c0d4;gap:48px;margin-left:auto;font-size:15px;display:flex}.hero-body{height:calc(var(--screen-height) - 112px);z-index:1;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);min-height:0;display:grid;position:relative}.hero h1{letter-spacing:-.075em;min-width:0;margin:35px 0 45px;font:900 clamp(76px,8.6vw,165px)/1.02 Noto Sans SC;position:relative}.scroll-cue{z-index:2;color:#b8afc0;letter-spacing:.1em;align-items:center;gap:14px;font:10px DM Mono;display:flex;position:absolute;bottom:28px;right:max(60px,50vw - 850px)}.scroll-cue i{color:#bd91ff;font-size:24px;font-style:normal}.section{height:var(--screen-height);min-height:0;padding:84px 0}.resume-layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:90px;padding-top:48px;display:grid}.resume h2,.category-heading h2,.portfolio h2{letter-spacing:-.08em;margin:0;font:700 clamp(40px,4vw,74px)/1.08 Noto Sans SC}.resume h2 em,.category-heading em{color:#a77cff;font-style:normal}.resume-portrait{grid-area:1/1;align-self:start;min-width:0;height:830px;position:relative}.resume-portrait img{object-fit:contain;object-position:left bottom;width:100%;height:100%;display:block}.categories{background:#0a090e;position:relative;overflow:hidden}.category-heading{justify-content:space-between;align-items:end;padding:65px 0 60px;display:flex}.category-heading p{color:#a99eaf;margin:0;font-size:14px;line-height:1.9}.category-list{border-top:1px solid #ffffff2e}.category-card{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff2e;grid-template-columns:110px 1fr 200px 34px;align-items:center;width:100%;padding:28px 0;transition:all .25s;display:grid}.card-index{color:#9f8fab;letter-spacing:.1em;font:11px DM Mono}.card-name{letter-spacing:-.07em;font-size:clamp(25px,3vw,52px);font-weight:700}.category-card i{color:#bd92ff;font-size:28px;font-style:normal}.portfolio-top{justify-content:space-between;align-items:end;margin:60px 0;display:flex}.filter-tabs{gap:8px;display:flex}.filter-tabs button{cursor:pointer;color:#bbb1c7;background:0 0;border:1px solid #ffffff38;border-radius:50px;padding:11px 17px;font-size:13px;transition:all .2s}.gallery{grid-template-columns:.8fr 1.2fr;align-items:center;gap:60px;min-height:530px;display:grid}.gallery-copy .project-meta{letter-spacing:.12em;color:#b58eff;font:11px DM Mono}.gallery-copy h3{letter-spacing:-.06em;margin:20px 0;font-size:clamp(30px,3.5vw,60px);line-height:1.1}.gallery-image{background:#191222;height:530px;position:relative;overflow:hidden}.gallery-image img{object-fit:cover;width:100%;height:100%;animation:.35s appear}@keyframes appear{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.footer{height:var(--screen-height);color:#100d15;background:#efedf1;place-items:center;min-height:0;padding:110px 0;display:grid;position:relative;overflow:hidden}.footer-noise{opacity:.5;background-image:linear-gradient(#150c250d 1px,#0000 1px),linear-gradient(90deg,#150c250d 1px,#0000 1px)}@media (width<=900px){.page-width{width:min(100% - 44px,1700px)}.hero,.section,.footer{height:auto;min-height:auto}.nav{height:78px}.nav-links{display:none}.hero-body{grid-template-columns:1fr;height:auto;min-height:auto}.hero h1{font-size:76px}.scroll-cue{display:none}.resume-layout,.gallery{grid-template-columns:1fr;gap:42px}.resume-portrait{grid-area:1/1;height:560px;min-height:0}.resume-portrait img{object-position:center bottom}.resume-content{grid-area:2/1}.category-heading{display:block}.category-heading p{margin-top:26px}.category-card{grid-template-columns:55px 1fr 30px}.portfolio-top{display:block}.filter-tabs{flex-wrap:wrap;margin-top:28px}.gallery-image{height:360px}.footer{padding:65px 0}}html{scrollbar-width:none;overflow-x:clip}html::-webkit-scrollbar{display:none}.resume-content{grid-area:1/2}.nav-links a{white-space:nowrap;padding:12px 0}a:focus-visible,button:focus-visible{outline-offset:6px;outline:2px solid #c4a8ff}@media (width<=1400px) and (width>=901px){.hero h1{font-size:108px}.resume-layout{gap:50px}.resume h2{font-size:48px}}@media (width<=900px){.resume-content{grid-area:2/1}.resume h2{font-size:40px}.hero h1{font-size:clamp(52px,12vw,76px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}:root{--screen-height:100svh;--ink:#090711;--plum:#171024;--violet:#b89bfc;background:var(--ink)}body{background:var(--ink);height:100svh;overflow:clip}main{scroll-snap-type:y mandatory;scroll-behavior:smooth;overscroll-behavior-y:contain;scrollbar-width:none;height:100svh;overflow:clip auto}main::-webkit-scrollbar{display:none}main>.hero,main>.section,main>.footer{scroll-snap-align:start;scroll-snap-stop:always;height:100svh;min-height:680px;overflow:hidden}.hero{background:radial-gradient(720px 520px at 27% 77%,#5b39915c,#0000 74%),radial-gradient(650px 500px at 76% 16%,#432b694d,#0000 70%),linear-gradient(130deg,#0d0a15 5%,#100b19 54%,#080710 100%)}.nav{border-color:#e9dcff1f;height:96px}.wordmark{place-items:center;width:34px;height:34px;display:grid}.wordmark span{border:1px solid #c5a9ff;border-radius:50%;width:22px;height:22px;position:relative}.wordmark span:after{content:"";opacity:.76;background:#b391f4;border-radius:50%;position:absolute;inset:6px}.hero-body{height:calc(100svh - var(--nav-h));grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr)}.hero h1{letter-spacing:-.075em;margin:24px 0 30px;font-size:clamp(64px,7vw,128px);line-height:1.02}.hero h1 span{color:#d7c5ff;-webkit-text-stroke:0}.scroll-cue{right:max(60px,50vw - 850px)}.resume{background:radial-gradient(820px 580px at 80%,#52368045,#0000 72%),linear-gradient(115deg,#0c0913,#120d1c 62%,#0a0811)}.section{padding:clamp(36px,6vh,68px) 0}.resume-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(40px,5vw,90px);padding-top:clamp(22px,3vh,38px)}.resume-content{grid-area:1/1;min-width:0}.resume-portrait{grid-area:1/2;align-self:center;height:min(72svh,760px)}.resume-portrait img{object-position:center bottom}.resume h2{font-size:clamp(38px,4vw,66px)}.categories{background:radial-gradient(800px 520px at 52% 87%,#57368c4a,#0000 71%),radial-gradient(680px 420px at 12% 22%,#372a5b38,#0000 75%),linear-gradient(150deg,#0c0914,#100b1a 56%,#090711)}.category-heading{align-items:flex-end;padding:25px 0 28px}.category-heading h2{font-size:clamp(42px,4vw,68px)}.category-heading p{color:#b4a9c3}.category-list{z-index:2;border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.2vw,36px);width:min(1120px,100%);margin:0 auto;display:grid;position:relative}.category-card{text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:11px;width:100%;padding:0;display:flex}.category-card:hover{background:0 0;padding-left:0}.card-index{color:#a58bbb;margin-top:5px}.card-name{color:#eee7f7;font-size:clamp(22px,2.1vw,32px)}.category-card i{z-index:3;color:#d1b6ff;opacity:.8;font-size:20px;font-style:normal;position:absolute;top:15px;right:14px}.category-character{z-index:1;pointer-events:none;width:min(34vw,360px);height:min(43vh,430px);position:absolute;bottom:-13vh;left:50%;transform:translate(-50%)}.category-character img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 36px #6b41aa33);width:100%;height:100%}.category-character span{color:#9e8bad;letter-spacing:.12em;font:9px DM Mono;position:absolute;bottom:38%;right:-90px}.resume-portrait{overflow:hidden}.resume-portrait img{object-fit:contain;object-position:center bottom;opacity:1;width:100%;height:100%;transition:opacity .9s;display:block;position:absolute;inset:0}.portfolio{background:radial-gradient(900px 570px at 75% 54%,#4d32794d,#0000 74%),linear-gradient(128deg,#0b0812,#120d1b 54%,#090710)}.portfolio-top{margin:30px 0 18px}.portfolio h2{font-size:clamp(42px,4vw,66px)}.gallery{grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr);align-items:stretch;gap:clamp(36px,5vw,84px);height:min(61svh,620px);min-height:0}.gallery-copy{align-self:center;min-width:0}.gallery-copy h3{font-size:clamp(28px,3vw,52px)}.thinking-label{color:#bd9fee;letter-spacing:.04em;margin:24px 0 8px;font-size:11px}.gallery-image{background:radial-gradient(#4f396e78,#161120f5 74%);border:1px solid #ddc9ff21;height:100%;min-height:0}.gallery-image img{object-fit:contain;width:100%;height:100%;padding:clamp(12px,2vw,28px);animation:.35s appear;display:block}.gallery-image.mobile img{object-fit:contain;background:0 0}.footer{color:#f4eefb;background:radial-gradient(850px 650px at 66% 44%,#5b3a9159,#0000 74%),radial-gradient(460px 430px at 7% 92%,#43296840,#0000 74%),linear-gradient(120deg,#0b0812,#130d1d 58%,#090710);padding:clamp(44px,7vh,82px) 0}@media (height<=840px) and (width>=901px){.section{padding-top:34px;padding-bottom:34px}.resume-layout{padding-top:20px}.resume h2{font-size:clamp(36px,3.8vw,54px)}.category-heading{padding:10px 0 20px}.portfolio-top{margin:15px 0 12px}.gallery{height:58svh}}@media (width<=900px){html,body{height:auto;overflow-x:clip}body{overflow-y:auto}main{scroll-snap-type:none;height:auto;overflow:visible}main>.hero,main>.section,main>.footer{scroll-snap-align:none;height:auto;min-height:100svh;overflow:hidden}.nav{height:78px}.hero-body{height:auto;min-height:0}.hero h1{margin:18px 0 20px;font-size:clamp(54px,12vw,82px)}.scroll-cue{display:none}.resume-layout{grid-template-columns:1fr}.resume-content{grid-area:2/1}.resume-portrait{grid-area:1/1;height:48svh}.category-list{grid-template-columns:1fr;gap:24px;width:100%}.category-character{opacity:.45;width:250px;height:300px;bottom:-40px;left:auto;right:-75px;transform:none}.category-character span{display:none}.gallery{grid-template-columns:1fr;gap:28px;height:auto}.gallery-image{height:min(64svh,480px)}}@media (prefers-reduced-motion:reduce){main{scroll-behavior:auto;scroll-snap-type:y proximity}}@media (width>=901px){.resume-layout{gap:clamp(32px,4vw,68px);padding-top:18px}.resume h2{font-size:clamp(38px,3.25vw,54px)}.category-character{height:min(49vh,480px);bottom:-5vh}}:root{--nav-h:80px;--nav-gap:28px;--z-nav:300}.nav{height:var(--nav-h);z-index:var(--z-nav);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#0c0913f5,#0c0913c7);border-bottom:1px solid #e9dcff1f;width:100%;margin:0;position:fixed;inset:0 0 auto}.nav-inner{height:var(--nav-h);align-items:center;display:flex}.hero-body{margin-top:var(--nav-h)}.section{padding-top:calc(var(--nav-h) + var(--nav-gap))}@media (height<=840px) and (width>=901px){:root{--nav-gap:18px}main>.hero,main>.section,main>.footer{min-height:0}.section{padding-bottom:18px}.resume-layout{grid-template-columns:minmax(0,1.55fr) minmax(220px,.65fr);gap:24px;padding-top:10px}.resume h2{font-size:clamp(34px,3vw,44px)}.resume-portrait{height:min(50svh,420px)}}@media (width>=901px){.resume-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.resume-portrait{height:min(80svh,860px)}}@media (height<=840px) and (width>=901px){.resume-layout{grid-template-columns:minmax(0,1.42fr) minmax(250px,.78fr)}.resume-portrait{height:min(58svh,480px)}}@media (width>=901px){.resume-portrait{overflow:visible}.resume-portrait img{transform-origin:0;transform:scale(1.12)}}.resume-portrait{width:100%;min-width:0;height:100%;position:absolute;inset:0}.resume-portrait img{object-fit:cover;object-position:center;-webkit-mask-image:none;mask-image:none}@media (height<=840px) and (width>=901px){.resume-portrait img{transform:scale(1.08)}}@media (width<=900px){:root{--nav-h:78px;--nav-gap:22px}.nav-inner{width:min(100% - 44px,1700px)}.section{padding-top:calc(var(--nav-h) + var(--nav-gap))}}.category-list{gap:clamp(22px,2.8vw,48px);width:min(1420px,100%)}.category-card{gap:9px}.category-card i{top:19px;right:17px}.portfolio-top{grid-template-columns:1fr auto 1fr;align-items:center;margin:23px 0 clamp(20px,3vh,34px);display:grid}.portfolio-top>p{color:#a99cb7;letter-spacing:.13em;margin:0;font:10px DM Mono}.portfolio-index{color:#8c8098;letter-spacing:.1em;justify-self:end;font:11px DM Mono}.filter-tabs{justify-content:center;gap:10px;margin:0}.filter-tabs button{letter-spacing:.04em;border-radius:2px;padding:10px 18px;font:11px DM Mono,Noto Sans SC}.gallery{grid-template-columns:minmax(270px,.58fr) minmax(0,1.42fr);gap:clamp(40px,6vw,100px);height:min(63svh,650px)}.gallery-copy{align-self:end;padding-bottom:clamp(10px,3vh,30px)}.gallery-copy .project-meta{margin-bottom:13px}.gallery-copy h3{margin:0 0 27px;font-size:clamp(28px,3vw,50px)}.thinking-label{margin:0 0 8px}.gallery-image{cursor:zoom-in;width:100%;text-align:initial;border-radius:3px;padding:0;display:block}.gallery-image img{object-fit:contain}.gallery-image:hover{border-color:#ddc9ff6b}.image-open-label{color:#eee6f7;letter-spacing:.12em;opacity:.82;background:#0e0a15c2;border:1px solid #e8dbff33;align-items:center;gap:16px;padding:10px 12px;font:9px DM Mono;transition:opacity .2s,background .2s;display:flex;position:absolute;bottom:20px;right:22px}.image-open-label i{color:#c6a2ff;font-size:15px;font-style:normal}.gallery-image:hover .image-open-label{opacity:1;background:0 0}.is-modal-open{overflow:hidden!important}.lightbox{z-index:500;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07050be8;place-items:center;padding:clamp(16px,3vw,48px);display:grid;position:fixed;inset:0}.lightbox-dialog{background:radial-gradient(at 50% 45%,#4a356754,#100c17fa 72%);border:1px solid #dec8ff33;grid-template-rows:auto minmax(0,1fr) auto;width:min(1580px,100%);max-height:94svh;padding:clamp(14px,2vw,28px);display:grid;box-shadow:0 30px 110px #00000094}.lightbox-head,.lightbox-foot{justify-content:space-between;align-items:center;gap:20px;display:flex}.lightbox-head{border-bottom:1px solid #ffffff1f;padding-bottom:17px}.lightbox-head div{flex-direction:column;gap:5px;display:flex}.lightbox-head span{color:#b89bfc;letter-spacing:.12em;font:9px DM Mono}.lightbox-head strong{font-size:17px;font-weight:600}.lightbox-head>button{cursor:pointer;background:0 0;border:1px solid #ffffff38;flex:none;width:40px;height:40px;font-size:27px;line-height:1}.lightbox-head>button:hover,.lightbox-arrow:hover{color:#160f20;background:#c3a0f4}.lightbox-stage{grid-template-columns:50px minmax(0,1fr) 50px;place-items:center;gap:clamp(8px,2vw,28px);min-height:0;padding:18px 0;display:grid}.lightbox-stage img{object-fit:contain;max-width:100%;max-height:min(76svh,1200px);display:block}.lightbox-arrow{color:#f4effa;cursor:pointer;background:#ffffff06;border:1px solid #ffffff3d;border-radius:50%;width:46px;height:46px;font-size:21px;transition:all .2s}.lightbox-foot{color:#988da4;letter-spacing:.06em;border-top:1px solid #ffffff1f;padding-top:14px;font:10px DM Mono}.lightbox-foot span:first-child{color:#f4effa;align-items:center;gap:12px;font-size:13px;display:flex}.lightbox-foot i{background:#8d6bb8;width:44px;height:1px}@media (height<=840px) and (width>=901px){.category-list{width:min(1260px,100%)}.portfolio-top{margin:12px 0 14px}.gallery{height:57svh}}@media (width<=900px){.category-list{gap:28px}.portfolio-top{flex-direction:column;align-items:stretch;gap:14px;margin:15px 0 24px;display:flex}.portfolio-top>p,.portfolio-index{display:none}.filter-tabs{justify-content:flex-start;gap:7px}.filter-tabs button{padding:9px 11px;font-size:10px}.gallery{grid-template-columns:minmax(0,1fr);gap:22px;height:auto}.gallery-copy{align-self:auto;padding-bottom:0}.gallery-copy h3{margin-bottom:17px}.gallery-image{aspect-ratio:1.45;width:100%;min-width:0;height:auto}.lightbox{padding:10px}.lightbox-dialog{max-height:96svh;padding:12px}.lightbox-stage{grid-template-columns:44px minmax(0,1fr) 44px;gap:5px;padding:10px 0}.lightbox-stage img{max-height:76svh}.lightbox-arrow{width:42px;height:42px;font-size:18px}.lightbox-foot{font-size:9px}.lightbox-foot span:last-child{display:none}}.category-heading{justify-content:center;align-items:center;min-height:102px;padding:0;display:flex}.category-heading p{color:#b4a9c3;text-align:center;margin:0;font-size:13px;line-height:1.7}.category-composition{grid-template:".top."minmax(150px,.95fr)"left center right"minmax(235px,1.05fr)/minmax(0,1fr) minmax(280px,1.05fr) minmax(0,1fr);align-items:center;gap:16px clamp(18px,2.4vw,38px);width:min(1480px,100%);height:min(57svh,570px);min-height:450px;margin:0 auto;display:grid}.category-card{z-index:2;text-align:left;cursor:pointer;background:linear-gradient(145deg,#2a1e3bf0,#110d19fa);border:1px solid #e0cdff36;border-radius:3px;grid-template-rows:minmax(0,1fr) auto;align-self:center;gap:0;min-width:0;padding:0;transition:transform .28s,border-color .28s,box-shadow .28s;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 48px #02010757}.category-card.category-hardware{grid-area:left}.category-card.category-web{grid-area:top;place-self:center;width:min(100%,360px)}.category-card.category-mobile{grid-area:right}.category-card:hover{background:linear-gradient(145deg,#302244fa,#140f1efc);border-color:#d6bcffa6;padding:0;transform:translateY(-7px);box-shadow:0 24px 58px #0201077a,0 0 34px #754ea71f}.category-card-media{aspect-ratio:2.1;background:#191321;width:100%;min-height:0;display:block;overflow:hidden}.category-card-media img{object-fit:cover;opacity:.94;width:100%;height:100%;transition:transform .45s cubic-bezier(.2,.75,.2,1),opacity .3s;display:block}.category-card:hover .category-card-media img{opacity:1}.category-card-copy{border-top:1px solid #ffffff1a;flex-direction:column;justify-content:center;gap:5px;min-height:76px;padding:12px 46px 13px 17px;display:flex;position:relative}.category-card-copy .card-index{color:#aa95c0;letter-spacing:.12em;margin:0;font:9px DM Mono}.category-card-copy .card-name{color:#f1eafa;letter-spacing:-.04em;font-size:clamp(19px,1.65vw,26px);font-weight:600;line-height:1.2}.category-card-copy i{color:#c8a9fb;font:20px Space Grotesk;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.category-character{z-index:1;grid-area:center;place-self:stretch center;width:min(100%,440px);height:100%;position:relative;bottom:auto;left:auto;transform:none}.category-character img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 36px #6b41aa42);width:100%;height:100%;display:block}.category-character span{bottom:18%;right:-56px}@media (height<=840px) and (width>=901px){.category-heading{min-height:82px}.category-composition{grid-template-rows:minmax(135px,.95fr) minmax(205px,1.05fr);height:min(55svh,475px);min-height:395px}.category-card-copy{min-height:68px}}@media (width<=900px){.category-heading{min-height:0;padding:16px 0 25px}.category-composition{grid-template:"left""top""right""center"/minmax(0,1fr);gap:22px;width:100%;height:auto;min-height:0;display:grid}.category-card.category-web{place-self:auto stretch;width:100%}.category-card{width:100%}.category-card-media{aspect-ratio:1.9}.category-card-copy{min-height:74px}.category-card-copy .card-name{font-size:23px}.category-character{opacity:1;justify-self:center;width:min(88%,390px);height:clamp(280px,78vw,430px)}.category-character span{display:none}}:root{--nav-h:66px;--nav-gap:22px}.nav-inner{gap:24px}.wordmark{white-space:nowrap;letter-spacing:.025em;flex:none;align-items:baseline;gap:7px;width:auto;height:auto;font:600 15px/1 Space Grotesk;display:flex}.wordmark span{color:#c7a4fa;letter-spacing:0;border:0;border-radius:0;width:auto;height:auto;font:500 13px/1 Noto Sans SC;position:static}.wordmark span:after{display:none}.nav-links{gap:clamp(24px,3vw,40px);font-size:13px}.category-card{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}.category-card-media{aspect-ratio:auto;height:100%}.category-card-copy{border-top:0;border-left:1px solid #ffffff1a;min-width:0;min-height:0;padding:15px clamp(30px,2.2vw,48px) 15px 18px}.category-card-copy .card-index{white-space:nowrap}.category-card-copy .card-name{overflow-wrap:anywhere}.category-character img{transform-origin:bottom;transform:scale(1.18)}.category-character span{display:none}.portfolio{padding-top:calc(var(--nav-h) + 4px)}.portfolio-top{justify-content:center;margin:0 0 clamp(20px,3vh,30px);display:flex}.portfolio-top>p,.portfolio-index{display:none}.filter-tabs{gap:10px}.filter-tabs button{color:#d4cbdc;letter-spacing:.02em;white-space:nowrap;background:#18131fad;border-color:#dccdf02b;border-radius:999px;min-height:40px;padding:9px 18px;font:500 12px/1 Noto Sans SC}.filter-tabs button.active,.filter-tabs button:hover{color:#f4ecff;background:#68488c7a;border-color:#c9a4ffb3}.gallery{height:min(68svh,620px);min-height:480px;display:block;position:relative}.gallery-image{width:80%;height:min(58svh,540px);position:absolute;top:0;right:0}.gallery-copy{z-index:2;width:min(30%,420px);padding:0 12px 0 0;position:absolute;bottom:0;left:0}.gallery-copy .project-meta,.gallery-copy .thinking-label{display:none}.gallery-copy h3{text-wrap:balance;margin:0 0 14px;font-size:clamp(29px,3.2vw,50px);line-height:1.12}@media (height<=840px) and (width>=901px){.portfolio{padding-top:calc(var(--nav-h) + 4px)}.gallery{height:65svh;min-height:430px}.gallery-image{height:54svh}}@media (width<=900px){:root{--nav-h:64px;--nav-gap:20px}.nav-inner{width:min(100% - 36px,1700px)}.wordmark{gap:5px;font-size:13px}.wordmark span{font-size:12px}.category-card{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr)}.category-card-media{aspect-ratio:1.9;height:auto}.category-card-copy{border-top:1px solid #ffffff1a;border-left:0;min-height:74px}.category-character img{transform:none}.portfolio-top{margin:0 0 20px}.portfolio{padding-top:calc(var(--nav-h) + 20px)}.filter-tabs{flex-wrap:wrap;justify-content:center}.filter-tabs button{padding:9px 13px;font-size:11px}.gallery{flex-direction:column;gap:20px;height:auto;min-height:0;display:flex}.gallery-image{aspect-ratio:1.45;order:1;width:100%;height:auto;min-height:0;position:relative;inset:auto}.gallery-copy{order:2;width:100%;padding:0 80px 0 0;position:relative;inset:auto}.gallery-copy h3{font-size:clamp(26px,7vw,40px)}}.nav,.nav-inner{height:var(--nav-h)}.wordmark{gap:6px;font-size:14px}.wordmark span{font-size:13px}@media (width>=901px){.category-composition{grid-template:auto/repeat(3,minmax(0,1fr));align-items:start;gap:0 clamp(20px,2.2vw,36px);width:min(1540px,100%);height:min(58svh,560px);min-height:410px;display:grid;position:relative;overflow:visible}.category-card.category-hardware,.category-card.category-web,.category-card.category-mobile{grid-area:auto;align-self:start;width:min(100%,380px);min-height:0;margin-top:clamp(42px,6.8vh,72px)}.category-card.category-hardware{justify-self:start}.category-card.category-web{justify-self:center;width:min(100%,320px);margin-top:0}.category-card.category-mobile{justify-self:end}.category-card{border-radius:4px}.category-card-media{min-height:0}.category-card-copy{padding-left:clamp(12px,1.4vw,22px);padding-right:38px}.category-card-copy .card-name{font-size:clamp(17px,1.55vw,25px)}.category-character{z-index:1;width:min(40%,500px);height:75%;position:absolute;bottom:-10%;left:50%;transform:translate(-50%)}.category-character img{transform:scale(1.02)}}.gallery-image{box-shadow:none;background:0 0;border:0;border-radius:0;width:70%;overflow:visible}.gallery-image img{background:#100c1780;border:1px solid #ffffffd1;border-radius:14px;width:auto;max-width:100%;height:auto;max-height:100%;padding:0;display:block}.gallery-image:hover{border:0}.image-open-label{display:none}@media (width<=900px){:root{--nav-h:62px}.nav-inner{height:var(--nav-h)}.wordmark{font-size:13px}.wordmark span{font-size:12px}.category-composition{flex-direction:column;gap:20px;height:auto;min-height:0;display:flex;position:relative;overflow:visible}.category-card.category-hardware,.category-card.category-web,.category-card.category-mobile{width:100%;min-height:0;margin:0}.category-character{order:4;width:min(88%,390px);height:clamp(280px,78vw,430px)}.gallery-image img{border-radius:11px}}.nav-links a{border-radius:9px;justify-content:center;align-items:center;min-height:36px;padding:0 12px;transition:color .2s,background-color .2s,font-weight .2s;display:inline-flex}.nav-links a.active{color:#fffaff;background:#be97f3e6;font-weight:700}.nav-links a:hover{color:#fff}@media (width>=901px){.hero-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero h1{margin:20px 0 24px;font-size:clamp(64px,6.7vw,124px)}.resume h2{white-space:nowrap;letter-spacing:-.075em;font-size:clamp(32px,3.2vw,50px)}}.hero:before{content:none}.resume{isolation:isolate;position:relative}.resume-portrait{top:calc(-1 * var(--nav-h));z-index:0;pointer-events:none;width:min(75vw,1120px);height:auto;position:absolute;bottom:0;right:0;overflow:visible}.resume-portrait img{opacity:1;object-fit:cover;object-position:right center;width:100%;height:100%;inset:0;transform:none;-webkit-mask-image:linear-gradient(270deg,#000 88%,#0000 100%);mask-image:linear-gradient(270deg,#000 88%,#0000 100%)}@media (width<=900px){.hero:before{background-position:68%}.resume-portrait{width:min(100%,680px);height:min(58svh,480px);margin-left:auto;position:relative;top:auto;right:auto}}.portfolio{padding:calc(var(--nav-h) + clamp(12px, 2vh, 24px)) 0 24px;flex-direction:column;display:flex}.portfolio>.page-width{width:min(var(--content-width), calc(100% - 120px));height:calc(100svh - var(--nav-h) - clamp(12px, 2vh, 24px) - 24px);flex-direction:column;min-height:0;display:flex}.portfolio-top{justify-content:center;align-items:center;min-height:54px;margin:0 0 clamp(14px,2.2vh,24px);display:flex;position:relative}.portfolio-kicker{color:#b9a9cc;letter-spacing:.1em;margin:0;font:10px/1.4 DM Mono,monospace;position:absolute;left:0}.portfolio-kicker span{color:#b89bfc}.filter-tabs{isolation:isolate;background:0 0;border:0;border-radius:13px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:min(100%,540px);padding:5px;display:grid;position:relative;transform:translateY(-20px)}.filter-tab-indicator{z-index:0;background:#68488c7a;border:1px solid #c9a4ffb3;border-radius:9px;width:calc(33.3333% - 3.33333px);transition:transform .38s cubic-bezier(.2,.8,.2,1);position:absolute;top:5px;bottom:5px;left:5px;transform:translate(0);box-shadow:0 5px 18px #412b5c33}.filter-tabs button{z-index:1;color:#d4cbdc;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-width:0;min-height:42px;padding:8px 12px;font:500 13px/1.2 Noto Sans SC,sans-serif;transition:color .25s,font-weight .25s;display:inline-flex;position:relative}.filter-tabs button small{color:#a99bb9;font:9px/1 DM Mono,monospace;transition:color .25s}.filter-tabs button.active{color:#f4ecff;background:0 0;border-color:#0000;font-weight:700}.filter-tabs button.active small{color:#e1d0fa}.filter-tabs button:hover:not(.active){color:#fff;background:0 0;border-color:#0000}.filter-tabs button:focus-visible,.project-thumb:focus-visible,.gallery-detail-button:focus-visible{outline-offset:4px;outline:2px solid #d9c2ff}.gallery{--gallery-gap:clamp(32px, 5vw, 78px);--gallery-copy-extra:65px;grid-template-columns:minmax(0, calc((100% - 2 * var(--gallery-gap)) / 3 + var(--gallery-copy-extra))) minmax(0, 1fr);gap:var(--gallery-gap);flex:auto;grid-template-rows:minmax(0,1fr);align-items:center;min-height:0;display:grid}.gallery-copy{grid-area:1/1;align-self:center;width:auto;min-width:0;padding:0;position:relative;inset:auto}.gallery-copy .project-meta{color:#b58eff;letter-spacing:.1em;margin:0 0 12px;font:10px/1.4 DM Mono,monospace;display:block}.gallery-copy h3{color:#f4f0fa;letter-spacing:-.045em;text-wrap:pretty;overflow-wrap:anywhere;max-width:460px;margin:0;font-size:clamp(24px,2.1vw,34px);font-weight:650;line-height:1.28}.project-subtitle{color:#b9afc5;margin:14px 0 0;font-size:11px;line-height:1.5;display:grid}.project-subtitle dd{margin:0}.thinking-label{color:#e5d9f1;margin:0 0 13px;font-size:13px;font-weight:600}.thinking-block dl{gap:12px;margin:0;display:grid}.project-subtitle>div,.thinking-block dl>div{text-align:left;grid-template-columns:4rem minmax(0,1fr);align-items:start;gap:13px;display:grid}.thinking-block dt{color:#b89bfc;font-size:11px;line-height:1.8}.thinking-block dd{color:#b6acbf;margin:0;font-size:12px;line-height:1.75}.gallery-detail-button{color:#eee6f7;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:0;align-items:center;gap:15px;min-height:46px;margin-top:clamp(20px,3vh,34px);padding:0;font-size:12px;font-weight:600;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.gallery-detail-button span{color:#d4b8fc;font-size:17px;transition:transform .2s}.gallery-detail-button:hover{color:#fff;background:0 0;transform:translateY(-2px)}.gallery-detail-button:hover span{transform:translate(3px)}.gallery-stage{grid-area:1/2;place-items:center;width:100%;min-width:0;height:min(60svh,620px);min-height:0;display:grid}.gallery-stage.wide-stage{justify-self:end;width:min(100%,1102px);height:min(60svh,620px)}.gallery-image{cursor:zoom-in;background:radial-gradient(#4f396e78,#161120f5 74%);border:1px solid #ffffffd1;border-radius:16px;place-items:center;width:100%;min-width:0;height:100%;padding:clamp(12px,1.5vw,22px);transition:transform .3s,box-shadow .3s,border-color .3s;display:grid;position:relative;inset:auto;overflow:hidden;box-shadow:0 20px 54px #04020c6b,0 0 30px #5739811c}.gallery-image img{object-fit:contain;background:#100c176b;border:0;border-radius:10px;width:100%;max-width:100%;height:100%;max-height:100%;padding:0;transition:transform .35s cubic-bezier(.2,.75,.2,1);display:block}.gallery-image:hover{border-color:#fffffff2;transform:translateY(-2px);box-shadow:0 28px 68px #04020c94,0 0 34px #57398129}.gallery-image:hover img{transform:scale(1.02)}.image-open-label{color:#eee6f7;text-shadow:0 1px 4px #000000b3;opacity:0;background:0 0;border:0;border-radius:0;align-items:center;gap:9px;padding:0;font-size:11px;transition:opacity .2s;display:inline-flex;position:absolute;bottom:16px;right:16px}.gallery-image:hover .image-open-label,.gallery-image:focus-visible .image-open-label{opacity:1}.image-open-label b{color:#d4b8fc;font-size:15px}.gallery-stage.mobile-stage{overflow:visible}.project-rail{flex:none;margin-top:clamp(14px,2.2vh,24px)}.project-rail-heading{color:#b9afc5;letter-spacing:.05em;justify-content:flex-end;align-items:center;margin-bottom:9px;font-size:10px;display:flex}.project-rail-heading>span:last-child{color:#d8cae9;font:10px DM Mono,monospace}.project-rail-heading i{color:#8d6bb8;padding:0 5px;font-style:normal}.project-rail-heading b{color:#a99eaf;margin-left:5px;font:10px Noto Sans SC,sans-serif}.project-rail-track{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b89bfc7a #ffffff0f;gap:10px;padding:2px 2px 8px;display:flex;overflow-x:auto}.project-thumb{color:#b9afc5;text-align:left;cursor:pointer;background:#18131f6b;border:1px solid #dccdf021;border-radius:8px;flex:0 0 clamp(142px,12.3vw,202px);grid-template-columns:68px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:7px;transition:border-color .22s,background-color .22s,transform .22s;display:grid}.project-thumb:hover{background:#2b203dc7;border-color:#c9a4ff73;transform:translateY(-2px)}.project-thumb.active{color:#f4ecff;background:#68488c52;border-color:#c9a4ffc7}.project-thumb-image{aspect-ratio:1.55;background:#100c17c7;border-radius:5px;width:68px;display:block;overflow:hidden}.project-thumb-image img{object-fit:cover;width:100%;height:100%;transition:transform .28s;display:block}.project-thumb:hover .project-thumb-image img{transform:scale(1.04)}.project-thumb-copy{gap:4px;min-width:0;display:grid}.project-thumb-copy small{color:#b89bfc;font:9px/1 DM Mono,monospace}.project-thumb-copy>span{color:inherit;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.4;display:-webkit-box;overflow:hidden}@media (height<=800px) and (width>=901px){.portfolio{padding-top:calc(var(--nav-h) + 10px);padding-bottom:12px}.portfolio>.page-width{height:calc(100svh - var(--nav-h) - 22px)}.portfolio-top{min-height:46px;margin-bottom:12px}.gallery-stage{height:min(56svh,490px)}.gallery-stage.wide-stage{width:min(100%,871px);height:min(56svh,490px)}.thinking-block{margin-top:14px}.thinking-block dl{gap:6px}.thinking-block dd{font-size:11px}.gallery-detail-button{min-height:40px;margin-top:14px}.project-rail{margin-top:10px}.project-rail-track{gap:7px}.project-thumb{flex-basis:150px}}@media (width<=900px){.portfolio{padding:calc(var(--nav-h) + 28px) 0 38px;height:auto!important;min-height:100svh!important;overflow:visible!important}.portfolio>.page-width{width:min(100% - 44px,720px);height:auto;display:block}.portfolio-top{justify-content:center;min-height:0;margin:0 0 26px}.portfolio-kicker{display:none}.filter-tabs{width:100%;max-width:540px}.filter-tabs button{min-height:44px;font-size:12px}.gallery{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);gap:22px;height:auto;min-height:0;display:grid}.gallery-copy{grid-area:2/1}.gallery-copy h3{font-size:clamp(25px,6vw,34px)}.gallery-stage{grid-area:1/1;width:100%;height:min(58svh,560px);min-height:300px}.gallery-stage.wide-stage{aspect-ratio:16/9;height:auto;min-height:0}.gallery-image{border-radius:13px;width:100%;height:100%;padding:10px;position:relative}.gallery-image img{border-radius:8px}.project-thumb{flex-basis:168px}.project-rail{margin-top:24px}.gallery-detail-button{margin-top:19px}}@media (prefers-reduced-motion:reduce){.filter-tab-indicator,.gallery-image,.gallery-image img,.project-thumb,.project-thumb-image img{transition-duration:.01ms!important}}:root{--resume-date:#9d7bff}@keyframes resume-tab-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.categories .category-composition{perspective:1000px;perspective-origin:50% 48%;transform-style:preserve-3d}.categories .category-card{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:0;transform-style:preserve-3d;backface-visibility:hidden;background:#311f4e66;border:1px solid #ac77ff57;border-radius:10px;transition:transform .48s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s,background-color .3s;box-shadow:0 22px 52px #08041161,inset 0 1px #f1e3ff14}.categories .category-card.category-hardware{transform:translateY(-14px)rotateY(15deg)rotateX(2deg)translateZ(18px)}.categories .category-card.category-web{transform:translateY(-8px)rotateX(10deg)translateZ(28px)}.categories .category-card.category-mobile{transform:translateY(-14px)rotateY(-15deg)rotateX(2deg)translateZ(18px)}.categories .category-card:hover{background:#3d276085;border-color:#cba4ffad;box-shadow:0 28px 64px #08041180,0 0 28px #8b54cf24,inset 0 1px #f1e3ff1f}.categories .category-card.category-hardware:hover{transform:translateY(-20px)rotateY(15deg)rotateX(2deg)translateZ(18px)}.categories .category-card.category-web:hover{transform:translateY(-14px)rotateX(10deg)translateZ(28px)}.categories .category-card.category-mobile:hover{transform:translateY(-20px)rotateY(-15deg)rotateX(2deg)translateZ(18px)}.categories .category-card-media{aspect-ratio:2.4;background:#130d1eb3}.categories .category-card-media img{opacity:.96}.categories .category-card-copy{background:#18102573;min-height:62px;padding-top:8px;padding-bottom:9px}.categories .category-card-copy .card-index{color:#c7a4fa}.categories .category-card-copy .card-name{color:#f5efff;font-size:clamp(16px,1.2vw,19px)}.categories .category-card i{color:#e1c9ff}@media (prefers-reduced-motion:reduce){.categories .category-card{transition-duration:.01ms!important}}@keyframes hero-copy-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width>=901px){.resume-layout{padding-top:clamp(26px,3.4vh,38px)}.categories .category-composition{margin-top:102px}.categories .category-card{filter:brightness(.96);border-radius:16px;grid-template-rows:minmax(0,1fr) auto;width:min(100%,285px);transition:transform .48s cubic-bezier(.2,.8,.2,1),filter .3s,border-color .3s,box-shadow .3s,background-color .3s}.categories .category-card.category-hardware,.categories .category-card.category-mobile{margin-top:0}.categories .category-card.category-hardware{justify-self:start;transform:translateY(40px)rotateY(8deg)rotateX(1deg)translateZ(18px)}.categories .category-card.category-web{justify-self:center;width:min(100%,220px);margin-top:0;transform:translateY(-64px)rotateX(5deg)translateZ(28px)}.categories .category-card.category-mobile{justify-self:end;transform:translateY(40px)rotateY(-8deg)rotateX(1deg)translateZ(18px)}.categories .category-card-media{aspect-ratio:1.15;background:#130d1eb3}.categories .category-card-media img{object-fit:cover}.categories .category-card-copy{background:#18102573;min-height:64px;padding:9px 36px 10px 14px}.categories .category-card-copy .card-index{font-size:9px}.categories .category-card-copy .card-name{font-size:clamp(16px,1.15vw,19px)}.categories .category-card.category-hardware:hover{transform:translateY(34px)rotateY(8deg)rotateX(1deg)translateZ(18px)scale(1.025)}.categories .category-card.category-web:hover{transform:translateY(-64px)rotateX(5deg)translateZ(28px)scale(1.025)}.categories .category-card.category-mobile:hover{transform:translateY(34px)rotateY(-8deg)rotateX(1deg)translateZ(18px)scale(1.025)}.categories .category-card:hover,.categories .category-card:focus-visible{filter:brightness(1.08)}}.category-card:focus-visible{outline-offset:5px;outline:2px solid #d9c2ff}.project-subtitle{color:#e9def975;margin-top:12px;font-size:12px;line-height:1.45}.project-subtitle dt{color:#d7bef8b3;font-weight:700}.thinking-block{margin-top:clamp(20px,2.6vh,30px)}.thinking-block dl{gap:15px}.thinking-block dt{font-weight:700;line-height:1.8}.thinking-block dd{line-height:1.85}.gallery-image img{object-fit:contain;box-shadow:0 26px 72px #04020c94,0 0 28px #8b54cf2b}.project-rail-track{gap:16px}.project-thumb.active{border-color:#c9a4ffe6;box-shadow:0 0 0 1px #c9a4ff47,0 0 22px #8b54cf38}@media (width<=900px){.category-composition{margin-top:0}.project-rail-track{gap:12px}}@media (prefers-reduced-motion:reduce){.categories .category-card,.project-thumb,.gallery-image img{transition-duration:.01ms!important}}:root{--nav-h:51px}.nav,.nav-inner{height:var(--nav-h)}.nav{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:0!important}#mainNav,#mainNav .nav-inner,.nav-inner{box-shadow:none!important;background:0 0!important}#mainNav:before,#mainNav:after{content:none!important;display:none!important}.nav-links a{min-height:29px}.nav-links a.active{background:#ffffff1a}.nav-links a{transition:color .18s,background-color .18s,scale .14s cubic-bezier(.34,1.56,.64,1)}.filter-tab-indicator{transition:transform .22s cubic-bezier(.16,1,.3,1)}.filter-tabs button{transition:color .18s,font-weight .18s,scale .14s cubic-bezier(.34,1.56,.64,1)}.categories .category-card{transition:transform .22s cubic-bezier(.16,1,.3,1),filter .18s,border-color .18s,box-shadow .18s,background-color .18s,scale .14s cubic-bezier(.34,1.56,.64,1)}.category-card-media img{transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .18s}.gallery-image{transition:transform .22s,box-shadow .22s,border-color .18s,scale .14s cubic-bezier(.34,1.56,.64,1)}.gallery-image img{transition:transform .22s cubic-bezier(.16,1,.3,1)}.project-thumb{scroll-snap-align:center;transition:border-color .18s,background-color .18s,transform .18s,scale .14s cubic-bezier(.34,1.56,.64,1)}.project-thumb-image img{transition:transform .2s cubic-bezier(.16,1,.3,1)}.project-rail-track{scroll-snap-type:x proximity;scroll-behavior:smooth}.gallery-detail-button{transition:background-color .18s,border-color .18s,transform .18s,scale .14s cubic-bezier(.34,1.56,.64,1)}.gallery-detail-button span{transition:transform .18s}.lightbox-arrow,.lightbox-head>button{transition:background-color .18s,color .18s,border-color .18s,scale .14s cubic-bezier(.34,1.56,.64,1)}.nav-links a:active,.filter-tabs button:active,.project-thumb:active,.gallery-detail-button:active,.lightbox-arrow:active,.lightbox-head>button:active{scale:.965}.categories .category-card:active,.gallery-image:active{scale:.985}.project-rail-heading>span:first-child{letter-spacing:.08em}.project-rail-track:focus-visible{outline-offset:3px;outline:1px solid #c9a4ff8c}.project-thumb.active{scroll-snap-align:center}@media (prefers-reduced-motion:reduce){.nav-links a,.filter-tab-indicator,.filter-tabs button,.categories .category-card,.category-card-media img,.gallery-image,.gallery-image img,.project-thumb,.project-rail-track,.project-thumb-image img,.gallery-detail-button,.gallery-detail-button span,.lightbox-arrow,.lightbox-head>button{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.resume.section{isolation:isolate;position:relative;overflow:hidden}.resume-portrait{z-index:0;pointer-events:none;width:100%;min-width:0;height:100%;position:absolute;inset:0;overflow:hidden}.resume-portrait:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0c0913f0 0%,#0c0913c7 34%,#0c091342 64%,#0c09130a 100%);position:absolute;inset:0}.resume-portrait img{opacity:1;visibility:visible;object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0;transform:none;-webkit-mask-image:none;mask-image:none}.resume-content{z-index:1;position:relative}@media (width>=901px){.resume.section{padding-top:clamp(22px,2.5vh,30px)}.resume-layout{padding-top:calc(clamp(34px,4.2vh,46px) + 16px)}}.ripple-distortion{background:0 0;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.ripple-distortion-source{object-fit:cover;object-position:center;opacity:1;width:100%;height:100%;transition:opacity .12s;display:block;position:absolute;inset:0}.ripple-distortion.is-ready .ripple-distortion-source{opacity:0}.resume-portrait .resume-ripple-image{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.resume-portrait .resume-ripple-image.is-ready .ripple-distortion-source{opacity:1}.category-card-media .category-ripple-image{transition:transform .22s cubic-bezier(.16,1,.3,1)}.category-ripple-image .ripple-distortion-source{object-fit:cover;opacity:.96}.gallery-image .gallery-ripple-image{border-radius:inherit;width:100%;height:100%;padding:clamp(12px,1.5vw,22px);transition:transform .22s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.gallery-ripple-image .ripple-distortion-source{object-fit:contain;border-radius:10px}.gallery-image:hover .gallery-ripple-image{transform:scale(1.02)}.lightbox-stage .lightbox-ripple-image{border-radius:10px;width:100%;height:min(76svh,1200px);max-height:min(76svh,1200px)}.lightbox-ripple-image .ripple-distortion-source{object-fit:contain}.video-preview{background:radial-gradient(#4f396e78,#161120f5 74%);border:1px solid #ffffffd1;border-radius:16px;place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 54px #04020c6b,0 0 30px #5739811c}.video-preview video{object-fit:contain;background:#100c17;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.video-play-button{color:#f6f0ff;cursor:pointer;background:linear-gradient(#0c08121a,#0c081238);border:0;flex-direction:column;justify-content:center;align-items:center;gap:13px;transition:background .22s;display:flex;position:absolute;inset:0}.video-play-button>span{color:#fff;background:#a880e161;border:1px solid #ffffffc2;border-radius:50%;place-items:center;width:68px;height:68px;padding-left:4px;font-size:19px;transition:transform .22s cubic-bezier(.16,1,.3,1),background .22s;display:grid;box-shadow:0 0 35px #996cd74d}.video-play-button b{letter-spacing:.08em;font-size:12px;font-weight:500}.video-play-button:hover{background:#0c081240}.video-play-button:hover>span{background:#a880e194;transform:scale(1.08)}.gallery-video{grid-area:1/1}.lightbox-video{grid-area:1/1/auto/-1;min-height:min(72svh,760px)}.project-thumb-video{background:#100c17;width:100%;height:100%;display:block;position:relative;overflow:hidden}.project-thumb-video video{object-fit:cover;opacity:.76;width:100%;height:100%;display:block}.project-thumb-video i{color:#fff;text-shadow:0 1px 10px #000c;place-items:center;font-size:17px;font-style:normal;display:grid;position:absolute;inset:0}.project-thumb.active .project-thumb-video video{opacity:.96}@media (prefers-reduced-motion:reduce){.ripple-distortion-source,.category-card-media .category-ripple-image,.gallery-image .gallery-ripple-image{transition:none!important}}.gallery-stage.wide-stage{aspect-ratio:16/9;height:auto;min-height:0}.gallery-image{aspect-ratio:16/9;height:100%;padding:0}.gallery-image .gallery-ripple-image{padding:0}.gallery-image:hover,.gallery-image:hover img,.gallery-image:hover .gallery-ripple-image{transform:none}.portfolio-top{flex:none;min-height:76px;margin-bottom:clamp(18px,2.4vh,26px)}.gallery-stage.wide-stage{width:min(100%,1000px,99.5556svh)}.filter-tabs,.filter-tabs button,.filter-tab-indicator{border-radius:999px}.gallery{align-items:start}.gallery-copy{align-self:start}.gallery-art-stack{border-radius:inherit;display:block;position:absolute;inset:0;overflow:hidden}.gallery-art-layer{display:block;position:absolute;inset:0;overflow:hidden}.gallery-image.cooker-preview .gallery-art-layer{inset:5%}.gallery-art-outgoing{z-index:1;animation:.34s both gallery-crossfade-out}.gallery-art-outgoing img{object-fit:contain;width:100%;height:100%;animation:none;display:block}.gallery-art-incoming .ripple-distortion-source{animation:none}.gallery-art-incoming{z-index:2;opacity:1}.gallery-art-incoming.is-crossfading{animation:.34s both gallery-crossfade-in}@keyframes gallery-crossfade-in{0%{opacity:0}to{opacity:1}}@keyframes gallery-crossfade-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.gallery-art-outgoing,.gallery-art-incoming.is-crossfading{animation-duration:.01ms}}@media (width>=901px){.gallery-stage.wide-stage{transform:translate(-34px,-24px)}.portfolio .gallery-copy .project-meta{color:#bca3df;font-size:11px}.portfolio .project-subtitle{color:#bdb2c9;font-size:13px}.portfolio .thinking-block dl{gap:12px}.portfolio .thinking-block dt{color:#bea7df;font-size:12px}.portfolio .thinking-block dd{color:#c1b5cb;font-size:13px;line-height:1.8}.portfolio .gallery-detail-button{font-size:13px}.portfolio .gallery-image{background:#100c18;border-color:#d8c3f13d;box-shadow:0 16px 36px #04020c33}.portfolio .gallery-image:hover{border-color:#d8c3f175;box-shadow:0 18px 40px #04020c42}.portfolio .gallery-image img{box-shadow:none;object-fit:contain;background:0 0}.portfolio .project-rail-heading,.portfolio .project-rail-heading>span:last-child,.portfolio .project-rail-heading b{font-size:11px}.portfolio .project-thumb{flex-basis:clamp(190px,15vw,224px);gap:12px;min-height:72px;padding:8px}.portfolio .project-thumb-copy{gap:5px}.portfolio .project-thumb-copy small{font-size:11px}.portfolio .project-thumb-copy>span{font-size:12px;line-height:1.5}.portfolio .project-thumb.active{box-shadow:0 0 0 1px #c9a4ff2e}}@media (width>=901px) and (height<=800px){.portfolio .gallery{--gallery-copy-extra:62.5px}.portfolio .thinking-block{margin-top:14px}.portfolio .thinking-block dl{gap:8px}.portfolio .thinking-block dd{font-size:12.5px;line-height:1.7}.portfolio .gallery-detail-button{margin-top:18px}}.lightbox{padding:clamp(16px,2vw,34px)}.lightbox-dialog{grid-template-rows:48px minmax(0,1fr) 42px;grid-template-columns:minmax(190px,230px) minmax(0,1fr);gap:0 clamp(24px,3vw,54px);width:min(1660px,100%);height:min(92svh,960px);max-height:92svh;padding:clamp(18px,2vw,30px)}.lightbox-head{grid-area:1/1/auto/-1;justify-content:flex-end;padding:0 0 12px}.lightbox-head>span{color:#ddccf275;letter-spacing:.12em;margin-right:auto;font:9px DM Mono,monospace}.lightbox-head>span i{color:#ad87df;padding:0 8px;font-style:normal}.lightbox-info{flex-direction:column;grid-area:2/1;align-items:flex-start;min-width:0;padding:clamp(28px,7vh,76px) 0 18px;display:flex}.lightbox-info>div:first-child>span{color:#b89bfc;letter-spacing:.1em;font:10px DM Mono,monospace}.lightbox-info h2{color:#f4f0fa;overflow-wrap:anywhere;margin:14px 0 0;font-size:clamp(24px,2vw,34px);line-height:1.35}.lightbox-info>p{color:#dccfeb6b;letter-spacing:.1em;margin:16px 0 0;font:10px DM Mono,monospace}.lightbox-stage{grid-area:2/2;grid-template-columns:46px minmax(0,1fr) 46px;gap:clamp(8px,1.5vw,22px);min-width:0;min-height:0;padding:18px 0}.lightbox-art{border-radius:10px;width:100%;min-width:0;height:100%;min-height:0;display:block;position:relative;inset:auto;overflow:hidden}.lightbox-stage .gallery-ripple-image{border-radius:inherit;width:100%;height:100%;max-height:none;position:absolute;inset:0}.lightbox-art .gallery-art-layer img{border-radius:inherit;object-fit:contain;padding:0}.lightbox-foot{grid-area:3/1/auto/-1;min-width:0;padding-top:12px}.lightbox-foot>span:last-child{color:#daccea61;letter-spacing:.1em;font:9px DM Mono,monospace}.lightbox-video{width:100%;height:100%;min-height:0}.lightbox-stage .lightbox-mixed-video{grid-area:1/2}.global-ripple-defs{pointer-events:none;width:1px;height:1px;position:fixed;top:-2px;left:-2px;overflow:hidden}[data-cursor-ripple=true]{filter:url(#cursor-water-distortion)!important}.global-water-ripple{z-index:9999;pointer-events:none;border:1px solid #bf97ff4d;border-radius:50%;width:42px;height:42px;animation:.48s cubic-bezier(.16,1,.3,1) both cursor-ripple-expand;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 14px #a880e124}@keyframes cursor-ripple-expand{0%{opacity:.52;scale:.42}to{opacity:0;scale:1.8}}@media (width<=900px){.lightbox-dialog{grid-template-rows:44px auto minmax(0,1fr) 38px;grid-template-columns:minmax(0,1fr);height:96svh;max-height:96svh}.lightbox-head{grid-area:1/1}.lightbox-info{flex-direction:row;grid-area:2/1;align-items:center;gap:12px;padding:12px 0}.lightbox-info>div:first-child{min-width:0}.lightbox-info h2{margin-top:4px;font-size:18px}.lightbox-info>p{display:none}.lightbox-stage{grid-area:3/1;grid-template-columns:38px minmax(0,1fr) 38px;gap:5px;padding:10px 0}.lightbox-foot{grid-area:4/1}.lightbox-foot>span:last-child{display:none}.lightbox-art{min-height:0}}@media (prefers-reduced-motion:reduce){.global-water-ripple{animation-duration:.01ms}}@keyframes hero-six-mask-open{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes hero-six-rise{0%{transform:translateY(130px)rotate(-2deg)}to{transform:translateY(0)rotate(0)}}@keyframes hero-copy-arrive{0%{opacity:0;transform:translate(-48px)}to{opacity:1;transform:translate(0)}}@keyframes hero-name-reveal{0%{transform:translateY(110%)}to{transform:translateY(0)}}@media (width<=900px){.hero-body{grid-template-columns:minmax(0,1fr)}}.project-subtitle dt,.thinking-block dt{white-space:nowrap}.art-ending-page{isolation:isolate;color:#f2ecf8;background:radial-gradient(56% 62% at 74% 62%,#4f30753d,#0000 74%),radial-gradient(48% 44% at 16% 96%,#422a6533,#0000 78%),linear-gradient(120deg,#0b0812,#130d1d 58%,#090710);padding:0;display:block;overflow:hidden}.art-ending-page>.footer-noise{display:none}.art-page-glow{z-index:0;pointer-events:none;filter:blur(34px);background:radial-gradient(#8b63ba4a,#51347721 42%,#0000 72%);width:min(82vw,1380px);height:min(60vh,510px);position:absolute;top:3%;left:50%;transform:translate(-50%)}.art-cylinder-zone{z-index:1;perspective:2600px;perspective-origin:50%;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;outline:none;position:absolute;inset:3% 4% 27%}.art-cylinder-zone:active{cursor:grabbing}.art-cylinder-zone:focus-visible{outline-offset:-8px;outline:1px solid #cdb0efa6}.art-cylinder-camera{transform-style:preserve-3d;place-items:center;display:grid;position:absolute;inset:0;transform:translateY(10px)rotateX(-8deg)}.art-cylinder-ring{--art-card-width:clamp(128px, 8.28vw, 158px);--art-card-height:clamp(182px, 12.6vw, 234px);--art-cylinder-depth:calc(clamp(330px, 23vw, 410px) + 66px);width:var(--art-card-width);height:var(--art-card-height);transform-style:preserve-3d;transition:none;position:relative}.art-cylinder-ring[data-moving=true]{will-change:transform}.art-cylinder-card{width:100%;height:100%;transform-style:preserve-3d;cursor:inherit;background:#17111f;border:1px solid #f6eeff75;border-radius:9px;padding:0;transition:filter .24s,opacity .24s,box-shadow .28s;display:block;position:absolute;inset:0;overflow:visible;box-shadow:0 18px 50px #00000061}.art-cylinder-card.is-front{box-shadow:0 24px 60px #00000080,0 0 0 1px #d1b5f452}.art-cylinder-card:hover{box-shadow:0 25px 65px #0000008f,0 0 0 1px #d3b5f894}.art-cylinder-card:focus-visible{outline-offset:4px;outline:2px solid #d2b3f5}.art-cylinder-face{border-radius:inherit;backface-visibility:hidden;display:block;position:absolute;inset:0;overflow:hidden}.art-cylinder-face-back{transform:rotateY(180deg)translateZ(1px)}.art-cylinder-face img{object-fit:cover;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.art-cylinder-face:after{content:"";pointer-events:none;background:linear-gradient(#09060e08 48%,#09060e47);position:absolute;inset:0}.art-contact-copy{z-index:2;text-align:center;color:#e9e0f1;position:absolute;bottom:calc(7% + 10px);left:20px;right:20px}.art-contact-copy p{letter-spacing:.025em;margin:0;font-size:calc(clamp(21px,1.45vw,27px) - 4px);font-weight:400;line-height:1.55}.art-contact-copy p+p{color:#f5effa;margin-top:2px;font-size:calc(clamp(21px,1.45vw,27px) - 4px);font-weight:500}.art-email-action{margin-top:14px;display:inline-block;position:relative}.art-email-copy{color:#cdb2ed;font:inherit;letter-spacing:.075em;cursor:pointer;background:0 0;border:0;padding:0;font-size:15px;line-height:1.5;text-decoration:none;transition:color .18s,text-decoration-color .18s;display:inline-block}.art-email-copy:hover{color:#eee4fb;text-underline-offset:5px;-webkit-text-decoration:underline #cdb2edb8;text-decoration:underline #cdb2edb8}.art-email-copy:focus-visible{outline-offset:5px;outline:2px solid #d2b3f5}.art-copy-feedback{color:#d8c4ef;white-space:nowrap;opacity:0;pointer-events:none;font-size:12px;line-height:1.4;transition:opacity .16s,transform .16s;position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%,-2px)}.art-copy-feedback.is-visible{opacity:1;transform:translate(-50%)}@media (width<=900px){.art-ending-page{height:100svh;min-height:720px}.art-cylinder-zone{perspective:1600px;perspective-origin:50%;inset:12% 0 29%}.art-cylinder-camera{transform:translateY(5px)rotateX(-7deg)}.art-cylinder-ring{--art-card-width:clamp(90px, 15.3vw, 119px);--art-card-height:clamp(130px, 22.5vw, 173px);--art-cylinder-depth:calc(clamp(205px, 42vw, 300px) + 66px)}.art-page-glow{filter:blur(26px);width:94vw;height:min(36vh,300px);top:5%}.art-contact-copy{bottom:calc(7% + 10px)}.art-contact-copy p,.art-contact-copy p+p{font-size:calc(clamp(18px,4.7vw,23px) - 4px)}.art-email-action{margin-top:12px}.art-email-copy{font-size:14px}}@media (prefers-reduced-motion:reduce){.art-cylinder-ring,.art-cylinder-card,.art-email-copy,.art-copy-feedback{transition:none!important}}.hero{background:0 0;height:100svh;min-height:100svh}.hero h1.hero-nameplate{z-index:1;color:#f4f0faeb;letter-spacing:.045em;text-align:center;white-space:nowrap;pointer-events:none;justify-content:center;width:min(100%,1840px);margin:0;font-family:Archivo Black,Arial Black,Noto Sans SC,sans-serif;font-size:clamp(118.8px,min(19.8vw,23.76svh),277.2px);font-weight:400;line-height:.82;display:flex;position:absolute;top:clamp(28px,5svh,48px);bottom:auto;left:50%;transform:translate(-50%)}.hero .hero-nameplate-text{color:inherit;-webkit-text-stroke:0;transform:scaleX(var(--hero-title-scale,1));flex:none;display:block}.hero-body.hero-welcome-stage{z-index:1;width:100%;max-width:none;height:calc(100svh - var(--nav-h));min-height:0;margin:var(--nav-h) 0 0;grid-template-columns:minmax(0,1fr) minmax(430px,.96fr) minmax(0,1fr);align-items:center;column-gap:clamp(18px,2vw,42px);padding:0 clamp(48px,5vw,100px);display:grid;position:relative}.hero-video-background{z-index:0;object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-welcome-copy{z-index:2;color:#f4f0fa;text-shadow:0 1px 14px #0a071161;align-self:center;min-width:0;position:relative}.hero-welcome-copy-left{grid-column:1;max-width:430px}.hero-welcome-copy-right{grid-column:3;justify-self:end;width:min(100%,440px)}.hero-welcome-copy h2{color:#c7a5f3;letter-spacing:-.055em;white-space:nowrap;margin:0;font-size:clamp(32px,2.7vw,52px);font-weight:700;line-height:1.25}.hero-welcome-role{color:#d6c9e6;letter-spacing:.02em;margin:0 0 8px;font-size:clamp(18px,1.3vw,24px);line-height:1.55}.hero-welcome-intro{color:#ebe4f4db;letter-spacing:.015em;gap:7px;margin:0;font-size:clamp(16px,1.1vw,22px);font-weight:400;line-height:1.9;display:grid}.hero-welcome-intro p{margin:0}.hero-welcome-intro-left :is(h2,.hero-welcome-role){line-height:inherit;margin:0}.hero-welcome-fields{color:#d9c9eb;letter-spacing:.015em;flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin:40px 0 0;font-size:clamp(15px,1vw,19px);line-height:1.7;display:flex}.hero-welcome-fields i{color:#e0b9ff;font-style:normal}@media (width>=901px){.hero h1.hero-nameplate{top:calc(clamp(28px,5svh,48px) - 20px)}.hero-welcome-copy{top:20px}}@media (width>=901px) and (width<=1350px){.hero-body.hero-welcome-stage{grid-template-columns:minmax(0,1fr) minmax(340px,.88fr) minmax(0,1fr);column-gap:14px;padding-inline:42px}.hero-welcome-copy-left{max-width:340px}.hero-welcome-copy-right{width:min(100%,350px)}.hero-welcome-copy h2{font-size:clamp(27px,2.4vw,34px)}.hero-welcome-intro{font-size:14px}.hero h1.hero-nameplate{letter-spacing:.04em;font-size:clamp(116.16px,min(19.8vw,23.76svh),234.96px)}}@media (width<=900px){.hero{height:auto;min-height:100svh;overflow:hidden}.hero h1.hero-nameplate{letter-spacing:.02em;order:2;width:100%;margin:12px 0 38px;font-size:clamp(50.16px,15.84vw,89.76px);line-height:.9;animation:none;position:relative;top:auto;bottom:auto;left:auto;transform:none}.hero-body.hero-welcome-stage{width:100%;height:auto;min-height:0;margin-top:var(--nav-h);flex-direction:column;align-items:stretch;gap:0;padding:28px 26px 56px;display:flex}.hero-welcome-copy{width:100%;max-width:none}.hero-welcome-copy-left{order:1}.hero-welcome-copy-right{order:4;justify-self:auto}.hero-welcome-copy h2{white-space:normal;font-size:clamp(42px,10vw,56px)}.hero-welcome-copy-left h2{font-size:clamp(30px,9vw,40px)}.hero-welcome-role{margin-bottom:5px;font-size:15px}.hero-welcome-intro{font-size:14px;line-height:1.85}.hero-welcome-fields{gap:5px 9px;margin-top:15px;font-size:12px}.scroll-cue{display:none}}@media (width<=380px){.hero-body.hero-welcome-stage{padding-inline:20px}.hero h1.hero-nameplate{font-size:14.52vw}}@media (prefers-reduced-motion:reduce){.hero-nameplate,.hero-welcome-copy{animation:none!important}}.hero-welcome-copy :is(h2,.hero-welcome-role,.hero-welcome-intro,.hero-welcome-fields){font-size:19px}@media (width>=901px) and (width<=1350px){.hero-welcome-copy :is(h2,.hero-welcome-role,.hero-welcome-intro,.hero-welcome-fields){font-size:14px}}@media (width<=900px){.hero-welcome-copy :is(h2,.hero-welcome-role,.hero-welcome-intro,.hero-welcome-fields){font-size:12px}}@media (width>=901px){.categories{--category-stage-height:clamp(330px, 31vw, 520px);--category-stage-min-height:0;--category-card-gap:20px;--category-copy-flex:0 0 auto;--category-copy-gap:9px;--category-copy-padding:0;--category-name-size:clamp(24px, 2vw, 32px)}}.categories.section{padding-top:clamp(58px,8vh,84px);padding-bottom:clamp(46px,7vh,70px);overflow:hidden}.categories .category-heading{justify-content:flex-start;align-items:flex-end;gap:clamp(18px,2vw,30px);min-height:0;padding:16px 0 20px}.categories .category-heading h2{font-size:clamp(38px,4vw,66px)}.categories .category-heading p{color:#c0b4ca}.categories .category-composition{width:min(1480px,100%);height:var(--category-stage-height,min(58svh, 540px));min-height:var(--category-stage-min-height,390px);perspective:none;grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"left top right";align-items:center;gap:clamp(12px,1.8vw,28px);margin:0 auto;display:grid}.categories .category-character{display:none}.categories .category-card{justify-content:space-between;gap:var(--category-card-gap,0);transform-origin:50%;border:0;border-radius:17px;flex-direction:column;width:100%;height:100%;min-height:0;padding:clamp(17px,1.8vw,26px);transition:transform .36s cubic-bezier(.16,1,.3,1),filter .24s,box-shadow .28s;display:flex;overflow:hidden;box-shadow:0 18px 42px #00000047}.categories .category-card.category-hardware{color:#fff;background:#661a92;grid-area:left;transform:rotate(-3.5deg)scale(.9)}.categories .category-card.category-web{color:#21172a;background:#fff;grid-area:top;place-self:center stretch;width:100%;transform:scale(.9)}.categories .category-card.category-mobile{color:#fff;background:#1e1eb8;grid-area:right;transform:rotate(3.5deg)scale(.9)}.categories .category-card.category-hardware:hover,.categories .category-card.category-hardware:focus-visible{background:#661a92;transform:translateY(-9px)rotate(-2deg)scale(.92)}.categories .category-card.category-web:hover,.categories .category-card.category-web:focus-visible{background:#fff;transform:translateY(-9px)scale(.92)}.categories .category-card.category-mobile:hover,.categories .category-card.category-mobile:focus-visible{background:#1e1eb8;transform:translateY(-9px)rotate(2deg)scale(.92)}.categories .category-card:focus-visible{outline-offset:5px;outline:2px solid #ead8fb}.categories .category-card.category-web:focus-visible{outline-color:#67368a}.categories .category-card-copy{order:1;flex:var(--category-copy-flex,1 1 auto);justify-content:flex-start;align-items:flex-start;gap:var(--category-copy-gap,13px);min-height:0;padding:var(--category-copy-padding,0 38px 16px 0);background:0 0;border:0;flex-direction:column;display:flex;position:relative}.categories .category-card-copy .card-index{color:currentColor;letter-spacing:.1em;opacity:.9;font:500 12px DM Mono,monospace}.categories .category-card-copy .card-name{color:currentColor;font-size:var(--category-name-size,clamp(22px, 2.15vw, 34px));letter-spacing:-.035em;font-weight:700;line-height:1.25}.categories .category-card-copy .card-action{color:currentColor;opacity:.82;align-self:flex-start;align-items:center;gap:7px;font-size:13px;line-height:1.35;display:flex}.categories .category-card-copy .card-action i{color:currentColor;opacity:1;font:17px/1 Space Grotesk,sans-serif;position:static;transform:none}.categories .category-card-copy i{color:currentColor;opacity:.85;font-size:26px;line-height:1;top:0;right:0;transform:none}.categories .category-card-media{aspect-ratio:16/9;background:0 0;border:0;border-radius:10px;flex:none;order:2;width:100%;height:auto;min-height:0;display:block;overflow:hidden}.categories .category-card-media .category-ripple-image{border-radius:inherit;width:100%;height:100%;padding:0;display:block}.categories .category-card-media .category-ripple-image img,.categories .category-card-media .ripple-distortion-source{object-fit:contain;opacity:1;width:100%;height:100%}@media (width<=900px) and (width>=621px){.categories.section{padding-top:58px;padding-bottom:46px}.categories .category-heading{padding-bottom:14px}.categories .category-composition{gap:7px;height:min(52svh,430px);min-height:330px}.categories .category-card{border-radius:13px;padding:15px}.categories .category-card-copy{gap:10px;padding-right:28px}.categories .category-card-copy .card-name{font-size:clamp(18px,2.4vw,25px)}.categories .category-card-copy i{font-size:20px}.categories .category-card-media{aspect-ratio:16/9}}@media (width<=620px){.categories.section{height:auto;min-height:0;padding:68px 0 52px;overflow:visible}.categories .category-heading{text-align:left;padding:0 0 22px;display:block}.categories .category-heading h2{font-size:40px}.categories .category-heading p{margin-top:10px;font-size:13px}.categories .category-composition{perspective:none;flex-direction:column;gap:18px;width:100%;height:auto;min-height:0;display:flex}.categories .category-card,.categories .category-card.category-hardware,.categories .category-card.category-web,.categories .category-card.category-mobile{aspect-ratio:auto;border-radius:14px;align-self:center;gap:16px;width:90%;height:auto;min-height:0;margin:0;padding:16px;transform:none}.categories .category-card.category-hardware:hover,.categories .category-card.category-hardware:focus-visible,.categories .category-card.category-web:hover,.categories .category-card.category-web:focus-visible,.categories .category-card.category-mobile:hover,.categories .category-card.category-mobile:focus-visible{transform:translateY(-3px)}.categories .category-card-copy{flex:none;gap:9px;padding:0 34px 0 0}.categories .category-card-copy .card-index{font-size:10px}.categories .category-card-copy .card-name{font-size:23px}.categories .category-card-copy i{font-size:21px}.categories .category-card-media{aspect-ratio:16/9;border-radius:8px}}.hero-work-link{color:#eee5f6;background:#130d1d42;border:1px solid #d4b8f46b;border-radius:6px;align-items:center;width:fit-content;min-height:44px;margin-top:22px;padding:8px 16px;font-size:16px;line-height:1.5;transition:background-color .18s,border-color .18s;display:inline-flex}.hero-work-link:hover{background:#5b3e7c4d;border-color:#cdb2eb}.lightbox-analysis{gap:16px;margin:0;display:grid}.lightbox-analysis h3{color:#c4acdf;margin:0;font-size:12px;font-weight:600;line-height:1.5}.lightbox-analysis p{color:#c1b5cb;margin:6px 0 0;font-size:13px;line-height:1.75}.lightbox-evidence-nav{flex-wrap:wrap;gap:8px;width:100%;margin:0 0 20px;display:flex}.lightbox-evidence-nav button{color:#c7b9d4;text-align:left;cursor:pointer;background:0 0;border:1px solid #cab1e638;border-radius:5px;min-height:34px;padding:6px 10px;font-size:12px;line-height:1.5}.lightbox-evidence-nav button:hover{color:#f4ecfa;border-color:#cab1e680}.lightbox-evidence-nav button[aria-current]:not([aria-current=false]){color:#f4ecfa;background:#7f58a638;border-color:#b494d6}@media (width>=901px){.lightbox-info{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b89bfc6b transparent;padding-right:12px;overflow-y:auto}.lightbox-info.has-analysis{padding-top:24px;overflow:hidden}.lightbox-info.has-analysis>:not(.lightbox-analysis-panel){flex-shrink:0}.lightbox-analysis-panel{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b89bfc6b transparent;flex:auto;width:100%;min-height:0;margin:20px 0;padding-right:10px;overflow-y:auto}}@media (width<=900px){.hero-work-link{top:calc(100svh - var(--nav-h) - 28px - 44px - 28px);background:#130d1dd1;margin-top:0;font-size:14px;position:absolute;left:0}.lightbox-analysis-panel{display:none}}.lightbox.modal-motion,.art-preview.modal-motion[open],.art-preview.modal-motion::backdrop{opacity:1;transition:opacity .19s cubic-bezier(.16,1,.3,1)}.lightbox.modal-motion[data-modal-state=closing],.art-preview.modal-motion[data-modal-state=closing],.art-preview.modal-motion[data-modal-state=closing]::backdrop{opacity:0;transition-duration:.14s}@starting-style{.lightbox.modal-motion,.art-preview.modal-motion[open],.art-preview.modal-motion[open]::backdrop{opacity:0}}@media (prefers-reduced-motion:reduce){.lightbox.modal-motion,.art-preview.modal-motion,.art-preview.modal-motion::backdrop{transition:none!important}}.resume-chess{--resume-chess-paper:#f3eff7;--resume-chess-muted:#b8afc8;--resume-chess-accent:#d7b5f9;--resume-chess-rule:#b8afc857;width:100%;min-width:0;color:var(--resume-chess-paper);text-align:left;font-family:inherit}.resume-chess *,.resume-chess :before,.resume-chess :after{box-sizing:border-box}.resume-chess .resume-chess__tabs{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 clamp(18px,2.2vh,26px);display:flex}.resume-chess .resume-chess__tab,.resume-chess .resume-chess__cell{appearance:none;box-shadow:none;color:inherit;text-align:left;text-transform:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;margin:0;font-family:inherit}.resume-chess .resume-chess__tab{min-height:42px;color:var(--resume-chess-muted);border-radius:999px;padding:8px 16px;font-size:clamp(15px,1.25vw,20px);font-weight:500;line-height:1.3;transition:color .18s,background-color .18s,transform .14s}.resume-chess .resume-chess__tab[aria-selected=true]{color:var(--resume-chess-paper);background:#ffffff1a;font-weight:650}.resume-chess .resume-chess__tab:hover{color:var(--resume-chess-paper)}.resume-chess .resume-chess__tab:active{transform:scale(.97)}.resume-chess .resume-chess__tab:focus-visible,.resume-chess .resume-chess__cell:focus-visible{outline:2px solid var(--resume-chess-accent);outline-offset:3px}.resume-chess .resume-chess__panel{min-width:0}.resume-chess .resume-chess__grid{grid-template-columns:minmax(0, var(--resume-chess-col-a,13fr)) minmax(0, var(--resume-chess-col-b,7fr));grid-template-rows:minmax(min-content, var(--resume-chess-row-a,13fr)) minmax(min-content, var(--resume-chess-row-b,7fr));min-height:clamp(480px,62svh,650px);transition:grid-template-columns .4s cubic-bezier(.22,.8,.22,1),grid-template-rows .4s cubic-bezier(.22,.8,.22,1);display:grid;position:relative}.resume-chess .resume-chess__cell{min-width:0;min-height:min-content;color:var(--resume-chess-muted);flex-direction:column;align-self:stretch;align-items:flex-start;padding:clamp(14px,1.5vw,25px);transition:color .18s,transform .18s;display:flex}.resume-chess .resume-chess__cell:nth-child(2n){border-left:1px solid var(--resume-chess-rule)}.resume-chess .resume-chess__cell:nth-child(n+3){border-top:1px solid var(--resume-chess-rule)}.resume-chess .resume-chess__cell:active{transform:scale(.995)}.resume-chess .resume-chess__impact{z-index:4;pointer-events:none;width:0;height:0;position:absolute}.resume-chess .resume-chess__impact-piece{color:#dec2ff;fill:currentColor;filter:drop-shadow(0 3px 9px #ac6fff94);transform-origin:50% 88%;will-change:transform, opacity;width:30px;height:36px;animation:.76s cubic-bezier(.2,.8,.25,1) both resume-chess-piece-drop;position:absolute;top:50%;left:50%;overflow:visible}.resume-chess .resume-chess__impact-highlight{fill:none;stroke:#fffc;stroke-linecap:round;stroke-width:1.35px}.resume-chess .resume-chess__impact-ring{opacity:0;will-change:transform, opacity;border:1px solid #d7b5f9cc;border-radius:50%;width:25px;height:25px;animation:.68s cubic-bezier(.16,1,.3,1) .27s both resume-chess-impact-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.25);box-shadow:0 0 12px #ac6fff3d,inset 0 0 8px #ac6fff29}.resume-chess .resume-chess__impact-shadow{filter:blur(4px);opacity:0;will-change:transform, opacity;background:#c691ff99;border-radius:50%;width:19px;height:5px;animation:.48s ease-out .25s both resume-chess-impact-shadow;position:absolute;top:calc(50% + 14px);left:50%;transform:translate(-50%,-50%)scale(.45)}.resume-chess .resume-chess__title{max-width:100%;color:inherit;letter-spacing:-.025em;overflow-wrap:anywhere;font-size:clamp(17px,1.55vw,24px);font-weight:500;line-height:1.45;display:block}.resume-chess .resume-chess__cell[aria-pressed=true] .resume-chess__title{color:var(--resume-chess-paper);font-size:clamp(19px,1.8vw,28px);font-weight:650}.resume-chess .resume-chess__cell:hover .resume-chess__title{color:var(--resume-chess-paper)}.resume-chess .resume-chess__date{max-width:100%;color:var(--resume-chess-accent);letter-spacing:.015em;overflow-wrap:anywhere;margin-top:8px;font-size:clamp(12px,.9vw,14px);font-weight:400;line-height:1.55;display:block}.resume-chess .resume-chess__detail{color:#ffffffc2;letter-spacing:.005em;overflow-wrap:anywhere;white-space:pre-line;text-wrap:pretty;max-width:56ch;margin-top:clamp(14px,2vh,22px);font-size:clamp(14px,1.04vw,17px);font-weight:400;line-height:1.75;animation:.24s cubic-bezier(.16,1,.3,1) both resume-chess-detail-in;display:block}.resume-chess .resume-chess__detail[hidden]{display:none}.resume-chess .resume-chess__state{color:#d7b5f9ad;opacity:.8;align-self:flex-end;margin-top:auto;padding-top:12px;font-size:11px;font-weight:400;line-height:1.4;display:block}.resume-chess .resume-chess__cell[aria-pressed=true] .resume-chess__state{color:var(--resume-chess-accent)}.resume-chess .resume-chess__panel[data-kind=education] .resume-chess__grid{grid-template-rows:minmax(240px,auto);min-height:300px}@keyframes resume-chess-detail-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes resume-chess-piece-drop{0%{opacity:0;transform:translate(-50%,-185%)rotate(-11deg)scale(.78)}48%{opacity:.82;transform:translate(-50%,8%)rotate(2deg)scale(1.04)}62%{opacity:.84;transform:translate(-50%,-9%)rotate(-1deg)scale(.96,1.06)}76%{opacity:.8;transform:translate(-50%,1%)rotate(.4deg)scale(1.02,.96)}88%{opacity:.68;transform:translate(-50%)rotate(0)scale(1)}to{opacity:0;transform:translate(-50%,9%)rotate(0)scale(.92)}}@keyframes resume-chess-impact-ring{0%{opacity:0;transform:translate(-50%,-50%)scale(.25)}28%{opacity:.55}to{opacity:0;transform:translate(-50%,-50%)scale(1.65)}}@keyframes resume-chess-impact-shadow{0%{opacity:0;transform:translate(-50%,-50%)scale(.45)}30%{opacity:.46;transform:translate(-50%,-50%)scale(1.2)}to{opacity:0;transform:translate(-50%,-50%)scale(1.55)}}@media (width<=1500px) and (width>=901px){.resume-chess .resume-chess__grid{min-height:clamp(460px,61svh,590px)}.resume-chess .resume-chess__cell{padding:clamp(12px,1.25vw,18px)}.resume-chess .resume-chess__title{font-size:clamp(15px,1.55vw,21px)}.resume-chess .resume-chess__cell[aria-pressed=true] .resume-chess__title{font-size:clamp(17px,1.75vw,24px)}.resume-chess .resume-chess__detail{font-size:clamp(13px,1.05vw,16px);line-height:1.65}}@media (width<=1200px) and (width>=901px){.resume-chess .resume-chess__grid{min-height:520px}.resume-chess .resume-chess__cell{padding:11px}.resume-chess .resume-chess__title{font-size:15px}.resume-chess .resume-chess__cell[aria-pressed=true] .resume-chess__title{font-size:18px}.resume-chess .resume-chess__date{font-size:11px}.resume-chess .resume-chess__detail{font-size:12px;line-height:1.55}}@media (width<=900px){.resume-chess .resume-chess__tabs{margin-bottom:14px}.resume-chess .resume-chess__grid,.resume-chess .resume-chess__panel[data-kind=education] .resume-chess__grid{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;min-height:0}.resume-chess .resume-chess__cell{min-height:0;padding:16px 2px}.resume-chess .resume-chess__cell:nth-child(2n){border-left:0}.resume-chess .resume-chess__cell+.resume-chess__cell{border-top:1px solid var(--resume-chess-rule)}.resume-chess .resume-chess__title,.resume-chess .resume-chess__cell[aria-pressed=true] .resume-chess__title{font-size:clamp(16px,4.5vw,20px)}.resume-chess .resume-chess__detail{max-width:64ch;margin-top:10px;font-size:14px;line-height:1.7}}@media (prefers-reduced-motion:reduce){.resume-chess .resume-chess__grid,.resume-chess .resume-chess__tab,.resume-chess .resume-chess__cell,.resume-chess .resume-chess__detail{transition:none;animation:none}.resume-chess .resume-chess__impact-piece{opacity:.9;animation:none;transform:translate(-50%,-50%)}.resume-chess .resume-chess__impact-ring{opacity:.42;animation:none;transform:translate(-50%,-50%)scale(.9)}.resume-chess .resume-chess__impact-shadow{opacity:.3;animation:none;transform:translate(-50%,-50%)scale(1)}}.hero-water-effect{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.art-preview{color:#f4f0fa;overscroll-behavior:contain;background:0 0;border:0;width:fit-content;max-width:calc(100vw - 48px);height:fit-content;max-height:calc(100svh - 48px);margin:auto;padding:0 56px 0 0;overflow:visible}.art-preview::backdrop{background:#07050be6}.art-preview-frame{width:fit-content;margin:0;position:relative}.art-preview-image{object-fit:contain;width:auto;max-width:calc(100vw - 104px);height:auto;max-height:calc(100svh - 48px);display:block;box-shadow:0 24px 80px #00000073}.art-preview-close,.art-preview-switch{color:#fff;cursor:pointer;background:#0c0813d1;border:0;border-radius:6px;place-items:center;width:44px;height:44px;padding:0;transition:background-color .18s,color .18s;display:grid;position:absolute;top:0;right:-56px}.art-preview-close:hover{color:#170f22;background:#c3a0f4}.art-preview-close:focus-visible{outline-offset:3px;outline:2px solid #d9c2ff}.art-preview-switch{border-radius:50%;position:fixed;top:50%;transform:translateY(-50%)}.art-preview-previous{left:clamp(12px,3vw,56px);right:auto}.art-preview-next{right:clamp(12px,3vw,56px)}.art-preview-switch:hover{color:#170f22;background:#c3a0f4}.art-preview-switch:focus-visible{outline-offset:3px;outline:2px solid #d9c2ff}@media (width<=620px){.art-preview{max-width:calc(100vw - 24px);max-height:calc(100svh - 32px)}.art-preview-image{max-width:calc(100vw - 80px);max-height:calc(100svh - 32px)}}@media (prefers-reduced-motion:reduce){.art-preview-close,.art-preview-switch{transition:none}}