:root{--ink:#191919;--muted:#6c6c6c;--line:#dcdcdc;--accent:#e54b2d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#fafaf9;color:var(--ink);font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;font-size:16px;line-height:1.65}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.skip{position:fixed;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:0}header{height:100px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.identity{font-size:23px;font-weight:700;display:flex;align-items:center;gap:20px}.identity span{font-size:12px;letter-spacing:1.3px;font-weight:400}nav{display:flex;gap:36px;font-size:14px}nav a:hover{color:var(--accent)}main{margin:0 5%}.hero{padding-top:40px}.eyebrow{font-size:12px;letter-spacing:1.3px;font-weight:500}.hero>.eyebrow{display:flex;justify-content:space-between}.hero>.eyebrow span{color:var(--muted);letter-spacing:0}h1{font-size:clamp(48px,6.4vw,100px);font-weight:500;letter-spacing:-.045em;line-height:1.2;margin:55px 0 30px}.period{color:var(--accent)}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px}.intro p{margin:0 0 0 40%;color:#555;line-height:1.9}.text-link{display:inline-flex;border-bottom:1px solid var(--ink);padding:8px 0;gap:34px;font-size:14px;white-space:nowrap}.text-link span{font-size:12px;color:var(--muted)}.discipline{display:flex;gap:35px;font-size:13px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.edition{margin-left:auto;letter-spacing:1px}.works{padding-top:90px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px}h2{font-size:36px;line-height:1.4;letter-spacing:-1px;font-weight:500;margin:12px 0 0}.filters{display:flex;gap:22px;flex-wrap:wrap}.filters button{border:0;background:none;color:var(--muted);padding:7px 0;font-size:14px;border-bottom:1px solid transparent}.filters .active{border-color:var(--ink);color:var(--ink)}sup{font-size:10px;margin-left:3px}.grid{display:grid;grid-template-columns:1.12fr 1fr;gap:80px 5%}.project[hidden]{display:none}.art{width:100%;border:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0;aspect-ratio:1 / 1.06}.art img{width:100%;height:100%;object-fit:contain;transition:transform .6s}.art:hover img{transform:scale(1.025)}.ponyo{background:#171613;padding:35px}.ponyo img{width:auto;max-width:100%}.tea{background:#e7eae5;padding:30px;aspect-ratio:1/1.12}.tea img{filter:drop-shadow(0 18px 22px #0002)}.offset{margin-top:120px}.view{position:absolute;bottom:20px;right:20px;background:white;padding:10px 16px;font-size:12px;opacity:0;transform:translateY(10px);transition:.2s}.art:hover .view,.art:focus-visible .view{opacity:1;transform:none}.caption{display:flex;justify-content:space-between;gap:15px;margin-top:20px}.caption h3{font-size:22px;line-height:1.4;font-weight:500;margin:2px 0 8px}.number{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.caption p{font-size:14px;color:var(--muted);margin:0}.category{font-size:12px;color:var(--muted);padding-top:29px;white-space:nowrap}.wide{grid-column:1/-1}.wall{aspect-ratio:2.65;background:#ecece9;padding:28px}.corporate{background:#eeedf2;padding:30px}.poster{background:#d11711;aspect-ratio:1.1}.lower{margin-top:100px}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:110px 0;margin-top:110px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about h2{font-size:40px;margin-top:25px}.about-copy p{color:#555;margin:0 0 22px;line-height:1.95}.about-copy .large{font-size:25px;color:var(--ink)}.fact{display:flex;gap:30px;align-items:center;margin-top:38px}.fact strong{font-size:64px;font-weight:400;letter-spacing:-3px;line-height:1}.fact span{font-size:13px;color:var(--muted)}.services{padding:100px 0}.services h2{margin-bottom:50px}.service-list{margin-left:30%}details{border-top:1px solid var(--line);padding:22px 0}details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;gap:35px;cursor:pointer;list-style:none;font-size:22px}summary::-webkit-details-marker{display:none}summary span{font-size:12px;color:var(--muted)}summary b{margin-left:auto;font-weight:400}details[open] summary b{transform:rotate(45deg)}details p{color:var(--muted);margin:18px 45px 0;font-size:16px;max-width:570px}.contact{background:#eee; margin:0 -5.5556%;padding:70px 5%;}.contact h2{font-size:clamp(38px,4.8vw,70px);margin:25px 0 45px;line-height:1.3}.contact-bottom{display:flex;justify-content:space-between;gap:30px}.contact p{font-size:14px;margin:0 0 8px}.muted{color:var(--muted)}.contact-links>a{font-size:26px;border-bottom:1px solid #999}.contact-links>div{margin:14px 0 7px;display:flex;align-items:center;gap:20px}.contact-links button{font-size:12px;border:1px solid #999;background:transparent;padding:5px 10px}.contact-links small{color:var(--muted);font-size:12px}#copy-status{display:block;font-size:12px}footer{padding:25px 5%;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}dialog{border:0;padding:26px;width:min(1150px,94vw);max-height:92vh;background:#fafaf9}dialog::backdrop{background:#000b}.dialog-top{display:flex;justify-content:space-between;font-size:12px;align-items:center;margin-bottom:22px}.dialog-top button{background:none;border:0}.dialog-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:35px}.full-art{background:#eee;display:flex;justify-content:center}.full-art img{max-width:100%;object-fit:contain;max-height:72vh}.detail-copy{padding:15px}.detail-copy h2{font-size:30px}.detail-copy p{color:#666;line-height:1.9}.detail-copy h3{font-size:14px;margin-top:30px}.detail-copy .text-link{margin-top:30px}body.modal-open{overflow:hidden}.grid.filtered .project{margin-top:0}.grid.filtered .wide{grid-column:auto}.grid.filtered .art{aspect-ratio:1.1}@media(max-width:900px){.intro p{margin-left:20%}.category{display:none}.identity span{display:none}.grid{gap:55px 5%}.about h2{font-size:32px}.contact-bottom{flex-direction:column}}@media(max-width:600px){header{height:78px}nav{gap:22px}.identity{font-size:21px}.hero{padding-top:25px}.hero>.eyebrow{font-size:10px;letter-spacing:.5px}.hero>.eyebrow span{display:none}h1{margin:38px 0 26px;font-size:47px;line-height:1.3}.intro{display:block;margin-bottom:35px}.intro p{margin:0;font-size:14px}.intro .text-link{margin-top:20px}.discipline{gap:16px;font-size:11px}.edition{display:none}.works{padding-top:55px}.section-head{display:block;margin-bottom:25px}h2{font-size:29px}.filters{gap:24px;margin-top:20px}.grid{display:block}.project{margin:0 0 45px!important}.art{aspect-ratio:1.05}.tea{aspect-ratio:1.1}.wall{aspect-ratio:1.7;padding:12px}.caption h3{font-size:21px}.view{opacity:1;transform:none;font-size:11px;padding:6px 10px}.about{display:block;margin-top:60px;padding:50px 0}.about-copy{margin-top:30px}.about h2{font-size:33px}.about-copy p{font-size:15px}.services{padding:55px 0}.service-list{margin-left:0}.services h2{font-size:28px;margin-bottom:30px}summary{font-size:19px;gap:20px}details p{margin-left:32px;font-size:14px}.contact{padding-top:45px;padding-bottom:45px}.contact h2{font-size:38px}.contact-links>a{font-size:24px}footer{flex-wrap:wrap}footer>span:nth-child(2){display:none}.dialog-grid{display:block}.detail-copy{padding:10px 0}.full-art img{max-height:60vh}.dialog-top{position:sticky;top:-26px;background:#fafaf9;padding:8px 0}.fact strong{font-size:55px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Editorial details: one vermilion signature throughout the page. */
.hero{position:relative}.idea-word{position:relative;display:inline-block}.idea-word:after{content:"";position:absolute;left:2%;right:0;bottom:-.035em;height:.07em;background:var(--accent);transform:rotate(-3deg);opacity:.85}.intro{position:relative;min-height:112px}.design-seal{position:absolute;left:0;bottom:0;width:160px;color:var(--accent);border:1px solid currentColor;padding:13px 12px 10px;transform:rotate(-7deg);text-align:center;transition:transform .4s;line-height:1.3}.design-seal>span{font-size:10px;letter-spacing:1.1px;display:block}.design-seal strong{font-family:Georgia,serif;display:flex;align-items:center;justify-content:center;gap:12px;font-size:48px;line-height:1.1;font-weight:400;margin:5px 0}.design-seal strong span{font-family:Arial,sans-serif;font-size:42px;display:inline-block;transition:transform .6s}.design-seal small{display:block;font-size:9px;letter-spacing:1px;border-top:1px solid #e54b2d66;padding-top:6px}.design-seal:hover{transform:rotate(0)}.design-seal:hover strong span{transform:rotate(90deg)}.discipline>span:not(.edition):before{content:"+";margin-right:12px;color:var(--accent)}.section-head h2{display:flex;align-items:center;gap:15px}.section-head h2:after{content:"";height:7px;width:7px;background:var(--accent);transform:rotate(45deg)}.number{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-variant-numeric:tabular-nums}.number:after{content:"";width:30px;height:1px;background:#b6b6b6;transition:width .3s,background .3s}.project:hover .number:after{width:52px;background:var(--accent)}.art:before,.art:after{content:"";position:absolute;width:17px;height:17px;z-index:1;pointer-events:none;border-color:#fff9;transition:width .3s,height .3s}.art:before{top:12px;left:12px;border-left:1px solid;border-top:1px solid;color:#fff9}.art:after{right:12px;bottom:12px;border-right:1px solid;border-bottom:1px solid;color:#fff9}.tea:before,.tea:after,.wall:before,.wall:after,.corporate:before,.corporate:after{color:#19191955}.art:hover:before,.art:hover:after{width:27px;height:27px}.view{border-radius:50%;width:76px;height:76px;display:flex;align-items:center;justify-content:center;bottom:25px;right:25px;transform:translateY(10px) rotate(-10deg);box-shadow:0 3px 16px #0001}.art:hover .view{transform:translateY(0) rotate(0)}.personal-note{display:inline-block;font-size:15px;color:var(--accent);padding:7px 0 9px;border-bottom:1px solid #e54b2d66;transform:rotate(-2deg);margin:4px 0 10px;letter-spacing:1px}.about>.eyebrow,.eyebrow{font-variant-numeric:tabular-nums}summary{transition:color .2s,padding .2s}summary:hover{color:var(--accent);padding-left:5px}.contact{position:relative;overflow:hidden}.contact-asterisk{position:absolute;right:8%;top:70px;color:var(--accent);font-size:150px;line-height:1;transform:rotate(12deg);transition:transform .7s;pointer-events:none}.contact:hover .contact-asterisk{transform:rotate(72deg)}nav a{position:relative}nav a:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s}nav a:hover:after,nav a:focus-visible:after{transform:scaleX(1)}
@media(max-width:900px){.design-seal{width:125px;padding:9px;left:0}.design-seal strong{font-size:36px}.design-seal strong span{font-size:32px}.design-seal>span,.design-seal small{font-size:8px}.intro p{margin-left:25%}.contact-asterisk{font-size:110px;right:7%;top:80px}}
@media(max-width:600px){.intro{padding-right:90px;min-height:150px}.intro p{margin:0}.design-seal{left:auto;right:0;bottom:12px;width:76px;padding:8px 4px}.design-seal>span{font-size:7px;letter-spacing:0}.design-seal strong{font-size:27px;gap:3px}.design-seal strong span{font-size:23px}.design-seal small{font-size:6px;letter-spacing:0}.discipline>span:not(.edition):before{margin-right:5px}.discipline{gap:9px}.view{width:60px;height:60px;right:18px;bottom:18px;padding:0}.contact-asterisk{font-size:64px;right:5%;top:33px}.contact h2{position:relative}.personal-note{font-size:14px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.design-seal,.design-seal strong span,.contact-asterisk{transition:none}.contact:hover .contact-asterisk{transform:rotate(12deg)}}
/* Project collections and readable case-study galleries. */
.grid{grid-template-columns:1fr 1fr;gap:65px 4%}.project{margin-top:0}.portfolio-cover{aspect-ratio:10/7;background:#eceeec;padding:0}.portfolio-cover img{object-fit:cover}.project:nth-child(2){margin-top:85px}.project.wide .portfolio-cover{aspect-ratio:2.3}.project.wide .portfolio-cover img{object-fit:contain;background:#102c36}.cover-ponyo{background:#171613;padding:25px}.cover-ponyo img{object-fit:contain}.cover-tea{background:#e7eae5;padding:25px}.cover-tea img{object-fit:contain}.cover-jhsc img{object-fit:contain}.grid.filtered .portfolio-cover{aspect-ratio:10/7}.filters{gap:18px}.caption .category{padding-top:4px}dialog{width:min(1280px,96vw);padding:30px 4%;max-height:94vh}.dialog-top{position:sticky;top:-30px;z-index:4;background:#fafaf9;padding:15px 0;border-bottom:1px solid var(--line);margin-bottom:30px}.dialog-top button{border:1px solid #ccc;padding:7px 14px;background:#fafaf9;min-height:42px}.case-intro>h2{font-size:36px;margin:16px 0 22px}.case-notes{display:grid;grid-template-columns:1fr 1fr;gap:6%;color:#666}.case-notes p{margin:0;font-size:16px;line-height:1.9}.case-notes h3{font-size:14px;margin:0 0 10px;color:#222}#case-nav{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 45px}#case-nav button{border:1px solid #ccc;background:transparent;padding:8px 13px;font-size:14px}#case-nav button:hover{border-color:var(--accent);color:var(--accent)}.case-section{margin:45px 0;scroll-margin-top:80px}.case-section>h3{font-size:18px;font-weight:500;border-top:1px solid var(--line);padding-top:22px;margin:0 0 25px}.case-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px;align-items:start}.case-images figure{margin:0;min-width:0;grid-column:1/-1}.case-images figure.portrait{grid-column:auto}.case-images img{width:100%;height:auto;display:block;background:#eee}.case-images a{display:block;cursor:zoom-in}.case-images figcaption{color:#777;font-size:12px;margin-top:10px;overflow-wrap:anywhere}.case-end{text-align:center;padding:35px 0 55px;border-top:1px solid #ddd}.case-end p{font-size:24px}.case-end .text-link{font-size:16px}@media(max-width:900px){.section-head{display:block}.filters{margin-top:22px}.case-images{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.project:nth-child(2){margin-top:0}.portfolio-cover{aspect-ratio:10/7}.project.wide .portfolio-cover{aspect-ratio:1.65}.case-intro>h2{font-size:27px}.case-notes{display:block}.case-notes>div{margin-top:22px}.case-images{grid-template-columns:1fr;gap:25px}.case-images figure.portrait{max-width:420px;width:100%;justify-self:center}.dialog-top{top:-30px}#case-nav{margin-bottom:25px}.case-section{margin:30px 0}.case-images figcaption{font-size:12px}.case-notes p{font-size:15px}}

.cover-ponyo{padding:0;background:#131c2a}.cover-ponyo img{object-fit:contain}
/* A quieter selection: one visual idea per cover. */
.grid{gap:58px 4%;align-items:start}.project:nth-child(2){margin-top:0}.project .curated-cover{aspect-ratio:4/3;padding:0;isolation:isolate}.caption{margin-top:18px}.caption h3{font-size:clamp(18px,1.7vw,24px);margin-bottom:5px}.caption .number{margin-bottom:7px}.cover-window{display:block;position:absolute;overflow:hidden;pointer-events:none}.curated-cover .cover-window img{display:block;position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .6s}.curated-cover:hover img{transform:none}.curated-cover .cover-window{transition:translate .5s}.curated-cover:hover .cover-window{translate:0 -5px}.crop-window{aspect-ratio:var(--crop-ratio)}
.cover-power{background:#c6d6f1}.dashboard{width:87%;left:6.5%;top:17%;border-radius:5px;box-shadow:0 20px 40px #24437630}.cover-care{background:#cce5df}.phone{width:35%;height:93%;border:5px solid #fcfcfc;border-radius:22px;box-shadow:0 18px 30px #203b4028}.curated-cover .phone img{height:auto;min-height:100%;object-position:top}.phone-left{left:12%;top:14%;transform:rotate(-7deg)}.phone-right{right:11%;top:26%;transform:rotate(7deg)}.cover-heg{background:#174f41}.travel-page{width:84%;left:8%;top:15%;border-radius:5px;box-shadow:0 20px 35px #07251d70}.cover-party{background:#087aff}.party-art{width:100%;inset:0}.cover-brochure{background:#dbe4ef}.book-art{width:89%;height:84%;left:5.5%;top:8%;transform:rotate(-5deg);filter:drop-shadow(0 17px 12px #24354730)}.curated-cover .book-art img{object-fit:contain}.portal-art{inset:0}.curated-cover .portal-art img{object-fit:cover}.cover-ponyo{background:#111d2c}.cover-tikdeta{background:#fff}.brand-mark{width:76%;left:12%;top:29%}.cover-screens{background:#102c36}.screen-art{inset:12% 5%}.curated-cover .screen-art img{object-fit:contain}.cover-recruit{background:#c7d5fb}.cover-identity{background:#fff}.identity-art{inset:15% 24%}.curated-cover .identity-art img{object-fit:contain}.cover-space{background:#f9ca28}.space-art{inset:0}.cover-craft{background:#e3e1de}.sculpture-art{inset:0 22%}.curated-cover .sculpture-art img{object-fit:contain}.wall-art{inset:8% 5%}.curated-cover .wall-art img{object-fit:contain}.cover-jhsc{background:#e8e8e7}.tea-art{width:54%;height:115%;left:23%;top:10%;box-shadow:0 15px 30px #24352d25;border-radius:14px;background:#fff}.curated-cover .tea-art img{object-position:top;object-fit:cover}.cover-tea{background:#dce3d6}.curated-cover:before,.curated-cover:after{display:none}.case-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.case-images figure.portrait{max-width:520px;justify-self:center;width:100%}.case-images figure.landscape{grid-column:1/-1}.case-images figcaption{display:none}#case-nav:empty{display:none}.more-work{margin:45px 0;border-bottom:1px solid var(--line)}.more-work>summary{justify-content:center;font-size:16px;padding:5px 0}.more-work>summary:after{content:'+';color:var(--accent);font-size:24px}.more-work[open]>summary:after{content:'−'}.case-section{margin-top:30px}.case-intro{padding-bottom:10px}.filters{gap:18px}.view{font-size:12px}
@media(max-width:600px){.project .curated-cover{aspect-ratio:4/3}.project{margin-bottom:36px!important}.case-images{grid-template-columns:1fr;gap:24px}.phone{border-width:3px;border-radius:16px}.filters{gap:12px 20px}.caption h3{font-size:20px}}

.project-context{font-size:15px;line-height:1.8;color:#626262;margin:14px 0 0;max-width:550px}#case-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:35px 0 20px;padding-top:26px;border-top:1px solid var(--line)}#case-story:empty{display:none}#case-story h3{font-size:18px;font-weight:500;margin:0 0 12px}#case-story p{font-size:16px;line-height:1.9;color:#555;margin:0}@media(max-width:800px){#case-story{grid-template-columns:1fr;gap:24px}}

/* Keep the chosen headline on two lines across screen sizes. */
h1{font-size:clamp(32px,6.1vw,94px)}@media(max-width:600px){h1{font-size:7.1vw;letter-spacing:-.045em;line-height:1.45}}
.contact-bottom{align-items:center}.contact-links{background:#fafaf9;border:1px solid #d1d1cb;border-top:4px solid var(--accent);padding:30px 34px;min-width:440px}.contact-label{display:block;font-size:14px;color:#666;margin-bottom:8px}.contact-links>a{font-size:clamp(25px,2.5vw,38px);font-weight:500;border-bottom:1px solid #999;line-height:1.45}.phone-label{margin-top:24px}.contact-links>div{margin:0 0 16px;gap:20px;flex-wrap:wrap}.contact-links>div>a{font-size:30px;font-weight:500;letter-spacing:.5px}.contact-links button{background:var(--accent);border:1px solid var(--accent);color:white;font-size:15px;padding:10px 16px;min-height:44px}.contact-links button:hover{background:#c83c22;border-color:#c83c22}.contact-links small,#copy-status{font-size:14px}.contact-links a:hover{color:var(--accent)}@media(max-width:900px){.contact-bottom{align-items:stretch}.contact-links{min-width:0;width:100%;max-width:640px}}@media(max-width:600px){.contact-links{padding:22px 20px}.contact-links>a{font-size:clamp(21px,6vw,29px);overflow-wrap:anywhere}.contact-links>div>a{font-size:27px}.contact-links>div{gap:12px}.contact-label{font-size:14px}}

/* 案例视频 */
.case-images figure.case-video{grid-column:1/-1;}
.case-images figure.case-video video{width:100%;height:auto;display:block;background:#000;border-radius:2px;}