/*
    Theme Name: ARC Wyatt
    Template: Divi
    Version: 1.0.0
*/

:root {
    --primary: var(--yellow);
    --secondary: var(--mid);
    --yellow: #ffd23f;
    --white: #f9f9f9;
    --black: #191514;
    --dark: #2e2b2b;
    --mid: #a59e9a;
    --light: #e2dfdc;
}

/* Selection */
::selection {
    background-color: var(--primary);
    color: var(--black);
}

/* Welcome Text */
.welcome-header {
    text-align: right;
    line-height: 1.02;
    margin: 0;
    padding: 0.4em 0;
}

.welcome-header br {
    display: none;
}

.welcome-prefix,
.welcome-suffix {
    display: block;
    font-size: clamp(1.25rem, 1.45vw, 1.75rem);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 500;
    margin: 0.06em 0;
}

.welcome-suffix {
    padding-top: 1.25em;
}

.welcome-title {
    display: block;
    font-size: clamp(4.4rem, 7vw, 5.5rem);
    font-weight: 700;
    margin: 0.03em 0;
}

/* Welcome Section */
.welcome-section {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
}

.welcome-left,
.welcome-right {
    flex: 1 1 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Mobile inner seam (horizontal) */
@media (max-width: 767.98px) {
    .welcome-header {
        text-align: left;
    }
    .welcome-left  {
        border-bottom: 2px solid currentColor;
        padding-bottom: 1em;
    }
    .welcome-right {
        border-top:    2px solid currentColor;
        padding-top: 1em;
    }
}

/* Desktop: two columns, vertical inner seam */
@media (min-width: 768px) {
    .welcome-section {
        flex-direction: row;
    }

    .welcome-left,
    .welcome-right {
        flex: 1 1 0;
    }

    .welcome-left  {
        border-bottom: none;
        border-right: 2px solid currentColor;
        padding-right: 3em;
    }
    .welcome-right {
        border-top: none;
        border-left:  2px solid currentColor;
        padding-left: 3em;
    }
}