/**************************************/
/*     Acquisition Page Typography    */
/**************************************/

:root
{
    --acq-font: Arial, Helvetica, sans-serif;
    --acq-ink: #182421;
    --acq-muted: #4d5953;
    --acq-accent: #6d1d17;
    --acq-border: #d9cfbd;
}

body
{
    color: var(--acq-ink);
    font-family: var(--acq-font);
    font-size: 16px;
    line-height: 1.55;
}

.main,
.acquisition-page,
.seismic-acquisition,
article.main,
#wrapper,
.split-side-left,
.wrap-input100,
.field-panel,
.option-panel
{
    font-family: var(--acq-font);
}

.main p,
.main li,
.acquisition-page p,
.acquisition-page li,
.seismic-acquisition p,
.seismic-acquisition li,
article.main p,
article.main li
{
    color: var(--acq-ink);
    font-family: var(--acq-font);
    font-size: 1rem;
    line-height: 1.62;
}

.acquisition-title .eyebrow,
#title .eyebrow,
.header .eyebrow
{
    color: var(--acq-accent);
    font-family: var(--acq-font);
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    line-height: 1.2;
    text-transform: uppercase;
}

.acquisition-title h1,
#title h1,
.header h1,
#page-title
{
    color: var(--acq-ink);
    font-family: var(--acq-font);
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.05;
}

.main h2,
.acquisition-page h2,
.seismic-acquisition h2,
article.main h2
{
    color: var(--acq-accent);
    font-family: var(--acq-font);
    font-size: clamp(1.3rem, 3vw, 1.7rem);
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.15;
}

.label-input100,
.field label,
.option-panel legend,
.option-pill,
.wrap-input100 label
{
    color: var(--acq-ink);
    font-family: var(--acq-font);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.35;
}

.input100,
.field input,
.acq-grid input,
button,
.export-button,
#submitButton button
{
    font-family: var(--acq-font);
    font-size: 1rem;
    line-height: 1.25;
}

.input100,
.field input,
.acq-grid input
{
    color: var(--acq-ink);
}

button,
.export-button,
#submitButton button
{
    font-weight: 800;
}

.main b,
.acquisition-page b,
.seismic-acquisition b,
article.main b
{
    font-weight: 800;
}

@media (max-width: 650px)
{
    body:not(.home-page) .main > .container
    {
        max-width: 100%;
        width: 100%;
    }
}