@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,500;1,700&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";.grainient-container{width:100%;height:100%;position:relative;overflow:hidden}.specular-button{--sb-radius:18px;--sb-tint:#fff;--sb-tint-opacity:0;--sb-blur:0px;--sb-text-color:#f5f5f5;letter-spacing:.01em;color:var(--sb-text-color);background:color-mix(in srgb, var(--sb-tint) calc(var(--sb-tint-opacity) * 100%), transparent);border-radius:var(--sb-radius);-webkit-backdrop-filter:blur(var(--sb-blur));cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;margin:0;font-family:inherit;font-weight:500;line-height:1;transition:transform .15s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff0a,0 8px 24px #00000040}.specular-button:active{transform:scale(.97)}.specular-button:focus-visible{outline:2px solid color-mix(in srgb, var(--sb-text-color) 60%, transparent);outline-offset:3px}.specular-button:disabled{opacity:.55;cursor:default}.specular-button:disabled:active{transform:none}.specular-button--sm{padding:10px 22px;font-size:.85rem}.specular-button--md{padding:14px 30px;font-size:1rem}.specular-button--lg{padding:18px 40px;font-size:1.15rem}.specular-button__fx{pointer-events:none;z-index:1;position:absolute;inset:-20px}.specular-button__fx canvas{width:100%;height:100%;display:block}.specular-button__label{z-index:2;position:relative}.ribbons-container{width:100%;height:100%;position:relative}:root{color:#101010;font-synthesis:none;--blue:#2e52ff;background:#f4f3ef;font-family:DM Sans,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a{font:inherit}button{color:inherit}.progress{transform-origin:0;z-index:100;background:#ff4e91;height:3px;position:fixed;top:0;left:0;right:0}.header{z-index:90;color:#fff;mix-blend-mode:difference;justify-content:space-between;align-items:center;padding:22px 3.5vw;display:flex;position:fixed;top:0;left:0;right:0}.logo{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.logo span{letter-spacing:-1px;font-size:22px;font-weight:700}.logo small{letter-spacing:.08em;max-width:45px;font-size:9px;line-height:1.1}.nav{gap:38px;display:flex}.nav a{color:inherit;letter-spacing:.12em;font-size:12px;text-decoration:none}.menu-button{color:inherit;background:0 0;border:0;display:none}.hero{color:#fff;background:#2e52ff;flex-direction:column;justify-content:center;min-height:100svh;padding:16vh 4vw 0;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:8vw 8vw;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.orb{filter:blur(2px);opacity:.8;border-radius:50%;position:absolute}.orb.one{background:radial-gradient(circle at 35% 35%,#ff69ac,#0000 60%);width:40vw;height:40vw;top:-12vw;right:-12vw}.orb.two{background:radial-gradient(circle at 65% 35%,#17d4dd,#0000 65%);width:30vw;height:30vw;bottom:-15vw;left:-12vw}.hero-kicker{letter-spacing:.18em;font-size:11px;position:relative}.hero h1{letter-spacing:-.075em;margin:4vh 0 6vh;font:600 clamp(3.8rem,9.2vw,9rem)/.82 Manrope,sans-serif;position:relative}.hero h1 span{color:#ff75ae;font-style:italic;font-weight:400}.hero-bottom{justify-content:space-between;align-items:flex-end;padding-bottom:11vh;display:flex;position:relative}.hero-bottom strong{letter-spacing:.1em;font-size:12px}.hero-bottom p{opacity:.7;font-size:12px}.circle-link{color:#fff;border:1px solid #fff9;border-radius:50%;place-items:center;width:58px;height:58px;transition:all .3s;display:grid}.circle-link:hover{color:#2e52ff;background:#fff;transform:translateY(5px)}.marquee{letter-spacing:.17em;white-space:nowrap;background:#ff4e91;padding:12px 0;font-size:10px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.marquee div{width:max-content;animation:24s linear infinite marquee}@keyframes marquee{to{transform:translate(-50%)}}.section{padding:130px 4vw}.section-head{grid-template-columns:2fr 1fr;align-items:end;gap:10vw;margin-bottom:65px;display:grid}.eyebrow{letter-spacing:.18em;font-size:10px;font-weight:600}.section-head h2,.about-copy h2{letter-spacing:-.055em;margin:22px 0 0;font:500 clamp(2.2rem,4.5vw,5rem)/1.05 Manrope}.section-head p{color:#646464;max-width:420px;line-height:1.8}.filters{flex-wrap:wrap;gap:9px;margin-bottom:35px;display:flex}.filters button{cursor:pointer;background:0 0;border:1px solid #bbb;border-radius:99px;padding:9px 18px;font-size:11px}.filters button.active{color:#fff;background:#111;border-color:#111}.project-grid{grid-template-columns:1fr 1fr;gap:75px 2.3vw;display:grid}.project-card{cursor:pointer}.project-image{aspect-ratio:1.35;background:#ddd;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.22,1,.36,1)}.project-hover{background:#fff;border-radius:50%;place-items:center;width:54px;height:54px;transition:all .35s;display:grid;position:absolute;inset:auto 20px 20px auto;transform:scale(0)}.project-card:hover img{transform:scale(1.035)}.project-card:hover .project-hover{transform:scale(1)}.project-meta{border-top:1px solid #aaa;grid-template-columns:45px 1fr auto;gap:10px;margin-top:16px;padding-top:16px;display:grid}.project-meta>span{color:#666;font-size:10px}.project-meta h3{letter-spacing:-.03em;margin:0;font-size:20px}.project-meta p{color:#666;margin:6px 0;font-size:11px}.about{color:#fff;background:#101010;grid-template-columns:1fr 2fr;gap:7vw;display:grid}.about-number{letter-spacing:-.09em;color:#262626;font:600 clamp(4rem,10vw,10rem)/.78 Manrope}.about-copy h2{max-width:1000px}.about-columns{grid-template-columns:1fr 1fr;gap:6vw;margin-top:80px;display:grid}.about-columns p{color:#aaa;margin:0;line-height:1.85}.skill-list{flex-wrap:wrap;align-content:start;gap:9px;display:flex}.skill-list span{border:1px solid #505050;border-radius:99px;padding:10px 14px;font-size:11px}.contact{color:#101010;background:#ff4e91;flex-direction:column;justify-content:center;min-height:90vh;padding:120px 4vw 35px;display:flex}.contact h2{letter-spacing:-.075em;margin:45px 0;font:500 clamp(3.5rem,8vw,8rem)/.9 Manrope}.contact h2 em{color:#fff;font-weight:400}.contact>a{color:#111;border-bottom:2px solid #111;align-self:flex-start;gap:15px;padding-bottom:8px;text-decoration:none;display:flex}.contact-foot{letter-spacing:.12em;justify-content:space-between;margin-top:auto;font-size:10px;display:flex}.detail{background:#f4f3ef}.detail-hero{color:#fff;background:#101010;flex-direction:column;justify-content:flex-end;min-height:82vh;padding:120px 4vw 60px;display:flex;position:relative}.detail-hero:after{content:"";background:radial-gradient(circle,var(--accent),transparent 68%);opacity:.55;border-radius:50%;width:42vw;height:42vw;position:absolute;top:-20vw;right:-10vw}.back{color:#fff;letter-spacing:.12em;cursor:pointer;z-index:2;background:0 0;border:0;align-items:center;gap:10px;font-size:11px;display:flex;position:absolute;top:110px;left:4vw}.detail-title{z-index:1;position:relative}.detail-title>span{letter-spacing:.18em;font-size:10px}.detail-title h1{letter-spacing:-.08em;margin:25px 0 10px;font:600 clamp(4rem,10vw,10rem)/.82 Manrope}.detail-title p{color:var(--accent);font-size:18px}.detail-info{z-index:1;border-top:1px solid #444;grid-template-columns:1.5fr 1fr;gap:10vw;margin-top:55px;padding-top:24px;display:grid;position:relative}.detail-info>p{color:#aaa;max-width:620px;margin:0;line-height:1.7}.detail-info>div{gap:70px;display:flex}.detail-info span{color:#777;letter-spacing:.1em;font-size:9px;line-height:2.4}.detail-info b{color:#fff;font-size:11px}.gallery{flex-direction:column;gap:3vw;padding:5vw 4vw;display:flex}.gallery img{background:#ddd;width:100%;height:auto;display:block}.next-project{background:var(--blue);color:#fff;text-align:left;cursor:pointer;border:0;grid-template-columns:1fr auto auto;align-items:center;gap:30px;width:100%;padding:90px 4vw;display:grid}.next-project span{letter-spacing:.15em;font-size:10px}.next-project strong{letter-spacing:-.05em;font:500 clamp(2rem,5vw,5rem) Manrope}.next-project svg{width:40px;height:40px}@media (width<=760px){.header{padding:18px 20px}.menu-button{display:block}.nav{z-index:-1;background:#111;flex-direction:column;justify-content:center;align-items:center;font-size:2rem;display:none;position:fixed;inset:0}.nav.open{display:flex}.nav a{font-size:28px}.hero{padding:14vh 20px 0}.hero h1{font-size:16vw}.hero-bottom{align-items:center}.hero-bottom p{max-width:220px}.section{padding:85px 20px}.section-head{grid-template-columns:1fr;gap:25px}.project-grid{grid-template-columns:1fr;gap:55px}.project-card:nth-child(2n){margin-top:0}.about{grid-template-columns:1fr}.about-number{display:none}.about-columns{grid-template-columns:1fr;margin-top:45px}.contact{padding:90px 20px 28px}.detail-hero{padding:125px 20px 45px}.back{left:20px}.detail-info{grid-template-columns:1fr;gap:25px}.gallery{gap:20px;padding:20px}.next-project{grid-template-columns:1fr auto;padding:60px 20px}.next-project span{grid-column:1/-1}.next-project strong{font-size:9vw}.logo small{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.resume{color:#fff;background:#101010}.resume-head{grid-template-columns:1fr 2fr;align-items:end;gap:7vw;padding-bottom:65px;display:grid}.resume-head>div p{letter-spacing:.12em;color:#777;margin:14px 0 0;font-size:11px}.resume-head h2{letter-spacing:-.075em;margin:0;font:500 clamp(3.5rem,8vw,8.5rem)/.88 Manrope,sans-serif}.resume-intro{border-top:1px solid #3a3a3a;border-bottom:1px solid #3a3a3a;grid-template-columns:1fr 2fr;gap:7vw;padding:42px 0;display:grid}.resume-facts{letter-spacing:.1em;color:#8d8d8d;flex-direction:column;gap:13px;font-size:11px;display:flex}.resume-bio{grid-template-columns:1fr 1fr;gap:3vw;display:grid}.resume-bio p{color:#bbb;margin:0;line-height:1.9}.resume-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.resume-panel{background:#181818;border:1px solid #292929;padding:34px;position:relative}.resume-panel h3{letter-spacing:-.03em;margin:0 0 40px;font:500 25px Manrope,sans-serif}.resume-panel h3 small{letter-spacing:.16em;color:#686868;margin-left:10px;font-size:9px}.panel-index{color:#555;font-size:10px;position:absolute;top:27px;right:28px}.education-item{border-top:1px solid #333;grid-template-columns:105px 1fr;gap:22px;padding:22px 0;display:grid}.education-item time,.awards-list time{color:#787878;letter-spacing:.08em;font-size:10px}.education-item strong{font-size:15px}.education-item p{color:#777;margin:8px 0 0;font-size:10px;line-height:1.5}.resume-tags{flex-wrap:wrap;gap:8px;display:flex}.resume-tags span{color:#c9c9c9;border:1px solid #414141;border-radius:99px;padding:10px 14px;font-size:10px}.mini-block{border-top:1px solid #333;grid-template-columns:90px 1fr;margin-top:24px;padding-top:18px;display:grid}.mini-block b{font-size:11px}.mini-block p{color:#888;margin:0;font-size:11px}.awards-panel{grid-column:1/-1}.awards-list{grid-template-columns:1fr 1fr;gap:0 36px;display:grid}.awards-list article{border-top:1px solid #333;grid-template-columns:52px 1fr;gap:16px;min-height:90px;padding:20px 0;display:grid}.awards-list strong{font-size:13px;line-height:1.5}.awards-list p{color:#777;margin:7px 0 0;font-size:10px;line-height:1.5}.contact{grid-template-columns:1.1fr .9fr;align-items:center;gap:8vw;min-height:92vh;padding:120px 4vw 35px;display:grid}.contact-heading h2{margin:38px 0 0}.contact-heading h2 em{letter-spacing:-.055em;white-space:nowrap;margin-top:12px;font-size:.63em;line-height:.95;display:block}.contact-links{flex-direction:column;display:flex}.contact-item{color:#111;border-top:1px solid #10101059;grid-template-columns:30px 76px 1fr 24px;align-items:center;gap:14px;padding:24px 0;text-decoration:none;display:grid}.contact-item:last-child{border-bottom:1px solid #10101059}.contact-item svg{width:19px;height:19px}.contact-item span{letter-spacing:.14em;font-size:9px}.contact-item strong{letter-spacing:-.02em;font:500 clamp(1rem,1.5vw,1.35rem) Manrope,sans-serif}.contact-item:not(a) svg:last-child{display:none}.contact-foot{grid-column:1/-1;margin-top:45px}@media (width<=760px){.resume-head,.resume-intro{grid-template-columns:1fr;gap:32px}.resume-head{padding-bottom:40px}.resume-head h2{font-size:15vw}.resume-bio{grid-template-columns:1fr;gap:18px}.resume-grid{grid-template-columns:1fr}.awards-panel{grid-column:auto}.awards-list{grid-template-columns:1fr}.resume-panel{padding:26px 20px}.education-item{grid-template-columns:82px 1fr}.mini-block{grid-template-columns:78px 1fr}.contact{grid-template-columns:1fr;gap:55px;min-height:auto;padding:90px 20px 28px}.contact-heading h2{font-size:15vw}.contact-item{grid-template-columns:26px 55px 1fr 20px;gap:9px}.contact-item strong{font-size:13px}.contact-foot{gap:20px;line-height:1.5}}:root{--cobalt:#0738bf;--cobalt-deep:#061c8f;--cobalt-ink:#03145f;--magenta:#ff078e;--violet:#8b5cff;--ice:#eef3ff;--white:#fff;background:var(--cobalt);font-family:Outfit,Microsoft YaHei,sans-serif}body{background:var(--cobalt);font-family:Outfit,Microsoft YaHei,sans-serif;overflow-x:hidden}.progress{background:var(--magenta);height:4px}.header{color:#fff;mix-blend-mode:normal;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#041e90e0,#041e902e);border-bottom:1px solid #ffffff29;padding:18px 4.5vw}.logo span{letter-spacing:-.06em;font:800 24px Outfit,sans-serif}.logo small{letter-spacing:.14em;font-family:Barlow Condensed,Microsoft YaHei,sans-serif;font-size:10px;font-weight:600}.nav{gap:44px}.nav a{letter-spacing:.12em;font:italic 600 12px Barlow Condensed,Microsoft YaHei,sans-serif}.hero{isolation:isolate;background:linear-gradient(135deg,#082896 0%,#073dcc 46%,#052fae 100%);justify-content:center;align-items:center;min-height:100svh;padding:12vh 4.5vw 9vh;display:flex}.hero:before{content:"";opacity:.8;z-index:-3;background-color:#0000;background-image:repeating-radial-gradient(at 85% 12%,#0000 0 42px,#ffffff17 43px 44px),repeating-radial-gradient(at 9% 85%,#0000 0 46px,#ffffff0f 47px 48px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:none;mask-image:none}.hero:after{content:"";z-index:-2;background:radial-gradient(circle at 10% 10%,#67daff5c,#0000 18%),radial-gradient(circle at 83% 62%,#ff00913d,#0000 24%),linear-gradient(105deg,#0000 14%,#ffffff17 14.5%,#0000 26%);position:absolute;inset:0}.hero-texture{z-index:-1;opacity:.55;background-image:radial-gradient(circle,#ffffff38 0 4px,#0000 5px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(115deg,#000 0 12%,#0000 20% 80%,#000 92%);mask-image:linear-gradient(115deg,#000 0 12%,#0000 20% 80%,#000 92%)}.orb{filter:blur(50px);mix-blend-mode:screen}.orb.one{opacity:.38;background:radial-gradient(circle,#a68cff,#0000 67%);width:42vw;height:42vw;top:-15vw;right:-12vw}.orb.two{opacity:.24;background:radial-gradient(circle,#ff008e,#0000 65%);width:42vw;height:42vw;bottom:-19vw;left:-18vw}.hero-kicker{color:#fff;letter-spacing:-.04em;align-items:center;gap:14px;width:min(730px,72vw);margin:0 auto 1.2vh;font:700 clamp(1.4rem,2.4vw,2.8rem)/1 Outfit,sans-serif;display:flex;position:relative}.hero-kicker i{background:#fff;flex:1;max-width:190px;height:7px}.hero h1{letter-spacing:-.09em;color:#fff;text-transform:none;flex-direction:column;align-items:center;margin:0;font:800 clamp(7rem,16vw,18rem)/.54 Outfit,sans-serif;display:flex;position:relative}.hero h1 span,.hero h1 span:first-child{font:inherit;color:#fff;font-style:normal}.hero h1 span:nth-child(2){text-transform:none;letter-spacing:-.1em}.hero-signature{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffffb3;border-radius:13px;margin:6vh auto 0;padding:10px 22px;font-size:17px;position:relative}.hero-signature b{font-style:italic;font-weight:500}.hero-bottom{align-items:center;padding:0;position:absolute;bottom:9vh;left:4.5vw;right:4.5vw}.hero-bottom strong{letter-spacing:.12em;font:italic 700 13px Barlow Condensed,sans-serif}.hero-bottom p{letter-spacing:.03em;font:400 12px Outfit,sans-serif}.circle-link{background:#ffffff12;border-width:1.5px;width:52px;height:52px}.hero-timeline{color:#fff;align-items:center;gap:16px;font:italic 600 18px Barlow Condensed,sans-serif;display:flex;position:absolute;bottom:3.4vh;left:4.5vw;right:4.5vw}.hero-timeline i{background:#fff;flex:1;height:3px}.works{background:var(--ice);color:var(--cobalt-ink);padding-top:95px;position:relative}.works:before{content:"";pointer-events:none;background:radial-gradient(circle at 8% 14%,#0042ff17,#0000 18%),radial-gradient(circle at 87% 22%,#ff00911f,#0000 21%);position:absolute;inset:0}.content-tape{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);letter-spacing:-.075em;color:var(--cobalt);background:linear-gradient(100deg,#ffffffad,#ffffff2e);border:1px solid #ffffffb3;align-items:center;gap:28px;margin-bottom:35px;padding:12px 28px;font:800 clamp(4rem,10vw,10rem)/.84 Outfit,sans-serif;display:flex;position:relative;box-shadow:0 12px 40px #15339c21}.content-tape:before,.content-tape:after{content:"";background:repeating-linear-gradient(135deg,#ffffffbf 0 4px,#0000 4px 8px);width:18px;position:absolute;top:0;bottom:0}.content-tape:before{left:-7px}.content-tape:after{right:-7px}.content-tape i{background:var(--cobalt);flex:1;height:8px}.content-categories{justify-content:flex-end;gap:36px;margin-bottom:105px;font:italic 400 20px Barlow Condensed,Microsoft YaHei,sans-serif;display:flex;position:relative}.content-categories span{align-items:center;gap:8px;display:flex}.content-categories b{border:1px solid var(--cobalt);border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-style:normal;display:grid}.section-head{border-top:2px solid var(--cobalt);grid-template-columns:1.4fr .6fr;gap:8vw;padding-top:26px;position:relative}.section-head h2{letter-spacing:-.045em;color:var(--cobalt);margin-top:16px;font-family:Barlow Condensed,Microsoft YaHei,sans-serif;font-size:clamp(3.2rem,6vw,6.8rem);font-weight:600;line-height:.92}.section-head p{color:#38508e;border-left:1px solid var(--cobalt);padding-left:25px}.eyebrow{letter-spacing:.16em;font-family:Barlow Condensed,Microsoft YaHei,sans-serif;font-size:12px;font-style:italic}.filters{gap:10px;position:relative}.filters button{border-color:var(--cobalt);color:var(--cobalt);background:#ffffff59;padding:10px 20px}.filters button.active{background:var(--cobalt);border-color:var(--cobalt);color:#fff}.project-grid{gap:95px 2.8vw;position:relative}.project-card:nth-child(2n){margin-top:95px}.project-image{aspect-ratio:16/9;border:2px solid var(--cobalt);background:var(--cobalt);overflow:hidden;box-shadow:9px 9px #0738bf1f}.project-image:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff59}.project-index{z-index:2;color:#0000;-webkit-text-stroke:1.5px #fff;text-shadow:0 2px 16px #041e7873;font:italic 300 92px Barlow Condensed,sans-serif;position:absolute;top:-15px;left:16px}.project-image img{z-index:1;position:relative}.project-hover{z-index:3;background:var(--magenta);color:#fff;border:1px solid #fff}.project-meta{border-top:2px solid var(--cobalt);padding-top:14px}.project-meta>span{color:var(--cobalt);font-family:Barlow Condensed,sans-serif;font-style:italic}.project-meta h3{color:var(--cobalt);font-family:Outfit,sans-serif;font-size:23px;font-weight:700}.project-meta p{color:#4c6095}.resume{isolation:isolate;color:#fff;background:linear-gradient(135deg,#062aa6 0%,#073fc9 58%,#0b2fb1 100%);position:relative;overflow:hidden}.resume:before{content:"";z-index:-2;background:repeating-radial-gradient(at 94% 18%,#0000 0 35px,#ffffff12 36px 37px),radial-gradient(circle at 9% 8%,#61e5ff47,#0000 20%),radial-gradient(circle at 76% 80%,#ff008d45,#0000 27%);position:absolute;inset:0}.resume:after{content:"";z-index:-1;background-image:radial-gradient(circle,#ffffff29 0 3px,#0000 4px);background-size:25px 25px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(120deg,#000 0 10%,#0000 18% 84%,#000 96%);mask-image:linear-gradient(120deg,#000 0 10%,#0000 18% 84%,#000 96%)}.resume-head{grid-template-columns:.65fr 1.2fr .52fr;align-items:end;gap:4vw}.resume-head>div p{color:#fff9}.resume-head h2{color:#fff;font-family:Barlow Condensed,Microsoft YaHei,sans-serif;font-size:clamp(4.8rem,8vw,9rem);font-weight:600;line-height:.83}.resume-portrait{background:#ffffffeb;border:1px solid #fff;margin:0;padding:12px 12px 42px;position:relative;transform:rotate(1.4deg);box-shadow:14px 14px #ff008e6b}.resume-portrait:before{content:"";-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff47;border:1px solid #ffffff73;height:34px;position:absolute;top:-17px;left:16%;right:16%;transform:rotate(-3deg)}.resume-portrait img{aspect-ratio:3/4;object-fit:cover;object-position:center top;width:100%;display:block}.resume-portrait figcaption{color:var(--cobalt);letter-spacing:.1em;font:italic 700 11px Barlow Condensed,sans-serif;position:absolute;bottom:14px;left:16px}.resume-intro{background:#ffffff0d;border-color:#ffffff80;grid-template-columns:.65fr 1.8fr;gap:4vw;padding:38px 24px}.resume-facts{color:#ffffffb3}.resume-bio p{color:#ffffffe0}.resume-grid{gap:18px}.resume-panel{-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#ffffff17;border-color:#ffffff52}.resume-panel h3{font-family:Barlow Condensed,Microsoft YaHei,sans-serif;font-size:30px;font-weight:600}.resume-panel h3 small,.panel-index{color:#ffffff7a}.education-item,.mini-block,.awards-list article{border-color:#ffffff47}.education-item time,.awards-list time{color:#99c7ff}.education-item p,.awards-list p,.mini-block p{color:#ffffff9e}.resume-tags span{color:#fff;background:#ffffff0f;border-color:#ffffff8c}.contact{isolation:isolate;color:#fff;background:linear-gradient(125deg,#ff078e 0%,#7b42e8 48%,#0738bf 100%);position:relative;overflow:hidden}.contact:before{content:"";z-index:-1;background:radial-gradient(circle at 12% 14%,#ffffff59,#0000 17%),radial-gradient(circle at 70% 74%,#ff009173,#0000 22%),repeating-radial-gradient(at 98% 8%,#0000 0 42px,#ffffff17 43px 44px);position:absolute;inset:0}.contact-heading h2{color:#fff;font-family:Outfit,Microsoft YaHei,sans-serif;font-weight:700}.contact-heading h2 em{color:#fff}.contact-item{color:#fff;border-color:#ffffff73}.contact-item:last-child{border-color:#ffffff73}.contact-item strong{font-family:Outfit,Microsoft YaHei,sans-serif}.contact-foot{color:#fff}.detail-hero{background:linear-gradient(135deg,#072593,#0740c8);min-height:88vh;overflow:hidden}.detail-hero:before{content:"";background:repeating-radial-gradient(at 92% 10%,#0000 0 42px,#ffffff14 43px 44px),radial-gradient(circle at 9% 15%,#6ae1ff3d,#0000 18%);position:absolute;inset:0}.detail-hero:after{background:radial-gradient(circle,var(--accent),transparent 67%);mix-blend-mode:screen}.detail-title h1{font-family:Outfit,sans-serif;font-weight:800}.detail-title p{color:#fff;font-family:Barlow Condensed,Microsoft YaHei,sans-serif;font-size:24px;font-style:italic}.detail-info{border-color:#fff6}.detail-info>p{color:#ffffffc7}.detail-info span{color:#ffffff8c}.detail-yearline{z-index:2;align-items:center;gap:14px;margin-top:36px;font:italic 600 15px Barlow Condensed,sans-serif;display:flex;position:relative}.detail-yearline i{background:#fff;flex:1;height:2px}.gallery{background:var(--ice)}.gallery img{border:1px solid #0738bf2e;box-shadow:0 16px 45px #021b7017}.next-project{background:linear-gradient(110deg,var(--magenta),#8b48e7 52%,var(--cobalt))}.next-project strong{font-family:Outfit,sans-serif;font-weight:700}@media (width<=760px){.header{padding:16px 20px}.nav{background:linear-gradient(145deg,#071a86,#073ec5 60%,#c1099b)}.hero{min-height:100svh;padding:13vh 20px 11vh}.hero-kicker{width:82vw;font-size:7vw}.hero-kicker i{height:4px}.hero h1{font-size:26vw;line-height:.57}.hero-signature{margin-top:5vh;font-size:13px}.hero-bottom{bottom:9vh;left:20px;right:20px}.hero-bottom p{max-width:230px}.hero-timeline{font-size:14px;left:20px;right:20px}.content-tape{gap:12px;padding:10px 16px;font-size:18vw}.content-tape i{height:4px}.content-categories{flex-wrap:wrap;justify-content:flex-start;gap:11px;margin-bottom:75px;font-size:16px}.section-head{grid-template-columns:1fr}.section-head p{border-left:0;border-top:1px solid var(--cobalt);padding:18px 0 0}.project-card:nth-child(2n){margin-top:0}.project-index{font-size:66px}.resume-head{grid-template-columns:1fr}.resume-head h2{font-size:18vw}.resume-portrait{width:min(76vw,300px);margin:10px auto 0}.resume-intro{grid-template-columns:1fr;padding:28px 20px}.contact{background:linear-gradient(155deg,#ff078e,#7941e8 55%,#0738bf)}.detail-hero{padding-left:20px;padding-right:20px}.detail-yearline{margin-top:25px}}.hero h1{width:min(790px,72vw);font-size:clamp(7rem,14vw,15rem);line-height:.69}.hero h1 span:first-child{align-self:flex-start;margin-left:12%;font-size:.72em}.hero h1 span:nth-child(2){align-self:center}.resume-head h2{white-space:nowrap;font-size:clamp(4.5rem,6.2vw,7rem)}@media (width<=760px){.hero h1{width:88vw;font-size:25vw;line-height:.7}.hero h1 span:first-child{margin-left:9%;font-size:.72em}.resume-head h2{white-space:normal;font-size:17vw}}.hero.hero-cover{background:#0738bf url(/images/backgrounds/cover.jpg?v=6) 50%/cover no-repeat;height:min(100svh,56.25vw);min-height:0;max-height:100svh;padding:0}.hero.hero-cover:before,.hero.hero-cover:after{display:none}.works{color:#fff;background-color:#0738bf;background-image:url(/images/backgrounds/works.jpg?v=6);background-position:top;background-repeat:no-repeat;background-size:100%;padding-top:29vw}.works:before{display:none}.works .content-categories{color:#fff;margin-bottom:70px}.works .content-categories b,.works .section-head{border-color:#fff}.works .section-head h2{color:#fff}.works .section-head p{color:#ffffffc7;border-color:#fff}.works .filters button{color:#fff;background:#ffffff14;border-color:#fff}.works .filters button.active{color:#0738bf;background:#fff}.works .project-image{border-color:#fff;box-shadow:9px 9px #ffffff2e}.works .project-meta{border-color:#fff}.works .project-meta h3,.works .project-meta>span{color:#fff}.works .project-meta p{color:#ffffffb3}.resume{background:#0738bf url(/images/backgrounds/about.jpg?v=6) 50%/cover no-repeat}.resume:before,.resume:after{display:none}.contact{background:#6d4ce8 url(/images/backgrounds/contact.jpg?v=6) 50%/cover no-repeat}.contact:before{display:none}@media (width<=760px){.hero.hero-cover{background-size:100% 100%;height:56.25vw;min-height:0}.works{background-size:100%;padding-top:34vw}.works .content-categories{margin-bottom:55px}.resume{background-position:top}.contact{background-position:50%}}.works{color:var(--cobalt-ink);background:#fff;padding:0}.works-cover{background:#0738bf url(/images/backgrounds/works.jpg?v=7) top/100% no-repeat;height:clamp(110px,18vw,360px)}.works-body{background:#fff}.works-body .project-image{border-color:var(--cobalt);box-shadow:9px 9px #0738bf1f}.works-body .project-meta{border-color:var(--cobalt)}.works-body .project-meta h3,.works-body .project-meta>span{color:var(--cobalt)}.works-body .project-meta p{color:#4c6095}.detail-hero{background:#0738bf url(/images/backgrounds/about.jpg?v=7) 50%/cover no-repeat}.detail-hero:before,.detail-hero:after{display:none}@media (width<=760px){.works-cover{height:clamp(88px,22vw,140px)}.works-body{padding-top:65px}}.hero.hero-cover{background-image:url(/images/backgrounds/cover-v10.jpg?v=10)}.project-meta>span{align-self:start;font-size:clamp(15px,1.25vw,19px);font-weight:600;line-height:1.2}.detail-hero{background-image:url(/images/backgrounds/project-hero-v10.jpg?v=10)}.works-body{isolation:isolate;position:relative;overflow:hidden}.work-flow-lines{z-index:0;pointer-events:none;width:96%;height:96%;color:var(--cobalt);opacity:.68;position:absolute;inset:2%}.work-flow-lines>path{fill:none;stroke:currentColor;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;marker-end:url(#work-flow-arrow)}.project-grid{z-index:1}.works-body .project-card{background:#fff;position:relative}@media (width<=760px){.work-flow-lines{opacity:.42;width:180px;left:auto;right:-14px}}.resume .eyebrow{font-size:15px}.resume-head>div p,.resume-portrait figcaption,.resume-facts{font-size:14px}.resume-bio p{font-size:19px}.resume-panel h3 small{font-size:12px}.resume .panel-index,.resume .education-item time,.resume .awards-list time{font-size:13px}.resume .education-item strong{font-size:18px}.resume .education-item p,.resume .resume-tags span{font-size:13px}.resume .mini-block b,.resume .mini-block p{font-size:14px}.resume .awards-list strong{font-size:16px}.resume .awards-list p{font-size:13px}.contact,.detail-hero{background-color:#263bb5;background-image:none}.grainient-background{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.contact-heading,.contact-links,.contact-foot{z-index:1;position:relative}.next-project{isolation:isolate;background:#263bb5;position:relative;overflow:hidden}.next-project>span,.next-project>strong,.next-project>svg{z-index:1;position:relative}.resume-intro,.resume-panel{border-radius:18px}.resume-intro{isolation:isolate;position:relative}.about-specular-border.specular-button{opacity:1;width:100%;min-width:0;height:100%;box-shadow:none;pointer-events:none;z-index:3;background:0 0;padding:0;position:absolute;inset:0}.about-specular-border .specular-button__label{display:none}.about-specular-border--intro{-webkit-mask-image:linear-gradient(#000 0 28px,#0000 28px calc(100% - 28px),#000 calc(100% - 28px) 100%);mask-image:linear-gradient(#000 0 28px,#0000 28px calc(100% - 28px),#000 calc(100% - 28px) 100%)}.hero.hero-cover{background-color:#263bb5;background-image:none}.hero-title-art{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;width:min(49vw,980px);height:auto;display:block;position:absolute;top:26%;left:4.2vw}.logo .site-logo{object-fit:contain;flex:none;width:48px;height:auto;display:block}@media (width<=760px){.hero-title-art{width:50vw;top:26%;left:4.5vw}.logo .site-logo{width:44px}}.global-ribbons{z-index:95;pointer-events:none;position:fixed;inset:0;overflow:hidden}.global-ribbons .ribbons-container{position:absolute;inset:0}