/* slider new fix --------------------------------------------------------- */
.ap-post-slider-new-fix,
.ap-post-slider-new-fix .ap-post-block-inner,
.ap-slider-new-fix-shell,
.ap-slider-new-fix-stage {
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
}

.ap-slider-new-fix-shell {
    background: #fff;
    isolation: isolate;
    overflow: hidden;
    position: relative;
}

.ap-slider-new-fix-slide {
    aspect-ratio: 2.2 / 1;
    direction: ltr;
    display: grid;
    gap: 3px;
    grid-template-columns: minmax(0, 2fr) minmax(210px, 1fr);
    grid-template-rows: repeat(3, minmax(0, 1fr));
    min-height: 420px;
    width: 100%;
}

.ap-slider-new-fix-slide[hidden] {
    display: none !important;
}

.ap-slider-new-fix-slide.is-active {
    animation: ap-slider-fix-reveal .35s ease both;
}

/* Full-window movement, matching the reference slider. Both complete post
   layouts remain visible while one leaves and the next enters. */
.ap-slider-effect-window .ap-slider-new-fix-stage,
.ap-slider-effect-window-depth .ap-slider-new-fix-stage {
    overflow: hidden;
    perspective: 1600px;
    position: relative;
}

.ap-slider-effect-window .ap-slider-new-fix-slide.is-active,
.ap-slider-effect-window-depth .ap-slider-new-fix-slide.is-active {
    animation: none;
}

.ap-slider-effect-window .ap-slider-new-fix-slide.is-entering,
.ap-slider-effect-window .ap-slider-new-fix-slide.is-leaving,
.ap-slider-effect-window-depth .ap-slider-new-fix-slide.is-entering,
.ap-slider-effect-window-depth .ap-slider-new-fix-slide.is-leaving {
    display: grid !important;
    will-change: transform, opacity, filter;
}

.ap-slider-effect-window .ap-slider-new-fix-slide.is-entering,
.ap-slider-effect-window-depth .ap-slider-new-fix-slide.is-entering {
    position: relative;
    z-index: 2;
}

.ap-slider-effect-window .ap-slider-new-fix-slide.is-leaving,
.ap-slider-effect-window-depth .ap-slider-new-fix-slide.is-leaving {
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1;
}

/* RTL: next content enters from the left and pushes the old window right.
   LTR mirrors the same physical movement. */
.ap-slider-effect-window[dir="rtl"].ap-slider-direction-next .is-entering,
.ap-slider-effect-window[dir="ltr"].ap-slider-direction-previous .is-entering {
    animation: ap-slider-window-in-left .7s cubic-bezier(.24, .78, .24, 1) both;
}

.ap-slider-effect-window[dir="rtl"].ap-slider-direction-next .is-leaving,
.ap-slider-effect-window[dir="ltr"].ap-slider-direction-previous .is-leaving {
    animation: ap-slider-window-out-right .7s cubic-bezier(.24, .78, .24, 1) both;
}

.ap-slider-effect-window[dir="rtl"].ap-slider-direction-previous .is-entering,
.ap-slider-effect-window[dir="ltr"].ap-slider-direction-next .is-entering {
    animation: ap-slider-window-in-right .7s cubic-bezier(.24, .78, .24, 1) both;
}

.ap-slider-effect-window[dir="rtl"].ap-slider-direction-previous .is-leaving,
.ap-slider-effect-window[dir="ltr"].ap-slider-direction-next .is-leaving {
    animation: ap-slider-window-out-left .7s cubic-bezier(.24, .78, .24, 1) both;
}

@keyframes ap-slider-window-in-left {
    from { transform: translate3d(-100%, 0, 0); }
    to { transform: translate3d(0, 0, 0); }
}

@keyframes ap-slider-window-in-right {
    from { transform: translate3d(100%, 0, 0); }
    to { transform: translate3d(0, 0, 0); }
}

@keyframes ap-slider-window-out-left {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-100%, 0, 0); }
}

@keyframes ap-slider-window-out-right {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(100%, 0, 0); }
}

/* Creative variation: window movement with restrained depth, soft focus and
   a brief glass reflection across the incoming layout. */
.ap-slider-effect-window-depth .ap-slider-new-fix-stage {
    background: #eaf1f4;
}

.ap-slider-effect-window-depth .ap-slider-new-fix-slide {
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

.ap-slider-effect-window-depth[dir="rtl"].ap-slider-direction-next .is-entering,
.ap-slider-effect-window-depth[dir="ltr"].ap-slider-direction-previous .is-entering {
    animation: ap-slider-depth-in-left .86s cubic-bezier(.18, .8, .22, 1) both;
}

.ap-slider-effect-window-depth[dir="rtl"].ap-slider-direction-next .is-leaving,
.ap-slider-effect-window-depth[dir="ltr"].ap-slider-direction-previous .is-leaving {
    animation: ap-slider-depth-out-right .86s cubic-bezier(.18, .8, .22, 1) both;
}

.ap-slider-effect-window-depth[dir="rtl"].ap-slider-direction-previous .is-entering,
.ap-slider-effect-window-depth[dir="ltr"].ap-slider-direction-next .is-entering {
    animation: ap-slider-depth-in-right .86s cubic-bezier(.18, .8, .22, 1) both;
}

.ap-slider-effect-window-depth[dir="rtl"].ap-slider-direction-previous .is-leaving,
.ap-slider-effect-window-depth[dir="ltr"].ap-slider-direction-next .is-leaving {
    animation: ap-slider-depth-out-left .86s cubic-bezier(.18, .8, .22, 1) both;
}

.ap-slider-effect-window-depth .is-entering::after {
    animation: ap-slider-window-glint .86s ease-out both;
    background: linear-gradient(105deg, transparent 30%, rgba(255,255,255,.3) 46%, rgba(255,255,255,.08) 55%, transparent 72%);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    transform: translateX(-120%);
    z-index: 8;
}

.ap-slider-effect-window-depth .is-entering .ap-slider-fix-image {
    animation: ap-slider-window-image-settle .9s cubic-bezier(.18, .8, .22, 1) both;
}

@keyframes ap-slider-depth-in-left {
    from { filter: blur(2px) saturate(.76); opacity: .58; transform: translate3d(-92%, 0, -100px) rotateY(7deg) scale(.94); }
    to { filter: blur(0) saturate(1); opacity: 1; transform: translate3d(0, 0, 0) rotateY(0) scale(1); }
}

@keyframes ap-slider-depth-in-right {
    from { filter: blur(2px) saturate(.76); opacity: .58; transform: translate3d(92%, 0, -100px) rotateY(-7deg) scale(.94); }
    to { filter: blur(0) saturate(1); opacity: 1; transform: translate3d(0, 0, 0) rotateY(0) scale(1); }
}

@keyframes ap-slider-depth-out-left {
    from { filter: blur(0); opacity: 1; transform: translate3d(0, 0, 0) rotateY(0) scale(1); }
    to { filter: blur(3px); opacity: .2; transform: translate3d(-68%, 0, -150px) rotateY(7deg) scale(.88); }
}

@keyframes ap-slider-depth-out-right {
    from { filter: blur(0); opacity: 1; transform: translate3d(0, 0, 0) rotateY(0) scale(1); }
    to { filter: blur(3px); opacity: .2; transform: translate3d(68%, 0, -150px) rotateY(-7deg) scale(.88); }
}

@keyframes ap-slider-window-glint {
    0%, 18% { opacity: 0; transform: translateX(-120%); }
    48% { opacity: .8; }
    100% { opacity: 0; transform: translateX(120%); }
}

@keyframes ap-slider-window-image-settle {
    from { transform: scale(1.045); }
    to { transform: scale(1); }
}

@keyframes ap-slider-fix-reveal {
    from { opacity: .76; }
    to { opacity: 1; }
}

.ap-slider-effect-none .ap-slider-new-fix-slide.is-active {
    animation: none;
}

.ap-slider-effect-fade .ap-slider-new-fix-slide.is-active {
    animation: ap-slider-fix-fade .48s ease both;
}

.ap-slider-effect-slide.ap-slider-direction-next .ap-slider-new-fix-slide.is-active {
    animation: ap-slider-fix-slide-next .58s cubic-bezier(.22, .74, .24, 1) both;
}

.ap-slider-effect-slide.ap-slider-direction-previous .ap-slider-new-fix-slide.is-active {
    animation: ap-slider-fix-slide-previous .58s cubic-bezier(.22, .74, .24, 1) both;
}

.ap-slider-effect-slide:not(.ap-slider-direction-next):not(.ap-slider-direction-previous) .ap-slider-new-fix-slide.is-active {
    animation: ap-slider-fix-fade .4s ease both;
}

.ap-slider-effect-zoom .ap-slider-new-fix-slide.is-active {
    animation: ap-slider-fix-zoom .62s cubic-bezier(.18, .72, .2, 1) both;
}

.ap-slider-effect-flip .ap-slider-new-fix-stage {
    perspective: 1400px;
}

.ap-slider-effect-flip .ap-slider-new-fix-slide.is-active {
    animation: ap-slider-fix-flip .68s cubic-bezier(.2, .72, .25, 1) both;
    backface-visibility: hidden;
    transform-origin: center center;
}

.ap-slider-effect-cinematic .ap-slider-new-fix-slide.is-active {
    animation: ap-slider-fix-cinematic .8s cubic-bezier(.18, .72, .2, 1) both;
}

.ap-slider-effect-coverflow .ap-slider-new-fix-stage,
.ap-slider-effect-cube .ap-slider-new-fix-stage,
.ap-slider-effect-cards .ap-slider-new-fix-stage {
    perspective: 1500px;
}

.ap-slider-effect-coverflow.ap-slider-direction-next .ap-slider-new-fix-slide.is-active {
    animation: ap-slider-fix-coverflow-next .72s cubic-bezier(.2, .72, .22, 1) both;
}

.ap-slider-effect-coverflow.ap-slider-direction-previous .ap-slider-new-fix-slide.is-active {
    animation: ap-slider-fix-coverflow-previous .72s cubic-bezier(.2, .72, .22, 1) both;
}

.ap-slider-effect-coverflow:not(.ap-slider-direction-next):not(.ap-slider-direction-previous) .ap-slider-new-fix-slide.is-active,
.ap-slider-effect-cards:not(.ap-slider-direction-next):not(.ap-slider-direction-previous) .ap-slider-new-fix-slide.is-active,
.ap-slider-effect-cube:not(.ap-slider-direction-next):not(.ap-slider-direction-previous) .ap-slider-new-fix-slide.is-active,
.ap-slider-effect-diagonal:not(.ap-slider-direction-next):not(.ap-slider-direction-previous) .ap-slider-new-fix-slide.is-active {
    animation: ap-slider-fix-fade .42s ease both;
}

.ap-slider-effect-cards.ap-slider-direction-next .ap-slider-new-fix-slide.is-active {
    animation: ap-slider-fix-cards-next .68s cubic-bezier(.16, .78, .24, 1) both;
}

.ap-slider-effect-cards.ap-slider-direction-previous .ap-slider-new-fix-slide.is-active {
    animation: ap-slider-fix-cards-previous .68s cubic-bezier(.16, .78, .24, 1) both;
}

.ap-slider-effect-cube.ap-slider-direction-next .ap-slider-new-fix-slide.is-active {
    animation: ap-slider-fix-cube-next .7s cubic-bezier(.2, .72, .22, 1) both;
    transform-origin: left center;
}

.ap-slider-effect-cube.ap-slider-direction-previous .ap-slider-new-fix-slide.is-active {
    animation: ap-slider-fix-cube-previous .7s cubic-bezier(.2, .72, .22, 1) both;
    transform-origin: right center;
}

.ap-slider-effect-curtain .ap-slider-new-fix-slide.is-active {
    animation: ap-slider-fix-curtain .72s cubic-bezier(.22, .72, .2, 1) both;
}

.ap-slider-effect-diagonal.ap-slider-direction-next .ap-slider-new-fix-slide.is-active {
    animation: ap-slider-fix-diagonal-next .72s cubic-bezier(.22, .72, .2, 1) both;
}

.ap-slider-effect-diagonal.ap-slider-direction-previous .ap-slider-new-fix-slide.is-active {
    animation: ap-slider-fix-diagonal-previous .72s cubic-bezier(.22, .72, .2, 1) both;
}

.ap-slider-effect-elastic .ap-slider-new-fix-slide.is-active {
    animation: ap-slider-fix-elastic .78s cubic-bezier(.2, .8, .2, 1) both;
}

.ap-slider-effect-iris .ap-slider-new-fix-slide.is-active {
    animation: ap-slider-fix-iris .78s cubic-bezier(.22, .72, .2, 1) both;
}

@keyframes ap-slider-fix-fade {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes ap-slider-fix-slide-next {
    from { opacity: .28; transform: translate3d(7%, 0, 0); }
    to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes ap-slider-fix-slide-previous {
    from { opacity: .28; transform: translate3d(-7%, 0, 0); }
    to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes ap-slider-fix-zoom {
    from { opacity: .2; transform: scale(.94); }
    to { opacity: 1; transform: scale(1); }
}

@keyframes ap-slider-fix-flip {
    from { opacity: .2; transform: rotateY(-8deg) scale(.98); }
    to { opacity: 1; transform: rotateY(0) scale(1); }
}

@keyframes ap-slider-fix-cinematic {
    from { filter: blur(5px) saturate(.7); opacity: .15; transform: scale(1.035); }
    to { filter: blur(0) saturate(1); opacity: 1; transform: scale(1); }
}

@keyframes ap-slider-fix-coverflow-next {
    from { opacity: .2; transform: translate3d(9%, 0, -120px) rotateY(-11deg) scale(.94); }
    to { opacity: 1; transform: translate3d(0, 0, 0) rotateY(0) scale(1); }
}

@keyframes ap-slider-fix-coverflow-previous {
    from { opacity: .2; transform: translate3d(-9%, 0, -120px) rotateY(11deg) scale(.94); }
    to { opacity: 1; transform: translate3d(0, 0, 0) rotateY(0) scale(1); }
}

@keyframes ap-slider-fix-cards-next {
    from { opacity: .18; transform: translate3d(6%, -2%, 0) rotateZ(2.4deg) scale(.94); }
    72% { opacity: 1; transform: translate3d(-.5%, 0, 0) rotateZ(-.25deg) scale(1.006); }
    to { opacity: 1; transform: translate3d(0, 0, 0) rotateZ(0) scale(1); }
}

@keyframes ap-slider-fix-cards-previous {
    from { opacity: .18; transform: translate3d(-6%, -2%, 0) rotateZ(-2.4deg) scale(.94); }
    72% { opacity: 1; transform: translate3d(.5%, 0, 0) rotateZ(.25deg) scale(1.006); }
    to { opacity: 1; transform: translate3d(0, 0, 0) rotateZ(0) scale(1); }
}

@keyframes ap-slider-fix-cube-next {
    from { opacity: .18; transform: rotateY(16deg) translateZ(-45px); }
    to { opacity: 1; transform: rotateY(0) translateZ(0); }
}

@keyframes ap-slider-fix-cube-previous {
    from { opacity: .18; transform: rotateY(-16deg) translateZ(-45px); }
    to { opacity: 1; transform: rotateY(0) translateZ(0); }
}

@keyframes ap-slider-fix-curtain {
    from { clip-path: inset(0 49.8% 0 49.8%); opacity: .45; }
    to { clip-path: inset(0 0 0 0); opacity: 1; }
}

@keyframes ap-slider-fix-diagonal-next {
    from { clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); opacity: .5; }
    to { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); opacity: 1; }
}

@keyframes ap-slider-fix-diagonal-previous {
    from { clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); opacity: .5; }
    to { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); opacity: 1; }
}

@keyframes ap-slider-fix-elastic {
    from { opacity: .15; transform: scale(.86); }
    58% { opacity: 1; transform: scale(1.025); }
    78% { transform: scale(.992); }
    to { opacity: 1; transform: scale(1); }
}

@keyframes ap-slider-fix-iris {
    from { clip-path: circle(0 at 50% 50%); opacity: .45; }
    to { clip-path: circle(76% at 50% 50%); opacity: 1; }
}

.ap-slider-fix-story {
    direction: rtl;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    position: relative;
}

.ap-slider-fix-lead {
    grid-column: 1;
    grid-row: 1 / -1;
}

.ap-slider-fix-small {
    grid-column: 2;
}

.ap-slider-fix-count-1 .ap-slider-fix-lead {
    grid-column: 1 / -1;
}

.ap-slider-fix-count-2 .ap-slider-fix-small {
    grid-row: 1 / -1;
}

.ap-slider-fix-count-3 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
}

.ap-slider-fix-link,
.ap-slider-fix-image,
.ap-slider-fix-story .ap-post-block-image {
    display: block;
    height: 100%;
    width: 100%;
}

.ap-slider-fix-image,
.ap-slider-fix-story .ap-post-block-image {
    object-fit: cover;
    transition: transform .45s ease;
}

.ap-slider-fix-link:hover .ap-slider-fix-image,
.ap-slider-fix-link:focus-visible .ap-slider-fix-image {
    transform: scale(1.025);
}

.ap-slider-fix-shade {
    background: linear-gradient(180deg, transparent 45%, rgba(4, 13, 20, .72) 100%);
    inset: 0;
    pointer-events: none;
    position: absolute;
}

.ap-slider-fix-title {
    background: var(--ap-slider-fix-accent);
    background: color-mix(in srgb, var(--ap-slider-fix-accent) 88%, transparent);
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 700;
    inset-inline: 0;
    line-height: 1.35;
    padding: 9px 13px;
    position: absolute;
    text-align: right;
}

.ap-slider-fix-lead .ap-slider-fix-title {
    font-size: 20px;
    padding: 12px 18px;
}

.ap-slider-fix-category {
    background: #fff;
    color: #172832;
    font-size: 10px;
    font-weight: 700;
    inset-block-start: 10px;
    inset-inline-end: 10px;
    line-height: 1;
    padding: 6px 8px;
    position: absolute;
    z-index: 2;
}

.ap-slider-fix-arrow {
    align-items: center;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: rgba(9, 24, 34, .2);
    background: color-mix(in srgb, var(--ap-slider-fix-accent) 28%, transparent);
    border: 1px solid rgba(255,255,255,.52);
    border-radius: 50%;
    box-shadow: 0 2px 9px rgba(17, 42, 56, .12);
    color: rgba(255,255,255,.92);
    cursor: pointer;
    display: flex;
    font-size: 25px;
    height: 38px;
    justify-content: center;
    line-height: 1;
    padding: 0 0 3px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-shadow: 0 1px 3px rgba(0,0,0,.35);
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
    width: 38px;
    z-index: 5;
}

.ap-slider-fix-arrow:hover,
.ap-slider-fix-arrow:focus-visible {
    background: rgba(9, 24, 34, .38);
    background: color-mix(in srgb, var(--ap-slider-fix-accent) 48%, transparent);
    border-color: rgba(255,255,255,.76);
    transform: translateY(-50%) scale(1.04);
}

.ap-slider-fix-previous { left: 12px; }
.ap-slider-fix-next { right: 12px; }

.ap-slider-fix-dots {
    bottom: 12px;
    display: flex;
    gap: 6px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 5;
}

.ap-slider-fix-dot {
    background: rgba(255,255,255,.55);
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(0,0,0,.15);
    height: 7px;
    width: 7px;
}

.ap-slider-fix-dot.is-active {
    background: #fff;
    transform: scale(1.28);
}

@media (max-width: 767px) {
    .ap-slider-new-fix-slide {
        aspect-ratio: auto;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: minmax(240px, 58vw) minmax(90px, 28vw);
        min-height: 0;
    }

    .ap-slider-fix-lead {
        grid-column: 1 / -1;
        grid-row: 1;
    }

    .ap-slider-fix-small {
        grid-column: auto;
        grid-row: 2;
    }

    .ap-slider-fix-title {
        font-size: 11px;
        padding: 6px 8px;
    }

    .ap-slider-fix-lead .ap-slider-fix-title {
        font-size: 16px;
        padding: 9px 12px;
    }

    .ap-slider-fix-small .ap-slider-fix-category {
        display: none;
    }

    .ap-slider-fix-arrow {
        font-size: 21px;
        height: 30px;
        width: 30px;
    }

    .ap-slider-fix-previous { left: 5px; }
    .ap-slider-fix-next { right: 5px; }
    .ap-slider-fix-dots { bottom: 7px; }
}

.ap-post-slider-new-fix.ap-post-column-1 .ap-slider-new-fix-slide,
.ap-post-slider-new-fix.ap-post-column-2 .ap-slider-new-fix-slide {
    aspect-ratio: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: minmax(240px, 58vw) minmax(90px, 28vw);
    min-height: 0;
}

.ap-post-slider-new-fix.ap-post-column-1 .ap-slider-fix-lead,
.ap-post-slider-new-fix.ap-post-column-2 .ap-slider-fix-lead {
    grid-column: 1 / -1;
    grid-row: 1;
}

.ap-post-slider-new-fix.ap-post-column-1 .ap-slider-fix-small,
.ap-post-slider-new-fix.ap-post-column-2 .ap-slider-fix-small {
    grid-column: auto;
    grid-row: 2;
}

.ap-post-slider-new-fix.ap-post-column-1 .ap-slider-fix-count-1 .ap-slider-fix-lead,
.ap-post-slider-new-fix.ap-post-column-2 .ap-slider-fix-count-1 .ap-slider-fix-lead {
    grid-row: 1 / -1;
}

@media (prefers-reduced-motion: reduce) {
    .ap-slider-new-fix-slide.is-active,
    .ap-slider-fix-image,
    .ap-slider-fix-arrow {
        animation: none !important;
        transition-duration: .01ms !important;
    }
}