:root{--ink:#06111d;--ink-soft:#0b1b2b;--paper:#f7f5ef;--paper-bright:#fffdf9;--ivory:#f4efe5;--gold:#c9a56a;--gold-bright:#ddb875;--muted:#6f716f;--line:#0c18242e;--dark-line:#f4efe533;--serif:"Iowan Old Style", "Baskerville", "Times New Roman", "Songti SC", serif;--sans:"Helvetica Neue", "Inter", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;--shell:min(1380px, calc(100vw - 8vw));color:var(--ink);background:var(--paper);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{background:var(--paper);min-width:320px;margin:0;overflow-x:hidden}body,button,a{font-family:var(--sans)}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}img{object-fit:cover;width:100%;height:100%;display:block}picture{display:block}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin:0}::selection{color:var(--ink);background:var(--gold-bright)}:focus-visible{outline:2px solid var(--gold-bright);outline-offset:5px}.section-shell{width:var(--shell);margin-inline-start:auto;margin-inline-end:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.arrow-icon{flex:none;width:1.35em;height:1.35em;transition:transform .24s}.skip-link{z-index:100;color:var(--ink);background:var(--gold-bright);letter-spacing:.08em;padding:.8rem 1rem;font-size:.72rem;transition:transform .18s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.concept-skip-link{display:none}.site-header{z-index:20;width:var(--shell);border-bottom:1px solid #0000;grid-template-columns:1fr auto 1fr;align-items:center;min-height:104px;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%)}.site-header--dark{color:var(--ivory)}.site-header--light{color:var(--ink);border-bottom-color:var(--line)}.brand-mark{font-family:var(--serif);letter-spacing:-.08em;color:var(--gold-bright);justify-self:start;font-size:2.25rem;line-height:1}.desktop-nav{align-items:center;gap:clamp(2rem,4vw,5rem);display:flex}.desktop-nav a,.language-toggle{letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:500;position:relative}.desktop-nav a:after{content:"";background:currentColor;height:1px;transition:right .22s;position:absolute;bottom:-8px;left:0;right:100%}.desktop-nav a:hover:after{right:0}.header-actions{justify-self:end;align-items:center;gap:1.5rem;display:flex}.menu-button{background:0 0;border:0;padding:0;display:none}.mobile-menu{display:none}.hero{min-height:max(760px,100svh);color:var(--ivory);background:radial-gradient(circle at 78% 46%, #4f473733, transparent 27%), radial-gradient(circle at 52% 20%, #152c3e47, transparent 34%), linear-gradient(120deg, #040c15 0%, var(--ink) 42%, #07131e 100%);isolation:isolate;position:relative;overflow:hidden}.hero-concept-poster,.hero-mobile-art,.concept-desktop-controls{display:none}.particle-static,.particle-canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.particle-static{color:var(--gold-bright);opacity:.62}.hero-grain{z-index:2;opacity:.16;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E");position:absolute;top:0;bottom:0;left:0;right:0}.hero-orbit{z-index:0;pointer-events:none;border:1px solid #c9a56a1f;border-radius:50%;position:absolute}.hero-orbit--one{width:53vw;height:53vw;top:3vh;right:-18vw;transform:rotate(-18deg)}.hero-orbit--two{width:70vw;height:30vw;top:33vh;right:-12vw;transform:rotate(17deg)}.hero-content{z-index:5;width:var(--shell);margin-inline-start:auto;margin-inline-end:auto;padding-top:clamp(190px,22vh,260px);position:relative}.hero-content h1{width:min(70vw,940px);font-family:var(--serif);color:var(--ivory);flex-direction:column;font-weight:400;display:flex}.hero-name-cn{letter-spacing:.02em;font-size:clamp(4.5rem,9vw,9.2rem);line-height:.88}.hero-name-en{letter-spacing:-.055em;white-space:nowrap;font-size:clamp(3.9rem,7.4vw,7.65rem);line-height:.96}.hero-role{letter-spacing:.01em;margin-top:1.35rem;font-size:clamp(1rem,1.55vw,1.55rem);font-weight:400}.hero-rule{background:var(--gold-bright);width:58px;height:1px;margin:1.65rem 0 1.2rem;display:block}.hero-statement{color:#f4efe5c7;letter-spacing:.04em;max-width:560px;font-size:clamp(.94rem,1.05vw,1.08rem);line-height:1.8}.outline-cta{min-width:230px;height:64px;color:var(--gold-bright);border:1px solid var(--gold);letter-spacing:.12em;justify-content:space-between;align-items:center;margin-top:2.2rem;padding:0 1.7rem;font-size:.9rem;transition:color .22s,background-color .22s;display:inline-flex}.outline-cta:hover{color:var(--ink);background:var(--gold-bright)}.outline-cta:hover .arrow-icon{transform:translate(4px)}.outline-cta--dark{color:var(--ink);border-color:var(--ink);cursor:pointer;background:0 0}.outline-cta--dark:hover{color:var(--paper);background:var(--ink)}.hero-dog{z-index:3;pointer-events:none;filter:saturate(.86);width:min(42vw,630px);height:min(78vh,750px);position:absolute;bottom:0;right:max(2vw,50vw - 750px)}.dog-illustration{width:100%;height:100%;overflow:visible}.scroll-cue{z-index:7;color:#f4efe5b8;letter-spacing:.32em;flex-direction:column;align-items:center;gap:.7rem;font-size:.65rem;display:flex;position:absolute;bottom:54px;left:4vw}.scroll-cue .arrow-icon{color:var(--gold)}.hero-to-light{z-index:4;background:linear-gradient(90deg, transparent, var(--gold) 45%, transparent);opacity:.75;clip-path:polygon(0 58%,100% 0,100% 100%,0 100%);height:18px;position:absolute;bottom:-1px;left:0;right:0}@media (min-width:1100px){.hero--concept>.site-header,.hero--concept>.particle-static,.hero--concept>.hero-grain,.hero--concept>.hero-orbit,.hero--concept>.hero-content,.hero--concept>.hero-dog,.hero--concept>.scroll-cue,.hero--concept>.hero-to-light{display:none}.hero--concept .hero-concept-poster{z-index:1;background:#020a13;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.hero--concept>.concept-skip-link{display:block}.hero--concept .hero-concept-poster img{object-fit:contain;object-position:50% 50%}.hero--concept>.particle-canvas{z-index:2;opacity:.46;mix-blend-mode:screen;display:block}.hero--concept .concept-desktop-controls{z-index:8;pointer-events:none;width:min(100%,160vh);height:min(100%,62.5vw);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.concept-hit{pointer-events:auto;display:block;position:absolute}.concept-hit--brand{width:7%;height:10%;top:1%;left:2%}.concept-hit--work{width:8%;height:10%;top:1%;left:37.5%}.concept-hit--about{width:8%;height:10%;top:1%;left:45.5%}.concept-hit--contact{width:9%;height:10%;top:1%;left:54%}.concept-hit--language{width:8%;height:10%;top:1%;right:2%}}.work-section{padding:clamp(7rem,11vw,11rem) 0 8rem}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;padding-bottom:2.6rem;display:flex}.section-heading h2{font-family:var(--serif);letter-spacing:-.04em;font-size:clamp(2.7rem,5vw,5.1rem);font-weight:400;line-height:.95}.section-heading p{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin-top:.65rem;font-size:.8rem}.section-heading>span{color:var(--muted);letter-spacing:.18em;font-size:.68rem}.project-list{flex-direction:column;display:flex}.project-row{content-visibility:auto;contain-intrinsic-size:1000px;grid-template-columns:minmax(0,1.7fr) minmax(330px,.78fr);gap:clamp(2.5rem,6vw,7.5rem);padding:clamp(5rem,8vw,9rem) 0;display:grid;position:relative}.project-row--2{grid-template-columns:minmax(330px,.8fr) minmax(0,1.5fr)}.project-row--2 .project-media-link{grid-area:1/2}.project-row--2 .project-copy{grid-area:1/1}.project-row--3{grid-template-columns:minmax(0,1.2fr) minmax(350px,.9fr)}.project-media-link{background:#e6e3dc;align-self:start;position:relative;overflow:hidden}.project-media{aspect-ratio:1.5;width:100%;overflow:hidden}.project-row--2 .project-media{aspect-ratio:1.12}.project-row--3 .project-media{aspect-ratio:1.22}.project-row--1 .project-media img,.project-row--2 .project-media img{object-fit:contain;background:#e6e3dc;object-position:50% 50%!important}.project-media img{transition:transform .9s cubic-bezier(.18,.8,.2,1);transform:scale(1.002)}.project-media-link:hover img{transform:scale(1.035)}.project-hover-label{width:52px;height:52px;color:var(--ink);background:var(--paper-bright);border-radius:50%;place-items:center;transition:transform .32s;display:grid;position:absolute;bottom:18px;right:18px;transform:translateY(74px)}.project-media-link:hover .project-hover-label{transform:translateY(0)}.project-copy{grid-template-rows:auto auto 1fr auto;grid-template-columns:70px 1fr;align-content:start;display:grid}.project-number{color:var(--gold);font-family:var(--serif);grid-row:1/5;font-size:1.1rem}.project-title-group>p:first-child{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font-size:.68rem}.project-title-group h3{font-family:var(--serif);letter-spacing:-.04em;margin-top:1rem;font-size:clamp(2.6rem,4.2vw,4.65rem);font-weight:400;line-height:1.02}.project-summary{color:#444a4d;margin-top:1.5rem;font-size:1rem;line-height:1.8}.project-role-list{border-top:1px solid var(--line);margin-top:3.8rem;padding-top:1.1rem}.project-role-list span{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:.64rem;display:block}.project-role-list p{margin-top:.7rem;font-size:.82rem;line-height:1.75}.text-link{letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid;align-items:center;gap:2.5rem;width:max-content;margin-top:3.2rem;padding-bottom:.55rem;font-size:.75rem;display:inline-flex}.text-link:hover .arrow-icon{transform:translate(4px)}.text-link--light{color:var(--ivory)}.section-transition{height:2px;position:absolute;bottom:-1px;left:0;right:0;overflow:visible}.transition-line{background:linear-gradient(90deg,#0000,#c9a56a80,#0000);width:100%;height:1px;display:block;transform:scaleX(0)}.transition-particle{background:var(--gold);opacity:0;border-radius:50%;width:4px;height:4px;position:absolute;top:-2px;box-shadow:0 0 8px #c9a56a99}.transition-particle--1{left:32%}.transition-particle--2{left:59%}.transition-particle--3{left:76%}.section-transition.is-active .transition-line{animation:.8s cubic-bezier(.2,.78,.2,1) both reveal-line}.section-transition.is-active .transition-particle--1{animation:.76s ease-out 20ms both particle-pass}.section-transition.is-active .transition-particle--2{animation:.82s ease-out 80ms both particle-pass}.section-transition.is-active .transition-particle--3{animation:.72s ease-out .14s both particle-pass}@keyframes reveal-line{0%{opacity:0;transform:scaleX(0)}55%{opacity:1}to{opacity:.68;transform:scaleX(1)}}@keyframes particle-pass{0%{opacity:0;transform:translate(-70px)scale(.4)}28%{opacity:.9}to{opacity:0;transform:translate(95px)scale(.2)}}.about-band{color:var(--ivory);background:var(--ink);position:relative;overflow:hidden}.about-band:before{content:"";border:1px solid #c9a56a29;border-radius:50%;width:560px;height:560px;position:absolute;top:-260px;right:-120px}.about-band-inner{grid-template-columns:.35fr 1.35fr .7fr;gap:5vw;padding:clamp(7rem,11vw,11rem) 0;display:grid}.about-index{color:var(--gold);letter-spacing:.2em;font-size:.65rem}.about-statement h2{max-width:880px;font-family:var(--serif);letter-spacing:-.045em;font-size:clamp(3rem,5.5vw,6rem);font-weight:400;line-height:.98}.about-statement>p{color:#f4efe59e;max-width:640px;margin-top:2.3rem;font-size:1rem;line-height:1.9}.capability-list{align-self:end}.capability-list li{border-bottom:1px solid var(--dark-line);font-family:var(--serif);grid-template-columns:40px 1fr;gap:1rem;padding:1.1rem 0;font-size:clamp(1.25rem,1.7vw,1.7rem);display:grid}.capability-list span{color:var(--gold);font-family:var(--sans);letter-spacing:.12em;font-size:.62rem}.experiments{padding:clamp(7rem,10vw,10rem) 0}.experiment-grid{grid-template-columns:1.25fr .75fr;align-items:start;gap:clamp(2rem,7vw,8rem);margin-top:5rem;display:grid}.experiment-item:nth-child(2){margin-top:10rem}.experiment-media{aspect-ratio:.8;background:#ddd;overflow:hidden}.experiment-item:nth-child(2) .experiment-media{aspect-ratio:.75}.experiment-item>div{grid-template-columns:70px 1fr;margin-top:1.3rem;display:grid}.experiment-item span{color:var(--gold);font-family:var(--serif);grid-row:1/3}.experiment-item p{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem}.experiment-item h3{font-family:var(--serif);margin-top:.55rem;font-size:clamp(1.8rem,3vw,3rem);font-weight:400}.site-footer{color:var(--ivory);background:#030a11;padding:clamp(5rem,8vw,8rem) 4vw 2rem}.footer-main{grid-template-columns:.65fr 1.35fr;gap:6vw;padding-bottom:clamp(6rem,10vw,10rem);display:grid}.footer-main>p{color:#f4efe58c;max-width:360px;line-height:1.8}.footer-email{font-family:var(--serif);overflow-wrap:anywhere;border-bottom:1px solid #f4efe573;justify-content:space-between;align-items:flex-end;gap:2rem;padding-bottom:1.2rem;font-size:clamp(1.9rem,4.4vw,5rem);line-height:1;display:flex}.footer-email:hover .arrow-icon{transform:translate(4px,-4px)}.footer-meta{color:#f4efe57a;letter-spacing:.15em;text-transform:uppercase;border-top:1px solid #f4efe524;justify-content:space-between;align-items:center;padding-top:1.5rem;font-size:.62rem;display:flex}.footer-meta button{font-size:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;padding:0}.reveal{opacity:0;transition:opacity .75s,transform .9s cubic-bezier(.17,.67,.24,1);transform:translateY(34px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.inner-page,.project-page{background:var(--paper);min-height:100vh}.project-hero{padding-top:180px}.project-hero-meta{border-top:1px solid var(--line);color:var(--muted);letter-spacing:.15em;text-transform:uppercase;justify-content:space-between;padding:1rem 0;font-size:.67rem;display:flex}.project-hero h1{max-width:1120px;font-family:var(--serif);letter-spacing:-.06em;margin-top:2.4rem;font-size:clamp(4rem,9.5vw,10rem);font-weight:400;line-height:.88}.project-hero>p{color:#3f4648;max-width:680px;margin:2.2rem 0 4.5rem auto;font-size:clamp(1rem,1.5vw,1.35rem);line-height:1.75}.project-hero-image{background:#ddd;width:100%;height:min(76vh,900px);overflow:hidden}.case-overview{border-bottom:1px solid var(--line);grid-template-columns:.35fr .7fr 1fr;gap:5vw;padding:5rem 0 9rem;display:grid}.case-label{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;font-size:.66rem}.case-org{font-family:var(--serif);flex-direction:column;gap:.4rem;font-size:1.35rem;display:flex}.case-org span:last-child{color:var(--muted);font-family:var(--sans);letter-spacing:.12em;font-size:.75rem}.case-roles h2{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin-bottom:1rem;font-size:.66rem;font-weight:400}.case-roles li{border-bottom:1px solid var(--line);font-family:var(--serif);padding:.9rem 0;font-size:clamp(1.3rem,2vw,2rem)}.case-narrative{padding:8rem 0}.case-chapter{border-top:1px solid var(--line);grid-template-columns:.35fr 1.65fr;gap:4vw;padding:5rem 0;display:grid}.case-chapter>span{color:var(--gold);font-family:var(--serif);font-size:1.15rem}.case-chapter h2{max-width:950px;font-family:var(--serif);letter-spacing:-.035em;margin-top:1.5rem;font-size:clamp(2.4rem,4.8vw,5.1rem);font-weight:400;line-height:1.08}.case-chapter ol{counter-reset:steps;margin-top:2.2rem}.case-chapter li{counter-increment:steps;border-bottom:1px solid var(--line);grid-template-columns:50px 1fr;max-width:820px;padding:1.3rem 0;font-size:1rem;line-height:1.75;display:grid}.case-chapter li:before{content:"0" counter(steps);color:var(--gold);letter-spacing:.1em;font-size:.68rem}.case-gallery{grid-template-columns:repeat(12,1fr);gap:4vw 2.2vw;padding-bottom:10rem;display:grid}.case-gallery-item{grid-column:span 6;position:relative}.case-gallery-item--2{grid-column:7/span 5;margin-top:8rem}.case-gallery-item--3{grid-column:2/span 7}.case-gallery-item picture{background:#e6e3dc;width:100%;overflow:hidden}.case-gallery-item img{object-fit:contain;height:auto}.case-gallery-item>span{color:var(--muted);letter-spacing:.15em;margin-top:.8rem;font-size:.62rem;display:block}.case-gallery--global-brand-communication .case-gallery-item{grid-column:span 3;margin-top:0}.case-result{color:var(--ivory);background:var(--ink)}.case-result-inner{padding:clamp(7rem,11vw,11rem) 0}.case-result h2{max-width:1100px;font-family:var(--serif);letter-spacing:-.045em;margin-top:1.5rem;font-size:clamp(3rem,6vw,6.8rem);font-weight:400;line-height:1.03}.result-note{color:#f4efe5a6;max-width:760px;margin:3rem 0 0 auto;font-size:.88rem;line-height:1.8}.credit-block{border-top:1px solid var(--dark-line);grid-template-columns:.55fr 1.45fr;gap:4vw;margin-top:7rem;padding-top:1.5rem;display:grid}.credit-block span{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:.65rem}.credit-block dl{max-width:880px;margin:0}.credit-block dl>div{border-bottom:1px solid #f4efe51f;grid-template-columns:minmax(120px,.34fr) 1fr;gap:2rem;padding:1.15rem 0;display:grid}.credit-block dt{color:#f4efe570;letter-spacing:.13em;text-transform:uppercase;font-size:.67rem}.credit-block dd{color:#f4efe5bd;margin:0;line-height:1.8}.published-work{border-top:1px solid var(--dark-line);margin-top:7rem;padding-top:1.5rem}.external-link-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem 5vw;margin-top:3rem;display:grid}.external-link-group h3{color:#f4efe56b;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .5rem;font-size:.66rem;font-weight:500}.external-links{flex-direction:column;display:flex}.external-links a{border-bottom:1px solid #f4efe52e;justify-content:space-between;align-items:center;gap:1.5rem;min-height:72px;padding:1rem 0;display:flex}.external-links a strong{color:var(--ivory);font-size:.86rem;font-weight:500;line-height:1.45;display:block}.external-links a small{color:#f4efe56b;letter-spacing:.08em;margin-top:.35rem;font-size:.64rem;display:block}.external-links a:hover .arrow-icon{transform:translate(4px,-4px)}.next-project{grid-template-columns:.35fr 1.4fr auto;align-items:center;gap:4vw;padding:7rem 0;display:grid}.next-project>span{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;font-size:.66rem}.next-project h2{font-family:var(--serif);font-size:clamp(2.5rem,5vw,5.5rem);font-weight:400;line-height:1}.next-project .arrow-icon{width:3rem;height:3rem}.next-project:hover .arrow-icon{transform:translate(9px)}.inner-hero{padding:220px 0 10rem}.inner-hero h1{max-width:1100px;font-family:var(--serif);letter-spacing:-.055em;font-size:clamp(4rem,8vw,9rem);font-weight:400;line-height:.95}.inner-hero>p{color:#3f4648;max-width:700px;margin:3rem 0 0 auto;font-size:clamp(1rem,1.4vw,1.28rem);line-height:1.85}.inner-hero .outline-cta{margin-left:calc(100% - 700px)}.resume-section{border-top:1px solid var(--line);padding:6rem 0}.resume-section>h2{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin-bottom:4rem;font-size:.7rem;font-weight:500}.resume-row{border-bottom:1px solid var(--line);grid-template-columns:.4fr .8fr 1.2fr;gap:4vw;padding:2rem 0;display:grid}.resume-row time{color:var(--gold);letter-spacing:.1em;font-size:.72rem}.resume-row h3{font-family:var(--serif);font-size:clamp(1.4rem,2.4vw,2.4rem);font-weight:400}.resume-row p{color:#50575a;line-height:1.75}.resume-row--experience>div span{color:var(--muted);margin-top:.45rem;font-size:.75rem;display:block}.skills-section ul{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.skills-section li{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:112px;font-family:var(--serif);align-items:center;gap:2rem;padding:1.5rem;font-size:1.4rem;display:flex}.skills-section li span{color:var(--gold);font-family:var(--sans);font-size:.62rem}.contact-page{color:var(--ivory);background:var(--ink)}.contact-page .site-header{color:var(--ivory);border-bottom-color:var(--dark-line)}.contact-hero{min-height:100svh;padding:clamp(220px,24vh,290px) 0 8rem;position:relative;overflow:hidden}.contact-orbit{border:1px solid #c9a56a2b;border-radius:50%;width:60vw;height:60vw;position:absolute;top:10vh;right:-15vw;box-shadow:inset 0 0 160px #c9a56a0d}.contact-hero h1{max-width:1180px;font-family:var(--serif);letter-spacing:-.055em;font-size:clamp(4rem,8vw,9rem);font-weight:400;line-height:.94;position:relative}.contact-hero>p{color:#f4efe59e;max-width:620px;margin:3rem 0 0 auto;font-size:1rem;line-height:1.85;position:relative}.contact-email{border-top:1px solid var(--dark-line);border-bottom:1px solid var(--dark-line);font-family:var(--serif);grid-template-columns:.38fr 1fr auto;align-items:end;gap:3vw;margin-top:8rem;padding:1.5rem 0;font-size:clamp(1.25rem,3vw,3rem);display:grid;position:relative}.contact-email>span{color:var(--gold);font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;font-size:.65rem}.contact-email:hover .arrow-icon{transform:translate(4px,-4px)}.contact-location{letter-spacing:.1em;font-size:.72rem!important}.not-found{flex-direction:column;justify-content:center;align-items:flex-start;min-height:100svh;display:flex}.not-found>span{color:var(--gold);font-family:var(--serif);font-size:1.4rem}.not-found h1{font-family:var(--serif);margin-top:1rem;font-size:clamp(4rem,9vw,9rem);font-weight:400}@media (max-width:980px){:root{--shell:min(100% - 48px, 920px)}.desktop-nav{display:none}.site-header{width:100%;padding-inline:calc((100% - var(--shell)) / 2);grid-template-columns:1fr auto;left:0;transform:none}.brand-mark,.header-actions{z-index:2;position:relative}.header-actions{gap:1.2rem}.menu-button{color:currentColor;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:.8rem;font-size:.66rem;display:flex}.menu-lines{width:25px;height:12px;position:relative}.menu-lines i{background:currentColor;width:25px;height:1px;transition:transform .22s,top .22s;position:absolute;left:0}.menu-lines i:first-child{top:2px}.menu-lines i:last-child{top:10px}.is-open .menu-lines i:first-child{top:6px;transform:rotate(45deg)}.is-open .menu-lines i:last-child{top:6px;transform:rotate(-45deg)}.mobile-menu{z-index:1;color:var(--ivory);opacity:0;visibility:hidden;pointer-events:none;background:#040c15fa;flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.mobile-menu a{font-family:var(--serif);font-size:3.4rem}.site-header.is-open .mobile-menu,.mobile-menu[aria-hidden=false]{opacity:1;visibility:visible;pointer-events:auto}.project-row,.project-row--2,.project-row--3{grid-template-columns:1fr;gap:2.5rem}.project-row--2 .project-media-link,.project-row--2 .project-copy{grid-column:1}.project-row--2 .project-media-link{grid-row:1}.project-row--2 .project-copy{grid-row:2}.about-band-inner{grid-template-columns:.25fr 1.2fr}.capability-list{grid-column:2;margin-top:3rem}.case-overview{grid-template-columns:.45fr 1fr}.case-roles{grid-column:2}.case-gallery--global-brand-communication .case-gallery-item{grid-column:span 6}.skills-section ul{grid-template-columns:repeat(2,1fr)}}@media (max-width:1099px){.hero--concept .hero-mobile-art{z-index:0;pointer-events:none;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.hero--concept .hero-mobile-art:after{content:"";background:linear-gradient(#020a1314 0%,#020a130a 48%,#020a1333 100%);position:absolute;top:0;bottom:0;left:0;right:0}.hero--concept .hero-mobile-art img{object-fit:cover;object-position:50% 50%;width:100%;height:100%}.hero--concept .hero-dog,.hero--concept .hero-orbit{display:none}}@media (max-width:760px){:root{--shell:calc(100% - 36px)}.site-header{min-height:78px}.brand-mark{font-size:1.8rem}.language-toggle{font-size:.63rem}.menu-button>span:first-child{display:none}.hero{min-height:780px}.hero-content{padding-top:145px}.hero-content h1{width:100%}.hero-name-cn{font-size:clamp(4rem,20vw,5.6rem);line-height:.92}.hero-name-en{white-space:normal;font-size:clamp(2.8rem,13.4vw,4rem)}.hero-role{max-width:290px;margin-top:1rem;font-size:.93rem;line-height:1.45}.hero-statement{max-width:290px;font-size:.88rem}.outline-cta{min-width:190px;height:56px;font-size:.78rem}.hero-dog{opacity:.65;width:360px;height:440px;right:-80px}.scroll-cue{bottom:34px;left:18px}.section-heading{flex-wrap:wrap;align-items:flex-start;gap:1.25rem}.section-heading h2{font-size:clamp(2.55rem,13vw,4rem)}.section-heading>span{white-space:nowrap;margin-left:auto;padding-top:.6rem}.work-section{padding-top:6rem}.project-row{padding:5rem 0 6rem}.project-media,.project-row--2 .project-media,.project-row--3 .project-media{aspect-ratio:1/1.08}.project-copy{grid-template-columns:42px 1fr}.project-title-group h3{font-size:2.75rem}.project-role-list{margin-top:2.5rem}.project-hover-label{display:none}.about-band-inner{display:block}.about-index{margin-bottom:2rem}.about-statement h2{font-size:3.35rem}.capability-list{margin-top:5rem}.experiment-grid{grid-template-columns:1fr;gap:4rem;margin-top:3rem}.experiment-item:nth-child(2){width:76%;margin-top:0;margin-left:auto}.footer-main{grid-template-columns:1fr}.footer-email{font-size:clamp(1.45rem,7.2vw,2.2rem)}.footer-meta{flex-wrap:wrap;align-items:flex-start;gap:1rem 2rem}.project-hero{padding-top:130px}.project-hero-meta{flex-wrap:wrap;gap:1rem}.project-hero h1{margin-top:1.5rem;font-size:clamp(3.8rem,18vw,6rem)}html[lang=en] .project-hero h1{font-size:clamp(3.25rem,15vw,4.4rem)}.project-hero>p{margin:1.8rem 0 3rem}.project-hero-image{height:62vh;min-height:430px}.case-overview{grid-template-columns:1fr;padding:3.5rem 0 6rem}.case-roles{grid-column:1}.case-chapter{grid-template-columns:42px 1fr;padding:3.8rem 0}.case-chapter h2{font-size:2.45rem}.case-gallery{padding-bottom:6rem;display:block}.case-gallery-item,.case-gallery-item--2,.case-gallery-item--3,.case-gallery--global-brand-communication .case-gallery-item{margin:0 0 3.5rem}.case-gallery--global-brand-communication{display:block}.case-result h2{font-size:3rem}.result-note{margin-top:2rem}.credit-block{grid-template-columns:1fr;margin-top:5rem}.credit-block dl>div{grid-template-columns:1fr;gap:.5rem}.published-work{margin-top:5rem}.external-link-groups{grid-template-columns:1fr;gap:3.5rem}.next-project{grid-template-columns:1fr auto;padding:5rem 0}.next-project>span{grid-column:1/3}.next-project h2{font-size:2.5rem}.inner-hero{padding:155px 0 7rem}.inner-hero h1{font-size:clamp(3.7rem,17vw,6rem)}.inner-hero>p{margin-top:2rem}.inner-hero .outline-cta{margin-left:0}.resume-section{padding:4.5rem 0}.resume-row,.resume-row--experience{grid-template-columns:1fr;gap:.8rem}.skills-section ul{grid-template-columns:1fr}.contact-hero{padding-top:170px}.contact-hero h1{font-size:clamp(4rem,18vw,6.5rem)}.contact-email{overflow-wrap:anywhere;grid-template-columns:1fr auto}.contact-email>span{grid-column:1/3}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.particle-canvas{display:none}.particle-static{opacity:.22}.transition-line{transform:scaleX(1)}.transition-particle{display:none}.reveal{opacity:1;transform:none}}@media print{:root{--shell:100%}.site-header,.site-footer,.outline-cta,.particle-canvas{display:none!important}body,.inner-page{color:#000;background:#fff}.inner-hero{padding:0 0 2rem}.inner-hero h1{font-size:42pt}.resume-section{break-inside:avoid;padding:1.5rem 0}.resume-row{opacity:1;padding:.8rem 0;transform:none}.skills-section ul{grid-template-columns:repeat(3,1fr)}}