:root{--paper:#f2f1ec;--ink:#0a0b0d;--blue:#1548d8;--line:#c5c4be;--muted:#686a66;--scroll:0;--scroll-px:0px}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{background:var(--paper);color:var(--ink);font-feature-settings:"kern" 1,"ss01" 1;text-rendering:geometricprecision;margin:0;font-family:Inter,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}main{width:100%;overflow:clip}.scroll-progress{z-index:100;background:var(--blue);width:100%;height:3px;transform:scaleX(var(--scroll));transform-origin:0;pointer-events:none;position:fixed;top:0;left:0}.journey-rail{z-index:90;color:#fff;mix-blend-mode:difference;pointer-events:none;grid-template-rows:auto 1fr auto;justify-items:center;gap:10px;width:18px;display:grid;position:fixed;top:108px;bottom:24px;right:12px}.journey-rail span,.journey-rail em{letter-spacing:.05em;writing-mode:vertical-rl;font-size:7px;font-style:normal;line-height:1}.journey-rail>i{background:#ffffff47;width:1px;height:100%;display:block;position:relative}.journey-rail>i:before{content:"";width:1px;height:calc(var(--scroll) * 100%);background:#fff;position:absolute;inset:0 auto auto 0}.journey-rail b{top:calc(var(--scroll) * 100%);width:9px;height:9px;transform:translate(-50%,-50%) rotate(calc(var(--scroll) * 540deg));background:#000;border:1px solid #fff;transition:top 80ms linear;position:absolute;left:50%}.site-header{z-index:70;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);letter-spacing:.11em;text-transform:uppercase;background:#f2f1ecdb;grid-template-columns:1fr auto 1fr;align-items:center;height:92px;margin:0;padding:0 2.7vw;font-size:11px;display:grid;position:sticky;top:0}.wordmark{letter-spacing:-.08em;justify-self:start;font-size:25px;font-weight:800}.wordmark span{color:var(--blue);vertical-align:top;margin-left:5px;font-size:8px}nav{gap:34px;display:flex}nav a{padding:10px 0;position:relative}nav a:after{content:"";background:var(--blue);transform-origin:0;width:100%;height:2px;transition:all .2s;position:absolute;bottom:5px;left:0;transform:scaleX(0)}nav a:hover:after,nav a:focus-visible:after{transform:scaleX(1)}.availability{justify-self:end;align-items:center;gap:10px;display:flex}.availability i{background:#20a55b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #d6eddd}.menu-button{background:0 0;border:0;display:none}.hero{border-bottom:1px solid var(--line);isolation:isolate;min-height:610px;margin:0 2.7vw;padding:62px 0 40px;position:relative}.hero-orbit{z-index:-1;aspect-ratio:1;border:1px solid var(--line);width:min(33vw,500px);transform:translateY(calc(var(--scroll-px) * .13)) rotate(calc(var(--scroll) * 100deg));opacity:.65;border-radius:50%;position:absolute;top:48px;right:2vw}.hero-orbit:before,.hero-orbit:after{content:"";border:1px solid var(--line);border-radius:50%;position:absolute;inset:15%}.hero-orbit:after{background:var(--paper);box-shadow:0 0 0 1px var(--line);inset:33%}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:12px}.hero h1{letter-spacing:-.072em;max-width:88vw;transform:translateY(calc(var(--scroll-px) * .045));margin:36px 0 0;font-size:clamp(72px,10.4vw,160px);font-weight:650;line-height:.9}.hero-line{white-space:nowrap;width:max-content;max-width:100%;transform:translateX(calc(var(--scroll) * -3vw));display:block}.hero-line-accent{color:var(--blue);transform:translateX(calc(var(--scroll) * 5vw));margin-left:12.5vw}.hero-note{grid-template-columns:50px 1fr;width:min(360px,25vw);font-size:15px;line-height:1.65;display:grid;position:absolute;bottom:52px;right:0}.hero-note>.line-arrow{color:var(--blue);margin:7px 0 0 4px;font-size:22px}.hero-note p{margin:0}.line-arrow{color:currentColor;vertical-align:.02em;flex:none;width:.72em;height:.72em;display:inline-block;position:relative}.line-arrow:before{content:"";border-top:1.5px solid;border-right:1.5px solid;width:52%;height:52%;position:absolute;top:0;right:0}.line-arrow:after{content:"";transform-origin:50%;background:currentColor;width:92%;height:1.5px;position:absolute;top:47%;left:5%;transform:rotate(-45deg)}.arrow-down{transform:rotate(135deg)}.arrow-up{transform:rotate(-45deg)}.work{padding:80px 2.7vw 130px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:30px;display:flex}.section-heading h2{letter-spacing:-.04em;margin:0;font-size:27px}.section-heading sup{color:var(--blue);margin-left:8px;font-size:11px}.filters{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.filters button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:100px;padding:8px 13px;font-size:11px;transition:all .2s}.filters button:hover,.filters button.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:60px 18px;display:grid}.project{opacity:0;grid-column:auto;min-width:0;margin:0;transition:opacity .75s,transform .75s cubic-bezier(.22,1,.36,1);transform:translateY(48px)}.project.is-visible{opacity:1;transform:none}.project-trigger{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.art{aspect-ratio:4/3;filter:saturate(.9)contrast(1.02);width:100%;height:auto;transition:transform .45s cubic-bezier(.22,1,.36,1),filter .45s;display:block;position:relative;overflow:hidden}.project:hover .art{filter:saturate(1.04)contrast(1.03);transform:translateY(-7px)}.view{background:var(--ink);color:#fff;letter-spacing:.08em;opacity:0;align-items:center;gap:8px;padding:10px 12px;font-size:10px;transition:all .22s;display:flex;position:absolute;bottom:18px;right:18px;transform:translateY(5px)}.project:hover .view,.project-trigger:focus-visible .view{opacity:1;transform:none}.art-brand{background:#deddd6;place-items:center;display:grid}.art-brand:before{content:"";aspect-ratio:1;border:1px solid var(--ink);border-radius:50%;width:66%;position:absolute}.art-brand:after{content:"";background:var(--ink);width:1px;height:100%;position:absolute;transform:rotate(35deg)}.art-brand b{z-index:1;font-family:Georgia,serif;font-size:clamp(100px,18vw,270px);font-weight:400}.art-brand em{letter-spacing:.2em;font-size:11px;font-style:normal;line-height:1.6;position:absolute;bottom:18px;left:20px}.art-poster{background:var(--blue);color:#fff;padding:24px}.art-poster:before{content:"";border:1px solid #ffffff80;border-radius:50%;position:absolute;inset:10% 8%;transform:scaleX(.68)}.art-poster b{letter-spacing:-.09em;font-size:clamp(78px,12vw,190px);line-height:.68;position:absolute;bottom:3%;left:5%}.art-poster i{letter-spacing:.4em;font-size:18px;font-style:normal;line-height:1.3;position:absolute;top:8%;right:7%}.art-package{perspective:800px;background:#cfd5c6;place-items:center;display:grid}.box{background:#f1eede;border:1px solid #7f867a;flex-direction:column;justify-content:center;align-items:center;width:48%;height:58%;transition:all .35s;display:flex;transform:rotate(-5deg);box-shadow:28px 25px #84937e}.project:hover .box{transform:rotate(0)translateY(-5px)}.box b{font-family:Georgia,serif;font-size:clamp(54px,8vw,118px);font-weight:400}.box small{letter-spacing:.28em;margin-top:20px}.art-package>em{font-size:11px;font-style:normal;position:absolute;top:20px;right:20px}.art-digital{color:#fff;background:#0b0d0f;place-items:center;display:grid}.orb{aspect-ratio:1;filter:saturate(1.2);background:radial-gradient(circle at 35% 30%,#fff 0 2%,#a7bbff 10%,#1c5cff 34%,#48248f 54%,#0b0d0f 72%);border-radius:50%;width:65%;transition:transform .5s}.project:hover .orb{transform:scale(1.04)rotate(5deg)}.art-digital b{letter-spacing:.14em;font-size:12px;line-height:1.35;position:absolute;top:20px;left:20px}.project-meta{border-bottom:1px solid var(--line);grid-template-columns:40px 1fr auto auto 62px;align-items:baseline;gap:16px;padding:15px 0 9px;display:grid}.project-meta span,.project-meta time,.project-meta i{color:var(--muted);font-size:11px;font-style:normal}.project-meta strong{font-size:16px;font-weight:550}.project-meta i{text-align:right;color:var(--blue);justify-content:flex-end;align-items:center;gap:7px;display:flex}.detail-intro span,.detail-scope>span{color:var(--muted);letter-spacing:.12em;margin-bottom:18px;font-size:10px;display:block}.detail-intro h3{letter-spacing:-.05em;max-width:650px;margin:0;font-size:clamp(28px,3.3vw,52px);font-weight:550;line-height:1.08}.project-detail>p{color:#444640;max-width:620px;margin:0;font-size:15px;line-height:1.8}.detail-scope{grid-template-columns:1fr 1fr 1fr;gap:0 12px;padding-top:4px;display:grid}.detail-scope>span{grid-column:1/-1}.detail-scope b{border-top:1px solid var(--line);padding:10px 0;font-size:12px;font-weight:500;display:block}.detail-foot{grid-column:1;justify-content:space-between;align-items:center;margin-top:0;display:flex}.detail-foot strong{color:var(--muted);letter-spacing:.08em;font-size:10px;font-weight:500}.swatches{gap:7px;display:flex}.swatches i{border:1px solid #0000001f;border-radius:50%;width:22px;height:22px}.project-modal{z-index:200;pointer-events:none;position:fixed;inset:0}.project-modal.is-open{pointer-events:auto}.modal-scrim{-webkit-backdrop-filter:blur();backdrop-filter:blur();opacity:0;cursor:zoom-out;background:#06080ab8;border:0;width:100%;height:100%;padding:0;transition:opacity .55s,-webkit-backdrop-filter .55s,backdrop-filter .55s;position:absolute;inset:0}.project-modal.is-open .modal-scrim{opacity:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.modal-stage{top:var(--from-top);left:var(--from-left);width:var(--from-width);height:var(--from-height);perspective:1800px;transition:top .72s cubic-bezier(.22,1,.36,1),left .72s cubic-bezier(.22,1,.36,1),width .72s cubic-bezier(.22,1,.36,1),height .72s cubic-bezier(.22,1,.36,1);position:absolute}.project-modal.is-open .modal-stage{width:90vw;height:90vh;top:5vh;left:5vw}.modal-card{width:100%;height:100%;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.22,1,.36,1),box-shadow .5s;position:relative;transform:rotateY(0);box-shadow:0 0 #0000}.project-modal.is-open .modal-card{transition:transform .72s cubic-bezier(.22,1,.36,1),box-shadow .38s .12s;transform:rotateY(180deg);box-shadow:0 35px 100px #00000061}.modal-face{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.modal-front{background:var(--paper);flex-direction:column;align-items:stretch;display:flex}.modal-front .art{aspect-ratio:4/3;flex:none;width:100%;height:auto}.modal-front .project-meta{flex:none}.modal-back{background:var(--paper);color:var(--ink);grid-template-rows:auto 1fr auto;padding:28px 32px 30px;display:grid;transform:rotateY(180deg)}.modal-close{z-index:2;border:1px solid var(--ink);background:var(--paper);cursor:pointer;border-radius:100px;justify-content:space-between;align-items:center;width:98px;height:42px;padding:0 13px 0 17px;transition:all .2s;display:flex;position:absolute;top:22px;right:24px}.modal-close:hover,.modal-close:focus-visible{background:var(--ink);color:var(--paper)}.modal-close span{letter-spacing:.08em;font-size:11px}.modal-close i{font-size:22px;font-style:normal;font-weight:300;line-height:1}.modal-back-head{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;gap:28px;padding-right:130px;font-size:10px;display:flex}.modal-back-copy{grid-template-columns:1fr 3fr;align-self:center;gap:32px;display:grid}.modal-back-copy>p{color:var(--muted);letter-spacing:.11em;margin:10px 0 0;font-size:10px}.modal-back-copy h3{letter-spacing:-.06em;grid-column:2;max-width:1000px;margin:0;font-size:clamp(38px,5.5vw,88px);font-weight:560;line-height:1.02}.modal-description{color:#444640;grid-column:2;max-width:680px;font-size:15px;line-height:1.8}.modal-back-foot{grid-template-columns:3fr 1fr;align-items:end;gap:50px;display:grid}.modal-back-foot .detail-scope{grid-template-columns:repeat(3,1fr);gap:0 12px;display:grid}.modal-back-foot .detail-foot{justify-items:end;gap:18px;display:grid}.art-typecity{color:#151515;background:#e8e4dc;padding:22px}.art-typecity:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 9.8%,#00000021 10%);position:absolute;inset:0}.art-typecity b{z-index:1;letter-spacing:-.12em;font-size:clamp(100px,15vw,225px);line-height:.72;position:relative}.art-typecity i{z-index:1;color:#e7472e;font-size:clamp(50px,7vw,110px);font-style:normal;font-weight:800;line-height:.8;position:absolute;top:6%;right:5%}.art-typecity em{z-index:1;letter-spacing:.16em;font-size:11px;font-style:normal;position:absolute;bottom:5%;right:5%}.art-muyu{color:#284238;background:#dfe4cf;place-items:center;display:grid}.muyu-mark{aspect-ratio:1;text-align:center;width:42%;transform:rotate(calc(-8deg + var(--scroll) * 14deg));border:2px solid #284238;place-items:center;font-family:Georgia,serif;font-size:clamp(60px,9vw,140px);line-height:.7;display:grid}.art-muyu b{letter-spacing:.18em;font-size:11px;line-height:1.4;position:absolute;bottom:18px;left:20px}.art-oneday{background:linear-gradient(135deg,#f0c76e 0 45%,#d46f57 45% 68%,#243d6b 68%);justify-content:center;align-items:center;gap:4%;display:flex}.tea{letter-spacing:.1em;background:#f6f0df;border:1px solid #0003;width:31%;height:55%;padding:16px;font-size:10px;transition:transform .4s;box-shadow:12px 16px #0000001a}.tea-a{transform:rotate(-7deg)translateY(-5%)}.tea-b{transform:rotate(5deg)translateY(7%)}.project:hover .tea{transform:rotate(0)translateY(0)}.art-oneday>b{color:#fff;font-family:Georgia,serif;font-size:20px;font-weight:400;position:absolute;bottom:18px;right:20px}.art-morph{color:#c6ff32;background:#111;overflow:hidden}.morph-grid{opacity:.75;transform:perspective(500px) rotateX(58deg) rotateZ(calc(8deg + var(--scroll) * 25deg)) scale(1.25);background-image:linear-gradient(#c6ff32 1px,#0000 1px),linear-gradient(90deg,#c6ff32 1px,#0000 1px);background-size:42px 42px;border-radius:45%;position:absolute;inset:-18%}.art-morph b{z-index:1;letter-spacing:-.08em;font-size:clamp(80px,14vw,210px);line-height:.7;position:absolute;bottom:4%;left:5%}.process{border-top:1px solid var(--line);opacity:0;grid-template-columns:1fr 3fr;gap:50px;padding:95px 2.7vw 120px;transition:all .8s;display:grid;transform:translateY(38px)}.process.is-visible,.about.is-visible{opacity:1;transform:none}.process-label{letter-spacing:.12em;color:var(--muted);font-size:10px}.process-steps{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.process-steps>div{border:1px solid var(--line);flex-direction:column;min-height:205px;padding:18px;transition:all .35s cubic-bezier(.22,1,.36,1);display:flex}.process-steps>div:hover{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:inset 0 3px 0 var(--blue);transform:translateY(-4px)}.process-steps span{font-size:10px}.process-steps h3{margin:auto 0 8px;font-size:28px;font-weight:550}.process-steps p{opacity:.7;margin:0;font-size:11px}.about{background:var(--ink);color:var(--paper);opacity:0;grid-template-columns:1fr 3fr;gap:50px;padding:100px 5.4vw 90px;transition:all .9s cubic-bezier(.22,1,.36,1);display:grid;position:relative;overflow:hidden;transform:translateY(45px)}.about:after{content:"XU";z-index:0;letter-spacing:-.12em;color:#0000;-webkit-text-stroke:1px #ffffff1f;transform:translateY(calc(var(--scroll) * -110px)) rotate(calc(var(--scroll) * 4deg));pointer-events:none;font-size:clamp(180px,32vw,520px);font-weight:700;line-height:.7;position:absolute;bottom:-10vw;right:-2vw}.about>*{z-index:1;position:relative}.about-label{color:#9d9e99;letter-spacing:.12em;font-size:11px}.about>p{letter-spacing:-.055em;margin:0;font-size:clamp(40px,5vw,78px);line-height:1.06}.about>p span{color:#7896ff}.services{color:#b7b8b4;border-top:1px solid #3b3d3e;grid-column:2;grid-template-columns:repeat(3,1fr);margin-top:55px;padding-top:22px;font-size:12px;display:grid}footer{color:#fff;background:#1239ad;flex-direction:column;justify-content:space-between;min-height:82vh;padding:42px 2.7vw 28px;display:flex}.contact-kicker,.contact-foot{letter-spacing:.11em;text-transform:uppercase;border-bottom:1px solid #ffffff61;grid-template-columns:1fr 1fr auto;align-items:center;gap:20px;padding-bottom:20px;font-size:10px;display:grid}.contact-main{padding:8vh 0}.contact-main p{letter-spacing:-.068em;margin:0 0 7vh;font-size:clamp(54px,8.2vw,126px);font-weight:560;line-height:.95}.contact-main a{letter-spacing:-.065em;border-top:1px solid #ffffff8c;border-bottom:1px solid #ffffff8c;justify-content:space-between;align-items:center;padding:20px 0 24px;font-size:clamp(48px,7.5vw,116px);line-height:1;transition:background .25s,color .25s,padding .25s;display:flex}.contact-main a>.line-arrow{margin-right:.12em;font-size:.5em}.contact-main a:hover,.contact-main a:focus-visible{color:var(--blue);background:#fff;padding-left:18px;padding-right:18px}.contact-foot{border-top:1px solid #ffffff61;border-bottom:0;grid-template-columns:1fr 1fr auto;padding:20px 0 0}.contact-foot p{margin:0}.contact-foot>a:last-child{align-items:center;gap:8px;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (width<=900px){.site-header{grid-template-columns:1fr auto;height:74px}.journey-rail{top:88px;bottom:16px;right:7px}.availability{display:none}.menu-button{letter-spacing:.08em;cursor:pointer;justify-self:end;font-size:12px;display:block}nav{z-index:20;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:8px;width:100%;padding:24px 2.7vw;display:none;position:absolute;top:74px;left:0}nav.nav-open{display:flex}.hero{min-height:560px}.hero h1{letter-spacing:-.065em;max-width:100%;margin-top:58px;font-size:clamp(66px,17vw,130px);line-height:.92}.hero-line,.hero-line-accent{transform:none}.hero-line-accent{margin-left:0}.hero-note{grid-template-columns:45px 1fr;width:100%}.section-heading{flex-direction:column;align-items:flex-start;gap:22px}.filters{justify-content:flex-start}.project-grid{grid-template-columns:1fr;gap:45px}.project,.project:nth-child(n){margin:0}.art{aspect-ratio:4/3;height:auto;min-height:0}.project-meta{grid-template-columns:30px 1fr auto 46px}.project-meta>span:nth-of-type(2){display:none}.detail-scope{grid-template-columns:1fr;padding-top:4px}.detail-foot{grid-column:1;margin:0}.project-modal.is-open .modal-stage{width:94vw;height:94vh;top:3vh;left:3vw}.modal-back{padding:24px 22px}.modal-back-copy{grid-template-columns:1fr;align-content:center;gap:18px}.modal-back-copy h3,.modal-description{grid-column:1}.modal-back-copy h3{font-size:clamp(34px,7vw,58px)}.modal-back-foot{grid-template-columns:1fr;gap:18px}.modal-back-foot .detail-scope{grid-template-columns:repeat(3,1fr)}.modal-back-foot .detail-foot{justify-content:space-between;display:flex}.process{grid-template-columns:1fr;padding:70px 5.4vw}.process-steps{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr;padding:72px 5.4vw}.services{grid-column:1;grid-template-columns:1fr;gap:13px}footer{min-height:76vh;padding:30px 5.4vw 24px}.contact-kicker{grid-template-columns:1fr auto}.contact-main{padding:7vh 0}.contact-main p{margin-bottom:6vh;font-size:clamp(48px,12.5vw,86px)}.contact-main a{font-size:clamp(44px,12vw,82px)}.contact-foot{grid-template-columns:1fr auto;row-gap:14px}.contact-foot>a:first-of-type{grid-area:1/1/auto/-1}.contact-foot p,.contact-foot>a:last-child{grid-row:2}}@media (width<=520px){.hero{min-height:520px;padding-top:48px}.hero h1{letter-spacing:-.055em;font-size:clamp(58px,16.8vw,82px);line-height:.96}.hero-note{bottom:38px}.journey-rail{opacity:.78;width:14px;right:5px}.journey-rail span,.journey-rail em,.contact-kicker span:last-child{display:none}.contact-main p{font-size:clamp(44px,13vw,66px)}.contact-main a{font-size:clamp(40px,12vw,60px)}.modal-stage{perspective:1200px}.project-modal.is-open .modal-stage{width:94vw;height:96vh;top:2vh;left:3vw}.modal-back{padding:20px 16px}.modal-close{width:82px;height:38px;top:14px;right:14px}.modal-back-head{flex-direction:column;gap:4px;padding-right:90px}.modal-back-copy{padding-top:30px}.modal-back-copy>p{display:none}.modal-back-copy h3{font-size:clamp(30px,9.5vw,46px)}.modal-description{font-size:13px;line-height:1.65}.modal-back-foot .detail-scope{grid-template-columns:1fr}.modal-back-foot .detail-scope>span{margin-bottom:6px}.modal-back-foot .detail-scope b{padding:6px 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}