/* === CDTS × Classic: Ultra‑wide 32:9 handling (Lake v1.2) === */
:root{
  --cdts-hero-ultra: url('https://support.cdts.com.au/cdts-support-bg-skyline-lake-ultrawide-3840x1080.png');
  --cdts-hero-lg:    url('https://support.cdts.com.au/cdts-support-bg-skyline-lake-v1.2-2560x1440.png');
  --cdts-hero-md:    url('https://support.cdts.com.au/cdts-support-bg-skyline-lake-v1.2-1920x1080.png');
}

body{ background: none !important; }

.portal-home .banner,
.portal-home .portal-header,
.portal-home .hero,
.portal-home .hero-section{
  background-image: var(--cdts-hero-lg) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: 50% 82% !important;
  min-height: 640px;
  display:flex; align-items:center;
  padding-top:72px;
}

/* Laptops/tablets */
@media (max-width: 1199.98px){
  .portal-home .banner,
  .portal-home .portal-header,
  .portal-home .hero,
  .portal-home .hero-section{
    background-image: var(--cdts-hero-md) !important;
    min-height: 480px;
    padding-top:56px;
    background-position: 50% 78% !important;
  }
}

/* Ultra‑wide 32:9 */
@media (min-aspect-ratio: 32/9), (min-width: 3400px) and (max-height: 1300px){
  .portal-home .banner,
  .portal-home .portal-header,
  .portal-home .hero,
  .portal-home .hero-section{
    background-image: var(--cdts-hero-ultra) !important;
    background-position: 50% 92% !important;
    min-height: 70vh;
  }
}