/* Compact Projects banner: half the previous desktop/mobile display height. */
.projects-opening{position:relative;isolation:isolate;display:flex;align-items:center;aspect-ratio:auto;height:clamp(180px,23.4375vw,450px);min-height:0;padding:20px 7vw;box-sizing:border-box;overflow:hidden;background:#061322}
.project-banner-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.projects-opening:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#041020d9,#04102088 38%,transparent 70%)}
.project-banner-copy{max-width:560px}.projects-opening h1{font-size:clamp(28px,3vw,44px);line-height:1.2;margin:8px 0;color:#fff;text-shadow:0 2px 18px #0008}.projects-opening .eyebrow{font-size:10px}.projects-opening p:not(.eyebrow){font-size:14px;color:#c4dbe7}.projects-opening small{display:block;font-size:10px;margin-top:10px;max-width:400px;line-height:1.6;color:#c4dbe7}
@media(max-width:600px){.projects-opening{height:195px;min-height:0;padding:18px 7vw;align-items:center}.project-banner-image{object-position:76% center}.projects-opening:after{background:linear-gradient(90deg,#041020df,#04102055),linear-gradient(0deg,#061322a8,transparent 90%)}.project-banner-copy{padding:0}.projects-opening h1{font-size:30px}.projects-opening small{max-width:290px}}