:root{color:#e9eef4;--mobile-desktop-scale:1;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;letter-spacing:0;background:#050608;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#050608}body{color:#e9eef4;background:radial-gradient(circle at 12% 0,#1352723d,#0000 28rem),radial-gradient(circle at 88% 8%,#543a772e,#0000 28rem),linear-gradient(#06070a 0%,#050608 42% 100%);min-width:1440px;margin:0}button,a,input,textarea{color:inherit;font:inherit}button{border:0}a{text-decoration:none}.shell{width:min(1700px,100vw - 88px);margin:0 auto}.app-shell{min-height:100vh}.opening-curtain{z-index:120;pointer-events:none;will-change:clip-path, opacity;background:linear-gradient(135deg,#040608fa,#140e19fa),url(/images/intro-texture-ccc.jpg) 50%/560px 800px;place-items:center;display:grid;position:fixed;inset:0}.opening-curtain:before{content:"";mix-blend-mode:screen;opacity:.65;background:repeating-linear-gradient(90deg,#ffffff09 0 1px,#0000 1px 8px),radial-gradient(circle at 50% 45%,#7ce9ff1f,#0000 30%);position:absolute;inset:0}.opening-label{z-index:1;color:#eff8ff;letter-spacing:.24em;text-indent:.24em;text-transform:uppercase;transform-origin:50%;will-change:transform, clip-path, opacity;font-size:clamp(28px,4.4vw,78px);font-weight:700;line-height:.9;position:relative}.opening-line{opacity:.72;will-change:transform;background:linear-gradient(90deg,#0000,#7ce9ffb8,#0000);height:1px;position:absolute;left:8vw;right:8vw}.opening-line-top{top:38%}.opening-line-bottom{bottom:38%}.site-header{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#050608f0,#050608b8,#0000);padding:18px 0 0;position:sticky;top:0}.header-inner{background:#0a0d11b8;border:1px solid #ffffff14;justify-content:flex-start;align-items:center;min-height:64px;padding:0 18px;display:flex;position:relative;box-shadow:0 16px 50px #00000047}.brand-lockup{z-index:1;align-items:center;display:flex;position:relative}.brand-mark{color:#b4f4ff;background:#78e6ff14;border:1px solid #78e6ff73;place-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:grid}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup strong{letter-spacing:.18em;font-size:13px}.brand-lockup span{color:#8a96a4;text-transform:uppercase;margin-top:2px;font-size:11px}.header-note{z-index:1;color:#9aa6b2a8;letter-spacing:.08em;white-space:nowrap;margin:0 0 0 auto;font-size:11px;position:relative}.tab-list{align-items:center;gap:24px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tab-button{color:#99a5b2;cursor:pointer;background:0 0;border:1px solid #0000;min-width:140px;height:42px;padding:0 20px;transition:background-color .16s,color .16s,border-color .16s,transform .16s;position:relative}.tab-button+.tab-button:before{content:"";pointer-events:none;background:linear-gradient(#0000,#fff3,#0000);width:1px;height:18px;position:absolute;top:50%;left:-13px;transform:translateY(-50%)}.tab-button:hover,.tab-button.is-active{color:#f3f7fb;background:#ffffff0f;border-color:#ffffff14;transform:translateY(-1px)}.page-shell{padding-bottom:64px}.intro-page{isolation:isolate;background:#050608;position:relative;overflow:hidden}.intro-page:before{content:"";z-index:0;image-rendering:auto;pointer-events:none;background:linear-gradient(#1b1520e6 0,#1b152052 220px,#1b15201f 520px),url(/images/intro-texture-ccc.jpg) top/560px 800px;position:absolute;inset:calc(100vh - 1px) 0 0}.intro-page:after{content:"";z-index:0;mix-blend-mode:soft-light;opacity:.72;pointer-events:none;background:repeating-radial-gradient(circle at 18% 24%,#ffffff16 0 1px,#0000 1px 4px) 0 0/120px 120px,repeating-radial-gradient(circle at 72% 61%,#0000001a 0 1px,#0000 1px 5px) 0 0/180px 180px,repeating-linear-gradient(101deg,#ffffff09 0 1px,#0000 1px 7px) 0 0/100% 14px;position:absolute;inset:calc(100vh - 1px) 0 0}.intro-page>.content-band,.intro-page>.shell.content-band{z-index:1;position:relative}.hero-band{z-index:1;align-items:center;min-height:100vh;padding:96px 0 72px;display:flex;position:relative;overflow:hidden}.hero-band:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#05060800 0%,#100d1694 54%,#1b1520fa 100%);height:240px;position:absolute;bottom:-1px;left:0;right:0}.hero-video-shell{background:radial-gradient(circle at 20% 30%,#6fe6ff1f,#0000 30%),radial-gradient(circle at 80% 18%,#a078ff1f,#0000 28%),#050608;position:absolute;inset:0;overflow:hidden}.hero-video-poster{z-index:1;object-fit:cover;filter:saturate(.95)contrast(1.08)brightness(1.08);opacity:.94;pointer-events:none;width:100%;height:100%;transition:opacity .36s;display:block;position:absolute;inset:0;transform:scale(1.01)}.hero-video-poster.is-hidden{opacity:0}.hero-video{z-index:0;object-fit:cover;filter:saturate(.95)contrast(1.08)brightness(1.16);opacity:.9;width:100%;height:100%;position:relative}.hero-video-fx{z-index:2;background:linear-gradient(#0506080f 0%,#05060842 50%,#050608ad 100%),linear-gradient(90deg,#05060875,#0506081f,#05060866);position:absolute;inset:0}.hero-content{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.hero-copy{text-align:center;width:min(920px,100%);margin-inline:auto;transform:translateY(-24px)}.hero-title-block{justify-items:center;gap:10px;display:grid}.hero-topline{color:#eef3f7;letter-spacing:.06em;margin:0;font-size:40px;font-weight:300}.hero-title-block h1{letter-spacing:.34em;text-indent:.34em;color:#f4f7fb;text-shadow:0 0 28px #7ce9ff29;margin:0;font-size:clamp(64px,7vw,128px);font-weight:700;line-height:.9}.hero-subtitle{color:#7ce9ff;letter-spacing:.34em;text-transform:uppercase;margin:0;font-size:14px;font-weight:700}.hero-name-block{margin-top:52px}.hero-name-block h2{letter-spacing:.08em;margin:0;font-size:46px;font-weight:500;line-height:1}.hero-name-block p{color:#c3cfda;max-width:760px;margin:14px auto 0;font-size:16px;line-height:1.9}.hero-target{color:#78ecff;letter-spacing:.14em;margin-top:10px;font-size:18px;font-weight:500;display:inline-flex}.hero-contact-row{flex-wrap:wrap;justify-content:center;gap:22px;margin-top:28px;display:flex}.hero-contact-row span{color:#d7e4ee;align-items:center;gap:8px;font-size:14px;display:inline-flex}.hero-actions{justify-content:center;gap:12px;margin-top:26px;display:flex}.hero-actions-centered{margin-top:28px}.ghost-button{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;align-items:center;gap:10px;min-height:44px;padding:0 18px;transition:all .16s;display:inline-flex}.ghost-button:hover{background:#7ce9ff14;border-color:#7ce9ff52}.content-band{padding-top:60px}.section-title{isolation:isolate;flex-direction:column;gap:8px;margin-bottom:28px;display:flex;position:relative;overflow:hidden}.section-kicker{z-index:1;color:#7ce9ff;letter-spacing:.22em;transform-origin:0;will-change:transform, clip-path, opacity;font-size:12px;font-weight:700;position:relative}.section-kicker-giant{z-index:0;color:#ffffff0b;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;transform-origin:0;pointer-events:none;will-change:transform, opacity;font-size:clamp(72px,8vw,156px);font-weight:800;line-height:.8;position:absolute;top:-.28em;left:-.02em}.section-title h2{z-index:1;will-change:transform, clip-path, opacity;margin:0;font-size:34px;line-height:1.1;position:relative}.info-card,.project-card,.timeline-card,.advantage-card,.side-panel,.work-detail-inner,.viewer-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07090e61;border:1px solid #ffffff14;box-shadow:0 20px 80px #00000029}.info-card p,.timeline-body li,.project-card p,.works-head p,.viewer-caption span,.work-detail-inner p,.about-copy p,.advantage-card p,.project-paragraph{color:#a0acb8;line-height:1.78}.profile-band{padding-top:40px}.about-grid{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);will-change:transform, clip-path, opacity;background:#07090e47;border:1px solid #ffffff14;grid-template-columns:1.05fr 1fr 280px;gap:28px 64px;padding:30px 32px 34px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 70px #00000029}.about-title{grid-column:1/-1}.about-facts{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px 18px;display:grid}.fact-line{border-bottom:1px solid #ffffff14;align-items:baseline;gap:12px;padding:10px 0;display:flex}.fact-line span{color:#7ce9ff;letter-spacing:.18em;text-transform:uppercase;min-width:68px;font-size:12px}.fact-line strong{color:#edf4fb;font-weight:500}.about-copy{max-width:520px;padding-top:12px}.about-photo{grid-area:2/3/4;align-self:start;place-items:center;min-height:0;padding:0 0 12px;display:grid}.photo-frame{aspect-ratio:3/4;background:linear-gradient(#ffffff0e,#ffffff04),#04070e52;border:1px solid #7ce9ff5c;place-items:center;width:75%;height:auto;min-height:0;display:grid;position:relative;overflow:visible;box-shadow:inset 0 0 0 1px #ffffff14,0 18px 40px #0000002e,0 0 28px #7ce9ff14}.photo-frame img{object-fit:cover;object-position:center;filter:saturate(.92)contrast(1.04);width:100%;height:100%;display:block;overflow:hidden}.advantages-band{padding-top:12px}.advantage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.advantage-card{will-change:transform, clip-path, opacity;background:radial-gradient(circle at 12% 18%,#7ce9ff1f,#0000 26%),#07090e57;min-height:204px;padding:22px 22px 24px;position:relative;overflow:hidden}.advantage-card:before{content:"";pointer-events:none;border-top:1px solid #7ce9ff2e;position:absolute;inset:0}.advantage-card span{color:#7ce9ff;letter-spacing:.12em;border:1px solid #7ce9ff47;justify-content:center;align-items:center;min-width:34px;min-height:34px;font-size:12px;display:inline-flex}.advantage-card h3{color:#edf4fb;margin:18px 0 0;font-size:20px;line-height:1.25}.advantage-card p{margin:12px 0 0;font-size:14px}.photo-frame:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#7ce9ff99 0 18px,#0000 18px calc(100% - 18px),#7ce9ff99 calc(100% - 18px) 100%) top/100% 1px no-repeat,linear-gradient(90deg,#7ce9ff99 0 18px,#0000 18px calc(100% - 18px),#7ce9ff99 calc(100% - 18px) 100%) bottom/100% 1px no-repeat,linear-gradient(#7ce9ff99 0 18px,#0000 18px calc(100% - 18px),#7ce9ff99 calc(100% - 18px) 100%) 0/1px 100% no-repeat,linear-gradient(#7ce9ff99 0 18px,#0000 18px calc(100% - 18px),#7ce9ff99 calc(100% - 18px) 100%) 100%/1px 100% no-repeat;border:1px solid #7ce9ff38;position:absolute;inset:-12px}.photo-frame:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#ffffff14,#0000 28% 74%,#0000002e);border:1px dashed #ffffff2e;position:absolute;inset:10px}.photo-frame span{z-index:1;color:#d8f9ff;letter-spacing:.12em;border:1px solid #7ce9ff5c;border-radius:50%;place-items:center;width:86px;height:86px;font-size:22px;display:grid;position:relative}.photo-frame strong{color:#d8f9ffb3;letter-spacing:.32em;text-align:center;font-size:11px;position:absolute;bottom:18px;left:0;right:0}.hello-label{color:#78ecff;margin:0 0 14px;font-size:34px;line-height:1}.about-orbits{pointer-events:none;position:absolute;inset:0}.about-orbits span{border:1px solid #7ce9ff59;border-radius:50%;position:absolute;box-shadow:0 0 0 3px #7ce9ff0f}.about-orbits span:first-child{width:16px;height:16px;top:26%;right:18%}.about-orbits span:nth-child(2){width:11px;height:11px;top:34%;right:23%}.about-orbits span:nth-child(3){width:7px;height:7px;top:29%;right:27%}.about-orbits span:nth-child(4){width:4px;height:4px;top:38%;right:29%}.skills-band{padding-top:48px}.skills-grid{max-width:1060px;height:470px;margin-inline:auto;position:relative}.skill-ring{text-align:center;will-change:transform, clip-path, opacity;background:#0d0f188c;border-radius:50%;place-items:center;width:122px;height:122px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 2px #ffffff38,0 12px 30px #0003}.skill-ring:before{content:"";border-radius:inherit;opacity:.18;border:1px solid;position:absolute;inset:-8px}.skill-ring strong{font-size:28px;font-weight:500;line-height:1;display:block}.skill-ring span{color:#d7e4ee;letter-spacing:.08em;margin-top:8px;font-size:13px;display:block}.skill-xl{width:164px;height:164px}.skill-xl strong{font-size:38px}.skill-lg{width:136px;height:136px}.skill-lg strong{font-size:30px}.skill-md{width:116px;height:116px}.skill-md strong{font-size:25px}.skill-sm{width:92px;height:92px}.skill-sm strong{font-size:22px}.skill-sm span,.skill-xs span{font-size:11px}.skill-xs{width:74px;height:74px}.skill-xs strong{font-size:18px}.skill-rd{width:111px;height:111px}.skill-rd strong{font-size:24px}.skill-rd span{max-width:64px;font-size:13px;line-height:1.25}.tone-cyan{color:#7ce9ff}.tone-violet{color:#8f7cff}.tone-amber{color:#f0c24f}.tone-mint{color:#8ef2cb}.tone-blue{color:#7bb8ff}.tone-pink{color:#f774d7}.capabilities-band{padding-top:52px}.capability-stage{-webkit-backdrop-filter:none;backdrop-filter:none;will-change:transform;background:0 0;border:0;height:320px;position:relative;overflow:hidden}.capability-bubble{color:#f4f7fb;text-align:center;will-change:transform, clip-path, opacity;border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 18px 34px #00000038}.capability-bubble strong{font-weight:600;display:block}.capability-bubble span{color:#f4f7fbd1;margin-top:6px;font-size:12px;display:block}.size-xl{width:132px;height:132px;font-size:22px}.size-lg{width:100px;height:100px;font-size:16px}.size-md{width:86px;height:86px;font-size:14px}.size-sm{width:72px;height:72px;font-size:12px}.capability-shader{width:150px;height:150px;font-size:18px}.capability-workflow{width:144px;height:144px;font-size:16px}.capability-performance{width:172px;height:172px;font-size:19px}.capability-shader span,.capability-workflow span,.capability-performance span{font-size:13px}.capability-performance span{max-width:118px;line-height:1.35}.tone-cyan.capability-bubble,.tone-cyan.skill-ring{border:2px solid #33d8ef;box-shadow:0 0 0 4px #33d8ef1f,0 18px 34px #00000038}.tone-violet.capability-bubble,.tone-violet.skill-ring{border:2px solid #b36eff}.tone-amber.capability-bubble,.tone-amber.skill-ring{border:2px solid #f7be2b}.tone-mint.capability-bubble,.tone-mint.skill-ring{border:2px solid #66e7b8}.tone-blue.capability-bubble,.tone-blue.skill-ring{border:2px solid #6e9fff}.tone-pink.capability-bubble,.tone-pink.skill-ring{border:2px solid #ff61d1}.split-band{align-items:start;display:block}.split-band>.side-panel{display:none}.timeline{gap:16px;display:grid}.timeline-card{will-change:transform, clip-path, opacity;background:#07090e57;grid-template-columns:180px minmax(0,1fr);gap:18px;padding:22px 24px;display:grid;position:relative;overflow:hidden}.timeline-aside{color:#8a96a4;padding-top:4px;font-size:13px}.timeline-body h3,.project-card h3,.work-detail-inner h3,.viewer-caption h3{margin:0;font-size:22px}.timeline-heading-row{grid-template-columns:minmax(0,max-content) minmax(180px,.42fr);justify-content:start;align-items:baseline;gap:64px;display:grid}.timeline-role-title{color:#b8c2ce;margin:0;font-size:19px;font-weight:650;line-height:1.2}.muted{color:#8f9baa;margin:8px 0 0}.timeline-body ul{margin:14px 0 0;padding-left:18px}.timeline-body li+li{margin-top:8px}.side-panel{background:#07090e57;padding:24px;position:sticky;top:98px}.side-metrics{gap:16px;margin-top:8px;display:grid}.metric{border-bottom:1px solid #ffffff14;gap:5px;padding:16px 0;display:grid}.metric span{color:#8a96a4;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.metric strong{font-size:15px;font-weight:600}.side-link-box{margin-top:18px}.side-link-box a{color:#d7f8ff;align-items:center;gap:8px;display:inline-flex}.side-tag-list{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.side-tag-list span,.detail-tags span{color:#cfd9e2;background:#ffffff0a;border:1px solid #ffffff14;align-items:center;min-height:34px;padding:0 12px;display:inline-flex}.project-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:12px;display:grid}.two-column-band{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}.education-list,.cert-list{gap:16px;display:grid}.project-card{min-height:200px;padding:22px 24px 24px}.project-head{color:#8a96a4;justify-content:space-between;gap:18px;font-size:13px;display:flex}.project-head strong{color:#7ce9ff;text-align:right;font-weight:600}.project-card h3{margin-top:16px}.project-summary{color:#cdd7e1;margin:10px 0 0}.project-timeline .timeline-body ul{margin-top:12px}.project-timeline{gap:18px}.project-timeline .timeline-card{grid-template-columns:156px minmax(0,1.08fr) minmax(420px,.92fr);align-items:stretch;gap:0;min-height:260px;padding:0}.project-timeline .timeline-aside{color:#93a0ad;background:linear-gradient(#ffffff09,#0000 34%);align-items:flex-start;padding:26px 18px 26px 24px;display:flex}.project-timeline .timeline-body{min-width:0;padding:26px 30px 28px 0}.project-timeline .timeline-heading-row{grid-template-columns:minmax(0,max-content) minmax(160px,.5fr);gap:36px}.project-timeline .timeline-body h3{font-size:34px;line-height:1.05}.project-timeline .timeline-role-title{color:#a8b4c0;font-size:16px;font-weight:600}.project-timeline .project-summary{color:#e5ebf1;max-width:48ch;margin-top:16px;font-size:15px;line-height:1.72}.project-paragraph{color:#d3dbe4;max-width:54ch;margin:12px 0 0;font-size:15px}.project-timeline .timeline-body ul{gap:8px;margin-top:14px;padding-left:18px;display:grid}.project-timeline .timeline-body li{color:#d3dbe4;font-size:14px;line-height:1.7}.project-image-reveal{isolation:isolate;background:0 0;border-left:0;min-height:0;position:relative;overflow:hidden}.project-image-reveal:before,.project-image-reveal:after{display:none}.project-image-reveal img{object-fit:cover;object-position:center center;filter:brightness(.9)saturate(1.06)contrast(1.08);width:100%;height:100%;display:block;position:absolute;inset:0;transform:scale(1.02);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0000002e 16%,#000000a8 38%,#000 64%);mask-image:linear-gradient(90deg,#0000 0%,#0000002e 16%,#000000a8 38%,#000 64%)}.works-page{padding:96px 0 72px}.works-head{margin-bottom:32px}.technical-landing-head{margin-bottom:76px}.works-head p.technical-disclaimer{text-align:right;color:#a0acb857;letter-spacing:.08em;width:100%;max-width:none;margin:14px 0 0 auto;font-size:12px}.technical-showcase{background:0 0;grid-template-columns:minmax(0,1fr) 520px;min-height:620px;margin-top:28px;display:grid;overflow:hidden;box-shadow:0 22px 90px #0000002e}.technical-display{background:0 0;min-width:0;position:relative;overflow:hidden}.technical-display-button{width:100%;min-height:620px;color:inherit;text-align:left;cursor:zoom-in;appearance:none;border:0;padding:0}.technical-display-button:focus-visible{outline-offset:-1px;outline:1px solid #7ce9ffb8}.technical-display:after{content:"";pointer-events:none;background:linear-gradient(90deg,#05060861,#0000 48%),linear-gradient(#0000 46%,#050608c7 100%);position:absolute;inset:0}.technical-display img,.technical-display video{object-fit:cover;filter:saturate(.92)contrast(1.05);transform-origin:50%;will-change:transform, opacity, clip-path;width:100%;height:100%;display:block;-webkit-mask-image:linear-gradient(#0000 0%,#00000029 6%,#00000080 13%,#000000d1 20%,#000 28% 74%,#000000d1 82%,#00000080 89%,#00000029 96%,#0000 100%);mask-image:linear-gradient(#0000 0%,#00000029 6%,#00000080 13%,#000000d1 20%,#000 28% 74%,#000000d1 82%,#00000080 89%,#00000029 96%,#0000 100%)}.technical-display-hint{z-index:3;color:#f2f7fcd6;letter-spacing:.06em;text-shadow:0 8px 24px #000000b8;pointer-events:none;align-items:center;gap:8px;font-size:13px;display:inline-flex;position:absolute;top:72px;left:50%;transform:translate(-50%)}.technical-display-hint svg{color:#dff8ff;stroke-width:1.7px}.technical-display-copy{z-index:2;text-shadow:0 16px 34px #000000b8;will-change:transform, opacity;max-width:560px;position:absolute;bottom:42px;left:34px}.technical-display-copy.is-long{bottom:76px}.technical-display-copy.is-dense{max-width:540px;bottom:94px}.technical-display-copy h3{color:#eef6faf0;letter-spacing:0;max-width:560px;margin:0;font-size:clamp(34px,3.1vw,52px);line-height:1.04}.technical-display-copy p{color:#cfdee8d1;max-width:440px;margin:14px 0 0;font-size:18px;line-height:1.7}.technical-display-lines{color:#d5e2ecd6;gap:8px;max-width:560px;margin:16px 0 0;padding:0;font-size:15px;line-height:1.62;list-style:none;display:grid}.technical-display-copy.is-dense .technical-display-lines{gap:6px;font-size:14px;line-height:1.48}.technical-tabs{grid-template-columns:repeat(5,minmax(0,1fr));min-width:0;display:grid;-webkit-mask-image:linear-gradient(#0000 0%,#00000029 6%,#00000080 13%,#000000d1 20%,#000 28% 74%,#000000d1 82%,#00000080 89%,#00000029 96%,#0000 100%);mask-image:linear-gradient(#0000 0%,#00000029 6%,#00000080 13%,#000000d1 20%,#000 28% 74%,#000000d1 82%,#00000080 89%,#00000029 96%,#0000 100%)}.technical-tab{cursor:pointer;background:0 0;border-left:0;outline:none;min-width:0;min-height:620px;padding:0;transition:background .58s cubic-bezier(.19,1,.22,1),transform .58s cubic-bezier(.19,1,.22,1);position:relative;overflow:hidden;box-shadow:inset 1px 0 #ffffff14}.technical-tab:focus-visible{box-shadow:inset 1px 0 #ffffff14,inset 0 0 0 1px #7ce9ff47}.technical-tab img{object-fit:cover;filter:grayscale()brightness(.75)contrast(.9);opacity:.2;width:100%;height:100%;transition:filter .76s cubic-bezier(.19,1,.22,1),opacity .76s cubic-bezier(.19,1,.22,1),transform 1.1s cubic-bezier(.19,1,.22,1);position:absolute;inset:0 -10px;transform:scale(1.06)}.technical-tab:not(.is-active):hover img,.technical-tab:not(.is-active):focus-visible img{filter:grayscale()brightness(1.01)contrast(.92);opacity:.28;transform:scale(1.045)}.technical-tab:after{content:"";mix-blend-mode:screen;opacity:.78;background:linear-gradient(90deg,#0506080f,#0000 22% 78%,#0506081a),#e0dcd49e;transition:opacity .62s cubic-bezier(.19,1,.22,1);position:absolute;inset:0}.technical-tab-label{z-index:1;writing-mode:vertical-rl;color:#eef4f8;grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:12px;min-width:96px;min-height:220px;padding:0;transition:transform .52s cubic-bezier(.19,1,.22,1);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.technical-tab-label strong,.technical-tab-label small{writing-mode:vertical-rl;line-height:1;display:block}.technical-tab-label strong{letter-spacing:.12em;font-size:27px;font-weight:700}.technical-tab-label small{color:#dce4ec8f;letter-spacing:.08em;font-size:18px;transform:translateY(.7em)}.technical-tab-label.is-compact strong{font-size:18px}.technical-tab-label.is-compact small{font-size:12px}.technical-tab.is-active img{filter:grayscale(0)brightness()contrast(1.05);opacity:1;transform:scale(1)}.technical-tab.is-active:after{opacity:0}.technical-tab.is-active .technical-tab-label{transform:translate(-50%,-50%)scale(1.04)}.technical-tab.tone-red.is-active .technical-tab-label{color:#ffd7d3}.technical-tab.tone-cyan.is-active .technical-tab-label{color:#d7f8ff}.technical-tab.tone-amber.is-active .technical-tab-label{color:#ffe4a6}.technical-tab.tone-violet.is-active .technical-tab-label{color:#e6d9ff}.technical-tab.tone-mint.is-active .technical-tab-label{color:#d9fff0}.works-head p{max-width:720px;margin:12px 0 0}.works-grid{gap:24px;display:grid}.art-masonry-shell{padding-top:6px;overflow:visible}.art-featured{margin-bottom:24px;overflow:visible}.art-featured .art-tile{width:100%;margin:0;display:block}.art-featured .art-tile:hover,.art-featured .art-tile:focus-visible{transform:translateY(-8px)scale(1.015)}.art-masonry{column-count:3;column-gap:24px;padding-bottom:28px;overflow:visible}.art-tile{break-inside:avoid;text-align:left;cursor:pointer;transform-origin:50%;will-change:transform, filter;backface-visibility:hidden;background:0 0;width:100%;margin:0 0 24px;padding:0;transition:transform .76s cubic-bezier(.19,1,.22,1),filter .76s cubic-bezier(.19,1,.22,1);display:inline-block;position:relative;overflow:visible}.art-tile:hover,.art-tile:focus-visible{z-index:12;filter:brightness(1.04);transform:translateY(-14px)scale(1.095)}.art-tile:focus-visible{outline-offset:5px;outline:1px solid #7ce9ff8c}.art-tile-media{aspect-ratio:var(--tile-ratio);background:#ffffff0a;border-radius:8px;transition:box-shadow .76s cubic-bezier(.19,1,.22,1),transform .76s cubic-bezier(.19,1,.22,1);display:block;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 18px 52px #00000047,inset 0 0 0 1px #ffffff0f}.art-tile:hover .art-tile-media,.art-tile:focus-visible .art-tile-media{transform:translateZ(0)scale(1.012);box-shadow:0 34px 86px #00000075,0 0 0 1px #7ce9ff33,inset 0 0 0 1px #ffffff1a}.art-tile-media:after{content:"";opacity:.38;mix-blend-mode:screen;pointer-events:none;background:linear-gradient(#0000 52%,#03050880 100%),linear-gradient(90deg,#ffffff1f,#0000 28%);transition:opacity .62s cubic-bezier(.19,1,.22,1);position:absolute;inset:0}.art-tile:hover .art-tile-media:after,.art-tile:focus-visible .art-tile-media:after{opacity:.72}.art-tile img{object-fit:cover;filter:brightness(.54)saturate(.9)contrast(1.06);will-change:transform, filter;width:100%;height:100%;transition:transform .98s cubic-bezier(.19,1,.22,1),filter .7s cubic-bezier(.19,1,.22,1);display:block;transform:scale(1.006)}.art-tile:hover img,.art-tile:focus-visible img{filter:brightness(1.03)saturate(1.08)contrast(1.07);transform:scale(1.055)}.art-tile-info{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;clip-path:inset(22% 0 0);pointer-events:none;background:#05080cb8;border-radius:8px;gap:8px;padding:14px 14px 15px;transition:opacity .44s cubic-bezier(.19,1,.22,1),transform .56s cubic-bezier(.19,1,.22,1),clip-path .62s cubic-bezier(.19,1,.22,1);display:grid;position:absolute;bottom:14px;left:14px;right:14px;transform:translateY(18px);box-shadow:0 18px 42px #00000057,inset 0 0 0 1px #ffffff14}.art-tile:hover .art-tile-info,.art-tile:focus-visible .art-tile-info{opacity:1;clip-path:inset(0);transform:translateY(0)}.art-tile-category{color:#7ce9ff;letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:800}.art-tile-info strong{color:#f4f8fb;font-size:18px;line-height:1.25}.art-tile-info>span:last-child{color:#bac6cf;font-size:13px;line-height:1.65}.art-tile.color-red .art-tile-category{color:#ffbbb4}.art-tile.color-cyan .art-tile-category{color:#8bedff}.art-tile.color-violet .art-tile-category{color:#d8c9ff}.art-tile.color-mint .art-tile-category{color:#a7f5d5}.art-tile.color-amber .art-tile-category{color:#ffd990}.work-row{will-change:transform;grid-template-columns:minmax(0,1fr) 360px;align-items:stretch;gap:12px;transition:opacity .18s;display:grid;position:relative}.work-card{text-align:left;cursor:pointer;background:0 0;width:100%;min-height:178px;padding:0;position:relative}.work-preview{will-change:transform, clip-path, opacity;background:radial-gradient(circle at 18% 30%,#7ce9ff33,#0000 24%),linear-gradient(160deg,#ffffff0f,#ffffff06);border:1px solid #ffffff14;flex-direction:column;justify-content:space-between;min-height:178px;padding:22px 24px;display:flex;position:relative;overflow:hidden}.work-preview-image{z-index:0;object-fit:cover;filter:brightness(.58)saturate(.92)contrast(1.06);width:100%;height:100%;transition:filter .7s cubic-bezier(.19,1,.22,1),transform .9s cubic-bezier(.19,1,.22,1);position:absolute;inset:0;transform:scale(1.01)}.work-preview:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle,#0000 0 70px,#02040724 118px),linear-gradient(#0305081f,#030508a3);position:absolute;inset:0}.work-preview:after{content:"";z-index:2;mix-blend-mode:screen;opacity:0;background:linear-gradient(90deg,#ffffff29,#0000 32%),linear-gradient(#ffffff0f,#0000 54%);transition:opacity .6s cubic-bezier(.19,1,.22,1),transform .9s cubic-bezier(.19,1,.22,1);position:absolute;inset:0;transform:translate(-36%)}.work-row:hover .work-preview:after,.work-row:focus-within .work-preview:after{opacity:.42;transform:translate(36%)}.work-row:hover .work-preview-image,.work-row:focus-within .work-preview-image{filter:brightness(.78)saturate(1.02)contrast(1.08);transform:scale(1.05)}.work-play-button{z-index:3;border-radius:50%;place-items:center;width:104px;height:104px;transition:transform .42s cubic-bezier(.19,1,.22,1);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.work-row:hover .work-play-button,.work-row:focus-within .work-play-button{transform:translate(-50%,-50%)scale(1.08)}.work-play-button img{object-fit:contain;filter:drop-shadow(0 0 18px #7ce9ff42);width:100%;height:100%;display:block}.work-preview>span:not(.work-play-button){z-index:3;color:#8995a3;letter-spacing:.18em;text-transform:uppercase;align-self:flex-start;margin-top:auto;font-size:12px;position:relative}.work-footer{will-change:transform, opacity;justify-content:space-between;gap:22px;margin-top:12px;display:flex}.work-footer h3{margin:0;font-size:22px}.work-footer p{color:#a0acb8;margin:10px 0 0;line-height:1.72}.work-cta{color:#88e9f6;white-space:nowrap;flex:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}.work-detail{opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;overflow:hidden;transform:translate(-8px)}.work-detail-inner{will-change:transform, opacity;height:100%;padding:22px 24px}.work-row:hover .work-detail,.work-row:focus-within .work-detail{opacity:1;pointer-events:auto;transform:translate(0)}.detail-kicker{color:#7ce9ff;letter-spacing:.18em;margin:0;font-size:12px;font-weight:700}.work-detail-inner h3{margin-top:12px}.detail-tags{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020305c2;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.viewer-modal{will-change:transform, clip-path, opacity;background:linear-gradient(#121524fa,#080a0ffa);flex-direction:column;width:min(1500px,100vw - 72px);max-height:calc(100vh - 56px);padding:18px;display:flex;position:relative}.modal-close{cursor:pointer;z-index:2;background:#ffffff0f;border:1px solid #ffffff14;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:16px;right:16px}.viewer-stage{background:#080b10;border:1px solid #ffffff14;min-height:0;max-height:calc(100vh - 176px);overflow:auto}.viewer-stage img{object-fit:contain;will-change:transform, filter, opacity;width:100%;height:auto;display:block}.viewer-stage video{object-fit:contain;will-change:transform, filter, opacity;width:100%;height:auto;max-height:74vh;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.opening-curtain{display:none}}.viewer-caption{justify-content:space-between;gap:20px;padding:18px 4px 2px;display:flex}.viewer-caption p{color:#7ce9ff;letter-spacing:.18em;text-transform:uppercase;margin:0 0 8px;font-size:12px}.viewer-caption span{max-width:620px}.color-cyan .work-preview,.color-cyan .work-detail-inner{background:radial-gradient(circle at 18% 30%,#7ce9ff33,#0000 24%),linear-gradient(160deg,#ffffff0f,#ffffff06)}.color-mint .work-preview,.color-mint .work-detail-inner{background:radial-gradient(circle at 18% 30%,#7dd7a52e,#0000 24%),linear-gradient(160deg,#ffffff0f,#ffffff06)}.color-violet .work-preview,.color-violet .work-detail-inner{background:radial-gradient(circle at 18% 30%,#9976ff33,#0000 24%),linear-gradient(160deg,#ffffff0f,#ffffff06)}.color-amber .work-preview,.color-amber .work-detail-inner{background:radial-gradient(circle at 18% 30%,#e0b1582e,#0000 24%),linear-gradient(160deg,#ffffff0f,#ffffff06)}.color-red .work-preview,.color-red .work-detail-inner{background:radial-gradient(circle at 18% 30%,#d6606033,#0000 24%),linear-gradient(160deg,#ffffff0f,#ffffff06)}@media (width<=1600px){body{min-width:1440px}.hero-title-block h1{font-size:104px}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-band{grid-template-columns:minmax(0,1fr) 340px}.hero-copy{transform:translateY(-18px)}}@media (width<=900px){html{overflow-x:hidden}body{zoom:var(--mobile-desktop-scale,1);width:1440px;min-width:1440px;overflow-x:hidden}.shell{width:1352px}.hero-band{min-height:var(--mobile-desktop-vh,100vh)}.intro-page:before,.intro-page:after{top:calc(var(--mobile-desktop-vh,100vh) - 1px)}.opening-label{font-size:64px}.viewer-modal{width:1368px;max-height:calc(var(--mobile-desktop-vh,100vh) - 56px)}.viewer-stage{max-height:calc(var(--mobile-desktop-vh,100vh) - 176px)}.viewer-stage video{max-height:var(--mobile-desktop-74vh,74vh)}}
