/* LOCATION SIGNATURE TRIO */
.all-page .all-split-visual:has(.alt-showcase) {
    border-radius: 0;
    isolation: isolate;
}
.all-page .all-split-visual:has(.alt-showcase)::before,
.all-page .all-split-visual:has(.alt-showcase)::after {
    display: none;
}
.all-page .alt-showcase {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 490px;
    isolation: isolate;
    perspective: 1100px;
}
.all-page .alt-glow {
    position: absolute;
    inset: 12% 0 8%;
    background:
        radial-gradient(ellipse at 45% 40%, rgba(255,72,189,.23),transparent 65%),
        radial-gradient(ellipse at 75% 70%, rgba(32,237,241,.17),transparent 55%);
    filter: blur(28px);
    pointer-events: none;
}
.all-page .alt-card {
    position: absolute;
    display: block;
    overflow: hidden;
    border: 1px solid rgba(255,222,195,.55);
    border-radius: 140px 140px 22px 22px;
    background: #17121f;
    color: #fff;
    text-decoration: none;
    transform: rotate(var(--alt-rotation,0deg));
    transform-origin: center 75%;
    box-shadow: 0 28px 65px rgba(0,0,0,.56);
    transition: transform .5s cubic-bezier(.2,.8,.2,1),
                box-shadow .5s ease,border-color .5s ease;
    -webkit-tap-highlight-color: transparent;
}
.all-page .alt-card img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    transition: transform .7s ease;
}
.all-page .alt-card--spotlight {
    z-index: 6;
    top: 5%;
    left: 24%;
    width: 54%;
    height: 86%;
    --alt-rotation: -2deg;
    border-color: rgba(255,166,205,.8);
}
.all-page .alt-card--editor {
    z-index: 4;
    top: 14%;
    left: 0;
    width: 41%;
    height: 65%;
    --alt-rotation: -11deg;
}
.all-page .alt-card--arrival {
    z-index: 8;
    top: 36%;
    right: -2%;
    width: 39%;
    height: 58%;
    --alt-rotation: 9deg;
    border-color: rgba(104,230,235,.68);
}
.all-page .alt-card:hover,
.all-page .alt-card:focus-visible,
.all-page .alt-card.alt-card--active {
    z-index: 30;
    transform: translateY(-19px) rotate(0deg) scale(1.075);
    border-color: #ffd6a8;
    box-shadow: 0 35px 75px rgba(0,0,0,.72),
                0 0 38px rgba(255,72,189,.32);
}
.all-page .alt-card:hover img,
.all-page .alt-card:focus-visible img,
.all-page .alt-card.alt-card--active img {
    transform: scale(1.055);
}
.all-page .alt-card:focus-visible {
    outline: 3px solid #20edf1;
    outline-offset: 4px;
}
.all-page .alt-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,transparent 35%,rgba(0,0,0,.85));
    pointer-events: none;
}
.all-page .alt-info {
    position: absolute;
    z-index: 2;
    left: 16px;
    right: 12px;
    bottom: 19px;
    display: grid;
    gap: 5px;
}
.all-page .alt-role,
.all-page .alt-area {
    font: 600 9px/1.4 Arial,sans-serif;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #f1d0a6;
}
.all-page .alt-name {
    font: 400 clamp(21px,2.4vw,34px)/1.1 Georgia,serif;
    color: #fff;
}
.all-page .alt-number {
    position: absolute;
    z-index: 2;
    top: 22px;
    left: 22px;
    font: 600 11px Arial,sans-serif;
    color: #fff4dd;
}
.all-page .alt-arrow {
    position: absolute;
    z-index: 2;
    top: 18px;
    right: 20px;
    color: #fff;
    font-size: 22px;
}
.all-page .alt-caption {
    position: absolute;
    bottom: 0;
    left: 5%;
    right: 5%;
    text-align: center;
    color: #dfb985;
    font: 600 10px Arial,sans-serif;
    letter-spacing: .15em;
    text-transform: uppercase;
}
@media(max-width:760px) {
    .all-page .all-split-visual:has(.alt-showcase) {
        height: 440px;
        margin: 10px 12px 45px;
    }
    .all-page .alt-showcase {min-height: 400px;}
    .all-page .alt-card--spotlight {
        left: 22%;
        width: 57%;
        height: 80%;
    }
    .all-page .alt-card--editor {
        top: 13%;
        left: 0;
        width: 43%;
        height: 61%;
    }
    .all-page .alt-card--arrival {
        top: 36%;
        right: 0;
        width: 42%;
        height: 54%;
    }
    .all-page .alt-card.alt-card--active {
        transform: translateY(-17px) rotate(0deg) scale(1.06);
    }
}
@media(prefers-reduced-motion:reduce) {
    .all-page .alt-card,
    .all-page .alt-card img {
        transition: none;
    }
}