@font-face{font-family:Milu Rounded;src:url(/assets/fonts/mplus-rounded-700.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Milu Rounded;src:url(/assets/fonts/mplus-rounded-800.ttf) format("truetype");font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:Milu Rounded;src:url(/assets/fonts/mplus-rounded-900.ttf) format("truetype");font-style:normal;font-weight:900;font-display:swap}:root{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;color:#f3f2ed;background:#050505;font-synthesis:none;--black: #050505;--green: #00604f;--line: rgba(255, 255, 255, .16);--muted: rgba(255, 255, 255, .55);--acid: #d9ff39}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--black);color:#f3f2ed;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.site-shell{overflow:clip}.topbar{position:fixed;inset:0 0 auto;z-index:50;height:60px;padding:0 3.15vw;display:flex;align-items:center;justify-content:space-between;background:#161616f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.05)}.brand-lockup{display:flex;align-items:center;gap:14px}.brand-lockup-copy{display:grid;gap:1px}.brand-lockup-copy strong{font:700 15px/1.1 Milu Rounded,Yuanti SC,sans-serif;letter-spacing:.03em}.brand-lockup-copy small{font:700 6px/1 Milu Rounded,Arial Rounded MT Bold,sans-serif;letter-spacing:.19em;color:#ffffff6b}.brand-monogram,.footer-mark{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.78);border-radius:50%;font:700 15px/1 Georgia,serif}.main-nav{display:flex;align-items:center;gap:18px;font-size:16px;font-weight:300;color:#ffffff73}.main-nav a:first-of-type,.main-nav a:hover{color:#fff}.main-nav span{color:#ffffff2e}.menu-toggle{display:none;border:0;background:transparent;font-size:11px;letter-spacing:.12em}.route-enter{animation:routeEnter .45s ease both}.brand-stage{--stage-x: 0px;--stage-y: 0px;--english-x: 0px;--english-y: 0px;--hero-lift: 0px;--hero-scale: 1;--hero-opacity: 1;position:relative;height:calc(100svh - 60px);min-height:650px;margin-top:60px;overflow:hidden;display:grid;place-items:center;background:var(--green);isolation:isolate;cursor:pointer}.intro-curtain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:#000;pointer-events:none;animation:curtainOpen .65s cubic-bezier(.65,0,.35,1) .18s both}.brand-film{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;display:block;object-fit:cover;object-position:center;transform:translate3d(var(--stage-x),calc(var(--stage-y) + var(--hero-lift)),0) scale(var(--hero-scale));opacity:var(--hero-opacity);transition:transform .7s cubic-bezier(.18,.8,.22,1),opacity .2s linear;will-change:transform,opacity}.brand-stage-word{position:relative;z-index:2;margin:0;display:flex;flex-direction:column;align-items:center;transform:translate3d(var(--stage-x),calc(var(--stage-y) + var(--hero-lift)),0) scale(var(--hero-scale));opacity:var(--hero-opacity);color:#fff;white-space:nowrap;transition:transform .7s cubic-bezier(.18,.8,.22,1),opacity .2s linear}.brand-cn{display:flex;padding-right:.05em;font:900 clamp(180px,27vw,460px)/.7 "Milu Rounded","Yuanti SC",sans-serif;letter-spacing:-.12em}.brand-character{display:inline-block;transform-origin:50% 100%;animation:characterRise 2.2s cubic-bezier(.65,0,.35,1) both,characterFloat 7s ease-in-out 4s infinite}.brand-character:nth-child(1){--start-opacity: 1;animation-delay:.5s,4s}.brand-character:nth-child(2){animation-delay:1.35s,4.15s}.brand-en{margin-top:clamp(24px,2vw,38px);display:flex;gap:.12em;transform:translate3d(var(--english-x),var(--english-y),0);color:var(--acid);font:900 clamp(58px,6.2vw,106px)/.8 "Milu Rounded","Arial Rounded MT Bold",sans-serif;letter-spacing:.02em;transition:transform .85s cubic-bezier(.18,.8,.22,1),gap .7s ease}.brand-en span{display:inline-block;opacity:0;transform:translateY(1.1em) rotate(12deg);animation:englishRise .9s cubic-bezier(.16,1,.3,1) forwards}.brand-en span:nth-child(1){animation-delay:2.35s}.brand-en span:nth-child(2){animation-delay:2.47s}.brand-en span:nth-child(3){animation-delay:2.59s}.brand-en span:nth-child(4){animation-delay:2.71s}.brand-stage-word sup{position:absolute;top:5%;right:-3%;font:700 13px/1 Milu Rounded,sans-serif;letter-spacing:0;color:var(--acid);opacity:0;animation:simpleFade .7s ease 3.1s forwards}.stage-signature,.stage-prompt,.scroll-cue{position:absolute;z-index:2;bottom:2.6vw;margin:0;font-size:9px;line-height:1.6;letter-spacing:.18em;opacity:0;animation:simpleFade .8s ease 3.25s forwards}.stage-signature{left:3.15vw}.stage-prompt{left:50%;transform:translate(-50%);color:#ffffff94}.scroll-cue{right:3.15vw}.sound-toggle{position:absolute;z-index:3;left:3.15vw;bottom:2.6vw;padding:0 0 5px;border:0;border-bottom:1px solid rgba(255,255,255,.42);background:transparent;color:#ffffffad;cursor:pointer;font:500 9px/1.6 Milu Rounded,sans-serif;letter-spacing:.18em;opacity:0;animation:simpleFade .8s ease 3.25s forwards;transition:color .25s ease,border-color .25s ease}.sound-toggle:hover,.sound-toggle:focus-visible,.sound-toggle[aria-pressed=true]{color:var(--acid);border-color:var(--acid)}.brand-stage.is-reacting .brand-cn{animation:markReact .85s cubic-bezier(.2,.9,.25,1)}.brand-stage.is-reacting .brand-en{animation:englishReact .85s cubic-bezier(.2,.9,.25,1)}.brand-stage.is-reacting .brand-film{animation:filmReact .85s cubic-bezier(.2,.9,.25,1)}.works-section,.about,.contact{scroll-margin-top:60px}.works-section{padding:1px;background:#2a2a2a}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;gap:1px}.work-card{position:relative;display:grid;grid-template-rows:auto 64px;min-width:0;min-height:0;padding:0;border:0;overflow:hidden;background:#0b0b0b;cursor:pointer;text-align:left;opacity:0;transform:translateY(48px)}.work-card.is-visible{animation:fadeInUp .7s cubic-bezier(.2,.75,.25,1) var(--reveal-delay, 0ms) forwards}.work-card.tall,.work-card.wide{grid-column:auto;grid-row:auto}.work-media{position:relative;display:block;width:100%;aspect-ratio:3 / 4;overflow:hidden;background:#161616}.work-media:after{content:"VIEW CASE";position:absolute;inset:50% auto auto 50%;padding:10px 14px 9px;border:1px solid rgba(255,255,255,.55);border-radius:999px;transform:translate(-50%,calc(-50% + 10px));opacity:0;color:#fff;font:700 9px/1 Milu Rounded,sans-serif;letter-spacing:.15em;transition:opacity .35s ease,transform .45s cubic-bezier(.2,.75,.25,1);pointer-events:none}.work-card img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:filter .55s ease,transform .75s cubic-bezier(.2,.75,.25,1)}.work-overlay{min-width:0;padding:0 clamp(14px,1.4vw,24px);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;border-top:1px solid rgba(255,255,255,.08);background:#0b0b0b;color:#fff}.work-overlay>span{overflow:hidden;color:#ffffff80;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.work-overlay strong{overflow:hidden;font-size:12px;line-height:1.2;font-weight:500;white-space:nowrap;text-overflow:ellipsis}.work-overlay em{color:#ffffff47;font:500 9px/1 Milu Rounded,sans-serif;letter-spacing:.12em}.work-card:hover img,.work-card:focus-visible img{filter:brightness(.64);transform:scale(1.025)}.work-card:hover .work-media:after,.work-card:focus-visible .work-media:after{opacity:1;transform:translate(-50%,-50%)}.eyebrow{margin:0 0 12px;font-size:10px;letter-spacing:.18em;color:var(--muted)}.about{padding:10vw 3.15vw 11vw;background:#ebe9df;color:#0b0b0b;opacity:0;transform:translateY(48px)}.about.is-visible,.contact.is-visible,.footer.is-visible{animation:fadeInUp .7s cubic-bezier(.2,.75,.25,1) forwards}.about .eyebrow{color:#00000073}.about-grid{display:grid;grid-template-columns:1.05fr 1.25fr .8fr;gap:7vw;align-items:start}.about h2,.contact h2{margin:0;font-size:clamp(34px,4.3vw,68px);line-height:.98;letter-spacing:-.06em}.about-grid>p{margin:0;max-width:700px;font-size:clamp(20px,2.15vw,34px);line-height:1.55;letter-spacing:-.03em}.capabilities{display:grid;border-top:1px solid rgba(0,0,0,.2)}.capabilities span{padding:11px 0;border-bottom:1px solid rgba(0,0,0,.2);font-size:13px}.contact{min-height:82svh;padding:10vw 15vw 8vw;display:flex;flex-direction:column;justify-content:center;background:#000;opacity:0;transform:translateY(48px)}.contact-copy{display:flex;align-items:end;justify-content:space-between;margin-bottom:7vw}.brief-form{display:flex;align-items:center;width:100%;border:1px solid rgba(255,255,255,.14);border-radius:100px;background:#171717;overflow:hidden}.brief-form:focus-within{border-color:#d9ff39b3}.brief-form input{width:100%;height:78px;padding:0 30px;border:0;outline:0;background:transparent;color:#fff;font-size:17px}.brief-form input::placeholder{color:#ffffff42}.brief-form button{flex:0 0 58px;width:58px;height:58px;margin-right:10px;border:0;border-radius:50%;background:var(--acid);color:#050505;cursor:pointer;font-size:28px;transition:transform .25s ease}.brief-form button:hover{transform:rotate(-18deg) scale(1.05)}.form-success{margin:20px 28px 0;color:var(--acid);font-size:13px}.footer{padding:54px 3.15vw 72px;border-top:1px solid var(--line);background:#000;opacity:0;transform:translateY(48px)}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:90px;font-size:22px}.footer-top strong{display:grid;gap:6px;font-family:Milu Rounded,Yuanti SC,sans-serif}.footer-top strong small{font-size:8px;letter-spacing:.19em;color:#fff6}.footer-bottom{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:7vw;color:#ffffff75;font-size:12px;line-height:1.65}.case-route{min-height:100vh;padding-top:60px;background:#000}.case-intro{min-height:310px;padding:48px 3.15vw 42px;display:grid;grid-template-columns:1fr auto;align-content:end;gap:22px 5vw}.case-back{grid-column:1 / -1;justify-self:start;padding:0 0 7px;border:0;border-bottom:1px solid rgba(255,255,255,.45);background:transparent;color:#ffffffb8;cursor:pointer;font-size:11px}.case-intro>p{margin:0;align-self:end;font-size:10px;letter-spacing:.18em;color:#ffffff6e}.case-intro h1{margin:0;align-self:end;text-align:right;font-size:clamp(18px,1.6vw,25px);line-height:1.35;font-weight:500;letter-spacing:-.02em}.case-hero-image,.case-closing-visual{margin:0 auto;width:min(100%,1242px);padding:clamp(20px,3vw,46px);background:#111;overflow:hidden;opacity:0;transform:translateY(48px)}.case-hero-image img,.case-closing-visual img{width:100%;height:auto;aspect-ratio:3 / 4;display:block;object-fit:contain}.case-hero-image figcaption,.case-closing-visual figcaption{min-height:58px;padding-top:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;border-top:1px solid rgba(255,255,255,.12);color:#ffffff73}.case-hero-image figcaption span,.case-closing-visual figcaption span{font:500 9px/1 Milu Rounded,sans-serif;letter-spacing:.14em}.case-hero-image figcaption strong,.case-closing-visual figcaption strong{color:#ffffffc7;font:700 10px/1 Milu Rounded,sans-serif;letter-spacing:.12em}.case-hero-image figcaption em,.case-closing-visual figcaption em{color:#ffffff94;font-size:11px;font-style:normal}.case-strategy{padding:9vw 3.15vw 11vw;display:grid;grid-template-columns:1fr 2fr;gap:8vw;background:#ebe9df;color:#0b0b0b;opacity:0;transform:translateY(48px)}.case-strategy>p{margin:4px 0 0;font-size:10px;letter-spacing:.18em;color:#0000007a}.case-strategy h2{max-width:900px;margin:0 0 42px;font-size:clamp(40px,5.8vw,88px);line-height:1.02;letter-spacing:-.065em}.case-strategy div>p{max-width:720px;margin:0;font-size:clamp(18px,1.65vw,26px);line-height:1.7;color:#0000009e}.case-brand-story,.case-commerce{min-height:0;scroll-margin-top:60px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;opacity:0;transform:translateY(48px)}.case-brand-story{background:#ebe9df;color:#0b0b0b}.case-commerce{background:#050505;color:#f3f2ed}.case-brand-story figure,.case-commerce figure{margin:0;min-width:0;display:grid;place-items:center;background:#111}.case-brand-story figure img,.case-commerce figure img{width:100%;height:auto;min-height:0;display:block;object-fit:contain;object-position:center}.case-section-copy{padding:clamp(70px,9vw,150px) clamp(28px,7vw,112px);display:flex;flex-direction:column;justify-content:center}.case-section-copy>p:first-child{margin:0 0 clamp(40px,6vw,88px);font:700 10px/1 Milu Rounded,sans-serif;letter-spacing:.15em;opacity:.48}.case-section-copy h2{margin:0 0 38px;font-size:clamp(40px,5vw,78px);line-height:1.03;letter-spacing:-.065em}.case-section-copy>p:not(:first-child){max-width:680px;margin:0;font-size:clamp(17px,1.45vw,23px);line-height:1.75;opacity:.62}.case-section-copy dl{margin:clamp(56px,7vw,100px) 0 0;border-top:1px solid rgba(0,0,0,.2)}.case-section-copy dl div{padding:14px 0;display:grid;grid-template-columns:90px 1fr;gap:18px;border-bottom:1px solid rgba(0,0,0,.2)}.case-section-copy dt,.case-section-copy dd{margin:0;font-size:12px;line-height:1.45}.case-section-copy dt{color:#0000006b}.case-section-copy dd{color:#000000c7}.case-commerce .case-section-copy{order:2}.case-commerce figure{order:1}.commerce-tags{margin-top:clamp(46px,6vw,82px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.18)}.commerce-tags span{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.18);color:#ffffffa8;font-size:12px}.commerce-tags span:nth-child(odd){margin-right:20px}.case-closing-visual{margin-block:clamp(70px,9vw,140px);background:#0b0b0b}.case-hero-image.is-visible,.case-strategy.is-visible,.case-brand-story.is-visible,.case-commerce.is-visible,.case-closing-visual.is-visible{animation:fadeInUp .8s cubic-bezier(.2,.75,.25,1) forwards}.case-next{min-height:56svh;padding:8vw 3.15vw;display:grid;grid-template-columns:.7fr 1.3fr;align-items:end;gap:8vw;background:var(--green)}.case-next-intro{display:grid;justify-items:start;gap:10px}.case-next-intro p{margin:0;color:#ffffffa8;font:700 10px/1 Milu Rounded,sans-serif;letter-spacing:.16em}.case-next-intro small{color:#ffffff94;font-size:12px}.case-next-intro button{margin-top:32px;padding:0 0 6px;border:0;border-bottom:1px solid rgba(255,255,255,.62);background:transparent;color:#fff;cursor:pointer;font-size:12px}.case-next-project{min-width:0;padding:0 0 14px;display:grid;justify-items:start;gap:12px;border:0;border-bottom:1px solid rgba(255,255,255,.78);background:transparent;color:#fff;cursor:pointer;text-align:left}.case-next-project small{color:#ffffff94;font-size:12px}.case-next-project span{font-size:clamp(36px,5.5vw,84px);line-height:1;letter-spacing:-.06em;transition:transform .4s cubic-bezier(.2,.75,.25,1)}.case-next-project:hover span,.case-next-project:focus-visible span{transform:translate(12px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes routeEnter{0%{opacity:0}to{opacity:1}}@keyframes curtainOpen{0%,20%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes characterRise{0%{opacity:var(--start-opacity, 0);transform:translateY(135%) scale(.05);filter:blur(16px)}10%{opacity:1}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes characterFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-.025em)}}@keyframes englishRise{to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes markReact{0%,to{transform:scale(1)}42%{transform:scale(.92) rotate(-2deg)}70%{transform:scale(1.035) rotate(1deg)}}@keyframes englishReact{0%,to{gap:.12em}45%{gap:.38em}}@keyframes filmReact{0%,to{filter:brightness(1) saturate(1)}42%{filter:brightness(1.08) saturate(1.16)}}@keyframes simpleFade{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:translateY(0)}}@keyframes imageReveal{0%{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@media(max-width:900px){.topbar{padding:0 20px}.brand-lockup{gap:10px}.brand-lockup-copy strong{font-size:13px}.brand-lockup-copy small{display:none}.brand-monogram{width:24px;height:24px;font-size:12px}.menu-toggle{display:block}.main-nav{position:absolute;top:60px;left:0;right:0;display:none;padding:26px 20px;background:#161616f7;border-top:1px solid var(--line)}.main-nav.is-open{display:flex}.brand-stage{min-height:620px}.brand-film{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:var(--green)}.brand-cn{font-size:34vw}.brand-en{margin-top:24px;font-size:9vw}.stage-signature,.sound-toggle{left:20px;bottom:22px}.scroll-cue{right:20px;bottom:22px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card{grid-template-rows:auto 62px}.work-overlay{padding-inline:14px}.about{padding:100px 20px}.about-grid{grid-template-columns:1fr;gap:42px}.about-grid>p{font-size:22px}.contact{min-height:70svh;padding:100px 20px 80px}.contact-copy{display:block;margin-bottom:56px}.contact h2{font-size:42px}.brief-form input{height:64px;padding:0 20px;font-size:13px}.brief-form button{flex-basis:48px;width:48px;height:48px;margin-right:8px;font-size:22px}.footer{padding:40px 20px 60px}.footer-top{padding-bottom:60px}.footer-bottom{grid-template-columns:1fr;gap:24px}.case-intro{min-height:260px;padding:36px 20px 30px}.case-hero-image,.case-closing-visual{width:100%}.case-strategy{padding:90px 20px 100px;grid-template-columns:1fr;gap:42px}.case-strategy h2{font-size:46px}.case-brand-story,.case-commerce{min-height:auto;grid-template-columns:1fr}.case-brand-story figure img,.case-commerce figure img{min-height:0;height:auto;aspect-ratio:3 / 4}.case-brand-story figure{order:1}.case-brand-story .case-section-copy{order:2}.case-commerce figure{order:1}.case-commerce .case-section-copy{order:2}.case-section-copy{padding:86px 20px 94px}.case-section-copy h2{font-size:46px}.case-next{min-height:60svh;padding:80px 20px 36px;grid-template-columns:1fr;gap:80px}.case-next-project{align-self:end}}@media(max-width:540px){.main-nav{gap:8px;font-size:13px}.brand-cn{font-size:42vw;letter-spacing:-.1em}.brand-en{font-size:12vw}.stage-prompt{display:none}.work-grid{grid-template-columns:1fr}.work-card{grid-template-rows:auto 66px}.work-card.wide,.work-card.tall{grid-column:auto;grid-row:auto}.case-intro{grid-template-columns:1fr}.case-intro h1{text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0ms!important}}