:root{--paper:#fff;--ink:#141414;--muted:#737373;--line:#e9e9e9;--blue:#141414;--sans:Inter,-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,'PingFang SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #222;outline-offset:5px}button{cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4,p,figure{margin:0}p{line-height:1.8}header{display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:88px;padding:0 4%;border-bottom:1px solid #f0f0f0;background:#fff;position:sticky;top:0;z-index:10}.brand{font-size:29px;font-weight:750;letter-spacing:-1.6px;white-space:nowrap;line-height:1}.brand>span{font-size:17px;display:inline-block;vertical-align:top;margin-left:3px;margin-top:2px}nav{display:flex;align-items:center;gap:30px;font-size:12px;color:#555}nav a{padding:15px 0;transition:color .15s}nav a:hover{color:#000}.header-contact{font-size:12px;white-space:nowrap}.wrap{width:92%;max-width:1500px;margin-left:auto;margin-right:auto}.eyebrow{font-size:10px;letter-spacing:1.1px;color:#737373;line-height:1.5}.store-intro{padding:40px 0 42px;display:flex;justify-content:space-between;align-items:end;gap:40px}.store-intro h1{font-size:47px;letter-spacing:-2.8px;line-height:1.1;font-weight:700}.store-intro h1>span{font-size:21px;vertical-align:top;display:inline-block;margin:4px 0 0 3px}.store-intro>div>p{font-size:15px;color:#666;margin-top:12px}.intro-note{font-size:11px;color:#777;text-align:right;line-height:1.9}.small-signature{font:italic 17px Georgia,serif;color:#222}.section-label{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.section-label h2{font-size:19px;font-weight:600;letter-spacing:-.5px}.section-label h2>span{font-size:11px;font-weight:400;color:#8b8b8b;margin-left:13px;letter-spacing:0}.section-label>a{font-size:11px;color:#666}.section-label>a:hover{color:black}.section-label>a>span{margin-left:6px}.section-label>span{font-size:11px;color:#777}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.feature-image{aspect-ratio:1.43;position:relative;overflow:hidden;border-radius:5px;isolation:isolate}.meadow{background:#e6e7df}.sand{background:#e9e4dd}.image-tag{position:absolute;left:18px;top:18px;z-index:2;font-size:10px;border-radius:4px;background:#ffffffdf;padding:6px 9px;line-height:1.4}.poster-scene{display:flex;align-items:center;justify-content:center;gap:4%;height:100%;padding:10% 6%}.poster-scene img{height:84%;width:auto;object-fit:contain;box-shadow:0 13px 25px #28312120;transition:transform .5s}.poster-scene .scene-side{height:70%;max-width:22%}.poster-scene .scene-main{max-width:42%;height:89%}.feature-card:hover .poster-scene img{transform:translateY(-5px)}.round-arrow{position:absolute;bottom:18px;right:18px;width:34px;height:34px;display:grid;place-items:center;background:#fff;border-radius:50%;font-size:17px;transition:background .2s,color .2s}.feature-card:hover .round-arrow{background:#191919;color:#fff}.stack-scene{display:flex;align-items:center;justify-content:center;height:100%;padding:12% 8%;position:relative}.stack-scene img{width:40%;flex-shrink:0;box-shadow:0 12px 26px #211e1925;transition:transform .5s}.stack-scene img:first-child{transform:rotate(-9deg) translate(12%,5%)}.stack-scene img:nth-child(2){position:relative;z-index:1;transform:translateY(-3%)}.stack-scene img:last-child{transform:rotate(9deg) translate(-12%,5%)}.feature-card:hover .stack-scene img:first-child{transform:rotate(-12deg) translate(9%,3%)}.feature-card:hover .stack-scene img:last-child{transform:rotate(12deg) translate(-9%,3%)}.feature-caption{display:flex;justify-content:space-between;gap:20px;padding:19px 0 0}.feature-caption h3{font-size:16px;font-weight:550;letter-spacing:-.2px}.feature-caption p{font-size:12px;color:#737373;margin-top:7px}.caption-type{font-size:10px;color:#888;white-space:nowrap;padding-top:3px}.catalog{margin-top:65px}.catalog>.section-label{margin-bottom:20px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px}.filters button{border:1px solid #e9e9e9;background:#fff;border-radius:5px;padding:10px 15px;font-size:11px;line-height:1.4;transition:background .2s,color .2s}.filters button>span{font-size:9px;opacity:.6;margin-left:8px}.filters button:hover{background:#f4f4f4}.filters button[aria-pressed=true]{background:#171717;border-color:#171717;color:#fff}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 25px}.catalog-card[hidden]{display:none}.catalog-image{border:0;padding:0;position:relative;width:100%;aspect-ratio:1.18;overflow:hidden;border-radius:4px;background:#f0f0ed;display:flex;align-items:center;justify-content:center}.catalog-image img{height:82%;width:auto;max-width:85%;object-fit:contain;box-shadow:0 9px 20px #17171718;transition:transform .4s}.catalog-image:hover img{transform:scale(1.035)}.catalog-image.landscape img{width:86%;height:auto}.catalog-image.tall{background:#e6e9e2}.catalog-image.tall img{height:85%;width:auto}.catalog-image.series{background:#eae6df}.catalog-image.series img{max-width:88%;height:84%;box-shadow:none}.catalog-image.screen{background:#e7e9eb}.catalog-image.screen img{width:88%;height:auto;max-width:88%;border-radius:3px}.category-kim{background:#eee9e4}.catalog-card:nth-child(4) .catalog-image{background:#eee7de}.catalog-card:nth-child(5) .catalog-image{background:#e5eceb}.catalog-card:nth-child(6) .catalog-image{background:#efe4de}.image-open{position:absolute;right:12px;bottom:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#222;font-size:18px;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}.catalog-image:hover .image-open,.catalog-image:focus-visible .image-open{opacity:1;transform:none}.catalog-caption{position:relative;padding:14px 26px 0 0}.catalog-caption h3{font-size:13px;font-weight:500;line-height:1.5}.catalog-caption h3>a:hover{text-decoration:underline;text-underline-offset:3px}.catalog-caption p{font-size:10px;color:#888;margin-top:5px}.card-project{position:absolute;top:14px;right:0;font-size:17px;line-height:1.2}.product-feature{display:grid;grid-template-columns:1.35fr 1fr;gap:6%;align-items:center;margin-top:84px;padding:0;background:#f5f5f4;border-radius:5px;overflow:hidden}.audio-visual{position:relative;display:flex;align-items:center;justify-content:center;padding:11% 8%;background:#e6e8e5;align-self:stretch}.browser-mock,.screen-frame{background:white;border:1px solid #d9d9d9;border-radius:7px;overflow:hidden;box-shadow:0 18px 35px #14141412}.browser-mock img,.screen-frame img{width:100%}.screen-bar{height:25px;display:flex;align-items:center;gap:4px;padding:0 10px;border-bottom:1px solid #efefef;background:#fafafa}.screen-bar i{width:4px;height:4px;border:1px solid #b2b2b2;border-radius:50%}.screen-bar span{font-size:7px;color:#999;margin-left:6px}.product-feature-copy{padding:45px 14% 45px 0}.product-feature-copy h2{font-size:36px;font-weight:550;letter-spacing:-1.2px;line-height:1.2;margin:20px 0 12px}.product-feature-copy .product-subtitle{font-size:18px;color:#333;margin-bottom:16px}.product-feature-copy>p:not(.product-subtitle){font-size:12px;color:#777;max-width:330px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:#171717;color:white;padding:15px 22px;border-radius:5px;font-size:12px;white-space:nowrap}.button:hover{background:#3d3d3d}.product-feature-copy .button{margin-top:26px}.small-note{display:block;font-size:9px;color:#888;margin-top:13px}.about-store{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:83px;padding-bottom:85px}.about-store h2{font-size:30px;font-weight:500;letter-spacing:-.8px;margin-top:21px}.about-store h2 i{font-family:Georgia,serif;font-size:38px;font-weight:400}.about-store>div:last-child{padding-top:0;max-width:540px}.about-store p{font-size:13px;line-height:1.9;color:#737373;margin-bottom:15px}.text-link{font-size:12px;display:inline-block;border-bottom:1px solid #bbb;padding-bottom:5px;margin-top:9px}footer{background:#181818;color:#fff;padding:58px 4% 22px;overflow:hidden}.footer-top{display:flex;justify-content:space-between;gap:40px;max-width:1500px;margin:auto}.footer-top .eyebrow{color:#858585;font-size:9px}.footer-top h2{font-size:27px;font-weight:450;line-height:1.5;letter-spacing:-.7px;margin:19px 0}.footer-mail{font-size:12px;color:#b5b5b5}.footer-mail:hover{color:#fff}.footer-nav{display:grid;align-content:start;gap:18px;font-size:12px;color:#c5c5c5;padding-top:5px;min-width:150px}.footer-nav a:hover{color:#fff}.footer-wordmark{font-size:clamp(80px,19vw,310px);font-weight:700;line-height:.9;letter-spacing:-.078em;white-space:nowrap;max-width:1500px;margin:70px auto 35px;color:#f5f5f5}.footer-wordmark>span{font-size:.55em;vertical-align:top;display:inline-block;margin-top:.04em;margin-left:.1em;letter-spacing:0}.footer-bottom{max-width:1500px;margin:auto;border-top:1px solid #383838;padding-top:19px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#888}.footer-bottom i{font:italic 16px Georgia,serif;color:#ddd;margin-left:4px}.case-head{padding:30px 0 40px}.back{font-size:11px;color:#888}.case-kicker{display:flex;justify-content:space-between;gap:25px;margin-top:44px}.case-kicker>span:last-child{font-size:9px;color:#999;letter-spacing:.6px}.case-head h1{font-size:clamp(32px,4.5vw,65px);font-weight:550;letter-spacing:-2px;line-height:1.15;margin-top:20px}.case-head h1 em{font-family:Georgia,serif;font-weight:400;font-size:.65em;color:#888}.case-deck{font-size:clamp(20px,2.2vw,30px);line-height:1.6;letter-spacing:-.6px;margin-top:22px}.meta{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line);padding-top:22px;margin:32px 0 0}.meta dt{font-size:10px;color:#999;margin-bottom:8px}.meta dd{font-size:12px;line-height:1.6;margin:0;color:#555}.case-hero .artwork{border-radius:5px}.case-body{max-width:1250px}.artwork{display:block;width:100%;padding:0;border:0;background:none;position:relative;cursor:zoom-in;overflow:hidden}.artwork img{width:100%;height:auto}.zoom{position:absolute;bottom:13px;right:13px;background:#fff;border-radius:50%;height:30px;width:30px;display:grid;place-items:center;font-size:15px;opacity:0;transition:opacity .2s}.artwork:hover .zoom,.artwork:focus-visible .zoom{opacity:1}figcaption{font-size:10px;color:#888;line-height:1.8;padding-top:13px}.chapter{display:grid;grid-template-columns:1fr 1.1fr;gap:75px;margin:70px 0 36px}.chapter h2{font-size:clamp(24px,2.5vw,33px);font-weight:500;line-height:1.5;letter-spacing:-.8px;margin-top:15px}.chapter-copy{padding-top:25px}.chapter-copy p{font-size:13px;color:#757575;margin-bottom:15px;line-height:1.9}.gallery{display:grid;gap:27px}.gallery.two{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery.three{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:33px}.posters{background:#f0f1eb;padding:5% 8%;border-radius:5px}.hanging{background:#f0f1eb;padding:4% 17%;gap:8%;border-radius:5px}.visual-notes{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#f5f5f0;padding:28px 4%;margin-bottom:30px;border-radius:5px}.visual-notes>div{display:flex;align-items:center;gap:7px}.visual-notes i{height:29px;width:29px;border-radius:50%}.visual-notes span{font-size:11px;margin-left:17px}.visual-notes p{font-size:12px;color:#777}.banner-stack{display:grid;gap:30px;margin-top:32px}.project-note{font-size:10px;color:#999;border-top:1px solid var(--line);padding-top:19px;margin-top:40px}.next-case{display:flex;align-items:center;gap:30px;padding:45px 0;margin-top:60px;border-top:1px solid var(--line)}.next-case strong{font-size:clamp(23px,3.4vw,42px);font-weight:500;letter-spacing:-1px}.next-arrow{margin-left:auto;font-size:40px}.next-case:hover strong{color:#777}.kim-hero{background:#eee9e4;padding:6% 11%;border-radius:5px}.kim-boards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:4%}.kim-boards img{box-shadow:0 12px 30px #211d181c;transform:rotate(-4deg)}.kim-boards img:nth-child(2){transform:translateY(-4%) rotate(2deg)}.kim-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:20px 0 45px}.design-point>span{font-size:20px;color:#aaa}.design-point h3{font-size:16px;font-weight:500;margin:14px 0 10px}.design-point p{font-size:12px;color:#777}.yicheng-hero{background:#eff0ed;padding:5% 10% 3%;border-radius:5px}.yicheng-hero>p{font-size:10px;text-align:center;color:#888;margin-top:18px}.yicheng-hero .screen-frame{max-width:1000px;margin:auto}.scenario-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;background:#f3f4f1;padding:35px;border-radius:5px}.scenario-strip span{font-size:9px;color:#999;letter-spacing:.8px}.scenario-strip h3{font-size:23px;font-weight:500;margin:18px 0 11px}.scenario-strip p{font-size:12px;color:#777}.flow{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;padding:30px 0;margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.flow b{font-size:11px;color:#999;font-weight:400}.flow h3{font-size:17px;font-weight:500;margin:16px 0 10px}.flow p{font-size:12px;color:#777}.prototype-link{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:35px;background:#f3f4f1;border-radius:5px}.prototype-link h3{font-size:25px;font-weight:500;margin:14px 0 10px}.prototype-link p{font-size:12px;color:#777}.skip{position:fixed;z-index:30;top:10px;left:10px;background:white;padding:12px;transform:translateY(-150%)}.skip:focus{transform:none}.modal-open{overflow:hidden}dialog{border:0;border-radius:8px;background:#fff;width:min(94vw,1400px);max-height:94vh;padding:54px 25px 20px;overflow:auto}dialog::backdrop{background:#171717d9}dialog>img{max-height:75vh;max-width:100%;margin:auto;object-fit:contain}dialog .close{position:absolute;right:18px;top:14px;border:0;background:transparent;padding:8px;font-size:12px}.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px}.lightbox-bottom p{font-size:11px;color:#777}.lightbox-project{font-size:11px;white-space:nowrap}.lightbox-project[hidden]{display:none}
@media(min-width:1640px){header{padding-left:calc((100vw - 1500px)/2);padding-right:calc((100vw - 1500px)/2)}}
@media(max-width:1000px){header{gap:22px}nav{gap:17px;font-size:11px}.caption-type{display:none}.product-feature-copy{padding:30px 10% 30px 0}.product-feature-copy h2{font-size:30px}.product-feature-copy .product-subtitle{font-size:16px}.chapter{gap:40px}}
@media(max-width:700px){html{scroll-padding-top:120px}header{min-height:76px;display:grid;grid-template-columns:1fr auto;gap:0;padding:19px 5% 0}.brand{font-size:26px}.brand>span{font-size:15px}.header-contact{grid-row:1;grid-column:2;font-size:11px}nav{grid-row:2;grid-column:1/-1;display:flex;gap:24px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;font-size:10px;margin-top:13px}nav::-webkit-scrollbar{display:none}nav a{padding:9px 0 15px}.wrap{width:90%}.store-intro{padding:27px 0 30px;gap:20px}.store-intro h1{font-size:37px;letter-spacing:-2px}.store-intro h1>span{font-size:16px;margin-top:3px}.store-intro>div>p{font-size:11px;margin-top:10px}.intro-note{display:none}.section-label{margin-bottom:16px;gap:10px}.section-label h2{font-size:16px}.section-label h2>span{font-size:9px;margin-left:8px}.section-label>a{font-size:10px}.section-label>span{font-size:10px}.feature-grid{gap:14px}.feature-image{aspect-ratio:.86;border-radius:4px}.image-tag{font-size:8px;padding:4px 6px;top:10px;left:10px}.poster-scene{gap:3%;padding:16% 4%}.poster-scene .scene-side{max-width:21%;height:59%}.poster-scene .scene-main{max-width:48%;height:80%}.poster-scene img{box-shadow:0 7px 12px #28312125}.stack-scene{padding:24% 6%}.stack-scene img{width:44%;box-shadow:0 8px 17px #211e1920}.round-arrow{height:26px;width:26px;right:10px;bottom:10px;font-size:14px}.feature-caption{padding-top:12px;gap:0}.feature-caption h3{font-size:12px;line-height:1.5;font-weight:550}.feature-caption p{font-size:10px;line-height:1.75;margin-top:6px}.catalog{margin-top:38px}.filters{gap:6px;margin-bottom:19px}.filters button{font-size:9px;padding:8px 10px}.filters button>span{font-size:8px;margin-left:5px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.catalog-image{aspect-ratio:.95}.catalog-image img{height:82%;max-width:84%}.catalog-image.landscape img{width:88%;height:auto;max-width:88%}.catalog-image.series img{height:auto;width:88%;max-width:88%}.catalog-image.tall img{height:83%}.catalog-caption{padding:11px 20px 0 0}.catalog-caption h3{font-size:11px;font-weight:500}.catalog-caption p{font-size:9px;line-height:1.7;margin-top:4px}.card-project{font-size:14px;top:11px}.image-open{opacity:1;transform:none;height:23px;width:23px;font-size:15px;right:8px;bottom:8px}.product-feature{grid-template-columns:1fr;margin-top:45px;gap:0}.audio-visual{padding:13% 10% 10%}.browser-mock{border-radius:4px}.product-feature-copy{padding:28px}.product-feature-copy .eyebrow{font-size:8px}.product-feature-copy h2{font-size:30px;margin:15px 0 10px}.product-feature-copy .product-subtitle{font-size:17px;margin-bottom:12px}.product-feature-copy>p:not(.product-subtitle){font-size:12px;max-width:100%}.product-feature-copy .button{margin-top:20px;font-size:11px;padding:13px 18px}.about-store{grid-template-columns:1fr;gap:25px;padding-top:43px;padding-bottom:45px}.about-store h2{font-size:25px;margin-top:13px}.about-store h2 i{font-size:30px}.about-store p{font-size:12px}.eyebrow{font-size:8px}.about-store .text-link{font-size:11px}footer{padding:35px 5% 20px}.footer-top{gap:24px}.footer-top h2{font-size:21px;margin:14px 0;line-height:1.6}.footer-top .eyebrow{font-size:7px;letter-spacing:.6px}.footer-mail{font-size:10px;overflow-wrap:anywhere}.footer-nav{min-width:75px;font-size:10px;gap:17px}.footer-wordmark{font-size:19vw;margin:45px auto 25px;letter-spacing:-.075em}.footer-bottom{font-size:8px;gap:10px;flex-wrap:wrap;padding-top:16px}.footer-bottom>span:first-child{flex:1 0 100%}.footer-bottom>span:last-child{margin-left:auto}.footer-bottom i{font-size:14px}.case-head{padding:23px 0 27px}.back{font-size:10px}.case-kicker{margin-top:33px;display:block}.case-kicker>span:last-child{display:block;font-size:8px;margin-top:9px}.case-head h1{font-size:35px;letter-spacing:-1.5px;margin-top:17px;overflow-wrap:anywhere}.case-head h1 em{display:block;margin-top:8px}.case-deck{font-size:22px;line-height:1.5;margin-top:18px}.meta{grid-template-columns:1fr 1fr;gap:20px;margin-top:26px;padding-top:19px}.meta dt{font-size:9px}.meta dd{font-size:10px}.chapter{grid-template-columns:1fr;gap:14px;margin:42px 0 25px}.chapter h2{font-size:25px;margin-top:11px}.chapter-copy{padding:0}.chapter-copy p{font-size:12px;margin-bottom:11px;line-height:1.9}figcaption{font-size:9px;padding-top:9px}.gallery{gap:17px}.gallery.two.posters{grid-template-columns:1fr;padding:8%}.gallery.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 13px}.hanging{padding:6%;gap:7%}.visual-notes{display:block;padding:22px;margin-bottom:25px}.visual-notes i{width:25px;height:25px}.visual-notes span{font-size:10px;margin-left:10px}.visual-notes p{font-size:11px;margin-top:18px}.banner-stack{gap:25px;margin-top:25px}.project-note{font-size:9px;margin-top:30px}.next-case{flex-wrap:wrap;gap:14px;padding:32px 0;margin-top:38px}.next-case .eyebrow{flex:1 0 100%}.next-case strong{font-size:25px}.next-arrow{font-size:31px}.kim-hero{padding:9% 6%}.kim-details{grid-template-columns:1fr;gap:23px;padding:0 0 35px}.design-point{border-top:1px solid var(--line);padding-top:17px}.design-point>span{font-size:18px}.design-point h3{font-size:15px;margin:10px 0 7px}.design-point p{font-size:12px}.yicheng-hero{padding:6% 5% 4%}.yicheng-hero>p{font-size:8px;margin-top:12px}.scenario-strip{grid-template-columns:1fr;gap:25px;padding:25px}.scenario-strip>div+div{border-top:1px solid #ddd;padding-top:20px}.scenario-strip h3{font-size:21px;margin:10px 0 7px}.flow{grid-template-columns:1fr 1fr;gap:25px 20px}.flow h3{font-size:15px;margin:12px 0 7px}.flow p{font-size:11px}.prototype-link{display:block;padding:25px}.prototype-link h3{font-size:22px}.prototype-link .button{margin-top:20px;font-size:11px;padding:13px 19px}.zoom{opacity:1;width:24px;height:24px;font-size:12px;bottom:8px;right:8px}dialog{width:96vw;padding:49px 12px 18px}.lightbox-bottom{display:block}.lightbox-bottom p{font-size:10px}.lightbox-project{display:inline-block;margin-top:10px;font-size:11px}.lightbox-project[hidden]{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.footer-filing{padding-top:18px;font-size:12px;line-height:1.6;color:#aaa;text-align:center}.footer-filing a:hover{color:#fff;text-decoration:underline}