/* Responsive corrections shared by public pages; no content is hidden to mask overflow. */
.title-centered{text-align:center}
.rich-body>div{max-width:100%}
.rich-body a{overflow-wrap:anywhere}
@media(max-width:850px){
 header{gap:10px;padding-left:4%;padding-right:4%}
 header .brand-logo{width:clamp(125px,42vw,175px)}
 header #menu{flex:0 0 36px;padding:0}
 header .contact{white-space:nowrap;flex-shrink:0;padding:8px;font-size:12px}
 header nav{top:100%;max-height:calc(100svh - 82px);overflow-y:auto}
 .hero-carousel{height:auto;min-height:510px;display:flex;flex-direction:column}
 .hero-carousel .hero-content{position:relative;left:auto;top:auto;width:auto;margin:65px 7% 30px}
 .hero-carousel .hero-content h1{font-size:clamp(30px,6vw,44px);overflow-wrap:anywhere}
 .hero-carousel .hero-content p{max-width:none}
 .hero-carousel .carousel-controls{position:relative;left:auto;bottom:auto;margin:auto 7% 16px;flex-wrap:wrap;gap:6px;max-width:86%}
 .carousel-controls button{flex-shrink:0;min-width:32px;height:32px;padding:0 6px}
 .carousel-dots{flex-wrap:wrap;gap:6px}
 .hero-carousel .carousel-caption{position:relative;bottom:auto;left:auto;right:auto;margin:0 7% 20px;max-width:86%;text-align:left}
 .hero-carousel .carousel-caption:empty{display:none}
 .section>div,.intro>*,.contact-details>*,.designer-profile>*{min-width:0}
 .contact-details{grid-template-columns:minmax(0,1fr);gap:24px}
 .wechat-card{max-width:360px;width:100%;margin:auto}
 .filters input{min-width:0}
 .pagination{gap:12px}
}
@media(max-width:600px){
 .section h1{font-size:30px;line-height:1.5;overflow-wrap:anywhere}
 .rich-body h2{font-size:25px;line-height:1.5}
 .rich-body h3{font-size:21px;line-height:1.5}
 .designer-caption{flex-wrap:wrap;gap:4px 12px}
 .company-copy ul{grid-template-columns:minmax(0,1fr)}
 .card .meta span:first-child{max-width:100%}
 .site-footer .footer-contact{min-width:0}
 .footer-contact a{font-size:20px}
}