.inner-header{background:rgba(10,10,10,.96)}.page-hero{padding:190px var(--pad) 90px;background:#0b0b0b;color:#fff}.page-hero .eyebrow{color:#888}.page-hero h1{font-family:"Songti SC","STSong",serif;font-size:clamp(54px,8vw,110px);line-height:1;margin:0;letter-spacing:-.06em}.page-hero>p:last-child{max-width:570px;color:#aaa;line-height:2;margin:38px 0 0 auto}.filter-bar{position:sticky;z-index:20;top:72px;padding:22px var(--pad);background:rgba(242,241,237,.95);backdrop-filter:blur(10px);border-bottom:1px solid #ccc;display:flex;gap:12px;flex-wrap:wrap}.filter-button{border:1px solid #bbb;background:transparent;padding:9px 16px;border-radius:30px;font-size:12px;cursor:pointer}.filter-button.active,.filter-button:hover{background:#111;color:#fff;border-color:#111}.case-archive{padding:90px var(--pad) 130px}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px 24px}.archive-card img{aspect-ratio:4/3;object-fit:cover;transition:.45s}.archive-card:hover img{transform:translateY(-5px)}.archive-card .meta{font-size:10px;color:#999;margin-top:16px}.archive-card h2{font-family:"Songti SC","STSong",serif;font-size:24px;margin:8px 0 4px}.archive-card p{font-size:12px;color:#777;margin:0}.archive-card[hidden]{display:none}.case-detail-hero{padding:170px var(--pad) 70px;background:#0b0b0b;color:#fff;display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end}.breadcrumb{font-size:11px;color:#777;margin-bottom:45px}.case-detail-hero h1{font-family:"Songti SC","STSong",serif;font-size:clamp(45px,6vw,88px);line-height:1.1;letter-spacing:-.05em;margin:0}.case-facts{border-top:1px solid #444}.case-facts div{display:grid;grid-template-columns:110px 1fr;padding:18px 0;border-bottom:1px solid #333;font-size:12px}.case-facts span{color:#777}.case-cover img{width:100%;max-height:82vh;object-fit:cover}.case-story{padding:120px var(--pad);display:grid;grid-template-columns:.65fr 1.35fr;gap:8vw}.case-story h2{font-family:"Songti SC","STSong",serif;font-size:clamp(38px,4vw,62px);line-height:1.15;margin:0}.case-story-content{font-size:16px;line-height:2;color:#555}.case-story-content h3{font-family:"Songti SC","STSong",serif;font-size:27px;color:#111;margin:50px 0 15px}.case-story-content ul{padding-left:20px}.project-gallery{padding:0 var(--pad) 120px;background:#fff}.project-gallery img{margin-bottom:24px}.project-gallery .two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.next-case{padding:100px var(--pad);background:#e8e6e0;display:flex;justify-content:space-between;align-items:end}.next-case span{font-size:11px;color:#777}.next-case h2{font-family:"Songti SC","STSong",serif;font-size:clamp(36px,5vw,72px);margin:12px 0 0}.next-case i{font-style:normal;font-size:45px;color:var(--red)}
@media(max-width:900px){.page-hero{padding-top:140px}.filter-bar{top:70px}.archive-grid{grid-template-columns:repeat(2,1fr)}.case-detail-hero,.case-story{grid-template-columns:1fr}.case-facts{margin-top:45px}.project-gallery .two{grid-template-columns:1fr}.next-case{align-items:center}}
@media(max-width:560px){.archive-grid{grid-template-columns:1fr}.case-archive{padding-top:60px}.filter-bar{gap:7px}.filter-button{padding:7px 12px}.case-detail-hero{padding-top:130px}.case-story{padding-block:80px}.project-gallery{padding-inline:0}.project-gallery img{margin-bottom:8px}.project-gallery .two{gap:8px}.next-case{padding-block:70px}}
@media(max-width:900px){.filter-button{font-size:14px}.archive-card .meta{font-size:13px}.archive-card p{font-size:14px;line-height:1.65}.breadcrumb{font-size:13px}.case-facts div{font-size:14px;grid-template-columns:100px 1fr}.case-story-content{font-size:16px;line-height:1.9}.next-case span{font-size:13px}}
@media(min-width:901px){.filter-button{font-size:13px}.archive-card .meta{font-size:12px}.archive-card h2{font-size:26px;line-height:1.4}.archive-card p{font-size:14px}.breadcrumb{font-size:12px}.case-facts div{font-size:13px}.case-story-content{font-size:17px;line-height:1.9}.next-case span{font-size:12px}}
.geo-faq{max-width:1180px;margin:72px auto;padding:0 24px}.geo-faq>h2{font-size:clamp(30px,4vw,52px);margin:10px 0 28px}.geo-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.geo-faq-grid article{padding:28px;border:1px solid #e5e5e5;background:#fff}.geo-faq-grid h3{font-size:20px;line-height:1.45;margin:0 0 14px}.geo-faq-grid p{font-size:16px;line-height:1.85;color:#555;margin:0}@media(max-width:800px){.geo-faq{margin:48px auto;padding:0 18px}.geo-faq-grid{grid-template-columns:1fr}.geo-faq-grid article{padding:22px}.geo-faq-grid h3{font-size:18px}}
/* Show at least the main visual area of landscape case covers on mobile. */
@media(max-width:900px){body .archive-card img{height:auto;aspect-ratio:3/2;object-position:center}}