@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--bg:#07090c;--surface:#0e1116;--ink:#f0f5f7;--muted:#9aa4ac;--line:#e2f1ff26;--blue:#bfe7ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Manrope,Arial,sans-serif}a{color:inherit}.section-shell{width:min(1700px,100% - 96px);margin:auto}.hero{background:#05070a;height:100svh;min-height:100svh;position:relative;overflow:hidden}.hero-canvas{z-index:0;position:absolute;inset:0}.hero-canvas canvas{width:100%!important;height:100%!important}.vignette{z-index:1;pointer-events:none;background:radial-gradient(#0000 15%,#0203051f 49%,#020305cc 100%),linear-gradient(90deg,#03050780,#0000 42%,#03050780);position:absolute;inset:0}.nav-shell{z-index:3;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1700px,100% - 96px);height:96px;margin:auto;display:flex;position:relative}.brand{letter-spacing:.12em;font:500 14px DM Mono,monospace;text-decoration:none}.brand span{color:var(--blue);margin:0 5px}.nav-links{gap:10px;margin-left:100px;display:flex}.nav-links a,.nav-cta{letter-spacing:.06em;font:11px DM Mono,monospace;text-decoration:none}.nav-links a{border:1px solid #0000;border-radius:999px;padding:9px 12px;transition:all .25s}.nav-links a:hover{color:var(--blue);background:#bfe7ff17;border-color:#bfe7ff59;transform:translateY(-2px)}.nav-cta{color:var(--blue);border:1px solid #bfe7ff9e;border-radius:999px;align-items:center;gap:9px;padding:11px 15px;transition:all .25s;display:flex}.nav-cta span{font-size:17px;line-height:10px}.nav-cta:hover{background:var(--blue);color:#071016;transform:translateY(-2px)}.hero-copy{z-index:2;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero-meta{color:#b8c2c9;letter-spacing:.08em;align-items:center;gap:11px;margin-bottom:28px;font:10px DM Mono,monospace;display:flex}.hero-meta i{background:var(--blue);width:22px;height:1px}.hero-title{color:#f8fbfc;letter-spacing:-.105em;justify-content:center;align-items:baseline;gap:20px;margin:0;font-size:clamp(78px,15.6vw,270px);font-weight:700;line-height:.72;display:flex}.hero-title .title-year{letter-spacing:-.05em;color:var(--blue);font:400 clamp(16px,2.1vw,34px)/1 DM Mono,monospace}.hero-subtitle{letter-spacing:.38em;color:#d7e4eb;margin:37px 0 0;font:400 clamp(11px,1vw,16px) DM Mono,monospace}.hero-foot{z-index:3;color:#a9b5bd;letter-spacing:.08em;justify-content:space-between;align-items:center;font:10px DM Mono,monospace;display:flex;position:absolute;bottom:31px;left:max(48px,50vw - 850px);right:max(48px,50vw - 850px)}.hero-foot a{border:1px solid #fff3;border-radius:999px;padding:10px 14px;text-decoration:none;transition:all .25s}.hero-foot a:hover{color:#071016;background:var(--blue);border-color:var(--blue);transform:translateY(-2px)}.hero-foot b{color:var(--blue);margin-left:8px;font-size:17px}.about{padding:170px 0 150px}.eyebrow{color:var(--blue);letter-spacing:.07em;border:1px solid #bfe7ff6b;border-radius:999px;align-items:center;padding:8px 12px;font:10px DM Mono,monospace;display:inline-flex}.about-grid{grid-template-columns:38% 1fr;gap:12%;margin-top:62px;display:grid}.portrait-frame{border:1px solid var(--line);background:linear-gradient(135deg,#12161c,#06080b 57%,#1a2d3b);height:560px;position:relative;overflow:hidden}.portrait-frame:before{content:"";background:linear-gradient(90deg,#0f1216,#88929c,#07090c);border-radius:48% 48% 8% 8%;width:42%;height:68%;position:absolute;bottom:-9%;left:30%}.portrait-frame:after{content:"";aspect-ratio:1;border:1px solid #c9edff7a;border-radius:50%;width:68%;position:absolute;top:16%;left:16%;box-shadow:0 0 100px #43a9f23b}.portrait-orb{aspect-ratio:1;filter:blur(32px);opacity:.25;background:#bfe7ff;border-radius:50%;width:38%;position:absolute;top:28%;left:31%}.portrait-frame span{z-index:1;letter-spacing:.05em;font:10px DM Mono,monospace;position:absolute;bottom:19px;left:20px}.about-content{align-self:center}.about-content h2,.skills h2,.work h2{letter-spacing:-.075em;margin:0;font-size:clamp(43px,4vw,70px);font-weight:600;line-height:1.13}.about-content h2 span,.skills h2 span,.work h2 span{color:var(--blue);font-weight:300}.about-content>p{color:#b6c0c7;max-width:690px;margin:46px 0 0;font-size:15px;line-height:2}.pill-row{flex-wrap:wrap;gap:10px;margin-top:45px;display:flex}.pill-row>*{color:#d9e1e5;border:1px solid #ffffff29;border-radius:999px;padding:10px 13px;font:11px DM Mono,monospace;text-decoration:none;transition:all .25s}.pill-row a{color:var(--blue);border-color:#bfe7ff73}.pill-row>:hover{background:var(--blue);border-color:var(--blue);color:#071016;transform:translateY(-2px)}.stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:108px;padding-top:25px;display:grid}.stats div{border-right:1px solid var(--line);padding-left:28px}.stats div:first-child{padding-left:0}.stats div:last-child{border:0}.stats strong{letter-spacing:-.08em;font-size:65px;font-weight:500;display:block}.stats sup{color:var(--blue);font-size:20px}.stats span{color:#b7c2c9;border:1px solid #ffffff26;border-radius:999px;margin-top:5px;padding:7px 11px;font:10px DM Mono,monospace;display:inline-flex}.work{background:#0d1014;padding:152px 0 170px}.work-heading{justify-content:space-between;align-items:flex-end;display:flex}.work-heading>div:last-child{grid-template-columns:1fr 240px;align-items:end;width:72%;display:grid}.work h2{font-size:clamp(70px,8.7vw,148px);line-height:.78}.work-heading p{color:var(--muted);margin:0;font-size:13px;line-height:1.85}.project-grid{grid-template-columns:1.25fr .75fr;gap:20px;margin-top:90px;display:grid}.project-card{background:#14171b;border:1px solid #ffffff1a;overflow:hidden}.project-card:first-child{grid-row:span 2}.project-image{background:#050608;height:320px;position:relative;overflow:hidden}.project-card:first-child .project-image{height:670px}.project-image:after{content:"";background:linear-gradient(#0000 58%,#00000073);position:absolute;inset:0}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1);display:block}.project-card:hover .project-image img{transform:scale(1.045)}.project-image span{z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;background:#05080a3d;border:1px solid #dff4ffa6;border-radius:999px;padding:7px 9px;font:10px DM Mono,monospace;position:absolute;top:18px;left:18px}.project-info{justify-content:space-between;align-items:flex-start;min-height:112px;padding:23px;display:flex}.project-info h3{letter-spacing:.05em;margin:0 0 7px;font-size:17px}.project-info p{color:var(--muted);margin:0;font-size:11px}.project-info button{width:34px;height:34px;color:var(--blue);cursor:pointer;background:0 0;border:1px solid #bfe7ff7a;border-radius:50%;place-items:center;font-size:18px;transition:all .25s;display:grid}.project-info button:hover{color:#071016;background:var(--blue);transform:translate(2px,-2px)}.skills{padding:170px 0}.skills-heading{justify-content:space-between;align-items:end;margin:58px 0 88px;display:flex}.skills-heading h2{font-size:clamp(65px,7.6vw,132px);line-height:.82}.skills-heading p{width:280px;color:var(--muted);margin:0;font-size:13px;line-height:1.9}.skill-grid{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.skill-card{border-right:1px solid var(--line);min-height:310px;padding:25px 28px;transition:background .3s;position:relative}.skill-card:first-child{padding-left:0}.skill-card:last-child{border-right:0}.skill-card:hover{background:#bfe7ff0b}.skill-no{color:var(--blue);border:1px solid #bfe7ff6b;border-radius:999px;padding:6px 8px;font:10px DM Mono,monospace;display:inline-flex}.skill-card h3{letter-spacing:-.04em;margin:70px 0 14px;font-size:23px}.skill-card p{max-width:220px;color:var(--muted);margin:0;font-size:12px;line-height:1.85}.skill-arrow{color:var(--blue);font-size:20px;transition:transform .25s;position:absolute;top:26px;right:23px}.skill-card:hover .skill-arrow{transform:translate(3px,-3px)}.contact{color:#090d10;background:#e9eef1;min-height:100svh;position:relative;overflow:hidden}.contact-halo{aspect-ratio:1;border:1px solid #0003;border-radius:50%;width:72vw;position:absolute;top:-14vw;right:-22vw;box-shadow:0 0 0 105px #00000006,0 0 0 210px #00000005,inset 0 0 150px #419fe330}.contact-inner{z-index:1;flex-direction:column;min-height:100svh;padding:55px 0 36px;display:flex;position:relative}.contact .eyebrow{color:#34424b;border-color:#62717b}.contact-inner>p{letter-spacing:.1em;margin:auto 0 30px;font:11px DM Mono,monospace}.contact-inner>a{letter-spacing:-.09em;font-size:clamp(60px,9.2vw,160px);font-weight:700;line-height:.82;text-decoration:none}.contact-inner>a span{font-weight:300}.contact-inner>a b{vertical-align:top;font-size:.48em;font-weight:500}.footer{border-top:1px solid #00000047;justify-content:space-between;align-items:center;margin-top:auto;padding-top:17px;font:10px DM Mono,monospace;display:flex}.footer a{border:1px solid #00000052;border-radius:999px;padding:8px 12px;text-decoration:none;transition:all .25s}.footer a:hover{color:#fff;background:#0a0d10;transform:translateY(-2px)}@media (max-width:800px){.section-shell,.nav-shell{width:calc(100% - 42px)}.nav-shell{height:72px}.nav-links{display:none}.hero-title{gap:8px;font-size:17vw}.hero-title .title-year{font-size:13px}.hero-subtitle{letter-spacing:.25em;margin-top:25px;font-size:9px}.hero-foot{bottom:23px;left:21px;right:21px}.hero-foot>span:last-child{display:none}.about,.skills{padding:100px 0}.about-grid{grid-template-columns:1fr;gap:48px}.portrait-frame{height:420px}.about-content>p{font-size:14px}.stats{gap:15px;margin-top:70px}.stats div{border:0;padding-left:0}.stats strong{font-size:42px}.stats span{padding:6px;font-size:8px}.work{padding:100px 0}.work-heading{display:block}.work-heading>div:last-child{width:100%;margin-top:42px;display:block}.work-heading p{margin-top:27px}.project-grid{grid-template-columns:1fr;margin-top:54px}.project-card:first-child{grid-row:auto}.project-card:first-child .project-image{height:390px}.skills-heading{margin:48px 0 62px;display:block}.skills-heading p{width:auto;margin-top:30px}.skill-grid{grid-template-columns:1fr 1fr}.skill-card{border-bottom:1px solid var(--line);min-height:250px;padding:20px}.skill-card:first-child{padding-left:0}.skill-card h3{margin-top:52px;font-size:17px}.skill-card p{font-size:11px}.skill-arrow{top:19px;right:14px}.contact-inner{padding:35px 0 25px}.contact-inner>a{font-size:15vw}.footer{flex-wrap:wrap;gap:12px}.contact-halo{width:120vw;top:-3vw;right:-52vw}}
.nav-shell{z-index:50;background:0 0;border:1px solid #0000;border-radius:18px;width:min(1700px,100% - 96px);height:66px;padding:0 18px;position:fixed;top:20px;left:50%;transform:translate(-50%)}.hero{isolation:isolate}.hero .vignette{background:radial-gradient(at 50% 48%,#49a1ff21,#0000 33%),radial-gradient(#0000 20%,#02030514 54%,#0203058c 100%),linear-gradient(90deg,#03050747,#0000 42%,#03050747)}.stats{border:0;gap:16px;padding-top:0}.stats>div,.stats>div:first-child{background:linear-gradient(145deg,#b5e1ff14,#ffffff03);border:1px solid #cfecff29;border-radius:20px;min-height:152px;padding:25px 27px;transition:background .25s,border-color .25s,transform .25s;box-shadow:inset 0 1px #ffffff0d}.stats>div:hover{background:#bfe7ff17;border-color:#bfe7ff8c;transform:translateY(-4px)}.stats strong{color:#f1f7fb}.stats span{color:#d2dee5;border-color:#bfe7ff3d}.skills .skill-card:first-child{padding-left:28px}.contact{color:#edf4f8;background:radial-gradient(at 75% 42%,#2d89cb33,#0000 27%),#080b0f;border-top:1px solid #cceaff21}.contact-halo{border-color:#b2e0ff2b;top:-18vw;right:-24vw;box-shadow:0 0 0 105px #57a9e209,0 0 0 210px #57a9e207,inset 0 0 180px #419fe33b}.contact .eyebrow{color:var(--blue);border-color:#bfe7ff73}.contact-inner>a{color:#f4f8fa}.contact-inner>a span{color:var(--blue)}.footer{color:#9eabb4;border-color:#d4ebfa29}.footer a{border-color:#d4ebfa52}.footer a:hover{background:var(--blue);color:#071016}@media (max-width:800px){.nav-shell{border-radius:15px;width:calc(100% - 24px);height:58px;padding:0 13px;top:10px}.stats{gap:10px}.stats>div,.stats>div:first-child{min-height:122px;padding:18px 14px}.skills .skill-card:first-child{padding-left:20px}}
html,body{background:#03030b}main{isolation:isolate;position:relative}main>section{z-index:2;position:relative}main:not(.project-detail-page)>section{background:0 0!important}.portrait-frame,.project-card,.stats>div,.skill-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.section-title-wrap{line-height:.72;overflow:hidden}.section-title-english{color:#eaf4fb;letter-spacing:-.11em;white-space:nowrap;transform-origin:0 100%;margin:42px 0 0;font:600 clamp(74px,11vw,188px)/.72 Manrope,Arial,sans-serif}.about .section-title-english{color:#e2f5ff29}.skills .section-title-english{color:#bfe7ff2e}.contact .section-title-english{color:#bfe7ff24;margin-top:34px}.work .section-title-wrap{margin:0}.work .scroll-title{transform-origin:0 100%}.scroll-card{will-change:transform,opacity,clip-path}.project-image{overflow:hidden}.project-image img{will-change:transform}.contact .section-title-wrap{pointer-events:none;position:absolute;top:33%;right:0}.contact-inner{overflow:hidden}.contact-inner>a{z-index:1;position:relative}@media (max-width:800px){.section-title-english{margin-top:33px;font-size:18vw}.contact .section-title-wrap{top:21%;right:-3vw}.work .section-title-wrap{margin:0}}
:root{--lime:#baff25;--lime-soft:#baff2526;--panel:#0b0e12ad}.section-shell,.nav-shell{width:min(1360px,100% - 64px)}.brand{background:var(--lime);letter-spacing:-.02em;border-radius:999px;justify-content:center;align-items:center;min-width:134px;padding:10px 16px;display:inline-flex;box-shadow:0 0 24px #baff253d;color:#0b0d0f!important}.brand span{color:#0b0d0f;margin:0 4px}.nav-links a:hover{color:var(--lime);background:var(--lime-soft);border-color:#baff2573}.nav-cta{color:#fff;border-color:#ffffff52}.nav-cta:hover{color:#081008;background:var(--lime);border-color:var(--lime)}.eyebrow{color:var(--lime);border:0;padding:0;font-weight:500}.section-title-wrap{margin:20px 0 0;line-height:1;overflow:hidden}.section-title-english{color:#f1f4f5;letter-spacing:-.085em;margin:0;font-size:clamp(47px,5.4vw,82px);line-height:.96}.section-title-english:after{content:" ↘";color:var(--lime);vertical-align:middle;font:400 .45em/1 DM Mono,monospace}.about .section-title-english,.skills .section-title-english{color:#eff4f4}.about{padding:142px 0 120px}.about-grid{grid-template-columns:470px 1fr;gap:36px;margin-top:46px}.portrait-frame{background:linear-gradient(145deg,#192327,#080a0d 58%,#162419);border-radius:23px;height:470px}.about-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#14181cbf,#080a0d8c);border:1px solid #e1f6ef24;border-radius:23px;align-self:stretch;padding:39px 42px}.about-content h2{font-size:clamp(39px,3.4vw,57px);line-height:1.12}.about-content h2 span{color:var(--lime);font-weight:600}.about-content>p{margin-top:26px;font-size:13px;line-height:1.9}.pill-row{margin-top:27px}.pill-row>*{border-color:#baff2540;padding:8px 10px;font-size:10px}.pill-row a{color:var(--lime);border-color:#baff2585}.pill-row>:hover{background:var(--lime);border-color:var(--lime)}.stats{background:#0a0d107a;border:1px solid #e1f6ef24;border-radius:18px;gap:0;width:calc(100% - 506px);margin:17px 0 0 auto;overflow:hidden}.stats>div,.stats>div:first-child{min-height:108px;box-shadow:none;background:0 0;border:0;border-right:1px solid #e1f6ef1f;border-radius:0;padding:18px 24px}.stats>div:last-child{border-right:0}.stats>div:hover{background:#baff2517;border-color:#e1f6ef1f;transform:none}.stats strong{color:var(--lime);font-size:45px}.stats span{color:#a9b1b4;background:0 0;border:0;margin-top:0;padding:0}.about:after{content:"";background:linear-gradient(90deg,var(--lime) 0 1.5%,#baff2552 1.5% 98.5%,var(--lime) 98.5%);height:1px;margin-top:74px;display:block;box-shadow:0 0 14px #baff253d}.work{background:linear-gradient(115deg,#01201db8,#070812cc);padding:135px 0 145px}.work-heading{display:block}.work-heading>div:last-child{justify-content:space-between;align-items:flex-end;width:100%;margin-top:0;display:flex}.work h2{letter-spacing:-.085em;font-size:clamp(49px,5.4vw,82px);line-height:.96}.work-heading p{max-width:270px;margin:0;padding-bottom:3px}.project-grid{grid-template-rows:255px 255px;grid-template-columns:1.35fr 1fr;gap:18px;margin-top:38px}.project-card,.portrait-frame{border-radius:23px}.project-card:first-child{grid-area:1/1}.project-card:nth-child(2){grid-area:2/1}.project-card:nth-child(3){grid-area:1/2/span 2}.project-image,.project-card:first-child .project-image{height:100%}.project-card:nth-child(3) .project-image{height:510px}.project-info{background:#090c0eb8;min-height:88px;padding:17px 20px}.project-info h3{font-size:16px}.project-info button{color:var(--lime);border-color:#baff258f}.project-info button:hover{background:var(--lime);color:#071008}.project-image span{color:var(--lime);border-color:#baff259e}.skills{padding:140px 0 155px}.skills-heading{align-items:start;margin:26px 0 48px}.skills-heading h2{font-size:0}.skills-heading p{width:310px;margin-top:13px}.skill-grid{border:0;grid-template-columns:repeat(6,1fr);gap:18px}.skill-card{background:#0a0d10a3;border:1px solid #ddf2eb29;border-radius:22px;min-height:260px;overflow:hidden;padding:25px 28px!important}.skill-card:nth-child(-n+2){grid-column:span 3;min-height:300px}.skill-card:nth-child(n+3){grid-column:span 3}.skill-card:nth-child(2){background:var(--lime);color:#091007;border-color:var(--lime)}.skill-card:nth-child(2) .skill-no{color:#0a1205;border-color:#00000047}.skill-card:nth-child(2) p,.skill-card:nth-child(2) .skill-arrow{color:#17200b}.skill-card:hover{background:#baff251c;border-color:#baff258a;transform:translateY(-5px)}.skill-card:nth-child(2):hover{background:#d0ff5f}.skill-no{color:var(--lime);border-color:#baff2573}.skill-card h3{margin-top:56px;font-size:27px}.skill-card p{font-size:12px}.skill-arrow{color:var(--lime)}.contact{background:radial-gradient(at 13% 80%,#17858247,#0000 34%),radial-gradient(at 76% 35%,#7a980d40,#0000 28%),#040607db;min-height:760px}.contact .section-title-wrap{display:none}.contact-inner{grid-template-rows:auto 1fr auto;grid-template-columns:1fr 375px;column-gap:90px;padding:68px 0 34px;display:grid}.contact-inner>p{color:#b9c4c2;grid-column:1;margin:auto 0 15px}.contact-inner>a{grid-column:1;align-self:start;font-size:clamp(70px,7.2vw,122px);line-height:.85}.contact-inner>a span{color:var(--lime);font-weight:700}.contact-inner>a b{color:var(--lime)}.contact-inner:after{content:"CONTACT\a \a 1019431896@qq.com\a SHANGHAI · CHINA\a \a 3D HMI · MOTION";white-space:pre-line;color:#dbe6df;background:linear-gradient(135deg,#292f28b8,#0d1110c7);border:1px solid #e2f5ed38;border-radius:24px;grid-area:2/2;align-self:center;min-height:320px;padding:35px;font:12px/2.65 DM Mono,monospace;box-shadow:inset 0 1px #ffffff17,0 20px 60px #00000040}.contact-inner:first-line{color:var(--lime);font-weight:500}.footer{grid-column:1/-1;margin-top:auto}.footer a:hover{background:var(--lime);color:#061008}@media (max-width:800px){.section-shell,.nav-shell{width:calc(100% - 34px)}.brand{min-width:104px;padding:8px 11px;font-size:11px}.section-title-english{font-size:15vw}.about{padding:105px 0 85px}.about-grid{grid-template-columns:1fr;gap:18px}.portrait-frame{height:390px}.about-content{padding:26px 24px}.stats{width:100%;margin-top:12px}.stats>div,.stats>div:first-child{min-height:94px;padding:14px 11px}.stats strong{font-size:31px}.stats span{font-size:8px}.work{padding:100px 0}.work-heading>div:last-child{margin-top:18px;display:block}.work-heading p{margin-top:21px}.project-grid{grid-template-rows:none;grid-template-columns:1fr}.project-card:first-child,.project-card:nth-child(2),.project-card:nth-child(3){grid-area:auto}.project-card:nth-child(3) .project-image{height:390px}.project-image,.project-card:first-child .project-image{height:250px}.skills{padding:100px 0}.skills-heading{display:block}.skill-grid{grid-template-columns:1fr}.skill-card,.skill-card:nth-child(-n+2),.skill-card:nth-child(n+3){grid-column:auto;min-height:230px}.contact{min-height:720px}.contact-inner{min-height:720px;padding:42px 0 25px;display:flex}.contact-inner>a{font-size:15vw}.contact-inner:after{min-height:0;margin:36px 0 0;padding:25px;font-size:10px;display:block}.footer{margin-top:auto}}
:root{--lime:#b9c9ff;--lime-soft:#b9c9ff24}.hero{z-index:100!important}.nav-shell{pointer-events:auto;isolation:isolate;-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%);background:#0a0c127a;border-color:#ffffff1f;overflow:hidden;box-shadow:0 16px 50px #00000047,inset 0 1px #ffffff0f;z-index:9999!important}.nav-shell:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff0e 0%,#ffffff04 45%,#fff0 100%);position:absolute;inset:0}.nav-shell>*{z-index:1;position:relative}.nav-links{gap:8px}.nav-links a{color:#dce5ef;background:#cad8ff0e;border:1px solid #cfddff2e;border-radius:9px;padding:8px 13px}.nav-links a:hover{color:#eaf0ff;background:#b9c9ff2e;border-color:#b9c9ffa3}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.nav-shell{background:#0a0c12e6}}.brand{background:linear-gradient(135deg,#bcf3,#826be233);border:1px solid #cadaff7a;box-shadow:0 0 24px #7e89ff29;color:#eff4ff!important}.brand span{color:#b9c9ff}.nav-cta:hover{background:#c8d4ff;border-color:#c8d4ff}.about,.work,.skills,.contact{background:0 0!important}.contact{border-top:0}.about:after{background:linear-gradient(90deg,var(--lime) 0 1.5%,#b9c9ff52 1.5% 98.5%,var(--lime) 98.5%);box-shadow:0 0 14px #b9c9ff33}.about-content,.portrait-frame,.project-card,.stats,.skill-card,.contact-inner:after{box-shadow:inset 0 1px #e6efff14,0 16px 44px #0000001a}.skill-card:nth-child(2):hover{background:#0a0d10a3;border-color:#ddf2eb29}.hero-title{letter-spacing:-.055em}.section-title-english,.work h2{letter-spacing:-.04em}.project-info h3{letter-spacing:.11em}.hero-subtitle{letter-spacing:.48em}.brand{letter-spacing:.035em}.contact-inner>a{letter-spacing:-.06em}@media (max-width:800px){.hero{z-index:100!important}.nav-links a{border-radius:7px;padding:6px 8px;font-size:9px}.hero-title{letter-spacing:-.07em}.section-title-english,.work h2{letter-spacing:-.055em}}.contact-halo{display:none!important}.contact{min-height:100svh}.contact-inner{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) 340px;column-gap:110px;min-height:100svh;padding:132px 0 34px!important;display:grid!important}.contact-inner>.eyebrow{grid-area:1/1;align-self:start}.contact-inner>.section-title-wrap{display:none}.contact-inner>p{color:#b9c4d1;grid-area:2/1;align-self:center;margin:0}.contact-inner>a{grid-area:2/1;align-self:end;margin:0 0 58px;font-size:clamp(70px,7.2vw,122px);line-height:.85}.contact-inner:after{background:linear-gradient(145deg,#151d23c7,#080c12cc);border-color:#d0dfff33;grid-area:2/2;place-self:center end;width:340px;min-height:294px;margin:0;padding:32px;box-shadow:inset 0 1px #ffffff14,0 20px 60px #0000002e}.contact-inner .footer{grid-area:3/1/auto/-1;align-self:end;margin:0;padding-top:18px}@media (max-width:800px){.contact-inner{min-height:720px;padding:105px 0 25px!important;display:flex!important}.contact-inner>p{margin:30px 0 0}.contact-inner>a{margin:0;font-size:15vw}.contact-inner:after{width:auto;margin:36px 0 0}.contact-inner .footer{margin-top:auto}}
.project-link{color:inherit;text-decoration:none;display:block}.project-link:focus-visible{outline:2px solid var(--lime);outline-offset:4px;border-radius:24px}.project-open{width:34px;height:34px;color:var(--lime);background:0 0;border:1px solid #b9c9ff7a;border-radius:50%;flex:none;place-items:center;font-size:18px;transition:all .25s;display:grid}.project-link:hover .project-open{color:#071016;background:var(--lime);transform:translate(2px,-2px)}.project-detail-page{isolation:isolate;color:#f1f5fb;background:#070913;min-height:100svh;position:relative;overflow:hidden}.project-detail-page:before{content:"";z-index:-2;background:radial-gradient(circle at 12% 16%,#5c5cf64d,#0000 30%),radial-gradient(circle at 88% 23%,#935ffa3b,#0000 28%),radial-gradient(circle at 50% 84%,#215aa92e,#0000 39%),#070913;position:fixed;inset:0}.project-detail-background{z-index:-1;opacity:.44;pointer-events:none;background:repeating-linear-gradient(122deg,#ffffff06 0 1px,#0000 1px 5px);animation:18s linear infinite detailGrain;position:fixed;inset:-20%}.detail-shell{width:min(1360px,100% - 64px);margin:0 auto}.project-detail-nav{z-index:1000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070a139e;border:1px solid #dae9ff38;border-radius:18px;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1360px,100% - 64px);height:58px;margin:16px auto 0;padding:0 13px 0 15px;display:grid;position:sticky;top:16px;box-shadow:0 20px 50px #00000029,inset 0 1px #ffffff0f}.detail-brand,.detail-back{letter-spacing:.09em;font:500 10px DM Mono,monospace;text-decoration:none}.detail-brand{justify-self:start}.detail-brand span,.detail-back span{color:var(--lime)}.detail-nav-tabs{align-items:center;gap:8px;display:flex}.detail-nav-tabs a{color:#dce5ef;letter-spacing:.05em;background:#cad8ff0e;border:1px solid #cfddff2b;border-radius:9px;padding:8px 12px;font:10px DM Mono,monospace;text-decoration:none;transition:background .25s,border-color .25s,transform .25s}.detail-nav-tabs a:hover{background:#b9c9ff29;border-color:#b9c9ff9e;transform:translateY(-2px)}.detail-back{border:1px solid #d0deff38;border-radius:999px;justify-self:end;align-items:center;gap:7px;padding:9px 12px;transition:background .25s,transform .25s;display:inline-flex}.detail-back:hover{background:#b9c9ff29;transform:translateY(-2px)}.detail-hero{padding:92px 0 134px}.detail-hero-meta{color:var(--lime);letter-spacing:.1em;justify-content:space-between;margin-bottom:27px;font:500 10px DM Mono,monospace;display:flex}.detail-title{letter-spacing:-.07em;max-width:1050px;margin:0;font-size:clamp(70px,9.5vw,146px);font-weight:600;line-height:.78}.detail-title span{display:block}.detail-title span:last-child{color:#c7d5ff;padding-left:min(16vw,208px);font-weight:300}.detail-hero-grid{grid-template-columns:1.45fr .7fr;align-items:end;gap:22px;margin-top:72px;display:grid}.detail-hero-image{aspect-ratio:1.45;background:#0c1020;border:1px solid #dae9ff2e;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 26px 70px #0003}.detail-hero-image:after{content:"";background:linear-gradient(#0000 50%,#04071061);position:absolute;inset:0}.detail-hero-image img{object-fit:cover;width:100%;height:100%;display:block}.detail-hero-copy{padding:4px 0 5px}.detail-hero-copy>p{color:#d0d7e6;margin:0;font-size:17px;line-height:1.85}.detail-hero-copy dl{border-top:1px solid #dae9ff26;margin:42px 0 30px}.detail-hero-copy dl div{border-bottom:1px solid #dae9ff26;justify-content:space-between;gap:24px;padding:14px 0;display:flex}.detail-hero-copy dt,.detail-hero-copy dd{letter-spacing:.08em;margin:0;font:10px DM Mono,monospace}.detail-hero-copy dt{color:#98a6be}.detail-hero-copy dd{color:#eaf0fc;text-align:right}.detail-tags{flex-wrap:wrap;gap:8px;display:flex}.detail-tags span{color:var(--lime);letter-spacing:.04em;background:#b9c9ff0d;border:1px solid #b9c9ff59;border-radius:999px;padding:8px 10px;font:10px DM Mono,monospace}.detail-section{border-top:1px solid #dae9ff26;padding:126px 0}.detail-section-heading{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:64px;display:flex}.detail-section-heading>span{color:var(--lime);letter-spacing:.1em;align-self:flex-start;font:10px DM Mono,monospace}.detail-section-heading h2{letter-spacing:-.065em;max-width:770px;margin:0;font-size:clamp(43px,5vw,74px);font-weight:600;line-height:.96}.detail-section-heading em{color:#c6d3ff;font-style:normal;font-weight:300}.detail-gallery{grid-template-columns:repeat(12,1fr);gap:18px;display:grid}.detail-gallery-card{background:#080b1680;border:1px solid #dae9ff26;border-radius:22px;margin:0;position:relative;overflow:hidden}.detail-gallery-card:first-child{aspect-ratio:1.3;grid-column:span 7}.detail-gallery-card:nth-child(2){aspect-ratio:.94;grid-column:span 5}.detail-gallery-card:nth-child(3){aspect-ratio:.94;grid-column:span 4}.detail-gallery-card:nth-child(4){aspect-ratio:1.45;grid-column:span 8}.detail-gallery-card:nth-child(5){aspect-ratio:1.06;grid-column:span 5}.detail-gallery-card img{object-fit:cover;width:100%;height:100%;display:block}.detail-gallery-card:after{content:"";background:linear-gradient(#0000 58%,#00000061);position:absolute;inset:0}.detail-gallery-card figcaption{z-index:1;color:#eaf1ff;letter-spacing:.08em;font:10px DM Mono,monospace;position:absolute;bottom:14px;right:15px}.detail-motion-section{padding-bottom:146px}.detail-video-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.detail-video{background:#070a1299;border:1px solid #dae9ff29;border-radius:22px;min-height:270px;position:relative;overflow:hidden}.detail-video:nth-child(2){transform:translateY(56px)}.detail-video-label{z-index:1;color:#eff4ff;letter-spacing:.07em;pointer-events:none;justify-content:space-between;font:10px DM Mono,monospace;display:flex;position:absolute;top:14px;left:14px;right:14px}.detail-video-label span:last-child{color:var(--lime)}.detail-video video{object-fit:cover;background:#05070d;width:100%;height:100%;display:block}.detail-footer{color:#aab7cb;letter-spacing:.07em;border-top:1px solid #dae9ff2e;justify-content:space-between;align-items:center;padding:26px 0 35px;font:10px DM Mono,monospace;display:flex}.detail-footer p{margin:0}.detail-footer a{color:#e9efff;border:1px solid #b9c9ff59;border-radius:999px;padding:10px 13px;text-decoration:none;transition:all .25s}.detail-footer a span{color:var(--lime)}.detail-footer a:hover{background:var(--lime);color:#08101d;transform:translateY(-2px)}.detail-footer a:hover span{color:#08101d}@keyframes detailGrain{0%{transform:translate(-1%)}50%{transform:translate(1%,1%)}to{transform:translate(-1%)}}@media (max-width:800px){.detail-shell,.project-detail-nav{width:calc(100% - 34px)}.project-detail-nav{grid-template-columns:1fr auto;height:54px;margin-top:10px;top:10px}.detail-nav-tabs{display:none}.detail-hero{padding:72px 0 86px}.detail-hero-meta{margin-bottom:20px}.detail-title{font-size:14.5vw;line-height:.82}.detail-title span:last-child{padding-left:8vw}.detail-hero-grid{grid-template-columns:1fr;gap:28px;margin-top:43px}.detail-hero-image{aspect-ratio:1.1;border-radius:18px}.detail-hero-copy>p{font-size:15px}.detail-hero-copy dl{margin:28px 0 22px}.detail-section{padding:82px 0}.detail-section-heading{margin-bottom:36px;display:block}.detail-section-heading h2{margin-top:22px;font-size:11.4vw}.detail-gallery{gap:12px}.detail-gallery-card:nth-child(n){aspect-ratio:1.14;grid-column:span 12}.detail-video-grid{grid-template-columns:1fr;gap:14px}.detail-video{min-height:240px}.detail-video:nth-child(2){transform:none}.detail-motion-section{padding-bottom:88px}.detail-footer{flex-direction:column;align-items:flex-start;gap:16px}.detail-back{padding:8px 10px}}.project-detail-nav{isolation:isolate;-webkit-backdrop-filter:blur(28px)saturate(145%);background:linear-gradient(135deg,#ffffff16,#ffffff05 38%,#0000 68%),#070a1294;border-color:#e1eaff3d;left:50%;right:auto;overflow:hidden;transform:translate(-50%);box-shadow:0 20px 55px #00000057,inset 0 1px #ffffff14,inset 0 -1px #97a6d10f;z-index:10000!important;margin:0!important;position:fixed!important;top:16px!important}@media (max-width:800px){.project-detail-nav{top:10px!important}}.detail-video-grid{align-items:start}.detail-video{align-self:start;min-height:0}.detail-video video{object-fit:contain;height:auto}@media (max-width:800px){.detail-video{min-height:0}}.project-dock__navigation{justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.detail-nav-tabs .project-dock__item{color:#c8cfe1ad;letter-spacing:.04em;white-space:nowrap;background:#14172275;border:1px solid #bec8e121;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-width:0;height:34px;padding:0 13px;font:500 10px/1 DM Mono,monospace;text-decoration:none;transition:background-color .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.detail-nav-tabs .project-dock__item:hover{color:#f0f4fff0;background:#464c8233;border-color:#b2bbff4d;transform:translateY(-1px)}.detail-nav-tabs .project-dock__item--active,.detail-nav-tabs .project-dock__item--active:hover{color:#f7f9fffa;background:linear-gradient(135deg,#6e67d247,#424b962e);border-color:#aab2ff75;box-shadow:inset 0 1px #ffffff12}.project-dock__index{color:#afb9ffb8;font:500 9px/1 DM Mono,monospace}.project-dock__item:focus-visible{outline-offset:2px;outline:2px solid #a5afffbf}@media (max-width:1100px){.project-dock__navigation{gap:5px}.detail-nav-tabs .project-dock__item{padding-inline:9px;font-size:9px}.project-dock__index{display:none}}@media (max-width:800px){.project-detail-nav{grid-template-columns:max-content minmax(0,1fr) max-content;column-gap:8px}.detail-nav-tabs.project-dock__navigation{overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:flex-start;width:100%;display:flex;overflow-x:auto}.detail-nav-tabs.project-dock__navigation::-webkit-scrollbar{display:none}.detail-nav-tabs .project-dock__item{flex:none;padding-inline:8px;font-size:8px}}.detail-hero-image video{object-fit:contain;background:#05070d;width:100%;height:100%;display:block}.detail-hero-video{aspect-ratio:auto}.detail-hero-video .detail-hero-media{object-fit:contain;height:auto}.detail-gallery{align-items:start}.detail-gallery-video-card{background:#05070d;align-self:start;aspect-ratio:auto!important}.detail-gallery-video-card video{object-fit:contain;width:100%;height:auto;display:block}.detail-gallery-video-card:first-child{grid-column:span 7}.detail-gallery-video-card:nth-child(2){grid-column:span 5}.detail-gallery-video-card:nth-child(3){grid-column:span 4}.detail-gallery-video-card:nth-child(4){grid-column:span 8}.detail-gallery-video-card:nth-child(5){grid-column:span 5}@media (max-width:800px){.detail-gallery-video-card:nth-child(n){grid-column:span 12;aspect-ratio:auto!important}}.detail-video-gallery{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.detail-video-gallery .detail-gallery-video-card:nth-child(n){grid-column:auto;width:100%;aspect-ratio:16/9!important}.detail-video-gallery .detail-gallery-video-card video{object-fit:contain;width:100%;height:100%}.detail-video-gallery .detail-gallery-video-card:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 9px)}@media (max-width:800px){.detail-video-gallery{grid-template-columns:1fr}.detail-video-gallery .detail-gallery-video-card:nth-child(n),.detail-video-gallery .detail-gallery-video-card:last-child:nth-child(odd){grid-column:auto;width:100%}}
.site__grainient{z-index:0;pointer-events:none;opacity:1;position:fixed;inset:0;overflow:hidden}.site__grainient .grainient-container,.site__grainient canvas{width:100%!important;height:100%!important}.site__grainient .grainient-container{pointer-events:none;position:absolute;inset:0}.site__background-mask{z-index:1;pointer-events:none;background:linear-gradient(90deg,#04050d33 0%,#04050d0f 42%,#0000 72%,#04050d14 100%),linear-gradient(#0203090a 0%,#0000 54%,#02030938 100%);position:fixed;inset:0}.hero{isolation:isolate;background:0 0;height:100svh;min-height:100svh;position:relative;overflow:hidden}.hero__content{z-index:2}@media (max-width:800px){.site__grainient{opacity:1;inset:0}.site__background-mask{background:linear-gradient(#04050d1f 0%,#0000 50%,#04050d47 100%),linear-gradient(90deg,#04050d24 0%,#0000 68%,#04050d14 100%)}.hero{height:100svh;min-height:100svh;padding-bottom:0;display:block}}@media (prefers-reduced-motion:reduce){.site__grainient{opacity:1}}
.hero__layout{z-index:3;flex-direction:column;justify-content:center;align-items:flex-start;width:min(1700px,100% - 96px);min-height:100svh;margin:0 auto;padding:clamp(120px,12vh,160px) 0 clamp(100px,11vh,140px);display:flex;position:relative}.hero__copy{text-align:left;pointer-events:none;flex-direction:column;align-items:flex-start;width:min(760px,58vw);display:flex;position:relative;transform:translateY(4vh)}.hero-meta{color:#cdd3e4b8;letter-spacing:.14em;gap:12px;margin:0 0 28px;font-size:10px}.hero-meta i{background:#dcebf4b8;width:32px}.hero-title{color:#f5f7f8;letter-spacing:-.072em;width:max-content;max-width:none;margin:0;font-size:clamp(84px,10.5vw,176px);font-weight:300;line-height:.78;display:block}.hero-title span{display:block}.hero-title span:last-child{padding-right:.12em}.hero-title span+span{color:#0000;background:linear-gradient(104deg,#f0f3f7 4%,#c7d0de 48%,#aebbe0 100%);-webkit-background-clip:text;background-clip:text;margin-left:clamp(26px,4vw,68px)}.hero-subtitle{color:#c3c9d9c7;letter-spacing:-.01em;max-width:430px;margin:38px 0 0;font:400 clamp(15px,1.05vw,18px)/1.62 Manrope,Arial,sans-serif}.hero-explore{pointer-events:auto;color:#eef4f7;letter-spacing:.08em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#e3f1f90e;border:1px solid #deeaf257;border-radius:999px;align-items:center;gap:12px;margin-top:32px;padding:12px 16px;font:500 10px DM Mono,monospace;text-decoration:none;transition:background .3s,color .3s,transform .3s;display:inline-flex}.hero-explore b{color:#dcebf4;font-size:16px;font-weight:400}.hero-explore:hover{color:#071017;background:#e7eff4;transform:translateY(-2px)}.hero-explore:hover b{color:#071017}.hero-foot{color:#c1cbd3d1}.hero-foot a{background:#080b102e;border-color:#ddeaf347}.hero-foot a:hover{color:#071017;background:#e5eef3;border-color:#e5eef3}.hero-foot b{color:inherit}@media (max-width:1100px){.hero__layout{width:calc(100% - 64px)}.hero__copy{width:min(720px,65vw)}.hero-title{max-width:none;font-size:clamp(76px,11.5vw,128px)}}@media (max-width:800px){.hero__layout{width:calc(100% - 42px);padding:104px 0 96px}.hero__copy{align-items:flex-start;width:100%;transform:translateY(2vh)}.hero-title{max-width:none;font-size:clamp(52px,14vw,80px);line-height:.8}.hero-title span+span{margin-left:6vw}.hero-meta{margin-bottom:22px;font-size:8px}.hero-subtitle{margin-top:28px;font-size:14px}.hero-explore{margin-top:27px}.hero-foot{width:auto;margin:0;padding-top:0;font-size:8px;position:absolute;bottom:23px;left:21px;right:21px}}
.project-grid{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.project-card:nth-child(n){grid-area:auto}.project-image,.project-card:first-child .project-image,.project-card:nth-child(3) .project-image{background:#05070d;height:360px}.project-image img,.project-image video{object-fit:contain;background:#05070d;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1);display:block}.project-card:hover .project-image video{transform:scale(1.025)}.detail-hero-image,.detail-hero-video{background:#05070d;align-self:start;aspect-ratio:auto!important}.detail-hero-image img,.detail-hero-image video,.detail-hero-video .detail-hero-media{background:#05070d;width:100%;display:block;object-fit:contain!important;height:auto!important}.detail-media-gallery{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.detail-media-gallery .detail-gallery-card:nth-child(n){background:#05070d;grid-column:auto;align-self:start;width:100%;aspect-ratio:auto!important}[data-project=motion-design] .detail-media-gallery>.detail-gallery-card:first-child{order:1}[data-project=motion-design] .detail-media-gallery>.detail-gallery-card:nth-child(2){order:2}[data-project=motion-design] .detail-media-gallery>.detail-gallery-card:nth-child(3){order:3}[data-project=motion-design] .detail-media-gallery>.detail-gallery-card:nth-child(4){order:4}[data-project=motion-design] .detail-media-gallery>.detail-gallery-card:nth-child(5){order:5}[data-project=motion-design] .detail-media-gallery>.detail-gallery-card:nth-child(8){order:6}[data-project=motion-design] .detail-media-gallery>.detail-gallery-card:nth-child(6){order:7}[data-project=motion-design] .detail-media-gallery>.detail-gallery-card:nth-child(7){order:8}[data-project=motion-design] .detail-media-gallery>.detail-gallery-card:nth-child(9){order:9}[data-project=motion-design] .detail-media-gallery>.detail-gallery-card:nth-child(10){order:10}[data-project=motion-design] .detail-media-gallery>.detail-gallery-card:nth-child(5){align-self:start;aspect-ratio:auto!important;grid-column:1/-1!important;width:100%!important}[data-project=motion-design] .detail-media-gallery>.detail-gallery-card:nth-child(5)>.card-surface,[data-project=motion-design] .detail-media-gallery>.detail-gallery-card:nth-child(5) .card-content{height:auto;min-height:0}[data-project=motion-design] .detail-media-gallery>.detail-gallery-card:nth-child(5) video{width:100%;display:block;aspect-ratio:auto!important;object-fit:contain!important;height:auto!important}[data-project=motion-design] .detail-media-gallery>.detail-gallery-card:nth-child(7){grid-column:1/-1;width:100%}[data-project=motion-design] .detail-media-gallery>.detail-gallery-card:nth-child(8),[data-project=motion-design] .detail-media-gallery>.detail-gallery-card:nth-child(6){justify-self:stretch;min-width:0;grid-column:span 1!important;width:100%!important}.detail-media-gallery .detail-gallery-card img,.detail-media-gallery .detail-gallery-card video{background:#05070d;width:100%;display:block;object-fit:contain!important;height:auto!important}@media (max-width:800px){.project-grid{grid-template-columns:1fr}.project-image,.project-card:first-child .project-image,.project-card:nth-child(3) .project-image{height:250px}}@media (max-width:900px){.detail-media-gallery{grid-template-columns:1fr}[data-project=motion-design] .detail-media-gallery>.detail-gallery-card:nth-child(n){grid-column:1!important;width:100%!important}}.stats{background:0 0!important;border:0!important;gap:16px!important;overflow:visible!important}.stats>.card-wrapper{background:0 0!important;border-radius:20px!important;min-height:152px!important;padding:0!important}.stats>.card-wrapper>.interactive-card{background:#0a0c12bf!important;border-radius:20px!important;min-height:152px!important;padding:0!important}.stats>.card-wrapper>.interactive-card>.content{border-radius:inherit!important;min-height:0!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:25px 27px!important}.skill-grid{grid-auto-rows:280px;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.skill-card:nth-child(n){grid-column:auto!important;min-height:280px!important}.contact-inner{grid-template-columns:minmax(0,1.35fr) 340px!important;column-gap:clamp(70px,8vw,150px)!important}.contact-inner>p{align-self:center!important;margin:0 0 174px!important}.contact-inner>a{max-width:900px;letter-spacing:-.045em!important;align-self:center!important;margin:110px 0 0!important;line-height:.98!important}.contact-inner>a span{margin-top:.18em;display:inline-block}.contact-inner:after{content:none!important;display:none!important}.contact-card{grid-area:2/2;justify-self:end;width:320px;align-self:center!important;height:320px!important;min-height:0!important}.contact-card>.card-surface{border-radius:24px!important;height:320px!important;min-height:0!important}.contact-card-link{color:#e8eff8;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:14px;width:100%;height:100%;padding:30px;text-decoration:none;display:flex;min-height:0!important}.contact-card-link>span{color:var(--lime);letter-spacing:.08em;font:500 11px DM Mono,monospace}.contact-card-link strong{letter-spacing:.02em;margin-top:18px;font:500 12px DM Mono,monospace}.contact-card-link small{letter-spacing:.07em;color:#adb9c9;font:10px DM Mono,monospace}.contact-card-link em{color:#b9c9ff;letter-spacing:.07em;margin-top:auto;font:10px DM Mono,monospace}@media (max-width:800px){.stats{gap:10px!important}.stats>.card-wrapper,.stats>.card-wrapper>.interactive-card{min-height:122px!important}.stats>.card-wrapper>.interactive-card>.content{padding:18px 14px!important}.skill-grid{grid-auto-rows:auto;grid-template-columns:1fr!important}.skill-card:nth-child(n){min-height:230px!important}.contact-inner>p,.contact-inner>a{margin:0!important}.contact-card{width:100%;margin-top:32px;height:250px!important;min-height:0!important}.contact-card>.card-surface{height:250px!important}.contact-card-link{min-height:0!important}}
img,video{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}