/* Home hero: the photo carousel is the protagonist; text sits on a left gradient. */
.hero--carousel{grid-template-columns:1fr;isolation:isolate}
.hero--carousel .hero-copy{max-width:min(640px,100%);z-index:3}
.hero--carousel .mesh{display:none}
.hero-carousel{position:absolute;inset:0;z-index:0}
.hero-carousel .bs-carousel-stage{height:100%}
.hero-carousel .hero-slide{margin:0;height:100%}
.hero-carousel .hero-slide img{position:absolute;inset:0;object-position:center 30%;filter:none;opacity:1}
.hero-carousel::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#050505f2 0%,#050505d6 38%,#05050566 62%,transparent 100%),linear-gradient(0deg,#050505cc 0%,transparent 28%)}
.hero-carousel .hero-slide figcaption{position:absolute;z-index:2;right:clamp(16px,4vw,48px);bottom:132px;max-width:60%;font-size:.8rem;letter-spacing:.04em;text-align:right;text-shadow:0 1px 8px #000}
.hero-carousel .hero-slide figcaption a{color:#fff;text-decoration:none;border-bottom:1px solid #f35a24}
.hero-carousel .bs-carousel-controls{position:absolute;z-index:3;right:clamp(16px,4vw,48px);bottom:78px;margin:0}
.hero--carousel .proof{z-index:3;color:#d6d6d6;text-shadow:0 1px 6px #000}
.hero--carousel .hero-copy .intro{color:#e4e4e4}
/* Reduced BS orbit, only when enabled from the CMS. */
.hero--orbit-badge .stage{position:absolute;z-index:3;top:clamp(96px,13vh,140px);right:clamp(16px,4vw,48px);width:clamp(110px,13vw,170px);margin:0}
@media(max-width:760px){
    .hero--carousel{padding-bottom:150px}
    .hero-carousel::after{background:linear-gradient(0deg,#050505f2 0%,#050505b0 55%,#05050580 100%)}
    .hero-carousel .hero-slide figcaption{display:none}
    .hero-carousel .bs-carousel-controls{bottom:56px;left:22px;right:auto}
    .hero--orbit-badge .stage{width:96px;top:84px}
}

/* Projects and Blog heroes: the same carousel as the home, behind the title. */
.portfolio-hero.has-carousel{isolation:isolate;min-height:clamp(540px,72vh,780px);display:flex;flex-direction:column;justify-content:center;background-image:none;background-color:#0a0a0a}
.portfolio-hero.has-carousel::after{display:none}
.portfolio-hero.has-carousel>:not(.hero-carousel){position:relative;z-index:3}
.portfolio-hero.has-carousel .hero-carousel .hero-slide img{object-position:center 40%}
.portfolio-hero.has-carousel .hero-carousel::after{background:linear-gradient(90deg,#050505f2 0%,#050505cc 40%,#05050559 68%,transparent 100%),linear-gradient(0deg,#050505cc 0%,transparent 30%)}
@media(max-width:760px){.portfolio-hero.has-carousel{min-height:620px;justify-content:flex-end;padding-bottom:7rem}.portfolio-hero.has-carousel .hero-carousel::after{background:linear-gradient(0deg,#050505f2 0%,#050505b0 55%,#05050580 100%)}}
.hero-carousel .hero-slide figcaption{max-width:min(38%,480px);line-height:1.35}