:root{--black:#000;--white:#f8fbff;--blue:#58aeff;--cyan:#7eddf5;--violet:#8354ff;--display:"Arial Black","Microsoft YaHei UI","Microsoft YaHei",sans-serif;--text:"Microsoft YaHei","Noto Sans SC",sans-serif;--brush:"KaiTi","STKaiti","Microsoft YaHei",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#000}body{color:var(--white);font-family:var(--text);overflow:hidden}button{color:inherit;font:inherit}.site-shell{background:#000;isolation:isolate;min-height:100vh;overflow:hidden;position:relative}.motion-lines{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:-1}.loop{border-radius:50%;border-style:solid;position:absolute}.loop.one{border-color:#3e4fc0 transparent transparent #4282d8;border-width:clamp(25px,3vw,55px);height:65vw;left:67vw;top:15vh;transform:rotate(-29deg);width:65vw;animation:breathe 15s ease-in-out infinite}.loop.two{border-color:transparent #4aabdb #6141af transparent;border-width:clamp(18px,2.5vw,45px);bottom:-30vw;height:70vw;left:-14vw;transform:rotate(17deg);width:74vw;animation:breathe2 20s ease-in-out infinite}.loop.three{border-color:#27165a transparent transparent #1d4575;border-width:clamp(15px,2vw,38px);height:74vw;left:4vw;top:-39vw;transform:rotate(-11deg);width:90vw;animation:breathe 22s -8s ease-in-out infinite}.segment{background:linear-gradient(110deg,var(--violet),var(--blue) 59%,var(--cyan));border-radius:99px;box-shadow:inset 6px 6px 10px #ffffff36,inset -8px -9px 13px #25136988,0 9px 21px #624bd344;height:clamp(14px,1.8vw,33px);opacity:.96;position:absolute}.s1{right:-2vw;top:6vh;transform:rotate(17deg);width:19vw;animation:glide1 13s ease-in-out infinite}.s2{right:3vw;top:43vh;transform:rotate(-9deg);width:14vw;animation:glide2 16s -4s ease-in-out infinite}.s3{bottom:16vh;left:3vw;transform:rotate(-33deg);width:10vw;animation:glide1 15s -6s ease-in-out infinite reverse}.s4{bottom:3vh;left:17vw;transform:rotate(37deg);width:5.5vw;animation:glide2 12s -2s ease-in-out infinite}.s5{right:14vw;top:21vh;transform:rotate(-27deg);width:6vw;animation:glide1 18s -8s ease-in-out infinite}
.site-header{align-items:center;display:flex;gap:clamp(15px,2vw,40px);left:clamp(22px,2.5vw,55px);position:absolute;right:4vw;top:clamp(20px,4.5vh,55px);z-index:10}.gear{background:transparent;border:0;color:var(--blue);cursor:pointer;font-size:clamp(54px,5vw,87px);height:clamp(74px,7.5vw,122px);padding:0;position:relative;text-shadow:0 0 18px #4facff66;transition:transform .2s;width:clamp(74px,7.5vw,122px)}.gear span{display:block;line-height:1;transform:rotate(12deg);transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.gear i{border:3px solid var(--violet);border-radius:50%;bottom:9%;height:37%;position:absolute;right:4%;width:37%}.gear:hover span,.gear[aria-expanded="false"] span{transform:rotate(104deg)}.gear:active{transform:scale(.88) rotate(-7deg)}.primary-nav{display:flex;flex-wrap:wrap;gap:clamp(10px,1.5vw,27px);max-width:900px;transform-origin:left;transition:opacity .25s,transform .35s}.primary-nav.closed{opacity:0;pointer-events:none;transform:scaleX(.58) translateX(-9%)}.primary-nav button{background:linear-gradient(105deg,#7e49ef,#9075f1 48%,#6bd7dd);border:0;border-radius:99px;box-shadow:0 8px 0 #1d1945,0 16px 26px #4531aa55,inset 2px 3px 5px #ffffff44;cursor:pointer;min-width:clamp(105px,10vw,196px);padding:clamp(11px,1.2vw,22px) clamp(18px,2.2vw,44px);text-shadow:0 2px 8px #0004;transform:perspective(420px) rotateX(5deg);transition:transform .18s,box-shadow .18s,filter .18s}.primary-nav button:hover,.primary-nav button:focus-visible{filter:brightness(1.13);outline:2px solid #fff;outline-offset:4px;transform:perspective(420px) rotateX(3deg) translateY(-4px)}.primary-nav button:active,.primary-nav button.current{box-shadow:0 2px 0 #1d1945,0 7px 13px #38258c77,inset 4px 5px 8px #120a3e55;transform:perspective(420px) rotateX(2deg) translateY(6px) scale(.985)}.primary-nav button{font-family:var(--display);font-size:clamp(14px,1.3vw,24px);letter-spacing:.08em;white-space:nowrap}
.screen{display:none;min-height:100vh;opacity:0;padding:clamp(145px,18vh,215px) clamp(30px,8vw,175px) clamp(100px,14vh,140px);position:relative}.screen.active{animation:screenIn .62s cubic-bezier(.16,1,.3,1) both;display:block;opacity:1}.home{align-items:center;justify-content:flex-start;padding-left:clamp(55px,9.5vw,190px)}.home.active{display:flex}.home-copy{max-width:min(76vw,1300px)}.eyebrow{color:#5daeff;font-family:var(--brush);font-size:clamp(14px,1.55vw,28px);letter-spacing:.12em;margin:0 0 clamp(18px,2vw,35px);text-align:right}.eyebrow span{color:#fff;font-family:var(--text);letter-spacing:.13em;margin-left:.55em}.hero-title{align-items:baseline;display:flex;flex-wrap:wrap;gap:clamp(14px,1.3vw,28px);line-height:.78;margin:0}.hero-title b{color:#fff;font-family:var(--display);font-size:clamp(82px,11vw,220px);font-style:italic;letter-spacing:-.11em;text-shadow:2px 7px #9acfff,5px 12px #426a9a,9px 18px #1b354d}.hero-title em{background:linear-gradient(145deg,#addfff 13%,#8d5cfc 57%,#d7eaff 79%);background-clip:text;color:transparent;font-family:var(--brush);font-size:clamp(33px,4vw,82px);font-style:italic;font-weight:900;letter-spacing:-.06em;text-shadow:3px 5px #21104b,6px 10px #6e4cec77}.home-name{align-items:flex-end;display:flex;flex-wrap:wrap;gap:clamp(17px,2.2vw,43px);margin:clamp(43px,6vh,82px) 0 15px}.home-name b{background:linear-gradient(130deg,#57c3ff,#8a59ff 70%);background-clip:text;color:transparent;font-family:var(--display);font-size:clamp(45px,6vw,116px);letter-spacing:-.1em;line-height:.78;text-shadow:4px 7px #30186a}.home-name strong{font-family:var(--brush);font-size:clamp(27px,3vw,60px);font-style:italic;letter-spacing:.02em;text-shadow:4px 6px #255884}.specialty{font-family:var(--display);font-size:clamp(23px,3.1vw,61px);letter-spacing:.08em;margin:0}
.page-title{align-items:center;display:flex;gap:18px;left:clamp(155px,13vw,260px);position:absolute;top:clamp(60px,6vh,95px)}.page-title span{color:#7d4af5d4;font-family:var(--display);font-size:clamp(18px,1.4vw,27px)}.page-title h2{font-family:var(--display);font-size:clamp(26px,2.7vw,52px);letter-spacing:.04em;margin:0;text-shadow:3px 4px #506da7}.profile-layout{align-items:stretch;display:grid;gap:clamp(28px,2.6vw,55px);grid-template-columns:minmax(260px,.53fr) minmax(510px,1fr);margin-top:clamp(33px,4vh,70px)}.portrait,.bio{border-radius:clamp(29px,2.8vw,56px);min-height:min(67vh,760px);overflow:hidden;position:relative}.portrait{background:linear-gradient(140deg,#42228b,#171c42 13%,#343f7d);box-shadow:-9px 0 #4f2e9d,-17px 0 #4f2e9d55,0 28px 50px #120e3933;padding:clamp(13px,1.3vw,25px)}.portrait-placeholder{align-items:center;background:radial-gradient(circle at 70% 24%,#6eb3ffcc,transparent 24%),linear-gradient(145deg,#0f1731,#203a67 55%,#546d9e);border-radius:clamp(19px,2vw,43px);display:flex;flex-direction:column;height:100%;justify-content:center;min-height:min(64vh,730px);overflow:hidden;position:relative}.portrait-placeholder:before,.portrait-placeholder:after{border:22px solid #825cff77;border-radius:50%;content:"";height:42%;left:-20%;position:absolute;top:18%;transform:rotate(38deg);width:105%}.portrait-placeholder:after{border-color:#63d2ff77;bottom:-16%;left:8%;top:auto;transform:rotate(-36deg)}.portrait-placeholder b{font-family:var(--display);font-size:clamp(27px,3vw,55px);letter-spacing:.08em;line-height:.88;position:relative;text-align:center;text-shadow:4px 5px #5651eb;z-index:1}.portrait-placeholder small{color:#ffffffc7;margin-top:18px;position:relative;z-index:1}.bio{background:linear-gradient(108deg,#562eaded,#4d73b8e6 55%,#60d2d5c7);box-shadow:-10px 0 #35196f,-21px 0 #391c7277,0 28px 50px #100f2d44;padding:clamp(35px,4vw,79px)}.bio>p{font-family:var(--brush);font-size:clamp(19px,2.1vw,42px);letter-spacing:.03em;line-height:1.55;margin:0 0 .1em;position:relative;z-index:1}.bio .bio-intro{margin-top:clamp(28px,3.8vh,63px)}.bio hr{background:#fff;block-size:1px;border:0;margin-top:clamp(27px,4vh,67px);opacity:.45;width:62%}.bio-line{border:clamp(30px,4vw,75px) solid #8dbcff38;border-radius:50%;bottom:-48%;height:120%;position:absolute;right:-18%;transform:rotate(23deg);width:77%}.contact{bottom:clamp(24px,3vw,53px);color:#ffffffbd;display:flex;flex-wrap:wrap;font-size:clamp(12px,1vw,18px);gap:12px 28px;left:clamp(35px,4vw,79px);position:absolute;z-index:1}
.gallery-screen.active{display:flex;flex-direction:column;justify-content:center}.gallery-heading{margin:clamp(15px,2vh,30px) 0 clamp(26px,3.7vh,57px);text-align:center}.gallery-heading p{font-family:var(--display);font-size:clamp(29px,3.5vw,68px);letter-spacing:.02em;margin:0 0 12px;text-shadow:3px 5px #294c78}.gallery-heading small{color:#abdfff;font-size:clamp(14px,1.1vw,20px);letter-spacing:.08em}.gallery{display:flex;flex:0 0 clamp(310px,51vh,610px);gap:clamp(7px,.6vw,12px);min-height:0;width:100%}.card{align-items:flex-start;background:var(--bg);border:0;cursor:pointer;display:flex;flex:.56;flex-direction:column;justify-content:space-between;min-width:0;overflow:hidden;padding:clamp(17px,2vw,35px);position:relative;text-align:left;transition:flex .62s cubic-bezier(.22,.75,.22,1),filter .3s,transform .3s}.card:before{background:linear-gradient(180deg,#fff7,transparent 29%,#0003),var(--art);content:"";inset:0;position:absolute;transition:transform .7s}.card:after{border:1px solid #fff9;content:"";inset:12px;opacity:0;position:absolute;transition:opacity .25s}.card>*{position:relative;z-index:1}.card i{color:#04123bcc;font-family:var(--display);font-size:clamp(24px,3vw,58px);font-style:normal}.card b{color:#07183b;font-family:var(--display);font-size:clamp(18px,2vw,38px);letter-spacing:.04em;text-shadow:1px 1px #fff9;transform:translateY(120%);transition:transform .34s .09s;white-space:nowrap}.card small{background:#000c;border-radius:99px;font-size:11px;letter-spacing:.12em;opacity:0;padding:8px 11px;transform:translateY(140%);transition:opacity .26s .11s,transform .32s .1s}.gallery.expanded .card:not(.expanded){filter:brightness(.7) saturate(.7);flex:.34}.card.expanded{filter:saturate(1.08) brightness(1.04);flex:5;outline:0}.card.expanded:before{transform:scale(1.06)}.card.expanded:after{opacity:1}.card.expanded b,.card.expanded small{opacity:1;transform:translateY(0)}.card:active{filter:brightness(.9);transform:scale(.99)}.warm{--bg:#f1e7b2;--art:radial-gradient(circle at 74% 24%,#fff6c5 0 16%,transparent 16.5%),linear-gradient(155deg,#79b4e6 0 52%,#c6dd87 52% 69%,#8ea529 69%)}.blue{--bg:#a9d2f5;--art:radial-gradient(ellipse at 70% 35%,#fff 0 11%,transparent 11.5%),linear-gradient(154deg,#77b6f0 0 50%,#d5e9f8 50% 64%,#5c79bf 64%)}.violet{--bg:#b8abeb;--art:radial-gradient(circle at 35% 25%,#e7d9ff 0 13%,transparent 13.5%),linear-gradient(148deg,#7774d8 0 49%,#aea7f0 49% 65%,#4d3f93 65%)}.mint{--bg:#a8e0dc;--art:radial-gradient(circle at 62% 22%,#edfffd 0 10%,transparent 10.5%),linear-gradient(155deg,#79d7d4 0 49%,#ccf3ea 49% 67%,#518e89 67%)}
.next-button{align-items:center;background:transparent;border:0;bottom:clamp(18px,3.2vh,45px);cursor:pointer;display:flex;gap:12px;left:clamp(24px,3vw,63px);max-width:min(370px,46vw);padding:11px 16px 11px 0;position:absolute;text-align:left;z-index:12}.next-button:before{background:linear-gradient(95deg,var(--violet),var(--blue),var(--cyan));border-radius:99px;content:"";height:7px;left:0;position:absolute;top:0;transform-origin:left;transition:transform .2s;width:100%}.next-button:hover:before,.next-button:focus-visible:before{transform:scaleX(1.08)}.next-button:active{transform:translateY(4px)}.next-button small{color:#78c2ff;font-size:10px;letter-spacing:.18em;position:absolute;top:14px}.next-button span{font-family:var(--display);font-size:clamp(14px,1vw,19px);margin-top:14px}.next-button b{color:var(--cyan);font-size:25px;margin-left:auto;margin-top:12px}.work-modal{background:#071129;border:1px solid #8b7bffb3;border-radius:30px;box-shadow:0 25px 100px #000c;color:#fff;max-height:min(850px,86vh);max-width:min(1200px,88vw);overflow:hidden;padding:0;width:78vw}.work-modal::backdrop{backdrop-filter:blur(10px);background:#000c}.close{background:#0008;border:1px solid #fff9;border-radius:50%;cursor:pointer;font-size:30px;height:48px;line-height:1;position:absolute;right:20px;top:20px;width:48px;z-index:2}.modal-art{align-items:center;background:radial-gradient(circle at 65% 22%,#e6f9ffe6,transparent 11%),linear-gradient(153deg,#4d85d1 0 47%,#a7d5ef 47% 64%,#5e48bd 64%);display:flex;height:min(51vh,520px);justify-content:center;overflow:hidden;position:relative}.modal-art:before,.modal-art:after{border:42px solid #fff4;border-radius:50%;content:"";height:80%;position:absolute;transform:rotate(-23deg);width:57%}.modal-art:before{border-color:#2e1f806b;right:-8%;top:-19%}.modal-art:after{bottom:-42%;left:-5%}.modal-art span{background:#000b;border-radius:99px;font-family:var(--display);font-size:clamp(16px,2vw,28px);letter-spacing:.14em;padding:14px 24px;position:relative;z-index:1}.modal-copy{background:linear-gradient(115deg,#10174a,#372474 60%,#14374b);padding:clamp(25px,3.5vw,55px)}.modal-copy p{font-size:clamp(17px,1.7vw,25px);line-height:1.7;margin:0}.modal-copy small{color:#8edbff;font-size:13px;letter-spacing:.18em}.modal-copy h2{font-family:var(--display);font-size:clamp(36px,4vw,65px);margin:8px 0 16px}.modal-copy em{color:#ffffffaa;display:block;font-size:13px;margin-top:18px}
.reveal{animation:none}.active .reveal{animation:enterUp .55s both cubic-bezier(.16,1,.3,1)}.active .reveal:nth-child(2){animation-delay:.1s}.active .reveal:nth-child(3){animation-delay:.2s}@keyframes screenIn{from{clip-path:inset(0 0 100% 0);opacity:0}to{clip-path:inset(0);opacity:1}}@keyframes enterUp{from{filter:blur(8px);opacity:0;transform:translateY(34px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}@keyframes breathe{0%,100%{transform:rotate(-29deg) translate(0) scale(1)}50%{transform:rotate(-24deg) translate(2vw,-1vh) scale(1.025)}}@keyframes breathe2{0%,100%{transform:rotate(17deg) translate(0) scale(1)}50%{transform:rotate(13deg) translate(-1vw,2vh) scale(1.025)}}@keyframes glide1{0%,100%{translate:0 0}50%{translate:3vw -2vh}}@keyframes glide2{0%,100%{translate:0 0}50%{translate:-2vw 2vh}}
@media(max-width:920px){body{overflow:auto}.site-shell{min-height:100svh}.site-header{align-items:flex-start;gap:9px;left:18px;right:18px;top:17px}.gear{flex:0 0 66px;font-size:46px;height:66px;width:66px}.gear i{border-width:2px}.primary-nav{gap:8px}.primary-nav button{min-width:90px;padding:10px 15px}.primary-nav button{font-size:12px}.screen{min-height:100svh;padding:125px 24px 105px}.home{padding-left:30px}.home-copy{max-width:92vw}.hero-title{gap:12px}.hero-title b{font-size:clamp(70px,18vw,145px)}.hero-title em{font-size:clamp(30px,7vw,56px)}.home-name{margin-top:45px}.home-name b{font-size:clamp(47px,12vw,94px)}.page-title{left:98px;top:30px}.profile-layout{grid-template-columns:1fr;margin-top:40px}.portrait,.bio{min-height:auto}.portrait-placeholder{min-height:360px}.bio{min-height:500px;padding:35px}.contact{left:35px}.gallery-screen.active{justify-content:flex-start}.gallery-heading{margin-top:50px}.gallery{flex:1;min-height:360px}.card{padding:16px 10px}.card.expanded{flex:4}.next-button{bottom:17px;left:24px}}@media(max-width:560px){.primary-nav{max-width:calc(100vw - 94px)}.primary-nav button{min-width:78px;padding:8px 10px}.primary-nav button{font-size:10px}.primary-nav.closed{display:none}.eyebrow{text-align:left}.eyebrow span{display:none}.hero-title b{letter-spacing:-.16em}.home-name strong{font-size:21px}.specialty{font-size:24px}.bio>p{font-size:17px}.gallery{gap:4px;min-height:310px}.card{padding:12px 8px}.card i{font-size:20px}.card b{font-size:15px;writing-mode:vertical-rl}.card.expanded b{writing-mode:horizontal-tb}.work-modal{max-width:95vw;width:95vw}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}