@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Manrope:wght@400;500;600&family=Noto+Serif+SC:wght@400;500&display=swap";:root{font-family:Manrope,Arial,Microsoft YaHei,sans-serif;background:#07080a;color:#e3e6eb;--silver:#c2cbd9;--muted:#858b96;--line:#b7c7e024;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:1px solid #c3d8fa;outline-offset:7px}::selection{background:#bacbe0;color:#10141a}h1,h2,h3,p{margin:0}h1,h2{font-family:Cormorant Garamond,"Noto Serif SC",Georgia,serif;font-weight:400}em{font-weight:400;color:var(--silver)}p{font-size:14px;color:var(--muted);line-height:1.9}.wrap{width:88%;max-width:1700px;margin:auto}.eyebrow{font-size:9px;font-weight:500;letter-spacing:2.3px;color:#929eaf}header{position:absolute;top:0;left:6%;right:6%;height:100px;display:flex;justify-content:space-between;align-items:center;z-index:10}.brand{font-family:Cormorant Garamond,Georgia,serif;font-size:32px;letter-spacing:-3px}.brand span{font-family:Arial;font-size:10px;letter-spacing:0;vertical-align:top;display:inline-block;margin:9px 0 0 9px;color:#a6b4c9}nav{display:flex;gap:48px;font-size:10px;letter-spacing:1.5px}nav a{padding:10px 0;position:relative}nav a:after{content:"";position:absolute;bottom:0;left:0;right:100%;height:1px;background:var(--silver);transition:right .4s}nav a:hover:after{right:0}.hero{height:100svh;min-height:760px;max-height:1200px;isolation:isolate;position:relative;overflow:hidden;--retreat:0;background:#050608}.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#07080a,transparent 20%),radial-gradient(ellipse at 70% 50%,transparent 10%,#05060899 80%)}.hero-space{position:absolute;inset:0;z-index:-3;overflow:hidden;background:radial-gradient(ellipse at 68% 49%,#131a24 0,#090d12 30%,#050608 65%)}.fog{position:absolute;width:90%;height:35%;filter:blur(65px);border-radius:50%;opacity:.25;background:radial-gradient(ellipse,#8d9fb330,transparent 65%);animation:drift 22s ease-in-out infinite alternate;pointer-events:none}.fog-one{left:20%;top:35%;transform:rotate(-15deg)}.fog-two{left:10%;top:65%;animation-delay:-10s;opacity:.18}.orbit-line{position:absolute;left:48%;top:17%;width:40vw;height:40vw;border:1px solid #a5bfdf08;border-radius:50%;transform:rotate(-30deg) scaleX(.8)}.space-rune{position:absolute;color:#a1b6d52b;font-family:Georgia;font-size:25px}.rune-one{top:24%;left:56%;font-size:11px;letter-spacing:12px}.rune-two{top:72%;right:13%}.spirit-stage{position:absolute;left:40%;top:11%;width:56%;height:78%;z-index:-2;transform:translateY(calc(var(--retreat)*-45px)) scale(calc(1 - var(--retreat)*.36));opacity:calc(1 - var(--retreat)*1.25);will-change:transform,opacity;transition:opacity .1s}.spirit-canvas{width:100%;height:100%;display:block;filter:drop-shadow(0 15px 60px #a3bbdd0d)}.artifact-caption{position:absolute;bottom:6%;left:50%;transform:translate(-50%);font-size:7px;letter-spacing:2.5px;color:#536071;white-space:nowrap}.hero-content{width:88%;max-width:1700px;margin:auto;padding-top:clamp(190px,25vh,310px);pointer-events:none}.hero-content .eyebrow{font-size:8px;letter-spacing:2px;color:#89919d}.hero h1{font-size:clamp(100px,10.2vw,180px);line-height:.88;letter-spacing:-5px;margin:35px 0 30px;text-shadow:0 4px 60px #0008}.hero h1>span{display:block;font-size:.39em;letter-spacing:-1.3px;line-height:1.2;margin-top:13px;color:#abb4c1}.hero-content h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(13px,1.15vw,18px);letter-spacing:.5px;line-height:1.5;margin-bottom:16px}.hero-content h2 span{color:#788699;margin:0 3px}.hero-content p{font-size:12px;line-height:1.85;max-width:340px}.hero-actions{display:flex;gap:30px;align-items:center;margin-top:40px;pointer-events:auto;width:max-content}.enter-archive{border:1px solid #9baab756;padding:17px 21px;font-size:9px;letter-spacing:1.4px;background:#8b9db40a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .5s,border .5s}.enter-archive span{margin-left:32px;font-size:14px}.enter-archive:hover{background:#a6bcd91a;border-color:#b5c7df}.selected-link{font-size:8px;letter-spacing:1.2px;color:#8d98a7}.selected-link span{margin-left:14px}.hero-foot{position:absolute;bottom:35px;left:6%;right:6%;display:flex;align-items:end;justify-content:space-between}.hero-foot p{font-size:9px;color:#65707f;line-height:1.7}.scroll-cue{font-size:8px;letter-spacing:1.6px;display:flex;gap:20px;color:#8592a3}.hero-foot button{background:none;font-size:15px;color:#9aa6b7;padding:5px}.hero-foot button span{font-size:7px;letter-spacing:1.4px;margin-left:8px}.archive-fragments{position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.35;transition:opacity .7s;transform:translateY(calc(var(--retreat)*-100px))}.fragment{position:absolute;width:155px;background:#0d1118;border:1px solid #a2b4cc28;padding:6px;opacity:.28;transition:transform 1s,opacity .7s,filter .7s;filter:grayscale(1);box-shadow:0 15px 50px #0008}.fragment img{width:100%;height:85px;object-fit:contain;display:block}.fragment span{display:block;font-size:6px;letter-spacing:1px;color:#b1bdd0;padding:8px 2px 3px}.fragment-0{left:53%;top:18%;transform:rotate(-12deg) scale(.8)}.fragment-1{right:6%;top:34%;transform:rotate(10deg) scale(.85)}.fragment-2{right:26%;bottom:14%;transform:rotate(-6deg) scale(.65)}.is-preview .archive-fragments{opacity:1;z-index:2}.is-preview .fragment{opacity:.95;filter:grayscale(.1);transform:rotate(0) scale(1.2)}.is-preview .spirit-stage{filter:brightness(.6);transition:filter .7s}.works{position:relative;padding:90px 0 110px;background:#07080a}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section-top h2{font-size:clamp(45px,5vw,80px);letter-spacing:-2px;line-height:1.15;margin-top:18px}.section-top h2 em{color:#8794a7}.section-top p{font-size:12px}.tabs{display:flex;gap:36px;border-bottom:1px solid var(--line);margin-bottom:34px}.tabs button{background:none;padding:20px 0;font-size:10px;letter-spacing:1.8px;color:#687384;position:relative}.tabs button[aria-selected=true]{color:#d7e0ed}.tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#c4d2e5}.tabs small{font-size:7px;margin-left:9px}.tabs>span{margin-left:auto;align-self:center;font-size:7px;letter-spacing:1.6px;color:#59616e}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 30px}.project{padding:0;background:none;text-align:left;min-width:0}.project-0{grid-column:span 2;display:grid;grid-template-columns:1.6fr 1fr;column-gap:50px;align-content:center}.project-image{height:340px;position:relative;background:#0e1117;overflow:hidden;border:1px solid #a7c1e514}.project-image img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .8s,filter .8s;filter:saturate(.75)}.project:hover .project-image img{transform:scale(1.015);filter:saturate(1)}.project-0 .project-image{grid-row:span 3;height:auto;min-height:370px;aspect-ratio:1.8}.project-0 .project-meta{align-self:end;margin-top:0}.project-0 h3{align-self:center}.project-0>p{align-self:start}.project-index{position:absolute;top:15px;left:15px;background:#0b0d12cc;color:#c4ccda;font-size:8px;letter-spacing:1.5px;padding:8px 10px;border:1px solid #b6c5da20}.round-arrow{position:absolute;right:15px;bottom:15px;width:34px;height:34px;border:1px solid #c2cdd34d;border-radius:50%;display:grid;place-items:center;background:#0c1017a8;font-size:16px}.project-meta{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:1.4px;color:#8495ad;margin:20px 0 13px}.project h3{font-family:Cormorant Garamond,"Noto Serif SC",Georgia,serif;font-size:34px;line-height:1.2;font-weight:400}.project-0 h3{font-size:48px;max-width:360px}.project>p{font-size:10px;margin-top:14px}.more-row{margin-top:55px;border-block:1px solid var(--line);padding:23px 0;display:flex;align-items:center;justify-content:space-between}.more-row>span{font-size:11px;color:#747f8d}.text-button{display:inline-block;padding:10px 0;background:none;color:#b9c7d9;font-size:11px}.extra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 25px;margin-top:40px}.extra-grid img,.no-cover{width:100%;height:220px;object-fit:contain;background:#10131a}.no-cover svg{height:100%;width:100%;padding:50px;stroke:#909eaf}.extra-grid h3{font-size:15px;font-weight:400;margin:14px 0 8px}.extra-grid span{font-size:9px;color:var(--muted)}.visual-panel{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:430px}.visual-art{height:400px;background:radial-gradient(ellipse,#202632,#0d1016);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.visual-art svg{width:140px;stroke:#929fb3;stroke-width:.5}.visual-art span{font-size:9px;letter-spacing:4px;color:#8592a6}.visual-panel h3{font-family:"Noto Serif SC",serif;font-size:32px;font-weight:400;margin:20px 0}.tags{display:flex;gap:10px;margin:25px 0}.tags span{border:1px solid var(--line);padding:8px 12px;font-size:10px}.note{font-size:10px}.about{padding:110px 0;background:#0b0e13;border-block:1px solid #c6d3e511}.about-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:12%;align-items:center}.portrait{padding:30px 0;position:relative}.identity-monogram{font-family:Cormorant Garamond,Georgia,serif;font-size:210px;line-height:1.4;letter-spacing:-22px;background:linear-gradient(145deg,#eff4ff,#3c4655 75%);color:transparent;-webkit-background-clip:text;background-clip:text;position:relative}.identity-monogram span{font-size:45px;position:absolute;top:20px;right:20%;color:#526278;letter-spacing:0}.portrait>span:not(.eyebrow){font-size:9px;letter-spacing:3px;color:#929fb2}.portrait p{font-family:Cormorant Garamond,serif;font-size:24px;line-height:1.3;margin-top:25px;color:#748294}.about h2{font-size:39px;line-height:1.5;margin:20px 0}.about h2 em{font-style:normal}.about h3{font-family:Cormorant Garamond,Georgia,serif;font-size:29px;line-height:1.2;font-weight:400;color:#94a0b2}.about-copy>p{font-size:12px;margin:25px 0;line-height:2}.education{display:flex;gap:25px;padding:23px 0;border-block:1px solid var(--line);align-items:center}.education>span{font-size:9px;color:#9aaec8;white-space:nowrap}.education strong{font-size:12px;font-weight:400}.education p{font-size:9px;margin-top:5px}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:27px 0}.stats>div{display:flex;flex-direction:column;gap:8px}.stats strong{font-family:Cormorant Garamond,Georgia,serif;font-size:45px;font-weight:400}.stats strong span{font-size:22px;color:#8d9eb7}.stats>div>span{font-size:7px;letter-spacing:1px;color:#7b899c}.about-links{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#b2c1d5;padding-top:20px}.craft{padding:100px 0}.craft .section-top h2{font-size:40px;letter-spacing:0}.craft .section-top h2 em{font-style:normal}.skills{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.skills article{padding:32px 25px;border-right:1px solid var(--line)}.skills article:first-child{padding-left:0}.skills article:last-child{border:0}.skill-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.skill-top>span{font-size:28px;color:#8192aa}.skills small{font-size:7px;letter-spacing:1px;color:#6f7a8b}.skills h3{font-family:"Noto Serif SC",serif;font-size:18px;font-weight:400;margin-bottom:10px}.skills em{font-family:Cormorant Garamond,serif;font-size:23px;color:#a2aec1}.skills p{font-size:11px;margin:24px 0 30px}.contact{min-height:800px;min-height:100svh;padding:120px 6% 0;display:flex;flex-direction:column;align-items:center;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#121a26 0,#07080a 65%)}.contact-orbit{position:absolute;width:650px;height:650px;border:1px solid #b0c9ef0b;border-radius:50%;top:40px;z-index:-1}.contact>h2{font-size:clamp(65px,7.5vw,120px);line-height:.98;text-align:center;margin:40px 0 30px;letter-spacing:-2px}.contact>h2 em{color:#9eacc2}.contact>p{font-size:12px;letter-spacing:2px}.email{font-family:Cormorant Garamond,Georgia,serif;font-size:31px;margin-top:40px;border-bottom:1px solid var(--line);padding:12px 0}.email span{margin-left:25px;color:#91a4c1}.copy{background:none;font-size:10px;color:#8290a5;padding:15px}.contact-bottom{margin-top:auto;padding:75px 0 35px;width:100%;max-width:1700px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px}.contact-bottom small{display:block;font-size:7px;color:#6c7a8e;margin-top:10px}footer{width:100%;max-width:1700px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0;font-size:7px;letter-spacing:1px;color:#536175}dialog{padding:0;width:90%;max-width:850px;max-height:90svh;background:#10151e;color:#e3e9f3;border:1px solid #8695aa59;box-shadow:0 20px 90px #000b}dialog::backdrop{background:#03060bee;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}dialog>img{width:100%;height:340px;object-fit:contain;background:#080b10}.close{position:absolute;right:14px;top:14px;z-index:2;background:#090e17e8;border:1px solid #b6c2d94d;color:#fff;font-size:27px;width:40px;height:40px}.dialog-body{padding:35px}.dialog-body h2{font-size:40px;margin:15px 0}.dialog-body h3{font-size:17px;font-weight:400;margin:16px 0}.dialog-body p{margin-bottom:20px}.dialog-body ul{padding-left:18px;color:#9eacc2;font-size:13px;line-height:2}.gold-button{display:inline-block;border:1px solid #c6d5ec55;padding:15px 20px;margin-top:15px;font-size:11px;color:#c2d1e8;background:#adc7ed0a}.gold-button:hover{background:#adc7ed1a}.still *{animation:none!important}.still .spirit-stage,.still .archive-fragments{transform:none}.still .fragment{transition:none}@keyframes drift{to{transform:translate(8%,-15%) rotate(5deg)}}@media(min-width:1900px){header{left:max(6%,calc((100vw - 1700px)/2));right:max(6%,calc((100vw - 1700px)/2))}}@media(max-width:1050px){.hero h1{font-size:110px}.hero-content{padding-top:230px}.spirit-stage{left:37%;width:65%;top:15%;height:70%}.hero-actions{gap:20px}.fragment{width:125px}.fragment img{height:70px}.fragment-0{left:60%}.project-0{gap:30px;grid-template-columns:1.4fr 1fr}.project-0 h3{font-size:37px}.project-0 .project-image{min-height:300px}.project-image{height:280px}.about-grid{gap:6%}.identity-monogram{font-size:170px}.skills{grid-template-columns:1fr 1fr}.skills article:nth-child(2){border-right:0}.skills article:nth-child(-n+2){border-bottom:1px solid var(--line)}.skills article:nth-child(3){padding-left:0}}@media(max-width:650px){header{height:80px;left:7%;right:7%}.brand{font-size:29px}nav{gap:22px;font-size:8px;letter-spacing:1px}.hero{height:940px;min-height:100svh;max-height:none}.hero-content{width:86%;padding-top:140px}.hero-content .eyebrow{font-size:6px;letter-spacing:1.6px}.hero h1{font-size:100px;margin:25px 0 20px;letter-spacing:-4px}.hero h1>span{font-size:37px;letter-spacing:-1px;margin-top:8px}.hero-content h2{font-size:12px}.hero-content p{font-size:11px;max-width:290px}.hero-actions{gap:20px;margin-top:26px}.enter-archive{font-size:8px;padding:14px}.enter-archive span{margin-left:17px}.selected-link{font-size:7px;letter-spacing:.7px}.selected-link span{margin-left:5px}.spirit-stage{left:9%;top:43%;height:46%;width:82%}.artifact-caption{bottom:0;font-size:6px;letter-spacing:2px}.hero-foot{bottom:26px;left:7%;right:7%}.hero-foot p{font-size:7px;max-width:180px}.scroll-cue{display:none}.hero-foot button span{font-size:6px}.hero-space{background:radial-gradient(ellipse at 50% 65%,#131b27 0,#080c12 32%,#050608 65%)}.fog-one{top:55%}.fragment{width:95px}.fragment img{height:50px}.fragment span{font-size:5px;letter-spacing:0}.fragment-0{left:4%;top:52%}.fragment-1{right:4%;top:64%}.fragment-2{right:61%;bottom:15%}.is-preview .fragment{transform:scale(1.08)}.orbit-line{left:12%;top:46%;width:80vw;height:80vw}.rune-one{top:49%;left:85%}.rune-two{top:81%;right:80%}.wrap{width:86%}.works,.craft{padding:70px 0}.section-top{display:block}.section-top h2{font-size:48px}.section-top p{font-size:11px;margin-top:20px}.tabs{gap:26px}.tabs button{font-size:8px;letter-spacing:1px}.tabs small{font-size:6px;margin-left:4px}.tabs>span{display:none}.project-grid{grid-template-columns:1fr;gap:35px}.project-0{display:block;grid-column:auto}.project-image,.project-0 .project-image{height:auto;aspect-ratio:1.55;min-height:0}.project-0 h3,.project h3{font-size:31px;max-width:none}.project-0 .project-meta{margin-top:20px}.project-meta{font-size:7px;letter-spacing:1px}.project>p{font-size:9px}.more-row{gap:20px;margin-top:35px}.more-row>span{font-size:9px;max-width:150px;line-height:1.7}.text-button{font-size:10px}.extra-grid{grid-template-columns:1fr 1fr;gap:25px 15px}.extra-grid img,.no-cover{height:130px}.extra-grid h3{font-size:12px}.extra-grid span{font-size:8px}.about{padding:65px 0}.about-grid{grid-template-columns:1fr;gap:50px}.portrait{border-bottom:1px solid var(--line);padding-bottom:35px}.portrait>.eyebrow{font-size:7px}.identity-monogram{font-size:170px;line-height:1.2}.identity-monogram span{right:25%}.portrait p{font-size:23px}.about h2{font-size:31px}.education{gap:18px}.education>span{font-size:7px}.education strong{font-size:10px}.education p{font-size:8px}.stats>div>span{font-size:6px;letter-spacing:0}.about-links{flex-wrap:wrap;gap:20px}.craft .section-top h2{font-size:30px}.skills article{padding:25px 15px}.skills h3{font-size:15px}.skills em{font-size:19px}.skills p{font-size:10px}.skills small{font-size:6px;letter-spacing:.3px}.visual-panel{grid-template-columns:1fr;gap:30px}.visual-art{height:270px}.contact{padding:100px 7% 0;min-height:820px}.contact>.eyebrow{font-size:7px;letter-spacing:2px}.contact>h2{font-size:60px;letter-spacing:-1px}.contact>p{font-size:10px;letter-spacing:1px}.email{font-size:23px}.email span{margin-left:10px}.contact-bottom{display:grid;grid-template-columns:1fr 1fr;gap:25px;font-size:8px;padding-top:60px}.contact-bottom>span{grid-column:span 2}footer{font-size:6px;line-height:1.8;gap:20px}.dialog-body{padding:23px}.dialog-body h2{font-size:31px}dialog>img{height:250px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.spirit-stage{transform:none!important;opacity:1!important}}.spirit-canvas{opacity:.75}.spirit-stage{top:14%;height:72%}@media(max-width:650px){.spirit-stage{top:45%;height:42%}}.spirit-stage{left:40%;top:12%;width:60%;height:81%;mix-blend-mode:screen}.spirit-illustration{position:relative;width:100%;height:100%;--spirit-x:0px;--spirit-y:0px;isolation:isolate}.spirit-art{position:absolute;width:100%;height:100%;object-fit:contain;transform:translate(var(--spirit-x),var(--spirit-y));filter:brightness(.82) saturate(.72);-webkit-mask-image:radial-gradient(ellipse at 53% 46%,#000 32%,#000d 51%,transparent 73%);mask-image:radial-gradient(ellipse at 53% 46%,#000 32%,#000d 51%,transparent 73%);transition:filter 1s;will-change:transform}.spirit-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse,#000 20%,transparent 73%);mask-image:radial-gradient(ellipse,#000 20%,transparent 73%)}.lunar-haze{position:absolute;inset:15% 18%;border-radius:50%;background:radial-gradient(ellipse,#87a7df12,transparent 65%);filter:blur(28px);animation:lunar-breath 12s ease-in-out infinite alternate}.artifact-caption{bottom:3%;color:#65758c;font-size:6px}.hero-space{background:radial-gradient(ellipse at 71% 54%,#111725 0,#080c14 32%,#050608 67%)}.fog-one{background:radial-gradient(ellipse,#90a9da35,transparent 67%);opacity:.3;top:53%;height:24%;width:85%;left:25%;filter:blur(45px)}.fog-two{background:radial-gradient(ellipse,#797cae20,transparent 65%);top:27%;opacity:.23}.orbit-line{opacity:.4}.space-rune{opacity:.5}.archive-fragments{opacity:.17}.is-preview .archive-fragments{opacity:1}.is-preview .spirit-stage{filter:brightness(.7)}.hero h1{color:#e4e7f1}.hero h1>span{color:#abb6cb}.contact{background:radial-gradient(ellipse at 50% 60%,#131927 0,#07080a 65%)}@keyframes lunar-breath{to{opacity:.4;transform:scale(1.09) translateY(-12px)}}@media(max-width:1050px)and (min-width:651px){.spirit-stage{left:40%;width:66%;top:18%;height:72%}.spirit-art{filter:brightness(.7) saturate(.72)}}@media(max-width:650px){.spirit-stage{left:0%;top:44%;width:100%;height:48%}.spirit-art{filter:brightness(.9) saturate(.72)}.artifact-caption{bottom:3%}.hero-space{background:radial-gradient(ellipse at 58% 68%,#141b2b 0,#080c14 32%,#050608 66%)}}@media(prefers-reduced-motion:reduce){.spirit-art{transform:none!important}}