/* Critical CSS - Above the fold */ *,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%;line-height:1.15} body{margin:0;font-family:var(--font-text,system-ui,-apple-system,sans-serif)} img,video{max-width:100%;height:auto;display:block} /* Header critical */ .header{position:sticky;top:0;z-index:1000;background:var(--header-bg,#fff)} .header__container{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:0 20px;height:var(--header-height,80px)} .header__logo-img{max-height:60px;width:auto} .header__desktop{display:flex;align-items:center;gap:20px;width:100%} .header__mobile{display:none} /* Banner critical */ .banners{position:relative;min-height:300px} .banners__fullwidth-video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;opacity:0;transition:opacity .3s} .banners__fullwidth-video[data-loaded="true"]{opacity:1} /* Content skeleton */ .content{max-width:1400px;margin:0 auto;padding:20px} /* Mobile */ @media(max-width:1210px){ .header__desktop{display:none} .header__mobile{display:flex;align-items:center;justify-content:space-between;width:100%} }