@font-face{font-family:FEIGONGSHI AXIS Std;src:url(/fonts/axisstd/axisstd-ultralight.otf)format("opentype");font-style:normal;font-weight:100;font-display:swap;unicode-range:U+0-24F,U+2000-206F,U+20A0-20CF,U+2100-214F,U+2190-21FF}@font-face{font-family:FEIGONGSHI AXIS Std;src:url(/fonts/axisstd/axisstd-extralight.otf)format("opentype");font-style:normal;font-weight:200;font-display:swap;unicode-range:U+0-24F,U+2000-206F,U+20A0-20CF,U+2100-214F,U+2190-21FF}@font-face{font-family:FEIGONGSHI AXIS Std;src:url(/fonts/axisstd/axisstd-light.otf)format("opentype");font-style:normal;font-weight:300;font-display:swap;unicode-range:U+0-24F,U+2000-206F,U+20A0-20CF,U+2100-214F,U+2190-21FF}@font-face{font-family:FEIGONGSHI AXIS Std;src:url(/fonts/axisstd/axisstd-regular.otf)format("opentype");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0-24F,U+2000-206F,U+20A0-20CF,U+2100-214F,U+2190-21FF}@font-face{font-family:FEIGONGSHI AXIS Std;src:url(/fonts/axisstd/axisstd-medium.otf)format("opentype");font-style:normal;font-weight:500;font-display:swap;unicode-range:U+0-24F,U+2000-206F,U+20A0-20CF,U+2100-214F,U+2190-21FF}@font-face{font-family:FEIGONGSHI AXIS Std;src:url(/fonts/axisstd/axisstd-bold.otf)format("opentype");font-style:normal;font-weight:600 700;font-display:swap;unicode-range:U+0-24F,U+2000-206F,U+20A0-20CF,U+2100-214F,U+2190-21FF}@font-face{font-family:FEIGONGSHI AXIS Std;src:url(/fonts/axisstd/axisstd-heavy.otf)format("opentype");font-style:normal;font-weight:800 900;font-display:swap;unicode-range:U+0-24F,U+2000-206F,U+20A0-20CF,U+2100-214F,U+2190-21FF}:root{--bg:#050505;--text:#f2f2ee;--blue:#006bff;--line:#f2f2ee1f;--line-soft:#f2f2ee0f;--muted:#f2f2ee8f;--side:70px;--grid-x:0px;--grid-y:0px;--stack-parallax-x:0px;--stack-parallax-y:0px;--font-en:"FEIGONGSHI AXIS Std", "AXIS Std", "Arial Black", Arial, sans-serif;--font-zh:"Morisawa UD Gothic", "森泽UD黑", "森泽 UD 黑体", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-mixed:"FEIGONGSHI AXIS Std", "Morisawa UD Gothic", "森泽UD黑", "森泽 UD 黑体", "Microsoft YaHei", "Noto Sans SC", Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}:root{--font-zh:"Morisawa UD Gothic", "森泽UD黑", "森泽 UD 黑体", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-mixed:"FEIGONGSHI AXIS Std", "Morisawa UD Gothic", "森泽UD黑", "森泽 UD 黑体", "Microsoft YaHei", "Noto Sans SC", Arial, sans-serif}html,body{background:var(--bg);width:100%;height:100%;min-height:100%;overflow:hidden}body{height:100dvh;color:var(--text);cursor:none;font-family:var(--font-en);opacity:0;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;margin:0;transition:opacity .62s}body.is-mounted{opacity:1}a,button{color:inherit;cursor:none;font:inherit}a{text-decoration:none}button{border:0}::selection{background:var(--blue);color:var(--text)}.en{font-family:var(--font-en)}.zh,.case-main{font-family:var(--font-zh)}.cursor{z-index:120;opacity:0;pointer-events:none;border:1px solid #f2f2eee0;border-radius:50%;width:8px;height:8px;transition:width .18s,height .18s,border-color .18s,opacity .18s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor.is-active{border-color:var(--blue);width:22px;height:22px}.cursor.is-pressed{border-color:var(--blue);width:18px;height:18px}.cursor.is-visible{opacity:1}.archive-grid,.archive-noise{pointer-events:none;position:fixed;inset:0}.archive-grid{background:linear-gradient(var(--line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--line-soft) 1px, transparent 1px), linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.3;transform:translate3d(var(--grid-x), var(--grid-y), 0);will-change:transform;background-size:18px 18px,18px 18px,180px 180px,180px 180px;inset:-4vh -4vw}.archive-noise{opacity:.055;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 5px)}.archive-nav{top:34px;right:var(--side);left:var(--side);z-index:40;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:fixed}.brand,.archive-nav nav a,.archive-nav nav button,.viewer-label,.filter-button,.step-button,.open-details,.case-counter,.case-index,.case-id,.case-section-label,.next-case,.back-link{letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700;line-height:1.1}.brand,.archive-nav nav{pointer-events:auto}.brand .zh{letter-spacing:.02em}.divider{color:#f2f2ee8a;margin:0 8px}.brand-image-lockup{align-items:center;gap:10px;display:inline-flex}.brand-wordmark{object-fit:contain;filter:invert();opacity:.94;width:auto;display:block}.brand-wordmark-en{max-width:128px;height:10px}.brand-wordmark-zh{max-width:54px;height:11px}.brand-wordmark-slash{font-family:var(--font-en);color:#f2f2ee8a;font-size:11px;font-weight:700;line-height:1;display:none}.archive-nav nav{gap:28px;display:flex}.archive-nav a,.archive-nav nav button{color:#f2f2eee6;outline-offset:8px;background:0 0;border:0;padding:0;position:relative}.archive-nav a:after,.archive-nav nav button:after,.back-link:after{background:var(--blue);content:"";opacity:0;transform-origin:0;height:1px;transition:opacity .18s,transform .18s;position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.archive-nav a:hover:after,.archive-nav a:focus-visible:after,.archive-nav nav button:hover:after,.archive-nav nav button:focus-visible:after,.back-link:hover:after,.back-link:focus-visible:after{opacity:1;transform:scaleX(1)}.archive-viewer{z-index:2;width:min(100%,1700px);height:100dvh;min-height:620px;padding:96px var(--side) 92px;margin:0 auto;position:relative;overflow:hidden}.viewer-label{top:120px;left:var(--side);color:#f2f2ee8f;opacity:.62;gap:8px;display:grid;position:absolute}.viewer-label span:first-child{color:var(--text)}.viewer-label:before{background:var(--blue);content:"";width:52px;height:2px;margin-bottom:12px;display:block}.case-carousel{inset:116px var(--side) 150px;place-items:center;display:grid;position:absolute;overflow:hidden}.case-stack{width:clamp(340px,34vw,600px);height:clamp(240px,38vh,460px);min-height:0;transform:translate3d(var(--stack-parallax-x), var(--stack-parallax-y), 0);will-change:transform;transition:transform .42s;position:relative}.stack-item{outline-offset:10px;opacity:var(--stack-opacity,1);width:100%;height:100%;transform:translate3d(calc(-50% + var(--stack-x,0px)), calc(-50% + var(--stack-y,0px)), 0) scale(var(--stack-scale,1));transform-origin:50% 56%;backface-visibility:hidden;transform-style:preserve-3d;will-change:transform, opacity;transition:opacity 1.18s cubic-bezier(.16,1,.3,1),transform 1.18s cubic-bezier(.16,1,.3,1);display:block;position:absolute;inset:50% 0 0 50%}.stack-visual{border:1px solid var(--line);background:linear-gradient(90deg, #006bff1a, transparent 44%), var(--bg);height:100%;transition:transform 1.18s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.stack-visual:before{z-index:1;content:"";opacity:.58;background-color:#0000;background-image:linear-gradient(#f2f2ee14 1px,#0000 1px),linear-gradient(90deg,#f2f2ee14 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.stack-visual:after{z-index:1;aspect-ratio:1;content:"";opacity:.85;border:1px solid #f2f2ee24;border-radius:50%;width:min(38%,260px);position:absolute;top:14%;right:9%}.stack-cover,.stack-cover-overlay{pointer-events:none;position:absolute;inset:0}.stack-cover{z-index:0;object-fit:cover;width:100%;height:100%}.stack-cover-overlay{z-index:1;background:#0505052e}.stack-visual.has-cover{background:var(--bg)}.stack-visual.has-cover:before{opacity:.16}.stack-visual.has-cover:after{opacity:.18}.stack-visual.has-cover .stack-symbol{display:none}.stack-symbol{color:#f2f2ee09;font-family:var(--font-en);letter-spacing:-.08em;font-size:clamp(76px,12vw,176px);font-weight:600;line-height:.8;position:absolute;bottom:8%;right:8%}.stack-number,.stack-view,.stack-blue-line{z-index:2;position:absolute}.stack-number,.stack-view{color:#f2f2eead;font-family:var(--font-en);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.stack-number{color:var(--blue);top:18px;left:18px}.stack-blue-line{display:none}.stack-view{color:#f2f2ee6b;opacity:0;font-size:9px;transition:opacity .22s,transform .26s cubic-bezier(.16,1,.3,1);top:50%;left:50%;transform:translate(-50%,calc(10px - 50%))}.stack-item.is-interactive:hover .stack-visual,.stack-item.is-interactive:focus-visible .stack-visual{border-color:#006bffcc;transform:scale(1.018)}.stack-item.is-interactive:hover .stack-view,.stack-item.is-interactive:focus-visible .stack-view{opacity:.86;transform:translate(-50%,-50%)}.stack-item.is-interactive:active .stack-visual{transform:scale(.992)}.case001-page,.case001-page body{height:auto;min-height:100%;overflow:hidden auto}.case001-body{background:var(--bg);font-family:var(--font-mixed)}.case-wipe{z-index:110;background:var(--blue);pointer-events:none;transform-origin:100%;will-change:transform;transition:transform .82s cubic-bezier(.16,1,.3,1);position:fixed;inset:0;transform:scaleX(1)}.case001-body.is-mounted .case-wipe,.case-body.is-mounted .case-wipe{transform:scaleX(0)}.case001-detail{z-index:2;width:min(100%,1700px);padding:132px var(--side) 120px;margin:0 auto;position:relative}.case001-back{top:34px;left:var(--side);z-index:60;color:#f2f2eed1;position:fixed}.case001-back:after{background:var(--blue);content:"";opacity:0;transform-origin:0;height:1px;transition:opacity .18s,transform .18s;position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.case001-back:hover:after,.case001-back:focus-visible:after{opacity:1;transform:scaleX(1)}.case001-hero{align-content:end;gap:34px;min-height:82dvh;padding-bottom:9vh;display:grid}.case001-kicker,.case001-meta,.case001-section-index,.case001-caption,.case001-next span{color:var(--blue);font-family:var(--font-en);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600;line-height:1.2}.case001-title{max-width:min(1180px,78vw);color:var(--text);font-family:var(--font-mixed);letter-spacing:-.045em;margin:0;font-size:clamp(42px,6.5vw,118px);font-weight:600;line-height:.95}.case001-meta{color:#f2f2ee94;gap:10px;display:grid}.case001-meta span:first-child{color:#f2f2eedb}.case001-hero-image,.case001-image-frame{border:1px solid var(--line);background:#090909;position:relative;overflow:hidden}.case001-hero-image{width:min(88vw,1500px);margin:0 auto 14vh}.case001-hero-image img,.case001-image-frame img{object-fit:cover;width:100%;height:auto;display:block}.case001-section{border-top:1px solid var(--line);grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:clamp(34px,7vw,118px);padding:15vh 0;display:grid}.case001-section-head{align-content:start;gap:18px;display:grid}.case001-section h2{color:var(--text);font-family:var(--font-mixed);letter-spacing:0;margin:0;font-size:clamp(22px,2vw,36px);font-weight:500;line-height:1.08}.case001-copy{gap:18px;max-width:780px;display:grid}.case001-copy p{color:#f2f2eead;font-family:var(--font-mixed);letter-spacing:0;margin:0;font-size:15px;font-weight:400;line-height:1.88}.case001-gallery{gap:12vh;padding:7vh 0 14vh;display:grid}.case001-image-frame{width:min(88vw,1500px);margin-left:auto;margin-right:auto}.case001-image-frame.is-medium{width:min(76vw,1180px)}.case001-image-frame.is-narrow{width:min(70vw,980px)}.case001-caption{color:#f2f2ee6b;margin:14px 0 0;display:block}.case001-next{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:220px minmax(0,1fr);align-items:center;gap:40px;margin-top:6vh;padding:34px 0;display:grid}.case001-next strong{color:var(--text);font-family:var(--font-mixed);font-size:clamp(22px,2.7vw,52px);font-weight:500;line-height:1.08}.reveal-item{opacity:0;will-change:transform, opacity;transition:opacity .76s cubic-bezier(.16,1,.3,1),transform .76s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}.reveal-item.is-visible{opacity:1;transform:translate(0,0)}.case-meta-strip{right:var(--side);bottom:86px;left:var(--side);z-index:130;pointer-events:none;display:block;position:absolute}.case-title-group{text-align:center;gap:7px;max-width:min(520px,42vw);margin:0 auto;display:grid}.case-index{color:var(--blue);margin:0}.case-title-group h1{color:var(--text);font-family:var(--font-mixed);letter-spacing:0;margin:0;font-size:clamp(14px,1.1vw,18px);font-weight:500;line-height:1.28}.case-title-token.is-en{font-family:var(--font-en);font-weight:700}.case-title-token.is-zh{font-family:var(--font-zh);-webkit-text-stroke:.012em currentColor;text-shadow:.01em 0;font-weight:900}.case-title-token.is-sep{font-family:var(--font-en);font-weight:700}.case-title-display-line{display:inline}.case-title-display-line+.case-title-display-line:before{content:" "}.case-brief{color:#f2f2ee85;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:600;line-height:1.2}.archive-controls{right:var(--side);bottom:30px;left:var(--side);z-index:50;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;padding-top:0;display:grid;position:fixed}.brand-systems-page .archive-viewer{padding-bottom:72px}.brand-systems-page .viewer-label{display:none}.brand-systems-page .case-carousel{inset:116px var(--side) 132px}.brand-systems-page .case-stack{transform:translate3d(var(--stack-parallax-x), calc(36px + var(--stack-parallax-y)), 0)}.brand-systems-page .stack-item{transition:none}.brand-systems-page .stack-visual{transition:transform .92s cubic-bezier(.16,1,.3,1)}.brand-systems-page .stack-item.is-interactive:hover .stack-visual,.brand-systems-page .stack-item.is-interactive:focus-visible .stack-visual{transform:scale(1.025)}.brand-systems-page .stack-item.is-interactive:active .stack-visual{transform:scale(.992)}.brand-systems-page.is-opening-case{opacity:0;transition:opacity .72s cubic-bezier(.16,1,.3,1) .36s}.brand-systems-page.is-opening-case .stack-item:not(.is-current),.brand-systems-page.is-opening-case .viewer-label,.brand-systems-page.is-opening-case .case-meta-strip{transition:opacity .42s cubic-bezier(.16,1,.3,1);opacity:0!important}.brand-systems-page.is-opening-case .stack-item.is-current{z-index:140!important}.brand-systems-page.is-opening-case .stack-item.is-current .stack-visual{transform:scale(1.68)}.brand-systems-page:after{z-index:150;background:var(--blue);content:"";pointer-events:none;opacity:0;transform-origin:0;height:18vh;display:none;position:fixed;top:50%;left:0;right:0;transform:translateY(-50%)scaleX(0)}.brand-systems-page.is-opening-case:after{animation:none}.brand-systems-page .case-meta-strip{bottom:68px}.brand-systems-page .case-title-group{gap:10px;max-width:min(500px,48vw)}.brand-systems-page .case-title-group .open-details{pointer-events:auto;justify-self:center}.brand-systems-page .archive-controls,.brand-systems-page .case-brief{display:none}.filter-bar,.action-controls{align-items:center;gap:18px;display:flex}.filter-bar{justify-content:center}.filter-bar,.case-counter,.action-controls{pointer-events:auto}.case-counter{color:#f2f2ee80;text-align:left}.action-controls{justify-content:flex-end}.filter-button,.step-button,.open-details{color:#f2f2ee80;background:0 0;padding:0;position:relative}.filter-button:before,.step-button:before,.open-details:before{background:var(--blue);content:"";opacity:0;transform-origin:0;height:1px;transition:opacity .18s,transform .18s;position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.filter-button:hover,.filter-button:focus-visible,.filter-button.is-active,.step-button:hover,.step-button:focus-visible,.open-details:hover,.open-details:focus-visible{color:var(--text)}.filter-button:hover:before,.filter-button:focus-visible:before,.filter-button.is-active:before,.step-button:hover:before,.step-button:focus-visible:before,.open-details:hover:before,.open-details:focus-visible:before{opacity:1;transform:scaleX(1)}.has-empty-filter .case-stack{opacity:.2}.has-empty-filter .open-details,.step-button:disabled{opacity:.35;pointer-events:none}.case-shell{z-index:2;width:min(100%,1700px);padding:126px var(--side) 90px;grid-template-columns:320px minmax(0,1fr);gap:clamp(42px,7vw,120px);margin:0 auto;display:grid;position:relative}.back-link{top:34px;left:var(--side);z-index:40;color:#f2f2eee0;position:fixed}.case-meta-panel{border-top:1px solid var(--blue);align-self:start;padding-top:22px;position:sticky;top:118px}.case-id{color:var(--blue);margin:0 0 56px}.case-meta-panel dl{gap:22px;margin:0;display:grid}.case-meta-panel div{border-top:1px solid var(--line-soft);padding-top:14px}.case-meta-panel dt{color:#f2f2ee57;font-family:var(--font-en);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:600}.case-meta-panel dd{color:#f2f2eec7;margin:0;font-size:13px;line-height:1.56}.case-main h1{max-width:1120px;color:var(--text);font-family:var(--font-mixed);letter-spacing:-.035em;margin:0 0 72px;font-size:clamp(42px,6vw,112px);font-weight:600;line-height:.96}.case-title-line{display:block}.case-title-subline{opacity:.9;margin-top:.08em;font-size:.82em}.case-text-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-bottom:72px;display:grid}.case-text-grid article{min-height:220px;padding:24px 0 28px}.case-text-grid article+article{border-left:1px solid var(--line-soft);padding-left:28px}.case-section-label{color:var(--blue);margin:0 0 24px}.case-text-grid p:not(.case-section-label){color:#f2f2eeb8;margin:0;font-size:15px;line-height:1.88}.case-visuals{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.visual-placeholder{border:1px solid var(--line);background-color:#006bff14;min-height:34vh;position:relative;overflow:hidden}.visual-placeholder.is-large{grid-column:1/-1;min-height:62vh}.visual-placeholder:before{background:linear-gradient(var(--line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);content:"";opacity:.78;background-size:24px 24px;position:absolute;inset:0}.visual-placeholder:after{background:var(--blue);content:"";opacity:.84;width:min(62%,560px);height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.visual-placeholder span{z-index:2;color:#f2f2ee8f;letter-spacing:.08em;font-size:10px;font-weight:600;position:absolute;bottom:18px;right:18px}.next-case{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:220px minmax(0,1fr);align-items:center;gap:28px;margin-top:82px;padding:28px 0;display:grid}.next-case span{color:var(--blue)}.next-case strong{color:var(--text);font-family:var(--font-mixed);font-size:clamp(24px,3vw,56px);font-weight:600;line-height:1.08}.case-detail-page,.case-detail-page body{height:auto;min-height:100%;overflow:hidden auto}.case-detail-page body{background:var(--bg);font-family:var(--font-mixed)}.case-detail-page .case-shell{padding-top:132px;padding-bottom:128px;display:block}.case-detail-page .back-link{z-index:60;position:fixed;top:64px;left:64px}.case-detail-page .case-meta-panel{z-index:55;opacity:.34;border-top-color:#006bffb8;width:min(180px,100vw - 128px);font-size:11px;position:fixed;top:138px;left:64px}.case-detail-page .case-main{margin:0}.case-detail-page .case-stage{--stage-width:min(58vw, 960px);--content-offset-x:3vw;width:var(--stage-width);transform:translate3d(var(--content-offset-x), 0, 0);margin-left:auto;margin-right:clamp(72px,8vw,160px)}.case-detail-page .case-id{margin-bottom:42px}.case-detail-page .case-meta-panel dl{gap:18px}.case-detail-page .case-meta-panel div{border-top-color:#f2f2ee0b;padding-top:12px}.case-detail-page .case-meta-panel dt{color:#f2f2ee6b;margin-bottom:7px;font-size:10px}.case-detail-page .case-meta-panel dd{color:#f2f2eeb8;font-size:11px;line-height:1.55}.case-detail-page .case-main h1{letter-spacing:-.04em;max-width:760px;margin-bottom:58px;font-size:clamp(32px,3.6vw,60px);font-weight:700;line-height:1.02}.case-detail-page .case-title-subline{opacity:.64;margin-top:14px;font-size:.58em}.case-detail-page .case-text-grid{border-color:#ffffff0f;gap:clamp(48px,6vw,104px);width:100%;max-width:100%;margin-bottom:0}.case-detail-page .case-text-grid article{min-height:0;padding:18px 0 28px}.case-detail-page .case-text-grid article+article{border-left:0;padding-left:0}.case-detail-page .case-section-label{color:var(--blue);margin-bottom:18px;font-size:10px}.case-detail-page .case-text-grid p:not(.case-section-label){color:#f2f2ee94;font-size:12px;line-height:1.75}.case-detail-page .case-gallery{align-items:center;gap:var(--image-gap,clamp(96px, 10vw, 160px));padding-top:var(--intro-to-gallery-gap,clamp(72px, 7vw, 108px));flex-direction:column;padding-bottom:clamp(160px,16vw,240px);display:flex}.case-detail-page .case-gallery-item{width:min(var(--image-width,100%), var(--image-max-width,100%));margin:var(--image-margin-top,0px) 0 0;transform:translate3d(var(--image-offset-x,0vw), 0, 0)}.case-detail-page .case-gallery-float{transform:translate3d(var(--parallax-x,0px), var(--parallax-y,0px), 0);will-change:transform;transition:transform .5s cubic-bezier(.16,1,.3,1)}.case-detail-page .case-gallery-frame{will-change:transform;background:0 0;border:1px solid #ffffff0a;transition:transform .5s cubic-bezier(.16,1,.3,1);overflow:hidden}.case-detail-page .case-gallery-frame:hover{transform:translateY(-6px)scale(1.008)}.case-detail-page .case-gallery-image{object-fit:contain;width:100%;height:auto;display:block}.case-gallery-empty{color:#f2f2ee5c;letter-spacing:.08em;margin:0;font-size:11px;font-weight:600}.case-detail-page .case-reveal{opacity:0;will-change:transform, opacity;transition:opacity .76s cubic-bezier(.16,1,.3,1),transform .76s cubic-bezier(.16,1,.3,1);transform:translateY(34px)}.case-detail-page .case-reveal.is-visible{opacity:1;transform:translate(0,0)}.case-detail-page .case-end{color:#f2f2ee8f;letter-spacing:.08em;opacity:.56;text-align:center;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:48vh;padding:0;font-size:11px;font-weight:600;line-height:1.2;display:flex}.case-detail-page .case-end a{color:#f2f2ee8f;text-decoration:none;transition:color .18s}.case-detail-page .case-end a:hover,.case-detail-page .case-end a:focus-visible{color:var(--blue)}.case-fixed-info{z-index:55;color:#f2f2ee57;letter-spacing:.08em;pointer-events:none;text-transform:uppercase;gap:0;font-size:11px;font-weight:600;line-height:1.6;display:grid;position:fixed;bottom:64px;left:64px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.contact-backdrop{z-index:92;opacity:0;pointer-events:none;background:#05050561;transition:opacity .26s;position:fixed;inset:0}.contact-drawer{z-index:110;width:min(420px,92vw);height:100dvh;color:var(--text);background:#050505f5;border-left:1px solid #f2f2ee24;padding:64px 42px 42px;transition:transform .36s cubic-bezier(.16,1,.3,1);position:fixed;top:0;right:0;transform:translate(100%)}.is-contact-open .contact-backdrop{opacity:1;pointer-events:auto}.is-contact-open .contact-drawer{transform:translate(0,0)}.contact-close{color:#f2f2ee8f;letter-spacing:.08em;background:0 0;border:0;padding:0;font-size:11px;font-weight:600;position:absolute;top:34px;right:42px}.contact-kicker{color:var(--blue);letter-spacing:.08em;margin:0 0 20px;font-size:11px;font-weight:600}.contact-drawer h2{color:var(--text);letter-spacing:-.045em;margin:0;font-size:clamp(28px,4vw,48px);font-weight:700;line-height:.96}.contact-brand-lockup{gap:12px;display:grid}.contact-brand-wordmark{object-fit:contain;filter:invert();width:auto;display:block}.contact-brand-wordmark-en{max-width:min(82vw,330px);height:clamp(28px,4vw,48px)}.contact-brand-wordmark-zh{max-width:min(82vw,220px);height:clamp(30px,5vw,58px)}.contact-scope{color:#f2f2eeb8;letter-spacing:.08em;text-transform:uppercase;gap:10px;margin:56px 0 64px;padding:0;font-size:12px;font-weight:600;list-style:none;display:grid}.contact-drawer dl{gap:22px;margin:0;display:grid}.contact-drawer dl div{border-top:1px solid #f2f2ee14;padding-top:14px}.contact-drawer dt{color:var(--blue);letter-spacing:.08em;margin-bottom:8px;font-size:10px;font-weight:600}.contact-drawer dd{color:#f2f2eead;font-family:var(--font-en);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.6}.contact-drawer a:hover,.contact-drawer a:focus-visible{color:var(--blue)}.contact-qr{gap:12px;width:148px;margin:32px 0 0;display:grid}.contact-qr img{background:var(--blue);object-fit:cover;border:1px solid #006bff6b;width:148px;height:148px;display:block}.contact-qr figcaption{color:#f2f2ee75;letter-spacing:.08em;margin:0;font-size:9px;font-weight:600}.cases-index-page,.marks-type-page{height:100dvh;overflow:hidden}.cases-hub{z-index:2;width:min(100%,1700px);height:100dvh;padding:132px var(--side) 86px;margin:0 auto;display:grid;position:relative}.cases-hub-intro{align-self:end;width:min(52vw,820px);margin-bottom:clamp(48px,7vw,112px)}.cases-kicker,.cases-hub-note{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:600;line-height:1.2}.cases-hub-intro h1,.marks-wall-copy h1{color:var(--text);font-family:var(--font-en);letter-spacing:-.055em;margin:18px 0 0;font-size:clamp(44px,7vw,118px);font-weight:700;line-height:.88}.cases-hub-note{color:#f2f2ee7a;margin-top:20px}.case-paths{border-top:1px solid #f2f2ee24;grid-template-columns:repeat(2,minmax(0,1fr));align-self:end;gap:clamp(28px,5vw,88px);display:grid}.case-path{min-height:30vh;color:var(--text);outline-offset:10px;align-content:end;padding:34px 0 0;display:grid;position:relative}.case-path+.case-path{border-left:1px solid #f2f2ee14;padding-left:clamp(28px,5vw,88px)}.case-path:before,.case-path:after{content:"";transform-origin:0;transition:opacity .36s cubic-bezier(.16,1,.3,1),transform .42s cubic-bezier(.16,1,.3,1);position:absolute;left:0}.case-path:before{background:var(--blue);opacity:.72;width:72px;height:1px;top:-1px}.case-path:after{background:var(--blue);opacity:0;width:34px;height:8px;bottom:28px;transform:scaleX(0)}.case-path:hover:before,.case-path:focus-visible:before{opacity:1;transform:scaleX(1.7)}.case-path:hover:after,.case-path:focus-visible:after{opacity:.9;transform:scaleX(1)}.case-path-index{color:#f2f2ee6b;letter-spacing:.08em;font-size:11px;font-weight:600}.case-path h2{font-family:var(--font-en);letter-spacing:-.045em;margin:18px 0;font-size:clamp(30px,4vw,70px);font-weight:700;line-height:.92}.case-path p{color:#f2f2ee8a;letter-spacing:.03em;max-width:420px;margin:0;font-size:12px;font-weight:600;line-height:1.72}.marks-wall-shell{z-index:2;-webkit-user-select:none;user-select:none;height:100dvh;padding:0;position:relative;overflow:hidden}.marks-wall-label{display:none}.marks-wall-label span:first-child{color:#f2f2ee9e}.marks-wall-label:before{background:var(--blue);content:"";width:52px;height:2px;margin-bottom:12px;display:block}.marks-wall-copy{left:var(--side);z-index:5;pointer-events:none;width:min(34vw,440px);position:fixed;bottom:92px}.marks-wall-copy h1{font-size:clamp(36px,5vw,86px)}.marks-wall-copy p:last-child{color:#f2f2ee80;letter-spacing:.04em;text-transform:uppercase;max-width:330px;margin:18px 0 0;font-size:12px;font-weight:600;line-height:1.68}.marks-wall-viewport{cursor:none;touch-action:none;position:absolute;inset:0;overflow:hidden}.marks-wall-viewport.is-dragging{cursor:none}.is-wall-dragging{cursor:none;-webkit-user-select:none;user-select:none}.is-wall-dragging .marks-card-visual{animation-duration:calc(var(--float-duration,14s) * 1.35)}.marks-panzoom-layer,.marks-autoplay-layer,.marks-auto-loop-layer{transform-origin:0 0;will-change:transform;backface-visibility:hidden;position:absolute;top:0;left:0;transform:translate(0,0)}.marks-panzoom-layer{width:max-content;height:max-content}.marks-autoplay-layer,.marks-auto-loop-layer{width:100%;height:100%}.marks-autoplay-layer.is-css-autoplay,.marks-auto-loop-layer.is-css-autoplay{animation:48s ease-in-out infinite alternate marksWallDrift}.marks-wall-canvas,.marks-grid-layer{will-change:transform, opacity;contain:layout style paint;width:3600px;height:2400px;position:absolute;top:0;left:0;transform:translate(0,0)}.marks-card{width:220px;height:140px;color:var(--text);text-align:left;opacity:.72;will-change:transform, opacity;backface-visibility:hidden;contain:layout style paint;background:0 0;border:0;padding:0;transition:opacity .52s cubic-bezier(.16,1,.3,1);display:block;position:absolute}.marks-card:not(.has-image){opacity:0}.marks-card.is-small,.marks-card.is-medium,.marks-card.is-large,.marks-card.is-wide,.marks-card.is-tall{width:220px;height:140px}.marks-card.is-layer-foreground{z-index:4}.marks-card.is-layer-midground{z-index:3}.marks-card.is-layer-background{z-index:1}.marks-card-visual{width:100%;height:100%;animation-delay:var(--float-delay,0s);transform-origin:50% 55%;will-change:transform, opacity;background:#ffffff05;border:1px solid #f2f2ee07;justify-content:center;align-items:center;transition:border-color .52s cubic-bezier(.16,1,.3,1),background-color .52s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;transform:translate(0,0)}.marks-card.is-floating .marks-card-visual{animation:markCardFloat var(--float-duration,14s) ease-in-out infinite alternate;animation-delay:var(--float-delay,0s)}.marks-type-page>.marks-wall-filters,.marks-type-page>.marks-wall-copy{display:none}.marks-card.is-wide .marks-card-visual,.marks-card.is-tall .marks-card-visual{aspect-ratio:auto}.marks-card-visual:before{content:"";opacity:0;pointer-events:none;z-index:2;background-color:#0000;background-image:linear-gradient(#f2f2ee0b 1px,#0000 1px),linear-gradient(90deg,#f2f2ee0b 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.marks-card img{object-fit:contain;opacity:.86;filter:invert()grayscale()brightness(1.12)contrast(1.18);mix-blend-mode:screen;will-change:transform, opacity;width:auto;max-width:82%;height:auto;max-height:72%;transition:transform .52s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1),opacity .9s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.marks-card.is-layer-background img{filter:invert()grayscale()brightness(1.08)contrast(1.16)}.marks-card:hover,.marks-card.is-auto-active{opacity:1;z-index:8}.marks-card:not(.has-image):hover,.marks-card.is-auto-active:not(.has-image){opacity:0}.marks-card:hover .marks-card-visual,.marks-card.is-auto-active .marks-card-visual{background:#ffffff07;border-color:#006bff33}.marks-card:hover img,.marks-card.is-auto-active img{opacity:1;filter:invert()grayscale()brightness(1.34)contrast(1.24);transform:translate(-50%,-50%)scale(1.04)}.marks-card.is-pressing .marks-card-visual{transform:scale(.99)}.marks-card.has-image .marks-card-visual:before{opacity:.02}.marks-horizontal-viewport{cursor:none;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.marks-horizontal-viewport.is-dragging{cursor:none}.marks-horizontal-stage{will-change:transform;backface-visibility:hidden;flex-direction:column;gap:clamp(92px,10vh,136px);padding:0;transition:opacity .45s cubic-bezier(.16,1,.3,1),filter .45s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:clamp(138px,17vh,190px);left:-8vw;right:-8vw;transform:translate(0,0)}.marks-horizontal-row{width:100%;position:relative;overflow:visible;transform:translate(0,0)}.marks-horizontal-row:nth-child(2){transform:translate(-8vw)}.marks-horizontal-row:nth-child(3){transform:translate(5vw)}.marks-horizontal-track{will-change:transform;backface-visibility:hidden;width:max-content;display:flex;transform:translate(0,0)}.marks-horizontal-segment{flex:none;align-items:center;gap:clamp(84px,7vw,132px);padding-right:clamp(84px,7vw,132px);display:flex}.marks-horizontal-card{transform:translate3d(0, 0, 0) scale(var(--item-scale,1));flex:none;position:relative}.marks-horizontal-card .marks-card-visual{background:#ffffff05}.marks-horizontal-card img{opacity:.9;filter:invert()grayscale()brightness(1.08)contrast(1.12)}.marks-horizontal-card:hover img,.marks-horizontal-card.is-auto-active img{filter:invert()grayscale()brightness(1.28)contrast(1.14)}.marks-horizontal-track.is-css-loop{animation:marksHorizontalLoop var(--loop-duration,64s) linear infinite}.marks-horizontal-track.is-css-loop-reverse{animation:marksHorizontalLoopReverse var(--loop-duration,64s) linear infinite}.marks-horizontal-track.is-track-paused,.marks-horizontal-track.is-preview-paused,.marks-card.is-hover-paused .marks-card-visual{animation-play-state:paused}.marks-type-page.is-marks-preview-open .marks-horizontal-viewport{pointer-events:none}.marks-type-page.is-marks-preview-open .marks-horizontal-stage{opacity:.35;filter:blur(2px)brightness(.65)}.marks-preview-overlay{z-index:90;opacity:0;pointer-events:none;visibility:hidden;justify-content:center;align-items:center;padding:clamp(28px,6vw,96px);display:flex;position:fixed;inset:0}.marks-preview-overlay.is-open{opacity:1;pointer-events:auto;visibility:visible}.marks-preview-backdrop{background:#0505056b;position:absolute;inset:0}.marks-preview-card{color:#050505;will-change:transform, opacity;background:#f2f2ee;border:1px solid #ffffff2e;grid-template-rows:auto 1fr auto;width:min(520px,82vw);min-height:420px;margin:0;display:grid;position:relative;overflow:hidden;transform:translate(0,0);box-shadow:0 28px 90px #00000057}.marks-preview-card:before{content:"";pointer-events:none;border:1px solid #0505050e;position:absolute;inset:18px}.marks-preview-head,.marks-preview-foot{z-index:1;font-family:var(--font-en);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;font-size:10px;font-weight:700;line-height:1.2;display:flex;position:relative}.marks-preview-head{color:#0505058a}.marks-preview-image-wrap{z-index:1;justify-content:center;align-items:center;min-height:250px;padding:18px 24px 20px;display:flex;position:relative}.marks-preview-image{object-fit:contain;opacity:1;mix-blend-mode:normal;width:auto;max-width:78%;height:auto;max-height:240px;display:block;filter:none!important}.marks-preview-foot{color:#050505db;border-top:1px solid #05050514;align-items:flex-end}.marks-preview-info{gap:8px;min-width:0;display:grid}.marks-preview-title{color:#050505;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-size:13px;font-weight:700;overflow:hidden}.marks-preview-meta{color:#05050585;font-size:10px}.marks-preview-close{z-index:2;color:#05050594;font-family:var(--font-en);letter-spacing:.08em;text-transform:uppercase;cursor:none;background:0 0;border:0;flex:none;padding:0;font-size:10px;font-weight:700;line-height:1.2;position:relative}.marks-preview-close:hover{color:#050505}@media (width<=680px){.marks-preview-card{width:88vw;min-height:400px}.marks-preview-head,.marks-preview-foot{padding:18px 20px}.marks-preview-image-wrap{min-height:230px;padding:12px 18px 18px}.marks-preview-image{max-height:220px}.marks-preview-title{max-width:190px}}@keyframes markCardFloat{0%{transform:translate3d(calc(var(--float-x,0px) * -1), calc(var(--float-y,0px) * -1), 0) rotate(calc(var(--float-rotate,0deg) * -1)) scale(.995)}to{transform:translate3d(var(--float-x,0px), var(--float-y,0px), 0) rotate(var(--float-rotate,0deg)) scale(1.005)}}@keyframes marksHorizontalLoop{0%{transform:translate(0,0)}to{transform:translate3d(calc(var(--loop-distance,0px) * -1), 0, 0)}}@keyframes marksHorizontalLoopReverse{0%{transform:translate3d(calc(var(--loop-distance,0px) * -1), 0, 0)}to{transform:translate(0,0)}}@keyframes marksWallDrift{0%{transform:translate(0,0)}to{transform:translate(-360px,-120px)}}@keyframes caseOpenWipe{0%{opacity:0;transform:translateY(-50%)scaleX(0)}48%{opacity:.2;transform:translateY(-50%)scaleX(.22)}to{opacity:.72;transform:translateY(-50%)scaleX(1)}}@media (width<=1180px){:root{--side:28px}.archive-viewer{height:100dvh;min-height:620px;padding-top:104px;padding-bottom:128px}.archive-nav{top:24px}.brand-image-lockup{gap:8px}.brand-wordmark-en{max-width:104px;height:9px}.brand-wordmark-zh{max-width:44px;height:10px}.archive-nav nav{gap:18px;max-width:68vw;overflow-x:auto}.viewer-label{margin-bottom:36px;position:relative;top:auto;left:auto}.case-carousel{inset:150px var(--side) 180px;display:grid;position:absolute;overflow:hidden}.case-stack{width:clamp(300px,72vw,460px);height:clamp(220px,42vh,380px);min-height:0;display:block}.stack-item{position:absolute;inset:auto}.case-meta-strip{width:calc(100% - var(--side) * 2);position:absolute;bottom:108px;left:auto;right:auto}.archive-controls{background:0 0;grid-template-columns:1fr;align-items:start;gap:18px;padding-top:18px}.action-controls{justify-content:flex-start}.case-shell,.case-text-grid{grid-template-columns:1fr}.case-meta-panel{position:relative;top:auto}.case-text-grid article+article{border-left:0;border-top:1px solid var(--line-soft);padding-left:0}.case-detail-page .case-shell,.case-detail-page .case-text-grid{grid-template-columns:1fr}.case-detail-page .case-meta-panel{max-width:420px}.case-detail-page .case-text-grid article+article{border-top:0}.cases-hub-intro{width:min(72vw,820px)}.marks-wall-copy{width:min(48vw,440px)}}@media (width<=900px),(pointer:coarse){body,a,button{cursor:auto}.cursor{display:none}.archive-carousel-page .case-title-group h1{font-size:clamp(13px,4vw,18px)}.case-visuals,.next-case{grid-template-columns:1fr}.case-detail-page .back-link{position:static}.case-detail-page .case-meta-panel{opacity:.42;width:auto;position:relative;top:auto;left:auto}.case-detail-page .case-main{margin-left:0;margin-right:0}.case-detail-page .case-stage{width:88vw;margin-left:auto;margin-right:auto;transform:none}.case-detail-page .case-gallery-item{width:100%}.case-fixed-info{display:none}.cases-hub{padding-top:116px}.cases-hub-intro{width:auto;margin-bottom:42px}.case-paths{grid-template-columns:1fr;gap:0}.case-path{min-height:22vh}.case-path+.case-path{border-top:1px solid #f2f2ee14;border-left:0;padding-left:0}.marks-wall-label,.marks-wall-copy{display:none}.marks-wall-viewport{touch-action:none;inset:0;overflow:hidden}.marks-card,.marks-card.is-small,.marks-card.is-medium,.marks-card.is-large,.marks-card.is-wide,.marks-card.is-tall{width:150px;height:100px}.marks-wall-filters{display:none}.visual-placeholder,.visual-placeholder.is-large{min-height:42vh}}@media (width<=680px){:root{--side:22px}html,body{width:100%;overflow-x:hidden}.archive-nav{grid-template-columns:1fr;align-items:start;gap:16px;display:grid;top:22px;left:22px;right:22px}.archive-nav nav{scrollbar-width:none;justify-self:start;gap:18px;width:100%;max-width:calc(100vw - 44px);padding-top:16px;overflow-x:auto}.archive-nav nav::-webkit-scrollbar{display:none}.archive-nav a,.archive-nav nav button{font-family:var(--font-en);flex:none;font-size:10px;font-weight:700}.archive-nav nav a,.archive-nav nav button,.case-index,.open-details{font-family:var(--font-en);font-weight:700}.archive-viewer{height:100svh;min-height:100svh;padding-top:112px;padding-bottom:120px}.case-carousel{inset:142px 22px 176px}.case-stack{width:min(82vw,360px);height:min(42vh,300px)}.brand-systems-page .case-carousel{inset:150px 14px 170px}.brand-systems-page .case-stack{width:min(78vw,340px);height:min(36vh,280px);transform:translate3d(var(--stack-parallax-x), calc(12px + var(--stack-parallax-y)), 0)}.case-meta-strip{width:calc(100vw - 44px);bottom:82px;left:22px}.case-title-group{gap:8px}.brand-systems-page .case-title-group{width:calc(100vw - 44px);max-width:calc(100vw - 44px)}.case-title-group h1{max-width:calc(100vw - 44px);font-family:var(--font-mixed);font-size:clamp(14px,4.4vw,18px);font-weight:700;line-height:1.25}.case-title-group h1.has-display-lines{justify-items:center;display:grid}.case-title-display-line.is-locked{white-space:nowrap;display:block}.case-title-display-line.is-locked+.case-title-display-line.is-locked:before{content:""}.open-details{font-size:10px}.case-detail-page{overflow-x:hidden}.case-detail-page .case-shell{padding:112px 22px 0}.case-detail-page .back-link{z-index:44;font-size:10px;position:fixed;top:22px;left:22px}.case-detail-page .case-meta-panel{opacity:.64;border-top-color:#006bff9e;width:100%;max-width:none;margin-bottom:38px}.case-detail-page .case-id{margin-bottom:24px}.case-detail-page .case-meta-panel dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}.case-detail-page .case-meta-panel div{min-width:0;padding-top:12px}.case-detail-page .case-meta-panel div:nth-child(3),.case-detail-page .case-meta-panel div:nth-child(4){grid-column:1/-1}.case-detail-page .case-meta-panel dd{overflow-wrap:anywhere}.case-detail-page .case-stage{width:100%;max-width:560px}.case-detail-page .case-main h1{letter-spacing:0;max-width:100%;margin-bottom:42px;font-size:34px;line-height:1.05}.case-detail-page .case-title-subline{margin-top:8px;font-size:.66em}.case-detail-page .case-text-grid{border-bottom:0;gap:0}.case-detail-page .case-text-grid article{padding:22px 0 26px}.case-detail-page .case-text-grid article+article{border-top:1px solid #f2f2ee14}.case-detail-page .case-text-grid p:not(.case-section-label){font-size:13px;line-height:1.78}.case-detail-page .case-gallery{gap:72px;padding-top:68px;padding-bottom:130px}.marks-horizontal-viewport{inset:92px 0 36px}.marks-horizontal-stage{gap:44px;top:104px}.marks-horizontal-row{height:94px}.marks-horizontal-segment{gap:44px;padding-right:44px}.marks-horizontal-card{width:150px;height:94px}.marks-preview-card{width:88vw;min-height:360px}.contact-drawer{width:100vw;padding:56px 28px 34px;overflow-y:auto}.contact-close{top:28px;right:28px}.contact-scope{margin:38px 0 42px}.contact-qr,.contact-qr img{width:124px;height:auto}.contact-qr img{height:124px}}@media (width<=380px){.archive-nav nav{gap:14px}.archive-nav a,.archive-nav nav button{font-size:9px}.brand-systems-page .case-stack{width:min(76vw,300px);height:min(34vh,250px)}.case-title-group h1{font-size:16px}.case-detail-page .case-main h1{font-size:31px}.marks-horizontal-stage{gap:38px;top:94px}.marks-horizontal-segment{gap:34px;padding-right:34px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.case-detail-page .case-gallery-float{transition:none!important;transform:none!important}.case-detail-page .case-gallery-frame{transition:none!important}.case-detail-page .case-gallery-frame:hover{transform:none!important}.marks-wall-canvas,.marks-grid-layer,.marks-panzoom-layer,.marks-autoplay-layer,.marks-auto-loop-layer,.marks-card{transition:none!important}.marks-card-visual{animation:none!important}}