/* Portfolio typography: locally embedded fonts, stronger contrast and readable controls. */
.page-portfolio{font-family:'Krub',Arial,sans-serif;font-size:17px;line-height:1.8;color:#243f4e}
.page-portfolio h1,.page-portfolio h2,.page-portfolio h3,.page-portfolio .gallery-item>span{font-family:'Red Hat Display',Arial,sans-serif;font-weight:500}
.page-portfolio button,.page-portfolio small{font-family:'Krub',Arial,sans-serif}
.page-portfolio nav>a,.page-portfolio .nav-services>summary{font-size:16px;font-weight:500;color:#344d5b}
.page-portfolio .nav-service-title{font-size:25px}
.page-portfolio .nav-service-description,.page-portfolio .nav-service-intro>p:not(.nav-service-eyebrow){font-size:13px;color:#526b79}
.page-portfolio .project-banner{background-image:linear-gradient(#112b3bb8,#112b3bb8),url('assets/project-001.jpg')}
.page-portfolio .project-banner h1{font-size:clamp(46px,5.3vw,76px);font-weight:500;line-height:1.15;color:#fff;text-shadow:0 2px 18px #0003}
.page-portfolio .project-banner .eyebrow{font-size:12px;font-weight:600;letter-spacing:1.5px;color:#e6f5fc}
.page-portfolio .project-banner>p:last-of-type{font-size:18px;line-height:1.8;color:#fff}
.page-portfolio .filters{gap:24px 34px}
.page-portfolio .filters button{font-size:16px;font-weight:600;line-height:1.6;letter-spacing:.4px;text-transform:none;color:#3c5665;padding:12px 3px}
.page-portfolio .filters button.active{color:#17658b}
.page-portfolio .filters button.active:after{height:3px;background:#207da4;bottom:-21px}
.page-portfolio .filters sup{font-size:12px;font-weight:500;color:inherit}
.page-portfolio .gallery-count{font-size:16px;font-weight:500;color:#405a69;line-height:1.7}
.page-portfolio .gallery-item>span{font-size:24px;line-height:1.35;color:#243f4e;font-weight:500}
.page-portfolio .portfolio-view-label{font-size:14px;font-weight:500;color:#506570}
.page-portfolio .cta .eyebrow{font-size:12px;font-weight:600;color:#226b89}
.page-portfolio footer p{font-size:15px;color:#c7d6e0}
.page-portfolio footer .eyebrow{font-size:12px;color:#9cdbf4}
.page-portfolio footer a{font-size:16px;color:#eef5fa}
.page-portfolio .footer-bottom,.page-portfolio .footer-bottom a{font-size:12px;color:#bacdd9}
@media(max-width:1100px){.page-portfolio nav>a,.page-portfolio .nav-services>summary{font-size:14px}}
@media(max-width:760px){.page-portfolio .filters{gap:14px 22px}.page-portfolio .filters button{font-size:15px}.page-portfolio .filters button.active:after{bottom:-19px}.page-portfolio .project-banner h1{font-size:44px}.page-portfolio .project-banner>p:last-of-type{font-size:16px}.page-portfolio .gallery-item>span{font-size:23px}.page-portfolio .gallery-count{font-size:15px}.page-portfolio .nav-service-title{font-size:24px}}

/* Portfolio cover: Dr. Reddy’s event stage from the original project photograph. */
.page-portfolio .project-banner{background-image:linear-gradient(#0b2238b3,#0b2238b3),url('assets/quality/events-stage-original.jpg');background-position:center 48%;background-size:cover}

.page-portfolio .gallery-item[id]{scroll-margin-top:130px}