@media (width > 767px) {

  .article-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: none;
    height: auto;
    background-color: #F5E7CD;
  }

  .article-header {
    flex-shrink: 0;
    z-index: 0;
    width: 100%;
    max-width: none;
    height: auto;
    position: relative;
  }

  .article__breadcrumbs {
    align-self: stretch;
    z-index: 1;
    width: 100%;
    max-width: none;
    height: auto;
    position: relative;
  }

  .article__breadcrumbs-inner {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440.0px;
    display: flex;
    flex-direction: row;
    gap: min(8px, 0.555556vw);
    justify-content: center;
    align-items: center;
    padding-left: min(100px, 6.94444vw);
    padding-right: min(100px, 6.94444vw);
    padding-top: min(24px, 1.66667vw);
    padding-bottom: min(24px, 1.66667vw);
    height: auto;
  }

  .article__breadcrumbs-inner-child {
    display: block;
    flex-shrink: 0;
    z-index: 0;
    width: max-content;
    height: auto;
    position: relative;
    text-align: left;
    color: #0B889B;
    font-family: "Archivo";
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 1.1;
    font-size: min(0.875rem, 0.972222vw);
  }

  .article__breadcrumbs-chevron-right {
    display: grid;
    grid-template-columns: auto;
    grid-auto-flow: column;
    align-items: start;
    overflow: hidden;
    flex-shrink: 0;
    z-index: 1;
    width: 0.833333vw;
    max-width: 12.0px;
    height: 0.833333vw;
    max-height: 12.0px;
    position: relative;
    min-height: min(12px, 0.833333vw);
  }

  .article__breadcrumbs-chevron-right-art {
    display: grid;
    align-items: start;
    overflow: visible;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    margin-left: min(4.5px, 0.3125vw);
    margin-top: min(3px, 0.208333vw);
    grid-column: 1;
    grid-row: 1;
    margin-bottom: min(3px, 0.208333vw);
    z-index: 0;
    width: 0.208333vw;
    max-width: 3.0px;
    height: 0.416667vw;
    max-height: 6.0px;
    position: relative;
  }

  .article__breadcrumbs-chevron-right-art-image {
    width: 0.375987vw;
    height: 0.555556vw;
    max-width: 5.41420925px;
    max-height: 7.99999925px;
    margin-left: max(-0.999999px, -0.0694444vw);
    margin-top: max(-0.999999px, -0.0694444vw);
    grid-column: 1;
    grid-row: 1;
    margin-right: max(-1.41421px, -0.098209vw);
    margin-bottom: max(-1px, -0.0694444vw);
    border: 2.0px solid #887D6F;
  }

  .article__breadcrumbs-inner-text {
    display: block;
    flex-shrink: 0;
    z-index: 2;
    width: max-content;
    height: auto;
    position: relative;
    text-align: left;
    color: #887D6F;
    font-family: "Archivo";
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 1.1;
    font-size: min(0.875rem, 0.972222vw);
  }

  .article-heading {
    align-self: stretch;
    z-index: 2;
    width: 100%;
    max-width: none;
    height: auto;
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
  }

  .article-heading__body {
    grid-column: 1;
    grid-row: 1;
    min-width: 0px;
    min-height: 0px;
    align-self: stretch;
    justify-self: stretch;
    z-index: 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440.0px;
    display: flex;
    flex-direction: column;
    gap: min(32px, 2.22222vw);
    align-items: center;
    padding-left: min(100px, 6.94444vw);
    padding-right: min(100px, 6.94444vw);
    padding-top: min(52px, 3.61111vw);
    padding-bottom: min(58px, 4.02778vw);
    height: auto;
  }

  .article-heading__copy {
    display: flex;
    flex-direction: column;
    gap: min(40px, 2.77778vw);
    align-items: center;
    z-index: 0;
    width: 69.4444vw;
    max-width: 1000.0px;
    height: auto;
    position: relative;
  }

  .article-heading__meta {
    display: flex;
    flex-direction: row;
    gap: min(12px, 0.833333vw);
    align-items: center;
    z-index: 0;
    width: max-content;
    height: auto;
    position: relative;
    text-align: left;
    font-family: "Archivo";
    line-height: 1;
  }

  .article-heading__badge {
    background-image: linear-gradient(rgba(243, 127, 60, 0.2), rgba(243, 127, 60, 0.2));
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-blend-mode: normal;
    border-radius: 4.0px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding-left: 1.0625rem;
    padding-right: 1.0625rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    z-index: 0;
    width: max-content;
    height: auto;
    position: relative;
    color: #F37F3C;
    font-weight: 600;
    letter-spacing: min(0.0375rem, 0.0416667vw);
    text-transform: uppercase;
    line-height: 1.1;
    font-size: min(0.75rem, 0.833333vw);
  }

  .article-heading__category {
    display: block;
    flex-shrink: 0;
    z-index: 0;
    width: max-content;
    height: auto;
    position: relative;
  }

  .article-heading__date {
    display: block;
    flex-shrink: 0;
    z-index: 1;
    width: max-content;
    height: auto;
    position: relative;
    color: #887D6F;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 1.1;
    font-size: min(1rem, 1.11111vw);
  }

  .article-heading__title {
    display: block;
    align-self: stretch;
    z-index: 1;
    width: 69.4444vw;
    max-width: 1000.0px;
    height: auto;
    position: relative;
    text-align: center;
    color: #16181B;
    font-family: "txc-pearl";
    font-weight: 400;
    font-size: 3.875rem;
    letter-spacing: 0rem;
    text-transform: uppercase;
    line-height: 1.1;
  }

  .article-heading__text {
    border-top: min(1px, 0.0694444vw) solid #887D6F;
    grid-column: 1;
    grid-row: 1;
    contain: size;
    align-self: stretch;
    justify-self: stretch;
    min-width: 0px;
    min-height: 0px;
    pointer-events: none;
    z-index: 1;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  .article-photo {
    border-radius: 20.0px;
    flex-shrink: 0;
    z-index: 3;
    width: 87.6389vw;
    max-width: 1262.0px;
    height: 28.3333vw;
    max-height: 408.0px;
    position: relative;
    object-fit: cover;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
  }

  .article-photo__body {
    overflow: hidden;
    isolation: isolate;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    border-radius: 20.0px;
    grid-column: 1;
    grid-row: 1;
    min-width: 0px;
    min-height: 0px;
    align-self: stretch;
    justify-self: stretch;
    contain: size;
    pointer-events: none;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    filter: var(--image-filter, none);
    --image-exposure: 0;
    --image-contrast: 0;
    --image-saturation: 0;
    --image-temperature: 0;
    --image-tint: 0;
    --image-highlights: 0;
    --image-shadows: 0;
    opacity: 1;
  }

  .article-body {
    align-self: stretch;
    z-index: 4;
    width: 100%;
    max-width: none;
    height: auto;
    position: relative;
    text-align: left;
    letter-spacing: 0rem;
  }

  .article-body__inner {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440.0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: min(100px, 6.94444vw);
    padding-right: min(100px, 6.94444vw);
    padding-bottom: min(80px, 5.55556vw);
    height: auto;
  }

  .article-body__row {
    display: flex;
    flex-direction: column;
    gap: min(32px, 2.22222vw);
    align-items: flex-start;
    padding-top: 3.75rem;
    z-index: 0;
    width: 69.4444vw;
    max-width: 1000.0px;
    height: auto;
    position: relative;
  }

  .sample-article__body {
    display: block;
    align-self: stretch;
    z-index: 0;
    width: 69.4444vw;
    max-width: 1000.0px;
    height: auto;
    position: relative;
  }

  .sample-article__intro-title {
    display: inline;
    align-self: stretch;
    color: #16181B;
    font-family: "txc-pearl";
    font-weight: 400;
    font-size: 1.875rem;
    line-height: 1.2;
    height: auto;
  }

  .sample-article__intro-break {
    display: inline;
    align-self: stretch;
    color: #16181B;
    font-family: "Archivo";
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.4;
    height: auto;
  }

  .sample-article__intro {
    display: inline;
    align-self: stretch;
    color: #16181B;
    font-family: "Archivo";
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.4;
    height: auto;
  }

  .sample-article__emphasis {
    display: inline;
    align-self: stretch;
    color: #16181B;
    font-family: "Archivo";
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.4;
    height: auto;
  }

  .sample-article__intro-ending {
    display: inline;
    align-self: stretch;
    color: #16181B;
    font-family: "Archivo";
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.4;
    height: auto;
  }

  .sample-article__section-break {
    display: inline;
    align-self: stretch;
    color: #16181B;
    font-family: "Archivo";
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.4;
    height: auto;
  }

  .sample-article__background-title {
    display: inline;
    align-self: stretch;
    color: #16181B;
    font-family: "txc-pearl";
    font-weight: 400;
    font-size: 1.875rem;
    line-height: 1.2;
    height: auto;
  }

  .sample-article__background-break {
    display: inline;
    align-self: stretch;
    color: #16181B;
    font-family: "Archivo";
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.4;
    height: auto;
  }

  .sample-article__background {
    display: inline;
    align-self: stretch;
    color: #16181B;
    font-family: "Archivo";
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.4;
    height: auto;
  }

  .sample-article__context {
    display: inline;
    align-self: stretch;
    color: #16181B;
    font-family: "Archivo";
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.4;
    height: auto;
  }

  .sample-article__context-break {
    display: inline;
    align-self: stretch;
    color: #16181B;
    font-family: "Archivo";
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.4;
    height: auto;
  }

  .sample-article__details-title {
    display: inline;
    align-self: stretch;
    color: #16181B;
    font-family: "txc-pearl";
    font-weight: 400;
    font-size: 1.875rem;
    line-height: 1.2;
    height: auto;
  }

  .sample-article__details-break {
    display: inline;
    align-self: stretch;
    color: #16181B;
    font-family: "Archivo";
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.4;
    height: auto;
  }

  .sample-article__details {
    display: inline;
    align-self: stretch;
    color: #16181B;
    font-family: "Archivo";
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.4;
    height: auto;
  }

  .sample-article__explanation {
    display: inline;
    align-self: stretch;
    color: #16181B;
    font-family: "Archivo";
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.4;
    height: auto;
  }

  .sample-article__explanation-break {
    display: inline;
    align-self: stretch;
    color: #16181B;
    font-family: "Archivo";
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.4;
    height: auto;
  }

  .sample-article__outlook-title {
    display: inline;
    align-self: stretch;
    color: #16181B;
    font-family: "txc-pearl";
    font-weight: 400;
    font-size: 1.875rem;
    line-height: 1.2;
    height: auto;
  }

  .sample-article__outlook-break {
    display: inline;
    align-self: stretch;
    color: #16181B;
    font-family: "Archivo";
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.4;
    height: auto;
  }

  .sample-article__outlook {
    display: inline;
    align-self: stretch;
    color: #16181B;
    font-family: "Archivo";
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.4;
    height: auto;
  }

  .sample-article__perspective {
    display: inline;
    align-self: stretch;
    color: #16181B;
    font-family: "Archivo";
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.4;
    height: auto;
  }

  .sample-article__perspective-break {
    display: inline;
    align-self: stretch;
    color: #16181B;
    font-family: "Archivo";
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.4;
    height: auto;
  }

  .sample-article__conclusion-title {
    display: inline;
    align-self: stretch;
    color: #16181B;
    font-family: "txc-pearl";
    font-weight: 400;
    font-size: 1.875rem;
    line-height: 1.2;
    height: auto;
  }

  .sample-article__conclusion-break {
    display: inline;
    align-self: stretch;
    color: #16181B;
    font-family: "Archivo";
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.4;
    height: auto;
  }

  .sample-article__conclusion {
    display: inline;
    align-self: stretch;
    color: #16181B;
    font-family: "Archivo";
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.4;
    height: auto;
  }

  .sample-article__closing {
    display: inline;
    align-self: stretch;
    color: #16181B;
    font-family: "Archivo";
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.4;
    height: auto;
  }

  .related-stories {
    align-self: stretch;
    z-index: 5;
    width: 100%;
    max-width: none;
    height: auto;
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
  }

  .related-stories__body {
    grid-column: 1;
    grid-row: 1;
    min-width: 0px;
    min-height: 0px;
    align-self: stretch;
    justify-self: stretch;
    z-index: 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440.0px;
    display: flex;
    flex-direction: column;
    gap: min(48px, 3.33333vw);
    align-items: flex-start;
    padding-left: min(100px, 6.94444vw);
    padding-right: min(100px, 6.94444vw);
    padding-top: min(70px, 4.86111vw);
    padding-bottom: min(50px, 3.47222vw);
    height: auto;
  }

  .related-stories__inner-text {
    display: block;
    flex-shrink: 0;
    z-index: 0;
    width: max-content;
    height: auto;
    position: relative;
    text-align: left;
    color: #16181B;
    font-family: "txc-pearl";
    font-weight: 400;
    letter-spacing: 0px;
    text-transform: uppercase;
    line-height: 1.1;
    font-size: min(3.375rem, 3.75vw);
  }

  .related-stories-grid {
    display: flex;
    flex-direction: row;
    gap: min(40px, 2.77778vw);
    align-items: flex-start;
    align-self: stretch;
    z-index: 1;
    width: 86.1111vw;
    max-width: 1240.0px;
    height: auto;
    position: relative;
  }

  .related-lead {
    border-radius: 8.0px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    z-index: 0;
    width: 41.6667vw;
    max-width: 600.0px;
    height: auto;
    position: relative;
    background-color: #FFFCF7;
    min-height: min(480px, 33.3333vw);
  }

  .related-card__image {
    transform: rotate(0.0006456475081653869deg);
    align-self: stretch;
    flex-shrink: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: min(0.003381px, 0.000234792vw);
    margin-bottom: min(0.003381px, 0.000234792vw);
    z-index: 0;
    width: 41.6667vw;
    max-width: 600.0px;
    height: 16.6667vw;
    max-height: 240.0px;
    position: relative;
    object-fit: cover;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
  }

  .related-card__image-body {
    overflow: hidden;
    isolation: isolate;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    grid-column: 1;
    grid-row: 1;
    min-width: 0px;
    min-height: 0px;
    align-self: stretch;
    justify-self: stretch;
    contain: size;
    pointer-events: none;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    filter: var(--image-filter, none);
    --image-exposure: 0;
    --image-contrast: 0;
    --image-saturation: 0;
    --image-temperature: 0;
    --image-tint: 0;
    --image-highlights: 0;
    --image-shadows: 0;
    opacity: 1;
  }

  .related-lead__layout {
    display: flex;
    flex-direction: column;
    gap: min(24px, 1.66667vw);
    align-items: flex-start;
    padding-left: min(32px, 2.22222vw);
    padding-right: min(32px, 2.22222vw);
    padding-top: min(32px, 2.22222vw);
    padding-bottom: min(32px, 2.22222vw);
    align-self: stretch;
    flex-shrink: 0;
    z-index: 1;
    width: 41.6667vw;
    max-width: 600.0px;
    height: auto;
    position: relative;
    text-align: left;
    min-height: min(240px, 16.6667vw);
  }

  .related-lead__body {
    display: flex;
    flex-direction: column;
    gap: min(30px, 2.08333vw);
    align-items: flex-start;
    align-self: stretch;
    z-index: 0;
    width: 37.2222vw;
    max-width: 536.0px;
    height: auto;
    position: relative;
  }

  .related-lead__meta {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    z-index: 0;
    width: 37.2222vw;
    max-width: 536.0px;
    height: auto;
    position: relative;
    font-family: "Archivo";
    line-height: 1;
  }

  .related-lead__badge {
    background-image: linear-gradient(rgba(11, 136, 155, 0.2), rgba(11, 136, 155, 0.2));
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-blend-mode: normal;
    border-radius: 4.0px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding-left: 1.0625rem;
    padding-right: 1.0625rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    z-index: 0;
    width: max-content;
    height: auto;
    position: relative;
    color: #0B889B;
    font-weight: 600;
    letter-spacing: min(0.0375rem, 0.0416667vw);
    text-transform: uppercase;
    line-height: 1.1;
    font-size: min(0.75rem, 0.833333vw);
  }

  .related-lead__category {
    display: block;
    flex-shrink: 0;
    z-index: 0;
    width: max-content;
    height: auto;
    position: relative;
  }

  .related-lead__date {
    display: block;
    flex-shrink: 0;
    z-index: 1;
    width: max-content;
    height: auto;
    position: relative;
    color: #887D6F;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 1.1;
    font-size: min(0.875rem, 0.972222vw);
  }

  .related-lead__title {
    display: block;
    align-self: stretch;
    z-index: 1;
    width: 37.2222vw;
    max-width: 536.0px;
    height: auto;
    position: relative;
    color: #16181B;
    font-family: "txc-pearl";
    font-weight: 400;
    font-size: 1.875rem;
    letter-spacing: 0rem;
    text-transform: uppercase;
    line-height: 1.2;
  }

  .related-story__action {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    max-width: 536.0px;
    color: #0B889B;
    font-family: "Archivo";
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 1.1;
    font-size: min(0.875rem, 0.972222vw);
    display: block;
    flex-shrink: 0;
    z-index: 0;
    width: max-content;
    height: auto;
    position: relative;
  }

  .related-next {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    align-items: stretch;
    border-radius: 8.0px;
    overflow: hidden;
    flex-shrink: 0;
    z-index: 1;
    width: 41.6667vw;
    max-width: 600.0px;
    height: auto;
    position: relative;
    background-color: #FFFCF7;
    min-height: min(480px, 33.3333vw);
  }

  .related-next__photo-layer {
    width: auto;
    height: 16.5972vw;
    max-width: none;
    max-height: 239.0px;
    margin-top: 0px;
    z-index: 0;
    position: relative;
    grid-column: 1;
    grid-row: 1;
    min-width: 0px;
    min-height: 0px;
    align-self: stretch;
    justify-self: stretch;
    contain: size;
    overflow: hidden;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    pointer-events: none;
  }

  .related-next__photo {
    grid-column: 1;
    grid-row: 1;
    min-width: 0px;
    min-height: 0px;
    align-self: stretch;
    justify-self: stretch;
    contain: size;
    pointer-events: none;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    filter: var(--image-filter, none);
    --image-exposure: 0;
    --image-contrast: 0;
    --image-saturation: 0;
    --image-temperature: 0;
    --image-tint: 0;
    --image-highlights: 0;
    --image-shadows: 0;
    opacity: 1;
    --image-source-transform: matrix(600.116466237, -0, -0, 447.999957097, -0.0582411177615, -25.1302873864);
  }

  .related-next__body {
    min-width: 0px;
    grid-column: 1;
    grid-row: 1;
    padding-left: min(32px, 2.22222vw);
    padding-right: min(32px, 2.22222vw);
    padding-top: min(32px, 2.22222vw);
    padding-bottom: min(32px, 2.22222vw);
    flex-shrink: 0;
    text-align: left;
    min-height: min(240px, 16.6667vw);
    display: flex;
    flex-direction: column;
    gap: min(30px, 2.08333vw);
    align-items: flex-start;
    align-self: stretch;
    z-index: 0;
    width: 37.2222vw;
    max-width: 536.0px;
    height: auto;
    position: relative;
  }

  .related-next__meta {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    z-index: 0;
    width: 37.2222vw;
    max-width: 536.0px;
    height: auto;
    position: relative;
    font-family: "Archivo";
    line-height: 1;
  }

  .related-next__badge {
    background-image: linear-gradient(rgba(243, 127, 60, 0.2), rgba(243, 127, 60, 0.2));
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-blend-mode: normal;
    border-radius: 4.0px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding-left: 1.0625rem;
    padding-right: 1.0625rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    z-index: 0;
    width: max-content;
    height: auto;
    position: relative;
    color: #F37F3C;
    font-weight: 600;
    letter-spacing: min(0.0375rem, 0.0416667vw);
    text-transform: uppercase;
    line-height: 1.1;
    font-size: min(0.75rem, 0.833333vw);
  }

  .related-next__category {
    display: block;
    flex-shrink: 0;
    z-index: 0;
    width: max-content;
    height: auto;
    position: relative;
  }

  .related-next__date {
    display: block;
    flex-shrink: 0;
    z-index: 1;
    width: max-content;
    height: auto;
    position: relative;
    color: #887D6F;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 1.1;
    font-size: min(0.875rem, 0.972222vw);
  }

  .related-next__title {
    display: block;
    align-self: stretch;
    z-index: 1;
    width: 37.2222vw;
    max-width: 536.0px;
    height: auto;
    position: relative;
    color: #16181B;
    font-family: "txc-pearl";
    font-weight: 400;
    font-size: 1.875rem;
    letter-spacing: 0rem;
    text-transform: uppercase;
    line-height: 1.2;
  }

  .related-stories__text {
    border-top: min(1px, 0.0694444vw) solid #887D6F;
    grid-column: 1;
    grid-row: 1;
    contain: size;
    align-self: stretch;
    justify-self: stretch;
    min-width: 0px;
    min-height: 0px;
    pointer-events: none;
    z-index: 1;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }


}

@media (max-width: 767px) {
.article-page {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  background: var(--color-cream);
  color: var(--color-dark);
  font-family: "Archivo";
}

.article-breadcrumbs {
  display: flex;
}

.article-breadcrumbs img {
  width: 100%;
  height: 100%;
}

.article-breadcrumbs a { color: var(--color-teal); }

.news-article {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.article-header {
  display: flex;
  flex-direction: column;
}

.article-header__meta,
.related-card__meta {
  display: flex;
}

.article-header__heading {
  font-family: "txc-pearl";
  font-weight: 400;
  line-height: 1.05;
}

.article-body {
  display: flex;
  flex-direction: column;
  font-size: 2rem;
}

.article-body ul {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  padding-left: 1.5em;
}

.related-news {
  display: flex;
  flex-direction: column;
}

.related-news__heading {
  font-family: "txc-pearl";
  font-weight: 400;
}

.related-news__grid {
  display: grid;
}

@media (prefers-reduced-motion: no-preference) {
  .related-card:hover, .related-card:active { transform: scale(0.98); }
}

.related-card__content {
  display: flex;
  flex-direction: column;
}

  .article-breadcrumbs {
    align-items: center;
    justify-content: center;
    background: var(--color-cream);
    border-bottom: 1px solid rgba(22, 24, 27, 0.35);
    color: var(--color-muted-tan);
    width: 100%;
    height: max-content;
    gap: 2vw;
    min-height: 14vw;
    padding: 4.1vw 6.4vw;
    font-size: 0.72rem;
  }

  .article-header {
    align-items: center;
    background: var(--color-cream);
    width: 100%;
    height: max-content;
    text-align: center;
    gap: 5.1vw;
    min-height: 62vw;
    padding: 10.25vw 6.4vw;
  }

  .article-header__meta,
  .related-card__meta {
    align-items: center;
    color: var(--color-muted-grey);
    gap: 2.6vw;
    font-size: 0.7rem;
  }

  .article-header__meta span,
  .related-card__meta span {
    display: flex;
    align-items: flex-start;
    background: rgba(243, 127, 60, 0.2);
    color: var(--color-orange);
    font-family: "Archivo", sans-serif;
    font-weight: 600;
    line-height: 1.0833;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 2.6vw 4.4vw;
    border-radius: 1vw;
    font-size: 0.65rem;
  }

  .article-header__meta time,
  .related-card__meta time {
    font-family: "Archivo", sans-serif;
    font-weight: 400;
    line-height: 1.0714;
    color: var(--color-muted-tan);
    font-size: 0.75rem;
  }

  .article-header__heading {
    text-transform: uppercase;
    width: 87vw;
    max-width: 16em;
    font-size: clamp(2.3rem, calc(1.4rem + 4.7vw), 3.6rem);
  }

  .article-hero {
    background-color: var(--color-cream-light);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 2.13333vw;
    align-self: center;
    width: 88vw;
    height: max-content;
    min-height: 66vw;
  }

  .article-body {
    align-self: center;
    height: max-content;
    gap: 4.6vw;
    width: 87vw;
    max-width: 35em;
    min-height: 380vw;
    padding: 12.3vw 0;
  }

  .article-body h2 {
    font-family: "txc-pearl";
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
    margin-top: 5.1vw;
    font-size: clamp(1.75rem, calc(1.2rem + 2.8vw), 2.6rem);
  }

  .article-body p {
    font-size: 1.25rem;
    line-height: 1.65;
  }

  .article-body li {
    font-size: 1.25rem;
    line-height: 1.65;
  }

  .related-news {
    background: var(--color-cream);
    width: 100%;
    height: max-content;
    gap: 7.2vw;
    min-height: 230vw;
    padding: 12.3vw 6.4vw;
  }

  .related-news__heading {
    text-transform: uppercase;
    font-size: clamp(2rem, calc(1.3rem + 3.6vw), 3rem);
  }

  .related-news__grid {
    grid-template-columns: 1fr;
    gap: 7.2vw;
  }

  .related-card {
    background: var(--color-white);
    overflow: hidden;
    transition: transform 0.1s ease-out;
    display: flex;
    flex-direction: column;
    min-height: 90vw;
    border-radius: 3.1vw;
  }

  .related-card__image {
    background-position: center;
    background-size: cover;
    min-height: 52vw;
  }

  .related-card__content {
    gap: 4.1vw;
    min-height: 38vw;
    padding: 5.1vw;
  }

  .related-card__content h3 {
    font-weight: 600;
    line-height: 1.3;
    font-size: 1.5rem;
  }

}

/* Launch photographs follow the story in source order without cropping faces. */
.launch-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(16px, 2vw, 28px);
  width: 100%;
  margin-top: clamp(24px, 3vw, 44px);
  align-items: start;
}
.launch-gallery img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
}
@media (width > 767px) {
  .launch-gallery img:nth-child(3) {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: center top;
  }
}
@media (max-width: 767px) {
  [data-article="launch-party"] .article-body { min-height: 0; }
  .launch-gallery { grid-template-columns: 1fr; }
}

/* Article content populated from the news data. */
@media (width > 767px) {
[data-article-content] > * { font: inherit; color: inherit; margin: 0 0 1.25em; }
[data-article-content] > ul { padding-left: 1.5em; }
[data-article-content] { font: 1.25rem/1.4 "Archivo", sans-serif; color: #16181b; }
[data-article-content] > h2 { font: 1.875rem/1.2 "txc-pearl", serif; }
}
[data-article-content] > h3 { font-weight: 700; }
[data-article-content] a { color: var(--color-teal); text-decoration: underline; }
