/* GRT — shared foundation */

/* ============================================================
 * Container
 * ============================================================ */

.grt-container {
    max-width: var(--container-width, 1600px);
    margin-inline: auto;
    padding-inline: var(--space-dkt-60, 3.75rem);
    width: 100%;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .grt-container {
        padding-inline: var(--space-mbl-24, 1.5rem);
    }
}

.grt-container--full {
    max-width: none;
}

@media (max-width: 768px) {
    .grt-container--full {
        padding-inline: var(--space-mbl-24, 1.5rem);
    }
}

/* 10-of-12 column constraint — add to any element inside .grt-container */
.grt-col10 {
    padding-inline: calc(100% / 12);
}

@media (max-width: 768px) {
    .grt-col10 {
        padding-inline: 0;
    }
}

/* Button styles → assets/css/buttons.css */

/* ============================================================
 * Typography utilities
 * ============================================================ */

.copy-big > p,
.copy-big {
    color: var(--color-black, #000);
    font-family: var(--copy-big-font-family, 'Calibri', sans-serif);
    font-size: var(--copy-big-font-size, 1.5rem);   /* 24px */
    font-style: normal;
    font-weight: var(--copy-big-font-weight, 400);
    line-height: var(--copy-big-line-height, 1.35); /* 135% */
    letter-spacing: 0.24px;
}