@layer sections{
  [ui-section=slideshow]{
    --per-page:1;
    display:flex;
    flex-direction:column;
    padding-block:var(--top-spacing) var(--bottom-spacing) !important;
    padding-inline:var(--spacing-0) !important;
    gap:var(--spacing-24);
  }
  [ui-section=slideshow] [ui-slot=carousel]{
    padding-inline:8%;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item]{
    position:relative;
    background-color:transparent !important;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .media{
    position:relative;
    height:clamp(360px, var(--height), 640px);
    overflow:hidden;
    border-radius:var(--radius-slide);
    filter:brightness(var(--overlay));
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content{
    display:flex;
    position:absolute;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    height:100%;
    padding:var(--spacing-64);
    gap:var(--spacing-16);
    inset:0;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content [ui-slot=head]{
    align-items:inherit !important;
    width:100%;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content [ui-slot=head] .heading,
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content [ui-slot=head] .subheading{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content [ui-slot=head][data-height="75"] .heading{
    -webkit-line-clamp:2;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content [ui-slot=head][data-height="75"] .subheading{
    -webkit-line-clamp:3;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content [ui-slot=head][data-height="60"] .heading{
    -webkit-line-clamp:1;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content [ui-slot=head][data-height="60"] .subheading{
    -webkit-line-clamp:2;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content [ui-slot=head][data-height="35"] .heading{
    -webkit-line-clamp:1;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content [ui-slot=head][data-height="35"] .subheading{
    -webkit-line-clamp:1;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content .description{
    color:color-mix(in hsl, currentcolor 80%, transparent) !important;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content .cta{
    width:-moz-fit-content;
    width:fit-content;
    margin-block-start:var(--spacing-24);
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content .cta[ui-slot=button]{
    min-width:180px;
  }
  [ui-section=slideshow] .pagination{
    display:flex;
    position:relative;
    left:50%;
    align-items:center;
    justify-content:center;
    width:-moz-fit-content;
    width:fit-content;
    transform:translateX(-50%);
  }
  [dir="rtl"] [ui-section=slideshow] .pagination{
    right:50%;
    left:auto;
    transform:translateX(50%);
  }
  [ui-section=slideshow] .pagination [ui-carousel=marker]{
    display:flex;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    transition:var(--transition-standard-default-spatial);
    border:none;
    background-color:transparent;
    color:var(--color-primary);
    cursor:pointer;
  }
  [ui-section=slideshow] .pagination [ui-carousel=marker]::before{
    content:"";
    display:flex;
    width:var(--spacing-8);
    height:var(--spacing-8);
    transition:var(--transition-standard-default-spatial);
    border-radius:var(--radius-rounded);
    background-color:color-mix(in srgb, currentcolor 38%, transparent);
  }
  [ui-section=slideshow] .pagination [ui-carousel=marker][aria-selected=true]{
    width:var(--spacing-48);
  }
  [ui-section=slideshow] .pagination [ui-carousel=marker][aria-selected=true]::before{
    width:inherit;
    background-color:currentcolor;
  }
  @media (min-width: 769.02px){
    [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content{
      color:var(--color-on-primary);
    }
    [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content [ui-slot=head]{
      text-align:start !important;
    }
    [ui-section=slideshow] .pagination[data-position=inside]{
      margin-block-start:calc(var(--spacing-64) * -1);
    }
  }
  @media (max-width: 769px){
    [ui-section=slideshow]{
      --item-size:100% !important;
    }
    [ui-section=slideshow] [ui-slot=carousel]{
      padding-inline:var(--spacing-0);
    }
    [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .media{
      height:auto;
      max-height:75vh;
      aspect-ratio:1 / 1;
    }
    [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content{
      padding:var(--spacing-24);
    }
    [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item][data-alignment=center] .content{
      align-items:center !important;
      text-align:center !important;
    }
    [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item][data-alignment=end] .content{
      align-items:flex-end !important;
      text-align:end !important;
    }
    [ui-section=slideshow][data-show-content-bellow-image="1"] [ui-slot=carousel] [ui-slot=carousel-item] .content{
      position:static;
      align-items:center;
      height:auto;
      padding:var(--spacing-24) var(--spacing-16) var(--spacing-8);
      text-align:center;
    }
  }

  /* ---- Image quality & cropping ---- */
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .media picture,
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
  }
  /* ---- Readability gradient over the image ---- */
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .media::after{
    content:"";
    position:absolute;
    pointer-events:none;
    inset:0;
    background:linear-gradient(90deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.30) 45%, rgba(0,0,0,0) 80%);
  }
  [dir="rtl"] [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .media::after{
    background:linear-gradient(270deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.30) 45%, rgba(0,0,0,0) 80%);
  }
  /* ---- Typography ---- */
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content [ui-slot=head]{
    max-width:560px;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content .subheading{
    font-size:clamp(.9rem, 1.4vw, 1.1rem);
    font-weight:600;
    letter-spacing:.02em;
    opacity:.95;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content .heading{
    font-size:clamp(1.6rem, 4vw, 3.1rem);
    font-weight:800;
    line-height:1.3;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content .description{
    font-size:clamp(.95rem, 1.4vw, 1.15rem);
    line-height:1.7;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content .cta{
    box-shadow:0 8px 24px rgba(0,0,0,.18);
  }
  @media (min-width: 769.02px){
    [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content{
      padding-inline:clamp(32px, 6vw, 88px);
    }
    [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content .heading,
    [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content .subheading,
    [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content .description{
      text-shadow:0 2px 14px rgba(0,0,0,.45);
    }
    [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content .description{
      color:rgba(255,255,255,.92) !important;
    }
  }
  @media (max-width: 769px){
    [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .media{
      border-radius:var(--radius-slide);
    }
    /* content below the image: no dark gradient, normal text colors */
    [ui-section=slideshow][data-show-content-bellow-image="1"] [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .media::after{
      display:none;
    }
    [ui-section=slideshow][data-show-content-bellow-image="1"] [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content .description{
      color:inherit !important;
      opacity:.8;
    }
    /* content over the image: white text, bottom gradient */
    [ui-section=slideshow]:not([data-show-content-bellow-image="1"]) [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .media::after{
      background:linear-gradient(0deg, rgba(0,0,0,.65) 0%, rgba(0,0,0,.25) 55%, rgba(0,0,0,0) 100%);
    }
    [ui-section=slideshow]:not([data-show-content-bellow-image="1"]) [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content{
      justify-content:flex-end;
      color:#fff;
    }
    [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content .cta[ui-slot=button]{
      min-width:160px;
    }
  }
}
@layer overrides{
  @media (min-width: 769.02px){
    [data-intensity=as-solid-bg] [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content,
    [data-intensity=as-solid-bg][ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content,
    [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content{
      color:#fff;
    }
  }
}