.skip-link {
    position: absolute;
    left: 16px;
    top: -120px;
    z-index: 100;
    padding: 10px 14px;
    border-radius: 8px;
    background: var(--accent);
    color: #ffffff;
    font-weight: 800;
}

.skip-link:focus {
    top: 16px;
}

.home-hero-copy {
    position: absolute;
    left: clamp(20px, 5vw, 92px);
    top: clamp(92px, 14vh, 170px);
    z-index: 8;
    max-width: min(680px, calc(100% - 40px));
    padding: clamp(20px, 3vw, 34px);
    border: 1px solid rgba(173, 207, 235, 0.22);
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(2, 7, 11, 0.72), rgba(7, 17, 24, 0.42));
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
    backdrop-filter: blur(10px);
}

.home-hero-copy h1 {
    font-size: clamp(2.1rem, 5.3vw, 4.9rem);
    text-shadow: 0 4px 24px rgba(0, 0, 0, 0.6);
}

.home-hero-copy .lead {
    margin-bottom: 0;
    text-shadow: 0 3px 18px rgba(0, 0, 0, 0.62);
}

.visible-lead {
    display: block;
}

@media (max-width: 860px) {
    .home-hero-copy {
        top: 88px;
        left: 20px;
        right: 20px;
        max-width: none;
    }

    .home-hero-copy h1 {
        font-size: clamp(2rem, 10vw, 3.2rem);
    }

    .home-hero-actions {
        bottom: 18px;
    }
}