:root{--navy:#123044;--ink:#17384a;--muted:#526c7a;--paper:#f5f9fc;--blue:#236d95;--ice:#dceef5;--line:#d5e2e9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.85 'Microsoft YaHei','PingFang SC',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #db9252;outline-offset:5px}header{height:90px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line)}.brand{font-size:22px;font-weight:700;letter-spacing:2px}.brand span{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:20px}nav{display:flex;gap:32px;font-size:14px}nav a:last-child{color:var(--blue)}.hero{min-height:690px;display:grid;grid-template-columns:1.1fr 1fr;background:#e8f2f8;position:relative;overflow:hidden;padding:75px 6% 35px}.intro,.section-label{font-size:13px;color:var(--blue);margin:0 0 24px}h1{font-size:clamp(36px,4.4vw,70px);line-height:1.35;letter-spacing:-2px;font-weight:600;margin:0 0 30px}h2{font-size:clamp(28px,3vw,43px);line-height:1.5;letter-spacing:-1px;margin:0 0 28px;font-weight:600}h3{font-size:21px;line-height:1.6;margin:12px 0}p{color:var(--muted);margin:0 0 20px}.hero-description{font-size:17px;max-width:460px}.actions{display:flex;gap:26px;align-items:center;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:13px 24px;background:var(--navy);color:white;border:0;border-radius:5px;font-size:14px}.secondary{font-size:14px;border-bottom:1px solid var(--blue)}.hero-bottom{display:flex;gap:30px;font-size:11px;color:var(--muted);margin-top:70px}.molecule{position:relative;align-self:center}.molecule svg{width:100%;max-height:505px;filter:drop-shadow(0 20px 25px #377b9320);animation:enter 1.1s ease-out}.molecule-caption{text-align:center;font-size:13px}.molecule-caption span{font:12px Georgia,serif;font-style:italic;color:var(--muted)}.section{padding:100px 6%;scroll-margin-top:25px}.about{display:grid;grid-template-columns: .75fr 1.25fr;gap:9%;align-items:center;max-width:1400px;margin:auto}.portrait{position:relative;max-width:360px}.portrait img{width:100%;height:420px;object-fit:cover;border-radius:120px 120px 8px 8px;display:block}.portrait span{display:block;padding-top:15px;color:var(--muted);font-size:12px}.about p{max-width:650px}.skills{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.skills span{font-size:12px;padding:5px 13px;border:1px solid var(--line);border-radius:4px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:38px}.section-head h2{margin:0}.section-head p{font-size:14px}.section-head .section-label{font-size:13px;margin-bottom:14px}.projects{background:white}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button,.travel-buttons button{border:0;background:transparent;color:var(--muted);padding:8px 15px;border-radius:5px;font-size:13px}.filters button.active,.travel-buttons .selected{background:var(--navy);color:white}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px}.project{border:1px solid var(--line);border-radius:8px;overflow:hidden}.project[hidden]{display:none}.project:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr}.project:first-child[hidden]{display:none}.project-art{height:235px;background:#dceef5;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#1e658a0c 1px,transparent 1px),linear-gradient(90deg,#1e658a0c 1px,transparent 1px);background-size:35px 35px}.project-art b{font:140px Georgia,serif;color:#276786;font-weight:400}.project-art span{position:absolute;left:23px;bottom:17px;font-size:11px;color:#325f74}.project:first-child .project-art{height:100%;min-height:290px}.art1,.art5{background:#e6e9fa}.art2,.art6{background:#e1f0e9}.art3{background:#eaf0d9}.art4{background:#193c54}.art4 b,.art4 span{color:#b7deee}.project-copy{padding:28px 30px 30px}.project-copy small{font-size:11px;color:var(--blue)}.project-copy p{font-size:14px;line-height:1.9}.text-link{font-size:13px;border-bottom:1px solid var(--blue);padding-bottom:4px}.project-note{font-size:12px;color:var(--muted)}.cert-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.cert{border:1px solid var(--line);border-radius:5px;background:white;padding:10px;text-align:left;color:var(--ink)}.cert img{width:100%;height:125px;object-fit:contain;background:#f4f6f8;display:block}.cert span{display:flex;justify-content:space-between;gap:7px;font-size:12px;line-height:1.6;padding:14px 3px 4px}.cert i{font-style:normal;color:var(--blue)}.cert:hover{border-color:var(--blue)}.hint{font-size:12px;margin-top:20px}.capabilities{background:var(--navy);color:#f2f7fb}.capabilities .section-label{color:#9cd2e5}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.service-grid article{border-top:1px solid #476174;padding-top:25px}.service-grid span{font-size:12px;color:#9cd2e5}.service-grid p{color:#b9cbd6;font-size:14px}.strengths{display:flex;flex-wrap:wrap;gap:14px 30px;border-top:1px solid #476174;padding-top:28px;margin-top:40px;font-size:12px;color:#b9cbd6}.strengths b{color:white;font-weight:400}.life-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.life-photo{position:relative;min-height:360px;background:#163549;border-radius:8px;overflow:hidden}.life-photo img{width:100%;height:100%;position:absolute;object-fit:cover;opacity:.55}.life-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#132f45)}.life-photo div{position:absolute;bottom:20px;left:30px;right:30px;z-index:1;color:white}.life-photo p{color:#d6e5ed;font-size:14px}.music{background:#e7edf7;padding:35px;border-radius:8px}.record{display:grid;place-items:center;background:repeating-radial-gradient(#214359 0 2px,#173549 3px 6px);color:#bcdde9;width:90px;height:90px;border-radius:50%;font-size:30px}.music p{font-size:14px}.travel{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;background:#e8f0f4;border-radius:8px;overflow:hidden}.travel>img{width:100%;height:310px;object-fit:cover}.travel>div{padding:35px}.travel span{font-size:12px;color:var(--blue)}.travel-buttons{display:flex;flex-wrap:wrap;gap:3px}.travel-buttons button{padding:7px 12px}.contact{background:#deedf5;text-align:center}.contact .section-label{margin-bottom:25px}.contact h2{font-size:clamp(30px,4vw,54px)}.email{font:clamp(20px,3.5vw,42px)/1.5 Georgia,serif;border-bottom:1px solid #83a2b5;display:inline-block;margin:10px 0 30px}.contact-details{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;font-size:13px}.contact-details button{border:0;background:transparent;color:var(--ink);font-size:13px;padding:0}.contact-details button span{color:var(--blue);margin-left:8px}footer{padding:28px 6%;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted)}dialog{border:0;border-radius:8px;padding:32px;background:white;max-width:90vw;max-height:92vh;text-align:center}dialog::backdrop{background:#0c2234cf}dialog img{max-width:78vw;max-height:73vh;object-fit:contain}dialog p{margin:10px 0 0}#close-viewer{position:absolute;right:5px;top:0;border:0;background:white;font-size:28px;color:var(--ink);width:32px;height:32px}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.section,header,.hero,footer{padding-left:max(6%,calc((100vw - 1300px)/2));padding-right:max(6%,calc((100vw - 1300px)/2))}.about{max-width:none}}@media(max-width:900px){.hero{min-height:600px;grid-template-columns:1.2fr 1fr}.cert-grid{grid-template-columns:repeat(3,1fr)}.section{padding:70px 6%}.portrait img{height:330px}.service-grid{gap:25px}.section-head{align-items:start;flex-direction:column}nav{gap:18px}.brand span{display:none}}@media(max-width:600px){header{height:74px;padding:0 5%}.brand{font-size:18px}nav{gap:14px;font-size:12px}nav a:nth-child(4){display:none}.hero{padding:48px 6% 25px;display:flex;flex-direction:column;min-height:0}h1{font-size:40px;letter-spacing:-1px}.hero-description{font-size:14px}.hero-bottom{margin-top:35px;gap:20px}.molecule{width:85%;margin-top:10px}.molecule svg{height:300px}.molecule-caption{font-size:11px}.about{grid-template-columns:1fr;gap:35px}.portrait{max-width:260px}.portrait img{height:300px}.section{padding:60px 6%}.project-grid,.life-grid,.travel,.service-grid{grid-template-columns:1fr}.project:first-child{grid-column:auto;display:block}.project:first-child .project-art{min-height:0;height:235px}.project-copy{padding:22px}.cert-grid{grid-template-columns:repeat(2,1fr);gap:12px}.cert img{height:110px}.service-grid{gap:20px}.travel>img{height:230px}.travel>div{padding:25px}.contact-details{flex-direction:column;gap:12px}footer{flex-wrap:wrap}footer span:nth-child(2){order:3;width:100%}.actions{gap:18px}.button{gap:23px}.music{padding:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media print{header,.filters,.actions,.music button,.travel-buttons,footer{display:none}.section,.hero{padding:25px;break-inside:avoid}.project-grid{display:block}.project{margin-bottom:20px}.contact{background:white}body{font-size:12px}}
/* Immersive molecular observatory */
:root{--navy:#09243c;--ink:#edf5ff;--muted:#a8bad1;--paper:#050c1c;--blue:#90caff;--ice:#132b48;--line:#ffffff20}body{background:#050c1c;color:var(--ink)}header{position:absolute;z-index:10;width:100%;background:transparent;border-color:#ffffff16;height:100px}.brand{color:white}.brand span{color:#91aac7}nav a:last-child{border:1px solid #9dcaff65;padding:7px 18px;border-radius:30px}nav{align-items:center}.hero{min-height:900px;height:100vh;max-height:1250px;background:radial-gradient(ellipse at 76% 47%,#153a6b60,transparent 43%),radial-gradient(ellipse at 12% 100%,#3e246d45,transparent 50%),#050c1c;padding-top:200px;align-items:center}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050c1c70,transparent 70%);pointer-events:none;z-index:1}.hero-content{position:relative;z-index:3}.intro{display:inline-flex;align-items:center;gap:12px;color:#b0d3f8;font-size:13px;border:1px solid #ffffff20;background:#ffffff06;border-radius:30px;padding:8px 18px;backdrop-filter:blur(10px);margin-bottom:35px}.intro:before{content:'';width:6px;height:6px;background:#8ce8ff;border-radius:50%;box-shadow:0 0 15px #74eaff}h1{font-size:clamp(42px,5.2vw,83px);line-height:1.32;letter-spacing:-3px;font-weight:700;text-shadow:0 3px 35px #6095ff25;margin-bottom:30px}.hero-description{color:#aec1d9;font-size:16px;max-width:470px}.hero .button{background:linear-gradient(110deg,#c7eaff,#96b9ff);color:#102744;box-shadow:0 0 45px #6cafff25;border:1px solid #daeeff;border-radius:30px;padding:16px 27px;font-weight:700}.secondary{color:#d5e6fb;border-color:#8fa4c1}.hero-bottom{border-top:1px solid #ffffff20;padding-top:22px;max-width:440px;color:#9caec5;margin-top:65px;letter-spacing:.5px}.hero-watermark{position:absolute;bottom:0;left:5%;font:clamp(75px,13vw,200px)/.85 Georgia,serif;letter-spacing:-10px;color:#ffffff04;white-space:nowrap;z-index:1;pointer-events:none}.molecule{z-index:2;width:115%;margin-left:-5%;perspective:900px;position:relative}.molecule:before,.molecule:after{content:'';position:absolute;width:90%;height:75%;left:5%;top:7%;border:1px solid #8bbcff30;border-radius:50%;transform:rotate(-28deg);box-shadow:0 0 70px #4679e918,inset 0 0 60px #3973c910}.molecule:after{transform:rotate(40deg);width:110%;left:-5%;height:55%;top:18%;border-style:dashed;border-color:#af91e92a}.molecule svg{max-height:640px;overflow:visible;filter:drop-shadow(0 0 20px #479dff55);animation:float-molecule 10s ease-in-out infinite}.molecule svg g:first-of-type{stroke:#9dd9ff;stroke-width:1.6}.molecule svg circle{stroke:#b4e9ff;stroke-width:.7}.molecule-caption{margin-top:25px;color:#bcddff;font-size:12px;letter-spacing:2px}.molecule-caption span{color:#7495bb;letter-spacing:1px}.section{position:relative}.about{background:radial-gradient(ellipse at 10% 40%,#12345560,transparent 55%);gap:11%;padding-top:130px;padding-bottom:130px}.portrait{padding:12px;border:1px solid #8cbbff35;border-radius:150px 150px 20px 20px;background:linear-gradient(150deg,#ffffff0e,#ffffff02);box-shadow:0 25px 80px #0006}.portrait img{filter:saturate(.8);border-radius:140px 140px 12px 12px;height:440px}.portrait span{text-align:center;letter-spacing:3px;color:#b3c9e0}.section-label{color:#95c8ff;letter-spacing:2px}h2{color:#edf5ff;font-size:clamp(30px,3.3vw,48px)}.skills span{background:#d0e7ff08;border-color:#c7e0ff28;border-radius:30px;color:#c1d6ec;padding:7px 16px}.projects{background:linear-gradient(180deg,#091328,#050c1c)}.project{background:linear-gradient(135deg,#15243a,#0b1426);border-color:#d5e9ff20;border-radius:18px;box-shadow:0 20px 50px #0002;transition:border-color .3s,transform .3s}.project:hover{border-color:#a6ceff85;transform:translateY(-5px)}.project-art{height:265px;background:radial-gradient(ellipse at 60% 35%,#216582,#0c253f 75%);border-bottom:1px solid #ffffff0d}.project-art:before{background-image:linear-gradient(#b6ddff09 1px,transparent 1px),linear-gradient(90deg,#b6ddff09 1px,transparent 1px);transform:perspective(400px) rotateX(28deg) scale(1.3)}.project-art:after{content:'';position:absolute;width:220px;height:220px;border:1px solid #9bd9ff30;border-radius:50%;box-shadow:0 0 45px #9bd9ff13,inset 0 0 40px #9bd9ff15;transform:rotate(-30deg) scaleY(.65)}.project-art b{color:#b5e8ff;text-shadow:0 0 40px #65ccff80;font-size:155px;z-index:1}.project-art span{color:#b3cde6;z-index:2;font-size:12px}.art1,.art5{background:radial-gradient(ellipse at 55% 40%,#4b3972,#1a1736 80%)}.art2,.art6{background:radial-gradient(ellipse at 55% 40%,#175668,#0a2535 80%)}.art3{background:radial-gradient(ellipse at 55% 40%,#355b50,#102c2c 80%)}.art4{background:radial-gradient(ellipse at 55% 40%,#3e4d8d,#101c38 80%)}.project-copy{padding:32px}.project-copy p{color:#a1b4cd}.project-copy small{color:#97c8ff}.filters button{color:#a4bad4}.filters button.active{background:#b3d6ff;color:#0c223f}.honors{background:radial-gradient(ellipse at 80% 40%,#24325f40,transparent 65%)}.cert{background:linear-gradient(145deg,#18273c,#0b1425);border-radius:12px;padding:12px;border-color:#ffffff20;color:#dceaff;transition:transform .3s}.cert:hover{transform:translateY(-7px);box-shadow:0 12px 40px #417dff20}.cert img{border-radius:5px;background:#dce4ec}.cert span{padding-top:16px}.capabilities{background:linear-gradient(120deg,#0f2742,#182441 60%,#252544);border-top:1px solid #95c5ff20;border-bottom:1px solid #95c5ff20}.service-grid{gap:24px}.service-grid article{padding:28px;background:#ffffff04;border:1px solid #b6d6ff25;border-radius:14px}.service-grid article>span{display:inline-block;color:#a8d4ff;border:1px solid #b6d6ff35;border-radius:30px;padding:3px 14px;margin-bottom:15px}.strengths{border-color:#ffffff20}.life-photo{border:1px solid #ffffff25;border-radius:16px;min-height:390px}.music{border:1px solid #b4a5ff30;background:radial-gradient(ellipse at 80% 10%,#50436a60,transparent),#141b30;border-radius:16px}.music .button{background:#c8d9ff;color:#192b48;border-radius:30px}.record{box-shadow:0 0 0 10px #ffffff03,0 0 0 11px #ffffff12;background:repeating-radial-gradient(#26334c 0 2px,#111b2c 3px 6px);margin-bottom:25px}.travel{background:#111e32;border:1px solid #ffffff20;border-radius:16px}.travel-buttons button{color:#a2bbd6}.travel-buttons .selected{background:#b5d5fc;color:#12213a}.contact{background:radial-gradient(ellipse at 50% 110%,#23497c90,transparent 65%),#09162a;overflow:hidden;border-top:1px solid #ffffff20;padding-top:125px;padding-bottom:125px}.contact:before{content:'';width:700px;height:700px;border:1px solid #aecfff15;border-radius:50%;position:absolute;top:35px;left:calc(50% - 350px);pointer-events:none}.contact h2{position:relative}.email{color:#bfdcff;border-color:#b9d8ff50}.contact-details button{color:#b8cce2}footer{background:#050c1c;color:#839bb8}dialog{background:#101e33;color:#edf5ff;border:1px solid #9cbeff55;box-shadow:0 20px 100px #0008}#close-viewer{background:#14263e;color:white}#starfield{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scroll-cue{position:absolute;bottom:36px;right:6%;font-size:11px;color:#a5bdd6;writing-mode:vertical-rl;letter-spacing:3px;z-index:3}.scroll-cue:after{content:'';height:50px;width:1px;background:linear-gradient(#9cc9ff,transparent);display:inline-block;margin-top:15px}@keyframes float-molecule{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-18px) rotate(3deg)}}@media(max-width:900px){.hero{padding-top:170px;min-height:800px;height:auto}.molecule{width:110%;margin-left:-10%}.portrait img{height:350px}}@media(max-width:600px){header{height:84px}nav a:last-child{padding:5px 10px}nav{gap:12px}.hero{padding-top:125px;min-height:0;padding-bottom:60px}.intro{font-size:11px;padding:6px 12px;margin-bottom:24px}h1{font-size:42px;letter-spacing:-1.5px}.hero-description{font-size:14px}.hero .button{padding:13px 20px}.hero-bottom{margin-top:35px}.molecule{width:95%;margin:25px auto 0}.molecule svg{height:330px}.molecule-caption{margin-top:0}.hero-watermark{font-size:75px;letter-spacing:-4px}.scroll-cue{display:none}.about{padding-top:70px;padding-bottom:70px}.portrait img{height:300px}.project-art{height:230px}.project-copy{padding:24px}.service-grid article{padding:24px}.contact{padding-top:75px;padding-bottom:75px}.cert{padding:9px}.section-head h2{font-size:32px}}
/* Personal editorial direction */
:root{--ink:#191816;--muted:#77736b;--paper:#f5f4f0;--blue:#977750;--line:#19181625}body{background:#f5f4f0;color:#191816}header{position:relative;height:90px;background:#f5f4f0;border-color:#19181620}.brand,.brand span{color:#191816}nav a:last-child{border-color:#19181640;color:#191816}.hero{background:#f5f4f0;min-height:760px;height:auto;max-height:none;padding-top:90px;padding-bottom:90px;grid-template-columns:1.5fr .65fr;gap:6%;align-items:center}.hero:before,#starfield,.hero-watermark,.scroll-cue{display:none}.intro{color:#77736b;border:0;padding:0;background:none;letter-spacing:1px;margin-bottom:35px}.intro:before{background:#b49870;box-shadow:none}.hero h1{font-size:clamp(42px,5.8vw,88px);line-height:1.2;color:#191816;letter-spacing:-3px;text-shadow:none;margin-bottom:34px}.hero-en{font:900 clamp(74px,10vw,155px)/1.05 'Arial Black',Arial,sans-serif;letter-spacing:-8px;display:inline-block;margin-bottom:15px}.hero-description{color:#77736b;font-size:15px}.hero .button,.button{background:#191816;color:#f5f4f0;box-shadow:none;border:1px solid #191816;border-radius:0;padding:16px 24px}.secondary{color:#191816;border-color:#191816}.hero-bottom{color:#77736b;border-color:#19181630;margin-top:55px}.editorial-portrait{align-self:end;position:relative;margin-bottom:35px}.editorial-portrait img{width:100%;height:370px;object-fit:cover;filter:grayscale(1);display:block}.editorial-portrait:before{content:'✦';position:absolute;font-size:100px;color:#b59a75;right:-35px;top:-90px;z-index:2}.editorial-portrait span{display:block;font-size:12px;margin-top:20px;line-height:1.8;color:#77736b}.about{background:#eae8e1;max-width:none}.section-label{color:#997d59;letter-spacing:1px}h2{color:inherit}.portrait{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}.portrait img{border-radius:0;filter:grayscale(1);height:420px}.portrait span{color:#77736b;letter-spacing:1px;text-align:left}.skills span{background:none;border-color:#19181630;color:#655f55;border-radius:0}.marquee{overflow:hidden;background:#c5a880;color:#191816;padding:32px 0;font:700 clamp(32px,5vw,70px)/1.2 Arial,sans-serif;letter-spacing:-2px}.marquee>div{white-space:nowrap;width:max-content;animation:marquee-slide 35s linear infinite}@keyframes marquee-slide{to{transform:translateX(-50%)}}.projects{background:#151515;color:#f5f4f0}.projects h2{color:#f5f4f0}.project{border:0;border-radius:0;background:transparent;box-shadow:none}.project:hover{transform:none}.project-art{border:1px solid #ffffff22;border-radius:0;filter:saturate(.2);height:300px}.project-art b{color:#e8d7bc;text-shadow:none}.project-art span{color:#e0d9ce}.project-copy{padding:25px 0 35px}.project-copy small{color:#c5a880}.project-copy h3{color:#f5f4f0}.project-copy p{color:#aaa69f}.filters button{border-radius:0;color:#d2c6b5}.filters button.active{background:#c5a880;color:#191816}.project:first-child{grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;margin-bottom:30px}.project:first-child .project-art{min-height:380px}.project-art:after{border-color:#c5a88060;box-shadow:none}.project-grid{gap:40px}.honors{background:#f5f4f0}.cert{background:#eeede8;border-color:#19181620;border-radius:0;color:#191816;padding:12px}.cert:hover{box-shadow:none;border-color:#977750}.cert img{border-radius:0;filter:saturate(.4)}.capabilities{background:#e8e4dc;color:#191816;border:0}.capabilities .section-label{color:#977750}.service-grid article{background:none;border:0;border-top:1px solid #19181650;border-radius:0;padding:28px 0}.service-grid article>span{color:#977750;border:0;padding:0;border-radius:0}.service-grid p,.strengths{color:#77736b}.strengths{border-color:#19181630}.strengths b{color:#191816}.life{background:#f5f4f0}.life-photo,.music,.travel{border-radius:0;border:0}.life-photo img{filter:grayscale(1)}.life-photo:after{background:linear-gradient(transparent,#161616)}.music{background:#e7e3db}.music .button{background:#191816;color:white;border-radius:0}.record{box-shadow:none;background:repeating-radial-gradient(#37342e 0 2px,#191816 3px 6px);color:#c5a880}.travel{background:#e8e5de}.travel-buttons button{color:#77736b;border-radius:0}.travel-buttons .selected{color:white;background:#191816}.travel>img{filter:saturate(.5)}.contact{background:#161616;color:#f5f4f0;border:0}.contact:before{display:none}.contact h2{font-weight:400;font-family:'Songti SC','SimSun',serif;font-size:clamp(38px,5vw,75px)}.email{color:#c5a880;border-color:#c5a88060}.contact-details,.contact-details button{color:#b3ada3}.contact-details button span{color:#c5a880}footer{background:#161616;color:#8e887e;border-top:1px solid #ffffff20}dialog{background:#f5f4f0;color:#191816;border:0}#close-viewer{background:#f5f4f0;color:#191816}@media(max-width:900px){.hero{min-height:660px;padding-top:65px;grid-template-columns:1.3fr .7fr}.editorial-portrait img{height:300px}.hero-en{letter-spacing:-5px}}@media(max-width:600px){header{height:78px}.hero{display:block;padding-top:55px;padding-bottom:45px}.hero h1{font-size:42px;letter-spacing:-2px}.hero-en{font-size:74px;letter-spacing:-5px}.editorial-portrait{margin:70px 0 0 35%;max-width:250px}.editorial-portrait img{height:260px}.editorial-portrait:before{font-size:80px;right:-15px;top:-60px}.hero-bottom{margin-top:35px}.project:first-child{display:block;margin:0}.project:first-child .project-art{min-height:0;height:250px}.project-art{height:250px}.portrait img{height:300px}.service-grid article{padding:20px 0}.marquee{padding:24px 0}.contact h2{font-size:38px}}
/* Lively color and pointer interactions */
:root{--blue:#4764c8}.hero{background:radial-gradient(ellipse at 85% 45%,#e0e8ff85,transparent 48%),#f6f5f1}.intro:before{background:#6976da}.editorial-portrait img,.portrait img,.life-photo img,.travel>img,.cert img{filter:none}.editorial-portrait img{border-radius:18px;box-shadow:18px 22px 0 #e1e6f3}.editorial-portrait:before{color:#6d7dcc}.editorial-portrait span{color:#65728b}.hero .button{background:#465ac2;border-color:#465ac2;color:white;box-shadow:0 10px 30px #465ac226}.about{background:#eeeff7}.marquee{background:#cbd4f3;color:#263455}.project-art{filter:none}.honors{background:#f6f5f1}.capabilities{background:#e8edf8}.music{background:linear-gradient(130deg,#ede5f5,#e1e9f8)}.travel{background:#e7edf7}.contact{background:radial-gradient(ellipse at 25% 90%,#293860,transparent 70%),#171e30}.email{color:#c0ccff}.contact .section-label{color:#b2c1ff}.contact-details button span{color:#b2c1ff}.section-label{color:#6371ad}.skills span{color:#576587;border-color:#697cad40}.project{position:relative;transform-style:preserve-3d;transition:transform .2s ease-out}.project:hover{transform:perspective(1000px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));border-color:transparent}.project-art{position:relative}.project-art:before{background-image:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),#cadfff30,transparent 65%),linear-gradient(#b6ddff09 1px,transparent 1px),linear-gradient(90deg,#b6ddff09 1px,transparent 1px)}.pointer-ring{position:fixed;top:0;left:0;width:38px;height:38px;border:1px solid #687cd3;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-100px,-100px);transition:width .2s,height .2s,background .2s,border-color .2s;will-change:transform}.pointer-dot{position:fixed;top:0;left:0;width:5px;height:5px;border-radius:50%;background:#6578d5;pointer-events:none;z-index:10000;transform:translate(-100px,-100px);will-change:transform}.pointer-ring.over{width:64px;height:64px;background:#8e9fff22;border-color:#8495e5}.pointer-ring.dark{border-color:#bac6ff}.pointer-dot.dark{background:#d4dcff}.pointer-ring.down{width:28px;height:28px;background:#8e9fff44}.pointer-ring,.pointer-dot{opacity:0}.pointer-visible .pointer-ring,.pointer-visible .pointer-dot{opacity:1}.portrait img,.editorial-portrait img{transition:transform .5s}.editorial-portrait:hover img{transform:rotate(-2deg) scale(1.025)}.button{transition:transform .2s,box-shadow .2s}.button:hover{box-shadow:0 12px 35px #5265bb35}.pointer-ripple{position:fixed;width:12px;height:12px;border:1px solid #8a9be0;border-radius:50%;pointer-events:none;z-index:9998;animation:pointer-ripple .65s ease-out forwards}@keyframes pointer-ripple{to{transform:scale(6);opacity:0}}@media(hover:none),(pointer:coarse){.pointer-ring,.pointer-dot{display:none}.project:hover{transform:none}}@media(prefers-reduced-motion:reduce){.pointer-ring,.pointer-dot,.pointer-ripple{display:none}.project:hover{transform:none}}
/* Interactive creative universe */
.hero{background:radial-gradient(ellipse at 72% 35%,#25246390,transparent 48%),radial-gradient(ellipse at 10% 90%,#173d6855,transparent 50%),#080c1d;min-height:850px;grid-template-columns:1fr 1fr;padding-top:110px;padding-bottom:110px;position:relative;overflow:hidden}.hero h1{color:#f3f0ff;font-size:clamp(40px,4.7vw,72px)}.hero-en{font-size:clamp(70px,8vw,125px);letter-spacing:-7px;background:linear-gradient(100deg,#fff 20%,#c5b6ff 55%,#8bddff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{color:#b1b8d4}.hero .intro{color:#b3bded}.hero .intro:before{background:#b6a3ff;box-shadow:0 0 15px #b6a3ff}.hero .secondary{color:#dfd9ff;border-color:#a599e2}.hero .button{background:linear-gradient(110deg,#b8a4ff,#8edfff);color:#171b3d;border:0;box-shadow:0 0 40px #9382ff40;border-radius:8px}.hero-bottom{color:#8e9bbf;border-color:#ffffff25}.hero .editorial-portrait{position:absolute;right:6%;bottom:24px;display:flex;align-items:center;gap:16px;margin:0;z-index:4}.hero .editorial-portrait img{width:52px;height:52px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #ffffff20}.hero .editorial-portrait:before{display:none}.hero .editorial-portrait span{font-size:10px;color:#b9c3e0;margin:0}.creative-stage{position:relative;aspect-ratio:1;min-width:0;isolation:isolate;max-width:640px;width:115%;margin-left:-8%}.creative-stage:before{content:'';position:absolute;inset:15%;border-radius:50%;background:#9083ff17;filter:blur(50px);z-index:-1}#creative-orb{width:100%;height:100%;position:absolute;inset:0;touch-action:pan-y}.orb-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;color:#e5e5ff;pointer-events:none}.orb-center>span{display:block;font-size:56px;line-height:1.2;background:linear-gradient(#f4deff,#9ce8ff);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 0 35px #c3b1ff60}.orb-center b{display:block;font:italic 38px/1.05 Georgia,serif;letter-spacing:-1px;margin-top:14px}.orb-tip{position:absolute;bottom:0;left:0;width:100%;text-align:center;color:#939fc5;font-size:11px;letter-spacing:2px;pointer-events:none}.cursor-trail{position:fixed;inset:0;width:100%;height:100%;z-index:9997;pointer-events:none}.project-art{overflow:hidden}.project-art b{transition:transform .6s,filter .6s}.project:hover .project-art b{transform:scale(1.18) rotate(-8deg);filter:drop-shadow(0 0 25px #a0c9ff)}.project-art:after{animation:orbit-spin 14s linear infinite}.marquee{background:linear-gradient(100deg,#c6b4ff,#a8dfff,#d1c1ff)}@keyframes orbit-spin{to{transform:rotate(330deg) scaleY(.65)}}@media(max-width:900px){.hero{min-height:760px;padding-top:95px}.creative-stage{width:120%;margin-left:-15%}.orb-center b{font-size:30px}}@media(max-width:600px){.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:55px;padding-bottom:105px}.hero-en{font-size:76px}.hero h1{font-size:41px}.creative-stage{width:110%;margin:30px -5% 20px;max-width:none}.orb-center b{font-size:36px}.hero .editorial-portrait{left:6%;right:auto;bottom:25px}.hero-bottom{margin-top:35px}.orb-tip{font-size:10px}}