/* ── Fixed hero background — content scrolls OVER it (desktop only) ── */
.ig-dest-hero--atv {
    position: relative;
    z-index: 0;
    clip-path: inset(0);
}
.ig-dest-hero--atv .ig-dest-hero__bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    min-height: 100vh;
    z-index: 0;
}
/* Mobile: disable fixed bg — causes layout bugs on iOS */
@media(max-width:767px) {
    .ig-dest-hero--atv {
        clip-path: none;
    }
    .ig-dest-hero--atv .ig-dest-hero__bg {
        position: absolute;
        height: 100%;
        min-height: auto;
    }
}

/* Content wrapper rises above the fixed hero */
.ig-atv-content {
    position: relative;
    z-index: 2;
    background: #fff;
}
/* Rounded top edge — Apple-style reveal */
.ig-atv-content::before {
    content: '';
    display: block;
    height: 12px;
    margin-top: -12px;
    border-radius: 16px 16px 0 0;
    background: #fff;
    position: relative;
    z-index: 2;
}
@media(max-width:767px) {
    .ig-atv-content {
        background: none;
    }
    .ig-atv-content::before {
        display: none;
    }
}

/* Feature images: overflow hidden for scale animation */
.ig-apple-feature__visual {
    overflow: hidden;
    border-radius: 16px;
}
/* Cinematic entrance for feature sections */
.ig-apple-feature[data-atv] {
    opacity: 0;
    transform: translateY(80px);
    transition: opacity 0.9s cubic-bezier(0.25, 1, 0.5, 1),
                transform 0.9s cubic-bezier(0.25, 1, 0.5, 1);
}
.ig-apple-feature[data-atv="visible"] {
    opacity: 1;
    transform: translateY(0);
}
/* Feature image scale entrance */
.ig-apple-feature__img[data-atv-img] {
    transform: scale(1.15);
    transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1);
}
.ig-apple-feature[data-atv="visible"] .ig-apple-feature__img[data-atv-img] {
    transform: scale(1);
}
/* Carousel sections cinematic entrance */
.ig-apple-section[data-atv-section] {
    opacity: 0;
    transform: translateY(60px) scale(0.97);
    transition: opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1),
                transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}
.ig-apple-section[data-atv-section="visible"] {
    opacity: 1;
    transform: translateY(0) scale(1);
}
/* Intro text fade-in */
.ig-apple-section--intro[data-atv-intro] {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 1s cubic-bezier(0.25, 1, 0.5, 1),
                transform 1s cubic-bezier(0.25, 1, 0.5, 1);
}
.ig-apple-section--intro[data-atv-intro="visible"] {
    opacity: 1;
    transform: translateY(0);
}
/* Cascade card reveal — cards inside carousels/grids */
.ig-atv-card {
    opacity: 0;
    transform: translateX(60px) scale(0.93);
    transition: opacity 0.65s cubic-bezier(0.25, 1, 0.5, 1),
                transform 0.65s cubic-bezier(0.25, 1, 0.5, 1);
}
.ig-atv-card--grid {
    transform: translateY(40px) scale(0.93);
}
.ig-atv-card.ig-atv-card--in {
    opacity: 1;
    transform: translateX(0) scale(1);
}
@media (prefers-reduced-motion: reduce) {
    .ig-dest-hero--atv .ig-dest-hero__bg { position: absolute; }
    .ig-apple-feature[data-atv],
    .ig-apple-section[data-atv-section],
    .ig-apple-section--intro[data-atv-intro],
    .ig-atv-card {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    .ig-apple-feature__img[data-atv-img] {
        transform: none !important;
        transition: none !important;
    }
}