.asset-lines{z-index:-1}.asset-lines .line-art{display:block;mix-blend-mode:screen;opacity:.94;position:absolute;transform-origin:center;user-select:none}.asset-lines .line-1{right:-5vw;top:15vh;width:min(44vw,760px);animation:float-right 18s ease-in-out infinite}.asset-lines .line-2{bottom:-4vh;left:-3vw;width:min(29vw,510px);animation:float-left 16s -3s ease-in-out infinite}.asset-lines .line-3{left:-5vw;top:12vh;width:min(36vw,630px);animation:float-left 21s -8s ease-in-out infinite}.asset-lines .line-4{bottom:-5vh;right:-3vw;width:min(39vw,700px);animation:float-right 20s -5s ease-in-out infinite}
.site-header{align-items:flex-start;justify-content:space-between;left:clamp(20px,2.5vw,52px);right:clamp(22px,3vw,60px);top:clamp(18px,3.6vh,47px)}.nav-control{align-items:flex-start;display:flex;gap:clamp(13px,1.8vw,34px);min-height:clamp(74px,7.5vw,122px)}.asset-gear{background:transparent;border:0;cursor:pointer;height:clamp(74px,7.5vw,122px);padding:0;transition:filter .25s,transform .25s;width:clamp(74px,7.5vw,122px)}.asset-gear img{display:block;height:100%;object-fit:contain;width:100%}.asset-gear:hover,.asset-gear:focus-visible{filter:drop-shadow(0 0 13px #64cfff) drop-shadow(0 0 22px #895bff);outline:0;transform:rotate(-8deg) scale(1.07)}.asset-gear:active{transform:scale(.92)}.hover-nav{max-width:1010px;opacity:0;pointer-events:none;transform:translateX(-24px) scale(.94);transform-origin:left;transition:opacity .35s ease,transform .46s cubic-bezier(.16,1,.3,1)}.nav-control.menu-open .hover-nav{opacity:1;pointer-events:auto;transform:translateX(0) scale(1)}.primary-nav button,.next-button,.home-button,.language-toggle{background:linear-gradient(105deg,#7d48f1,#9075f1 48%,#6bd7dd);border:2px solid transparent;border-radius:99px;box-shadow:0 8px 0 #1d1945,0 16px 26px #4531aa55,inset 2px 3px 5px #ffffff44;cursor:pointer;position:relative;text-shadow:0 2px 8px #0005;transition:box-shadow .25s,filter .25s,transform .25s}.primary-nav button{min-width:clamp(105px,10vw,194px);padding:clamp(11px,1.2vw,22px) clamp(18px,2.2vw,43px);transform:perspective(420px) rotateX(5deg)}.primary-nav button span{font-family:var(--display);font-size:clamp(14px,1.25vw,23px);letter-spacing:.08em;white-space:nowrap}.primary-nav button:hover,.primary-nav button:focus-visible,.next-button:hover,.next-button:focus-visible,.home-button:hover,.home-button:focus-visible,.language-toggle:hover,.language-toggle:focus-visible{background:linear-gradient(105deg,#7d48f1,#9075f1 48%,#6bd7dd) padding-box,linear-gradient(92deg,#59dfff,#8f5cff,#54b8ff) border-box;box-shadow:0 0 0 2px #72d7ff77,0 0 20px #58bfff99,0 0 34px #8b5eff77,0 8px 0 #1d1945;filter:brightness(1.14);outline:0}.primary-nav button:hover,.primary-nav button:focus-visible{transform:perspective(420px) rotateX(3deg) translateY(-4px)}.primary-nav button:active,.primary-nav button.current{box-shadow:0 2px 0 #1d1945,0 0 17px #7b65ff99,inset 4px 5px 8px #120a3e55;transform:perspective(420px) rotateX(2deg) translateY(6px) scale(.985)}.language-toggle{background:#0b1024b8;border-radius:50%;box-shadow:inset 0 0 0 1px #77d4ff77,0 0 19px #7652ff55;font-family:var(--display);font-size:clamp(12px,1vw,17px);height:clamp(44px,4vw,62px);letter-spacing:.08em;padding:0;text-shadow:none;width:clamp(44px,4vw,62px)}
.screen{display:none;min-height:100vh;opacity:0;padding:clamp(140px,17vh,210px) clamp(30px,8vw,175px) clamp(115px,14vh,145px);position:relative}.screen.active{animation:enter-from-bottom 1.05s cubic-bezier(.16,1,.3,1) both;display:block;opacity:1}.screen.active.enter-up{animation-name:enter-from-top}.home{align-items:center;justify-content:flex-start;padding-left:clamp(50px,8.8vw,176px)}.home.active{display:flex}.home-art-copy{height:min(69vh,760px);max-width:none;position:relative;width:min(82vw,1410px)}.title-art-window{height:100%;overflow:hidden;position:relative;width:100%}.home-title-art{display:block;mix-blend-mode:screen;transform:translateY(-2%);width:100%}.home-title-english{display:none;padding-top:13vh}.home-title-english b{display:block;font-family:var(--display);font-size:clamp(75px,10vw,190px);font-style:italic;letter-spacing:-.08em;text-shadow:2px 7px #9acfff,5px 12px #426a9a,9px 18px #1b354d}.home-title-english strong{background:linear-gradient(130deg,#57c3ff,#8a59ff 70%);background-clip:text;color:transparent;display:block;font-family:var(--display);font-size:clamp(41px,5.2vw,101px);letter-spacing:-.08em;margin-top:clamp(35px,5vh,80px);text-shadow:4px 7px #30186a}.home-title-english span{display:block;font-family:var(--display);font-size:clamp(23px,3vw,59px);letter-spacing:.06em;margin-top:13px}body[data-language="en"] .home-title-art{display:none}body[data-language="en"] .home-title-english{display:block}
.page-title{left:clamp(150px,12.7vw,255px);top:clamp(55px,5.4vh,88px)}.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(30px,3.5vh,62px)}.portrait,.bio{border-radius:clamp(29px,2.8vw,56px);min-height:min(69vh,785px);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)}.asset-portrait img{border-radius:clamp(19px,2vw,43px);display:block;height:100%;min-height:min(66vh,750px);object-fit:cover;object-position:70% center;width:100%}.bio{background:linear-gradient(108deg,#562eaded,#4d73b8e6 55%,#60d2d5c7);box-shadow:-10px 0 #35196f,-21px 0 #391c7277,0 28px 50px #100f2d44;padding:clamp(34px,3.4vw,64px)}.bio>p{font-family:var(--brush);font-size:clamp(17px,1.75vw,35px);letter-spacing:.03em;line-height:1.45;margin:0 0 .1em;position:relative;z-index:1}.bio h3{font-family:var(--display);font-size:clamp(17px,1.7vw,31px);letter-spacing:.08em;margin:clamp(20px,2vh,30px) 0 10px;position:relative;z-index:1}.bio ul{font-size:clamp(12px,1.05vw,19px);line-height:1.65;margin:0;padding-left:1.3em;position:relative;z-index:1}.bio .bio-intro{margin-top:clamp(20px,2.5vh,38px)}.bio hr{background:#fff;block-size:1px;border:0;margin-top:clamp(20px,2.7vh,40px);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%}
.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 .72s cubic-bezier(.22,.75,.22,1),filter .36s,transform .36s}.card:before{background:linear-gradient(180deg,#fff7,transparent 29%,#0003),var(--art);content:"";inset:0;position:absolute;transition:transform .8s}.card:after{border:2px solid transparent;border-radius:4px;content:"";inset:10px;opacity:0;position:absolute;transition:opacity .35s}.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 .4s .12s;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 .3s .12s,transform .36s .11s}.gallery.expanded .card:not(.expanded){filter:brightness(.65) saturate(.65);flex:.34}.card.expanded{filter:saturate(1.08) brightness(1.04);flex:5;outline:0}.card.expanded:before{transform:scale(1.07)}.card.expanded:after{border-image:linear-gradient(120deg,#69dfff,#8a61ff,#4ebdff) 1;box-shadow:0 0 23px #62c5ff77,0 0 42px #835dff88;opacity:1}.card.expanded b,.card.expanded small{opacity:1;transform:translateY(0)}.card:active{filter:brightness(.9);transform:scale(.99)}
.contact-screen.active{align-items:center;display:flex;justify-content:center}.contact-stage{background:linear-gradient(125deg,#141a43e6,#392171d9 52%,#134e70d6);border:2px solid #7f73ff88;border-radius:clamp(35px,4vw,70px);box-shadow:0 0 48px #5baeff44,inset 0 0 50px #7b58ff22;max-width:min(1100px,80vw);padding:clamp(45px,6vw,110px);text-align:center;width:100%}.contact-stage>p{color:#82cbff;font-family:var(--display);font-size:clamp(13px,1.3vw,22px);letter-spacing:.25em;margin:0}.contact-stage h2{font-family:var(--display);font-size:clamp(48px,6.8vw,128px);letter-spacing:.04em;margin:12px 0 clamp(35px,4.5vh,70px);text-shadow:4px 7px #294c78}.contact-detail{align-items:baseline;display:flex;gap:26px;justify-content:center;margin:16px 0}.contact-detail small{color:#98d7ff;font-family:var(--display);font-size:clamp(13px,1.2vw,20px);letter-spacing:.1em}.contact-detail a{font-family:var(--brush);font-size:clamp(26px,3vw,57px);font-style:italic;text-decoration:none;transition:color .2s,text-shadow .2s}.contact-detail a:hover{color:#9fceff;text-shadow:0 0 17px #8b5eff}
.next-button,.home-button{align-items:center;background:#0b1024c9;bottom:clamp(63px,7vh,95px);display:flex;gap:12px;max-width:min(390px,48vw);padding:11px 17px;position:absolute;text-align:left;z-index:12}.next-button{right:clamp(24px,3vw,63px)}.home-button{left:clamp(24px,3vw,63px)}.home-button.is-hidden{opacity:0;pointer-events:none;transform:translateY(15px)}.next-button small,.home-button small{color:#78c2ff;font-size:10px;letter-spacing:.18em;position:absolute;top:7px}.next-button span,.home-button span{font-family:var(--display);font-size:clamp(13px,1vw,18px);margin-top:14px}.next-button b,.home-button b{color:var(--cyan);font-size:23px;margin-left:auto;margin-top:12px}.site-signature{bottom:clamp(15px,2.4vh,35px);color:#66b8ff;font-family:var(--brush);font-size:clamp(11px,1.1vw,20px);letter-spacing:.1em;margin:0;position:absolute;right:clamp(24px,3vw,63px);z-index:12}
.screen.active{animation:enter-from-bottom 1.05s cubic-bezier(.16,1,.3,1) both}.screen.active.enter-up{animation-name:enter-from-top}.active .reveal{animation:enter-up .9s both cubic-bezier(.16,1,.3,1)}.active .reveal:nth-child(2){animation-delay:.15s}.active .reveal:nth-child(3){animation-delay:.3s}@keyframes enter-from-bottom{from{filter:blur(12px);opacity:0;transform:translateY(88px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}@keyframes enter-from-top{from{filter:blur(12px);opacity:0;transform:translateY(-88px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}@keyframes enter-up{from{filter:blur(8px);opacity:0;transform:translateY(42px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}@keyframes float-right{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(-1.5vw,-1.5vh,0) rotate(-1.2deg)}}@keyframes float-left{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(1.4vw,1.6vh,0) rotate(1.2deg)}}
@media(max-width:920px){.site-header{left:16px;right:16px;top:14px}.nav-control{gap:8px}.asset-gear{flex:0 0 65px;height:65px;width:65px}.hover-nav{gap:7px;max-width:calc(100vw - 145px)}.primary-nav button{min-width:88px;padding:10px 14px}.primary-nav button span{font-size:11px}.screen{min-height:100svh;padding:122px 24px 118px}.home{padding-left:24px}.home-art-copy{height:61vh;width:95vw}.page-title{left:92px;top:28px}.profile-layout{grid-template-columns:1fr;margin-top:38px}.portrait,.bio{min-height:auto}.asset-portrait img{min-height:360px}.bio{padding:32px}.contact-stage{max-width:92vw}.gallery-screen.active{justify-content:flex-start}.gallery-heading{margin-top:47px}.gallery{flex:1;min-height:360px}.card{padding:16px 10px}.card.expanded{flex:4}.next-button{bottom:60px;right:24px}.home-button{bottom:60px;left:24px}.site-signature{bottom:18px;right:24px}.asset-lines .line-1{right:-17vw;width:60vw}.asset-lines .line-2{bottom:-8vh;width:42vw}.asset-lines .line-3{left:-17vw;width:50vw}.asset-lines .line-4{bottom:-9vh;right:-13vw;width:58vw}}@media(max-width:560px){.hover-nav{max-width:calc(100vw - 94px)}.primary-nav button{min-width:76px;padding:8px 10px}.primary-nav button span{font-size:10px}.home-art-copy{height:54vh}.home-title-art{width:137%;transform:translate(-9%,-1%)}.home-title-english{padding-top:11vh}.home-title-english b{font-size:18vw}.home-title-english strong{font-size:11vw;margin-top:6vh}.home-title-english span{font-size:5vw}.bio>p{font-size:16px}.bio ul{font-size:12px}.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}.next-button,.home-button{max-width:44vw}.next-button span,.home-button span{font-size:11px}.site-signature{font-size:10px}.contact-detail{align-items:center;flex-direction:column;gap:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}