@scrippsproduct/entertainment-sites-css 0.0.1

package/dist/css/home.css

@@ -0,0 +1,592 @@
+#carousel-homepage-banner > ol {
+  box-shadow: 10px 10px 26px rgba(0, 0, 0, 0.3), -2px -2px 10px rgba(0, 0, 0, 0.2);
+}
+#carousel-homepage-banner .slide {
+  align-items: stretch;
+  display: block;
+}
+#carousel-homepage-banner .slide > * {
+  place-items: unset;
+}
+#carousel-homepage-banner image-card {
+  height: unset;
+  padding-bottom: 0;
+}
+#carousel-homepage-banner image-card a {
+  text-decoration: none;
+}
+#carousel-homepage-banner .image-card__overlay-content {
+  text-transform: uppercase;
+  font-size: 1.5em;
+  font-weight: 600;
+  padding: 0 5rem 5rem;
+  line-height: 1.25;
+}
+#carousel-homepage-banner .image-card__overlay-content > h1 {
+  font-size: clamp(1em, 3vw + 1em, 3em);
+  font-weight: 600;
+  margin-bottom: 0;
+}
+#carousel-homepage-banner .image-card__overlay-content .airdate-formatter__pipe {
+  vertical-align: bottom;
+  font-size: 1.5em;
+  font-weight: 300;
+}
+#carousel-homepage-banner .image-card__overlay-content .airdate-formatter__time {
+  font-size: 1.125em;
+  text-transform: none;
+}
+#carousel-homepage-banner .image-card__overlay-content .airdate-formatter__central-time {
+  text-transform: none;
+}
+#carousel-homepage-banner .carousel-controls__previous,
+#carousel-homepage-banner .carousel-controls__next {
+  color: #fff;
+  top: calc(50% - 0.5rem);
+}
+#carousel-homepage-banner .carousel-nav {
+  padding: 1rem 0 0;
+}
+#carousel-homepage-banner .carousel-nav > ol {
+  gap: 1.5rem;
+}
+#carousel-homepage-banner .carousel-nav__item {
+  border: 2px solid #fff;
+  transition: scale 0.325s ease-out;
+  flex-basis: 0.8rem;
+  min-width: 0.8rem;
+  max-width: 0.8rem;
+  height: 0.8rem;
+}
+#carousel-homepage-banner .carousel-nav__item[data-current=true] {
+  background-color: #fff;
+  scale: 1.3;
+}
+#carousel-homepage-banner .slide[inert] {
+  opacity: 1;
+}
+#carousel-homepage-banner .show-slide__logo-wrapper > img {
+  max-width: clamp(18rem, 30vw + 1rem, 30rem);
+  max-height: clamp(3.2rem, 4.6vw + 1rem, 8rem);
+}
+#carousel-homepage-banner img {
+  transition: all 0.325s ease-in-out;
+  transform-origin: bottom;
+}
+#carousel-homepage-banner .image-card__img-wrapper {
+  overflow: hidden;
+}
+#carousel-homepage-banner .show-slide:hover a picture > img,
+#carousel-homepage-banner .image-card-slide:hover a picture > img {
+  transform: scale(1.02);
+  filter: brightness(1.15) contrast(1.15);
+}
+
+.brand-promotion-carousel {
+  overflow: hidden;
+  background-color: rgba(235, 100, 10, 0.1);
+  background-image: linear-gradient(to bottom, rgb(255, 126, 0), transparent);
+}
+
+#carousel-brand-promotion .carousel-controls__previous,
+#carousel-brand-promotion .carousel-controls__next {
+  color: #fff;
+}
+
+.carousel-controls__previous,
+.carousel-controls__next {
+  background-color: transparent;
+  color: var(--theme-color-400);
+}
+
+.on-now-section {
+  --_padding-inline-start: 33%;
+}
+.on-now-section > content-constrainer {
+  gap: 4rem;
+  display: grid;
+  align-items: center;
+  grid-template-columns: 1fr 1fr;
+  padding-block: 5rem;
+}
+.on-now-section .program-airdate {
+  padding-inline-start: var(--_padding-inline-start);
+  font-size: 1.5rem;
+  color: var(--mono-color-400);
+  align-self: flex-start;
+}
+.on-now-section .program-airdate strong {
+  font-weight: 600;
+}
+.on-now-section .program-airdate > div:first-of-type {
+  font-weight: 700;
+}
+.on-now-section .cta-block__cta {
+  transition: scale 0.325s ease-out;
+}
+.on-now-section .cta-block__cta:hover {
+  scale: 1.05;
+}
+.on-now-section loading-wrapper {
+  grid-column: -1/1;
+}
+.on-now-section loading-wrapper,
+.on-now-section error-handler {
+  min-height: 24rem;
+}
+.on-now-section .string-list__pipe {
+  vertical-align: baseline;
+}
+@media screen and (max-width: 2250px) {
+  .on-now-section {
+    --_padding-inline-start: 25%;
+  }
+}
+@media screen and (max-width: 1360px) {
+  .on-now-section {
+    --_padding-inline-start: 10%;
+  }
+}
+@media screen and (max-width: 1240px) {
+  .on-now-section {
+    --_padding-inline-start: 0;
+  }
+}
+
+.on-now__series-img {
+  aspect-ratio: 1548/864;
+  -o-object-fit: cover;
+     object-fit: cover;
+  -o-object-position: center;
+     object-position: center;
+}
+
+.program-on-now__image-wrapper {
+  display: grid;
+  justify-self: flex-end;
+  align-self: start;
+  padding-inline-end: var(--_padding-inline-start);
+}
+
+.program-airdate__logo[data-style=gradient] {
+  margin: 1rem 0 2rem;
+  -webkit-mask-size: contain;
+          mask-size: contain;
+  -webkit-mask-position: left center;
+          mask-position: left center;
+  max-width: 23rem;
+}
+
+.program-airdate__logo[class*=missing-logo] {
+  aspect-ratio: unset;
+  max-width: unset;
+  font-size: 2.4rem;
+  font-weight: 900;
+  text-transform: uppercase;
+  line-height: 1.2;
+  letter-spacing: 0.6px;
+}
+
+.promotions-row equal-size-flex-row {
+  gap: 2.75rem;
+  padding-block-end: 1.5rem;
+}
+
+.promotions-row__header {
+  font-weight: 700;
+}
+
+.promotion-section .image-card__content .h4 {
+  font-size: 1.5rem;
+  margin-block-end: 0.5rem;
+}
+.promotion-section .image-card__content .h4 ~ div {
+  font-size: 1.125rem;
+  margin: 0;
+}
+.promotion-section .image-card__cta {
+  font-size: 1.125rem;
+  font-weight: 400;
+  color: var(--theme-color-300);
+}
+.promotion-section equal-size-flex-row[data-item-count="2"] .image-card__play-icon {
+  border-style: solid;
+  scale: 1.2;
+}
+.promotion-section equal-size-flex-row[data-item-count="2"] .image-card__play-icon:hover {
+  scale: 1.35;
+}
+
+#carousel-brand-promotion column-two {
+  width: 100%;
+  height: 77%;
+}
+#carousel-brand-promotion cta-block > div {
+  color: var(--mono-color-100);
+  font-size: 1.5rem;
+  width: 80%;
+  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
+  line-height: 1.3;
+}
+#carousel-brand-promotion cta-block > .h2 {
+  filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.2));
+  width: min(66%, 435px);
+  margin-block-end: 2.4rem;
+}
+#carousel-brand-promotion cta-block cta-wrapper {
+  margin-block-start: 2.4rem;
+}
+#carousel-brand-promotion li[data-index="1"] cta-block .h2 {
+  transform: translate(-1rem, 0.5rem);
+}
+#carousel-brand-promotion .image-container {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+#carousel-brand-promotion .image-container img {
+  -o-object-fit: cover;
+     object-fit: cover;
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  -o-object-position: var(--image-position);
+     object-position: var(--image-position);
+}
+#carousel-brand-promotion .cta-block__cta {
+  font-size: 1.2rem;
+}
+#carousel-brand-promotion .carousel-nav {
+  padding: 1rem 0 0;
+}
+#carousel-brand-promotion .carousel-nav > ol {
+  gap: 1.5rem;
+  width: calc(100% + 4.8rem);
+  transform: translateX(-2.4rem);
+}
+#carousel-brand-promotion .carousel-nav__item {
+  border: 2px solid #fff;
+  transition: scale 0.325s ease-out;
+  flex-basis: 0.8rem;
+  min-width: 0.8rem;
+  max-width: 0.8rem;
+  height: 0.8rem;
+}
+#carousel-brand-promotion .carousel-nav__item[data-current=true] {
+  background-color: #fff;
+  scale: 1.3;
+}
+
+#carousel-featured-shows {
+  color: currentColor;
+  text-decoration: none;
+}
+#carousel-featured-shows image-card {
+  width: 100%;
+}
+#carousel-featured-shows .image-card__content {
+  text-align: center;
+  font-size: 1.4rem;
+  font-weight: 400;
+}
+#carousel-featured-shows .image-card__content > div {
+  margin-top: 0;
+  padding-top: 1.2rem;
+}
+#carousel-featured-shows .image-card__content:empty {
+  display: none;
+}
+#carousel-featured-shows .image-card-slide a {
+  cursor: pointer;
+}
+#carousel-featured-shows img {
+  transition: all 0.325s ease-in-out;
+  transform-origin: bottom;
+}
+#carousel-featured-shows .image-card__img-wrapper {
+  overflow: hidden;
+}
+#carousel-featured-shows .image-card-slide:hover a img {
+  transform: scale(1.02);
+  filter: contrast(1.15) brightness(1.15);
+}
+#carousel-featured-shows image-card a {
+  color: currentColor;
+  text-decoration: none;
+}
+#carousel-featured-shows .carousel-controls__previous {
+  inset-inline-start: calc(var(--_control-btns-offset-x) - var(--_slide-gap));
+}
+#carousel-featured-shows .slide {
+  align-items: flex-start;
+}
+#carousel-featured-shows .slide:only-child .image-card-slide {
+  flex-basis: var(--_slide-cell-size);
+}
+
+.brand-promotion-section .ion-plus-promo cta-block > .h2 {
+  width: min(100%, 320px);
+  transform: translate(-0.9rem, 1rem);
+}
+.brand-promotion-section .image-card__overlay-content {
+  padding-bottom: 0 1rem 2.5rem;
+  font-size: 1.2rem;
+}
+
+.brand-promotion__list {
+  list-style: none;
+  padding: 3rem 0 0;
+  margin: 0 auto;
+  max-width: 37.5rem;
+}
+
+.brand-promotion__item {
+  color: var(--mono-color-100);
+  font-size: 1.5rem;
+  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
+  margin-bottom: 6rem;
+  margin-block-end: 6rem;
+  text-wrap: balance;
+}
+.brand-promotion__item .image-container img {
+  width: 100%;
+}
+.brand-promotion__item cta-block {
+  padding-left: 1rem;
+}
+.brand-promotion__item cta-block .h2 {
+  filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.4));
+  width: min(66%, 250px);
+}
+.brand-promotion__item cta-block a {
+  font-size: 1.2rem;
+}
+
+@media screen and (max-width: 90rem) {
+  .brand-promotion-section image-card img {
+    aspect-ratio: 1/0.75;
+  }
+}
+@media screen and (max-width: 80rem) {
+  #carousel-homepage-banner {
+    --_control-btns-offset-x: 1rem !important;
+  }
+  #carousel-featured-shows {
+    --_control-btns-offset-x: -0.75rem !important;
+  }
+  #carousel-featured-shows .carousel-controls__previous,
+  #carousel-featured-shows .carousel-controls__next {
+    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.2));
+  }
+  #carousel-brand-promotion {
+    --_control-btns-offset-x: -2rem !important;
+  }
+  #carousel-brand-promotion .carousel-controls__previous,
+  #carousel-brand-promotion .carousel-controls__next {
+    filter: unset;
+  }
+}
+@media screen and (max-width: 73.125rem) {
+  #carousel-featured-shows .image-card__content,
+  .programs-list a .image-card__content {
+    font-size: 1.125rem;
+  }
+  #carousel-homepage-banner .image-card__overlay-content {
+    font-size: 1.125rem;
+    padding: 0 1rem 2rem;
+  }
+}
+@media screen and (max-width: 68.75rem) {
+  .brand-promotion-section equal-size-flex-row {
+    display: block;
+  }
+  .brand-promotion-section image-card img {
+    aspect-ratio: unset;
+  }
+  .promotion-section .image-card__content .h4 {
+    font-size: 1.125rem;
+  }
+  .promotion-section .image-card__content .h4 ~ div {
+    font-size: 1rem;
+  }
+  .promotion-section .image-card__cta {
+    font-size: 1rem;
+  }
+  #carousel-brand-promotion cta-block > div {
+    font-size: 1.25em;
+  }
+}
+@media screen and (max-width: 64rem) {
+  #carousel-brand-promotion {
+    --_cell-aspect-ratio: 1/1.1 !important;
+    --_slide-aspect-ratio: 1/1.1 !important;
+  }
+  #carousel-brand-promotion cta-block {
+    padding-left: 1.5rem;
+  }
+  #carousel-brand-promotion cta-block > div {
+    font-size: 1.5em;
+  }
+  #carousel-brand-promotion cta-block > .h2 {
+    width: min(100%, 365px);
+    margin-block-start: -1.5rem;
+  }
+  #carousel-brand-promotion .two-column-slide {
+    display: flex;
+    flex-direction: column-reverse;
+    justify-content: flex-start;
+    align-items: flex-start;
+  }
+  #carousel-brand-promotion column-two {
+    height: 50%;
+  }
+  #carousel-homepage-banner {
+    --_slide-gap: 0 !important;
+  }
+  #carousel-homepage-banner > ol {
+    box-shadow: none;
+  }
+  #carousel-homepage-banner .slide {
+    align-items: center;
+    padding: 0.75rem;
+  }
+  #carousel-homepage-banner image-card {
+    position: relative;
+  }
+  #carousel-homepage-banner image-card:before {
+    content: "";
+    position: absolute;
+    z-index: -1;
+    width: 100%;
+    inset: 0;
+    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.25);
+  }
+  .banner-carousel-constrainer {
+    width: 100%;
+  }
+}
+@media screen and (max-width: 60rem) {
+  .on-now-section > content-constrainer {
+    grid-template-columns: 1fr;
+    gap: 2rem;
+  }
+  .program-on-now__image-wrapper {
+    grid-row: 1/2;
+    display: block;
+    aspect-ratio: 169/105;
+    padding-inline-end: 0;
+    justify-self: normal;
+  }
+  .program-on-now__image-wrapper > img {
+    width: 100%;
+    -o-object-position: center;
+       object-position: center;
+  }
+  .on-now-section .program-airdate {
+    padding: 0;
+  }
+  content-constrainer .h2 {
+    margin-block-start: 0;
+  }
+}
+@media screen and (max-width: 50rem) {
+  #carousel-homepage-banner .image-card__overlay-content {
+    padding: 0 1rem 2rem;
+    font-size: 1.125rem;
+  }
+  #carousel-homepage-banner .image-card__overlay-content > h1 {
+    font-size: 2rem;
+  }
+  .brand-promotion__item:last-child {
+    margin-block-end: 2rem;
+  }
+}
+@media screen and (max-width: 43.75rem) {
+  #carousel-homepage-banner {
+    --_slide-aspect-ratio: 388/594 !important;
+    --_cell-aspect-ratio: 388/594 !important;
+  }
+  #carousel-homepage-banner image-card {
+    --image-aspect-ratio: 388/594 !important;
+  }
+  #carousel-homepage-banner .image-card__overlay-content {
+    width: 100%;
+    padding: 0 0 2.2rem;
+    font-size: 1.125rem;
+    text-align: center;
+  }
+  #carousel-homepage-banner .image-card__overlay-content > h1 {
+    font-size: 2.5rem;
+  }
+  #carousel-homepage-banner .show-slide__logo-wrapper > img {
+    margin-left: auto;
+    margin-right: auto;
+  }
+}
+@media screen and (max-width: 37.5rem) {
+  .featured-shows-section content-constrainer {
+    width: calc(100% - 1.9rem);
+    padding-left: 1.9rem;
+  }
+  #carousel-featured-shows {
+    --_carousel-gutters: 0 25% !important;
+  }
+  .promotions-row equal-size-flex-row {
+    gap: 3.5rem;
+  }
+}
+@media screen and (max-width: 36.25rem) {
+  #carousel-homepage-banner .image-card__overlay-content > h1 {
+    font-size: 2.07rem;
+  }
+  #carousel-homepage-banner .image-card__overlay-content .airdate-formatter__time {
+    font-size: 1.61em;
+  }
+  #carousel-homepage-banner .image-card__overlay-content airdate-formatter {
+    font-size: 1.035rem;
+    padding: 0 0.5rem;
+    margin-block-start: 0.5rem;
+  }
+}
+@media screen and (max-width: 30rem) {
+  #carousel-homepage-banner .show-slide__logo-wrapper > img {
+    max-width: clamp(13rem, 30vw + 1rem, 30rem);
+    max-height: clamp(3.5rem, 4.6vw + 1rem, 6rem);
+  }
+  .on-now-section .program-airdate > div:first-of-type {
+    font-size: 1.15em;
+  }
+}
+@media screen and (max-width: 25rem) {
+  .featured-shows-section content-constrainer {
+    width: calc(100% - 0.75rem);
+    padding-left: 0.75rem;
+  }
+  #carousel-homepage-banner .show-slide__logo-wrapper > img {
+    margin-bottom: 1.25rem;
+  }
+  #carousel-homepage-banner .image-card__overlay-content {
+    padding-bottom: 1.5rem;
+  }
+  #carousel-homepage-banner .image-card__overlay-content airdate-formatter .airdate-formatter__date,
+  #carousel-homepage-banner .image-card__overlay-content airdate-formatter .airdate-formatter__time-wrap {
+    display: block;
+  }
+  #carousel-homepage-banner .image-card__overlay-content airdate-formatter .airdate-formatter__pipe {
+    display: none;
+  }
+  .on-now-section .program-airdate > div:first-of-type {
+    font-size: 1em;
+    margin-block-end: 1rem;
+  }
+}
+@media screen and (max-width: 20rem) {
+  #carousel-homepage-banner .show-slide__logo-wrapper > img {
+    max-width: 11rem;
+  }
+}
+
+/*# sourceMappingURL=home.css.map */

package/dist/css/home.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/home.scss","home.css"],"names":[],"mappings":"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","file":"home.css"}

package/dist/css/home.min.css

@@ -0,0 +1 @@
+#carousel-homepage-banner>ol{box-shadow:10px 10px 26px rgba(0,0,0,.3),-2px -2px 10px rgba(0,0,0,.2)}#carousel-homepage-banner .slide{align-items:stretch;display:block}#carousel-homepage-banner .slide>*{place-items:unset}#carousel-homepage-banner image-card{height:unset;padding-bottom:0}#carousel-homepage-banner image-card a{text-decoration:none}#carousel-homepage-banner .image-card__overlay-content{text-transform:uppercase;font-size:1.5em;font-weight:600;padding:0 5rem 5rem;line-height:1.25}#carousel-homepage-banner .image-card__overlay-content>h1{font-size:clamp(1em, 3vw + 1em, 3em);font-weight:600;margin-bottom:0}#carousel-homepage-banner .image-card__overlay-content .airdate-formatter__pipe{vertical-align:bottom;font-size:1.5em;font-weight:300}#carousel-homepage-banner .image-card__overlay-content .airdate-formatter__time{font-size:1.125em;text-transform:none}#carousel-homepage-banner .image-card__overlay-content .airdate-formatter__central-time{text-transform:none}#carousel-homepage-banner .carousel-controls__next,#carousel-homepage-banner .carousel-controls__previous{color:#fff;top:calc(50% - .5rem)}#carousel-homepage-banner .carousel-nav{padding:1rem 0 0}#carousel-homepage-banner .carousel-nav>ol{gap:1.5rem}#carousel-homepage-banner .carousel-nav__item{border:2px solid #fff;transition:scale 325ms ease-out;flex-basis:0.8rem;min-width:.8rem;max-width:.8rem;height:.8rem}#carousel-homepage-banner .carousel-nav__item[data-current=true]{background-color:#fff;scale:1.3}#carousel-homepage-banner .slide[inert]{opacity:1}#carousel-homepage-banner .show-slide__logo-wrapper>img{max-width:clamp(18rem,30vw + 1rem,30rem);max-height:clamp(3.2rem,4.6vw + 1rem,8rem)}#carousel-homepage-banner img{transition:all 325ms ease-in-out;transform-origin:bottom}#carousel-homepage-banner .image-card__img-wrapper{overflow:hidden}#carousel-homepage-banner .image-card-slide:hover a picture>img,#carousel-homepage-banner .show-slide:hover a picture>img{transform:scale(1.02);filter:brightness(1.15) contrast(1.15)}.brand-promotion-carousel{overflow:hidden;background-color:rgba(235,100,10,.1);background-image:linear-gradient(to bottom,#ff7e00,transparent)}#carousel-brand-promotion .carousel-controls__next,#carousel-brand-promotion .carousel-controls__previous{color:#fff}.carousel-controls__next,.carousel-controls__previous{background-color:transparent;color:var(--theme-color-400)}.on-now-section{--_padding-inline-start:33%}.on-now-section>content-constrainer{gap:4rem;display:grid;align-items:center;grid-template-columns:1fr 1fr;padding-block:5rem}.on-now-section .program-airdate{padding-inline-start:var(--_padding-inline-start);font-size:1.5rem;color:var(--mono-color-400);align-self:flex-start}.on-now-section .program-airdate strong{font-weight:600}.on-now-section .program-airdate>div:first-of-type{font-weight:700}.on-now-section .cta-block__cta{transition:scale 325ms ease-out}.on-now-section .cta-block__cta:hover{scale:1.05}.on-now-section loading-wrapper{grid-column:-1/1}.on-now-section error-handler,.on-now-section loading-wrapper{min-height:24rem}.on-now-section .string-list__pipe{vertical-align:baseline}@media screen and (max-width:2250px){.on-now-section{--_padding-inline-start:25%}}@media screen and (max-width:1360px){.on-now-section{--_padding-inline-start:10%}}@media screen and (max-width:1240px){.on-now-section{--_padding-inline-start:0}}.on-now__series-img{aspect-ratio:1548/864;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.program-on-now__image-wrapper{display:grid;justify-self:flex-end;align-self:start;padding-inline-end:var(--_padding-inline-start)}.program-airdate__logo[data-style=gradient]{margin:1rem 0 2rem;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:left center;mask-position:left center;max-width:23rem}.program-airdate__logo[class*=missing-logo]{aspect-ratio:unset;max-width:unset;font-size:2.4rem;font-weight:900;text-transform:uppercase;line-height:1.2;letter-spacing:.6px}.promotions-row equal-size-flex-row{gap:2.75rem;padding-block-end:1.5rem}.promotions-row__header{font-weight:700}.promotion-section .image-card__content .h4{font-size:1.5rem;margin-block-end:0.5rem}.promotion-section .image-card__content .h4~div{font-size:1.125rem;margin:0}.promotion-section .image-card__cta{font-size:1.125rem;font-weight:400;color:var(--theme-color-300)}.promotion-section equal-size-flex-row[data-item-count="2"] .image-card__play-icon{border-style:solid;scale:1.2}.promotion-section equal-size-flex-row[data-item-count="2"] .image-card__play-icon:hover{scale:1.35}#carousel-brand-promotion column-two{width:100%;height:77%}#carousel-brand-promotion cta-block>div{color:var(--mono-color-100);font-size:1.5rem;width:80%;text-shadow:1px 1px 3px rgba(0,0,0,.2);line-height:1.3}#carousel-brand-promotion cta-block>.h2{filter:drop-shadow(1px 1px 3px rgba(0, 0, 0, .2));width:min(66%,435px);margin-block-end:2.4rem}#carousel-brand-promotion cta-block cta-wrapper{margin-block-start:2.4rem}#carousel-brand-promotion li[data-index="1"] cta-block .h2{transform:translate(-1rem,.5rem)}#carousel-brand-promotion .image-container{position:relative;width:100%;height:100%;overflow:hidden}#carousel-brand-promotion .image-container img{-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0;height:100%;width:100%;-o-object-position:var(--image-position);object-position:var(--image-position)}#carousel-brand-promotion .cta-block__cta{font-size:1.2rem}#carousel-brand-promotion .carousel-nav{padding:1rem 0 0}#carousel-brand-promotion .carousel-nav>ol{gap:1.5rem;width:calc(100% + 4.8rem);transform:translateX(-2.4rem)}#carousel-brand-promotion .carousel-nav__item{border:2px solid #fff;transition:scale 325ms ease-out;flex-basis:0.8rem;min-width:.8rem;max-width:.8rem;height:.8rem}#carousel-brand-promotion .carousel-nav__item[data-current=true]{background-color:#fff;scale:1.3}#carousel-featured-shows{color:currentColor;text-decoration:none}#carousel-featured-shows image-card{width:100%}#carousel-featured-shows .image-card__content{text-align:center;font-size:1.4rem;font-weight:400}#carousel-featured-shows .image-card__content>div{margin-top:0;padding-top:1.2rem}#carousel-featured-shows .image-card__content:empty{display:none}#carousel-featured-shows .image-card-slide a{cursor:pointer}#carousel-featured-shows img{transition:all 325ms ease-in-out;transform-origin:bottom}#carousel-featured-shows .image-card__img-wrapper{overflow:hidden}#carousel-featured-shows .image-card-slide:hover a img{transform:scale(1.02);filter:contrast(1.15) brightness(1.15)}#carousel-featured-shows image-card a{color:currentColor;text-decoration:none}#carousel-featured-shows .carousel-controls__previous{inset-inline-start:calc(var(--_control-btns-offset-x) - var(--_slide-gap))}#carousel-featured-shows .slide{align-items:flex-start}#carousel-featured-shows .slide:only-child .image-card-slide{flex-basis:var(--_slide-cell-size)}.brand-promotion-section .ion-plus-promo cta-block>.h2{width:min(100%,320px);transform:translate(-.9rem,1rem)}.brand-promotion-section .image-card__overlay-content{padding-bottom:0 1rem 2.5rem;font-size:1.2rem}.brand-promotion__list{list-style:none;padding:3rem 0 0;margin:0 auto;max-width:37.5rem}.brand-promotion__item{color:var(--mono-color-100);font-size:1.5rem;text-shadow:1px 1px 3px rgba(0,0,0,.4);margin-bottom:6rem;margin-block-end:6rem;text-wrap:balance}.brand-promotion__item .image-container img{width:100%}.brand-promotion__item cta-block{padding-left:1rem}.brand-promotion__item cta-block .h2{filter:drop-shadow(1px 1px 3px rgba(0, 0, 0, .4));width:min(66%,250px)}.brand-promotion__item cta-block a{font-size:1.2rem}@media screen and (max-width:90rem){.brand-promotion-section image-card img{aspect-ratio:1/0.75}}@media screen and (max-width:80rem){#carousel-homepage-banner{--_control-btns-offset-x:1rem!important}#carousel-featured-shows{--_control-btns-offset-x:-0.75rem!important}#carousel-featured-shows .carousel-controls__next,#carousel-featured-shows .carousel-controls__previous{filter:drop-shadow(1px 1px 2px rgba(0, 0, 0, .2))}#carousel-brand-promotion{--_control-btns-offset-x:-2rem!important}#carousel-brand-promotion .carousel-controls__next,#carousel-brand-promotion .carousel-controls__previous{filter:unset}}@media screen and (max-width:73.125rem){#carousel-featured-shows .image-card__content,.programs-list a .image-card__content{font-size:1.125rem}#carousel-homepage-banner .image-card__overlay-content{font-size:1.125rem;padding:0 1rem 2rem}}@media screen and (max-width:68.75rem){.brand-promotion-section equal-size-flex-row{display:block}.brand-promotion-section image-card img{aspect-ratio:unset}.promotion-section .image-card__content .h4{font-size:1.125rem}.promotion-section .image-card__content .h4~div{font-size:1rem}.promotion-section .image-card__cta{font-size:1rem}#carousel-brand-promotion cta-block>div{font-size:1.25em}}@media screen and (max-width:64rem){#carousel-brand-promotion{--_cell-aspect-ratio:1/1.1!important;--_slide-aspect-ratio:1/1.1!important}#carousel-brand-promotion cta-block{padding-left:1.5rem}#carousel-brand-promotion cta-block>div{font-size:1.5em}#carousel-brand-promotion cta-block>.h2{width:min(100%,365px);margin-block-start:-1.5rem}#carousel-brand-promotion .two-column-slide{display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:flex-start}#carousel-brand-promotion column-two{height:50%}#carousel-homepage-banner{--_slide-gap:0!important}#carousel-homepage-banner>ol{box-shadow:none}#carousel-homepage-banner .slide{align-items:center;padding:.75rem}#carousel-homepage-banner image-card{position:relative}#carousel-homepage-banner image-card:before{content:"";position:absolute;z-index:-1;width:100%;inset:0;box-shadow:2px 2px 20px rgba(0,0,0,.25)}.banner-carousel-constrainer{width:100%}}@media screen and (max-width:60rem){.on-now-section>content-constrainer{grid-template-columns:1fr;gap:2rem}.program-on-now__image-wrapper{grid-row:1/2;display:block;aspect-ratio:169/105;padding-inline-end:0;justify-self:normal}.program-on-now__image-wrapper>img{width:100%;-o-object-position:center;object-position:center}.on-now-section .program-airdate{padding:0}content-constrainer .h2{margin-block-start:0}}@media screen and (max-width:50rem){#carousel-homepage-banner .image-card__overlay-content{padding:0 1rem 2rem;font-size:1.125rem}#carousel-homepage-banner .image-card__overlay-content>h1{font-size:2rem}.brand-promotion__item:last-child{margin-block-end:2rem}}@media screen and (max-width:43.75rem){#carousel-homepage-banner{--_slide-aspect-ratio:388/594!important;--_cell-aspect-ratio:388/594!important}#carousel-homepage-banner image-card{--image-aspect-ratio:388/594!important}#carousel-homepage-banner .image-card__overlay-content{width:100%;padding:0 0 2.2rem;font-size:1.125rem;text-align:center}#carousel-homepage-banner .image-card__overlay-content>h1{font-size:2.5rem}#carousel-homepage-banner .show-slide__logo-wrapper>img{margin-left:auto;margin-right:auto}}@media screen and (max-width:37.5rem){.featured-shows-section content-constrainer{width:calc(100% - 1.9rem);padding-left:1.9rem}#carousel-featured-shows{--_carousel-gutters:0 25%!important}.promotions-row equal-size-flex-row{gap:3.5rem}}@media screen and (max-width:36.25rem){#carousel-homepage-banner .image-card__overlay-content>h1{font-size:2.07rem}#carousel-homepage-banner .image-card__overlay-content .airdate-formatter__time{font-size:1.61em}#carousel-homepage-banner .image-card__overlay-content airdate-formatter{font-size:1.035rem;padding:0 .5rem;margin-block-start:0.5rem}}@media screen and (max-width:30rem){#carousel-homepage-banner .show-slide__logo-wrapper>img{max-width:clamp(13rem,30vw + 1rem,30rem);max-height:clamp(3.5rem,4.6vw + 1rem,6rem)}.on-now-section .program-airdate>div:first-of-type{font-size:1.15em}}@media screen and (max-width:25rem){.featured-shows-section content-constrainer{width:calc(100% - .75rem);padding-left:.75rem}#carousel-homepage-banner .show-slide__logo-wrapper>img{margin-bottom:1.25rem}#carousel-homepage-banner .image-card__overlay-content{padding-bottom:1.5rem}#carousel-homepage-banner .image-card__overlay-content airdate-formatter .airdate-formatter__date,#carousel-homepage-banner .image-card__overlay-content airdate-formatter .airdate-formatter__time-wrap{display:block}#carousel-homepage-banner .image-card__overlay-content airdate-formatter .airdate-formatter__pipe{display:none}.on-now-section .program-airdate>div:first-of-type{font-size:1em;margin-block-end:1rem}}@media screen and (max-width:20rem){#carousel-homepage-banner .show-slide__logo-wrapper>img{max-width:11rem}}