@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&family=Noto+Sans+SC:wght@300;400;500;600&display=swap";:root{--bg: #0a0a0c;--bg-2: #0e0e12;--panel: #121218;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--text: #ece9e2;--muted: #8f8b83;--accent: #c9a06c;--accent-bright: #e2c096;--accent-soft: rgba(201, 160, 108, .1);--ease: cubic-bezier(.22, 1, .36, 1);--font-sans: "Inter", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Consolas, monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-weight:300;font-size:16px;line-height:1.75;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}::selection{background:var(--accent);color:#0a0a0c}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a0a0c}::-webkit-scrollbar-thumb{background:#232329;border-radius:6px;border:2px solid #0a0a0c}::-webkit-scrollbar-thumb:hover{background:#34343c}.container{max-width:1700px;margin:0 auto;padding-left:64px;padding-right:64px}.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 34px;background:var(--accent);color:#0c0a07;font-size:15px;font-weight:500;letter-spacing:.08em;border:1px solid var(--accent);border-radius:2px;transition:all .45s var(--ease);cursor:pointer;white-space:nowrap}.btn:hover{background:var(--accent-bright);border-color:var(--accent-bright);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--line-strong)}.btn-ghost:hover{background:#ffffff0f;border-color:#fff6;color:#fff}.btn-small{padding:11px 24px;font-size:13px}.btn-large{padding:20px 46px;font-size:16px}.btn-arrow{transition:transform .4s var(--ease)}.btn:hover .btn-arrow{transform:translate(5px)}.nav{position:fixed;inset:0 0 auto 0;z-index:100;border-bottom:1px solid transparent;transition:background .5s,border-color .5s,backdrop-filter .5s}.nav.is-scrolled{background:#0a0a0cb8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:88px;transition:height .4s var(--ease)}.nav.is-scrolled .nav-inner{height:68px}.nav-logo{display:flex;align-items:center;gap:14px}.nav-logo-mark{width:38px;height:38px;border:1px solid var(--accent);color:var(--accent);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:17px;font-weight:500;border-radius:2px}.nav-logo-text{font-size:17px;font-weight:400;letter-spacing:.06em;display:flex;flex-direction:column;line-height:1.3}.nav-logo-text em{font-style:normal;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.34em;color:var(--muted)}.nav-links{display:flex;gap:44px}.nav-links a{font-size:14px;color:#cfccc5;letter-spacing:.1em;position:relative;padding:6px 0;display:flex;align-items:center;gap:7px;transition:color .3s}.nav-num{font-family:var(--font-mono);font-size:10px;color:var(--accent);opacity:.85}.nav-links a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}.nav-links a:hover{color:#fff}.nav-links a:hover:after{transform:scaleX(1);transform-origin:left}.hero{position:relative;height:100vh;height:100svh;min-height:760px;overflow:hidden;display:flex;align-items:flex-end}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0}.hero-bg img{width:100%;height:100%;object-fit:cover}.hero-wipe{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:6;transform-origin:50% 0%;pointer-events:none}.hero-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a0c9e,#0a0a0c2e 42%,#0a0a0c8c 74%,#0a0a0cf5),linear-gradient(100deg,#0a0a0c8c,#0a0a0c00 55%)}.hero-dust{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;mix-blend-mode:screen;opacity:.7}.hero-content{position:relative;z-index:2;width:100%;padding-bottom:190px}.hero-eyebrow{font-family:var(--font-mono);font-size:13px;letter-spacing:.32em;color:var(--accent);text-transform:uppercase;display:flex;align-items:center;gap:16px;margin-bottom:34px}.hero-eyebrow:before{content:"";width:48px;height:1px;background:var(--accent)}.hero-title{font-size:clamp(58px,7.4vw,128px);font-weight:300;line-height:1.14;letter-spacing:.015em}.hero-title .accent{color:var(--accent);font-weight:500}.hero-sub{margin-top:30px;max-width:560px;color:#c9c5bd;font-size:17px}.hero-actions{margin-top:44px;display:flex;gap:18px;flex-wrap:wrap}.hero-side{position:absolute;right:42px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;font-family:var(--font-mono);font-size:11px;letter-spacing:.42em;color:#ffffff4d;z-index:3}.hero-foot{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding-bottom:34px}.scroll-hint{display:flex;align-items:center;gap:14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.3em;color:var(--muted)}.scroll-line{width:1px;height:44px;background:var(--line-strong);position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;left:0;top:-50%;width:100%;height:50%;background:var(--accent);animation:scrollLine 2.2s var(--ease) infinite}@keyframes scrollLine{0%{top:-50%}60%,to{top:110%}}.hero-stats{display:flex;gap:52px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-family:var(--font-mono);font-weight:500;font-size:24px;color:var(--text);line-height:1.2}.hero-stats span{font-size:12px;color:var(--muted);letter-spacing:.12em;margin-top:4px}.section{padding:150px 0;position:relative}.sec-head{display:flex;gap:32px;align-items:flex-start;margin-bottom:90px}.sec-index{font-family:var(--font-mono);color:var(--accent);font-size:15px;letter-spacing:.1em;border:1px solid rgba(201,160,108,.35);width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:2px;flex:none;margin-top:8px}.sec-label{font-family:var(--font-mono);font-size:13px;letter-spacing:.34em;color:var(--muted);text-transform:uppercase;margin-bottom:18px}.sec-title{font-size:clamp(36px,3.8vw,62px);font-weight:300;line-height:1.22;letter-spacing:.01em}.about-grid{display:grid;grid-template-columns:460px 1fr;gap:96px;align-items:start}.about-media{position:relative}.about-portrait{overflow:hidden;border-radius:3px;border:1px solid var(--line);position:relative;aspect-ratio:3 / 4}.about-portrait-par{position:absolute;left:0;right:0;top:-8%;bottom:-8%;will-change:transform}.about-portrait:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 -140px 130px -60px #0a0a0cd9}.about-portrait-par img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease);filter:saturate(.92)}.about-media:hover .about-portrait-par img{transform:scale(1.045)}.about-badge{position:absolute;left:-28px;bottom:44px;background:#101014e6;border:1px solid var(--line-strong);padding:22px 30px;border-radius:3px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.about-badge strong{font-family:var(--font-mono);font-size:42px;font-weight:500;color:var(--accent);line-height:1}.about-badge strong span{font-size:16px;margin-left:4px}.about-badge p{font-size:12.5px;color:var(--muted);letter-spacing:.14em;margin-top:8px}.about-lead{font-size:16.5px;font-weight:400;color:var(--text);line-height:1.6;margin-bottom:26px}.about-body .par{color:#b6b2aa;font-size:16.5px;margin-bottom:18px;max-width:820px}.about-contact{margin-top:44px;border-top:1px solid var(--line);max-width:820px}.about-contact a,.about-contact .row{display:flex;justify-content:space-between;align-items:center;padding:18px 6px;border-bottom:1px solid var(--line);transition:background .4s var(--ease),padding .4s var(--ease)}.about-contact a:hover{background:var(--accent-soft);padding-left:18px}.about-contact .c-label{font-family:var(--font-mono);font-size:12px;letter-spacing:.3em;color:var(--muted)}.about-contact .c-value{font-size:16px;letter-spacing:.04em}.about-stats{margin-top:56px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);max-width:1120px}.stat{padding:32px 28px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat strong{font-family:var(--font-mono);font-size:34px;font-weight:500;color:var(--text);display:block;line-height:1.1}.stat strong em{color:var(--accent);font-style:normal;font-size:26px;margin-left:2px}.stat p{color:var(--muted);font-size:13px;letter-spacing:.04em;margin-top:12px;line-height:1.7}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;overflow:hidden;background:var(--bg-2)}.marquee-track{display:flex;width:max-content;animation:marquee 32s linear infinite}.marquee-group{display:flex;align-items:center}.m-item{font-family:var(--font-mono);font-size:14px;letter-spacing:.3em;color:var(--muted);text-transform:uppercase;white-space:nowrap}.m-item:after{content:"·";color:var(--accent);margin:0 34px}@keyframes marquee{to{transform:translate(-50%)}}.works-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px}.work-card{position:relative}.work-card.is-featured{grid-column:1 / -1}.work-media{position:relative;overflow:hidden;border-radius:3px;border:1px solid var(--line);aspect-ratio:4 / 3}.work-card.is-featured .work-media{aspect-ratio:21 / 9}.work-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease),filter 1.4s var(--ease);filter:brightness(.88)}.work-media-par{position:absolute;left:0;right:0;top:-8%;bottom:-8%;will-change:transform}.work-card:hover .work-media img{transform:scale(1.06);filter:brightness(1)}.work-media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a0c00 55%,#0a0a0c8c);opacity:0;transition:opacity .6s var(--ease);z-index:1}.work-card:hover .work-media:before{opacity:1}.work-view{position:absolute;right:26px;bottom:26px;padding:11px 22px;border:1px solid rgba(255,255,255,.35);border-radius:2px;font-size:13px;letter-spacing:.1em;color:#fff;background:#0a0a0c59;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transform:translateY(12px);transition:.5s var(--ease);z-index:2}.work-card:hover .work-view{opacity:1;transform:none}.work-info{display:flex;align-items:baseline;gap:22px;padding:26px 6px 0}.work-index{font-family:var(--font-mono);color:var(--accent);font-size:14px}.work-titles{flex:1;display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}.work-titles h3{font-size:21px;font-weight:400;letter-spacing:.02em}.work-titles p{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.22em;color:var(--muted);text-transform:uppercase}.work-tags{display:flex;gap:8px;flex:none}.work-tags span{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:4px 13px;border-radius:999px;letter-spacing:.05em;transition:.4s}.work-card:hover .work-tags span{border-color:#c9a06c66;color:var(--accent-bright)}.work-desc{padding:8px 6px 0 42px;color:var(--muted);font-size:14px;letter-spacing:.02em}.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.adv-card{border:1px solid var(--line);border-radius:3px;padding:42px 38px 46px;background:linear-gradient(180deg,#ffffff04,#fff0);transition:transform .5s var(--ease),border-color .5s var(--ease),background .5s var(--ease);position:relative;overflow:hidden}.adv-card:hover{transform:translateY(-6px);border-color:#c9a06c73;background:var(--accent-soft)}.adv-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:56px}.adv-num{font-family:var(--font-mono);font-size:13px;color:var(--accent);letter-spacing:.1em}.adv-icon{width:34px;height:34px;color:var(--text);opacity:.85}.adv-icon svg{width:100%;height:100%}.adv-card h3{font-size:22px;font-weight:400;margin-bottom:14px;letter-spacing:.02em}.adv-card p{font-size:14.5px;color:var(--muted);line-height:1.9}.contact{min-height:100vh;min-height:100svh;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:radial-gradient(1100px 560px at 82% 0%,rgba(201,160,108,.08),transparent 60%),var(--bg-2);border-top:1px solid var(--line);padding-top:150px}.contact-bg{position:absolute;left:50%;bottom:-3vw;transform:translate(-50%);font-family:var(--font-mono);font-size:21vw;font-weight:600;letter-spacing:.02em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.05);white-space:nowrap;pointer-events:none;line-height:1}.contact-inner{position:relative;z-index:2;width:100%}.contact h2{font-size:clamp(44px,5.2vw,90px);font-weight:300;line-height:1.2;margin-top:26px;letter-spacing:.01em}.contact h2 .accent{color:var(--accent)}.contact-list{margin-top:72px;border-top:1px solid var(--line);max-width:980px}.contact-row{display:flex;align-items:center;justify-content:space-between;padding:27px 6px;border-bottom:1px solid var(--line);transition:background .4s var(--ease),padding .4s var(--ease)}.contact-row:hover{background:#ffffff08;padding-left:22px}.contact-row .c-label{font-family:var(--font-mono);font-size:12px;letter-spacing:.3em;color:var(--muted);text-transform:uppercase}.contact-row .c-value{font-size:clamp(18px,1.8vw,26px);font-weight:300;display:flex;align-items:center;gap:16px;transition:color .4s}.contact-row .c-value svg{opacity:0;transform:translate(-6px);transition:.4s var(--ease)}.contact-row:hover .c-value{color:var(--accent-bright)}.contact-row:hover .c-value svg{opacity:1;transform:none}.contact-cta{margin-top:60px}.contact-note{margin-top:20px;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.14em;color:var(--muted)}.contact-foot{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding-top:34px;padding-bottom:34px;margin-top:130px;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;color:var(--muted);gap:24px;flex-wrap:wrap}.contact-foot a:hover{color:var(--accent)}.line-mask{display:block;overflow:hidden;padding:.08em 0 .14em;margin:-.08em 0 -.14em}.line-fill{display:block;will-change:transform;transform-origin:50% 100%}@media (max-width: 1200px){.container{padding-left:40px;padding-right:40px}.about-grid{grid-template-columns:1fr;gap:72px}.about-media{max-width:460px}.adv-grid{grid-template-columns:1fr 1fr}.hero-stats{gap:34px}}@media (max-width: 860px){.container{padding-left:24px;padding-right:24px}.nav-links{display:none}.section{padding:104px 0}.sec-head{margin-bottom:60px}.works-grid{grid-template-columns:1fr}.work-card.is-featured .work-media{aspect-ratio:16 / 10}.adv-grid{grid-template-columns:1fr}.about-stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(1),.stat:nth-child(2){border-bottom:1px solid var(--line)}.hero-side,.hero-stats{display:none}.hero-content{padding-bottom:130px}.about-badge{left:16px}.contact-foot{margin-top:80px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.marquee-track,.scroll-line:after{animation:none}}button.work-card-btn{display:block;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.work-detail{animation:detailIn .7s var(--ease) both}@keyframes detailIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.detail-back{display:inline-flex;align-items:center;gap:10px;margin-bottom:42px;padding:11px 24px;background:none;border:1px solid var(--line);border-radius:2px;color:var(--muted);font-size:13.5px;letter-spacing:.08em;cursor:pointer;transition:.4s var(--ease)}.detail-back:hover{border-color:#c9a06c80;color:var(--accent-bright)}.detail-head{display:flex;align-items:baseline;gap:28px;flex-wrap:wrap}.detail-index{font-family:var(--font-mono);font-size:15px;color:var(--accent)}.detail-titles{flex:1;display:flex;align-items:baseline;gap:20px;flex-wrap:wrap}.detail-titles h3{font-size:clamp(26px,2.6vw,40px);font-weight:400;letter-spacing:.02em}.detail-titles p{font-family:var(--font-mono);font-size:12px;letter-spacing:.22em;color:var(--muted);text-transform:uppercase}.detail-meta{display:flex;gap:10px;flex-wrap:wrap}.detail-meta span{font-size:12.5px;color:var(--muted);border:1px solid var(--line);padding:5px 15px;border-radius:999px;letter-spacing:.05em}.detail-meta span:first-child{border-color:#c9a06c73;color:var(--accent-bright)}.detail-intro{max-width:880px;margin-top:30px;padding-left:22px;border-left:2px solid var(--accent);color:#b6b2aa;font-size:16.5px;line-height:1.95}.detail-block{margin-top:64px}.detail-label{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding-bottom:16px;margin-bottom:28px;border-bottom:1px solid var(--line)}.detail-label .sec-label{color:var(--accent-bright)}.detail-count{font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.detail-img{position:relative;display:block;padding:0;border:1px solid var(--line);border-radius:3px;background:none;overflow:hidden;aspect-ratio:1 / 1;cursor:zoom-in}.detail-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.detail-img:hover img{transform:scale(1.045)}.detail-stack{display:flex;flex-direction:column;gap:22px;width:100%;margin:0 auto}.detail-full{display:block;padding:0;border:1px solid var(--line);border-radius:3px;background:none;overflow:hidden;cursor:zoom-in;transition:border-color .5s var(--ease)}.detail-full:hover{border-color:#c9a06c73}.detail-full img{display:block;width:100%;height:auto}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#060608ed;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:detailIn .35s var(--ease) both}.lightbox figure{margin:0;max-width:min(1240px,88vw)}.lightbox img{display:block;max-width:100%;max-height:82vh;margin:0 auto;border:1px solid rgba(255,255,255,.14);border-radius:3px;object-fit:contain}.lightbox figcaption{margin-top:16px;text-align:center;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.2em;color:var(--muted)}.lb-close,.lb-prev,.lb-next{position:fixed;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:#0a0a0c80;color:#fff;font-size:20px;cursor:pointer;transition:.35s var(--ease);z-index:201}.lb-close:hover,.lb-prev:hover,.lb-next:hover{border-color:#c9a06c99;color:var(--accent-bright)}.lb-close{top:28px;right:28px}.lb-prev{left:30px;top:50%;transform:translateY(-50%)}.lb-next{right:30px;top:50%;transform:translateY(-50%)}@media (max-width: 860px){.detail-grid{grid-template-columns:repeat(2,1fr);gap:14px}.lb-prev{left:12px}.lb-next{right:12px}}