:root{font-family:PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,Microsoft YaHei,sans-serif;color:#1c1d18;background:#f7ede6;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #1c1d18;--muted: #737269;--paper: rgba(255, 255, 252, .76);--line: rgba(30, 32, 27, .1);--violet: #7653cb;--orange: #dc9744;--radius-lg: 42px;--shadow: 0 22px 50px rgba(93, 73, 44, .09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;background:#f8eadf}.page-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:#f8eadf url(/assets/pastel-bubble-background.png) center / cover no-repeat;transform:translateZ(0);contain:strict;pointer-events:none}.page-background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1f}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}main{overflow:clip;isolation:isolate}:focus-visible{outline:3px solid rgba(118,83,203,.42);outline-offset:4px}::selection{background:#7653cb33;color:var(--ink)}.site-header{position:fixed;z-index:100;top:24px;left:50%;transform:translate(-50%);width:min(1600px,calc(100% - 96px));height:76px;padding:10px 16px 10px 22px;display:grid;grid-template-columns:320px 1fr 132px;align-items:center;border:1px solid rgba(255,255,255,.85);border-radius:24px;background:#fffffcdb;-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);box-shadow:0 16px 40px #3e302117;transition:width .5s cubic-bezier(.2,.75,.2,1),height .5s cubic-bezier(.2,.75,.2,1),top .5s cubic-bezier(.2,.75,.2,1),padding .5s cubic-bezier(.2,.75,.2,1),border-radius .5s cubic-bezier(.2,.75,.2,1),box-shadow .5s ease,background .5s ease}.site-header.is-compact{top:14px;width:min(1180px,calc(100% - 144px));height:62px;padding:7px 12px 7px 16px;grid-template-columns:235px 1fr 106px;border-radius:20px;background:#fffffce8;box-shadow:0 14px 34px #3e30211c}.brand{border:0;background:transparent;padding:0;display:flex;align-items:center;gap:13px;cursor:pointer;text-align:left}.brand-mark{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:var(--ink);color:#fff;font-size:18px;transition:width .5s cubic-bezier(.2,.75,.2,1),height .5s cubic-bezier(.2,.75,.2,1),font-size .5s ease}.brand-name{font-size:17px;letter-spacing:.05em;white-space:nowrap;transition:font-size .5s ease,letter-spacing .5s ease}.brand-name b{font-weight:500;letter-spacing:.13em}.nav-links{display:flex;justify-content:center;align-items:center;gap:5px}.nav-link{border:0;padding:12px 17px;border-radius:999px;background:transparent;font-weight:600;font-size:14px;white-space:nowrap;cursor:pointer;transition:color .28s ease,background .28s ease,box-shadow .28s ease,transform .28s ease}.nav-link:hover{background:#1e1e1a0f}.nav-link.is-active{background:var(--ink);color:#fff;box-shadow:0 10px 22px #1c1d182b,0 0 0 3px #7653cb14;transform:translateY(-1px)}.resume-link{justify-self:end;width:116px;height:46px;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:#ffffffad;font-size:14px;font-weight:600;transition:.25s}.resume-link:hover{transform:translateY(-2px);box-shadow:0 10px 24px #23231e14}.menu-toggle{display:none}.site-header.is-compact .brand-mark{width:38px;height:38px;font-size:15px}.site-header.is-compact .brand-name{font-size:14px;letter-spacing:.035em}.site-header.is-compact .nav-link{padding:9px 12px;font-size:12px}.site-header.is-compact .resume-link{width:98px;height:40px;border-radius:13px;font-size:12px}.section-shell{width:min(1510px,calc(100% - 100px));margin-inline:auto;scroll-margin-top:124px}.hero{min-height:100vh;padding:172px 38px 80px;display:grid;grid-template-columns:54% 46%;align-items:center;position:relative}.header-compact-marker{position:absolute;top:72vh;left:0;width:1px;height:1px;pointer-events:none}.hello-pill{display:inline-flex;align-items:center;gap:11px;padding:9px 17px;border-radius:999px;background:#ffffff91;color:#5f5e57;letter-spacing:.14em;font-size:16px;box-shadow:inset 0 0 0 1px #ffffffb3}.hello-pill span{width:10px;height:10px;border-radius:50%;background:#5fc5a8;box-shadow:0 0 0 5px #5fc5a81f}.hero h1{margin:32px 0 24px;font-size:clamp(66px,7vw,126px);letter-spacing:-.07em;line-height:.92;font-weight:750}.hero-role{display:inline;font-size:clamp(28px,2.6vw,44px);color:var(--violet);font-weight:700;line-height:1.35;background:linear-gradient(transparent 75%,#f3d991 0)}.hero-intro{margin:30px 0 22px;font-size:17px;line-height:1.9;color:#5e5d56;max-width:680px}.hero-tags{display:flex;flex-wrap:wrap;gap:10px}.hero-tags span{padding:9px 15px;border:1px solid rgba(40,40,35,.09);border-radius:11px;background:#ffffffa6;font-size:14px}.hero-actions{display:flex;gap:12px;margin-top:36px}.button{min-height:54px;padding:0 25px;border-radius:15px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:650;cursor:pointer;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-3px)}.button--dark{background:var(--ink);color:#fff;box-shadow:0 14px 28px #1c1d1826}.button--light{background:#ffffffb8;border-color:#1e1e191a}.button--mint{background:#c7f0df;color:#18332a}.button--ghost{color:#e9f0ed;border-color:#ffffff26;background:#ffffff0b}.hero-visual{height:740px;position:relative;display:grid;place-items:end center}.portrait-halo{position:absolute;width:min(90%,610px);aspect-ratio:1;border-radius:50%;background:#ccdeecab;top:105px;left:50%;transform:translate(-50%);border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 0 70px #fff6}.portrait-frame{width:min(78%,520px);height:670px;position:relative;z-index:2;overflow:hidden;border-radius:260px 260px 40px 40px;border:4px solid rgba(87,215,188,.85);box-shadow:0 24px 70px #40473921;background:#e9dfcb}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.08);transition:transform .8s cubic-bezier(.2,.75,.2,1)}.hero-visual:hover .portrait-frame img{transform:scale(1.105)}.status-card{position:absolute;z-index:4;right:1%;bottom:50px;width:190px;padding:20px;border-radius:20px;background:#fffc;border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:rotate(-2deg)}.status-card p{margin:0 0 9px;color:var(--violet);font-size:19px}.status-card strong{display:block;font-size:16px}.status-card span{display:block;margin-top:7px;color:var(--muted);font-size:12px}.scroll-cue{position:absolute;bottom:22px;left:50%;transform:translate(-50%);border:1px solid rgba(255,255,255,.8);background:#ffffffb3;border-radius:999px;padding:8px 9px 8px 18px;display:flex;align-items:center;gap:12px;color:#6b604d;cursor:pointer;box-shadow:0 12px 30px #48382814}.scroll-cue span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--orange)}@media(min-width:961px){.hero-copy{padding-left:clamp(24px,3vw,50px)}.portrait-halo{width:min(80%,520px);top:88px}.portrait-frame{width:min(68%,450px);height:590px;transform:translateY(-34px)}.status-card{right:5%;bottom:96px}}.content-section{padding:150px 80px 70px;min-height:100vh}.section-heading{max-width:980px;margin:0 auto 70px;text-align:center}.section-heading--left{max-width:none;text-align:left;margin-left:0}.section-kicker{margin:0 0 14px;font-size:15px;letter-spacing:.16em;color:#776f63}.section-heading h2{margin:0;font-size:clamp(42px,5vw,74px);line-height:1.15;font-weight:430;letter-spacing:-.05em;color:#4e4a41;text-wrap:balance}.section-number{color:#34352f;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.section-description{max-width:720px;margin:17px auto 0;color:#817c72;line-height:1.8;text-wrap:pretty}.section-heading--left .section-description{margin-left:0}.card-surface{background:linear-gradient(145deg,#fffffce0,#fffff8ad);border:1px solid rgba(255,255,255,.78);box-shadow:var(--shadow);border-radius:var(--radius-lg);transition:transform .45s cubic-bezier(.2,.75,.2,1),box-shadow .45s ease,border-color .45s ease}.card-surface:hover{border-color:#fffffff2;box-shadow:0 30px 70px #5d492c21}.eyebrow{font-size:13px;letter-spacing:.08em;color:#85834e;text-transform:uppercase}.education-board{display:grid;grid-template-columns:.92fr 1.08fr;gap:44px;align-items:center}.education-copy{padding:48px 50px;min-height:480px;position:relative}.education-logo{position:absolute;width:76px;height:76px;right:34px;top:34px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 10px 30px #1941781f}.education-copy h3{font-size:29px;margin:8px 0}.education-copy>p:not(.eyebrow){color:#6c6961}.education-divider{height:1px;margin:39px 0;background:var(--line)}.campus-collage{min-height:550px;padding:32px;position:relative;background-image:linear-gradient(rgba(91,91,84,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(91,91,84,.035) 1px,transparent 1px);background-size:18px 18px}.campus-photo{margin:0;padding:14px 14px 38px;background:#fffef9;box-shadow:0 17px 38px #322d2221;position:absolute}.campus-photo img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.75,.2,1)}.campus-collage:hover .campus-photo--large img{transform:scale(1.025)}.campus-collage:hover .campus-photo--small img{transform:scale(1.04)}.campus-photo--large{width:70%;height:380px;left:7%;top:62px;transform:rotate(-2deg)}.campus-photo--small{width:46%;height:270px;right:5%;bottom:40px;transform:rotate(4deg)}.campus-photo figcaption{margin-top:11px;color:#979187;letter-spacing:.12em;font-size:12px}.experience-timeline{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:88px;row-gap:68px;align-items:center}.timeline-line{position:absolute;top:12%;bottom:12%;left:50%;width:1px;background:#41423b29;transform:translate(-50%)}.timeline-node{position:absolute;z-index:4;left:50%;width:38px;height:38px;margin-left:-19px;border-radius:13px;display:grid;place-items:center;color:#fff;background:#8d56a4;font-size:12px;box-shadow:0 7px 20px #6e438038}.timeline-node--one{top:24%}.timeline-node--two{top:74%;background:#629d89}.experience-timeline--single .timeline-node--one{top:50%}.experience-note{min-height:520px;padding:45px 48px;display:flex;flex-direction:column;justify-content:center}.experience-note h3{font-size:clamp(30px,3vw,44px);line-height:1.28;margin:9px 0 16px}.role-ribbon{display:inline-block;padding:9px 18px;background:linear-gradient(90deg,#8a52cc,#e8c9ec);color:#fff;border-radius:999px;font-size:13px;letter-spacing:.07em}.role-ribbon--mint{background:linear-gradient(90deg,#5b9c86,#b7dfcf)}.experience-summary{margin:28px 0 18px;color:#292a25;font-weight:500;line-height:1.8}.experience-points{margin:0;padding-left:20px;color:#292a25;font-weight:500;line-height:1.85}.experience-photo{min-height:520px;padding:28px 28px 32px;margin:0;background-image:linear-gradient(rgba(91,91,84,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(91,91,84,.035) 1px,transparent 1px);background-size:18px 18px}.experience-photo>img{width:100%;height:360px;object-fit:contain;border-radius:18px;background:#fff;box-shadow:0 16px 32px #322d221f;transition:transform .65s cubic-bezier(.2,.75,.2,1)}.experience-photo:hover>img{transform:scale(1.018)}.experience-photo figcaption{margin-top:16px;color:#807b72;letter-spacing:.12em;font-size:12px}.photo-metrics{display:flex;gap:10px;margin-top:13px}.photo-metrics span{flex:1;padding:11px 13px;border-radius:11px;background:#ffffff9e;color:#69675f;font-size:12px}.photo-metrics b{display:block;margin-bottom:2px;color:#292a25;font-size:18px}.step-number,.work-index{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#8450a2;color:#fff;font-size:12px}.project-case{display:grid;gap:28px}.project-overview{min-height:640px;padding:38px;display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;overflow:hidden}.project-proof{margin:0;min-width:0}.project-proof>a{min-height:550px;padding:26px;border-radius:30px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(150deg,#f3f0e8,#fff 54%,#e7f3ed);box-shadow:inset 0 0 0 1px #ffffffd1,0 20px 42px #3e362b1a}.project-proof img{width:min(100%,440px);height:500px;object-fit:contain;border-radius:19px;box-shadow:0 18px 34px #3a322d1f;transition:transform .55s cubic-bezier(.2,.75,.2,1)}.project-proof:hover img{transform:translateY(-4px) rotate(-.5deg)}.project-proof figcaption{margin-top:14px;color:#817c72;letter-spacing:.12em;font-size:12px}.project-copy{min-width:0;padding-right:20px}.project-index{margin-bottom:26px;background:#619a87;transform:rotate(4deg)}.project-copy h3{margin:9px 0 15px;font-size:clamp(38px,4vw,58px)}.project-copy>p:not(.eyebrow){color:#67655e;line-height:1.85}.project-process{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:24px;color:#68675f;font-size:12px}.project-process span{padding:9px 11px;border-radius:11px;background:#ffffff94;border:1px solid rgba(255,255,255,.82)}.project-process b{margin-right:4px;color:#272823;font-size:14px}.project-process i{color:#9b968d;font-style:normal}.project-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,145px));width:fit-content;gap:8px;margin:18px 0 0}.project-metrics span{min-height:78px;padding:12px;border-radius:13px;background:#ffffff8c;color:#68675f;font-size:11px;line-height:1.45}.project-metrics b{display:block;margin-bottom:3px;color:#282924;font-size:22px}.project-journey{padding:46px 48px 50px}.project-journey-heading{max-width:680px;margin-bottom:42px}.project-journey-heading h3{max-width:650px;margin:9px 0 0;font-size:clamp(30px,3.2vw,46px);line-height:1.25;letter-spacing:-.035em;font-weight:470;color:#4e4a41}.project-stage-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}.project-stage-list:before{content:"";position:absolute;top:20px;left:7%;right:7%;height:1px;background:#4b4b4324}.project-stage-list li{min-width:0;padding:0 24px;position:relative}.project-stage-list li:first-child{padding-left:0}.project-stage-list li:last-child{padding-right:0}.project-stage-number{width:40px;height:40px;margin-bottom:25px;display:grid;place-items:center;position:relative;z-index:1;border-radius:13px;color:#fff;background:#2f312c;box-shadow:0 8px 20px #2e302b29;font-size:12px}.project-stage-list li:nth-child(3) .project-stage-number{background:#9a5d76}.project-stage-list li:nth-child(4) .project-stage-number{background:#619a87}.project-stage-list .eyebrow{margin:0 0 8px;font-size:11px}.project-stage-list h4{margin:0 0 10px;font-size:18px;line-height:1.45}.project-stage-list li>p:last-child{margin:0;color:#747169;font-size:13px;line-height:1.75}.project-story{min-height:620px;padding:36px;display:grid;grid-template-columns:1.08fr .92fr;gap:58px;align-items:center;overflow:hidden}.project-story--reverse .project-story-media{order:2}.project-story--reverse .project-story-copy{order:1;padding-left:22px}.project-story-media{margin:0;min-width:0}.project-story-media a{min-height:530px;padding:24px;border-radius:28px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#f9eee8d6,#e8f5efdb)}.project-story-media img{width:100%;height:470px;border-radius:18px;object-fit:contain;background:#fff;box-shadow:0 16px 34px #3a322d1f;transition:transform .55s cubic-bezier(.2,.75,.2,1)}.project-story-media:hover img{transform:scale(1.012)}.project-story-media a>span{position:absolute;left:38px;bottom:34px;padding:8px 11px;border-radius:999px;color:#656159;background:#fffffceb;font-size:11px;letter-spacing:.1em;box-shadow:0 8px 22px #3a322d17}.project-story-media--books img{object-fit:contain}.project-story-copy{min-width:0;padding-right:22px}.project-story-index{width:42px;height:42px;margin-bottom:26px;display:grid;place-items:center;border-radius:14px;color:#fff;background:#9a5d76;transform:rotate(-3deg);font-size:12px}.project-story-index--mint{background:#619a87;transform:rotate(3deg)}.project-story-copy h3{margin:9px 0 17px;font-size:clamp(31px,3.3vw,48px);line-height:1.24;letter-spacing:-.04em;font-weight:470;color:#4e4a41}.project-story-copy>p:not(.eyebrow):not(.project-conclusion){color:#69675f;line-height:1.85}.project-story-points{margin:25px 0 0;padding:0;list-style:none;display:grid;gap:9px}.project-story-points li{padding:12px 14px;display:grid;grid-template-columns:76px 1fr;gap:12px;border-radius:13px;background:#ffffff80;color:#6b6961;font-size:12px;line-height:1.65}.project-story-points b{color:#2f302b}.project-story-copy blockquote{margin:18px 0 0;padding:15px 18px;border-left:3px solid #9a5d76;border-radius:0 14px 14px 0;color:#4c4a44;background:#9a5d7613;font-size:17px}.project-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,160px));width:fit-content;gap:9px;margin:25px 0 18px}.project-result-grid span{padding:14px;border-radius:14px;background:#ffffff8f;color:#6b6961;font-size:12px}.project-result-grid b{display:block;margin-bottom:4px;color:#2d2f2a;font-size:25px}.project-conclusion{margin-top:18px;padding-top:18px;border-top:1px solid rgba(52,53,47,.11);color:#4f6f65;line-height:1.75}.project-coach{min-height:480px;padding:46px 50px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;overflow:hidden}.project-coach-copy{min-width:0}.project-story-index--coach{margin-bottom:24px;background:#356f69;transform:rotate(-2deg)}.project-coach-copy h3{margin:9px 0 16px;color:#4e4a41;font-size:clamp(28px,2.3vw,36px);line-height:1.3;letter-spacing:-.035em;font-weight:470}.project-coach-copy>p:not(.eyebrow){color:#69675f;line-height:1.85}.project-coach-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:24px}.project-coach-metrics span{min-height:78px;padding:12px;border-radius:13px;background:#ffffff8a;color:#6b6961;font-size:11px;line-height:1.45}.project-coach-metrics b{display:block;margin-bottom:4px;color:#2e302b;font-size:21px}.project-coach-proofs{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,145px));justify-content:center;gap:15px}.project-coach-proofs figure{min-width:0;margin:0;transition:transform .38s cubic-bezier(.2,.75,.2,1)}.project-coach-proofs figure:nth-child(1){transform:rotate(-2deg)}.project-coach-proofs figure:nth-child(2){transform:translateY(-8px)}.project-coach-proofs figure:nth-child(3){transform:rotate(2deg)}.project-coach-proofs figure:hover{transform:translateY(-7px)}.project-coach-proofs a{display:block;aspect-ratio:9 / 16;overflow:hidden;border:5px solid rgba(255,255,252,.88);border-radius:15px;background:#e7f4ee;box-shadow:0 14px 30px #30494221;cursor:zoom-in}.project-coach-proofs img{width:100%;height:100%;display:block;object-fit:cover}.project-coach-proofs figcaption{margin-top:9px;color:#77736a;text-align:center;font-size:10px;line-height:1.45}.project-coach-proofs>p{grid-column:1 / -1;margin:3px 0 0;color:#959087;text-align:center;font-size:11px;letter-spacing:.06em}.project-field-note{padding:24px;display:grid;grid-template-columns:1.12fr .88fr;gap:42px;align-items:center}.project-field-note figure{margin:0;min-width:0}.project-field-note a{display:block;overflow:hidden;border-radius:24px;background:#fff}.project-field-note img{width:100%;height:330px;display:block;object-fit:contain;transition:transform .55s cubic-bezier(.2,.75,.2,1)}.project-field-note a:hover img{transform:scale(1.012)}.project-field-note>div{padding-right:40px}.project-field-note h3{margin:9px 0 14px;font-size:clamp(29px,3vw,42px);line-height:1.3;letter-spacing:-.035em;font-weight:470;color:#4e4a41}.project-field-note>div>p:last-child{color:#6b6961;line-height:1.8}@media(min-width:961px){#projects .section-heading{max-width:none}#projects .section-heading h2,.project-journey-heading h3,.project-story-copy h3,.project-coach-copy h3,.project-conclusion{white-space:nowrap}.project-story-copy h3{font-size:clamp(27px,2.5vw,41px)}}.works-list{display:grid;gap:34px}.work-card{padding:34px;display:grid;gap:34px;min-height:auto;overflow:hidden}.work-screenshots{height:390px;padding:22px;border-radius:29px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;overflow:hidden;order:2}.work-screenshots--lingtu{background:linear-gradient(145deg,#d7f4e8,#d9e2ff 48%,#f2d8ee)}.work-screenshots--shuyin{background:linear-gradient(145deg,#ffdcd8,#faedc7 50%,#d7eee3)}.work-screenshots a{min-width:0;position:relative;display:block;overflow:hidden;border:1px solid rgba(255,255,255,.92);border-radius:19px;background:#fff;box-shadow:0 18px 38px #3934361f;cursor:zoom-in}.work-screenshots img{width:100%;height:100%;display:block;object-fit:cover;object-position:top center;transition:transform .55s cubic-bezier(.2,.75,.2,1)}.work-screenshots a:hover img{transform:scale(1.018)}.work-screenshots a>span{position:absolute;left:14px;bottom:14px;padding:8px 11px;border-radius:999px;color:#4e4c47;background:#fffffce8;box-shadow:0 8px 20px #2d2a2c17;font-size:10px;letter-spacing:.11em}.work-copy{padding:2px 18px 12px;display:grid;grid-template-columns:1.12fr .88fr;gap:64px;align-items:start;order:1}.work-copy-main,.work-copy-side{min-width:0}.work-copy .work-index{margin-bottom:24px;transform:rotate(-4deg)}.work-copy .eyebrow{text-transform:none}.work-copy h3{margin:13px 0;font-size:clamp(29px,3vw,40px);line-height:1.3}.work-copy-main>p:not(.eyebrow){line-height:1.85;color:#5c5c55}.work-copy-side{padding-top:52px}.work-copy-side ul{margin:0;padding-left:20px;color:#464741;line-height:1.9}.product-link{margin-top:24px;min-height:68px;padding:13px 16px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;border-radius:16px;color:#fff;background:linear-gradient(115deg,#28292e,#5940a6);box-shadow:0 15px 30px #3e306f2b;transition:transform .3s ease,box-shadow .3s ease}.product-link:hover{transform:translateY(-3px);box-shadow:0 20px 38px #3e306f38}.product-link span{font-size:11px;letter-spacing:.1em;opacity:.72}.product-link strong{grid-column:1;font-size:18px}.product-link svg{grid-column:2;grid-row:1 / 3}.work-card--shuyin{gap:24px}.work-card--shuyin .work-copy h3{white-space:normal}.work-card--shuyin .work-screenshots{order:3}.work-platform-label{width:fit-content;margin-inline:18px;padding:10px 16px;display:inline-flex;align-items:center;gap:11px;border-radius:999px;color:#fff;box-shadow:0 11px 25px #4a396921}.work-platform-label span{padding-right:11px;border-right:1px solid rgba(255,255,255,.34);font-size:11px;font-weight:750;letter-spacing:.08em}.work-platform-label strong{font-size:14px;font-weight:650}.work-platform-label--desktop{order:2;background:linear-gradient(110deg,#7a5bd4,#dd7297)}.work-platform-label--mobile{order:4;margin-top:10px;background:linear-gradient(110deg,#398d7b,#55a6b2)}.work-mobile-screenshots{order:5;padding:34px 36px 39px;display:grid;grid-template-columns:178px 34px 178px 34px 178px;justify-content:center;align-items:center;gap:12px;border-radius:29px;background:linear-gradient(145deg,#e7f3ee,#e5e8fb 52%,#f7e4eb)}.work-mobile-screenshots a{min-width:0;position:relative;aspect-ratio:554 / 1200;display:block;overflow:hidden;border:3px solid rgba(255,255,252,.92);border-radius:25px;background:#fff;box-shadow:0 18px 38px #353d4529;cursor:zoom-in;transition:transform .4s cubic-bezier(.2,.75,.2,1)}.work-mobile-arrow{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:50%;color:#398d7b;background:#fffffcb8;box-shadow:0 9px 22px #398d7b21}.work-mobile-screenshots a:nth-child(2){transform:translateY(-8px)}.work-mobile-screenshots a:hover{transform:translateY(-7px)}.work-mobile-screenshots img{width:100%;height:100%;display:block;object-fit:cover}.work-mobile-screenshots a>span{position:absolute;left:50%;bottom:10px;width:max-content;max-width:calc(100% - 14px);padding:6px 9px;transform:translate(-50%);overflow:hidden;border-radius:999px;color:#484943;background:#fffffce6;text-overflow:ellipsis;white-space:nowrap;font-size:9px;box-shadow:0 7px 18px #2d2d2a17}.pending-note{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:10px 14px;border-radius:12px;background:#1f1f1c12;color:#6d685f;font-size:12px;letter-spacing:.04em}@media(min-width:961px){.work-copy h3{white-space:nowrap;font-size:clamp(28px,2.6vw,36px)}}.skills-board{min-height:660px;padding:58px 80px;display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.deck-column{text-align:center}.skill-deck{width:255px;height:365px;margin:0 auto;border:1px solid rgba(255,255,255,.5);border-radius:26px;background:linear-gradient(155deg,#7952a9,#b0629a 58%,#d18d71);color:#fff;box-shadow:-9px 7px #7342914d,-18px 14px #73429129,0 30px 45px #5b375b33;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;cursor:pointer;position:relative;transition:.3s}.skill-deck:hover{transform:translateY(-8px) rotate(-2deg)}.deck-ring{width:78px;height:78px;border-radius:50%;border:1px solid rgba(255,255,255,.45);display:grid;place-items:center;margin-bottom:24px}.skill-deck strong{letter-spacing:.18em}.skill-deck small{letter-spacing:.2em;opacity:.8}.deck-sparkle{position:absolute;bottom:37px;right:38px;color:#f7e49c}.deck-column>p{color:var(--muted);font-size:13px;margin:31px 0 19px}.draw-button{min-width:190px}.drawn-card{min-height:520px;border-radius:31px;padding:32px 38px;border:1px solid rgba(255,255,255,.75);box-shadow:0 24px 50px #424a3c1c;animation:cardIn .42s ease both}.drawn-card--mint{background:linear-gradient(155deg,#f8fffc,#d8f1e5)}.drawn-card--rose{background:linear-gradient(155deg,#fffafc,#f4d9e2)}.drawn-card--aqua{background:linear-gradient(155deg,#fbffff,#d4efed)}.drawn-card--amber{background:linear-gradient(155deg,#fffdf8,#f4e9c9)}.drawn-card--violet{background:linear-gradient(155deg,#fdfbff,#e6def4)}.drawn-card-top{display:flex;justify-content:space-between;color:#47877a;letter-spacing:.14em;font-size:12px}.skill-orbit{width:230px;height:230px;border-radius:50%;border:1px solid rgba(75,124,112,.18);display:grid;place-items:center;margin:17px auto 6px;box-shadow:inset 0 0 0 34px #ffffff2e,inset 0 0 0 68px #418c7809}.skill-orbit span{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:#ffffff9e;color:#438979;font-size:30px}.drawn-card h3{font-size:34px;margin:8px 0}.drawn-card>p:not(.eyebrow){color:#62665f;line-height:1.7}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tags span{padding:7px 10px;border-radius:9px;background:#ffffff8c;font-size:12px}.card-counter{text-align:center;color:#77726a;letter-spacing:.15em}.card-counter span{display:inline-block;width:56px;height:1px;margin:0 12px 4px;background:#32322d2e}.contact-wrap{width:min(1360px,calc(100% - 140px));padding:110px 0 36px}.contact-card{min-height:620px;padding:84px 96px 48px;color:#f1f1ef;background:radial-gradient(circle at 86% 4%,rgba(255,255,255,.075),transparent 34%),linear-gradient(125deg,#303033,#1d1d20 58%,#151517);border:1px solid rgba(255,255,255,.08);border-radius:48px;box-shadow:0 24px 58px #1a191b33;position:relative;overflow:hidden}.contact-card .section-kicker{color:#a9aaad}.contact-card h2{margin:18px 0 27px;font-size:clamp(52px,5.7vw,82px);line-height:1.08;font-weight:380;letter-spacing:-.06em;text-wrap:balance}.contact-card .button--mint{background:#ececea;color:#252527}.contact-lead{color:#b2b2b5;line-height:1.8;font-size:16px}.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.contact-meta{display:flex;gap:34px;margin-top:30px;color:#aaaab0}.contact-meta span{display:flex;align-items:center;gap:8px}.contact-footer{position:absolute;left:96px;right:96px;bottom:32px;display:flex;align-items:center;justify-content:flex-end;color:#85858b}.contact-footer button{min-height:44px;padding:8px 2px 8px 14px;border:0;background:transparent;color:#d1d1d3;display:flex;align-items:center;gap:8px;cursor:pointer}.image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;padding:64px;display:grid;place-items:center;background:#121214d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:zoom-out;animation:lightboxIn .2s ease both}.image-lightbox-content{max-width:min(92vw,1600px);max-height:86vh;margin:0;padding:10px;display:grid;place-items:center;overflow:hidden;border-radius:22px;background:#fffffff0;box-shadow:0 32px 90px #00000057;cursor:default}.image-lightbox-content img{display:block;max-width:100%;max-height:calc(86vh - 20px);object-fit:contain;border-radius:14px}.image-lightbox-close{position:fixed;z-index:2;top:24px;right:28px;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;background:#ffffff1f;cursor:pointer;transition:transform .25s ease,background .25s ease}.image-lightbox-close:hover{transform:rotate(6deg) scale(1.05);background:#fff3}.image-lightbox-tip{position:fixed;bottom:20px;left:50%;margin:0;transform:translate(-50%);color:#ffffffad;font-size:12px;letter-spacing:.08em;pointer-events:none}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .75s cubic-bezier(.2,.75,.2,1),transform .75s cubic-bezier(.2,.75,.2,1)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.reveal{animation:riseIn .8s cubic-bezier(.2,.75,.2,1) both}.reveal--delay{animation-delay:.15s}@keyframes riseIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{0%{opacity:0;transform:translateY(12px) rotate(1deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes lightboxIn{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}@media(max-width:1250px){.site-header{grid-template-columns:250px 1fr 112px;width:calc(100% - 48px)}.brand-name{font-size:14px}.nav-link{padding-inline:11px;font-size:12px}.resume-link{width:102px}.site-header.is-compact{width:calc(100% - 64px);grid-template-columns:210px 1fr 98px}.section-shell{width:calc(100% - 48px)}.content-section{padding-inline:36px}.hero{grid-template-columns:50% 50%;padding-inline:20px}.hero-visual{height:650px}.portrait-frame{height:590px}.project-overview,.project-story{gap:38px}.project-coach{gap:38px;padding-inline:38px}.project-coach-proofs{grid-template-columns:repeat(3,minmax(0,125px))}.project-stage-list li{padding-inline:17px}.skills-board{padding-inline:50px;gap:45px}}@media(max-width:960px){.site-header{height:68px;top:14px;padding:8px 10px 8px 14px;grid-template-columns:1fr auto auto;border-radius:20px}.site-header.is-compact{width:calc(100% - 48px);height:68px;top:14px;padding:8px 10px 8px 14px;grid-template-columns:1fr auto auto;border-radius:20px}.brand-mark{width:40px;height:40px}.brand-name{font-size:13px}.nav-links{position:absolute;left:0;right:0;top:78px;padding:12px;border-radius:20px;background:#fffffcf0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;opacity:0;pointer-events:none;transform:translateY(-8px);transition:.25s;box-shadow:var(--shadow)}.nav-links.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-link{width:100%;text-align:center;font-size:14px}.resume-link{width:44px;padding:0}.resume-link span{display:none}.menu-toggle{width:44px;height:44px;margin-left:5px;display:grid;place-items:center;border:0;border-radius:14px;background:var(--ink);color:#fff}.hero{min-height:auto;padding-top:130px;grid-template-columns:1fr}.hero-copy{text-align:center}.hero-intro{margin-inline:auto}.hero-tags,.hero-actions{justify-content:center}.hero-visual{height:650px;margin-top:20px}.scroll-cue{display:none}.content-section{padding-top:110px}.education-board,.work-card,.skills-board,.project-overview,.project-story,.project-coach,.project-field-note{grid-template-columns:1fr}.project-overview{gap:34px}.project-proof>a{min-height:500px}.project-proof img{height:450px}.project-copy{padding:0 12px 12px}.project-stage-list{grid-template-columns:repeat(2,1fr);gap:34px 0}.project-stage-list:before{display:none}.project-stage-list li,.project-stage-list li:first-child,.project-stage-list li:last-child{padding-inline:18px}.project-story--reverse .project-story-media,.project-story--reverse .project-story-copy{order:initial}.project-story--reverse .project-story-copy,.project-story-copy{padding:12px 18px 18px}.project-coach{gap:38px}.project-coach-copy{padding-inline:18px}.project-coach-proofs{grid-template-columns:repeat(3,minmax(0,140px))}.project-field-note{gap:20px}.project-field-note>div{padding:8px 24px 24px}.education-board{gap:24px}.work-card,.work-card--shuyin{direction:ltr;gap:30px}.work-screenshots{height:320px}.work-copy{grid-template-columns:1fr;gap:18px}.work-copy-side{padding-top:0}.skills-board{gap:70px}.experience-timeline{grid-template-columns:1fr;row-gap:24px;padding-left:48px}.timeline-line{left:18px;top:7%;bottom:7%}.timeline-node{left:18px;margin-left:-18px}.timeline-node--one{top:12%}.timeline-node--two{top:62%}.experience-photo:nth-of-type(1){grid-row:2}.contact-wrap{width:calc(100% - 64px)}.contact-card{min-height:650px;padding:74px 60px 44px}.contact-footer{left:60px;right:60px}}@media(max-width:640px){:root{--radius-lg: 27px}.site-header,.section-shell{width:calc(100% - 24px)}.site-header{top:9px}.site-header.is-compact{top:9px;width:calc(100% - 24px)}.brand-name b{display:none}.hero{padding:110px 8px 55px}.hello-pill{font-size:13px}.hero h1{font-size:59px;margin-top:24px}.hero-role{font-size:24px}.hero-intro{font-size:15px}.desktop-only{display:none}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-visual{height:510px}.portrait-halo{top:70px}.portrait-frame{width:86%;height:470px}.status-card{right:-3px;bottom:18px;width:154px;padding:15px}.content-section{padding:95px 8px 45px}.section-heading{margin-bottom:42px}.section-heading h2{font-size:39px}.education-copy{padding:34px 26px;min-height:450px}.education-logo{width:58px;height:58px;right:22px;top:25px}.campus-collage{min-height:420px;padding:18px}.campus-photo--large{width:82%;height:280px;left:5%;top:45px}.campus-photo--small{width:52%;height:190px;right:4%;bottom:28px}.experience-timeline{padding-left:29px}.timeline-line{left:10px}.timeline-node{left:10px;width:30px;height:30px;margin-left:-15px;border-radius:10px}.experience-note{min-height:auto;padding:32px 25px}.experience-note h3{font-size:28px}.experience-photo{min-height:390px;padding:17px}.experience-photo>img{height:260px}.photo-metrics{flex-direction:column}.work-card{padding:15px;min-height:auto;gap:24px}.project-case{gap:18px}.project-overview{min-height:auto;padding:17px}.project-proof>a{min-height:390px;padding:16px;border-radius:22px}.project-proof img{width:100%;height:350px;border-radius:15px}.project-copy{padding:8px}.project-process{display:grid;grid-template-columns:1fr;gap:7px}.project-process i{display:none}.project-metrics{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.project-metrics span{min-height:82px;padding:10px 8px}.project-metrics b{font-size:19px}.project-journey{padding:32px 24px}.project-journey-heading{margin-bottom:34px}.project-stage-list{grid-template-columns:1fr;gap:24px}.project-stage-list li,.project-stage-list li:first-child,.project-stage-list li:last-child{padding:0 0 0 52px}.project-stage-number{position:absolute;left:0;top:0;margin:0}.project-stage-list h4{font-size:17px}.project-story{min-height:auto;padding:17px;gap:20px}.project-story-media a{min-height:350px;padding:13px;border-radius:21px}.project-story-media img{height:330px;border-radius:14px}.project-story-media a>span{left:24px;bottom:22px}.project-story-copy,.project-story--reverse .project-story-copy{padding:8px}.project-story-points li{grid-template-columns:65px 1fr;padding:11px}.project-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.project-coach{min-height:auto;padding:30px 20px;gap:30px}.project-coach-copy{padding:0}.project-coach-copy h3{font-size:28px}.project-coach-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.project-coach-metrics span{min-height:84px;padding:10px 8px}.project-coach-metrics b{font-size:18px}.project-coach-proofs{width:100%;max-width:335px;margin-inline:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.project-coach-proofs a{border-width:3px;border-radius:10px}.project-coach-proofs figcaption{font-size:9px}.project-field-note{padding:16px}.project-field-note img{height:230px}.project-field-note>div{padding:8px}.work-screenshots{height:auto;padding:10px;grid-template-columns:1fr;gap:10px;border-radius:21px}.work-screenshots a{aspect-ratio:16 / 9;border-radius:13px}.work-screenshots a>span{left:9px;bottom:9px;padding:6px 8px;font-size:8px}.work-copy{padding:8px}.work-copy h3{font-size:28px}.work-copy-side ul{margin-top:4px}.product-link{margin-top:18px}.work-platform-label{width:100%;margin:0;padding:11px 13px;align-items:flex-start;border-radius:14px}.work-platform-label span{flex:0 0 auto}.work-platform-label strong{font-size:12px;line-height:1.55}.work-mobile-screenshots{padding:22px 16px 25px;grid-template-columns:142px 26px 142px 26px 142px;justify-content:start;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;border-radius:21px}.work-mobile-screenshots::-webkit-scrollbar{display:none}.work-mobile-screenshots a{border-width:3px;border-radius:18px;scroll-snap-align:center}.work-mobile-arrow{width:26px;height:26px}.work-mobile-arrow svg{width:14px;height:14px}.work-mobile-screenshots a>span{bottom:7px;padding:5px 7px;font-size:8px}.skills-board{padding:42px 20px}.skill-deck{width:220px;height:320px}.drawn-card{min-height:470px;padding:26px 22px}.skill-orbit{width:190px;height:190px}.contact-wrap{padding:82px 0 18px;width:calc(100% - 24px)}.contact-card{min-height:680px;padding:62px 26px 36px;border-radius:32px}.contact-card h2{font-size:44px}.contact-actions{flex-direction:column}.contact-actions .button{width:100%}.contact-meta{flex-direction:column;gap:13px}.contact-footer{left:26px;right:26px;bottom:24px}.image-lightbox{padding:18px}.image-lightbox-content{max-width:96vw;max-height:82vh;padding:6px;border-radius:15px}.image-lightbox-content img{max-height:calc(82vh - 12px);border-radius:10px}.image-lightbox-close{top:14px;right:14px;width:44px;height:44px}.image-lightbox-tip{bottom:12px;width:100%;text-align:center}}