/* BRIDGE 4.0.17 — neutral WPML root / region selector polish */
.bridge-region{
    min-height:100svh;
    background:#f3f0e8;
    color:#111111;
    display:flex;
    align-items:center;
    padding:clamp(32px,4vw,64px) 24px;
    font-family:inherit;
}
.bridge-region__shell{
    width:min(1180px,100%);
    margin:auto;
}
.bridge-region__brand{
    margin-bottom:clamp(34px,5vh,58px);
}
.bridge-region__brand img{
    display:block;
    width:clamp(126px,11vw,164px);
    height:auto;
}
.bridge-region__intro{max-width:850px}
.bridge-region__kicker{
    margin:0 0 14px;
    text-transform:uppercase;
    font-size:11px;
    font-weight:800;
    letter-spacing:.12em;
    display:flex;
    align-items:center;
    gap:11px;
}
.bridge-region__kicker span{
    width:26px;
    height:3px;
    border-radius:4px;
    background:#faca30;
    display:inline-block;
}
.bridge-region h1{
    margin:0;
    max-width:900px;
    font-size:clamp(58px,6.1vw,92px);
    line-height:.95;
    letter-spacing:-.055em;
    font-weight:800;
    text-wrap:balance;
}
.bridge-region__lead{
    margin:18px 0 0;
    max-width:620px;
    font-size:clamp(17px,1.4vw,21px);
    line-height:1.42;
    color:#4b4b48;
}
.bridge-region__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px 12px;
    margin-top:clamp(32px,4.5vh,48px);
}
.bridge-region__card{
    min-height:92px;
    border:1px solid rgba(17,17,17,.15);
    border-radius:17px;
    padding:16px 18px 16px 20px;
    color:#111111;
    text-decoration:none!important;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) 44px;
    align-items:center;
    gap:12px;
    background:rgba(255,255,255,.34);
    transition:transform .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease;
    -webkit-tap-highlight-color:transparent;
}
.bridge-region__card:hover,
.bridge-region__card:focus-visible{
    transform:translateY(-2px);
    border-color:#faca30;
    background:#fafaf8;
    box-shadow:0 10px 28px rgba(17,17,17,.06);
    outline:none;
}
.bridge-region__card:focus-visible{box-shadow:0 0 0 3px rgba(250,202,48,.24),0 10px 28px rgba(17,17,17,.06)}
.bridge-region__card:last-child{
    grid-column:1 / -1;
    width:calc(50% - 6px);
    justify-self:center;
}
.bridge-region__code{
    font-size:10px;
    font-weight:800;
    letter-spacing:.1em;
    color:#77736c;
}
.bridge-region__copy{
    display:flex;
    flex-direction:column;
    gap:3px;
    min-width:0;
}
.bridge-region__copy strong{
    font-size:clamp(19px,1.65vw,25px);
    line-height:1.05;
    letter-spacing:-.025em;
}
.bridge-region__copy small{font-size:12px;color:#77736c}
.bridge-region__arrow{
    justify-self:end;
    width:40px;
    height:40px;
    border-radius:50%;
    background:#faca30;
    display:grid;
    place-items:center;
    font-size:19px;
    line-height:1;
    transition:transform .2s ease,background-color .2s ease;
}
.bridge-region__card:hover .bridge-region__arrow,
.bridge-region__card:focus-visible .bridge-region__arrow{transform:translateX(3px)}
.bridge-region__foot{
    margin:22px 0 0;
    font-size:11px;
    font-weight:600;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#77736c;
}

/* Root selector inside BRIDGE Full Width: the global BRIDGE header already carries the logo. */
.bridge-region-site .bridge-region{
    min-height:auto;
    padding-top:clamp(72px,8vw,118px);
    padding-bottom:clamp(76px,8vw,120px);
}
.bridge-region-site .bridge-region__brand{display:none}
.bridge-region-site .bridge-region__shell{width:min(1120px,calc(100% - 48px))}
.bridge-region-site .bridge-region__grid{margin-top:clamp(34px,4vw,48px)}
.bridge-region-site .bridge-footer{border-top:1px solid rgba(17,17,17,.08)}

/* Tablet / iPad landscape and portrait. */
@media (min-width:721px) and (max-width:1100px){
    .bridge-region-site .bridge-region{padding-top:72px;padding-bottom:82px}
    .bridge-region-site .bridge-region__shell{width:min(900px,calc(100% - 48px))}
    .bridge-region h1{font-size:clamp(56px,7.2vw,76px)}
    .bridge-region__card{min-height:86px}
}

/* Short laptop viewport: keep selector compact without making it feel squeezed. */
@media (min-width:721px) and (max-height:850px){
    .bridge-region{align-items:flex-start;padding-top:28px;padding-bottom:28px}
    .bridge-region__brand{margin-bottom:30px}
    .bridge-region h1{font-size:clamp(54px,5.7vw,78px)}
    .bridge-region__lead{margin-top:14px}
    .bridge-region__grid{margin-top:26px}
    .bridge-region__card{min-height:78px;padding-top:12px;padding-bottom:12px}
    .bridge-region__foot{margin-top:16px}
    .bridge-region-site .bridge-region{padding-top:56px;padding-bottom:64px}
}

@media(max-width:720px){
    .bridge-region{
        align-items:flex-start;
        padding:28px 18px 40px;
    }
    .bridge-region__brand{margin-bottom:46px}
    .bridge-region h1{font-size:clamp(48px,14vw,68px);line-height:.96}
    .bridge-region__lead{font-size:17px;margin-top:18px}
    .bridge-region__grid{grid-template-columns:1fr;margin-top:34px;gap:9px}
    .bridge-region__card,
    .bridge-region__card:last-child{
        grid-column:auto;
        width:100%;
        min-height:82px;
        border-radius:15px;
        padding:14px 15px;
        grid-template-columns:34px minmax(0,1fr) 40px;
        gap:10px;
    }
    .bridge-region__copy strong{font-size:20px}
    .bridge-region__arrow{width:38px;height:38px}
    .bridge-region__foot{margin-top:22px}
    .bridge-region-site .bridge-region{padding:48px 0 62px}
    .bridge-region-site .bridge-region__shell{width:calc(100% - 36px)}
}

@media(max-width:430px){
    .bridge-region h1{font-size:clamp(44px,13.5vw,58px)}
    .bridge-region__lead{font-size:16px;line-height:1.45}
    .bridge-region__card{min-height:78px}
    .bridge-region__code{font-size:9px}
    .bridge-region__copy strong{font-size:19px}
    .bridge-region__copy small{font-size:11px}
}

@media (prefers-reduced-motion:reduce){
    .bridge-region__card,.bridge-region__arrow{transition:none}
    .bridge-region__card:hover,.bridge-region__card:focus-visible{transform:none}
    .bridge-region__card:hover .bridge-region__arrow,.bridge-region__card:focus-visible .bridge-region__arrow{transform:none}
}