/* Content layout is independent of the shared Webflow header. */
#main-content:not(.case-detail){width:100%;margin:0;padding-top:128px;scroll-margin-top:80px}
.case-list-content{width:calc(100% - 64px);max-width:1400px;margin:0 auto;line-height:1.45}
.case-detail{width:calc(100% - 64px);max-width:1200px;line-height:1.45}
.consultation-inner{width:calc(100% - 64px);max-width:1200px}
#site-header .lx-head-search:focus-visible,#site-header a:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:1100px){
 .project-overview{grid-template-columns:minmax(0,1fr) 340px;gap:30px}
 .photo-thumbnails{gap:10px}.photo-thumbnails button{height:85px}
 .applied-card{padding:18px}.consultation-inner{gap:30px}.consultation-actions{flex-direction:column}
}
@media(max-width:767px){
 .case-list-content,.case-detail,.consultation-inner{width:calc(100% - 32px)}
 #main-content:not(.case-detail){padding-top:102px}.case-detail{margin-top:100px}
 #primary-tabs{gap:28px;height:54px;overflow-x:auto}#primary-tabs button{font-size:16px;white-space:nowrap}
 #secondary-wrap{overflow-x:auto;overflow-y:hidden;margin-top:20px;height:44px}
 .toolbar{height:auto;flex-wrap:wrap;margin-top:22px;gap:10px}.search-box{width:100%;height:44px}
 .result-count{margin:0 auto 0 0}.sort select{width:100px;padding-left:10px;padding-right:26px;background-position:right 8px center}
 #view-toggle{gap:2px}#view-toggle button{width:34px;height:38px}
 .projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
 .projects.mosaic{grid-auto-rows:240px}.project-card{height:240px}.mosaic .project-card.tall{height:492px}
 .card-caption{left:12px;right:12px;bottom:12px}.card-caption h3,.card-hover h3{font-size:17px}
 .card-hover{padding:12px}.card-hover dl>div{font-size:11px;padding:4px 0;gap:4px}.card-hover dt{width:52px}
 .list .project-card{height:190px}.list .card-open>img{width:36%}.list .card-hover{padding:12px}.list .card-hover dl{margin-top:4px}
 #pagination{margin-top:48px}.footer-space{height:100px}
 .breadcrumb{font-size:12px;flex-wrap:wrap}.project-overview{grid-template-columns:1fr;gap:24px;margin-top:20px}
 .hero-gallery{height:360px}.project-info{padding-top:0}.project-info h1{font-size:28px;margin-bottom:20px}
 .photo-thumbnails{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.photo-thumbnails button{height:70px}
 .applied-section,.related-section{margin-top:64px}.applied-grid{grid-template-columns:1fr;gap:20px}
 .applied-card{min-height:0}.applied-card img{height:240px}.applied-description{min-height:0}
 .section-heading{align-items:flex-start;gap:16px;flex-direction:column}.case-detail h2,.consultation h2{font-size:22px}
 .related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.related-card figure{height:160px}
 .consultation{padding:40px 0}.consultation-inner{align-items:flex-start;flex-direction:column}.consultation-actions{flex-direction:row;flex-wrap:wrap}
 .consultation-actions button{padding:0 16px}.lightbox-thumbnails{grid-template-columns:repeat(6,1fr)}
 #photo-dialog{padding:44px 12px 16px}#material-dialog[open]{grid-template-columns:1fr}#material-image{height:260px}.material-copy{padding:24px}
}
@media(max-width:479px){
 .projects:not(.list){grid-template-columns:1fr}.projects.mosaic{grid-auto-rows:300px}
 .project-card,.mosaic .project-card.tall{height:300px;grid-row:span 1}
 .hero-gallery{height:280px}.card-hover dl>div{font-size:12px}.related-card figure{height:130px}
}