/* Home 2 keeps the shared selector and suggestion behavior with a photographic intro. */
.home-content--personas{padding-block-end:var(--cando-space-16)}
.home-persona-banner{position:relative;isolation:isolate;overflow:hidden;min-height:300px;border-radius:var(--cando-space-3);background:var(--cando-primary-800);box-shadow:0 8px 24px #01072a1a}
.home-persona-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home-persona-banner::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(270deg,#010415bf,transparent),linear-gradient(0deg,#01041580,transparent 75%)}
.home-persona-banner__copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;min-height:300px;padding:var(--cando-space-6);color:var(--cando-text-on-primary)}
.home-persona-banner h1{font-size:var(--cando-font-size-3xl);line-height:var(--cando-line-height-3xl);font-weight:var(--cando-font-weight-bold);text-shadow:0 2px 6px #01041566}
.home-persona-banner h1 [data-persona-text]{color:var(--cando-brand-500);min-height:1.4em}
.home-persona-banner h1 .screen-reader-text{display:block}
.home-persona-banner__copy>p{margin-block-start:var(--cando-space-3);font-size:var(--cando-font-size-s);line-height:var(--cando-line-height-s)}
.home-hero--personas .home-goals{margin-block-start:var(--cando-space-6)}
.home-hero--personas .home-goal{height:auto;min-height:48px;box-shadow:0 1px 3px #01072a0a}
.home-hero--personas .home-suggestion{box-shadow:0 8px 24px #01072a0a}
@media(min-width:1280px){
 .home-hero--personas{max-width:1120px;gap:var(--cando-space-12)}
 .home-persona-banner,.home-persona-banner__copy{min-height:320px}
 .home-persona-banner h1{font-size:40px;line-height:56px;font-weight:var(--cando-font-weight-bold)}
 .home-persona-banner h1 [data-persona-text]{font-weight:var(--cando-font-weight-bold)}
}