/* Shared visual treatment for the three overview heroes. */
.hp-hero-image.unified-hero-visual,
.hero-visual.unified-hero-visual{
 position:relative;align-self:start;justify-self:stretch;width:100%;max-width:none;
 height:auto;min-height:0;aspect-ratio:1;margin:10px 0 0;
 border-radius:110px 8px 8px 8px;overflow:hidden;background:#251d2b;
}
.unified-hero-visual>.supplied-photo,
.hero-visual.unified-hero-visual>.supplied-photo,
.unified-hero-visual .hero-carousel .supplied-photo{
 position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;
 object-fit:cover!important;border:0;border-radius:0;
}
.unified-hero-visual .hero-carousel{position:absolute;inset:0;border-radius:0}
.hp-hero-image.unified-hero-visual:after{display:none}
.unified-hero-visual>.unified-hero-caption,
.hero-visual.unified-hero-visual>.unified-hero-caption{
 position:absolute;z-index:2;left:20px;right:auto;bottom:20px;
 display:flex;align-items:center;justify-content:space-between;gap:20px;
 width:fit-content;max-width:calc(100% - 40px);padding:19px 24px;
 background:linear-gradient(110deg,#371362,#160c24);
 border:1px solid #b46aff70;border-radius:10px;box-shadow:0 15px 40px #0006;
 color:#faf8ff;font-size:16px;line-height:1.55;
}
.unified-hero-caption>span:first-child{min-width:0}
.unified-hero-caption b{font-weight:600}
.unified-hero-caption small{display:block;font-size:9px;letter-spacing:.12em;line-height:1.5;color:#dfc8ed;margin-bottom:9px}
.unified-hero-caption small.hero-image-disclaimer{font-size:10px;letter-spacing:0;margin:9px 0 0;color:#c7b7d1}
.unified-hero-caption .label-icon{flex-shrink:0}
@media(max-width:1000px){
 .hp-hero-image.unified-hero-visual,.hero-visual.unified-hero-visual{border-top-left-radius:70px}
 .unified-hero-visual>.unified-hero-caption,.hero-visual.unified-hero-visual>.unified-hero-caption{padding:16px;gap:12px}
}
@media(max-width:700px){
 .hp-hero-image.unified-hero-visual,.hero-visual.unified-hero-visual{height:390px;aspect-ratio:auto;border-radius:60px 8px 8px 8px}
 .unified-hero-visual>.unified-hero-caption,.hero-visual.unified-hero-visual>.unified-hero-caption{left:16px;right:auto;bottom:16px;max-width:calc(100% - 32px);font-size:15px}
}
@media(max-width:360px){.hp-hero-image.unified-hero-visual,.hero-visual.unified-hero-visual{height:340px}}

/* Equal page gutters and columns give every overview the same image size. */
.overview-hero.hero.wrap,.overview-hero.hp-hero.hp-wrap{
 width:calc(100% - clamp(40px,8vw,112px));max-width:1328px;margin-inline:auto;
 display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
 gap:clamp(28px,4vw,64px);align-items:center;padding:60px 0 64px;
}
.overview-hero>.unified-hero-visual{align-self:center;margin-top:0}
.overview-hero>.hp-hero-copy{padding:0}
.home-page .overview-hero h1{font-size:clamp(58px,7.8vw,112px)}
.overview-hero .hp-hero-bottom{margin-top:0}
@media(max-width:900px){
 .overview-hero.hero.wrap,.overview-hero.hp-hero.hp-wrap{grid-template-columns:minmax(0,1fr);gap:32px;padding:36px 0 44px}
 .overview-hero>.unified-hero-visual{width:100%;max-width:560px;justify-self:center;height:auto;aspect-ratio:1}
 .home-page .overview-hero h1{font-size:clamp(55px,11vw,88px)}
}

/* Shared overview hero typography and spacing, based on Business Storefronts. */
.overview-hero.hero.wrap,.overview-hero.hp-hero.hp-wrap{align-items:start}
.overview-hero>.unified-hero-visual{align-self:start}
.overview-hero .eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 24px;color:#b5a5cd;font-size:13px;font-weight:650;line-height:1.5;letter-spacing:.12em}
.overview-hero .eyebrow .mini-line{display:block;flex:0 0 24px;width:24px;height:2px;margin:0;background:#00d2ff}
.overview-hero h1,.home-page .overview-hero h1{font-size:clamp(48px,5.4vw,76.8px);font-weight:650;line-height:1.07;letter-spacing:-.045em;margin:0;text-wrap:balance;max-width:none}
.overview-hero h1 em,.home-page .overview-hero h1 em{font-style:normal;background:linear-gradient(100deg,#fff 0%,#caa2ff 44%,#bc5fff 90%);background-clip:text;-webkit-background-clip:text;color:transparent}
.overview-hero .intro{font-size:18px;line-height:1.75;color:#b8b6c4;margin:28px 0 30px;max-width:56ch}
.overview-hero .hero-actions{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:24px}
.overview-hero .hero-actions .button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:56px;padding:16px 24px;border:1px solid #be8bff45;border-radius:8px;background:linear-gradient(90deg,#763af5,#a604f2);color:white;font-size:16px;font-weight:600;line-height:1.5}
.overview-hero .hero-actions .text-link{font-size:14px;font-weight:500;line-height:1.5;padding-block:10px;color:#faf8ff}
.overview-hero .hero-note{font-size:14px;line-height:1.6;margin:25px 0 0;color:#9895a8}
@media(max-width:900px){
 .overview-hero h1,.home-page .overview-hero h1{font-size:clamp(42px,8vw,68px)}
 .overview-hero .intro{font-size:16px}
}
@media(max-width:460px){
 .overview-hero .eyebrow{font-size:11px;letter-spacing:.12em}
 .overview-hero .hero-actions{flex-direction:column;align-items:stretch;gap:14px}
 .overview-hero .hero-actions .button,.overview-hero .hero-actions .text-link{justify-content:center;text-align:center}
}

/* Homepage display type: larger headline within the unchanged shared grid. */
.home-page .overview-hero h1{font-size:clamp(58px,7.8vw,112px);line-height:.97;letter-spacing:-.065em;text-wrap:initial}
@media(max-width:900px){.home-page .overview-hero h1{font-size:clamp(55px,11vw,88px);line-height:1}}