main {
padding-top: calc(100px + 2.5rem);
}
.hero-container {
background: var(--bg-weak);
} .fpm-hero {
background: var(--bg-weak);
padding: 2.5rem 1.5rem 2rem;
max-width: 1225px;
margin: 0 auto;
}
.fpm-hero h1 {
margin-bottom: 48px;
}
.fpm-hero-img-wrap {
width: 100%;
border-radius: 24px;
overflow: hidden;
background: var(--primary-light);
margin-bottom: 24px;
}
.fpm-hero-img-wrap img {
width: 100%;
display: block;
object-fit: cover;
max-height: 420px;
}
.fpm-hero-placeholder {
width: 100%;
height: 360px;
background: var(--primary-light);
display: flex;
align-items: center;
justify-content: center;
color: var(--primary);
font-size: 14px;
opacity: 0.5;
}
.fpm-hero-caption p {
text-align: center;
max-width: 808px;
margin: 0 auto;
font-size: 16px;
}