/* Geometry belongs to the reusable direction tile; its parent owns row gaps. */
.decfort-direction-tile {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    gap: var(--gapX4);
    padding: var(--gapX5) var(--gapX6);
    border-radius: var(--roundedS);
    background: rgba(255, 255, 255, .15);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    color: #fff;
    font-family: inherit;
    font-size: var(--textLsize);
    line-height: var(--textLheightT);
    font-weight: 400;
    font-variant-numeric: lining-nums proportional-nums;
    letter-spacing: -.02em;
    white-space: nowrap;
    text-decoration: none;
}
.decfort-direction-tile__icon { display: block; flex: none; }
.decfort-direction-tile__icon img { display: block; max-width: none; }
.decfort-direction-tile__icon .decfort-direction-tile__mobile { display: none; }
.decfort-direction-tile > span { text-box-trim: trim-both; text-box-edge: cap alphabetic; }
a.decfort-direction-tile:hover { color: #fff; background: rgba(255, 255, 255, .22); text-decoration: none; }
a.decfort-direction-tile:focus-visible { outline: 2px solid #fff; outline-offset: var(--gapX1); }
@media (max-width: 767px) {
    .decfort-direction-tile__icon .decfort-direction-tile__desktop { display: none; }
    .decfort-direction-tile__icon .decfort-direction-tile__mobile { display: block; }
    .decfort-direction-tile { gap: var(--gapX2); padding: var(--gapX2) var(--gapX3); }
}

/* Native hero row: retain the grid width for the full set of directions. */
.vc_section.fixed-height-1st-layer > .decfort-directions-row > .vc_column_container { max-width: none; }