/* FOLD Region Gateway */

body.fold-region-gateway-active {
    background:#f7f7f4;
}

body.fold-region-gateway-active .site-header,
body.fold-region-gateway-active #masthead,
body.fold-region-gateway-active .ast-breadcrumbs-wrapper,
body.fold-region-gateway-active .entry-header,
body.fold-region-gateway-active .site-footer,
body.fold-region-gateway-active #colophon,
body.fold-region-gateway-active .footer-adv-overlay,
body.fold-region-gateway-active .ast-footer-overlay,
body.fold-region-gateway-active .fold-footer {
    display:none !important;
}

body.fold-region-gateway-active #content,
body.fold-region-gateway-active .site-content,
body.fold-region-gateway-active .ast-container,
body.fold-region-gateway-active .content-area,
body.fold-region-gateway-active .site-main,
body.fold-region-gateway-active article,
body.fold-region-gateway-active .entry-content {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
}

body.fold-region-gateway-active .ast-container {
    display:block !important;
}

body.fold-region-gateway-active .entry-content > p:empty {
    display:none;
}

.fold-region-gateway {
    --gateway-max:1240px;
    min-height:100svh;
    display:flex;
    background:
        radial-gradient(circle at 8% 10%, rgba(250,202,48,.13), transparent 24rem),
        linear-gradient(180deg,#fbfbf8 0%,#f3f3ef 100%);
    color:var(--fold-text,#0b0b0b);
}

.fold-region-gateway__shell {
    width:min(calc(100% - 64px),var(--gateway-max));
    min-height:100svh;
    margin:0 auto;
    display:grid;
    grid-template-rows:auto 1fr auto;
    gap:42px;
    padding:36px 0 34px;
}

.fold-region-gateway__header {
    display:flex;
    align-items:center;
    justify-content:flex-start;
}

.fold-region-gateway__brand {
    display:inline-flex;
    align-items:center;
    text-decoration:none;
}

.fold-region-gateway__logo-image {
    width:auto;
    height:36px;
    max-width:104px;
    object-fit:contain;
}

.fold-region-gateway__wordmark {
    font-family:"Oswald",Arial,sans-serif;
    font-size:32px;
    font-weight:600;
    letter-spacing:-.04em;
    color:#0b0b0b;
}

.fold-region-gateway__content {
    align-self:center;
    width:100%;
    padding:34px 0 44px;
}

.fold-region-gateway__eyebrow {
    margin:0 0 14px;
    color:#a97900;
    font-family:"Inter",Arial,sans-serif;
    font-size:12px;
    font-weight:800;
    line-height:1.2;
    letter-spacing:.18em;
    text-transform:uppercase;
}

.fold-region-gateway__title {
    margin:0;
    max-width:820px;
    font-family:"Oswald",Arial,sans-serif;
    font-size:clamp(48px,7vw,88px);
    font-weight:600;
    line-height:.98;
    letter-spacing:-.035em;
    color:#0b0b0b;
}

.fold-region-gateway__title::after {
    content:"";
    display:block;
    width:70px;
    height:4px;
    margin:26px 0 24px;
    border-radius:999px;
    background:#faca30;
}

.fold-region-gateway__intro {
    max-width:660px;
    margin:0 0 34px;
    color:#4a4a4a;
    font-size:18px;
    line-height:1.65;
}

.fold-region-gateway__grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

.fold-region-gateway__card {
    position:relative;
    min-height:132px;
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:18px;
    padding:22px 24px;
    background:rgba(255,255,255,.88);
    border:1px solid #dedede;
    border-radius:16px;
    color:#0b0b0b;
    text-decoration:none !important;
    box-shadow:none;
    transition:transform .2s ease,border-color .2s ease,background .2s ease;
}

.fold-region-gateway__card:hover,
.fold-region-gateway__card:focus-visible {
    transform:translateY(-3px);
    border-color:#c7c7c1;
    background:#fff;
}

.fold-region-gateway__card:focus-visible {
    outline:3px solid rgba(250,202,48,.6);
    outline-offset:3px;
}

.fold-region-gateway__code {
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border:1px solid #d8d8d2;
    border-radius:999px;
    color:#6d7278;
    font-family:"Inter",Arial,sans-serif;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
}

.fold-region-gateway__card-copy {
    display:flex;
    min-width:0;
    flex-direction:column;
    gap:4px;
}

.fold-region-gateway__region {
    font-family:"Oswald",Arial,sans-serif;
    font-size:28px;
    font-weight:600;
    line-height:1.1;
    letter-spacing:-.015em;
}

.fold-region-gateway__language {
    color:#6d7278;
    font-size:14px;
    line-height:1.4;
}

.fold-region-gateway__arrow {
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:999px;
    background:#faca30;
    font-size:20px;
    line-height:1;
    transition:transform .2s ease,background .2s ease;
}

.fold-region-gateway__card:hover .fold-region-gateway__arrow,
.fold-region-gateway__card:focus-visible .fold-region-gateway__arrow {
    transform:translateX(3px);
    background:#ffd743;
}

.fold-region-gateway__note {
    margin:18px 0 8px;
    color:#4f5459;
    font-size:13px;
    line-height:1.5;
}

.fold-region-gateway__footer {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
    color:#6d7278;
    font-size:12px;
    line-height:1.4;
}

@media (max-width:980px) {
    .fold-region-gateway__grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:640px) {
    .fold-region-gateway__shell {
        width:min(calc(100% - 32px),var(--gateway-max));
        gap:32px;
        padding:24px 0 24px;
    }

    .fold-region-gateway__logo-image {
        height:34px;
    }

    .fold-region-gateway__content {
        padding:20px 0 30px;
    }

    .fold-region-gateway__title {
        font-size:clamp(44px,15vw,64px);
    }

    .fold-region-gateway__intro {
        margin-bottom:30px;
        font-size:16px;
    }

    .fold-region-gateway__grid {
        grid-template-columns:1fr;
        gap:12px;
    }

    .fold-region-gateway__card {
        min-height:112px;
        padding:20px;
    }

    .fold-region-gateway__region {
        font-size:25px;
    }

    .fold-region-gateway__footer {
        padding-top:4px;
    }
}

@media (prefers-reduced-motion:reduce) {
    .fold-region-gateway__card,
    .fold-region-gateway__arrow {
        transition:none;
    }
}
