/* SKY only. Measurements and translucent surfaces follow the observed reference CSS.
   Original assets are copied byte-for-byte; see source-manifest.json. */
.sky-home.app {
    padding-top: min(11.733vw, 50.219px);
    background: #151e34 url('/static/brands/sky/home-bg.png') repeat-y top / 100% 100%;
}
.sky-home.app::before { display: none; }
.sky-home .topbar {
    height: min(11.733vw, 50.219px);
    padding: min(3.2vw, 13.696px);
    background: transparent;
    box-shadow: none;
    backdrop-filter: blur(min(13.333vw, 57.067px));
    -webkit-backdrop-filter: blur(min(13.333vw, 57.067px));
}
.sky-home .hero {
    margin: min(2.133vw, 9.131px) min(2.667vw, 11.413px) 0 min(3.733vw, 15.979px);
    height: min(16.533vw, 70.763px);
    border-radius: min(2.4vw, 10.272px);
    background: transparent;
    box-shadow: none;
}
.sky-home .hero-slide {
    object-fit: contain;
    border-radius: min(2.4vw, 10.272px);
    animation-name: skyHeroFade;
    animation-duration: 15s;
}
.sky-home .hero-slide:nth-child(1) { animation-delay: 0s; }
.sky-home .hero-slide:nth-child(2) { animation-delay: 3s; }
.sky-home .hero-slide:nth-child(3) { animation-delay: 6s; }
.sky-home .hero-slide:nth-child(4) { animation-delay: 9s; }
.sky-home .hero-slide:nth-child(5) { animation-delay: 12s; }
@keyframes skyHeroFade { 0%,18% { opacity: 1; } 20%,99% { opacity: 0; } 100% { opacity: 1; } }
.sky-home .notice-bar {
    top: 0;
    left: 0;
    right: auto;
    width: min(87.2vw, 373.216px);
    height: min(6.4vw, 27.392px);
    padding: 0 min(3.2vw, 13.696px);
    background: rgba(0,0,0,.08);
    backdrop-filter: blur(min(1.333vw, 5.707px));
    -webkit-backdrop-filter: blur(min(1.333vw, 5.707px));
}
.sky-home .dots {
    height: min(6.4vw, 27.392px);
    gap: min(.8vw, 3.424px);
}
.sky-home .dots i,
.sky-home .dots i.active {
    width: min(5.333vw, 22.827px);
    height: min(.533vw, 2.283px);
    background: rgba(255,255,255,.2);
    border-radius: min(1.067vw, 4.565px);
    overflow: hidden;
}
.sky-home .dots i::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #c48bff;
    transform-origin: left;
    transform: scaleX(0);
    animation: skyBannerProgress 15s linear infinite;
}
.sky-home .dots i:nth-child(2)::after { animation-delay: 3s; }
.sky-home .dots i:nth-child(3)::after { animation-delay: 6s; }
.sky-home .dots i:nth-child(4)::after { animation-delay: 9s; }
.sky-home .dots i:nth-child(5)::after { animation-delay: 12s; }
@keyframes skyBannerProgress { 0% { transform: scaleX(0); } 19.99% { transform: scaleX(1); } 20%,100% { transform: scaleX(0); } }
.sky-home .bottom-nav {
    background: linear-gradient(180deg,rgba(64,47,71,.12),rgba(28,4,40,.12));
    box-shadow: inset 0 0 0 min(.267vw,1.141px) rgba(255,255,255,.2);
    backdrop-filter: blur(min(6.667vw,28.533px));
    -webkit-backdrop-filter: blur(min(6.667vw,28.533px));
}
@media (prefers-reduced-motion: reduce) {
    .sky-home .hero-slide, .sky-home .dots i::after { animation: none; }
    .sky-home .hero-slide:first-child { opacity: 1; }
}