:root{color-scheme:dark;--bg:#0b0c10;--panel:#15161c;--line:rgba(255,255,255,.13);--text:#f3f2f0;--muted:#a6a5ac;--accent:#ef6b4c;--wrap:1320px;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);line-height:1.65}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.skip{position:absolute;left:-9999px;top:0;z-index:1000;padding:12px 20px;background:#fff;color:#111}.skip:focus{left:8px}.site-header{height:82px;position:relative;z-index:30;background:#0c0d11;border-bottom:1px solid var(--line)}.header-inner{max-width:var(--wrap);height:100%;padding:0 42px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:34px}.brand{display:flex;align-items:center;width:195px;flex:none}.brand img{width:165px;height:auto}.site-nav{display:flex;align-items:center;gap:29px}.site-nav a{font-size:13px;letter-spacing:.04em;color:#c4c3c9;white-space:nowrap;transition:color .2s}.site-nav a:hover,.site-nav a.active{color:#fff}.site-nav a.active:after{content:"";display:block;height:2px;background:var(--accent);margin-top:5px}.menu-toggle{display:none;background:none;color:#fff;border:0;font-size:25px}.home-hero{position:relative;min-height:min(740px,calc(100svh - 82px));background-image:var(--hero);background-position:center;background-size:cover;display:flex;align-items:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,8,.96) 0%,rgba(5,6,9,.85) 31%,rgba(6,7,12,.18) 78%),linear-gradient(0deg,rgba(5,6,9,.75),transparent 38%)}.home-hero-inner{position:relative;z-index:1;width:min(100%,var(--wrap));padding:65px 42px 100px;margin:auto}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:750;color:var(--accent);text-transform:uppercase}.home-hero h1{font-size:clamp(64px,8.3vw,132px);line-height:1.12;letter-spacing:-.08em;margin:31px 0 25px;font-weight:770}.home-hero h1 em{font-style:normal;color:#fff}.home-hero p{font-size:18px;max-width:520px;color:#d3d1d5;line-height:1.9;margin-bottom:37px}.hero-actions{display:flex;align-items:center;gap:30px}.button,.button-outline,.button-ghost{display:inline-flex;align-items:center;justify-content:center;gap:30px;font-size:13px;font-weight:700;letter-spacing:.04em;border:1px solid transparent;min-height:54px;padding:0 24px;transition:transform .2s,background .2s,color .2s}.button{background:var(--accent);color:#101014}.button:hover{background:#ff8b70;transform:translateY(-2px)}.button-ghost{padding:0;color:#fff}.button-ghost:hover,.text-link:hover{color:var(--accent)}.button-outline{background:transparent;border-color:#686873;color:#fff}.button-outline:hover{border-color:#fff}.hero-index{position:absolute;right:42px;bottom:36px;font-size:11px;letter-spacing:.16em;color:#cfced3}.intro-section,.featured-section,.article-shell{max-width:var(--wrap);padding:100px 42px;margin:0 auto}.intro-section{display:grid;grid-template-columns:1.15fr .85fr;gap:100px;border-bottom:1px solid var(--line)}.intro-section h2{font-size:clamp(38px,4.3vw,67px);line-height:1.25;letter-spacing:-.06em;margin:22px 0 0}.intro-section>p{align-self:end;max-width:480px;font-size:16px;color:#bbb9c1;line-height:2.05;margin:0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:0 0 36px}.section-head h2{font-size:clamp(36px,4vw,57px);line-height:1.2;letter-spacing:-.05em;margin:13px 0 0}.text-link{font-size:13px;font-weight:650;transition:color .2s;white-space:nowrap}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.work-card{background:#15161b;border:1px solid var(--line);min-width:0;transition:transform .3s,border-color .3s;animation:rise .6s backwards;animation-delay:var(--delay,0ms)}.work-card:hover{transform:translateY(-6px);border-color:rgba(239,107,76,.7)}.card-image{aspect-ratio:1.6;overflow:hidden;background:#20212a}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.work-card:hover img{transform:scale(1.045)}.card-bottom{padding:27px 29px 30px;display:flex;justify-content:space-between;gap:12px}.card-bottom h3{font-size:27px;line-height:1.3;margin:10px 0 7px;letter-spacing:-.025em}.card-bottom p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.arrow{font-size:28px;color:var(--accent);line-height:1}.statement{border-top:1px solid var(--line);background:#111217;text-align:center;padding:95px 20px 110px}.statement p{font-size:clamp(31px,4vw,56px);letter-spacing:-.04em;line-height:1.35;margin:21px 0 30px}.footer{border-top:1px solid var(--line);max-width:var(--wrap);margin:auto;padding:53px 42px 42px;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:20px}.footer strong{font-size:22px;display:block}.footer span,.footer p,.footer small{font-size:12px;color:var(--muted)}.footer p{margin:0}.page-hero{position:relative;min-height:420px;background-image:linear-gradient(90deg,rgba(4,5,8,.96),rgba(5,6,9,.65) 48%,rgba(5,6,9,.25)),var(--hero);background-position:center;background-size:cover;display:flex;align-items:center}.page-hero:after{content:"";position:absolute;inset:auto 0 0;height:100px;background:linear-gradient(transparent,var(--bg))}.hero-inner{position:relative;z-index:1;max-width:var(--wrap);width:100%;padding:70px 42px;margin:auto}.page-hero h1{font-size:clamp(52px,6.5vw,92px);line-height:1.2;margin:20px 0 10px;letter-spacing:-.065em}.page-hero p{font-size:17px;color:#dddce0;max-width:550px;margin:0 0 20px}.page-hero .text-link{color:#dddce0}.simple-hero{min-height:340px;background:radial-gradient(ellipse at 77% 20%,#442437 0%,transparent 40%),linear-gradient(135deg,#171821,#090a0e)}.article-shell{padding-top:76px}.article-content{max-width:960px;margin:0 auto;color:#d2d0d6}.article-content>p{font-size:16px;line-height:2.05;max-width:760px;margin:16px 0 34px}.content-heading{font-size:clamp(29px,3.4vw,46px);letter-spacing:-.04em;color:#fff;line-height:1.3;margin:74px 0 16px;border-left:3px solid var(--accent);padding-left:18px}.article-content>.content-heading:first-child{margin-top:0}.media-frame{margin:30px 0 54px;background:#171820;border:1px solid var(--line);overflow:hidden}.media-frame>img{width:100%;height:auto;max-height:780px;object-fit:contain}.video-play{width:100%;aspect-ratio:16/9;position:relative;display:block;border:0;background:#13141c;color:#fff;padding:0;text-align:center}.video-play>img{width:100%;height:100%;object-fit:cover;opacity:.55}.video-play>span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:20px;font-weight:700;text-shadow:0 2px 20px #000}.video-play small{font-size:11px;font-weight:400;letter-spacing:.1em}.video-frame video{width:100%;display:block;max-height:80vh;background:#000}.article-content .project-grid{margin-top:65px}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.header-inner{padding:0 22px}.site-nav{gap:14px}.site-nav a{font-size:12px}.brand{width:145px}.brand img{width:140px}.intro-section{gap:42px}}@media(max-width:700px){.site-header{height:70px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#101116;border-bottom:1px solid var(--line);padding:15px 22px 26px;flex-direction:column;align-items:stretch;gap:0}.site-nav.open{display:flex}.site-nav a{padding:11px 0;font-size:15px}.site-nav a.active:after{display:none}.home-hero{min-height:690px}.home-hero-inner,.hero-inner{padding-left:24px;padding-right:24px}.home-hero h1{font-size:clamp(61px,13vw,88px)}.home-hero p{font-size:15px;max-width:360px}.hero-actions{align-items:flex-start;flex-direction:column;gap:12px}.hero-index{right:24px}.intro-section,.featured-section,.article-shell{padding:72px 24px}.intro-section{grid-template-columns:1fr;gap:26px}.project-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.card-bottom{padding:23px}.page-hero{min-height:365px}.page-hero h1{font-size:56px}.article-content>p{font-size:15px}.content-heading{margin-top:55px}.footer{padding:40px 24px;grid-template-columns:1fr;align-items:start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.video-frame .viewport-video{aspect-ratio:16/9;object-fit:contain}
.environment-content{max-width:1200px}.environment-content>.content-heading{max-width:960px;margin-left:auto;margin-right:auto}.environment-content>p{margin-left:auto;margin-right:auto}