:root{--accent:#b9c9d2;--bg:#191c1f;--line:#3e3e3e}header{position:fixed;top:0;width:100%;background:transparent;border:0;backdrop-filter:none;height:90px;transition:background .3s}header.scrolled{background:#191c1fed;backdrop-filter:blur(16px)}.brand{font-style:italic;color:var(--accent);font-size:40px}.brand>span{color:#f2f1ed;font-style:normal}.header-actions{display:flex;align-items:center;gap:12px}.contact-link{background:var(--accent);color:#191c1f;padding:15px 18px;border-radius:5px;font-weight:800;font-size:12px}.menu-toggle{width:48px;height:48px;border:1px solid #cdcdcd;border-radius:5px;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}.menu-toggle>span{display:block;width:20px;height:2px;background:var(--text);transition:transform .3s}.menu-toggle>span:last-child{width:13px;margin-left:7px}.menu-toggle:hover>span:first-child{transform:translateX(3px)}.cinematic{position:relative;min-height:850px;height:100svh;max-height:1250px;max-width:none;padding:125px 5% 0;overflow:hidden;background:#111315;isolation:isolate}.orbit-scene{position:absolute;inset:0;z-index:-1;--mx:68%;--my:48%}.orbit-scene img{position:absolute;right:-8%;top:-30%;width:88%;height:160%;object-fit:cover;object-position:center;transform:translateY(var(--shift,0px)) scale(1.02);will-change:transform}.orbit-base{filter:grayscale(.7) brightness(.8)}.orbit-color{clip-path:circle(24% at var(--mx) var(--my));filter:brightness(1.15)}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#111315cc 0%,#11131540 48%,transparent 75%),linear-gradient(0deg,#111315 0%,transparent 30%)}.hero-top{position:relative;color:#c0c0c0}.hero-name{margin-top:50px;position:relative;max-width:80%;width:900px}.hero-name h1{font-size:clamp(120px,15.2vw,260px);line-height:.87;letter-spacing:-.07em;font-weight:500}.name-serif{display:block;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;color:#f4f3ef;letter-spacing:-.055em}.name-solid{display:block;font-family:Arial,sans-serif;font-weight:900;color:var(--accent);position:relative}.name-star{font-size:.29em;letter-spacing:0;vertical-align:top;margin:14px 0 0 20px;display:inline-block;animation:rotate 24s linear infinite}.hero-bio{display:flex;gap:25px;align-items:center;margin-top:35px}.name-cn{font-size:28px;letter-spacing:4px}.hero-bio p{font-size:13px;line-height:1.9;color:#c6c6c6;border-left:1px solid #868686;padding-left:25px;margin:0}.hero-foot{position:absolute;left:5%;right:5%;bottom:0;padding:30px 0;border-top:1px solid #7e7e7e60;font-size:11px;letter-spacing:1px}.hero-foot a{color:var(--text)}.orbit-note{position:absolute;right:5%;bottom:150px;width:220px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.orbit-note>span:first-child{font-family:Georgia,serif;font-style:italic;font-size:29px;line-height:1.1;color:var(--accent)}.note-arrow{width:54px;height:54px;border:1px solid #a4a4a4;border-radius:50%;display:grid;place-items:center;font-size:25px;transition:background .3s,color .3s,transform .3s}.orbit-note:hover .note-arrow{background:var(--accent);color:#181818;transform:rotate(45deg)}.orbit-note small{width:100%;font-size:12px;color:#cacaca;letter-spacing:2px;margin-top:15px}.ticker{overflow:hidden;background:var(--accent);color:#181818;padding:20px 0;transform:rotate(-2deg) scale(1.01);position:relative;z-index:2;margin:-15px 0 15px}.ticker>div{white-space:nowrap;font-family:Arial,sans-serif;font-size:40px;letter-spacing:-2px;font-weight:800;animation:ticker 28s linear infinite;width:max-content}.ticker span{font-family:Georgia,serif;font-style:italic;font-weight:400;margin:0 20px}.about{background:#f1f0ec;color:#212121;border:0;padding-top:115px;padding-bottom:110px;margin-top:-20px}.about .section-label{color:#5d5d5d}.about .section-label>span:first-child:before{color:#444444}.about h2{font-weight:700}.about h2 span{color:#7c7c7c}.about p{color:#575757}.about .tags span{color:#454545;border-color:#c9c9c9}.work{padding-top:110px}.section-title h2{font-size:clamp(40px,5vw,82px);line-height:1.2}.section-title h2 em{color:var(--accent)}.cover-brand{background:var(--accent)}.cover-ui{background:#e4e5e3;color:#303030}.cover-ui .type-art{font-family:Georgia,serif;font-style:italic;font-weight:400}.cover-game{background-color:#2c3237}.photo-section{background:#b9c9d2;color:#222222;position:relative;overflow:hidden}.photo-section .section-label{color:#565656}.photo-section .section-label>span:first-child:before{color:#303030}.photo-section h2 em{color:#676767}.photo-section p{color:#3e3e3e}.photo-section .text-link{border-color:#222222}.contact{border-radius:0;margin:0;padding:65px 5% 32px}.contact-heading{font-weight:800}.journey{padding-block:110px}#full-menu{max-width:none;max-height:none;width:100%;height:100svh;margin:0;border:0;border-radius:0;background:#b9c9d2;color:#1d1d1d;padding:9vh 8%;overflow:auto}#full-menu::backdrop{background:#b9c9d2}.menu-close{position:absolute;right:5%;top:25px;padding:12px 18px;border:1px solid #4e4e4e;border-radius:5px;background:transparent;color:#1d1d1d;font-size:14px}.large-nav{display:flex;flex-direction:column;gap:0;margin-top:7vh}.large-nav a{display:flex;align-items:center;font-size:clamp(32px,5vw,80px);font-weight:700;border-bottom:1px solid #1d1d1d40;padding:20px 0;gap:30px;transition:padding .3s}.large-nav a:hover{padding-left:20px}.large-nav a:after{display:none}.large-nav small{font-size:12px;font-weight:400}.large-nav em{font-family:Georgia,serif;font-weight:400;font-size:.6em;margin-left:auto}.menu-footer{display:block;margin-top:35px;font-size:14px;letter-spacing:3px}.menu-close:focus-visible,.large-nav a:focus-visible{outline-color:#1d1d1d}@keyframes ticker{to{transform:translateX(-33.333%)}}@media(min-width:1600px){.hero-name{margin-top:80px}}@media(max-width:1000px){.cinematic{min-height:760px}.hero-name{margin-top:100px}.orbit-note{bottom:140px}.hero-name h1{font-size:17vw}.orbit-scene img{width:120%;right:-35%}}@media(max-width:640px){header{height:80px;padding-inline:6%}.brand{font-size:32px}header>nav{display:none}.contact-link{display:block;font-size:10px;padding:13px 12px}.menu-toggle{height:40px;width:40px}.cinematic{min-height:740px;height:100svh;padding:112px 6% 0}.hero-top .eyebrow{font-size:9px;letter-spacing:1.6px}.hero-name{margin-top:70px;max-width:100%;width:auto}.hero-name h1{font-size:24vw}.name-star{margin-top:8px;margin-left:12px}.hero-bio{margin-top:25px;gap:17px;align-items:flex-start}.name-cn{font-size:21px;white-space:nowrap;letter-spacing:2px}.hero-bio p{font-size:11px;padding-left:17px;line-height:1.9}.orbit-scene img{width:150%;height:110%;right:-60%;top:-5%;object-fit:cover}.orbit-color{clip-path:circle(40% at 60% 65%);opacity:.75}.orbit-base{filter:grayscale(.5) brightness(.75)}.scene-shade{background:linear-gradient(90deg,#11131599,transparent),linear-gradient(0deg,#111315,transparent 60%)}.orbit-note{right:6%;bottom:130px;width:180px}.orbit-note>span:first-child{font-size:24px}.note-arrow{height:44px;width:44px}.orbit-note small{font-size:10px}.hero-foot{font-size:9px;letter-spacing:0;left:6%;right:6%;padding:25px 0}.hero-foot>span{max-width:60%;line-height:1.8}.hero-foot i{margin:0 4px}.ticker{padding:15px 0}.ticker>div{font-size:29px;letter-spacing:-1px}.about{padding:75px 6%}.section-title h2{font-size:42px}.journey,.work{padding-block:65px}.large-nav{margin-top:10vh}.large-nav a{font-size:36px;padding:25px 0;gap:20px}.large-nav em{font-size:20px}.contact{padding-inline:6%}}@media(prefers-reduced-motion:reduce){.orbit-scene img{transform:none;will-change:auto}.orbit-color{clip-path:none;opacity:.6}.ticker>div{animation:none}}

.slice-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.slices-ready>img{visibility:hidden}.interaction-hint{position:absolute;right:5%;top:150px;font-size:10px;letter-spacing:2px;color:#a3a3a3;transition:color .3s}.is-exploring .interaction-hint{color:var(--accent)}@media(max-width:640px){.interaction-hint{display:none}}

/* Natural lunar palette applies equally to the static and interactive artwork. */
.orbit-scene img,.slice-canvas{filter:grayscale(1) brightness(1.15)}
.name-solid{color:#e8ecee}.name-star{color:#a9becb}
.ticker{background:#cdd5da;color:#20272c}
.photo-section{background:#e4e6e5;color:#22282c}
.photo-section .section-label,.photo-section p{color:#505b63}
.photo-section h2 em{color:#687984}
.contact{background:#ced8de;color:#222b31}
#full-menu,#full-menu::backdrop{background:#d9e0e3}
.cover-brand{background:#cbd6dc;color:#263038}
.cover-ui{background:#e4e3df;color:#303638}
.cover-game{color:#c3d0d8}
.pill:hover{background:#d7e1e7}
@media(prefers-reduced-motion:reduce){.orbit-scene img{filter:grayscale(1) brightness(1.15)}}