/* Responsive breakpoints for the scene hero/countdown (768px/480px, matching
   the site's other breakpoints). Not related to Skeleton -- see style.css. */


/* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 959px) {
  }


/* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {

/* general */
.scene__intro {
left: 80px;
bottom: 66px;
}

.scene__title {
font-size: 125px;
margin: 4px 0 7px -4px;
}

  }


/* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 767px) {
  }


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 767px) {

/* general */
.scene__intro {
left: 20px;
bottom: 57px;
}

/* overlay: split/log-entry are rebuilt as two standalone slides in JS below
   this breakpoint, so .slide-split/.slide-log-entry (2-col grid) themselves
   never render here -- only tighten padding/type size on the smaller frame */
.slide-editorial .overlay-slide__body,
.split-text,
.log-entry-list {
padding: 30px 24px;
}

.overlay-slide__title {
font-size: 40px;
}

.overlay-slide__text {
font-size: 14px;
}

.slide-editorial .overlay-slide__image {
flex-basis: 38%;
}

.overlay-stats-grid {
gap: 30px;
}

.overlay-stat__value {
font-size: 60px;
}

.log-entry-media {
padding: 20px;
}

.scene__author,
.scene__countdown-wrapper {
font-size: 20px;
}

.scene__title {
font-size: 70px;
line-height: 70px;
margin: 2px 0 2px -2px;
}

/* borders */
.borders {
display: none;
visibility: hidden;
}

/* countdown */
.scene__countdown-wrapper {
display: none;
visibility: hidden;
}

ul.scene__countdown li {
width: 60px;
text-align: left;
}

ul.scene__countdown li span {
font-size: 35px;
}

ul.scene__countdown li p.timeRefDays,
ul.scene__countdown li p.timeRefHours,
ul.scene__countdown li p.timeRefMinutes,
ul.scene__countdown li p.timeRefSeconds {
font-size: 18px;
}

  }


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {

/* general */
.scene__intro {
left: 20px;
bottom: 73px;
}

/* overlay: same reasoning as the 480-767px block above */
.slide-editorial .overlay-slide__body,
.split-text,
.log-entry-list {
padding: 24px 20px;
}

.overlay-slide__title {
font-size: 32px;
}

.overlay-slide__text {
font-size: 13px;
}

.overlay-stats-grid {
gap: 20px;
}

.overlay-stat__value {
font-size: 48px;
}

.log-entry-media {
padding: 16px;
gap: 8px;
}

.scene__author,
.scene__countdown-wrapper {
font-size: 20px;
}

.scene__title {
font-size: 70px;
line-height: 70px;
margin: 2px 0 6px -2px;
}

/* borders */
.borders {
display: none;
visibility: hidden;
}

/* countdown */
.scene__countdown-wrapper {
left: 0;
}

ul.scene__countdown li {
width: 60px;
text-align: left;
}

ul.scene__countdown li span {
font-size: 35px;
}

ul.scene__countdown li p.timeRefDays,
ul.scene__countdown li p.timeRefHours,
ul.scene__countdown li p.timeRefMinutes,
ul.scene__countdown li p.timeRefSeconds {
font-size: 19px;
margin: -6px 0 0 0;
}

  }