.materials-showcase{display:grid;grid-template-columns:1.2fr .8fr;margin-bottom:28px;background:#071321;color:#fff;overflow:hidden}.materials-showcase>img{width:100%;height:430px;object-fit:cover}.materials-showcase>div{padding:45px;align-self:center}.materials-showcase h3{font-size:2.25rem;margin:12px 0 18px}.materials-showcase p:not(.eyebrow){color:#c3cdd5;line-height:1.75;margin-bottom:24px}.material-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:45px}.material-detail-card{background:#fff;border:1px solid rgba(7,19,33,.1);box-shadow:0 15px 35px rgba(7,19,33,.07);overflow:hidden}.material-detail-card>img{width:100%;height:210px;object-fit:cover}.material-detail-card>div{padding:25px}.material-detail-card span,.office-inauguration span,.video-collection-head p{font-size:.68rem;letter-spacing:.16em;color:#aa771e;font-weight:800}.material-detail-card h3{font-size:1.35rem;margin:8px 0 12px}.material-detail-card p{color:#68737d;line-height:1.65}.material-detail-card ul{margin:17px 0 0;padding-left:18px;color:#42505c;font-size:.88rem;line-height:1.8}.video-collection{margin-top:44px}.video-collection-head{margin-bottom:20px}.video-collection-head h3{font-size:1.75rem;color:#fff;margin-top:5px}.brand-chip{padding:12px}.brand-chip img{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:8px}.brand-chip strong{white-space:nowrap}.office-story-grid{display:grid;grid-template-columns:1.25fr .75fr;margin-bottom:25px;background:#0d2034}.office-inauguration{position:relative;min-height:460px;overflow:hidden}.office-inauguration img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.office-inauguration>div{position:absolute;left:28px;right:28px;bottom:25px;padding:28px;background:rgba(7,19,33,.82);color:#fff}.office-inauguration h3{font-size:1.7rem;margin-top:7px}.office-story-grid .location-info{display:flex;flex-direction:column;justify-content:center}.location-layout-expanded{grid-template-columns:1.35fr .65fr}.ongoing-pins{padding:42px;background:#0d2034}.ongoing-pins h3{font-size:1.75rem;margin:10px 0 24px}.pin-card{display:grid;gap:5px;padding:16px 0;border-top:1px solid rgba(255,255,255,.12)}.pin-card b{color:#fff}.pin-card span{color:#aeb9c4;font-size:.85rem}.ongoing-pins .text-link{display:inline-block;color:var(--gold2);border-color:var(--gold2);margin-top:18px}@media(max-width:900px){.materials-showcase,.office-story-grid{grid-template-columns:1fr}.material-detail-grid{grid-template-columns:1fr 1fr}.office-inauguration{min-height:420px}.location-layout-expanded{grid-template-columns:1fr}}@media(max-width:650px){.materials-showcase>img{height:260px}.materials-showcase>div{padding:28px 22px}.material-detail-grid{grid-template-columns:1fr}.office-inauguration{min-height:360px}.brand-chip{width:165px}.video-collection{margin-top:34px}}

/* Product cards with clear supporting photography. */
.products-section .product-card{padding:0;overflow:hidden;display:flex;flex-direction:column}
.product-card-image{width:100%;height:190px;display:block;object-fit:cover}
.products-section .product-card .product-icon{margin:24px 28px 16px}
.products-section .product-card>h3,.products-section .product-card>p,.products-section .product-card>ul{margin-left:28px;margin-right:28px}
.products-section .product-card>a{margin:20px 28px 28px;margin-top:auto}

/* Number emphasis and Vision/Mission breathing room. */
.why-list b{min-width:38px;font-size:1.05rem;line-height:1;color:var(--gold)}
.vision-card-top{margin-top:14px;margin-bottom:28px}

/* Compact, properly aligned video collections. */
.video-section{padding-top:68px;padding-bottom:68px}
.video-section .section-head{align-items:center;margin-bottom:18px}
.video-section .section-head>div{max-width:720px}
.video-section .section-head h2{font-size:clamp(2.65rem,4.2vw,4rem);line-height:1.02}
.video-section .section-head>p{max-width:360px}
.video-section .video-collection{margin-top:26px}
.video-section .video-collection-head{margin-bottom:14px}
.video-section .video-empty{min-height:140px}
@media(max-width:760px){.video-section .section-head{align-items:flex-start;margin-bottom:10px}.video-section .section-head h2{font-size:2.65rem}.product-card-image{height:220px}}

/* Trusted brands: always show both the local logo and its name. */
.materials-section .brand-chip{display:flex!important;align-items:center;justify-content:flex-start;gap:13px;width:210px;padding:14px 18px;color:#14202c;background:#fff}
.materials-section .brand-chip img{display:block!important;flex:0 0 58px;width:58px;height:54px;object-fit:contain}
.materials-section .brand-chip strong{display:block!important;color:#14202c;font-size:1rem;line-height:1.2;opacity:1}

/* Stronger Why Civilion hierarchy and comfortable Vision card spacing. */
.why-list>div{padding-top:22px;padding-bottom:22px;align-items:flex-start}
.why-list b{min-width:46px;font-size:1.2rem;line-height:1.25}
.why-list strong{font-size:1.12rem;line-height:1.35;margin-bottom:6px}
.why-list small{font-size:.96rem;line-height:1.55}
.vision-card{padding:42px 30px 34px}
.vision-card-top{margin-top:0;margin-bottom:30px}
.vision-card h3{font-size:1.55rem;line-height:1.3}

/* Office location heading and image alignment. */
.location-section .section-head{align-items:center;margin-bottom:38px}
.location-section .section-head>div{max-width:680px}
.location-section .section-head h2{font-size:clamp(2.35rem,3.4vw,3.25rem);line-height:1.06}
.location-section .section-head>p{max-width:360px}
.office-inauguration img{filter:none;image-rendering:auto;object-position:center 48%}
.youtube-empty-frame{width:100%;min-height:270px;margin-top:28px;display:grid;place-items:center;background:#020407;border:1px solid rgba(255,255,255,.08)}
.youtube-empty-frame svg{display:block;width:92px;height:auto;filter:drop-shadow(0 12px 24px rgba(255,0,0,.2))}
.hospital-video-collection .video-grid{grid-template-columns:minmax(0,760px)}
.hospital-video-collection .video-card{width:100%}
@media(max-width:760px){.youtube-empty-frame{min-height:190px;margin-top:20px}.youtube-empty-frame svg{width:72px}}

/* Keep the dark media and purpose sections readable before/without scroll animation. */
.video-section>.container,.vision-content{position:relative;z-index:2}
.video-section .reveal,.vision-section .reveal{opacity:1!important;transform:none!important}
.video-section .section-head h2,.video-section .video-collection-head h3,.video-section .video-copy h3{color:#fff!important}
.video-section .eyebrow,.video-section .video-copy p{color:#e2ad43!important}
.vision-overlay{display:block!important;background:rgba(4,14,24,.78)!important}
.vision-heading h2,.vision-card h3{color:#fff!important}
.vision-heading>p:last-child,.vision-card p{color:#d9e0e6!important}
.vision-card{background:rgba(7,19,33,.82)!important;border-color:rgba(255,255,255,.28)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.hospital-speech-block{margin:26px 0 34px;padding:28px;background:#071321;color:#fff}
.hospital-speech-block h3{margin:6px 0 20px;font-size:1.75rem;color:#fff}
.hospital-speech-trigger{max-width:760px}
.hospital-speech-trigger img,.hospital-speech-trigger video{width:100%;height:100%;object-fit:cover}
.hospital-youtube-empty{width:min(760px,100%);aspect-ratio:16/7;display:grid;place-items:center;background:#020407;border:1px solid rgba(255,255,255,.1)}
.hospital-youtube-empty svg{width:88px;height:auto}

/* Preserve source clarity for the Why Civilion photograph. */
.why-image img{filter:none!important;image-rendering:auto;object-position:center center}

@media(max-width:760px){.location-section .section-head{align-items:flex-start;margin-bottom:28px}.location-section .section-head h2{font-size:2.3rem}}