:root{--carbon:#050505;--ink:#0a0a0a;--panel:#111;--line:#ffffff21;--text:#f6f4ef;--muted:#f6f4efa8;--soft:#f6f4ef6b;--gold:#dedbd2;--gold-strong:#fff;--coral:#b8b8b8;--violet:#d8d8d8;--ease:cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--carbon)}body{color:var(--text);background:linear-gradient(#050505 0%,#0d0d0d 46%,#030303 100%);min-width:320px;margin:0;position:relative;overflow-x:hidden}body:before{z-index:0;content:"";pointer-events:none;opacity:.72;background-color:#0000;background-image:linear-gradient(112deg,#0000 0 30%,#ffffff0b 42%,#0000 54%),linear-gradient(244deg,#0000 0 48%,#ffffff08 60%,#0000 72%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:180% 180%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:14s ease-out infinite alternate ambientFlow;position:fixed;inset:0}#root{z-index:1;position:relative}@keyframes ambientFlow{0%{background-position:0 42%,100% 58%}to{background-position:100%,0 46%}}body.modal-open{overflow:hidden}.opening-curtain{z-index:999;pointer-events:none;background:linear-gradient(135deg,#ffffff14,#0000 28%),#050505;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.opening-curtain:before{content:"";opacity:.12;background:repeating-linear-gradient(90deg,#ffffff14 0 1px,#0000 1px 54px);position:absolute;inset:0}.opening-mark{color:#f5f2eb;letter-spacing:.12em;font-size:clamp(18px,2.4vw,34px);font-weight:800;display:block;position:relative}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}.site-header{z-index:50;min-height:76px;transition:background .5s var(--ease), border-color .5s var(--ease), min-height .5s var(--ease);background:#0505052e;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:0 clamp(20px,5vw,72px);display:flex;position:fixed;top:0;left:0;right:0}.site-header.is-scrolled{border-color:var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050505eb;min-height:64px}.brand,.nav-links{align-items:center;display:flex}.nav-links{order:2}.brand{letter-spacing:0;order:1;font-size:14px;font-weight:700}.nav-links{color:var(--muted);gap:clamp(18px,3vw,34px);font-size:14px}.nav-links a{transition:color .5s var(--ease)}.nav-links a:hover{color:var(--text)}.header-actions{order:3;align-items:center;gap:12px;display:flex}.language-switch{background:#ffffff09;border:1px solid #ffffff38;grid-template-columns:repeat(2,minmax(44px,1fr));min-height:38px;display:inline-grid}.language-switch button{min-width:44px;color:var(--muted);cursor:pointer;transition:background .5s var(--ease), color .5s var(--ease);background:0 0;border:0;font-size:12px;font-weight:700}.language-switch button.is-active{color:#050505;background:var(--gold-strong)}.menu-toggle{border:1px solid var(--line);width:46px;height:46px;color:var(--text);cursor:pointer;background:#ffffff0a;display:none}.menu-toggle span{background:var(--text);width:18px;height:1px;transition:transform .5s var(--ease), opacity .5s var(--ease);margin:5px auto;display:block}.hero{align-items:center;min-height:100vh;padding:120px clamp(20px,5vw,72px) 92px;display:grid;position:relative;overflow:hidden}.hero-background{background:linear-gradient(90deg,#050505f0 0%,#050505c2 48%,#0505053d 100%),linear-gradient(#0e0e0e14,#050505d1),linear-gradient(135deg,#ffffff14,#0000 42%),linear-gradient(135deg,#171717 0%,#070707 58%,#141414 100%);position:absolute;inset:0}.hero-background:after{content:"";opacity:.48;background-image:linear-gradient(112deg,#0000 0 42%,#ffffff0d 42.2%,#0000 42.8%);background-size:128px 128px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 26% 72%,#0000);mask-image:linear-gradient(#0000,#000 26% 72%,#0000)}.hero-cover-collage{z-index:0;opacity:.34;filter:grayscale(.28)blur(3px)saturate(.98)contrast(1.06)brightness(.9);pointer-events:none;grid-template-columns:repeat(7,minmax(98px,156px));gap:18px;width:min(76vw,1120px);display:grid;position:absolute;top:2vh;right:-16vw;transform:rotate(-7deg);-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.hero-cover-collage:after{content:"";filter:blur(32px);background:radial-gradient(circle at 35% 40%,#ffffff21,#0000 34%),radial-gradient(circle at 72% 62%,#ffffff14,#0000 32%);position:absolute;inset:-16%}.hero-cover-collage img{z-index:1;aspect-ratio:1;object-fit:cover;opacity:.74;width:100%;transform:translateY(var(--lift));animation:9s ease-out infinite coverDrift;animation-delay:calc(var(--tile) * -.42s);border:1px solid #ffffff1a;position:relative}@keyframes coverDrift{0%,to{transform:translateY(var(--lift)) scale(1)}50%{transform:translateY(calc(var(--lift) - 18px)) scale(1.04)}}.hero-content{z-index:2;text-align:left;width:min(760px,100%);position:relative}.eyebrow{color:var(--gold);letter-spacing:0;text-transform:uppercase;margin:0 0 18px;font-size:12px;font-weight:700}.hero h1{letter-spacing:0;margin:0;font-size:clamp(42px,7vw,86px);font-weight:760;line-height:1.08}.hero h2{color:var(--gold);letter-spacing:0;margin:28px 0 0;font-size:clamp(22px,3vw,36px);font-weight:500}.title-mask{display:block;overflow:hidden}.hero-title-line,.hero-role-line{will-change:transform, opacity;display:block}.hero-slogan{max-width:620px;color:var(--muted);margin:18px 0 0;font-size:clamp(16px,2vw,22px);line-height:1.7}.hero-intro{color:#f4f1ead1;max-width:700px;margin:12px 0 0;font-size:clamp(15px,1.6vw,19px);line-height:1.85}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:30px;display:flex}.hero-link-row{flex-wrap:wrap;gap:10px;display:flex}.hero-link-row a{color:#f4f1ead1;min-height:44px;transition:border-color .5s var(--ease), background .5s var(--ease), color .5s var(--ease), transform .5s var(--ease);background:#ffffff09;border:1px solid #f4f1ea29;align-items:center;padding:0 14px;font-size:13px;display:inline-flex}.hero-link-row a:hover{color:var(--text);background:#ffffff17;border-color:#ffffff8f;transform:translateY(-2px)}.scroll-cue{place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.scroll-cue span{border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);width:14px;height:14px;animation:1.8s ease-out infinite cue;display:block;transform:rotate(45deg)}@keyframes cue{0%,to{opacity:.3;transform:translateY(-4px)rotate(45deg)}50%{opacity:1;transform:translateY(5px)rotate(45deg)}}.section{padding:clamp(76px,10vw,140px) clamp(20px,5vw,72px);position:relative}.portfolio{overflow:hidden}.portfolio:before{z-index:0;content:"";pointer-events:none;opacity:.34;background:repeating-linear-gradient(90deg,#0000 0 22px,#ffffff08 22px 23px,#0000 23px 48px);width:124vw;height:360px;animation:11s ease-out infinite alternate signalFlow;position:absolute;top:116px;left:-12vw;transform:skewY(-7deg);-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.portfolio>*{z-index:1;position:relative}.live-cases{background:linear-gradient(#ffffff06,#0000 34%),#070707;overflow:hidden}.live-cases:before{z-index:0;content:"";pointer-events:none;opacity:.38;background:repeating-linear-gradient(0deg,#ffffff0d 0 1px,#0000 1px 34px),linear-gradient(105deg,#0000 0 38%,#ffffff14 50%,#0000 62%);height:520px;animation:12s ease-out infinite alternate signalFlow;position:absolute;inset:80px -10vw auto;transform:rotate(-4deg)}.live-cases>*{z-index:1;position:relative}@keyframes signalFlow{0%{transform:translate(-42px)skewY(-7deg)}to{transform:translate(42px)skewY(-7deg)}}.section-heading{text-align:center;max-width:880px;margin:0 auto 54px;overflow:hidden}.section-heading .eyebrow{color:#f6f4efb8;white-space:nowrap;will-change:transform, opacity;margin:0 0 -4px;font-size:clamp(42px,10vw,118px);font-weight:850;line-height:.86}.live-heading p:last-child{max-width:760px;color:var(--muted);margin:20px auto 0;line-height:1.85}.section-heading h2,.about-copy h2{letter-spacing:0;will-change:transform, clip-path, opacity;margin:0;font-size:clamp(32px,5vw,58px);line-height:1.1}.filter-row{flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 42px;display:flex}.filter-row button{border:1px solid var(--line);min-height:44px;color:var(--muted);cursor:pointer;transition:background .5s var(--ease), color .5s var(--ease), border-color .5s var(--ease);background:#ffffff06;padding:0 18px}.filter-row button:hover,.filter-row button.is-active{color:var(--text);background:#ffffff14;border-color:#ffffff6b}.portfolio-folder{background:linear-gradient(#ffffff0b,#ffffff05),#ffffff05;border:1px solid #f4f1ea1f;max-width:1180px;margin:0 auto}.folder-bar{min-height:54px;color:var(--soft);border-bottom:1px solid #f4f1ea1a;justify-content:space-between;align-items:center;gap:16px;padding:0 clamp(16px,3vw,24px);font-size:13px;display:flex}.folder-bar span{color:var(--gold);text-transform:uppercase;font-weight:700}.folder-bar strong{color:var(--text);font-weight:600}.work-grid,.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1180px;margin:0 auto;display:grid}.live-case-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;max-width:1320px;margin:0 auto;display:grid}.live-case-card{border:1px solid var(--line);min-height:100%;transition:border-color .5s var(--ease), transform .5s var(--ease);will-change:transform, opacity, clip-path;background:#ffffff09;grid-template-rows:auto 1fr;display:grid;position:relative;overflow:hidden}.live-case-card:hover{border-color:#ffffff6b;transform:translateY(-4px)}.live-case-image{aspect-ratio:3/4;will-change:clip-path;background:#101010;min-height:0;position:relative;overflow:hidden}.live-case-image img{object-fit:cover;object-position:center;filter:saturate(.88)contrast(1.03)brightness(.9);width:100%;height:100%;transition:filter .5s var(--ease), transform .5s var(--ease);will-change:transform;display:block}.live-case-card:hover .live-case-image img{filter:saturate(1.03)contrast(1.03)brightness(.98);transform:scale(1.025)}.live-case-copy{align-content:start;gap:10px;min-height:178px;padding:clamp(18px,2.5vw,28px);display:grid}.live-case-copy span{color:var(--gold);text-transform:uppercase;font-size:12px;font-weight:700;line-height:1.5}.live-case-copy h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:clamp(20px,2.4vw,30px);line-height:1.18;display:-webkit-box;overflow:hidden}.live-case-copy p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.7;display:-webkit-box;overflow:hidden}.portfolio-folder .work-grid{max-width:none;padding:clamp(14px,2vw,20px)}.folder-actions{justify-content:center;padding:4px clamp(14px,2vw,20px) clamp(18px,3vw,28px);display:flex}.folder-toggle{min-height:48px;color:var(--gold-strong);cursor:pointer;transition:background .5s var(--ease), color .5s var(--ease), transform .5s var(--ease);background:#ffffff0e;border:1px solid #ffffff57;padding:0 20px;font-weight:700}.folder-toggle:hover{color:#050505;background:var(--gold-strong);transform:translateY(-2px)}.work-card,.service-card,.process-card{border:1px solid var(--line);will-change:transform, opacity, clip-path;background:#ffffff09}.work-card{cursor:pointer;transition:transform .5s var(--ease), border-color .5s var(--ease);grid-template-rows:auto 1fr;display:grid}.work-card:hover,.work-card:focus-visible{border-color:#ffffff6b;outline:none;transform:translateY(-6px)scale(1.015)}.cover-placeholder{min-height:300px;color:var(--text);transition:filter .5s var(--ease);will-change:clip-path;background:#1a1a1a;place-items:center;display:grid;position:relative;overflow:hidden}.cover-placeholder img{object-fit:cover;filter:grayscale(.22)saturate(.86)contrast(1.06)brightness(.86);width:100%;height:100%;transition:filter .5s var(--ease), transform .5s var(--ease);will-change:transform;position:absolute;inset:0}.cover-placeholder:after{content:"";pointer-events:none;background:linear-gradient(#0000 40%,#00000073);position:absolute;inset:0}.work-card:hover .cover-placeholder{filter:brightness(1.14)}.work-card:hover .cover-placeholder img{filter:grayscale(0)saturate(1.02)contrast(1.06)brightness(.98);transform:scale(1.035)}.modal-cover img{filter:grayscale(.08)saturate(.96)contrast(1.04)brightness(.94)}.cover-placeholder:before{content:"";background:linear-gradient(135deg,#ffffff14,#0000 48%),radial-gradient(circle at 70% 30%,#ffffff2e,#0000 26%);position:absolute;inset:0}.video-cover-art{background:linear-gradient(#0000 0%,#00000061 54%,#000000d1 100%),linear-gradient(145deg,#ffffff29,#0000 34%),repeating-linear-gradient(100deg,#ffffff29 0 1px,#0000 1px 18px),linear-gradient(135deg,#161616 0%,#070707 54%,#202020 100%);align-content:end;gap:12px;padding:24px;display:grid;position:absolute;inset:0;overflow:hidden}.video-cover-art:before{content:"";filter:blur(12px);background:linear-gradient(100deg,#0000 0 35%,#ffffff2e 48%,#0000 62%),linear-gradient(18deg,#0000 0 44%,#ffffff1a 50%,#0000 56%);animation:8s ease-out infinite alternate videoSignal;position:absolute;inset:-20%}.video-cover-art span,.video-cover-art strong,.video-cover-art small{z-index:1;text-align:left;align-self:auto;position:relative}.video-cover-art span{color:#f6f4efb3;text-transform:uppercase;font-size:12px;font-weight:700;line-height:1.4}.video-cover-art strong{max-width:92%;color:var(--text);font-size:clamp(26px,4vw,44px);line-height:1.08}.work-card .video-cover-art strong{font-size:clamp(24px,2.4vw,34px)}.video-cover-art small{color:var(--muted);margin:0;font-size:13px}@keyframes videoSignal{0%{transform:translate(-6%)translateY(3%)rotate(-2deg)}to{transform:translate(8%)translateY(-4%)rotate(2deg)}}.cover-placeholder span,.cover-placeholder small{z-index:1;text-align:center;position:relative}.cover-placeholder span{align-self:end;font-weight:700}.cover-placeholder small{color:var(--muted);align-self:start;margin-top:8px}.work-meta{align-content:start;min-height:156px;padding:22px;display:grid}.tag{min-height:28px;color:var(--gold);background:#ffffff09;border:1px solid #ffffff3d;align-items:center;padding:0 10px;font-size:12px;display:inline-flex}.work-meta h3,.service-card h3,.process-card h3{letter-spacing:0;margin:18px 0 8px;font-size:22px}.work-meta h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:58px;line-height:1.3;display:-webkit-box;overflow:hidden}.work-meta p{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:50px;margin:0;display:-webkit-box;overflow:hidden}.work-meta p,.service-card p,.about-copy p,.contact-info p,.footer,.artist-name,.credits{color:var(--muted);line-height:1.8}.modal-shell{z-index:80;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bd;border:0;position:absolute;inset:0}.modal-panel{z-index:1;background:#0d0d0d;border:1px solid #ffffff2e;grid-template-columns:minmax(260px,.9fr) minmax(300px,1.1fr);width:min(980px,100%);max-height:min(760px,100vh - 40px);display:grid;position:relative;overflow:auto}.video-modal-panel{grid-template-columns:1fr;width:min(760px,100%)}.video-modal-panel .modal-cover{aspect-ratio:16/9;min-height:0}.video-modal-panel .modal-content{padding-top:clamp(24px,4vw,38px)}.modal-close{z-index:2;border:1px solid var(--line);width:44px;height:44px;color:var(--text);cursor:pointer;background:#00000085;font-size:28px;position:absolute;top:12px;right:12px}.modal-cover{aspect-ratio:1;min-height:100%}.modal-content{padding:clamp(28px,5vw,52px)}.modal-content h3{margin:18px 0 4px;font-size:clamp(30px,4vw,48px)}.genre-list{flex-wrap:wrap;gap:8px;margin:22px 0;display:flex}.genre-list span{color:var(--muted);background:#ffffff0f;padding:7px 10px}.replace-note,.credit-source{color:var(--gold);font-size:13px;line-height:1.7}.primary-link,.contact-form button{color:#050505;background:var(--gold-strong);cursor:pointer;min-height:48px;transition:background .5s var(--ease), transform .5s var(--ease);border:1px solid #ffffffc7;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.primary-link:hover,.contact-form button:hover{background:#f2f0eb;transform:translateY(-2px)}.netease-action{margin-top:24px;display:grid}.external-video-action{gap:14px;margin-top:24px;display:grid}.video-note{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.netease-link{min-height:46px;color:var(--gold-strong);transition:background .5s var(--ease), color .5s var(--ease), transform .5s var(--ease);background:#ffffff0e;border:1px solid #ffffff57;justify-content:center;justify-self:start;align-items:center;padding:0 18px;font-weight:700;display:inline-flex}.netease-link:hover{color:#070707;background:var(--gold-strong);transform:translateY(-2px)}.service-card{padding:clamp(24px,3vw,34px)}.service-card ul{color:var(--muted);margin:22px 0;padding-left:18px;line-height:1.9}.service-card li::marker{color:var(--gold)}.service-card strong{color:var(--gold-strong);font-size:18px}.center-action{justify-content:center;margin-top:42px;display:flex}.primary-link{min-width:156px;padding:0 24px}.process-section{background:#0a0a0a}.process-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;max-width:1180px;margin:0 auto;display:grid}.process-card{min-height:150px;padding:24px}.process-card span{color:var(--gold);font-size:13px;font-weight:700}.about{grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);align-items:center;gap:clamp(32px,7vw,88px);max-width:1260px;margin:0 auto;display:grid}.about-photo{border:1px solid var(--line);text-align:center;will-change:transform, opacity, clip-path;background:#101010;place-items:center;min-height:640px;display:grid;position:relative;overflow:hidden}.about-photo img{object-fit:cover;object-position:76% center;filter:saturate(.86)contrast(1.03)brightness(.86);width:100%;height:100%;transition:filter .5s var(--ease), transform .5s var(--ease);position:absolute;inset:0}.about-photo:after{content:"";pointer-events:none;background:linear-gradient(#0000 52%,#00000052 100%),linear-gradient(90deg,#0000002e,#0000 42%);position:absolute;inset:0}.about-photo:hover img{filter:saturate(.98)contrast(1.03)brightness(.94);transform:scale(1.02)}.about-list{gap:20px;margin-top:30px;display:grid}.about-list div{border-top:1px solid var(--line);padding-top:18px}.about-list h3{color:var(--gold);margin:0 0 6px;font-size:16px}.about-list p{margin:0}.contact{background:#0a0a0a}.contact-layout{grid-template-columns:minmax(280px,.8fr) minmax(320px,1.2fr);gap:clamp(28px,6vw,84px);max-width:1120px;margin:0 auto;display:grid}.contact-info{border-top:1px solid #ffffff42;padding-top:26px}.contact-info a{color:var(--gold-strong);overflow-wrap:anywhere;margin-bottom:18px;font-size:clamp(22px,3vw,32px);line-height:1.25;display:inline-block}.contact-form{gap:16px;display:grid}.contact-form label{gap:8px;display:grid}.contact-form span{color:var(--muted);font-size:13px}.contact-form input,.contact-form select,.contact-form textarea{border:1px solid var(--line);width:100%;min-height:48px;color:var(--text);transition:border-color .5s var(--ease);background-color:#ffffff0b;border-radius:0;outline:none;padding:12px 14px}.contact-form select{appearance:none;color:#fff;background-image:linear-gradient(45deg,#0000 50%,#ffffffc7 50%),linear-gradient(135deg,#ffffffc7 50%,#0000 50%);background-position:calc(100% - 18px),calc(100% - 12px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:42px}.contact-form select option{color:#f8f8f8;background:#111;font-weight:600}.contact-form select option:checked,.contact-form select option:hover{color:#050505;background:#fff}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#ffffffd1;box-shadow:0 0 0 1px #ffffff29}.social-row{justify-content:center;gap:12px;margin-top:52px;display:flex}.social-row a{border:1px solid var(--line);width:48px;height:48px;color:var(--gold-strong);transition:background .5s var(--ease), border-color .5s var(--ease);place-items:center;font-size:13px;font-weight:700;display:grid}.social-row a:hover{background:#ffffff13;border-color:#ffffff70}.footer{border-top:1px solid var(--line);background:#050505;justify-content:space-between;align-items:center;gap:20px;padding:30px clamp(20px,5vw,72px) 112px;font-size:13px;display:flex}.footer p{margin:0}.footer div{flex-wrap:wrap;gap:18px;display:flex}[data-reveal]{opacity:1;transform:none}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.motion-reduced .opening-curtain{display:none}@media (width<=1180px){.live-case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=980px){.work-grid,.service-grid,.live-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-row{grid-template-columns:repeat(3,minmax(0,1fr))}.about,.contact-layout,.modal-panel{grid-template-columns:1fr}.about-photo{min-height:460px}.modal-cover{min-height:320px}}@media (hover:none),(pointer:coarse){.cover-placeholder img{filter:grayscale(0)saturate(.98)contrast(1.04)brightness(.94)}.work-card:hover,.live-case-card:hover{transform:none}.work-card:hover .cover-placeholder{filter:none}.work-card:hover .cover-placeholder img{filter:grayscale(0)saturate(.98)contrast(1.04)brightness(.94);transform:none}}@media (width<=760px){.site-header{min-height:66px}.menu-toggle{display:block}.nav-links{border-left:1px solid var(--line);width:min(82vw,340px);transition:transform .5s var(--ease);background:#080808f5;flex-direction:column;align-items:flex-start;padding:96px 28px 28px;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.nav-links.is-open{transform:translate(0)}.nav-links a{width:100%;min-height:48px;font-size:18px}.work-grid,.service-grid,.live-case-grid,.process-row{grid-template-columns:1fr}.hero{min-height:92vh}.hero-content{width:min(100%,560px)}.hero-actions,.hero-link-row{width:100%}.hero-link-row a{flex:calc(50% - 10px);justify-content:center}.folder-bar{flex-direction:column;justify-content:center;align-items:flex-start;padding-top:12px;padding-bottom:12px}.hero-cover-collage{opacity:.18;filter:grayscale(.65)blur(5px)saturate(.82)brightness(.82);grid-template-columns:repeat(5,minmax(96px,128px));width:142vw;top:12vh;right:-58vw}.cover-placeholder{min-height:250px}.cover-placeholder img,.work-card:hover .cover-placeholder img{filter:grayscale(0)saturate(.98)contrast(1.04)brightness(.94)}.contact-form button,.primary-link,.netease-link,.folder-toggle{width:100%;min-height:52px}.footer{flex-direction:column;align-items:flex-start}}@media (width<=480px){.brand{max-width:220px}.brand span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hero h1{font-size:42px}.section{padding-left:16px;padding-right:16px}.filter-row{justify-content:flex-start}.filter-row button{flex:calc(50% - 10px);padding:0 12px}.live-case-copy{min-height:auto}.modal-shell{padding:10px}}