.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:80px;display:flex;align-items:center;transition:background .4s var(--ease),border-color .4s var(--ease);border-bottom:1px solid transparent}.nav.is-scrolled{background:#0a0a0cb8;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom-color:var(--line)}.nav__inner{width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:40px}.nav__brand{display:flex;align-items:baseline;gap:10px}.nav__brand-cn{font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:.02em}.nav__brand-en{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.18em}.nav__links{display:flex;align-items:center;gap:36px;margin-left:auto}.nav__link{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);position:relative;padding-block:6px;transition:color .3s var(--ease)}.nav__link:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--accent);transition:width .3s var(--ease)}.nav__link:hover{color:var(--text)}.nav__link:hover:after{width:100%}.nav__link .num{color:var(--accent);margin-right:6px;font-size:10px}.nav__right{display:flex;align-items:center;gap:18px}.nav__status{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--text-dim);letter-spacing:.1em}.nav__dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 var(--accent-glow);animation:pulse 2.4s var(--ease) infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--accent-glow)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.nav__burger{display:none}@media (max-width: 768px){.nav{height:64px}.nav__links,.nav__status{display:none}}.hero{position:relative;min-height:100vh;display:flex;padding-top:80px;overflow:hidden}.hero__grid{position:relative;width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:var(--gutter);min-height:calc(100vh - 80px)}.hero__brand{position:absolute;top:clamp(24px,3.2vw,48px);left:var(--gutter);display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--text-dim);letter-spacing:.2em;text-transform:uppercase}.hero__brand-square{display:inline-block;width:10px;height:10px;border:1.5px solid var(--text-dim);transform:rotate(45deg)}.hero__brand .sep{color:var(--accent);margin-inline:2px}.hero__topnav{position:absolute;top:clamp(24px,3.2vw,48px);right:var(--gutter);display:inline-flex;align-items:center;gap:clamp(20px,2.5vw,44px);font-family:var(--font-mono);font-size:10.5px;color:var(--text-dim);letter-spacing:.2em;text-transform:uppercase}.hero__topnav a{color:inherit;text-decoration:none;padding-block:4px;border-bottom:1px solid transparent;transition:color .3s var(--ease),border-color .3s var(--ease)}.hero__topnav a:hover{color:var(--text);border-bottom-color:var(--accent)}.hero__kw{position:absolute;top:clamp(200px,22vw,380px);display:inline-flex;align-items:baseline;gap:8px;font-family:var(--font-mono);color:var(--text-dim)}.hero__kw--freedom{left:var(--gutter)}.hero__kw--future{left:50%;transform:translate(-50%)}.hero__kw--symbol{right:var(--gutter)}.hero__kw-zh{font-family:var(--font-display);font-size:clamp(13px,1.05vw,16px);color:var(--text);letter-spacing:.3em}.hero__kw-slash{color:var(--text-faint)}.hero__kw-en{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase}.hero__seal{position:absolute;right:clamp(120px,20vw,340px);top:clamp(320px,44vw,640px);z-index:2;width:64px;height:64px;border-radius:50%;border:1.5px solid var(--text-dim);color:var(--text);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:22px;font-weight:500;letter-spacing:0;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.hero__titleblock{position:absolute;left:var(--gutter);bottom:clamp(96px,12vw,180px);max-width:90%}.hero__subtitle-tag{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.26em;color:var(--accent);text-transform:uppercase;margin-bottom:18px}.hero__title-row{display:flex;align-items:flex-end;gap:clamp(20px,3vw,48px)}.hero__title-cn{display:flex;flex-direction:column;padding-bottom:clamp(10px,1.3vw,20px)}.zh-line-1{font-family:var(--font-display);font-weight:500;font-size:clamp(22px,2.4vw,36px);color:var(--text);letter-spacing:.45em}.hero__title-en{font-family:var(--font-display);font-weight:900;font-size:clamp(72px,14vw,220px);line-height:.86;letter-spacing:-.02em;color:var(--text);text-transform:uppercase;-webkit-text-stroke:1px rgba(236,236,236,.35);color:transparent;background:linear-gradient(180deg,var(--text) 0%,rgba(236,236,236,.55) 100%);-webkit-background-clip:text;background-clip:text}.hero__meta-r{position:absolute;right:var(--gutter);bottom:clamp(96px,12vw,180px);text-align:right;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim)}.hero__estrow{display:inline-flex;align-items:center;gap:clamp(20px,3vw,48px);margin-bottom:10px}.hero__estrow .est{color:var(--text)}.hero__estrow .date{color:var(--text-muted)}.hero__barcode{display:inline-flex;align-items:stretch;gap:2px;height:28px;width:160px}.hero__barcode i{display:block;flex:none;width:1px;background:var(--text-muted);opacity:.8}.hero__barcode i:nth-child(3n+1){width:2px;background:var(--text);opacity:1}.hero__barcode i:nth-child(5n+2){width:3px;background:var(--text);opacity:1}.hero__barcode i:nth-child(7n){width:1px;opacity:.4}.hero__scroll{position:absolute;left:var(--gutter);bottom:clamp(24px,3vw,40px);display:inline-flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.16em;text-transform:uppercase}.hero__scroll-line{width:1px;height:48px;background:var(--line-strong);position:relative;overflow:hidden}.hero__scroll-line:after{content:"";position:absolute;top:-50%;left:0;width:100%;height:50%;background:var(--accent);animation:scroll-down 2.2s var(--ease) infinite}@keyframes scroll-down{0%{transform:translateY(-100%)}to{transform:translateY(300%)}}@media (max-width: 768px){.hero__topnav{display:none}.hero__kw{top:26vh;font-size:10px}.hero__kw--freedom{left:var(--gutter)}.hero__kw--future{display:none}.hero__kw--symbol{right:var(--gutter)}.hero__seal{width:48px;height:48px;font-size:16px;right:14%;top:42%}.hero__title-row{flex-direction:column;align-items:flex-start;gap:8px}.hero__title-cn{padding-bottom:0}.zh-line-1{letter-spacing:.28em}.hero__title-en{font-size:clamp(60px,20vw,120px)}.hero__meta-r{display:none}}.hero__glow{position:absolute;width:60vw;height:60vw;right:-10vw;top:10%;background:radial-gradient(circle,rgba(201,168,106,.12),transparent 60%);filter:blur(40px);pointer-events:none;z-index:-1}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/works/06-scene-concept.jpg) center/cover no-repeat;filter:brightness(.5) saturate(.85) contrast(1.05);pointer-events:none;z-index:-2;animation:hero-bg-drift 24s var(--ease) infinite alternate}.hero__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0a0a0c59,#0a0a0c8c 45%,#0a0a0ce6)}@keyframes hero-bg-drift{0%{transform:scale(1) translateY(0)}to{transform:scale(1.12) translateY(-2%)}}.works__filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:clamp(32px,4vw,48px)}.filter-btn{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);padding:10px 18px;border:1px solid var(--line);background:transparent;transition:all .3s var(--ease)}.filter-btn:hover{color:var(--text);border-color:var(--line-strong)}.filter-btn.is-active{color:var(--bg);background:var(--accent);border-color:var(--accent)}.works-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.work-card{grid-column:span 2;aspect-ratio:4 / 3;position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);transition:border-color .4s var(--ease),transform .5s var(--ease)}.work-card.feature{grid-column:span 6;aspect-ratio:21 / 9}.work-card.wide{grid-column:span 3;aspect-ratio:3 / 2}@media (max-width: 1024px){.works-grid{grid-template-columns:repeat(4,1fr)}.work-card{grid-column:span 2}.work-card.feature{grid-column:span 4}.work-card.wide{grid-column:span 2}}@media (max-width: 640px){.works-grid{grid-template-columns:1fr}.work-card,.work-card.feature,.work-card.wide{grid-column:span 1;aspect-ratio:4 / 3}}.work-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.2) brightness(.92);transition:transform .8s var(--ease),filter .6s var(--ease)}.work-card__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block;background:var(--bg)}.work-card--video{cursor:pointer}.work-card--video:hover{border-color:var(--line-strong)}.work-card--video:hover .work-card__video{filter:none}.work-card__video--cover{background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;overflow:hidden}.work-card__video-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.2) brightness(.92);transition:transform .8s var(--ease),filter .6s var(--ease)}.work-card--video:hover .work-card__video-img{transform:scale(1.06);filter:grayscale(0) brightness(1)}.work-card__video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(8,8,10,.78) 0%,rgba(8,8,10,.25) 55%,transparent 80%);transition:opacity .4s var(--ease)}.work-card__video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--text);filter:drop-shadow(0 4px 18px rgba(0,0,0,.55));transition:transform .4s var(--ease),color .3s var(--ease)}.work-card--video:hover .work-card__video-play{transform:translate(-50%,-50%) scale(1.08);color:var(--accent)}.work-card__video-tag{position:absolute;left:18px;bottom:18px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text);background:#0a0a0c9e;border:1px solid var(--line-strong);padding:6px 10px;border-radius:2px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.work-card:hover{border-color:var(--accent)}.work-card:hover .work-card__img{transform:scale(1.06);filter:grayscale(0) brightness(1)}.work-card__index{position:absolute;top:18px;left:18px;font-family:var(--font-mono);font-size:11px;color:var(--text);letter-spacing:.12em;z-index:2;mix-blend-mode:difference}.work-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(20px,2vw,32px);background:linear-gradient(to top,rgba(8,8,10,.92) 0%,rgba(8,8,10,.4) 40%,transparent 75%);opacity:0;transform:translateY(12px);transition:opacity .45s var(--ease),transform .45s var(--ease);z-index:1}.work-card:hover .work-card__overlay{opacity:1;transform:none}.work-card__cat{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.work-card__title{font-family:var(--font-display);font-size:clamp(18px,1.5vw,24px);font-weight:500;letter-spacing:-.01em;margin-bottom:8px}.work-card__summary{font-size:13px;color:var(--text-dim);line-height:1.6;max-width:480px}.work-card__meta{display:flex;gap:16px;margin-top:14px;font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase}.work-card__meta .sep{color:var(--text-faint)}.work-card__corner{position:absolute;top:14px;right:14px;z-index:2;width:22px;height:22px;display:grid;place-items:center;color:var(--text-dim);opacity:0;transform:translate(-4px,4px);transition:all .4s var(--ease)}.work-card:hover .work-card__corner{opacity:1;transform:none;color:var(--accent)}.about__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,6vw,96px);align-items:start}@media (max-width: 1024px){.about__grid{grid-template-columns:1fr;gap:48px}}.about__portrait{position:relative;aspect-ratio:4 / 5;overflow:hidden;border:1px solid var(--line)}.about__portrait img{width:100%;height:100%;object-fit:cover;filter:grayscale(.3) contrast(1.05)}.about__portrait:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(10,10,12,.6) 100%);pointer-events:none}.about__id{position:absolute;bottom:18px;left:18px;z-index:2;font-family:var(--font-mono);font-size:10px;color:var(--text-dim);letter-spacing:.16em;text-transform:uppercase}.about__name{font-family:var(--font-display);font-size:clamp(32px,3vw,44px);font-weight:500;letter-spacing:-.01em;margin-bottom:6px}.about__role{font-family:var(--font-mono);font-size:12px;color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin-bottom:28px}.about__intro p{font-size:clamp(15px,1.1vw,17px);line-height:1.85;color:var(--text-dim);margin-bottom:16px}.about__intro p strong{color:var(--text);font-weight:500}.about__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0;padding:28px 0;border-block:1px solid var(--line)}.about__stat .v{font-family:var(--font-display);font-size:clamp(28px,2.4vw,40px);font-weight:500;color:var(--accent);line-height:1}.about__stat .l{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-top:8px}.about__skills{margin-bottom:48px}.about__skills h3,.about__exp h3{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.18em;text-transform:uppercase;margin-bottom:24px;display:flex;align-items:center;gap:12px}.about__skills h3:after,.about__exp h3:after{content:"";flex:1;height:1px;background:var(--line)}.skill-group{margin-bottom:22px}.skill-group__label{font-size:12px;color:var(--text-dim);margin-bottom:10px;font-family:var(--font-mono);letter-spacing:.08em}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{font-size:12px;padding:6px 12px;border:1px solid var(--line);color:var(--text-dim);transition:all .3s var(--ease)}.skill-tag:hover{color:var(--accent);border-color:var(--accent)}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:1px;background:var(--line-strong)}.tl-item{position:relative;padding-bottom:32px}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";position:absolute;left:-28px;top:6px;width:7px;height:7px;border-radius:50%;background:var(--bg);border:1px solid var(--accent)}.tl-item__year{font-family:var(--font-mono);font-size:11px;color:var(--accent);letter-spacing:.1em;margin-bottom:6px}.tl-item__role{font-family:var(--font-display);font-size:17px;font-weight:500;margin-bottom:2px}.tl-item__org{font-size:13px;color:var(--text-dim);margin-bottom:8px}.tl-item__desc{font-size:13px;color:var(--text-muted);line-height:1.6}.footer{border-top:1px solid var(--line);padding-block:clamp(60px,7vw,100px) 40px;position:relative;overflow:hidden}.footer__top{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;margin-bottom:64px}.footer__cta-label{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px}.footer__cta{font-family:var(--font-display);font-size:clamp(32px,4.5vw,64px);font-weight:500;letter-spacing:-.02em;line-height:1.05}.footer__cta a{border-bottom:1px solid var(--line-strong);transition:border-color .3s,color .3s}.footer__cta a:hover{color:var(--accent);border-bottom-color:var(--accent)}.footer__contacts{display:grid;grid-template-columns:repeat(2,minmax(180px,auto));gap:18px 48px}.contact-item .l{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:.16em;text-transform:uppercase;margin-bottom:4px}.contact-item .v{font-size:15px;color:var(--text);transition:color .3s}.contact-item a:hover .v{color:var(--accent)}.footer__wordmark{font-family:var(--font-display);font-weight:700;font-size:clamp(72px,16vw,260px);line-height:.85;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px var(--line-strong);white-space:nowrap;-webkit-user-select:none;user-select:none;margin:48px -8px 0;overflow:hidden}.footer__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding-top:32px;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.1em}@media (max-width: 768px){.footer__top{grid-template-columns:1fr}.footer__contacts{grid-template-columns:1fr 1fr}}.page-hero{position:relative;padding-top:calc(80px + clamp(48px,8vw,96px));padding-bottom:clamp(40px,5vw,72px);overflow:hidden}.page-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 80% at 80% 0%,rgba(201,168,106,.1),transparent 60%),radial-gradient(ellipse 40% 40% at 0% 100%,rgba(201,168,106,.06),transparent 60%);pointer-events:none;z-index:0}.page-hero__inner{position:relative;z-index:1}.breadcrumb{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:28px;display:flex;align-items:center;gap:10px}.breadcrumb a{color:var(--text-dim);transition:color .3s}.breadcrumb a:hover{color:var(--accent)}.breadcrumb__sep{color:var(--text-faint)}.breadcrumb__cur{color:var(--text)}.page-hero__pre{font-family:var(--font-mono);font-size:12px;color:var(--accent);letter-spacing:.2em;text-transform:uppercase;margin-bottom:20px;display:inline-flex;align-items:center;gap:12px}.page-hero__pre:before{content:"";width:32px;height:1px;background:var(--accent)}.page-hero__title{font-family:var(--font-display);font-weight:500;font-size:clamp(44px,7vw,104px);line-height:.98;letter-spacing:-.02em;margin-bottom:16px}.page-hero__title .en{display:block;font-size:.28em;font-weight:400;letter-spacing:.08em;color:var(--text-dim);margin-top:14px}.page-hero__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:clamp(32px,5vw,56px);padding-top:clamp(24px,3vw,40px);border-top:1px solid var(--line)}.page-hero__meta .k{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px}.page-hero__meta .v{font-family:var(--font-display);font-size:clamp(18px,1.6vw,24px);font-weight:500;line-height:1.2}.page-hero__desc{max-width:640px;margin-top:20px;font-size:clamp(14px,1.1vw,17px);color:var(--text-dim);line-height:1.85}@media (max-width: 768px){.page-hero__meta{grid-template-columns:1fr 1fr;gap:20px}}.masonry__cell .work-card-host{width:100%;height:100%;padding:0}.masonry__cell .work-card{width:100%;height:100%;aspect-ratio:auto;grid-column:auto}.masonry__cell .work-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.work-card--cta{aspect-ratio:auto;grid-column:auto}.lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;color:var(--text)}.lb__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#060608e0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:lb-fade .24s var(--ease) both}@keyframes lb-fade{0%{opacity:0}to{opacity:1}}.lb__inner{position:relative;height:100%;width:100%;max-width:min(1500px,94vw);margin:0 auto;padding:clamp(48px,8vh,96px) clamp(20px,4vw,48px) clamp(40px,7vh,80px);display:flex;flex-direction:column;align-items:center;gap:24px;box-sizing:border-box}.lb__image-wrap{flex:1 1 auto;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;animation:lb-pop .32s var(--ease) both}@keyframes lb-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.lb__image{max-width:100%;max-height:65vh;width:auto;height:auto;object-fit:contain;display:block;border:1px solid var(--line);background:var(--panel);box-shadow:0 30px 80px #0000008c;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lb__info{flex:0 0 auto;width:100%;max-width:1000px;padding:22px 28px 26px;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:lb-pop .32s 80ms var(--ease) both}.lb__info-top{margin-bottom:12px}.lb__cat{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--accent);text-transform:uppercase;display:block;margin-bottom:10px}.lb__sep{color:var(--text-faint);margin:0 10px;font-weight:400}.lb__title{font-family:var(--font-display);font-weight:500;font-size:clamp(22px,2.4vw,34px);letter-spacing:-.01em;line-height:1.25;margin:0}.lb__summary{color:var(--text-dim);line-height:1.85;font-size:clamp(13px,1.1vw,16px);margin:12px 0 14px;max-width:760px}.lb__role{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);padding-top:12px;border-top:1px solid var(--line)}.lb__counter{position:fixed;top:24px;left:28px;font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;color:var(--text-muted);z-index:1}.lb__counter-cur{color:var(--text)}.lb__counter-sep{margin:0 6px;color:var(--text-faint)}.lb__btn{position:fixed;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#ffffff0a;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-dim);cursor:pointer;transition:color .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease),transform .25s var(--ease)}.lb__btn:hover{color:var(--text);background:#c9a86a14;border-color:#c9a86a80;transform:translateY(-1px)}.lb__btn--close{top:20px;right:22px}.lb__btn--nav{top:50%;transform:translateY(-50%);width:52px;height:52px}.lb__btn--nav:hover{transform:translateY(-51%)}.lb__btn--prev{left:clamp(12px,2vw,28px)}.lb__btn--next{right:clamp(12px,2vw,28px)}@media (max-width: 768px){.lb__inner{padding:72px 12px 24px;gap:16px}.lb__btn--nav{width:42px;height:42px}.lb__image{max-height:50vh}.lb__info{padding:16px 18px 18px}}.work-card{cursor:zoom-in}.work-card:hover .work-card__zoom{opacity:1;transform:translate(0)}.work-card__zoom{position:absolute;right:14px;top:14px;z-index:3;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#0a0a0c8c;border:1px solid rgba(255,255,255,.1);color:var(--text);opacity:0;transform:translate(6px,-6px);transition:opacity .3s var(--ease),transform .3s var(--ease),background .3s var(--ease);pointer-events:none}.work-card:hover .work-card__zoom{background:#c9a86ad9;border-color:transparent;color:#0a0a0c}.masonry{position:relative;width:100%;height:100%}.masonry>div{position:absolute;will-change:transform,width,height,opacity}.card-spotlight{position:relative;border-radius:var(--radius-card);border:1px solid var(--line);background-color:var(--surface);overflow:hidden;--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(201, 168, 106, .1)}.card-spotlight:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 60%);opacity:0;transition:opacity .5s var(--ease);pointer-events:none;z-index:3}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:1}:root{--bg: #0a0a0c;--bg-elevated: #101013;--surface: #15151a;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--text: #ececec;--text-dim: #a8a8ae;--text-muted: #6b6b72;--text-faint: #444449;--accent: #c9a86a;--accent-soft: rgba(201, 168, 106, .14);--accent-glow: rgba(201, 168, 106, .35);--font-display: "Space Grotesk", "Noto Sans SC", system-ui, sans-serif;--font-body: "Inter", "Noto Sans SC", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--max-w: 1700px;--gutter: clamp(24px, 4vw, 80px);--section-py: clamp(96px, 11vw, 160px);--radius: 2px;--radius-card: 6px;--ease: cubic-bezier(.22, 1, .36, 1);--dur: .6s}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;font-weight:300;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:80px 80px;background-position:-1px -1px;opacity:.5;mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 100%);pointer-events:none}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 70% 50% at 50% -10%,rgba(201,168,106,.08),transparent 60%),radial-gradient(ellipse 50% 40% at 100% 100%,rgba(201,168,106,.04),transparent 60%);pointer-events:none}a{color:inherit;text-decoration:none}img,picture,video,svg{display:block;max-width:100%}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}ul,ol{list-style:none}.container{width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:var(--gutter)}.section{position:relative;padding-block:var(--section-py)}.section-head{display:flex;align-items:baseline;gap:20px;margin-bottom:clamp(40px,5vw,72px)}.section-head__index{font-family:var(--font-mono);font-size:13px;color:var(--accent);letter-spacing:.1em}.section-head__title{font-family:var(--font-display);font-size:clamp(30px,3.4vw,48px);font-weight:500;letter-spacing:-.01em;line-height:1.1}.section-head__rule{flex:1;height:1px;background:var(--line);transform:translateY(-6px)}.section-head__en{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);letter-spacing:.16em;text-transform:uppercase;transform:translateY(-6px)}.reveal{opacity:0;transform:translateY(28px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease);will-change:opacity,transform}.reveal.is-in,.is-in .reveal{opacity:1;transform:none}.reveal-stagger>*{opacity:0;transform:translateY(20px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.reveal-stagger.is-in>*,.is-in .reveal-stagger>*{opacity:1;transform:none}.reveal-stagger.is-in>*:nth-child(1),.is-in .reveal-stagger>*:nth-child(1){transition-delay:.05s}.reveal-stagger.is-in>*:nth-child(2),.is-in .reveal-stagger>*:nth-child(2){transition-delay:.15s}.reveal-stagger.is-in>*:nth-child(3),.is-in .reveal-stagger>*:nth-child(3){transition-delay:.25s}.reveal-stagger.is-in>*:nth-child(4),.is-in .reveal-stagger>*:nth-child(4){transition-delay:.35s}.reveal-stagger.is-in>*:nth-child(5),.is-in .reveal-stagger>*:nth-child(5){transition-delay:.45s}.reveal-stagger.is-in>*:nth-child(6),.is-in .reveal-stagger>*:nth-child(6){transition-delay:.55s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal,.reveal-stagger>*{opacity:1!important;transform:none!important}}::selection{background:var(--accent);color:var(--bg)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#2a2a2f;border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.reveal--mask{opacity:0;transform:translateY(42%);clip-path:inset(0 0 100% 0);will-change:opacity,transform,clip-path}.reveal--card{opacity:0;transform:translateY(64px);clip-path:inset(0 0 38% 0);will-change:opacity,transform,clip-path}.reveal--line{transform:scaleX(0);transform-origin:left center;will-change:transform}.reveal--img{clip-path:inset(0 0 100% 0);will-change:clip-path}.reveal--fade{opacity:0;transform:translateY(26px);will-change:opacity,transform}.is-in .reveal--mask,.reveal--mask.is-in{opacity:1;transform:none;clip-path:inset(0);transition:opacity .9s var(--ease),transform 1s var(--ease),clip-path 1.1s var(--ease)}.is-in .reveal--card,.reveal--card.is-in{opacity:1;transform:none;clip-path:inset(0);transition:opacity .9s var(--ease),transform 1s var(--ease),clip-path .95s var(--ease)}.is-in .reveal--line,.reveal--line.is-in{transform:scaleX(1);transition:transform 1.15s var(--ease)}.is-in .reveal--img,.reveal--img.is-in{clip-path:inset(0);transition:clip-path 1.1s var(--ease)}.is-in .reveal--fade,.reveal--fade.is-in{opacity:1;transform:none;transition:opacity .8s var(--ease),transform .9s var(--ease)}.is-in .reveal-stagger>.reveal--card:nth-child(1),.reveal-stagger.is-in>.reveal--card:nth-child(1){transition-delay:0s}.is-in .reveal-stagger>.reveal--card:nth-child(2),.reveal-stagger.is-in>.reveal--card:nth-child(2){transition-delay:.14s}.is-in .reveal-stagger>.reveal--card:nth-child(3),.reveal-stagger.is-in>.reveal--card:nth-child(3){transition-delay:.28s}.is-in .reveal-stagger>.reveal--card:nth-child(4),.reveal-stagger.is-in>.reveal--card:nth-child(4){transition-delay:.42s}.is-in .reveal-stagger>.reveal--card:nth-child(5),.reveal-stagger.is-in>.reveal--card:nth-child(5){transition-delay:.56s}.is-in .reveal-stagger>.reveal--card:nth-child(6),.reveal-stagger.is-in>.reveal--card:nth-child(6){transition-delay:.7s}.is-in .reveal-stagger>.reveal--card:nth-child(7),.reveal-stagger.is-in>.reveal--card:nth-child(7){transition-delay:.84s}.is-in .reveal-stagger>.reveal--card:nth-child(8),.reveal-stagger.is-in>.reveal--card:nth-child(8){transition-delay:.98s}.is-in .reveal-stagger>.reveal--card:nth-child(n+9),.reveal-stagger.is-in>.reveal--card:nth-child(n+9){transition-delay:1.12s}.hero .m-hero-bg,.hero .m-brand,.hero .m-topnav,.hero .m-kw,.hero .m-seal,.hero .m-titleblock,.hero .m-metar,.hero .m-scroll{opacity:0;will-change:opacity,transform,clip-path}.hero .m-seal{transform:scale(.6)}.hero .m-hero-bg{animation:m-fallback 0s 4s forwards}.hero .m-brand,.hero .m-topnav,.hero .m-kw,.hero .m-seal,.hero .m-titleblock,.hero .m-metar,.hero .m-scroll{animation:m-fallback-fade 0s 4s forwards}.hero.is-ready .m-hero-bg{animation:m-hero-bg 1.5s var(--ease) .1s forwards,hero-bg-drift 24s var(--ease) 1.7s infinite alternate}.hero.is-ready .m-brand{animation:m-down-in .95s var(--ease) .22s forwards}.hero.is-ready .m-topnav{animation:m-down-in .95s var(--ease) .3s forwards}.hero.is-ready .m-kw{animation:m-kw-in .95s var(--ease) .5s forwards}.hero.is-ready .hero__kw--freedom.m-kw{animation-delay:.45s;animation-name:m-kw-in-left}.hero.is-ready .hero__kw--future.m-kw{animation-delay:.55s;animation-name:m-kw-in}.hero.is-ready .hero__kw--symbol.m-kw{animation-delay:.65s;animation-name:m-kw-in-right}.hero.is-ready .m-seal{animation:m-seal-in 1.1s var(--ease) 1s forwards}.hero.is-ready .m-titleblock{animation:m-titleblock-in 1.35s var(--ease) .75s forwards}.hero.is-ready .m-metar{animation:m-up-in 1s var(--ease) 1.6s forwards}.hero.is-ready .m-scroll{animation:m-up-in .95s var(--ease) 1.8s forwards}@keyframes m-fallback{to{opacity:1}}@keyframes m-fallback-fade{to{opacity:1;transform:none}}@keyframes m-hero-bg{0%{opacity:0;transform:scale(1.18);clip-path:inset(100% 0 0 0)}to{opacity:1;transform:scale(1);clip-path:inset(0)}}@keyframes m-titleblock-in{0%{opacity:0;transform:translateY(42%) scaleY(1.06);clip-path:inset(0 0 100% 0)}55%{opacity:1;clip-path:inset(0)}to{opacity:1;transform:none}}@keyframes m-kw-in-left{0%{opacity:0;transform:translate(-22px);letter-spacing:.45em}to{opacity:1;transform:none}}@keyframes m-kw-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@keyframes m-kw-in-right{0%{opacity:0;transform:translate(22px);letter-spacing:.45em}to{opacity:1;transform:none}}@keyframes m-seal-in{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes m-up-in{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}@keyframes m-down-in{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}@keyframes m-tag-in{0%{opacity:0;transform:translateY(16px);letter-spacing:.42em}to{opacity:1;transform:none;letter-spacing:.2em}}[data-parallax]{will-change:transform;transform:translateZ(0)}@media (prefers-reduced-motion: reduce){.hero .m-hero-bg,.hero .m-brand,.hero .m-topnav,.hero .m-kw,.hero .m-seal,.hero .m-titleblock,.hero .m-metar,.hero .m-scroll{opacity:1!important;transform:none!important;clip-path:none!important;animation:none!important;letter-spacing:.2em}.reveal--mask,.reveal--card,.reveal--line,.reveal--img,.reveal--fade{opacity:1!important;transform:none!important;clip-path:none!important}[data-parallax]{transform:none!important}}
