/* Hero Cell Styles */

.hero_cell_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: left;
    text-align: left;
    gap: clamp(20px, 3vh, 40px);
    padding: clamp(20px, 4vh, 60px);
    cursor: grab;
}

.hero_cell_quote_1 {
    font-family: var(--font-family);
    font-size: clamp(1.25rem, 4vh, 2rem);
    color: var(--text-primary);
    font-weight: 400;
    line-height: 1.4;
}

.typo {
    font-family: var(--font-family);
    color: var(--accent-primary);
    font-weight: 400;
    line-height: 1.4;
}

.cetera {
    font-family: var(--font-family);
    color: var(--accent-primary);
    font-weight: 400;
    line-height: 1.4;
}

.name {
    font-family: var(--font-family);
    color: var(--accent-primary);
    font-size: clamp(1.25rem, 3vh, 1.5rem);
    font-weight: 400;
    line-height: 1.4;
}

.navigation_explanation {
    font-family: var(--font-family);
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
}

.hero_cell_contact {
    margin-top: clamp(20px, 3vh, 40px);
}

.hero_cell_contact a {
    font-family: var(--font-family);
    font-size: var(--font-size-md);
    color: var(--accent-primary);
    text-decoration: none;
    border-bottom: none;
    padding-bottom: 0;
    transition: color 0.2s;
}

.hero_cell_contact a:hover {
    color: var(--accent-secondary);
}

.hero_cell_availability {
    font-family: var(--font-family);
    font-size: var(--font-size-sm);
    color: var(--text-primary);
    line-height: 1.5;
    max-width: 80%;
}