/**
 * @info Additional styles for the home template
 */


:is(h2) {
  
  /* position: sticky; */
}

@media (width >= 1100px) {

main #intro-teaser {
  /* display: none; */
  position: absolute;
  left: 45%;
  top: 2%;
}




main #video-teaser {
  /* display: none; */
  position: relative;
  left: 10%;
  top: 35%;
  z-index: 1;
  transition: opacity var(--transition-link);
}

section:has(block-video.is-playing) #video-teaser {
  z-index: -1;
  opacity: .6;
}

block-video.is-playing video-player {
  box-shadow: 0 5px 30px -5px rgba(0,0,0,0.15);
}
}

@media (width >= 700px) {

  main > section:nth-of-type(1) > [data-col="1/2:1"] {
    /* grid-column: 2 / 24; */
    grid-row: 1;
    z-index:10;
  }

  main > section:nth-of-type(1) > [data-col="1/2:2"] {
    grid-column: half-2-start / full-end;
    grid-row: 1;
    /* max-width: 80ch; */
  }
}

@media (width >= 1100px) {
  main > section:nth-of-type(1) > [data-col="1/2:2"] {
    grid-column: 19 / full-end;
    
  }
}