/* ==========================================================================
   HERO — главный экран с чертёжным фоном
   ========================================================================== */

.hero {
    position: relative;
    min-height: 780px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
    overflow: hidden;
    background-color: var(--medal-bg-dark);
}

.hero__bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0.85;
}

.hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(10, 14, 26, 0.25) 0%,
        rgba(10, 14, 26, 0.65) 55%,
        rgba(10, 14, 26, 0.85) 100%
    );
}

.hero__inner {
    position: relative;
    z-index: 2;
    padding-top: 160px;
    padding-bottom: 80px;
}

.hero__title {
    font-size: 68px;
    line-height: 1.05;
    font-weight: 800;
    color: var(--medal-white);
    margin: 0 0 30px;
    max-width: 780px;
}

.hero__subtitle {
    font-size: 20px;
    color: var(--medal-gray-light);
    max-width: 620px;
    line-height: 1.5;
    margin: 0;
}

.hero__bottom {
    position: relative;
    z-index: 2;
    border-top: 1px solid var(--medal-border);
}

.hero__bottom-inner {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px 0;
    font-size: 15px;
    color: var(--medal-gray-light);
    flex-wrap: wrap;
}

.hero__location {
    font-weight: 700;
    color: var(--medal-white);
}

.hero__divider {
    color: var(--medal-red);
}