.commercial-hero{min-height:680px;position:relative;display:flex;align-items:center;color:#fff;background:url('../assets/project-01.webp') center 52%/cover no-repeat}
.commercial-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.68) 52%,rgba(0,0,0,.24))}
.commercial-hero-content{position:relative;padding:110px 0;max-width:1180px}
.commercial-hero h1,.commercial-intro h2,.project-details h2,.commercial-cta h2{font-family:var(--display);font-weight:800;text-transform:uppercase;line-height:.94;letter-spacing:-.02em;margin:0}
.commercial-hero h1{font-size:clamp(3.8rem,7vw,6.6rem);max-width:850px}
.commercial-hero-content>p:not(.eyebrow){max-width:720px;font-size:1.12rem;margin:26px 0 34px}
.commercial-intro{padding:90px 0;background:#542f87;color:#fff}
.commercial-intro-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:90px;align-items:start}
.commercial-intro h2,.commercial-cta h2{font-size:clamp(2.8rem,5vw,4.7rem)}
.commercial-intro-grid>div:last-child>p{font-size:1.12rem;margin-top:0}
.commercial-intro ul{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;padding:0;margin:30px 0 0;list-style:none}
.commercial-intro li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.35);font-weight:700}
.commercial-intro li:before{content:'✓';margin-right:10px}
.commercial-project{padding:110px 0;background:#fff;color:#111}
.commercial-project.project-two{background:#111;color:#fff}
.commercial-project.project-three{background:#542f87;color:#fff}
.project-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center}
.project-layout.reverse{grid-template-columns:1.28fr .72fr}
.project-layout.reverse .project-details{order:2}
.project-details h2{font-size:clamp(2.7rem,4.5vw,4.4rem);margin-bottom:24px}
.project-details>p:not(.eyebrow){font-size:1.05rem;margin:0 0 28px}
.project-one .project-details .eyebrow{color:#542f87}
.commercial-project .text-link{color:inherit;border-bottom:2px solid #542f87;padding-bottom:4px}
.project-two .text-link,.project-three .text-link{border-bottom-color:#fff}
.project-photos{display:grid;gap:12px}
.project-photos.two-up{grid-template-columns:1.35fr .65fr}
.project-photos.flume-grid{grid-template-columns:1fr 1fr}
.project-photos.flume-grid .project-primary{grid-column:1/-1}
.project-photos figure,.night-project,.night-project-video{margin:0;position:relative;overflow:hidden;background:#111}
.project-photos img,.night-project img,.night-project-video video{display:block;width:100%;height:100%;object-fit:cover}
.two-up figure{min-height:510px}
.two-up figure:last-child img{object-position:center}
.flume-grid .project-primary{height:390px}
.flume-grid figure:not(.project-primary){height:285px}
.project-photos figcaption,.night-project figcaption,.night-project-video figcaption{position:absolute;left:14px;bottom:14px;background:rgba(17,17,17,.9);color:#fff;padding:8px 11px;font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}
.night-project-media{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:12px;align-items:stretch}
.night-project{min-height:520px}
.night-project-video{min-height:520px;border:6px solid #111}
.night-project-video video{object-fit:cover;background:#111}
.commercial-cta{padding:90px 0;background:#111;color:#fff}
.commercial-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:70px}
.commercial-cta-inner>div:first-child{max-width:760px}
.commercial-cta-inner p:not(.eyebrow){font-size:1.05rem;margin:20px 0 0}
.commercial-cta-actions{display:flex;flex-direction:column;align-items:center;gap:14px;min-width:285px}
.commercial-cta-actions a:last-child{font-weight:700;text-decoration:none;font-size:.9rem}
.nav-row nav a[aria-current="page"]{color:#542f87}
@media(max-width:900px){.commercial-hero{min-height:610px}.commercial-intro-grid,.project-layout,.project-layout.reverse{grid-template-columns:1fr;gap:45px}.project-layout.reverse .project-details{order:0}.commercial-cta-inner{align-items:flex-start;flex-direction:column}.commercial-cta-actions{align-items:stretch;width:100%}.two-up figure{min-height:390px}.night-project-media{grid-template-columns:minmax(0,1fr) 230px}}
@media(max-width:600px){.commercial-hero{min-height:600px;background-position:60% center}.commercial-hero-content{padding:75px 0}.commercial-hero h1{font-size:3.25rem}.commercial-intro,.commercial-project,.commercial-cta{padding:70px 0}.commercial-intro ul{grid-template-columns:1fr}.project-photos.two-up,.project-photos.flume-grid,.night-project-media{grid-template-columns:1fr}.project-photos.flume-grid .project-primary{grid-column:auto}.two-up figure,.flume-grid .project-primary,.flume-grid figure:not(.project-primary),.night-project{height:auto;min-height:0;aspect-ratio:4/3}.night-project-video{width:min(100%,330px);min-height:0;aspect-ratio:9/16;justify-self:center}.project-details h2{font-size:2.8rem}}