/* /Components/HeroSection.razor.rz.scp.css */
.hero[b-hejw00a30i] {
    max-width: 1220px;
    margin: 0 auto;
    padding-bottom: 22px;
    text-align: center;
}

.hero-photo[b-hejw00a30i] {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 6px;
}

.hero-content[b-hejw00a30i] {
    position: relative;
    width: min(820px, calc(100% - 100px));
    margin: 0 auto;
    padding: 38px 36px 20px;
    animation: enter-b-hejw00a30i 1s ease both;
}

.hero .eyebrow[b-hejw00a30i] {
    color: #786444;
    font-size: 10px;
    letter-spacing: .14em;
}

.hero h1[b-hejw00a30i] {
    font-size: clamp(42px, 5vw, 66px);
    line-height: 1.05;
    margin: 18px 0;
}

.hero h1 em[b-hejw00a30i] { color: var(--olive); }

.hero-description[b-hejw00a30i] {
    max-width: 370px;
    margin: 0 auto;
    font-size: 13px;
    line-height: 1.85;
    color: var(--muted);
}

.hero-link[b-hejw00a30i] {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    gap: 24px;
    margin-top: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #b8ac92;
    font-size: 12px;
}

.hero-link span[b-hejw00a30i] { font-size: 20px; color: var(--olive); }

.hero-bottom-note[b-hejw00a30i] {
    display: block;
    margin-top: 14px;
    font-size: 8px;
    letter-spacing: .2em;
    color: var(--muted);
}

@keyframes enter-b-hejw00a30i {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 600px) {
    .hero[b-hejw00a30i] { padding-bottom: 8px; }
    .hero-photo[b-hejw00a30i] { border-radius: 0; }
    .hero-content[b-hejw00a30i] {
        width: calc(100% - 32px);
        padding: 28px 12px 12px;
    }
    .hero .eyebrow[b-hejw00a30i] { font-size: 8px; letter-spacing: .1em; }
    .hero h1[b-hejw00a30i] { font-size: clamp(38px, 10vw, 52px); letter-spacing: -1px; }
    .hero-description[b-hejw00a30i] { max-width: 285px; font-size: 12px; }
    .hero-link[b-hejw00a30i] { font-size: 11px; }
    .hero-bottom-note[b-hejw00a30i] { font-size: 7px; letter-spacing: .13em; }
}

@media (prefers-reduced-motion: reduce) {
    .hero-content[b-hejw00a30i] { animation: none; }
}