:root{--bg:#07060b;--bg-warm:#0d0907;--panel:#0b090d;--text:#f5eee8;--muted:#9c938d;--orange:#ff6b1a;--orange-hi:#ff9a4a;--line:rgba(255,107,26,.18);--line-soft:rgba(245,238,232,.1);--pad:clamp(1.25rem,6vw,7rem);--sans:Inter,"Microsoft YaHei","PingFang SC",Arial,sans-serif;--mono:Consolas,"SFMono-Regular",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;color:var(--text);background:var(--bg);font-family:var(--sans);line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--orange-hi);outline-offset:5px}.skip-link{position:fixed;top:1rem;left:1rem;z-index:100;padding:.7rem 1rem;color:#130904;background:var(--orange-hi);transform:translateY(-180%)}.skip-link:focus{transform:none}
.site-header{position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:1.15rem var(--pad);background:linear-gradient(to bottom,rgba(7,6,11,.9),rgba(7,6,11,0));backdrop-filter:blur(4px)}.brand{font-size:clamp(1.1rem,2vw,1.35rem);font-weight:900;letter-spacing:-.05em}.brand span,.section-head em,.contact-copy em,.statement span{color:var(--orange);font-style:normal}.site-header nav{display:flex;gap:clamp(1rem,2.5vw,2.6rem);color:rgba(245,238,232,.68);font:600 .7rem/1 var(--mono);letter-spacing:.08em}.site-header nav a{position:relative;padding:.5rem 0}.site-header nav a::after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background:var(--orange);transform:scaleX(0);transition:transform .2s}.site-header nav a:hover{color:var(--text)}.site-header nav a:hover::after{transform:scaleX(1)}
.panel{position:relative;min-height:100svh;overflow:hidden;border-bottom:1px solid var(--line)}.section-shell{padding:clamp(6.5rem,11vw,10rem) var(--pad)}.ambient-grid{position:absolute;inset:0;opacity:.3;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:5rem 5rem;mask-image:linear-gradient(90deg,#000,transparent 78%)}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(22rem,.95fr);align-items:center;padding:7rem var(--pad) 4rem;background:radial-gradient(circle at 72% 45%,rgba(255,107,26,.11),transparent 29%),linear-gradient(135deg,#09070f,#05050b)}.hero::before{content:"";position:absolute;left:0;bottom:0;width:72%;height:1px;background:linear-gradient(90deg,transparent,var(--orange),transparent);box-shadow:0 0 2rem var(--orange);opacity:.35}.hero-copy{position:relative;z-index:2}.kicker,.section-head>p,.section-number{margin:0 0 2.2rem;color:var(--orange-hi);font:600 .68rem/1 var(--mono);letter-spacing:.2em}.hero h1{margin:0;color:var(--orange-hi);font-size:clamp(3.5rem,7.8vw,8rem);line-height:.9;letter-spacing:-.075em;text-shadow:0 0 2.2rem rgba(255,107,26,.2)}.hero-role{max-width:44rem;margin:1.5rem 0 1.25rem;font-size:clamp(1.05rem,2vw,1.65rem);font-weight:700}.chips{display:flex;flex-wrap:wrap;gap:.55rem}.chips span{padding:.35rem .8rem;color:var(--muted);border:1px solid var(--line);border-radius:99px;font:500 .62rem/1.4 var(--mono)}.text-link{display:flex;justify-content:space-between;width:min(100%,28rem);margin-top:3.5rem;padding:1rem 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);transition:color .2s,padding .2s}.text-link:hover{padding-inline:.75rem;color:var(--orange-hi)}.digital-core{position:relative;z-index:1;width:min(38vw,34rem);aspect-ratio:1;justify-self:end}.digital-core::before,.digital-core::after{content:"";position:absolute;inset:8%;border:1px solid var(--line);border-radius:50%;animation:orbit 18s linear infinite}.digital-core::after{inset:20%;border-style:dashed;animation-direction:reverse;animation-duration:12s}#orb-canvas{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 2rem rgba(255,107,26,.28))}.orbit-label{position:absolute;color:rgba(255,154,74,.6);font:500 .58rem/1 var(--mono);letter-spacing:.18em}.label-one{top:7%;left:48%}.label-two{right:0;top:54%}.label-three{bottom:7%;left:13%}.scroll-cue{position:absolute;bottom:2rem;left:var(--pad);display:flex;align-items:center;gap:.7rem;color:var(--muted);font:500 .58rem/1 var(--mono);letter-spacing:.17em}.scroll-cue span{display:block;width:1.7rem;height:1px;background:var(--orange);animation:pulse 1.8s ease-in-out infinite}
.section-head{display:grid;grid-template-columns:clamp(8rem,18vw,16rem) 1fr;align-items:start}.section-head h2{margin:0;font-size:clamp(2.7rem,6vw,6rem);line-height:1;letter-spacing:-.065em}.about{background:radial-gradient(circle at 20% 45%,rgba(255,107,26,.06),transparent 32%),var(--bg)}.about-layout{display:grid;grid-template-columns:minmax(16rem,.7fr) minmax(24rem,1.3fr);gap:clamp(4rem,10vw,10rem);margin:clamp(5rem,9vw,8rem) 0}.about-copy{font-size:clamp(1.05rem,1.6vw,1.35rem)}.about-copy p{margin:0 0 1.5rem}.path-list{border-top:1px solid var(--line-soft)}.path-list>div{display:grid;grid-template-columns:3rem 1fr auto;gap:1rem;align-items:center;padding:1.4rem 0;border-bottom:1px solid var(--line-soft)}.path-list span{color:var(--orange);font:600 .65rem/1 var(--mono)}.path-list strong{font-size:1.05rem}.path-list small{color:var(--muted);text-align:right}.statement{margin:7rem 0 -2rem;color:transparent;font-weight:900;font-size:clamp(4rem,13vw,13rem);line-height:.8;letter-spacing:-.09em;white-space:nowrap;-webkit-text-stroke:1px rgba(255,107,26,.32)}
.focus{background:linear-gradient(150deg,var(--bg-warm),var(--bg))}.focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(4rem,8vw,7rem);border-top:1px solid var(--line);border-left:1px solid var(--line)}.focus-card{position:relative;min-height:18rem;padding:2rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,107,26,.015);transition:background .25s,transform .25s}.focus-card:hover{z-index:2;background:rgba(255,107,26,.07);transform:translateY(-.35rem)}.focus-card>span,.work-index{color:var(--orange);font:600 .65rem/1 var(--mono)}.focus-card h3{margin:5rem 0 .75rem;font-size:clamp(1.35rem,2.2vw,2rem)}.focus-card p{margin:0;color:var(--muted)}.focus-card.future{background:linear-gradient(135deg,rgba(255,107,26,.08),transparent)}
.works{background:#06060a}.work-list{display:grid;gap:1.5rem;margin-top:clamp(4rem,8vw,7rem)}.work-card{display:grid;grid-template-columns:3rem minmax(0,1fr) minmax(15rem,.55fr);gap:clamp(1.5rem,4vw,4rem);min-height:25rem;padding:clamp(1.5rem,3vw,2.5rem);border:1px solid var(--line-soft);background:linear-gradient(120deg,rgba(255,107,26,.035),transparent);transition:border-color .25s,transform .25s}.work-card:hover{border-color:rgba(255,107,26,.55);transform:translateY(-.3rem)}.work-copy{align-self:center}.work-meta{display:flex;gap:1rem;color:var(--orange-hi);font:500 .6rem/1 var(--mono);letter-spacing:.12em}.work-copy h3{margin:1.2rem 0;font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:-.06em}.work-copy>p{max-width:42rem;color:var(--muted)}.work-copy ul{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 0;padding:0;list-style:none}.work-copy li{padding:.3rem .65rem;border:1px solid var(--line);border-radius:99px;color:#c9bdb5;font-size:.68rem}.work-art{position:relative;align-self:stretch;min-height:16rem;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:2.5rem 2.5rem;overflow:hidden}.signal-art b{position:absolute;top:50%;left:35%;display:grid;width:4rem;aspect-ratio:1;place-items:center;color:#160904;background:var(--orange);border-radius:1rem;font-size:2rem;transform:translate(-50%,-50%) rotate(-8deg);box-shadow:0 0 2.5rem rgba(255,107,26,.35)}.signal-art i{position:absolute;top:50%;left:48%;border:1px solid var(--orange);border-left:0;border-radius:0 100% 100% 0;transform:translateY(-50%)}.signal-art i:nth-child(1){width:3rem;height:5rem}.signal-art i:nth-child(2){width:5rem;height:8rem;opacity:.6}.signal-art i:nth-child(3){width:7rem;height:11rem;opacity:.28}.timer-art i{position:absolute;top:50%;left:50%;width:10rem;aspect-ratio:1;border:1px solid var(--muted);border-top-color:var(--orange);border-right-color:var(--orange);border-radius:50%;transform:translate(-50%,-50%) rotate(20deg);box-shadow:0 0 2rem rgba(255,107,26,.12)}.timer-art i::after{content:"";position:absolute;top:50%;left:50%;width:1px;height:3.4rem;background:var(--orange);transform:translate(-50%,-100%) rotate(32deg);transform-origin:bottom}.timer-art b{position:absolute;top:50%;left:50%;width:.8rem;aspect-ratio:1;background:var(--orange-hi);border-radius:50%;transform:translate(-50%,-50%)}
.contact{display:grid;align-content:center;background:radial-gradient(circle at 68% 52%,rgba(255,107,26,.14),transparent 32%),var(--bg-warm)}.contact-glow{position:absolute;right:-8rem;top:50%;width:32rem;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;box-shadow:inset 0 0 8rem rgba(255,107,26,.06),0 0 5rem rgba(255,107,26,.05);transform:translateY(-50%)}.contact-copy{position:relative}.contact-copy>p{margin:0 0 1rem;color:var(--muted)}.contact-copy h2{margin:0;font-size:clamp(3.5rem,9vw,9rem);line-height:.9;letter-spacing:-.08em}.contact-copy>a{display:flex;justify-content:space-between;width:min(100%,42rem);margin-top:4rem;padding:1rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:clamp(1rem,2vw,1.5rem);transition:padding .2s,color .2s}.contact-copy>a:hover{padding-inline:.8rem;color:var(--orange-hi)}footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:1.8rem var(--pad);color:var(--muted);font:500 .65rem/1 var(--mono)}footer p{margin:0}footer p:last-child{justify-self:end}
.reveal{opacity:0;transform:translateY(1.5rem);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}.hero .reveal{animation:intro .7s ease both}.hero h1{animation-delay:.08s!important}.hero-role,.chips{animation-delay:.16s!important}.hero .text-link,.digital-core{animation-delay:.25s!important}@keyframes intro{from{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:none}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes pulse{50%{width:2.7rem;opacity:.5}}
@media(max-width:900px){.site-header{align-items:flex-start}.site-header nav{display:grid;grid-template-columns:repeat(3,auto);gap:.7rem 1.2rem}.hero{grid-template-columns:1fr;padding-top:10rem}.hero-copy{align-self:start}.digital-core{position:absolute;right:-5rem;bottom:3rem;width:20rem;opacity:.7}.section-head{grid-template-columns:1fr;gap:1rem}.about-layout{grid-template-columns:1fr;gap:3rem}.focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card{grid-template-columns:2rem 1fr}.work-art{grid-column:2;min-height:14rem}.statement{margin-top:5rem}.contact-glow{opacity:.6}footer{grid-template-columns:1fr auto}footer p:last-child{display:none}}
@media(max-width:560px){.site-header{display:grid;gap:.8rem;padding-top:1rem;background:rgba(7,6,11,.9)}.site-header nav{grid-template-columns:repeat(5,auto);gap:.75rem;font-size:.56rem}.hero{min-height:48rem;padding-top:9rem;align-items:start}.hero h1{font-size:14vw}.hero-role{max-width:18rem;font-size:1.05rem}.text-link{width:18rem;margin-top:2.5rem}.digital-core{right:-5rem;bottom:4rem;width:17rem}.section-shell{padding-top:6rem}.section-head h2{font-size:2.7rem}.path-list>div{grid-template-columns:2rem 1fr}.path-list small{grid-column:2;text-align:left}.focus-grid{grid-template-columns:1fr}.focus-card{min-height:15rem}.focus-card h3{margin-top:3.5rem}.work-card{grid-template-columns:1fr;padding:1.25rem}.work-index{margin-bottom:.5rem}.work-copy,.work-art{grid-column:1}.work-copy h3{font-size:2rem}.contact-copy h2{font-size:3.5rem}footer{padding-block:1.4rem}}
.error-page{display:flex;min-height:100svh;flex-direction:column;justify-content:center;padding:var(--pad);background:radial-gradient(circle at 75% 45%,rgba(255,107,26,.13),transparent 25%),var(--bg)}.error-code{margin:0 0 2rem;color:var(--orange-hi);font:600 .68rem/1 var(--mono);letter-spacing:.2em}.error-page h1{max-width:70rem;margin:0;font-size:clamp(3.5rem,10vw,9rem);line-height:.9;letter-spacing:-.075em}.error-page h1 span{color:var(--orange)}.error-page>p:not(.error-code){max-width:36rem;margin-top:2rem;color:var(--muted)}.error-link{display:flex;justify-content:space-between;width:min(100%,24rem);margin-top:2rem;padding:1rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);transition:padding .2s,color .2s}.error-link:hover{padding-inline:.75rem;color:var(--orange-hi)}
@media(max-width:560px){.hero .reveal{opacity:1;transform:none;animation:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}