main {
  background-color: unset;
}

.section-hero .inline-media-container .inline-media-ui {
  display: none;
}

[data-component-list=InlineMedia] .play-pause-button {
  background: #fff;
}

[data-component-list=InlineMedia] .play-pause-button:hover {
  background: rgba(250,250,250,0.7);
}

.paddlenav-alpha {
  --sk-paddlenav-background: #fff;
  --sk-paddlenav-background-hover: rgba(250,250,250,0.7);
}

.scroll-gallery-playpause-container .scroll-gallery-playpause-button .icon-control {
  --icon-scrim-color: #fff;
  --icon-scrim-color-hover: rgba(250,250,250,0.7);
}

#main [data-module-template="heroes"].collection-module {
  /* margin-top: var(--gutter-width); */
}

#hala_w_sahla + .inline-media-ui {
  display: none;
}

.section-hero .image-container, 
.section-hero .overview-hero-wwdc25 {
  height: 734px;
}

.section-hero {
  margin-top: unset;
  height: 774px;
}

.section-hero {
   background-image: linear-gradient(to bottom, #F8F8FF, #EBE6FE);
}

.section-hero .overview-hero-wwdc25 {
  width: 100%;
}

[data-component-list=InlineMedia] video {
  width: unset;
}

.section-hero .image-container {
  width: auto;
}

 .section-hero video {
  margin-top: 57px;
  width: auto;
  height: 734px;
}

.section-os-gallery .subhead-os-gallery {
  font-weight: 400;
}

.section-hero .copy-container {
  z-index: 5;
  position: absolute;
  padding-top: 525px;
}

.section-hero .headline {
  font-size: 56px;
  font-weight: 600;
  letter-spacing: -0.005em;
  line-height: 1.07143;
  font-family: 'SF Pro Display', 'SF Pro Icons', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

.section-hero .subhead-hero {
  font-size: 28px;
  font-weight: 400;
  margin-top: 5px;
}

.section-hero .cta-container {
  margin-top: 19px;
}

.section-hero .subhead-tagline {
  font-size: 28px;
}

.section-hero .subhead.subhead-tagline {
  margin-top: 1px;
}

@media screen and (min-width: 1069px) {
  .section-hero .subhead.subhead-tagline {
    letter-spacing: -1.36px;
  }
}

@media screen and (min-width: 735px) and (max-width: 1068px) {
  .section-hero .subhead.subhead-tagline {
    line-height: 28px;
    letter-spacing: -0.07em;
  }
}

.section-os-gallery {
  background-color: #ebe6fe;
}

.section-os-gallery .card-set .card.tile.tile-rounded {
  display: flex;
  flex-direction: column-reverse;
}

.caption-tile .card {
  --sk-fill-tertiary: #fff;
}

.caption-tile .card .card-area-topic-container {
  padding-bottom: 48px;
}

/* .section-hero .section-content {
  margin-bottom: 0;
  padding-bottom: 50px;
} */

.section-hero .section-content {
  padding-bottom: unset;
}

.section-os-gallery .button {
  margin-top: 15px;
}

#overview-hero-wwdc25-1 {
  position: relative;
  top: 57px;
}

[data-component-list=InlineMedia] .inline-media-ui {
  height: 92%;
}

#os-gallery button.scroll-gallery-playpause-button {
  display: none;
}

/* BTS */
.homepage-section > * {
  letter-spacing: normal;
}

.homepage-section .button-tertiary {
    background: rgba(0, 0, 0, 0);
    color: #06c;
    border-color: #06c;
}

/* BTS */

@media screen and (max-width: 1068px) {
  /* .caption-tile .card .card-area-topic-container {
    padding-bottom: 60px;
  } */

  .section-hero .headline {
    font-size: 48px;
  }

  [data-component-list=InlineMedia] .inline-media-ui {
  height: 98%;
  }

  .section-os-gallery .button {
    margin-top: 11px;
  }

  .section-hero .button.button-super {
    --sk-button-padding-horizontal: 31px;
    --sk-button-padding-vertical: 18px;
  }

  .section-os-gallery .button-elevated {
    --sk-button-padding-horizontal: 21px;
    --sk-button-padding-vertical: 11px;
    font-size: 17px;
  }

  .section-hero .subhead-tagline {
    font-size: 24px;
  }

  .section-hero {
    height: 642px;
  }

  .section-hero .overview-hero-wwdc25,
  .section-hero .image-container,
  .section-hero video {
    height: 645px;
  }

  .reduced-motion .section-hero .overview-hero-wwdc25,
  .reduced-motion .section-hero .image-container,
  .reduced-motion .section-hero video {
    height: 515px;
  }

  .section-hero video {
    margin-top: 25px;
  }

  #overview-hero-wwdc25-1 {
    top: 26px;
  }

  .section-hero .image-container {
    width: 1068px;
  }

  .section-hero .copy-container {
    padding-top: 430px;
  } 
}

@media screen and (min-width: 735px) and (max-width: 1068px) {
  .section-hero video {
      width: 100%;
      object-fit: cover;
  }

  .section-hero {
    padding-top: 23px;
  }
}

@media screen and (max-width: 734px) {
  [data-component-list=InlineMedia] .inline-media-ui {
    top: -48px;
  }

  .caption-tile .card .card-area-topic-container {
    padding-bottom: 32px;
  }

  .section-hero {
    height: unset;
  }

  .section-os-gallery {
    padding-top: 35px;
  }

  .section-hero .headline {
    font-size: 32px;
  }

  .section-hero .subhead-tagline {
    font-size: 19px;
  }

  .section-hero video {
    height: 515px;
    margin-top: 36px;
  }

  .section-hero .copy-container {
    padding-top: 354px;
  }

  .section-hero .image-container {
    height: 515px;
  }

  #overview-hero-wwdc25-1 {
    top: 36px;
  }

  .section-hero .image-container {
    width: auto;
  }

  .section-hero .button.button-super {
    --sk-button-padding-horizontal: 22px;
    --sk-button-padding-vertical: 12px;
  }

  .section-os-gallery .button-elevated {
    --sk-button-padding-horizontal: 14px;
    --sk-button-padding-vertical: 9px;
    font-size: 14px;
  }

  .unit-copy-wrapper .subhead.subhead-tagline {
    line-height: 23px;
    margin-top: 6px;
    letter-spacing: -0.023em;
  }

  .scroll-gallery-playpause-container {
    bottom: 11px;
  }

  .scroll-gallery-paddlenav {
    --paddlenav-padding: 29px;
  }

  .section-hero {
    padding-top: 5px;
  } 

  .pg-takedown .section-content {
    margin-bottom: unset;
  }

  .pg-takedown.section-hero {
    padding-bottom: 20px;
  }
}