:root{font-family:Inter,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;color:#eeeff4;background:#050609;font-synthesis:none;font-weight:400;--muted:#82858e;--line:#ffffff20;--accent:#a5baff;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:60px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}button{border:0;background:none}::selection{background:#597fc2;color:#fff}.skip{position:fixed;top:-80px;left:20px;z-index:20;background:#fff;color:#000;padding:15px}.skip:focus{top:10px}.atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 35% 56%,#0b1730 0,transparent 55%),#050609}#fluid{width:100%;height:100%;display:block;opacity:1;transition:opacity 1s}.shade{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 20%,#03050a1a 100%)}body.static #fluid{opacity:0}.header{position:absolute;top:0;left:0;right:0;padding:35px 4.3%;display:flex;justify-content:space-between;align-items:center;z-index:3}.wordmark{font-size:28px;font-weight:800;letter-spacing:-2px}.wordmark span{display:inline-block;font-size:16px;margin-left:3px;vertical-align:top}.header-note{font-size:9px;letter-spacing:2px;color:#b2b5bf;display:flex;align-items:center;gap:16px}.status-dot{width:5px;height:5px;background:#a9bdff;border-radius:50%;box-shadow:0 0 10px #829eed70}.hero{height:100vh;height:100svh;min-height:620px;position:relative}.identity{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.identity h1{margin:0;font-size:clamp(65px,10.4vw,156px);font-weight:750;letter-spacing:.105em;padding-left:.105em;line-height:1;text-shadow:0 3px 40px #03050a60;animation:appear 1.8s both .1s}.interaction-hint{position:absolute;bottom:145px;left:4.3%;color:#8f94a3;font-size:9px;letter-spacing:1.5px}.interaction-hint{display:flex;align-items:center;gap:15px;line-height:1.9}.interaction-hint small{font-size:10px;letter-spacing:2px;color:#5f6674}.crosshair{font-size:28px;font-weight:200;color:#aab8d4}.navigation{position:absolute;bottom:0;left:4.3%;right:4.3%;height:100px;border-top:1px solid var(--line);display:flex;justify-content:center;align-items:center;gap:7vw}.navigation a{font-size:11px;letter-spacing:2.4px;padding:20px 0;position:relative;color:#bdc0ca;transition:color .25s}.navigation a span{font-size:8px;letter-spacing:0;color:#5b6272;margin-left:9px;vertical-align:super}.navigation a:after{content:"";position:absolute;bottom:10px;left:0;width:0;height:1px;background:#c9d4f5;transition:width .3s}.navigation a:hover{color:#fff}.navigation a:hover:after{width:calc(100% - 20px)}.content{background:#080a0ff5;border-top:1px solid #ffffff08}.section{max-width:1200px;margin:auto;padding:95px 44px 110px;scroll-margin-top:0}.section+.section{border-top:1px solid var(--line)}.section-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#8b919d;margin-bottom:70px}.section-label span:last-child{color:#535a68}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:13%}h2{font-size:clamp(32px,4vw,53px);font-weight:450;line-height:1.55;letter-spacing:-1.5px;margin:0}h2 em{font-style:normal;color:#6e7482}.about p{color:#8b919e;line-height:2.2;font-size:14px}.about p.lead{color:#d6d8df;font-size:18px;margin-top:4px;line-height:1.9}.interests{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px}.interests span{font-size:8px;letter-spacing:1px;color:#9aa5bb}.placeholder-note{font-size:10px!important;color:#626a79!important}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px;gap:30px}.section-heading>p{font-size:12px;line-height:2;color:#7e8593}.note-row{width:100%;display:grid;grid-template-columns:135px 1fr 30px;align-items:center;text-align:left;border-top:1px solid var(--line);padding:30px 0;gap:15px;transition:padding .3s,background .3s}.note-row:last-child{border-bottom:1px solid var(--line)}.note-row:hover{padding-left:15px;background:#ffffff03}.note-date{font-family:monospace;color:#6e7787;font-size:11px}.note-row h3{font-size:19px;font-weight:450;margin:0 0 9px}.note-row p{font-size:12px;line-height:1.8;color:#767f90;margin:0}.note-arrow{font-size:23px;color:#a3b2d4}.gallery-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:22px;align-items:start}.gallery-item{padding:0;display:block;width:100%;text-align:left}.gallery-item:nth-child(2){margin-top:65px}.gallery-item:nth-child(3){margin-top:120px}.gallery-image{overflow:hidden;background:#151c28;aspect-ratio:4/5}.gallery-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s,filter .8s;filter:saturate(.75)}.gallery-item:hover img{transform:scale(1.035);filter:saturate(1)}.gallery-caption{margin-top:17px;display:flex;justify-content:space-between;gap:10px}.gallery-caption strong{font-size:12px;font-weight:400}.gallery-caption span{font-size:8px;letter-spacing:.8px;color:#727d90}.links-layout{display:grid;grid-template-columns:1fr 1fr;gap:13%}.external-link{display:flex;justify-content:space-between;align-items:center;padding:23px 0;border-bottom:1px solid var(--line)}.external-link:first-child{padding-top:8px}.external-link strong{font-size:22px;font-weight:400}.external-link small{display:block;font-size:10px;margin-top:9px;color:#778191}.external-link>span{font-size:25px;color:#9faecb;transition:transform .3s}.external-link:hover>span{transform:translate(3px,-3px)}footer{border-top:1px solid var(--line);padding:30px 4.3%;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:8px;letter-spacing:1px;color:#646d7d}footer>a:first-child{font-size:19px;color:#e4e7ed;font-weight:650}footer>a span{font-size:8px;font-weight:400;color:#788294;margin-left:24px}dialog{background:#0d111b;color:#dde2ef;border:1px solid #ffffff20;padding:0;max-height:90svh;max-width:min(800px,94vw);width:800px;overscroll-behavior:contain}dialog::backdrop{background:#02040be8;backdrop-filter:blur(12px)}.close{position:absolute;top:14px;right:18px;font-size:30px;color:#a8b3c7;z-index:2;padding:5px 10px}.reader-inner{padding:70px 65px}.eyebrow{font-size:10px;letter-spacing:1px;color:#8d9cb5}.reader-inner h2{font-size:32px;margin:25px 0 35px}.reader-inner p{line-height:2.2;font-size:15px;color:#99a5ba}.reader-inner .eyebrow{font-size:10px}#lightbox{width:min(1100px,94vw);background:#080d16}#lightbox-image{display:block;width:100%;height:72svh;object-fit:contain}.lightbox-bottom{display:flex;justify-content:space-between;align-items:center;padding:5px 25px}.lightbox-bottom p{font-size:12px;color:#99a5ba}.lightbox-bottom button{font-size:25px;padding:15px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}body.dialog-open{overflow:hidden}@keyframes appear{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.header{padding:25px 7%}.hero{min-height:360px}.identity h1{font-size:min(14.95vw,90px)}.interaction-hint{font-size:8px;gap:8px}.crosshair{font-size:21px}.interaction-hint small{font-size:8px}.navigation{left:7%;right:7%;height:85px;gap:0;justify-content:space-between}.navigation a{font-size:9px;letter-spacing:1px}.navigation a span{margin-left:4px;font-size:7px}.section{padding:65px 7% 75px}.section-label{margin-bottom:43px;font-size:8px;letter-spacing:1px}.section-label span:last-child{display:none}.about-layout,.links-layout{grid-template-columns:1fr;gap:30px}.about p.lead{font-size:17px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px}.note-row{grid-template-columns:1fr 24px;gap:10px;padding:25px 0}.note-date{grid-column:1/-1;font-size:10px}.note-row h3{font-size:17px}.note-row p{font-size:11px}.gallery-grid{grid-template-columns:1fr;gap:35px}.gallery-item:nth-child(n){margin-top:0}.gallery-image{aspect-ratio:5/4}.gallery-caption span{font-size:8px}footer{padding:30px 7%;flex-wrap:wrap;font-size:7px}footer>a:first-child{width:100%;display:flex;justify-content:space-between}footer p{margin:0}.reader-inner{padding:60px 25px 35px}.reader-inner h2{font-size:25px}.reader-inner p{font-size:14px}#lightbox-image{height:65svh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}.hero{user-select:none;-webkit-user-select:none}@media(max-width:768px){:root{--edge-left: max(7%, env(safe-area-inset-left, 0px));--edge-right: max(7%, env(safe-area-inset-right, 0px));--safe-bottom: env(safe-area-inset-bottom, 0px)}.header{padding-top:max(25px,env(safe-area-inset-top,0px));padding-inline:var(--edge-left) var(--edge-right)}.header-note{min-height:44px;gap:10px}.wordmark{min-width:44px;min-height:44px;align-content:center}.identity h1{white-space:nowrap}.interaction-hint{left:var(--edge-left);bottom:calc(116px + var(--safe-bottom));bottom:calc(clamp(98px,15svh,116px) + var(--safe-bottom))}.navigation{left:var(--edge-left);right:var(--edge-right);bottom:var(--safe-bottom)}.navigation a{min-width:44px;min-height:44px;text-align:center}.section{padding-inline:var(--edge-left) var(--edge-right)}footer{padding-inline:var(--edge-left) var(--edge-right);padding-bottom:calc(30px + var(--safe-bottom))}dialog{--dialog-top: max(12px, env(safe-area-inset-top, 0px));--dialog-bottom: max(12px, var(--safe-bottom));max-height:calc(100vh - var(--dialog-top) - var(--dialog-bottom));max-height:calc(100dvh - var(--dialog-top) - var(--dialog-bottom));inset-block:var(--dialog-top) var(--dialog-bottom);margin:auto;max-width:calc(100% - max(12px,env(safe-area-inset-left,0px)) - max(12px,env(safe-area-inset-right,0px)))}.close,.lightbox-bottom button{min-width:44px;min-height:44px}#lightbox-image{height:65vh;height:65dvh}}