.premium-hero{background-image:linear-gradient(90deg,rgba(4,22,36,.98) 0%,rgba(4,31,49,.91) 44%,rgba(4,45,68,.57) 72%,rgba(4,34,53,.42) 100%),url('../images/hero-network.webp');background-size:cover;background-position:center}
.premium-card{padding:0}.card-body-premium{padding:1.65rem 2rem 2rem}.card-media{height:205px;margin:0;overflow:hidden;background:var(--navy)}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease),filter .65s}.premium-card:hover .card-media img{transform:scale(1.06);filter:saturate(1.08)}.card-body-premium .card-top{margin-bottom:1.5rem}.feature-image,.detail-media{margin:0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);background:var(--surface)}.feature-image img,.detail-media img{display:block;width:100%;height:100%;object-fit:cover}.feature-image{aspect-ratio:4/3}.detail-media{aspect-ratio:16/8.5;margin-bottom:2.5rem}.project-banner{height:min(52vw,560px);min-height:330px;position:relative;overflow:hidden;background:var(--navy)}.project-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(4,22,36,.88))}.project-banner>img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.project-banner:hover>img{transform:scale(1.025)}.project-banner>.container{position:absolute;inset:0;z-index:1;display:flex;align-items:flex-end;padding-bottom:2.5rem;color:#fff}.project-banner strong,.project-banner span{display:block}.project-banner strong{font-size:clamp(1.6rem,3vw,3rem);font-weight:850;letter-spacing:-.04em}.project-banner span{color:#c9e3ec}
@media(max-width:575.98px){.card-media{height:185px}.card-body-premium{padding:1.35rem}.project-banner{min-height:300px}.premium-hero{background-position:63% center}}