.case-portfolio{padding:108px 0}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:50px}.case-card{display:block;overflow:hidden;background:#fff;color:var(--ink);border:1px solid rgba(19,16,13,.1);transition:transform .25s,box-shadow .25s}.case-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(19,16,13,.13)}.case-card-image{aspect-ratio:1.5;overflow:hidden;background:#d9d1c4}.case-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.case-card:hover .case-card-image img{transform:scale(1.035)}.case-card-copy{padding:22px 22px 24px}.case-card-copy small{display:block;color:var(--muted);font-size:.72rem;letter-spacing:.04em}.case-card-copy h2{margin:12px 0 18px;font:400 clamp(1.35rem,2.2vw,2rem)/1.04 Georgia,"Songti SC",serif;letter-spacing:-.025em}.case-card-copy span{color:#8b5d2c;font-size:.82rem;font-weight:800}.case-note{padding:74px 0;background:var(--ink);color:#fff}.case-note .cta-row{align-items:center}.case-note .eyebrow{color:var(--copper)}.case-note h2{margin:0;font-size:clamp(2.2rem,4vw,4.6rem)}.case-detail-intro{padding:94px 0}.case-detail-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:48px;align-items:stretch}.case-hero-image{overflow:hidden;min-height:460px;background:#d9d1c4}.case-hero-image img{width:100%;height:100%;object-fit:cover}.project-facts{display:flex;flex-direction:column;justify-content:center;gap:0;background:var(--ink);color:#fff}.fact{padding:22px 24px;border-bottom:1px solid rgba(255,255,255,.14)}.fact:last-child{border-bottom:0}.fact b{display:block;margin-bottom:5px;color:var(--copper);font-size:.7rem;letter-spacing:.13em;text-transform:uppercase}.fact span{display:block;color:rgba(255,255,255,.78);font-size:.94rem}.case-gallery-section{padding:108px 0}.case-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:50px}.case-gallery figure{position:relative;margin:0;aspect-ratio:1.5;overflow:hidden;background:#d9d1c4}.case-gallery img{width:100%;height:100%;object-fit:cover}.case-gallery figcaption{position:absolute;right:10px;bottom:8px;color:#fff;font-size:.7rem;font-weight:800;text-shadow:0 1px 6px #000}.project-note{margin:32px 0 0;color:var(--muted);font-size:.85rem}.project-note a{color:var(--copper);font-weight:800}.zh-home-section .project-note{color:rgba(255,255,255,.62)}.zh-home-section .project-note a{color:var(--copper2)}
@media(max-width:1000px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.case-detail-grid{grid-template-columns:1fr}.case-hero-image{min-height:420px}.project-facts{display:grid;grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.case-portfolio,.case-gallery-section{padding:70px 0}.case-grid{grid-template-columns:1fr;gap:14px;margin-top:34px}.case-card-copy{padding:18px}.case-card-copy h2{margin:10px 0 14px;font-size:1.5rem}.case-note{padding:58px 0}.case-note .cta-row{gap:24px;align-items:flex-start}.case-note .button{width:100%}.case-detail-intro{padding:54px 0}.case-detail-grid{gap:22px}.case-hero-image{min-height:300px}.project-facts{grid-template-columns:1fr}.case-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:34px}}
@media(max-width:900px){.site-nav .menu-button{display:block!important;min-width:36px;min-height:42px;padding:0;color:#fff;background:transparent}}
@media(max-width:600px){html[lang="zh-CN"] .page-hero h1{font-size:clamp(2.2rem,9vw,3rem)!important}html[lang="zh-CN"] .page-hero h1 em{display:block}html[lang="zh-CN"] .case-portfolio .section-title{font-size:clamp(2rem,8vw,3rem)!important;line-height:1.08;max-width:100%;word-break:break-word}}