/* Talent "How it works" page. The view referenced this stylesheet but it was never added to the project. */
.wtz-talent {
    --t-ink: #26212b;
    --t-coral: #ec5260;
    --t-muted: #706b76;
    color: var(--t-ink);
    background: #fffcf8;
    padding-bottom: 80px;
}

.wtz-talent * { box-sizing: border-box; }

.wtz-talent-hero {
    max-width: 1180px;
    margin: 0 auto;
    padding: 94px 24px 88px;
    background:
        radial-gradient(circle at 90% 15%, #e9dcff 0, transparent 36%),
        radial-gradient(circle at 8% 85%, #ffddcd 0, transparent 43%),
        #fff9f4;
    border-radius: 0 0 28px 28px;
}

.wtz-talent-kicker {
    font-size: 12px;
    letter-spacing: .19em;
    font-weight: 800;
    color: #b94854;
    margin-bottom: 20px;
}

.wtz-talent-hero h1 {
    font-size: clamp(36px, 6vw, 68px);
    line-height: 1.08;
    letter-spacing: -.05em;
    font-weight: 800;
    max-width: 900px;
    margin: 0 0 24px;
}

.wtz-talent-hero h1 em { font-style: normal; color: var(--t-coral); }

.wtz-talent-hero p {
    font-size: 16px;
    line-height: 1.75;
    color: var(--t-muted);
    max-width: 720px;
    margin: 0 0 14px;
}

.wtz-talent-hero p strong { color: var(--t-ink); }

.wtz-talent-btn {
    display: inline-block;
    margin-top: 18px;
    background: #ef4b58;
    color: #fff !important;
    text-decoration: none;
    border-radius: 50px;
    padding: 14px 24px;
    font-weight: 700;
    transition: transform .2s ease, box-shadow .2s ease;
}

.wtz-talent-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(239, 75, 88, .3); }
.wtz-talent-btn:focus-visible { outline: 2px solid var(--t-ink); outline-offset: 3px; }

@media (max-width: 575px) {
    .wtz-talent-hero { padding: 60px 18px 56px; border-radius: 0; }
}