:root{--ink:#090a0c;--soft:#111317;--paper:#f1eee7;--muted:#989991;--line:rgba(255,255,255,.13);--accent:#d8ff42;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--paper);background:var(--ink);font-family:Inter,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip-link{position:fixed;top:-80px;left:16px;z-index:100;padding:12px 18px;color:#000;background:var(--accent)}.skip-link:focus{top:16px}.site-header{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid transparent;transition:.2s}.site-header.scrolled{background:rgba(9,10,12,.9);border-color:var(--line);backdrop-filter:blur(18px)}.brand{display:flex;gap:11px;align-items:center;z-index:2}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(216,255,66,.6);border-radius:50%;color:var(--accent);font:700 11px Arial;letter-spacing:.08em}.brand-name{display:grid}.brand-name strong{font-size:13px;letter-spacing:.08em}.brand-name small{color:var(--muted);font-size:10px;letter-spacing:.15em;text-transform:uppercase}.menu-toggle{display:grid;width:42px;height:42px;place-content:center;gap:6px;color:inherit;background:transparent;border:1px solid var(--line);border-radius:50%;z-index:2}.menu-toggle span{width:17px;height:1px;background:currentColor;transition:.2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.site-nav{position:fixed;inset:0;display:grid;align-content:center;gap:22px;padding:100px 28px;background:rgba(9,10,12,.98);transform:translateY(-105%);transition:transform .25s}.site-nav.open{transform:none}.site-nav a{font-size:clamp(28px,8vw,42px);letter-spacing:-.04em}.site-nav .nav-cta{color:var(--accent)}
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:120px 22px 32px;isolation:isolate;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 70% 25%,rgba(93,105,65,.32),transparent 32%),linear-gradient(140deg,#0b0d10 15%,#171a1b 57%,#08090b)}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(8,9,11,.98) 2%,rgba(8,9,11,.1) 55%),linear-gradient(90deg,rgba(8,9,11,.55),transparent 70%)}.hero-orbit{position:absolute;width:78vw;aspect-ratio:1;top:3%;right:-35%;z-index:-2;border:1px solid rgba(216,255,66,.15);border-radius:50%;box-shadow:0 0 100px rgba(216,255,66,.05),inset 0 0 100px rgba(216,255,66,.03)}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;inset:12%;border:1px solid rgba(255,255,255,.08);border-radius:50%}.hero-orbit:after{inset:28%;background:radial-gradient(circle,rgba(216,255,66,.08),transparent 65%)}.hero-content{max-width:930px;padding-bottom:clamp(38px,8vw,95px)}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 22px;color:#777872;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.eyebrow span{width:24px;height:1px;background:var(--accent)}.eyebrow.light{color:#aaa9a2}h1,h2{margin:0;font-weight:500;letter-spacing:-.055em;line-height:.94;text-wrap:balance}h1{font-size:clamp(52px,13vw,112px)}h2{font-size:clamp(43px,9vw,78px)}h1 em,h2 em{color:var(--accent);font-family:Georgia,serif;font-weight:400}.hero-copy{max-width:610px;margin:28px 0 0;color:#c3c1ba;font-size:clamp(17px,3.8vw,21px);line-height:1.6}.hero-actions{display:flex;flex-direction:column;gap:10px;margin-top:34px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:0 20px;border:1px solid transparent;border-radius:3px;font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.18s}.button:hover{transform:translateY(-2px)}.primary{color:#111;background:var(--accent)}.primary:hover{background:#e4ff7b}.secondary{border-color:rgba(255,255,255,.28)}.hero-proof{display:grid;border-top:1px solid var(--line)}.hero-proof div{display:grid;grid-template-columns:100px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}.hero-proof strong{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.hero-proof span{color:var(--muted);font-size:12px}
.section{padding:88px 22px}.section-heading{display:grid;gap:26px;margin-bottom:42px}.section-heading>p{max-width:520px;margin:0;color:#777872;font-size:16px;line-height:1.75}.work-section{color:var(--ink);background:var(--paper)}.work-section h2 em,.music-section h2 em{color:#66771a}.work-grid{display:grid;gap:36px}.video-slot{position:relative;aspect-ratio:4/5;overflow:hidden;background:#171a1a}.work-card:nth-child(2n) .video-slot{background:#222019}.work-card:nth-child(3n) .video-slot{background:#1b1b23}.video-slot video{display:none;width:100%;height:100%;object-fit:cover;background:#000}.work-card.has-video video{display:block}.work-card.has-video .placeholder{display:none}.placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 65% 35%,rgba(216,255,66,.12),transparent 28%),linear-gradient(145deg,transparent,rgba(0,0,0,.4))}.placeholder:before{content:"";position:absolute;width:66%;aspect-ratio:1;border:1px solid rgba(255,255,255,.1);border-radius:50%}.placeholder>span{position:absolute;top:20px;left:20px;font-size:12px;letter-spacing:.15em}.placeholder>b{display:grid;width:58px;height:58px;place-content:center;padding-left:3px;border:1px solid rgba(255,255,255,.5);border-radius:50%;font-size:13px}.placeholder small{position:absolute;bottom:20px;left:20px;color:rgba(255,255,255,.5);letter-spacing:.12em;text-transform:uppercase}.work-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-top:17px}.work-meta h3{margin:0 0 6px;font-size:18px}.work-meta p,.work-meta>span{margin:0;color:#77756e;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.work-meta>span{padding-top:4px;white-space:nowrap}
.section-kicker{padding-bottom:22px;margin-bottom:44px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.services-layout{display:grid;gap:60px}.services-intro p{max-width:500px;margin:28px 0;color:var(--muted);line-height:1.75}.text-link{display:inline-flex;gap:24px;padding-bottom:8px;border-bottom:1px solid var(--accent);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.text-link span,.service-list span{color:var(--accent)}.service-list{margin:0;padding:0;list-style:none}.service-list li{display:grid;grid-template-columns:35px 1fr;gap:10px;padding:22px 0;border-top:1px solid var(--line)}.service-list li:last-child{border-bottom:1px solid var(--line)}.service-list span{font:11px/1.4 monospace}.service-list h3{margin:0;font-size:20px;font-weight:500}.service-list p{grid-column:2;margin:3px 0 0;color:var(--muted);font-size:13px;line-height:1.6}
.industries-section{color:var(--ink);background:#dcd8ce}.industry-grid{display:grid;gap:1px;background:rgba(10,11,13,.14);border:1px solid rgba(10,11,13,.14)}.industry-card{min-height:190px;display:flex;flex-direction:column;justify-content:space-between;padding:20px;background:#e7e3da}.industry-card.active{color:#fff;background:#1b2115}.industry-card span{font:11px monospace;color:#817e75}.industry-card.active span{color:var(--accent)}.industry-card h3{margin:auto 0 5px;font-size:24px;font-weight:500}.industry-card p{margin:0;color:#7b7972;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.industry-card.active p{color:#b6baad}.process-section{background:#101216}.process-section>h2{margin-bottom:45px}.process-list{margin:0;padding:0;list-style:none}.process-list li{display:grid;grid-template-columns:45px 1fr;gap:12px;padding:26px 0;border-top:1px solid var(--line)}.process-list li:last-child{border-bottom:1px solid var(--line)}.process-list>li>span{color:var(--accent);font:11px/1.5 monospace}.process-list h3{margin:0 0 9px;font-size:clamp(19px,5vw,28px);font-weight:500}.process-list p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.inquiry-section{display:grid;gap:52px;background:#31382b}.inquiry-copy>p:not(.eyebrow){max-width:510px;color:#c0c5b9;font-size:16px;line-height:1.7}.inquiry-note{display:flex;gap:17px;align-items:center;margin-top:36px}.inquiry-note>span{display:grid;width:56px;height:56px;place-items:center;border:1px solid rgba(216,255,66,.5);border-radius:50%;color:var(--accent);font-family:monospace}.inquiry-note p{margin:0;color:#c0c5b9;font-size:11px;line-height:1.6;letter-spacing:.08em;text-transform:uppercase}.lead-form{padding:26px 20px;color:var(--ink);background:#f0eee8}.lead-form label{display:block;margin-bottom:22px}.lead-form label>span{display:block;margin-bottom:8px;color:#65645f;font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.lead-form input,.lead-form select,.lead-form textarea{width:100%;padding:11px 0;color:var(--ink);background:transparent;border:0;border-bottom:1px solid #b9b6ad;border-radius:0;outline:none}.lead-form textarea{resize:vertical}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:#60720f;box-shadow:0 1px #60720f}.lead-form .invalid{border-color:#9c342c}.form-submit{width:100%;color:#fff;background:var(--ink)}.form-submit:hover{color:var(--ink);background:var(--accent)}.form-status{margin:14px 0 0;color:#7d7a72;font-size:11px}
.about-section{display:grid;gap:42px;color:var(--ink);background:var(--paper)}.portrait-placeholder{position:relative;min-height:430px;display:grid;place-items:center;overflow:hidden;color:rgba(255,255,255,.7);background:radial-gradient(circle at 52% 28%,#70756c 0 9%,transparent 10%),radial-gradient(ellipse at 50% 76%,#343936 0 28%,transparent 29%),linear-gradient(145deg,#626960,#1b1e1c)}.portrait-placeholder:after{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.16)}.portrait-placeholder>span{font:68px Georgia}.portrait-placeholder small{position:absolute;bottom:28px;letter-spacing:.18em;text-transform:uppercase}.about-copy .about-lead{margin-top:30px;color:#31332f;font-size:21px;line-height:1.55}.about-copy>p:not(.eyebrow):not(.about-lead){color:#74726b;line-height:1.75}.music-section{color:var(--ink);background:#dedbd2}.music-signature-list{margin-bottom:42px;padding:24px 26px;border-left:4px solid #7d5bb0;background:rgba(255,255,255,.38)}.music-signature-list strong{display:block;margin-bottom:10px;color:#705098;font-size:12px;letter-spacing:.15em;text-transform:uppercase}.music-signature-list p{max-width:980px;margin:0;color:#29272c;font-size:18px;line-height:1.75}.music-grid{display:grid;gap:22px}.music-card{display:grid;grid-template-columns:112px 1fr;align-items:center;gap:18px}.album-art{aspect-ratio:1;display:grid;place-items:center;overflow:hidden;color:#cbd89e;background:radial-gradient(circle,transparent 0 18%,rgba(255,255,255,.1) 19% 20%,transparent 21%),linear-gradient(145deg,#252c1b,#080a08)}.album-art.youtube-player{aspect-ratio:16/9;background:#08090b}.youtube-player iframe{width:100%;height:100%;border:0}.album-art.alt{color:#d2bac8;background:linear-gradient(145deg,#44343f,#121013)}.album-art.warm{color:#e0bd8f;background:linear-gradient(145deg,#5d4632,#17110d)}.music-card p{margin:0 0 6px;color:#838078;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.music-card h3{margin:0;font-size:18px;font-weight:500}.track-link,.track-pending{display:inline-block;margin-top:10px;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.track-link{color:#705098}.track-link:hover{text-decoration:underline}.track-pending{color:#89857c}.music-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}.music-links a{display:inline-flex;gap:20px;padding:13px 15px;border:1px solid rgba(10,11,13,.25);font-size:11px;font-weight:700;text-transform:uppercase}.music-links a:hover{color:#fff;background:var(--ink)}
.contact-section{padding:90px 22px 35px;text-align:center;background:radial-gradient(circle at 50% 50%,#242b1c,#090a0c 58%)}.contact-section .eyebrow{justify-content:center}.contact-section h2{margin-bottom:40px;font-size:clamp(46px,12vw,100px)}.contact-section .button{width:100%;max-width:290px}.contact-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 22px;margin-top:90px;padding-top:25px;border-top:1px solid var(--line)}.contact-footer a{color:var(--muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.site-footer{display:flex;justify-content:space-between;gap:18px;padding:20px 22px;color:#686964;background:#070809;border-top:1px solid rgba(255,255,255,.06);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
@media(min-width:680px){.hero-actions{flex-direction:row}.hero-actions .button{min-width:190px}.work-grid{grid-template-columns:repeat(2,1fr);gap:52px 22px}.work-card.featured{grid-column:1/-1}.work-card.featured .video-slot{aspect-ratio:16/9}.industry-grid{grid-template-columns:repeat(2,1fr)}.field-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.music-grid{grid-template-columns:repeat(3,1fr)}.music-card{display:block}.music-card>div:last-child{padding-top:14px}}
@media(min-width:960px){.site-header{padding:20px 42px}.menu-toggle{display:none}.site-nav{position:static;display:flex;align-items:center;gap:30px;padding:0;background:transparent;transform:none}.site-nav a{font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.site-nav .nav-cta{padding:12px 16px;color:#111;background:var(--accent)}.hero{padding:150px 42px 36px}.hero-content{padding-bottom:65px}.hero-proof{grid-template-columns:repeat(3,1fr);max-width:820px}.hero-proof div{grid-template-columns:1fr;padding:16px 25px 0 0;border:0;border-right:1px solid var(--line)}.hero-proof div+div{padding-left:25px}.section{padding:125px 42px}.section>*{max-width:var(--max);margin-left:auto;margin-right:auto}.section-heading{grid-template-columns:1.25fr .75fr;align-items:end;margin-bottom:64px}.work-grid{grid-template-columns:repeat(12,1fr);gap:70px 24px}.work-card{grid-column:span 6}.work-card.featured{grid-column:span 12}.work-card:nth-child(n+4){grid-column:span 4}.services-layout{grid-template-columns:.9fr 1.1fr;gap:100px}.services-intro{position:sticky;top:130px;align-self:start}.service-list li{grid-template-columns:55px minmax(220px,.9fr) 1fr;align-items:start;padding:30px 0}.service-list p{grid-column:3;margin:0}.industry-grid{grid-template-columns:repeat(5,1fr)}.industry-card{min-height:290px}.process-list{max-width:830px;margin-left:auto;margin-right:0}.process-list li{grid-template-columns:70px 1fr;padding:34px 0}.inquiry-section{max-width:none;grid-template-columns:.85fr 1.15fr;gap:80px;padding-left:max(42px,calc((100vw - var(--max))/2));padding-right:max(42px,calc((100vw - var(--max))/2))}.inquiry-copy{padding-top:35px}.lead-form{padding:45px 42px}.about-section{grid-template-columns:.9fr 1.1fr;align-items:center;gap:90px}.portrait-placeholder{min-height:650px}.about-copy{max-width:570px}.music-grid{gap:28px}.contact-section{padding:135px 42px 42px}.contact-footer{max-width:var(--max);margin-left:auto;margin-right:auto}.site-footer{padding:20px 42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}
.language-switch{display:flex;align-items:center;gap:9px;color:#676962}.language-switch button{padding:5px 0;color:#777972;background:none;border:0;font-size:13px;font-weight:700;letter-spacing:.08em;cursor:pointer}.language-switch button[aria-pressed=true]{color:var(--accent)}.language-switch span{font-size:11px}
@media(min-width:960px){.site-nav{gap:26px}.language-switch{margin:0 2px}.language-switch button{font-size:10px}}
.about-section h2 em{color:#69369b}
.hero-content{width:100%;max-width:1240px}.hero h1,.hero h1 em{font-family:Inter,"Helvetica Neue","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-style:normal;font-weight:500}.hero h1{max-width:1200px;font-size:clamp(48px,8vw,112px);text-wrap:pretty}html[lang="zh-CN"] .hero h1{max-width:none;font-size:clamp(22px,7vw,92px);letter-spacing:-.06em;white-space:nowrap}
.about-section h2 em,.music-section h2 em{font-family:inherit;font-style:normal;font-weight:700}
.about-section .portrait-placeholder{min-height:0;aspect-ratio:1;margin:0;background:#1b1e1c}.about-section .portrait-placeholder:after{display:none}.about-section .portrait-placeholder img{display:block;width:100%;height:100%;object-fit:cover}
.work-card.real-work .video-slot{aspect-ratio:9/16}.work-card.real-work video{object-fit:contain;background:#111}
@media(min-width:960px){.work-card.real-work{grid-column:span 4}}