/* Inset photographic page banners with centered headings and breadcrumbs. */
.page-banner{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:min(1380px,90%);height:340px;min-height:0;margin:28px auto 22px;overflow:hidden;border-radius:28px;background-repeat:no-repeat;background-size:cover;background-position:center 48%;box-shadow:0 16px 34px #1738521f;text-align:center}
.about-banner{background-image:url('assets/about-banner.webp')}.services-banner{background-image:url('assets/services-banner.webp')}
.page-banner:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(8,30,49,.64),rgba(8,30,49,.43));pointer-events:none}
.page-banner .banner-content{width:90%;padding:28px 16px}
.page-banner h1{color:#fff;font-size:clamp(34px,4.2vw,58px);font-weight:800;line-height:1.15;letter-spacing:-1px;margin:0 0 20px;text-shadow:0 2px 12px #102d4330}
.page-banner .banner-breadcrumb{position:static;display:flex;justify-content:center;align-items:center;gap:13px;padding:0;margin:0;min-height:0;background:transparent;border:0;box-shadow:none;font-size:13px;font-weight:600;line-height:1.5;color:#fff}
.page-banner .banner-breadcrumb a{color:#fff}.page-banner .banner-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}.page-banner .banner-breadcrumb>span:first-of-type{color:#ff7680;font-size:16px}
.page-banner .banner-content>p{font-size:14px;color:#f0f4f8;max-width:620px;line-height:1.7;margin:18px auto 0}
@media(max-width:760px){.page-banner{width:92%;height:260px;margin-top:18px;margin-bottom:12px;border-radius:20px;background-position:65% center}.page-banner h1{font-size:37px;margin-bottom:17px}.page-banner .banner-content{padding:20px 8px}.page-banner .banner-content>p{font-size:12px;max-width:300px;margin-top:15px}.page-banner .banner-breadcrumb{font-size:12px;gap:10px}}
.projects-banner{background-image:url('assets/salem.webp')}
.gallery-banner{background-image:url('assets/thanjavur.webp')}