.gooey-nav-container{--color-1:#0078ed;--color-2:#55d9c3;--color-3:#ff3e9d;--color-4:#7b84f7;position:relative}.gooey-nav-container nav{display:flex;position:relative;transform:translateZ(.01px)}.gooey-nav-container nav ul{z-index:3;gap:.35rem;margin:0;padding:0;list-style:none;display:flex;position:relative}.gooey-nav-container nav li{color:var(--ink);cursor:pointer;border-radius:999px;transition:color .3s,box-shadow .3s;position:relative}.gooey-nav-container nav li a{color:inherit;padding:.62rem 1.05rem;display:inline-block}.gooey-nav-container nav li:after{z-index:-1;background:var(--blue);content:"";opacity:0;border-radius:999px;transition:opacity .3s,transform .3s;position:absolute;inset:0;transform:scale(0)}.gooey-nav-container nav li.active{color:#fff}.gooey-nav-container nav li.active:after{opacity:1;transform:scale(1)}.gooey-nav-container nav li:focus-within:has(:focus-visible){box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--blue)}.gooey-effect{z-index:1;pointer-events:none;place-items:center;width:0;height:0;display:grid;position:absolute;top:0;left:0}.gooey-text{z-index:4;color:#0000;transition:color .3s}.gooey-text.active{color:#fff}.gooey-filter{filter:blur(7px)contrast(45)}.gooey-filter:after{z-index:-1;background:var(--blue);content:"";opacity:0;border-radius:999px;position:absolute;inset:0;transform:scale(0)}.gooey-filter.active:after{animation:.3s both gooey-pill}.gooey-particle,.gooey-point{opacity:0;transform-origin:50%;border-radius:50%;width:16px;height:16px;display:block}.gooey-particle{animation:gooey-particle var(--time) ease 1 -350ms;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px)}.gooey-point{background:var(--color);opacity:1;animation:gooey-point var(--time) ease 1 -350ms}@keyframes gooey-pill{to{opacity:1;transform:scale(1)}}@keyframes gooey-particle{0%{opacity:1;transform:rotate(0deg) translate(var(--start-x), var(--start-y))}70%{opacity:1;transform:rotate(calc(var(--rotate) * .5)) translate(calc(var(--end-x) * 1.2), calc(var(--end-y) * 1.2))}85%{opacity:1;transform:rotate(calc(var(--rotate) * .66)) translate(var(--end-x), var(--end-y))}to{opacity:1;transform:rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * .5), calc(var(--end-y) * .5))}}@keyframes gooey-point{0%{opacity:0;transform:scale(0)}38%,85%{opacity:1}65%,85%{transform:scale(var(--scale))}to{opacity:0;transform:scale(0)}}@media (prefers-reduced-motion:reduce){.gooey-particle,.gooey-point,.gooey-filter.active:after{animation:none}}.text-type{white-space:pre-wrap;display:inline-block}.text-type__cursor{color:var(--blue);opacity:1;animation:text-type-cursor-blink var(--cursor-blink-duration,.5s) ease-in-out infinite alternate;margin-left:.08em;display:inline-block}@keyframes text-type-cursor-blink{to{opacity:0}}.text-type__cursor--hidden{display:none}@media (prefers-reduced-motion:reduce){.text-type__cursor{animation:none}}.tilted-card{perspective:900px;height:100%;transform-style:preserve-3d}.tilted-card__inner{height:100%;transform-style:preserve-3d;transform:rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg));will-change:transform;transition:transform .16s ease-out}@media (prefers-reduced-motion:reduce){.tilted-card__inner{transform:none!important}}.border-glow-card{--pointer-x:50%;--pointer-y:50%;isolation:isolate;background:linear-gradient(145deg,#f8fdffd4,#daedffb8);border:1px solid #ffffffd1;border-radius:20px;transition:box-shadow .26s,transform .42s cubic-bezier(.2,1.5,.35,1);position:relative;box-shadow:0 16px 34px #2056941f}.border-glow-card:before{z-index:-1;border-radius:inherit;background:radial-gradient(220px circle at var(--pointer-x) var(--pointer-y), #ff8bc8, #7edfff 46%, transparent 72%);content:"";opacity:0;transition:opacity .24s;position:absolute;inset:-2px}.border-glow-card:hover,.border-glow-card:focus-within{transform:translateY(-9px)scale(1.018);box-shadow:0 24px 54px #2f80ed38}.border-glow-card:hover:before,.border-glow-card:focus-within:before{opacity:1}.border-glow-inner{border-radius:inherit;height:100%;overflow:hidden}@media (prefers-reduced-motion:reduce){.border-glow-card{transition:none}.border-glow-card:hover,.border-glow-card:focus-within{transform:none}}.depth-carousel{perspective:1200px;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;outline:none;width:100%;height:100%;position:relative}.depth-carousel.is-dragging{cursor:grabbing}.depth-carousel:focus-visible{outline:2px solid var(--blue);outline-offset:8px;border-radius:40px}.depth-carousel__stage{transform-style:preserve-3d;position:absolute;inset:0 42px 42px 0}.depth-carousel__card{z-index:calc(10 - var(--card-depth));opacity:calc(1 - var(--card-depth) * .18);transform:translate3d(calc(var(--card-offset) * 34px + var(--drag-x,0px)), calc(var(--card-offset) * -18px), calc(var(--card-depth) * -90px)) rotateY(calc(var(--card-offset) * -6deg)) scale(calc(1 - var(--card-depth) * .045));transform-origin:50%;cursor:pointer;background:#b9ddf9;border:1px solid #ffffffc7;border-radius:46% 46% 18% 18%/20% 20% 14% 14%;padding:0;transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .45s,filter .45s;position:absolute;inset:0;overflow:hidden;box-shadow:16px 20px 42px #1453912e}.depth-carousel.is-dragging .depth-carousel__card{transition:none}.depth-carousel__card:not(.is-active){filter:saturate(.82)brightness(.9)}.depth-carousel__card img{object-fit:cover;object-position:var(--card-position,center);pointer-events:none;width:100%;height:100%;display:block}.depth-carousel__controls{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#eff9ffd1;border:1px solid #ffffffb8;border-radius:999px;align-items:center;gap:10px;padding:7px;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 12px 32px #14539129}.depth-carousel__controls button{color:#fff;background:var(--ink);cursor:pointer;border:0;border-radius:50%;width:34px;height:34px;padding:0;font-size:1rem;transition:transform .18s,background .18s}.depth-carousel__controls button:hover{background:var(--blue);transform:scale(1.08)}.depth-carousel__controls span{text-align:center;min-width:54px;font-family:var(--font-mono);font-size:.7rem}@media (prefers-reduced-motion:reduce){.depth-carousel__card,.depth-carousel__controls button{transition:none}}:root{color:#181818;font-synthesis:none;text-rendering:optimizelegibility;--ink:#181818;--muted:#666;--line:#4d4d4d;--blue:#2f80ed;--blue-soft:#eaf3ff;--paper:#fff;--max-width:1700px;--page-pad:clamp(24px, 4vw, 76px);background:#fff;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:#fff;margin:0}body::selection{color:#fff;background:var(--blue)}body,a,button{-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,video,svg{max-width:100%;display:block}.skip-link{z-index:100;border:1px solid var(--ink);background:#fff;padding:10px 14px;position:fixed;top:10px;left:10px;transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.page-shell{width:min(100%, var(--max-width));min-height:100%;padding-inline:var(--page-pad);margin:0 auto;position:relative}.hero,.contact{background:#fff;min-height:100svh;position:relative;overflow:hidden}#top,#about,#experience,#projects,#strengths,#contact{scroll-margin-top:88px}.hero-video,.hero-video-fallback{z-index:0;object-fit:cover;object-position:center;opacity:.62;filter:grayscale(.82)brightness(1.24)contrast(.72);width:61%;height:100%;position:absolute;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0000001f 10%,#000 42%);mask-image:linear-gradient(90deg,#0000 0%,#0000001f 10%,#000 42%)}.hero-video-fallback{z-index:-1;opacity:.2;background-color:#0000;background-image:linear-gradient(#e9e9e9 1px,#0000 1px),linear-gradient(90deg,#e9e9e9 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.hero-shell{min-height:100svh}.site-header{z-index:50;width:min(calc(100% - (var(--page-pad) * 2)), calc(var(--max-width) - (var(--page-pad) * 2)));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc7;border-bottom:1px solid #1818181f;justify-content:space-between;align-items:center;min-height:88px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.wordmark{letter-spacing:.09em;font-family:Segoe Print,Bradley Hand,cursive;font-size:clamp(1.15rem,1.55vw,1.85rem)}.wordmark span{color:var(--blue)}.site-header nav{gap:clamp(24px,3.4vw,68px);font-size:clamp(.9rem,1.05vw,1.18rem);font-weight:700;display:flex}.site-header nav a{padding-block:8px;position:relative}.site-header nav a:after{content:"";background:var(--blue);opacity:0;border-radius:100% 0 100% 100%;width:7px;height:13px;transition:opacity .18s,transform .18s;position:absolute;bottom:-6px;right:50%;transform:rotate(-45deg)translate(50%)}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{opacity:1;transform:rotate(-45deg)translate(50%)translateY(2px)}.hero-copy{z-index:4;width:min(67%,1080px);padding-top:clamp(90px,13vh,150px);position:relative}.hero-copy h1,.section h2,.contact h2{margin:0;font-family:KaiTi,STKaiti,Segoe Print,cursive;font-weight:400}.hero-copy h1{letter-spacing:-.035em;font-size:clamp(4.5rem,6.8vw,9rem);line-height:.93}.hero-copy h1>span{white-space:nowrap;display:block;overflow:hidden}.hero-copy h1 i{font-style:normal;animation:.9s cubic-bezier(.16,1,.3,1) both title-reveal;display:block}.hero-copy h1>span:nth-child(2) i{animation-delay:.12s}.hero-copy h1:after{border-bottom:3px solid var(--blue);content:"";border-radius:50%;width:180px;height:12px;margin:-6px 0 36px 45%;display:block;transform:rotate(-3deg)}.page-intro{z-index:200;color:#fff;pointer-events:none;background:#0a0a0a;place-items:center;animation:1.15s cubic-bezier(.76,0,.24,1) .45s both intro-wipe;display:grid;position:fixed;inset:0}.page-intro span{letter-spacing:.12em;font-family:Segoe Print,cursive;font-size:clamp(1.6rem,3vw,3rem);animation:.65s both intro-mark}.scroll-progress{z-index:40;background:#1818182e;width:1px;height:120px;position:fixed;top:50%;left:18px;overflow:hidden;transform:translateY(-50%)}.scroll-progress span{background:var(--blue);width:100%;height:100%;transform:scaleY(var(--scroll-progress,0));transform-origin:top;display:block}[data-reveal]{opacity:0;transition:opacity .75s,transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(54px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.hero-copy p{border-bottom:1px solid var(--ink);width:fit-content;margin:0 0 48px;padding-bottom:10px;font-size:clamp(1.15rem,1.55vw,1.7rem)}.button-link{border:2px solid var(--ink);background:#ffffffe6;border-radius:8px 12px 9px 7px;justify-content:space-between;align-items:center;gap:28px;min-width:190px;min-height:64px;padding:14px 24px;font-size:1.08rem;font-weight:700;transition:color .18s,background .18s,transform .18s,box-shadow .18s;display:inline-flex}.button-link svg{fill:none;width:26px;stroke:var(--blue);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.button-link--down svg{transform:rotate(90deg)}.button-link:hover{color:#fff;background:var(--ink);box-shadow:5px 5px 0 var(--blue-soft);transform:translate(-2px,-2px)}.clothesline{fill:none;width:100%;stroke:var(--line);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px;overflow:visible}.clothesline .line-star{fill:#fff}.clothesline .line-drop{fill:var(--blue);stroke:var(--blue)}.hero-clothesline{z-index:3;width:72%;height:190px;position:absolute;top:43%;left:33%}.cloud-doodle{fill:none;stroke:var(--line);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;overflow:visible}.cloud-doodle .drop{fill:var(--blue);stroke:var(--blue)}.cloud-doodle .star{fill:#fff}.hero-cloud{z-index:4;width:clamp(130px,10vw,190px);animation:4.8s ease-in-out infinite float;position:absolute;top:21%;right:14%}.hanging-note{z-index:4;aspect-ratio:.82;border:2px solid var(--line);width:clamp(150px,12vw,220px);box-shadow:7px 7px 0 #ffffffb8, 8px 8px 0 var(--line);background:#ffffffe0;border-radius:8px 12px 10px 7px;flex-direction:column;padding:32px 25px 22px;font-family:Segoe Print,cursive;animation:5s ease-in-out infinite sway;display:flex;position:absolute;top:56%;right:18%;transform:rotate(-1deg)}.hanging-note small,.hanging-note strong{font-size:clamp(1rem,1.1vw,1.35rem);font-weight:400}.hanging-note i{background:var(--line);width:65%;height:1px;margin-top:18px}.clip{border:2px solid var(--line);background:#ffffffeb;border-radius:10px 10px 3px 3px;width:23px;height:40px;position:absolute;top:-31px;left:50%;transform:translate(-50%)}.clip:after{border:2px solid var(--line);content:"";background:#fff;border-radius:2px;height:13px;position:absolute;bottom:-8px;left:4px;right:4px}.scroll-cue{z-index:6;right:var(--page-pad);letter-spacing:.18em;writing-mode:vertical-rl;align-items:center;gap:12px;font-size:.72rem;display:flex;position:absolute;bottom:34px}.scroll-cue svg{fill:none;width:20px;stroke:var(--blue);stroke-width:2px;transform:rotate(90deg)}.section{background:#fff;min-height:100svh;position:relative;overflow:hidden}.about{padding-block:clamp(110px,13vh,160px) 90px}.section-line{z-index:1;pointer-events:none;position:absolute}.about-line{width:108%;top:-95px;left:-3%}.about-layout{z-index:2;grid-template-columns:minmax(260px,.78fr) minmax(600px,2.1fr);align-items:start;gap:clamp(60px,7vw,130px);display:grid;position:relative}.portrait-column{position:relative}.portrait-frame{border:2px solid var(--line);width:min(100%,380px);box-shadow:6px 8px 0 var(--blue-soft);background:#fff;border-radius:5px 8px 7px 4px;margin:28px auto 0;padding:15px 15px 64px;position:relative;transform:rotate(-1.5deg)}.portrait-frame img{aspect-ratio:.73;object-fit:cover;object-position:center top;width:100%}.clip--portrait{top:-37px}.portrait-name{color:var(--muted);letter-spacing:.2em;text-align:center;font-family:Segoe Print,cursive;position:absolute;bottom:18px;left:18px;right:18px}.education-note{border-left:3px solid var(--blue);width:min(100%,420px);margin:44px auto 0;padding-left:18px}.education-note span,.education-note strong,.education-note p{display:block}.education-note span{color:var(--blue);margin-bottom:8px;font-size:.88rem}.education-note strong{margin-bottom:6px;font-size:1.04rem}.education-note p{color:var(--muted);margin:0;line-height:1.7}.about-intro{grid-template-columns:auto 1fr;align-items:end;gap:8px 30px;margin-bottom:60px;display:grid}.about-intro h2{grid-row:span 2;font-size:clamp(4rem,5vw,6.6rem);line-height:1}.about-intro p{margin:0;font-family:KaiTi,STKaiti,serif;font-size:clamp(1.4rem,1.8vw,2.2rem);line-height:1.5}.about-intro strong{border-bottom:2px solid var(--blue);color:#176bc2;width:fit-content;padding-bottom:8px;font-size:clamp(1rem,1.2vw,1.35rem)}.experience{padding-left:30px;position:relative}.experience:before{background:var(--line);content:"";width:1px;position:absolute;top:58px;bottom:20px;left:7px}.experience h3{margin:0 0 30px;font-family:KaiTi,STKaiti,serif;font-size:2rem;font-weight:400}.experience-item{padding:0 0 38px;position:relative}.experience-item:last-child{padding-bottom:0}.timeline-dot{border:2px solid var(--line);background:var(--blue);border-radius:50%;width:15px;height:15px;position:absolute;top:8px;left:-30px}.experience-heading{grid-template-columns:190px 1fr;align-items:start;gap:24px;display:grid}.experience-heading time{color:var(--muted);font-size:.96rem}.experience-heading h4{margin:0 0 5px;font-size:1.2rem}.experience-heading span{color:var(--blue);font-size:.88rem}.experience-item ul{color:#464646;margin:14px 0 0 214px;padding-left:20px;line-height:1.75}.metrics{z-index:3;grid-template-columns:repeat(3,1fr);gap:44px;max-width:920px;margin:clamp(80px,10vh,125px) 4% 0 auto;display:grid;position:relative}.metric-note{border:1.5px solid var(--line);text-align:center;background:#fff;border-radius:7px 9px 6px 8px;min-height:150px;padding:32px 20px 20px;position:relative;transform:rotate(-.7deg)}.metric-note strong,.metric-note>span:last-child{display:block}.metric-note strong{color:var(--blue);margin-bottom:8px;font-family:Segoe Print,cursive;font-size:clamp(2.4rem,3vw,4rem);font-weight:400}.metric-note>span:last-child{font-size:.96rem}.about-cloud{opacity:.72;width:130px;position:absolute;bottom:45px;left:2%}.projects{padding-block:clamp(95px,11vh,140px) 110px}.section-heading{z-index:3;align-items:end;gap:clamp(30px,5vw,88px);display:flex;position:relative}.section-heading h2{font-size:clamp(4rem,5vw,6rem);line-height:1}.section-heading p{max-width:600px;margin:0 0 8px;font-size:clamp(1rem,1.15vw,1.3rem)}.section-heading p:after{border-bottom:2px solid var(--blue);content:"";width:30px;height:9px;margin-left:8px;display:inline-block;transform:rotate(8deg)}.projects-cloud{z-index:2;width:130px;position:absolute;top:75px;right:22%}.projects-line{width:106%;top:195px;left:-3%}.projects-grid{z-index:3;grid-template-columns:minmax(0,1.45fr) minmax(340px,.8fr);align-items:start;gap:clamp(34px,4vw,72px);margin-top:clamp(115px,14vh,165px);display:grid;position:relative}.projects .projects-grid{margin-top:clamp(110px,14vh,170px);display:block}.projects .project-card{border-top:1px solid #1818188c;grid-template-columns:minmax(320px,.8fr) minmax(0,1.7fr);align-items:center;gap:clamp(44px,6vw,110px);padding:clamp(58px,8vh,100px) 0;display:grid}.projects .project-card:last-child{border-bottom:1px solid #1818188c}.projects .project-card--tall{grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);margin-top:0}.projects .project-card--tall .project-copy{order:2}.projects .project-card--tall .project-image{order:1}.projects .project-card--phone{grid-template-columns:minmax(320px,1fr) minmax(280px,.62fr)}.projects .project-card--phone .project-image{justify-self:center;width:min(100%,470px)}.projects .project-card--phone .project-image img{aspect-ratio:.5;object-fit:cover;object-position:top}.projects .project-card--reverse{grid-template-columns:minmax(280px,.62fr) minmax(320px,1fr)}.projects .project-card--reverse .project-copy{order:2}.projects .project-card--reverse .project-image{order:1}.projects .project-copy{margin-bottom:0}.projects .project-index{color:var(--blue);letter-spacing:-.08em;font-size:clamp(5.5rem,9vw,11rem)}.projects .project-image{box-shadow:none;transform:translateY(var(--parallax-y,0));border-radius:0;padding:0;transition:transform .18s linear;overflow:hidden}.projects .project-card--tall .project-image,.projects .project-image:hover{box-shadow:none;transform:translateY(var(--parallax-y,0))}.projects .project-image img{transition:transform .8s cubic-bezier(.16,1,.3,1),filter .5s}.projects .project-image:hover img{filter:saturate(1.08);transform:scale(1.045)}.project-hover-label{color:#fff;background:var(--blue);letter-spacing:.08em;opacity:0;padding:10px 14px;font-family:Segoe Print,cursive;font-size:.78rem;transition:opacity .25s,transform .35s cubic-bezier(.16,1,.3,1);position:absolute;bottom:20px;right:20px;transform:translateY(12px)}.project-image:hover .project-hover-label{opacity:1;transform:translateY(0)}.strength-card:nth-child(2){transition-delay:70ms}.strength-card:nth-child(3){transition-delay:.14s}.strength-card:nth-child(4){transition-delay:.21s}.project-card{min-width:0}.project-card--tall{margin-top:72px}.project-copy{grid-template-columns:auto 1fr;align-items:start;gap:26px;margin-bottom:32px;display:grid}.project-index{font-family:Segoe Print,KaiTi,cursive;font-size:clamp(3.5rem,5vw,6.2rem);line-height:.9}.project-copy h3{margin:0 0 10px;font-size:clamp(1.4rem,1.65vw,2rem)}.project-meta,.project-description,.project-award{margin:0}.project-meta{color:var(--muted);font-size:.9rem}.project-award{color:#176bc2;margin-top:14px;font-size:.9rem;font-weight:700}.project-image{border:1.5px solid var(--line);box-shadow:8px 8px 0 #2f80ed14, 9px 9px 0 var(--line);background:#fff;border-radius:6px 9px 7px 5px;padding:12px;transition:transform .22s,box-shadow .22s;position:relative;transform:rotate(-.8deg)}.project-card--tall .project-image{transform:rotate(.8deg)}.project-image:hover{box-shadow:11px 12px 0 #2f80ed1f, 12px 13px 0 var(--line);transform:translateY(-5px)rotate(-.4deg)}.project-image img{object-fit:cover;background:#fff;width:100%}.project-card--wide .project-image img{aspect-ratio:1.5}.project-card--tall .project-image img{aspect-ratio:.8}.strengths{padding-block:clamp(100px,12vh,150px) 120px}.section-heading--stacked{max-width:1050px;display:block}.section-heading--stacked p{max-width:none;margin-top:24px;font-family:KaiTi,STKaiti,serif;font-size:clamp(1.4rem,2vw,2.35rem)}.strengths-cloud{z-index:2;width:140px;position:absolute;top:75px;right:12%}.strengths-line{width:106%;top:295px;left:-3%}.strengths-grid{z-index:3;grid-template-columns:repeat(4,1fr);gap:clamp(28px,3vw,52px);margin-top:clamp(145px,17vh,190px);display:grid;position:relative}.strength-card{border:1.5px solid var(--line);background:#fff;border-radius:7px 9px 6px 10px;min-height:380px;padding:58px 38px 38px;transition:color .2s,background .2s,transform .2s,box-shadow .2s;position:relative;transform:rotate(-1.2deg);box-shadow:6px 7px #2f80ed1a}.strength-card:nth-child(2){margin-top:34px;transform:rotate(.9deg)}.strength-card:nth-child(3){margin-top:12px;transform:rotate(-.4deg)}.strength-card:nth-child(4){margin-top:42px;transform:rotate(1deg)}.strength-card:hover{background:var(--blue);color:#fff;box-shadow:9px 10px 0 var(--blue-soft), 10px 11px 0 var(--line);transform:translateY(-8px)rotate(0)}.strength-card:hover .clip{background:#fff}.strength-index{border-bottom:1px solid;padding-bottom:22px;font-family:Segoe Print,KaiTi,cursive;font-size:clamp(3.5rem,4.5vw,5.5rem);line-height:1;display:block}.strength-card h3{margin:30px 0 20px;font-size:1.45rem}.strength-card ul{margin:0;padding:0;line-height:1.9;list-style:none}.contact-shell{flex-direction:column;min-height:calc(100svh - 72px);display:flex}.contact-label{border-bottom:2px solid var(--blue);width:fit-content;padding-bottom:10px;font-size:1.15rem;font-weight:700}.contact h2{z-index:3;max-width:1050px;margin-top:clamp(68px,9vh,105px);font-size:clamp(4rem,6.2vw,7.6rem);line-height:1.16;position:relative}.contact>.page-shell>p{z-index:3;margin:38px 0 0;font-size:clamp(1rem,1.35vw,1.45rem);position:relative}.contact-actions{z-index:4;gap:24px;margin-top:50px;display:flex;position:relative}.button-link--ghost{border-style:dashed}.contact-line{z-index:1;width:72%;position:absolute;top:22%;left:38%}.contact-cloud{z-index:2;width:clamp(180px,16vw,290px);animation:5s ease-in-out infinite float;position:absolute;top:30%;right:10%}.contact footer{z-index:3;border-top:1px solid var(--line);color:#454545;letter-spacing:.13em;justify-content:space-between;align-items:center;margin-top:auto;padding-block:28px 34px;font-size:.76rem;display:flex;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes sway{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1.2deg)}}@keyframes title-reveal{0%{transform:translateY(115%)}to{transform:translateY(0)}}@keyframes intro-mark{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-wipe{0%{clip-path:inset(0)}to{clip-path:inset(0 0 100%);visibility:hidden}}@media (width<=1180px){.hero-copy{width:67%}.hero-copy h1{font-size:clamp(4rem,7.4vw,6rem)}.hanging-note{right:10%}.about-layout{grid-template-columns:minmax(230px,.75fr) minmax(0,1.7fr);gap:55px}.experience-heading{grid-template-columns:150px 1fr}.experience-item ul{margin-left:174px}.strengths-grid{grid-template-columns:repeat(2,1fr)}.strength-card:nth-child(n){margin-top:0}}@media (width<=820px){:root{--page-pad:22px}.site-header{align-items:flex-start;min-height:88px;padding-top:0}.site-header nav{gap:14px;font-size:.78rem}.hero-video,.hero-video-fallback{opacity:.35;width:100%;height:74%;top:26%;-webkit-mask-image:linear-gradient(#0000 0%,#000 33%);mask-image:linear-gradient(#0000 0%,#000 33%)}.hero-copy{width:100%;padding-top:12vh}.hero-copy h1{font-size:clamp(3.15rem,12vw,5rem)}.hero-copy h1:after{width:110px;margin-bottom:24px}.hero-copy p{margin-bottom:34px;font-size:1.05rem}.button-link{min-width:162px;min-height:54px}.hero-clothesline{width:130%;top:60%;left:-10%}.hero-cloud{width:110px;top:51%;right:7%}.hanging-note{width:135px;padding:26px 18px 18px;top:68%;right:12%}.scroll-cue{display:none}.about,.projects,.strengths{padding-block:90px 80px}.about-layout{grid-template-columns:1fr}.portrait-frame{max-width:330px}.about-intro{display:block}.about-intro h2{margin-bottom:24px;font-size:4rem}.about-intro p{margin-bottom:14px}.experience{padding-left:25px}.experience-heading{display:block}.experience-heading time{margin-bottom:8px;display:block}.experience-item ul{margin-left:0}.metrics{grid-template-columns:1fr;gap:50px;margin:90px 0 0}.metric-note:nth-child(n){transform:none}.section-heading{display:block}.section-heading h2{font-size:4rem}.section-heading p{margin-top:20px}.projects-cloud,.strengths-cloud{opacity:.55;width:100px;right:5%}.projects-line{top:230px}.projects-grid{grid-template-columns:1fr;margin-top:150px}.projects .project-card,.projects .project-card--tall,.projects .project-card--phone,.projects .project-card--reverse{grid-template-columns:1fr;gap:28px;padding-block:54px}.projects .project-card--tall .project-copy,.projects .project-card--tall .project-image,.projects .project-card--reverse .project-copy,.projects .project-card--reverse .project-image{order:initial}.projects .project-index{font-size:5rem}.project-card--tall{margin-top:70px}.project-copy{gap:18px}.strengths-line{top:295px}.strengths-grid{grid-template-columns:1fr;margin-top:145px}.strength-card{min-height:320px}.strength-card:nth-child(n){transform:none}.contact{padding-top:50px}.contact h2{margin-top:70px;font-size:clamp(3.2rem,14vw,5rem)}.contact-actions{flex-wrap:wrap}.contact-line{width:110%;top:51%;left:15%}.contact-cloud{opacity:.78;width:145px;top:54%;right:7%}.contact footer{align-items:flex-start;gap:18px;font-size:.62rem}}.header-resume{background:#ffffff75;border:1px solid #07131f2e;border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:9px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.header-resume svg,.profile-draw button svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:16px}.hero-kicker{font-family:var(--font-mono);letter-spacing:.1em;background:#fff6;border:1px solid #07131f29;border-radius:999px;margin-bottom:24px;padding:8px 14px;font-size:.78rem;display:inline-flex}.hero-copy h1{font-size:clamp(4rem,5.4vw,6.8rem)}.hero-role-line{color:#176bc2;border-bottom:4px solid #0078e847;width:fit-content;margin-top:26px;padding-bottom:7px;font-size:clamp(1.3rem,1.8vw,2rem);display:block}.hero-copy p{letter-spacing:0;text-wrap:pretty;max-width:580px;margin:24px 0 28px;font-size:clamp(1rem,1.05vw,1.18rem)}.hero-actions{align-items:center;gap:14px;display:flex}.hero-tags{flex-wrap:wrap;gap:8px;margin:-8px 0 24px;display:flex}.hero-tags span{color:#07131fb8;background:#ffffff7a;border:1px solid #07131f1f;border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:650}.hero-portrait{z-index:4;width:min(35%,510px);height:70%;position:absolute;top:17%;right:7%}.hero-portrait-halo{background:#97c3f74d;border:1px solid #ffffffad;border-radius:48% 52% 42% 58%;position:absolute;inset:9% -8% 4% 5%;box-shadow:0 30px 80px #14539129}.hero-glass-word{opacity:.64;font-size:clamp(6rem,11vw,12rem);top:14%;left:61%}.hero .hanging-note,.hero .hero-cloud,.hero .hero-clothesline{display:none}.about>.page-shell{padding-top:clamp(150px,15vh,190px)}.about-layout{padding-top:clamp(32px,4vw,62px)}.about-intro{grid-template-columns:max-content minmax(0,1fr);gap:12px clamp(36px,4vw,72px)}.about-intro p,.section-heading p,.project-copy h3,.project-description,.strength-card h3,.contact h2{word-break:auto-phrase;text-wrap:balance}.about-intro p{text-wrap:pretty;max-width:30em}.profile-draw{z-index:3;background:#e8f7ff8c;border:1px solid #07487a29;grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);align-items:center;gap:clamp(56px,8vw,140px);margin-top:clamp(100px,12vh,150px);padding:clamp(48px,6vw,86px);display:grid;position:relative;box-shadow:16px 18px #4699e524}.profile-draw-copy>span{font-family:var(--font-mono);letter-spacing:.12em;font-size:.78rem}.profile-draw h3{text-wrap:balance;max-width:620px;margin:16px 0 18px;font-size:clamp(2.3rem,3.7vw,4.5rem);line-height:1.05}.profile-draw-copy p{color:#07131fa8;margin:0 0 28px}.profile-draw button{border:1px solid var(--ink);color:#fff;background:var(--ink);cursor:pointer;align-items:center;gap:12px;padding:14px 20px;display:inline-flex}.profile-deck{justify-self:center;width:min(100%,430px);min-height:360px;position:relative}.deck-card{border:1px solid #07487a2e;border-radius:24px;position:absolute;inset:0}.deck-card--back{background:linear-gradient(145deg,#3d7ee8e6,#be78e1bd);transform:rotate(-4deg);box-shadow:-12px 12px #4c7ee22e,-24px 24px #7a66d31a}.deck-card--front{z-index:2;background:linear-gradient(145deg,#f5fcfff5,#d7f0fceb);flex-direction:column;justify-content:flex-end;padding:40px;animation:.42s cubic-bezier(.16,1,.3,1) card-draw;display:flex;box-shadow:0 28px 54px #14539133}.deck-card--front>span{color:var(--blue);font-family:var(--font-mono);letter-spacing:.12em;font-size:.78rem}.deck-card--front strong{text-wrap:balance;margin:16px 0 12px;font-size:clamp(1.8rem,2.4vw,3rem);line-height:1.08}.deck-card--front p{color:#07131fa8;margin:0}.deck-card--front small{font-family:var(--font-mono);position:absolute;top:24px;right:26px}@keyframes card-draw{0%{opacity:0;transform:translateY(24px)rotate(2deg)}}@media (width>=1180px){.about-intro p{white-space:nowrap}}.projects .project-copy h3{white-space:normal;overflow-wrap:anywhere}.project-process{flex-wrap:wrap;align-items:center;gap:10px 26px;margin:24px 0 0;padding:0;list-style:none;display:flex}.project-process li{color:var(--ink);white-space:nowrap;background:#ffffff75;border:1px solid #087be83d;border-radius:999px;padding:9px 14px;font-size:.9rem;position:relative}.project-process li:not(:last-child):after{content:"→";color:var(--blue);font-weight:800;position:absolute;left:calc(100% + 7px)}@media (width<=900px){.header-resume{display:none}.hero-copy{width:calc(100% - (var(--page-pad) * 2));top:126px}.hero-copy h1{max-width:78%}.hero-portrait{opacity:.54;width:38%;height:46%;top:45%;right:6%}.profile-draw{grid-template-columns:1fr}}@media (width<=600px){.hero-copy h1{max-width:100%}.hero-portrait{display:none}.hero-actions{flex-direction:column;align-items:stretch;width:min(100%,240px)}.profile-draw{padding:32px 22px}.profile-deck{min-height:320px}}@media (width<=480px){.wordmark{letter-spacing:.03em;font-size:.95rem}.site-header nav{flex-wrap:wrap;justify-content:flex-end;row-gap:4px;max-width:190px}.site-header nav a:nth-child(3),.site-header nav a:nth-child(4),.scroll-progress{display:none}.hero-copy{padding-top:8vh}.hero-copy h1{font-size:clamp(3rem,15vw,4.25rem)}.project-copy{grid-template-columns:1fr}.project-index{font-size:4rem}.contact footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-video,.page-intro{display:none}[data-reveal]{opacity:1;transform:none}}:root{--ink:#07131f;--muted:#34566d;--line:#0829414d;--blue:#0078ed;--blue-soft:#cdeeff;--paper:#d9f4ffc2;--ambient:radial-gradient(circle at 12% 18%, #def6fffa 0 10%, transparent 31%), radial-gradient(circle at 84% 18%, #1b53cae0 0 14%, transparent 34%), radial-gradient(circle at 70% 78%, #5de5c6b8, transparent 31%), radial-gradient(circle at 16% 85%, #0168dadb, transparent 34%), linear-gradient(135deg, #80dfff 0%, #70bde8 43%, #779be7 70%, #bda5d8 100%)}body{background:#66b9e8}.hero,.section,.contact{background:var(--ambient);padding:clamp(20px,4vw,72px)}.hero:before,.section:before,.contact:before{content:"";filter:blur(35px);background:linear-gradient(112deg,#0000 25%,#ffffff6b 37%,#0000 48%),linear-gradient(35deg,#0000 55%,#63e5c747 65%,#0000 75%);position:absolute;inset:-12%;transform:rotate(-3deg)}.page-shell{background-color:var(--paper);-webkit-backdrop-filter:blur(17px)saturate(1.15);backdrop-filter:blur(17px)saturate(1.15);background-image:linear-gradient(#08344e1b 1px,#0000 1px),linear-gradient(90deg,#08344e1b 1px,#0000 1px);background-size:25% 25%;border:1px solid #ffffff80;width:min(100%,1700px);box-shadow:0 32px 80px #0835693d}.hero-video,.hero-video-fallback{opacity:.55;filter:blur(24px)saturate(1.6)hue-rotate(155deg)brightness(1.12);width:114%;height:114%;inset:-7%;-webkit-mask-image:none;mask-image:none}.hero-video-fallback{background:var(--ambient)}.hero-shell{min-height:calc(100svh - clamp(40px,8vw,144px));overflow:hidden}.hero-shell:after{border:2px solid var(--ink);content:"";background:#ff3e9d;border-radius:50% 45% 42% 55%;width:92px;height:72px;position:absolute;bottom:-34px;right:8%;transform:rotate(-22deg);box-shadow:8px 8px #07131fb8}.site-header{z-index:80;-webkit-backdrop-filter:blur(22px)saturate(1.3);background:#cfebfa94;border:1px solid #ffffff9e;border-radius:16px;width:min(100% - 40px,1500px);min-height:68px;padding-inline:clamp(22px,3vw,48px);position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 14px 38px #08356929}.wordmark,.site-header nav,.hero-info,.scroll-cue,.contact footer{text-transform:uppercase;font-family:Consolas,SFMono-Regular,monospace}.wordmark{letter-spacing:-.02em;font-size:clamp(.78rem,.9vw,1rem);font-weight:800}.site-header nav{letter-spacing:.02em;gap:clamp(20px,3.2vw,58px);font-size:clamp(.68rem,.72vw,.84rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.site-header nav a:after{background:var(--ink);border-radius:0;width:100%;height:2px;bottom:0;transform:scaleX(0)}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{transform:scaleX(1)}.hero-info{z-index:4;margin:0;font-size:clamp(.68rem,.76vw,.88rem);line-height:1.45;position:absolute;top:102px}.hero-info--role{left:var(--page-pad)}.hero-info--role span,.hero-info--role strong{display:block}.hero-info--role span{margin-bottom:16px;font-size:.72em}.hero-info--role strong{font-family:inherit;font-size:clamp(1rem,1.25vw,1.45rem);line-height:1.12}.hero-info--intro{right:var(--page-pad);max-width:390px}.hero-glass-word{z-index:2;color:#4699e547;letter-spacing:-.12em;text-shadow:-2px -2px 0 #ffffffc7, 4px 7px 0 #ffffff4d, 0 14px 24px #075bb74d, inset 0 0 20px #fff;-webkit-text-stroke:2px #ffffff94;filter:drop-shadow(0 20px 20px #0a5eb42e);font-family:Segoe Script,Segoe Print,cursive;font-size:clamp(7rem,14vw,15rem);font-weight:700;line-height:1;position:absolute;top:21%;left:23%;transform:rotate(-6deg)}.hero-copy{z-index:5;bottom:clamp(54px,7vh,96px);left:var(--page-pad);width:min(72%,1060px);padding:0;position:absolute}.hero-copy h1,.section h2,.contact h2{letter-spacing:-.07em;font-family:Arial Black,Microsoft YaHei,sans-serif;font-weight:900}.hero-copy h1>span{white-space:normal}.hero-copy h1:after{display:none}.hero-copy p{text-transform:uppercase;border:0;margin:24px 0 28px;padding:0;font-family:Consolas,monospace;font-size:clamp(.76rem,.86vw,.96rem)}.button-link{border:1px solid var(--ink);text-transform:uppercase;background:#e1f6ffb8;border-radius:0;min-width:166px;min-height:52px;font-family:Consolas,monospace;font-size:.84rem}.button-link:hover{box-shadow:7px 7px #ff3e9d}.hero-clothesline,.section-line,.hanging-note{display:none}.hero-cloud{border:2px solid var(--ink);filter:drop-shadow(5px 6px #07131fbf);background:#ff58af;border-radius:18px;width:120px;padding:12px;top:auto;bottom:18%;right:10%;transform:rotate(9deg)}.scroll-cue{font-size:.62rem;bottom:20px;right:18px}.section{padding-block:clamp(30px,5vw,84px)}.section>.page-shell,.contact-shell{min-height:calc(100svh - clamp(60px,10vw,168px));padding:clamp(80px, 8vw, 136px) var(--page-pad)}.about-layout{grid-template-columns:minmax(260px,.75fr) minmax(0,1.8fr)}.portrait-frame,.metric-note,.strength-card,.project-image{border:1px solid var(--line);background:#e5f8ffa8;border-radius:0;box-shadow:10px 10px #0078ed29}.portrait-frame{transform:rotate(-2deg)}.clip,.cloud-doodle{display:none}.about-intro{align-items:start;margin-bottom:clamp(50px,6vw,90px)}.about-intro h2,.section-heading h2{font-size:clamp(4rem,6vw,7.5rem);line-height:.88}.about-intro p,.section-heading--stacked p{font-family:inherit;font-size:clamp(1.15rem,1.7vw,2rem);font-weight:600}.about-intro strong,.experience-heading span,.project-award{color:#005bb5}.experience:before{background:var(--line)}.experience h3,.project-copy h3,.strength-card h3{font-family:Microsoft YaHei,sans-serif;font-weight:800}.metrics{max-width:none;margin-right:0}.metric-note{place-content:center;min-height:180px;display:grid;transform:none}.metric-note:nth-child(2){transform:none}.metric-note strong{color:var(--ink);letter-spacing:-.08em;font-family:Arial Black,sans-serif;font-size:clamp(3rem,4.6vw,6rem)}.section-heading{justify-content:space-between;align-items:start}.section-heading p{max-width:520px;padding-top:12px;font-family:Consolas,monospace;line-height:1.6}.section-heading p:after{display:none}.projects .project-card{border-color:var(--line)}.projects .project-index{color:var(--ink);font-family:Arial Black,sans-serif}.projects .project-image{transform:translateY(var(--parallax-y,0));padding:12px}.projects .project-card:nth-child(2) .project-image{box-shadow:10px 10px #ff3e9d6b}.project-hover-label{background:#ff3e9d;font-family:Consolas,monospace}.strengths-grid{margin-top:clamp(90px,10vw,150px)}.strength-card{min-height:340px;transform:none!important}.strength-card:nth-child(2),.strength-card:nth-child(4){margin-top:40px}.strength-card:hover{color:#fff;background:#076ddb;box-shadow:10px 10px #ff3e9d}.strength-index{font-family:Arial Black,sans-serif}.contact{padding-block:clamp(30px,5vw,84px)}.contact-shell{padding-top:clamp(80px,8vw,130px)}.contact-label{text-transform:uppercase;border:0;font-family:Consolas,monospace;font-size:.74rem}.contact h2{max-width:1250px;margin-top:clamp(50px,7vh,90px);font-size:clamp(4rem,7vw,8.5rem);line-height:.98}.contact>.page-shell>p{font-family:Consolas,monospace}.contact-line,.contact-cloud{display:none}.contact footer{border-color:var(--line)}.page-intro{background:#086fd4}.page-intro span{font-family:Consolas,monospace;font-weight:800}.scroll-progress{background:#fff6;left:8px}.scroll-progress span{background:#ff3e9d}@media (width<=820px){.hero,.section,.contact{padding:12px}.page-shell{background-size:50% 20%}.hero-shell{min-height:calc(100svh - 24px)}.site-header{align-items:center;width:calc(100% - 24px);min-height:68px;padding-inline:20px}.hero-info{top:88px}.hero-info--intro{display:none}.hero-glass-word{font-size:clamp(6rem,30vw,10rem);top:24%;left:8%}.hero-copy{width:calc(100% - (var(--page-pad) * 2));bottom:46px}.hero-copy h1{font-size:clamp(3.2rem,13.5vw,5.4rem)}.hero-cloud{width:86px;bottom:31%;right:6%}.section>.page-shell,.contact-shell{min-height:auto;padding-block:76px}.about-layout{grid-template-columns:1fr}.about-intro h2,.section-heading h2{font-size:clamp(3.4rem,16vw,5.3rem)}.metrics,.strengths-grid{grid-template-columns:1fr}.strength-card:nth-child(n){margin-top:0}.contact h2{font-size:clamp(3.2rem,14vw,5.4rem)}}@media (width<=600px){.site-header nav a:nth-child(2),.site-header nav a:nth-child(3),.site-header nav a:nth-child(4),.site-header nav a:nth-child(5){display:none}.hero-info--role strong{font-size:.96rem}.hero-copy p{max-width:230px;line-height:1.5}.hero-copy h1{letter-spacing:-.09em;font-size:clamp(3.05rem,12vw,4.25rem)}}.hero-copy{transform:translate3d(0, calc(var(--hero-progress,0) * -72px), 0)}.hero-glass-word{transform:translate3d(calc(var(--hero-progress,0) * 90px), calc(var(--hero-progress,0) * -28px), 0) rotate(-6deg)}.about-layout{grid-template-columns:minmax(380px,.95fr) minmax(0,1.15fr);align-items:start;gap:clamp(64px,8vw,140px)}.portrait-column{position:sticky;top:112px}.portrait-frame{aspect-ratio:4/5;border:0;border-radius:28px;padding:0;overflow:hidden;transform:none;box-shadow:22px 24px #0078ed26}.portrait-frame img{object-fit:cover;object-position:56% center;filter:saturate(.92)contrast(.98);width:100%;height:100%;transition:transform .9s cubic-bezier(.16,1,.3,1),filter .6s}.portrait-frame:hover img{filter:saturate(1.04)contrast();transform:scale(1.035)}.portrait-name{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07131fb8;padding:8px 12px;bottom:18px;left:auto;right:20px}.education-note{margin-top:28px;padding-left:0}.projects>.page-shell{background-color:#07131f;background-image:linear-gradient(#9fd1f614 1px,#0000 1px),linear-gradient(90deg,#9fd1f614 1px,#0000 1px);overflow:visible}.projects .project-card.is-visible{transform:none}.projects .section-heading{align-content:end;min-height:44svh;padding-bottom:clamp(36px,6vw,88px)}.projects .section-heading h2{color:#f2f8fc;max-width:760px}.projects .section-heading p{color:#f2f8fca8}.projects .project-card,.projects .project-card--phone,.projects .project-card--reverse,.projects .project-card--tall{content-visibility:visible;border-color:#f2f8fc3d;grid-template-columns:minmax(280px,.68fr) minmax(0,1.32fr);align-items:start;gap:clamp(54px,7vw,118px);min-height:100svh;padding:clamp(96px,11vh,150px) 0;scroll-margin-top:104px}.projects .project-copy{align-self:start;position:relative;top:0}.projects .project-index{color:#59a9ff;font-size:clamp(4.8rem,7vw,8rem);line-height:.78}.projects .project-copy h3{color:#f2f8fc;font-size:clamp(2.1rem,3vw,3.8rem)}.projects .project-meta{color:#f2f8fc7a}.projects .project-description{color:#f2f8fcb8}.projects .project-award{color:#84c2ff}.project-gallery{min-width:0;transform:translate3d(0, var(--parallax-y,0), 0);transition:transform .18s linear}.project-gallery__rail{cursor:grab;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-y pinch-zoom;gap:clamp(18px,2.4vw,36px);padding:20px 14% 26px 4px;display:flex;overflow-x:auto}.project-gallery__rail::-webkit-scrollbar{display:none}.project-gallery__rail.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}.project-gallery__slide{scroll-snap-align:start;background:#d9effb;border:1px solid #fff3;border-radius:22px;flex:0 0 min(64vw,620px);height:min(72svh,720px);margin:0;transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .3s;position:relative;overflow:hidden;transform:perspective(1200px)rotateY(-2deg);box-shadow:0 34px 80px #00000052}.project-gallery__slide:hover{border-color:#84c2ffcc;transform:perspective(1200px)rotateY(0)translateY(-8px)}.project-gallery__slide img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.project-gallery__slide figcaption{color:#fff;font-family:var(--font-mono);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07131fad;border-radius:999px;padding:7px 10px;font-size:.72rem;position:absolute;bottom:14px;right:16px}.project-card--phone .project-gallery__slide{flex-basis:min(46vw,430px)}.project-gallery__controls{color:#f2f8fc9e;font-family:var(--font-mono);justify-content:space-between;align-items:center;padding:6px 14% 0 4px;font-size:.8rem;display:flex}.project-gallery__controls>div{gap:10px;display:flex}.project-gallery__controls button{color:#f2f8fc;cursor:pointer;background:0 0;border:1px solid #f2f8fc57;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;transition:color .22s,background .22s,transform .22s;display:grid}.project-gallery__controls button:first-child svg{transform:rotate(180deg)}.project-gallery__controls button:hover:not(:disabled){color:#07131f;background:#84c2ff;transform:scale(1.06)}.project-gallery__controls button:disabled{opacity:.24;cursor:default}.project-gallery__controls svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:20px}.strength-card{transition:color .35s,background .35s,box-shadow .35s,transform .5s cubic-bezier(.16,1,.3,1)!important}.strength-card:hover{transform:translateY(-18px)rotate(-1.5deg)!important}@media (width<=820px){.about-layout{grid-template-columns:1fr}.portrait-column,.projects .project-copy{position:static}.portrait-frame{max-height:78svh}.projects .section-heading{min-height:auto}.projects .project-card,.projects .project-card--phone,.projects .project-card--reverse,.projects .project-card--tall{grid-template-columns:1fr;gap:44px;min-height:auto;padding-block:84px}.projects .project-card:nth-child(n) .project-copy,.projects .project-card:nth-child(n) .project-gallery{order:initial}.project-gallery__slide,.project-card--phone .project-gallery__slide{flex-basis:min(78vw,520px);height:min(68svh,650px)}}@media (width<=600px){.portrait-frame{border-radius:18px;box-shadow:12px 14px #0078ed26}.projects .project-copy h3{font-size:clamp(1.9rem,9vw,2.7rem)}.project-gallery__rail{margin-right:calc(var(--page-pad) * -1);padding-right:18%}.project-gallery__slide,.project-card--phone .project-gallery__slide{border-radius:16px;flex-basis:82vw;height:62svh}}@media (prefers-reduced-motion:reduce){.hero-copy,.hero-glass-word,.project-gallery,.project-gallery__slide,.portrait-frame img{transition:none!important;transform:none!important}}:root{--font-display:"Microsoft YaHei", "PingFang SC", system-ui, sans-serif;--font-body:"Microsoft YaHei", "PingFang SC", system-ui, sans-serif;--font-mono:Consolas, "SFMono-Regular", monospace}body{font-family:var(--font-body);font-size:16px;line-height:1.65}.hero-copy h1,.section h2,.contact h2,.experience h3,.project-copy h3,.strength-card h3{font-family:var(--font-display)}.site-header nav{font-family:var(--font-body);font-size:clamp(.78rem,.78vw,.92rem);font-weight:600}.site-header nav a{opacity:.62;transition:opacity .22s}.site-header nav a:hover,.site-header nav a:focus-visible,.site-header nav a[aria-current=location]{opacity:1}.site-header nav a[aria-current=location]:after{transform:scaleX(1)}.hero-info{font-size:clamp(.78rem,.8vw,.92rem)}.hero-info--role strong{font-family:var(--font-body);font-size:clamp(1.05rem,1.15vw,1.3rem);font-weight:650}.hero-glass-word{opacity:.8;font-size:clamp(6rem,10vw,11rem);top:17%;left:auto;right:12%}.hero-copy h1{letter-spacing:-.055em;max-width:960px;font-size:clamp(3.7rem,5.2vw,6.4rem);font-weight:800;line-height:.98}.hero-copy p{font-family:var(--font-body);letter-spacing:.04em;margin:26px 0 30px;font-size:clamp(.92rem,.9vw,1rem)}.button-link{font-family:var(--font-body);font-size:.92rem;font-weight:650}[data-reveal]{transition:opacity .65s,transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}.about-intro h2,.section-heading h2{letter-spacing:-.055em;font-size:clamp(3.4rem,4.8vw,5.6rem);font-weight:800;line-height:.98}.about-intro p,.section-heading--stacked p{font-size:clamp(1.05rem,1.25vw,1.4rem);line-height:1.55}.about-intro strong,.experience-item,.section-heading p,.project-description,.strength-card li,.contact>.page-shell>p{font-size:clamp(.96rem,.92vw,1.05rem)}.section-heading p{max-width:600px;font-family:var(--font-body)}.projects .projects-grid{margin-top:clamp(56px,6vw,96px)}.projects .project-card,.projects .project-card--phone,.projects .project-card--reverse,.projects .project-card--tall{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(44px,6vw,96px);min-height:min(78svh,760px);margin-top:0;padding:clamp(58px,7vw,100px) 0}.projects .project-card:nth-child(2n) .project-image{order:1}.projects .project-index{letter-spacing:-.075em;font-size:clamp(4.4rem,6.2vw,7rem);font-weight:800;line-height:.86}.projects .project-copy h3{letter-spacing:-.045em;margin-bottom:12px;font-size:clamp(1.9rem,2.5vw,3.1rem);font-weight:800;line-height:1.14}.project-meta,.project-award{font-size:.88rem}.project-description{color:#07131fbf;max-width:640px;margin-top:20px;line-height:1.75}.projects .project-card .project-image{justify-self:center;width:100%;max-width:760px}.projects .project-card .project-image img{aspect-ratio:16/10;object-fit:cover;object-position:top}.projects .project-card--phone .project-image{width:min(100%,390px)}.projects .project-card--phone .project-image img{aspect-ratio:9/16}.strength-card h3{font-size:clamp(1.35rem,1.5vw,1.7rem)}.contact h2{letter-spacing:-.06em;max-width:1160px;font-size:clamp(3.6rem,5.6vw,6.5rem);font-weight:800;line-height:1.04}@media (width<=820px){.hero-glass-word{font-size:clamp(5.5rem,24vw,8rem);top:22%;left:auto;right:6%}.hero-copy h1{font-size:clamp(3.2rem,11.5vw,4.8rem)}.hero-copy h1>span:nth-child(2){padding-left:0}.about-intro h2,.section-heading h2{font-size:clamp(3rem,12vw,4.6rem)}.projects .project-card,.projects .project-card--phone,.projects .project-card--reverse,.projects .project-card--tall{grid-template-columns:1fr;gap:38px;min-height:auto}.projects .project-card:nth-child(n) .project-copy{order:1}.projects .project-card:nth-child(n) .project-image{order:2}.projects .project-card .project-copy{grid-template-columns:82px minmax(0,1fr)}.contact h2{font-size:clamp(3rem,11vw,4.8rem)}}@media (width>=1180px){.about-intro p,.projects .project-copy h3{white-space:nowrap}}@media (width<=900px){.hero-copy{width:calc(100% - (var(--page-pad) * 2));top:126px;bottom:auto}.hero-copy h1{max-width:78%}.hero-glass-word{top:22%;left:64%}}@media (width<=600px){.hero-copy h1{max-width:100%}}.site-header>.gooey-nav-container{font-family:var(--font-body);font-size:clamp(.78rem,.78vw,.92rem);font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.site-header .gooey-nav-container nav{font-size:inherit;letter-spacing:0;gap:0;position:relative;top:auto;left:auto;transform:none}.site-header .gooey-nav-container nav a{opacity:1;padding:.62rem 1.05rem}.site-header .gooey-nav-container nav a:after{display:none}.hero-copy .text-type{white-space:pre-line;min-height:1.8em;display:block}.hero-copy .text-type__content{white-space:pre-line}.company-panel__meta{gap:18px}.company-panel__meta time{color:#07131fb8;font-size:clamp(1rem,1.12vw,1.28rem);font-weight:700}.company-panel__meta span{font-size:clamp(1.08rem,1.22vw,1.42rem);line-height:1.45}.company-panel__stats{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,34px);margin-top:clamp(22px,4vw,58px);display:grid}.company-stat{min-height:210px;color:var(--ink);background:#e5f8ffad;border:1px solid #07131f47;align-content:space-between;padding:clamp(28px,3vw,48px);transition:color .28s,background .28s,box-shadow .28s,transform .38s cubic-bezier(.16,1,.3,1);display:grid;box-shadow:10px 10px #0078ed26}.company-stat strong{font-family:"Arial Black", var(--font-display);letter-spacing:-.06em;font-size:clamp(2.3rem,4.5vw,5.8rem);line-height:.95}.company-stat span{margin-top:28px;font-size:clamp(.96rem,1.05vw,1.18rem);font-weight:700}.company-stat:hover,.company-stat:focus-visible{color:#fff;background:var(--blue);outline:none;transform:translateY(-10px)rotate(-.6deg);box-shadow:14px 14px #ff3e9d52}.company-stat:nth-child(2):hover,.company-stat:nth-child(2):focus-visible{background:#0a63c8;transform:translateY(-10px)rotate(.6deg)}@media (width<=1050px){.company-panel__stats{grid-column:1/-1}}@media (width<=820px){.site-header>.gooey-nav-container{display:none}.company-panel__stats{grid-template-columns:1fr}.company-stat{min-height:170px}}@media (prefers-reduced-motion:reduce){.company-stat{transition:none}.company-stat:hover,.company-stat:focus-visible{transform:none}}#experience,#operations,#works,#skills,#contact,.platform-group,.project-card{scroll-margin-top:104px}.experience-section,.skills-section{color:var(--ink);position:relative}.experience-section>.page-shell,.skills-section>.page-shell{padding-block:clamp(100px,12vw,180px);overflow:hidden}.section-heading--experience,.section-heading--catalog,.skills-section .section-heading{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:18px;min-height:36svh;display:flex}.section-heading--experience>span,.section-heading--catalog>span,.skills-section .section-heading>span{letter-spacing:.18em;font-family:Consolas,SFMono-Regular,monospace;font-size:.88rem}.section-heading--experience h2,.section-heading--catalog h2,.skills-section .section-heading h2{letter-spacing:-.06em;text-wrap:balance;max-width:1100px;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:clamp(3.4rem,6vw,7rem);font-weight:900;line-height:.98}.section-heading--experience h2>span{white-space:nowrap;display:block}.section-heading--experience p,.section-heading--catalog p,.skills-section .section-heading p{max-width:700px;padding:0;font-family:inherit;font-size:clamp(1.05rem,1.25vw,1.35rem);line-height:1.7}.company-list{margin-top:clamp(56px,8vw,120px)}.company-panel{border-top:1px solid #07131f4d;grid-template-rows:1fr auto;grid-template-columns:.34fr .74fr 1.55fr;align-items:start;gap:clamp(30px,5vw,84px);min-height:76svh;padding:clamp(72px,9vw,140px) 0;display:grid}.company-panel__number{color:var(--blue);letter-spacing:-.1em;font-family:Arial Black,sans-serif;font-size:clamp(5rem,9vw,11rem);font-weight:900;line-height:.76}.company-panel__meta{color:var(--muted);gap:14px;display:grid}.company-panel__meta time{font-family:Consolas,monospace}.company-panel__meta span{color:var(--blue);font-weight:800}.company-panel__body h3{letter-spacing:-.055em;text-wrap:balance;max-width:850px;margin:0;font-size:clamp(2.2rem,3.6vw,4.8rem);line-height:1.08}.company-panel__body ul{color:#07131fb8;gap:18px;max-width:900px;margin:40px 0 0;padding-left:1.3em;font-size:clamp(1rem,1.25vw,1.28rem);line-height:1.8;display:grid}.company-panel__result{border:1px solid var(--blue);color:var(--blue);grid-column:3;justify-self:start;padding:12px 18px;font-family:Consolas,monospace}.experience-section .metrics{margin-top:0}.experience-section .metric-note{background:#e5f8ffa8;border:1px solid #07131f47;box-shadow:10px 10px #0078ed26}.section-heading--catalog{min-height:42svh;padding-bottom:clamp(34px,5vw,80px)}.projects .section-heading--catalog h2,.projects .section-heading--catalog p{color:var(--ink)}.project-directory{background:#07131f47;border:1px solid #07131f47;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:clamp(96px,13vw,190px);display:grid}.works-section .project-directory{grid-template-columns:repeat(4,1fr)}.project-directory a{background:#e1f6fff0;align-content:end;gap:12px;min-height:250px;padding:clamp(26px,3vw,48px);transition:color .22s,background .22s,transform .22s;display:grid;position:relative}.project-directory a:hover,.project-directory a:focus-visible{z-index:1;color:#fff;background:var(--blue);transform:translateY(-8px)}.project-directory a>span{color:var(--blue);font-family:Arial Black,sans-serif;font-size:2.5rem;position:absolute;top:24px;left:28px}.project-directory a:hover>span,.project-directory a:focus-visible>span{color:#fff}.project-directory strong{font-size:clamp(1.4rem,2vw,2.2rem)}.project-directory p{color:currentColor;opacity:.66;margin:0;line-height:1.6}.project-directory svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:28px;position:absolute;bottom:30px;right:28px}.platform-group{padding-top:36px}.platform-group>h3{border-bottom:1px solid #07131f47;align-items:baseline;gap:18px;margin:0;padding-bottom:24px;font-family:Consolas,monospace;font-size:clamp(1.25rem,2vw,2.1rem);display:flex}.platform-group>h3 span{color:var(--blue);font-family:Arial Black,sans-serif;font-size:clamp(2.5rem,4vw,5rem)}.platform-group .projects-grid,.works-section .projects-grid{margin-top:0}.works-section{padding-top:0}.works-section>.page-shell{border-top:0}.skills-grid{background:#07131f47;border:1px solid #07131f47;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:clamp(68px,8vw,120px);display:grid}.skill-card{background:#e1f6ffeb;min-height:360px;padding:clamp(34px,4vw,64px);transition:background .22s,transform .22s;position:relative}.skill-card:hover{z-index:1;background:#fff;transform:translateY(-8px)}.skill-card>span{color:var(--blue);font-family:Arial Black,sans-serif;font-size:clamp(3.4rem,5vw,6rem);line-height:.8}.skill-card h3{margin:54px 0 24px;font-size:clamp(1.8rem,2.5vw,3rem)}.skill-card ul{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.skill-card li{border:1px solid #07131f38;padding:8px 12px;font-size:.95rem}.music-control{z-index:90;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#e1f6ffc2;border:1px solid #ffffffb8;border-radius:999px;align-items:center;gap:12px;padding:8px 12px 8px 8px;display:flex;position:fixed;top:92px;right:max(20px,50vw - 822px);box-shadow:0 12px 30px #072b4f2e}.music-control__source{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.back-to-directory{border:1px solid #07131f47;border-radius:999px;align-items:center;margin:24px 0 0 auto;padding:10px 16px;font-family:Consolas,monospace;font-size:.9rem;transition:color .18s,background .18s,transform .18s;display:inline-flex}.back-to-directory:hover,.back-to-directory:focus-visible{color:#fff;background:var(--blue);transform:translateY(-2px)}.skills-draw{grid-template-columns:minmax(320px,.75fr) minmax(420px,1.25fr);align-items:center;gap:clamp(52px,8vw,150px);min-height:0;padding-block:clamp(64px,7vw,110px);display:grid}.skills-section>.page-shell{padding-block:0}.skills-draw__copy>span,.skill-file-card article>span{letter-spacing:.18em;font-family:Consolas,monospace}.skills-draw__copy h2{letter-spacing:-.065em;margin:22px 0 20px;font-size:clamp(3.4rem,5.6vw,7rem);line-height:.92}.skills-draw__copy p{color:#07131fa6;font-size:clamp(1rem,1.2vw,1.25rem)}.skills-draw__copy button{color:#fff;background:var(--ink);cursor:pointer;border:0;align-items:center;gap:30px;margin-top:28px;padding:18px 24px;display:inline-flex}.skills-draw__copy button svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:24px}.skill-deck{width:min(100%,650px);height:clamp(430px,40vw,590px);margin-inline:auto;position:relative}.skill-deck:before,.skill-deck:after{content:"";background:#7a78ee;border-radius:34px;position:absolute;inset:5% 2%;transform:rotate(4deg)translate(22px,-16px);box-shadow:0 30px 54px #1443742e}.skill-deck:after{background:#a5b7ff;transform:rotate(-3deg)translate(-18px,14px)}.skill-file-card{z-index:2;position:relative}.skill-file-card article{background:linear-gradient(145deg,#effafffa,#cde6fff5);border:1px solid #ffffffd1;border-radius:34px;flex-direction:column;justify-content:flex-end;height:100%;padding:clamp(34px,5vw,70px);display:flex;transform:translateZ(24px);box-shadow:0 36px 70px #14437438}.skill-file-card small{font-family:Consolas,monospace;position:absolute;top:30px;right:34px}.skill-file-card article>span{color:var(--blue);font-size:.85rem}.skill-file-card h3{margin:22px 0 28px;font-size:clamp(3rem,5vw,6.2rem);line-height:.95}.skill-file-card ul{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.skill-file-card li{border:1px solid #07131f38;padding:9px 13px}.music-control button{color:#fff;background:var(--ink);cursor:pointer;border:0;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;display:grid}.music-control button[aria-pressed=true]{background:var(--blue)}.music-control button:disabled{cursor:wait;opacity:.55}.music-control button svg{fill:currentColor;stroke:currentColor;stroke-linecap:round;stroke-width:1.5px;width:22px}.music-control input{width:92px;accent-color:var(--blue)}@media (width<=1050px){.company-panel{grid-template-columns:.4fr 1.6fr}.company-panel__meta,.company-panel__body,.company-panel__result{grid-column:2}.project-directory,.works-section .project-directory,.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.experience-section>.page-shell,.skills-section>.page-shell{padding-block:88px}.section-heading--experience h2,.section-heading--catalog h2,.skills-section .section-heading h2{font-size:clamp(2.7rem,13vw,4.5rem)}.section-heading--experience h2>span{white-space:normal}.company-panel{grid-template-columns:1fr;gap:28px;min-height:auto;padding-block:72px}.company-panel__meta,.company-panel__body,.company-panel__result{grid-column:1}.company-panel__body ul{margin-top:28px}.project-directory,.works-section .project-directory,.skills-grid{grid-template-columns:1fr}.project-directory a{min-height:190px}.skill-card{min-height:300px}.music-control input{width:72px}.music-control{top:78px}.skills-draw{grid-template-columns:1fr}.skill-deck{height:430px}}.site-grainient{z-index:-2;opacity:.9;position:fixed;inset:0}.site-grainient:after{content:"";pointer-events:none;background:linear-gradient(135deg,#74d7ffdb,#3674dcdb);position:absolute;inset:0}.hero-video{opacity:.12;filter:grayscale()blur(22px)brightness(1.18);mix-blend-mode:multiply}.hero-video-fallback{display:none}body,.section,.hero,.contact,.experience-section,.operations-section,.works-section,.skills-section{background:0 0}main{z-index:0;position:relative}.hero-copy .text-type,.hero-copy .text-type__content{overflow:visible}.hero-copy .text-type{min-height:1.96em;padding-block:.04em .1em;line-height:.98}.hero-copy .text-type__content{white-space:pre-line;display:inline}.action-glow{border-radius:14px}.action-glow .button-link{border-radius:inherit;background:#effaffd1;border:0;width:100%}.action-glow .button-link--ghost{border:0}.action-glow .button-link:hover{color:var(--ink);box-shadow:none;background:#ffffffeb;transform:none}.company-panel__stats{align-items:stretch}.company-stat-glow{min-width:0;height:100%}.company-stat-glow .border-glow-inner{height:100%}.company-stat{height:100%;min-height:230px;box-shadow:none;text-align:center;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:30px;padding:clamp(28px,3vw,48px);display:flex}.company-stat strong{letter-spacing:-.055em;white-space:nowrap;max-width:100%;font-size:clamp(2.1rem,3.6vw,4.9rem);line-height:1}.company-stat span{white-space:nowrap;margin:0;font-size:clamp(.94rem,1vw,1.14rem);line-height:1.35}.company-stat:hover,.company-stat:focus-visible,.company-stat:nth-child(2):hover,.company-stat:nth-child(2):focus-visible{color:var(--ink);box-shadow:none;background:0 0;transform:none}.project-directory{background:0 0;border:0;gap:clamp(14px,1.5vw,24px);margin-top:clamp(36px,4vw,64px)}#operations-directory,#works-directory{scroll-margin-top:104px}.video-library{gap:clamp(96px,12vw,180px);margin-top:clamp(72px,8vw,120px);display:grid}.video-category header{border-bottom:1px solid #07131f40;grid-template-columns:auto 1fr;align-items:end;gap:clamp(24px,4vw,64px);margin-bottom:38px;padding-bottom:24px;display:grid}.video-category header>span{color:var(--blue);font-family:Arial Black,sans-serif;font-size:clamp(4rem,7vw,7.5rem);line-height:.8}.video-category h4{margin:0 0 8px;font-size:clamp(2rem,3vw,3.6rem)}.video-category header p{color:var(--muted);margin:0}.video-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2vw,32px);display:grid}.video-card{background:#e1f6ffc2;border:1px solid #ffffffb8;border-radius:24px;margin:0;transition:transform .22s,box-shadow .22s;overflow:hidden;box-shadow:12px 16px 30px #1e70b924}.video-card:hover{transform:translateY(-8px);box-shadow:16px 24px 42px #1e70b933}.video-card video{aspect-ratio:9/16;object-fit:contain;background:#07131f;width:100%;display:block}.video-card figcaption{align-items:center;gap:12px;min-height:74px;padding:16px 18px;font-weight:700;display:flex}.video-card figcaption span{color:var(--blue);font-family:Consolas,monospace}@media (width<=1180px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.video-grid{grid-template-columns:1fr}.video-category header{align-items:start}}.directory-glow{border-radius:20px;min-width:0}.directory-glow .border-glow-inner{height:100%}.project-directory .directory-glow a{height:100%;color:var(--ink);background:0 0}.project-directory .directory-glow a:hover,.project-directory .directory-glow a:focus-visible{color:var(--ink);background:0 0;transform:none}.project-directory .directory-glow a:hover>span,.project-directory .directory-glow a:focus-visible>span{color:var(--blue)}.skills-draw__copy{text-align:center;flex-direction:column;align-items:center;display:flex}.skills-draw__copy h2{text-align:center}.skills-draw__copy button{background:linear-gradient(135deg,#0878ea,#7269ee);border-radius:14px;margin-inline:auto;transition:transform .36s cubic-bezier(.2,1.5,.35,1),box-shadow .22s;box-shadow:0 12px 26px #2f80ed38}.skills-draw__copy button:hover,.skills-draw__copy button:focus-visible{transform:translateY(-6px)scale(1.03);box-shadow:0 18px 36px #2f80ed4d}.skill-file-card{animation:.62s cubic-bezier(.16,1,.3,1) both skill-card-deal}.skill-file-card article{text-align:center;justify-content:center;align-items:center}.skill-file-card h3{white-space:nowrap}.skill-file-card ul{justify-content:center}@keyframes skill-card-deal{0%{opacity:0;transform:translate(70px,-24px)rotate(7deg)scale(.92)}65%{opacity:1;transform:translate(-8px,4px)rotate(-1deg)scale(1.015)}to{opacity:1;transform:none}}@media (width<=1050px){.company-stat strong{font-size:clamp(2.5rem,7vw,4.8rem)}}@media (width<=700px){.company-stat strong,.company-stat span{white-space:normal}.project-directory{gap:16px}}@media (prefers-reduced-motion:reduce){.site-grainient{display:none}.skill-file-card{animation:none}}html,body{overflow-x:clip}@media (width<=600px){.hero-copy h1{letter-spacing:-.065em;font-size:clamp(2.8rem,12vw,3.8rem)}.projects .project-card .project-copy{grid-template-columns:1fr;gap:18px}.projects .project-index{font-size:3.8rem}}.projects .project-card,.projects .project-card--phone,.projects .project-card--reverse,.projects .project-card--tall{grid-template-columns:minmax(280px,.68fr) minmax(0,1.32fr);gap:clamp(54px,7vw,118px);min-height:100svh;padding:clamp(96px,11vh,150px) 0}.projects .project-card:nth-child(2n) .project-copy{order:1}.projects .project-card:nth-child(2n) .project-gallery{order:2}.projects .project-card .project-copy{grid-template-columns:1fr;gap:28px}.projects .project-index{font-size:clamp(4.8rem,7vw,8rem);line-height:.78}.projects .project-copy h3{font-size:clamp(2.1rem,3vw,3.8rem)}@media (width<=820px){.projects .project-card,.projects .project-card--phone,.projects .project-card--reverse,.projects .project-card--tall{grid-template-columns:1fr;gap:44px;min-height:auto;padding-block:84px}}@media (width<=600px){.projects .project-card .project-copy{grid-template-columns:1fr;gap:18px}}.projects{color:var(--ink);background:var(--ambient)}.projects>.page-shell{background-color:#d7f1fcd6;background-image:linear-gradient(#07487a1a 1px,#0000 1px),linear-gradient(90deg,#07487a1a 1px,#0000 1px)}.projects .section-heading h2,.projects .project-copy h3{color:var(--ink)}.projects .section-heading p,.projects .project-meta,.projects .project-description{color:#07131fb3}.projects .project-award,.projects .project-index{color:var(--blue)}.projects .project-card,.projects .project-card--phone,.projects .project-card--reverse,.projects .project-card--tall{grid-template-columns:minmax(340px,.88fr) minmax(0,1.12fr);gap:clamp(48px,6vw,96px)}.projects .project-index{font-size:clamp(6rem,8.2vw,9.5rem)}.projects .project-copy h3{font-size:clamp(2.8rem,4vw,5rem);line-height:1.02}.projects .project-meta,.projects .project-award{font-size:clamp(.92rem,.95vw,1.08rem)}.projects .project-description{font-size:clamp(1.05rem,1.1vw,1.24rem)}.project-gallery__controls{color:#07131f9e}.project-gallery__controls button{color:var(--ink);border-color:#07131f4d}.project-gallery__controls button:hover:not(:disabled){color:#fff;background:var(--blue)}.hero-copy{width:min(72%,1120px);bottom:clamp(52px,6.5vh,84px)}.hero-copy h1{max-width:1080px;font-size:clamp(4.5rem,6.2vw,7.6rem);line-height:.9}.hero-copy h1>span:nth-child(2){padding-left:0}@media (width<=820px){.hero-glass-word{font-size:clamp(6.5rem,28vw,10rem);top:24%;left:50%;right:auto}.hero-copy{width:calc(100% - (var(--page-pad) * 2))}.projects .project-card,.projects .project-card--phone,.projects .project-card--reverse,.projects .project-card--tall{grid-template-columns:1fr}}.hero-copy{width:min(50%,720px);top:clamp(150px,20vh,210px);bottom:auto}.hero-copy h1{max-width:720px;font-size:clamp(4rem,5.4vw,6.8rem)}.hero-glass-word{opacity:.64;transform:translate3d(calc(-50% + (var(--hero-progress,0) * 54px)), calc(var(--hero-progress,0) * -20px), 0) rotate(-5deg);font-size:clamp(6rem,11vw,12rem);top:14%;left:61%;right:auto}.projects .project-copy h3{word-break:auto-phrase;text-wrap:balance;font-size:clamp(2.35rem,3.3vw,4.2rem)}@media (width>=1180px){.about-intro p,.projects .project-copy h3{white-space:nowrap}}@media (width<=900px){.hero-copy{width:calc(100% - (var(--page-pad) * 2));top:126px;bottom:auto}.hero-copy h1{max-width:78%}.hero-glass-word{top:22%;left:64%}}@media (width<=600px){.hero-copy h1{max-width:100%}}
