/* Page-specific styles. The shared design system lives in enterprise.css. */

.hero-bg {
    background: linear-gradient(180deg, #ffffff 0%, var(--bg) 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    color: var(--text);
    text-align: center;
    padding: 80px 16px 60px;
    border-bottom: 0.5px solid var(--hairline);
}
/* When a brand hero image is dynamically applied, applyBranding() also adds
   .has-hero-image so we can flip text to white for the dark-overlaid image. */
.hero-bg.has-hero-image,
.hero-bg.has-hero-image h1,
.hero-bg.has-hero-image .lead { color: #fff !important; }
.hero-bg h1 {
    font-size: clamp(1.9rem, 4vw, 2.6rem);
    font-weight: 600;
    letter-spacing: -0.03em;
    margin-bottom: 0.4rem;
}
.hero-bg .lead {
    color: var(--text-muted);
    font-size: 1.05rem;
    margin-bottom: 0;
}

/* Login page background: image must cover, never tile. */
body.has-hero-bg {
    background-image: var(--hero-image, none);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}

#tSubject { margin: 0; }

body.loading { overflow: hidden; }