article > .media-rich > section#featured_image {
  padding-top: 65.2857143%;
  background-position: top center;
  background-repeat: no-repeat;
  margin-bottom: 0;
}
article > .media-rich > section#featured_image label {
  background-color: #FEF200;
  color: #000000;
  z-index: 50000;
}
article > .media-rich > section#featured_image_mobile {
  padding-top: 140%;
}
article > .media-rich > section#featured_image_mobile label {
  background-color: #FEF200;
  color: #000000;
}
article > .media-rich > section.context-gallery figure figcaption {
  padding: 2rem 1rem;
}
article > .media-rich > section.context-gallery figure figcaption h2, article > .media-rich > section.context-gallery figure figcaption .h2 {
  color: #FFFFFF;
}
article > .media-rich > section.context-gallery figure figcaption a {
  color: #FFFFFF;
  border-color: #FFFFFF;
  border-width: 6px;
}
article > .media-rich > section.context-gallery figure figcaption a:hover {
  color: #0099cd;
  border-color: #0099cd;
}
article > .media-rich > section#section_0 {
  background-color: #00B4F1;
  padding-bottom: 0;
  position: relative;
}
article > .media-rich > section#section_0 .section-wrapper div .section-link {
  top: 100%;
}
article > .media-rich > section#section_0 .section-wrapper div .article-text {
  display: none;
  color: inherit;
}
article > .media-rich > section#section_0 .section-wrapper div .article-text > h1 {
  text-align: center;
  text-transform: uppercase;
  font-size: 7.5rem;
  font-size: 6rem;
  font-weight: 900;
}
article > .media-rich > section#section_0 .section-wrapper div .article-text > h2 {
  color: inherit;
  text-align: center;
  font-size: 1.75rem;
  font-weight: 500;
  padding-bottom: 2rem;
  margin-bottom: 0;
}
article > .media-rich > section#section_1 {
  padding-bottom: 0;
}
article > .media-rich > section#section_1 .section-wrapper > div .article-text > p:first-child {
  font-family: "Roboto", sans-serif;
  font-size: 1.75rem;
}
article > .media-rich > section#section_1 .section-wrapper > div .article-text > p:first-child:first-letter {
  font-size: 10.25rem;
}
article > .media-rich > section#section_1 .section-wrapper > div .article-text > p:last-child {
  margin-bottom: 1rem;
}
article > .media-rich > section#section_2 .section-wrapper > div .article-text {
  padding-top: 0;
}
article > .media-rich > section#section_4 {
  color: #212529;
  padding: 2.5rem 0 4.5rem;
  margin-bottom: 2rem;
  background-color: #00B4F1;
  border: 1px solid #000000;
  border-width: 1px 0;
}
article > .media-rich > section#section_4 .section-wrapper > div .article-text {
  font-family: "Roboto", sans-serif;
  font-size: 1.875rem;
  text-align: center;
}
article > .media-rich > section#section_4 .section-wrapper > div .article-text p {
  font-family: inherit;
  font-weight: 700;
}
article > .media-rich > section#section_4 .section-wrapper > div .article-text a {
  color: #212529;
  background-color: #FEF200;
  font-size: 1.375rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0.5rem 0.75rem;
  margin-top: 1rem;
  display: inline-block;
  border-radius: 6px;
}
article > .media-rich > section#section_4 .section-wrapper > div .article-text a:hover {
  background-color: #b7ae00;
}
article > .media-rich > section .section-wrapper > div aside blockquote {
  color: inherit;
  padding: 2rem 0;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-size: 1.125rem;
  margin: 2rem 0;
  position: relative;
}
article > .media-rich > section .section-wrapper > div aside blockquote:before, article > .media-rich > section .section-wrapper > div aside blockquote:after {
  content: "";
  padding-top: 5px;
  background-image: url(https://magazine.wm.edu/img/issues/2025/spring/rising-from-the-ashes/wildfires_spring25_narrow_divider.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}
article > .media-rich > section .section-wrapper > div aside blockquote:before {
  top: 0;
  right: 0;
  left: 0;
}
article > .media-rich > section .section-wrapper > div aside blockquote:after {
  right: 0;
  bottom: 0;
  left: 0;
}
article > .media-rich > section .section-wrapper > div .article-text h2, article > .media-rich > section .section-wrapper > div .article-text .h2 {
  color: inherit;
  text-transform: none;
}
article > .media-rich > section .section-wrapper > div .article-text h3, article > .media-rich > section .section-wrapper > div .article-text .h3 {
  color: #212529;
  font-family: "Roboto", sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
  padding-top: 2.8218694885%;
  background-image: url(https://magazine.wm.edu/img/issues/2025/fall/a-potent-combination/a_potent_combination_divider.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
}
article > .media-rich > section .section-wrapper > div .article-text h4, article > .media-rich > section .section-wrapper > div .article-text .h4 {
  color: inherit;
}
article > .media-rich > section .section-wrapper > div .article-text blockquote {
  color: #212529;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  font-size: 1.68421rem;
  font-style: normal;
  margin-top: 45px;
  padding: 62px 0 31px 33%;
  text-align: left;
  position: relative;
}
article > .media-rich > section .section-wrapper > div .article-text p {
  font-family: Georgia, "Times New Roman", Times, serif;
}
article > .media-rich > section .section-wrapper > div .article-text p + h3, article > .media-rich > section .section-wrapper > div .article-text p + .h3 {
  margin-top: 2rem;
}

.attribution {
  position: relative;
  top: 100%;
}
.attribution a {
  color: #000000;
}

@media (min-width: 768px) {
  article > .media-rich > section.context-gallery figure figcaption {
    padding: 1.25rem 1rem;
  }
  article > .media-rich > section.context-gallery figure figcaption p {
    padding: 0 2rem;
  }
  article > .media-rich > section#section_0 {
    border: 1px solid #000000;
    border-width: 1px 0;
  }
  article > .media-rich > section#section_0 .section-wrapper div .section-link {
    margin-top: 1rem;
  }
  article > .media-rich > section#section_0 .section-wrapper div aside {
    margin-top: 1rem;
    position: absolute;
    top: 100%;
  }
  article > .media-rich > section#section_0 .section-wrapper div .article-text {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    display: block;
  }
  article > .media-rich > section#section_1 .section-wrapper {
    position: relative;
  }
  article > .media-rich > section#section_1 .section-wrapper > div .article-text {
    position: static;
  }
  article > .media-rich > section#section_3 .section-wrapper > div aside {
    background-image: url(https://magazine.wm.edu/img/issues/2025/fall/a-potent-combination/a_potent_combination_design_element_1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  article > .media-rich > section#section_6 .section-wrapper > div aside {
    background-image: url(https://magazine.wm.edu/img/issues/2025/fall/a-potent-combination/a_potent_combination_design_element_2.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  article > .media-rich > section#section_7 {
    padding-bottom: 0;
  }
  article > .media-rich > section#section_7 .section-wrapper {
    display: none;
  }
  article > .media-rich > section#section_7 .section-wrapper > div aside figure.image-top {
    top: 72px;
  }
  article > .media-rich > section#section_10 .section-wrapper > div aside {
    background-image: url(https://magazine.wm.edu/img/issues/2025/fall/a-potent-combination/a_potent_combination_design_element_3.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  article > .media-rich > section#section_15 .section-wrapper > div aside {
    background-image: url(https://magazine.wm.edu/img/issues/2025/fall/a-potent-combination/a_potent_combination_design_element_4.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  article > .media-rich > section .section-wrapper > div aside blockquote {
    padding: 3.125rem 0;
    margin: 0;
  }
}
@media (min-width: 992px) {
  article > .media-rich > section.context-gallery figure figcaption p {
    padding: 0 9rem;
  }
}
@media (min-width: 1200px) {
  article > .media-rich > section.context-gallery figure figcaption p {
    padding: 0 15rem;
  }
}