/* Above-the-fold rules that must apply before main.css parses.
   Keep tiny — every byte delays first paint. */

[x-cloak]{display:none!important}
.hidden{display:none}
.header__fixed{display:none}

/* Hero container — fixed height so the image's box exists before CSS finishes loading.
   Matches src/styles/swipers/home-hero-v2.scss breakpoints. */
.home-slider{position:relative;overflow:hidden;background:#000;height:480px}
@media (min-width:640px){.home-slider{height:540px}}
@media (min-width:1024px){.home-slider{height:620px}}
@media (min-width:1280px){.home-slider{height:700px}}

/* Hero image — fills the slide, prevents CLS while main.css is in flight. */
.home-slider__swiper{position:absolute;inset:0;width:100%;height:100%}
.home-slider__slide{width:100%;height:100%}
.home-slider__slide img,.home-slider__slide picture{display:block;width:100%;height:100%;object-fit:cover}