.coal-enterprises-page {
  --coal-blue: #184d98;
  --coal-orange: #e94e0f;
  --coal-ink: #3c3c3b;
  --coal-paper: #f3f7fd;
  --coal-rule: #b9cbe2;
  --coal-current: rgba(24, 77, 152, 0.06);
  overflow-x: clip;
  color: var(--coal-ink);
  background: var(--coal-paper);
  font-family: var(--font-report-body);
  font-synthesis: none;
}

.runtime-picture {
  display: contents;
}

.coal-enterprises-main {
  min-height: calc(100dvh - 80px);
  overflow: clip;
  background: var(--coal-paper);
}

.coal-enterprises-heading-band {
  padding-block: clamp(48px, 6vw, 88px);
  color: #fff;
  background: var(--coal-blue);
}

.coal-enterprises-heading-canvas,
.coal-enterprises-canvas {
  background: inherit;
}

.coal-enterprises-heading-rail {
  display: grid;
  gap: clamp(16px, 2vw, 28px);
}

.coal-profile-parent-heading,
.coal-profile-title,
.coal-profile-company-title {
  margin: 0;
  font-family: var(--font-report-display);
  font-style: normal;
}

.coal-profile-parent-heading {
  font-size: clamp(2.25rem, 4.7vw, 4.25rem);
  font-weight: 700;
  line-height: 0.96;
  text-transform: uppercase;
}

.coal-profile-title {
  max-width: 24ch;
  font-size: clamp(1.75rem, 3.3vw, 3rem);
  font-weight: 700;
  line-height: 1;
}

.coal-enterprises-flow {
  gap: clamp(56px, 6vw, 88px);
  padding-block: clamp(56px, 7vw, 104px) clamp(96px, 10vw, 152px);
}

.coal-profile-company {
  display: grid;
  gap: clamp(28px, 4vw, 52px);
}

.coal-profile-company-title {
  color: var(--coal-blue);
  font-size: clamp(1.75rem, 3vw, 2.75rem);
  font-weight: 700;
  line-height: 1.02;
}

.coal-profile-company-visuals {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(28px, 3.25vw, 48px);
  align-items: stretch;
  width: 100%;
}

.coal-profile-figure,
.coal-metrics-mine,
.coal-metrics-map {
  margin: 0;
}

.coal-profile-figure {
  width: 100%;
  aspect-ratio: 5056 / 3234.326239;
  overflow: hidden;
  background: #d8e7f5;
}

.coal-profile-company-visuals > .coal-profile-figure {
  min-height: 100%;
  aspect-ratio: auto;
}

.coal-profile-figure img,
.coal-metrics-mine img,
.coal-metrics-map__frame img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.coal-profile-figure img {
  object-position: 50% 50%;
}

.coal-profile-overview,
.coal-profile-narrative p,
.coal-profile-fact dd {
  margin: 0;
  font-size: clamp(1rem, 1.22vw, 1.125rem);
  font-weight: 400;
  line-height: 1.55;
}

.coal-profile-no-break {
  white-space: nowrap;
}

.coal-profile-facts-layout {
  --coal-fact-icon: clamp(52px, 4.45vw, 64px);
  --coal-fact-step: calc(var(--coal-fact-icon) * 1.5385);
  --coal-fact-long-step: calc(var(--coal-fact-icon) * 3.45);
  display: grid;
  grid-template-columns: var(--coal-fact-icon) minmax(0, 1fr);
  column-gap: clamp(20px, 2.5vw, 34px);
  width: min(100%, 48rem);
}

.coal-profile-facts {
  display: grid;
  grid-column: 2;
  grid-row: 1;
  grid-template-rows:
    var(--coal-fact-step)
    var(--coal-fact-step)
    var(--coal-fact-step)
    var(--coal-fact-long-step)
    var(--coal-fact-icon);
  min-width: 0;
  margin: 0;
}

.coal-profile-facts__rail {
  display: grid;
  grid-column: 1;
  grid-row: 1;
  grid-template-rows:
    var(--coal-fact-icon)
    calc(var(--coal-fact-step) - var(--coal-fact-icon))
    var(--coal-fact-icon)
    calc(var(--coal-fact-step) - var(--coal-fact-icon))
    var(--coal-fact-icon)
    calc(var(--coal-fact-step) - var(--coal-fact-icon))
    var(--coal-fact-icon)
    calc(var(--coal-fact-long-step) - var(--coal-fact-icon))
    var(--coal-fact-icon);
  width: var(--coal-fact-icon);
}

.coal-profile-facts__rail img {
  display: block;
  width: 100%;
  height: 100%;
}

.coal-profile-facts__icon {
  object-fit: contain;
}

.coal-profile-facts__connector {
  object-fit: fill;
}

.coal-profile-fact {
  display: block;
  min-width: 0;
  padding-block-start: calc(var(--coal-fact-icon) * 0.18);
}

.coal-profile-fact:nth-of-type(1) {
  grid-row: 1;
}

.coal-profile-fact:nth-of-type(2) {
  grid-row: 2;
}

.coal-profile-fact:nth-of-type(3) {
  grid-row: 3;
}

.coal-profile-fact:nth-of-type(4) {
  grid-row: 4;
}

.coal-profile-fact:nth-of-type(5) {
  grid-row: 5;
}

.coal-profile-fact dt,
.coal-profile-fact dd {
  min-width: 0;
}

.coal-profile-fact dt {
  margin-block-end: 0.35rem;
  color: var(--coal-blue);
  font-family: var(--font-report-display);
  font-size: clamp(0.8125rem, 0.95vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.25;
  text-transform: uppercase;
}

.coal-profile-fact dd {
  overflow-wrap: anywhere;
}

.coal-profile-address {
  margin: 0;
  color: #000;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.4286;
}

.coal-profile-fact--employees dd {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.4rem;
}

.coal-profile-fact--employees strong {
  color: var(--coal-ink);
  font-size: clamp(2rem, 3vw, 3.5rem);
  font-weight: 700;
  line-height: 0.9;
}

.coal-profile-fact--ownership strong,
.coal-metrics-table strong {
  font-weight: 700;
}

.coal-profile-narrative {
  display: grid;
  gap: clamp(22px, 2.5vw, 34px);
}

.coal-profile-narrative h3 {
  margin: 0;
  color: var(--coal-ink);
  font-family: var(--font-report-body);
  font-size: clamp(1.375rem, 2vw, 1.875rem);
  font-weight: 700;
  line-height: 1.08;
}

.coal-profile-narrative p + p {
  margin-block-start: clamp(-8px, -0.5vw, -4px);
}

.coal-metrics-mine {
  width: 100%;
  background: #d8e7f5;
}

.coal-metrics-visual-pair {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: clamp(24px, 3vw, 42px);
  align-items: start;
  width: 100%;
}

.coal-metrics-mine img,
.coal-metrics-map__frame img {
  height: auto;
  object-fit: contain;
}

.coal-metrics-map {
  display: grid;
  gap: clamp(18px, 2vw, 28px);
  padding: clamp(24px, 3.5vw, 48px);
  background: #fff;
}

.coal-metrics-map figcaption {
  margin: 0;
  color: var(--coal-ink);
  font-family: var(--type-footnote-family);
  font-size: var(--type-footnote-size);
  font-weight: var(--type-footnote-weight);
  line-height: var(--type-footnote-leading);
}

.coal-metrics-map__frame {
  width: 100%;
  background: #fff;
}

.coal-metrics-map__frame img {
  object-position: center;
}

.coal-metrics-table-section {
  display: grid;
  min-width: 0;
  width: 100%;
  gap: clamp(18px, 2vw, 28px);
}

.coal-metrics-table-section h2 {
  margin: 0;
  color: var(--coal-blue);
  font-family: var(--type-table-header-family);
  font-size: var(--type-table-header-size);
  font-weight: var(--type-table-header-weight);
  line-height: var(--type-table-header-leading);
}

.coal-metrics-table-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

.coal-metrics-table-scroll:focus-visible {
  outline: 3px solid var(--coal-orange);
  outline-offset: 4px;
}

.coal-metrics-table {
  width: 100%;
  min-width: 46rem;
  border-collapse: collapse;
  border-block-end: 2pt solid var(--coal-blue);
  color: var(--coal-ink);
  font-family: var(--type-table-body-family);
  font-size: var(--type-table-body-size);
  font-variant-numeric: lining-nums tabular-nums;
  font-weight: var(--type-table-body-weight);
  line-height: var(--type-table-body-leading);
}

.coal-metrics-table th,
.coal-metrics-table td {
  padding: clamp(12px, 1.2vw, 18px);
  border-block-end: 0.5pt solid var(--coal-blue);
  text-align: center;
  vertical-align: middle;
}

.coal-metrics-table thead th {
  color: #fff;
  background: var(--coal-blue);
  font-family: var(--type-table-header-family);
  font-weight: var(--type-table-header-weight);
  line-height: var(--type-table-header-leading);
}

.coal-metrics-table th:first-child,
.coal-metrics-table td:first-child {
  width: 52%;
  text-align: left;
}

.coal-metrics-table tbody th {
  font-weight: var(--type-table-body-weight);
}

.coal-metrics-table__current {
  background: var(--coal-current);
}

.coal-metrics-table__subrow-label {
  --report-bullet-marker-size: var(--approved-type-body-size);
  --report-bullet-marker-first-line-offset: calc((1lh - var(--report-bullet-marker-size)) / 2);
  display: inline-flex;
  gap: 0.75rem;
  align-items: flex-start;
  padding-inline-start: 0.25rem;
}

.coal-number-counter {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

.coal-enterprises-motion-ready .coal-motion-heading .coal-profile-parent-heading,
.coal-enterprises-motion-ready .coal-motion-heading .coal-profile-title,
.coal-enterprises-motion-ready .coal-motion-company-title,
.coal-enterprises-motion-ready .coal-motion-copy,
.coal-enterprises-motion-ready .coal-motion-narrative h3,
.coal-enterprises-motion-ready .coal-motion-narrative p,
.coal-enterprises-motion-ready .coal-motion-map-caption,
.coal-enterprises-motion-ready .coal-motion-table h2,
.coal-enterprises-motion-ready .coal-motion-table .coal-metrics-table-scroll {
  opacity: 0;
  transform: translate3d(0, 24px, 0);
  transition:
    opacity 760ms cubic-bezier(.16, 1, .3, 1),
    transform 900ms cubic-bezier(.16, 1, .3, 1);
  will-change: opacity, transform;
}

.coal-enterprises-motion-ready .coal-motion-heading.is-visible .coal-profile-parent-heading,
.coal-enterprises-motion-ready .coal-motion-heading.is-visible .coal-profile-title,
.coal-enterprises-motion-ready .coal-motion-company-title.is-visible,
.coal-enterprises-motion-ready .coal-motion-copy.is-visible,
.coal-enterprises-motion-ready .coal-motion-narrative.is-visible h3,
.coal-enterprises-motion-ready .coal-motion-narrative.is-visible p,
.coal-enterprises-motion-ready .coal-motion-map-caption.is-visible,
.coal-enterprises-motion-ready .coal-motion-table.is-visible h2,
.coal-enterprises-motion-ready .coal-motion-table.is-visible .coal-metrics-table-scroll {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.coal-enterprises-motion-ready .coal-motion-heading .coal-profile-title {
  transition-delay: 170ms;
}

.coal-enterprises-motion-ready .coal-motion-fact {
  opacity: 0;
  transform: translate3d(16px, 0, 0);
  transition:
    opacity 680ms cubic-bezier(.16, 1, .3, 1) var(--coal-fact-copy-delay, 0ms),
    transform 820ms cubic-bezier(.16, 1, .3, 1) var(--coal-fact-copy-delay, 0ms);
  will-change: opacity, transform;
}

.coal-enterprises-motion-ready .coal-motion-fact.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.coal-enterprises-motion-ready .coal-motion-fact-icon {
  opacity: 0;
  transform: scale(.88);
  transition:
    opacity 480ms ease-out var(--coal-fact-piece-delay, 0ms),
    transform 620ms cubic-bezier(.16, 1, .3, 1) var(--coal-fact-piece-delay, 0ms);
  will-change: opacity, transform;
}

.coal-enterprises-motion-ready .coal-motion-fact-icon.is-visible {
  opacity: 1;
  transform: scale(1);
}

.coal-enterprises-motion-ready .coal-motion-fact-connector {
  opacity: 0;
  clip-path: inset(0 0 100% 0);
  transition:
    opacity 180ms ease-out,
    clip-path 520ms cubic-bezier(.4, 0, .2, 1);
  will-change: opacity, clip-path;
}

.coal-enterprises-motion-ready .coal-motion-fact-connector.is-visible {
  opacity: 1;
  clip-path: inset(0 0 0 0);
}

.coal-enterprises-motion-ready .coal-motion-narrative p {
  transition-delay: var(--coal-narrative-delay, 170ms);
}

.coal-enterprises-motion-ready .coal-motion-table .coal-metrics-table-scroll {
  clip-path: inset(14% 0 0 0);
  transition:
    opacity 820ms cubic-bezier(.16, 1, .3, 1) 140ms,
    transform 980ms cubic-bezier(.16, 1, .3, 1) 140ms,
    clip-path 980ms cubic-bezier(.16, 1, .3, 1) 140ms;
}

.coal-enterprises-motion-ready .coal-motion-table.is-visible .coal-metrics-table-scroll {
  clip-path: inset(0 0 0 0);
}

@media (max-width: 64rem) {
  .coal-profile-company-visuals,
  .coal-metrics-visual-pair {
    grid-template-columns: minmax(0, 1fr);
  }

  .coal-profile-company-visuals > .coal-profile-figure {
    min-height: 0;
    aspect-ratio: 5056 / 3234.326239;
  }
}

@media (max-width: 48rem) {
  .coal-profile-facts-layout {
    --coal-fact-step: calc(var(--coal-fact-icon) * 1.78);
    --coal-fact-long-step: calc(var(--coal-fact-icon) * 4.42);
  }

  .coal-profile-facts {
    grid-template-rows:
      var(--coal-fact-step)
      var(--coal-fact-step)
      var(--coal-fact-step)
      var(--coal-fact-long-step)
      minmax(var(--coal-fact-icon), auto);
  }

  .coal-enterprises-heading-band {
    padding-block: 40px 46px;
  }

  .coal-enterprises-flow {
    gap: 52px;
    padding-block: 48px 88px;
  }

  .coal-metrics-map {
    padding: 24px;
  }
}

@media (max-width: 30rem) {
  .coal-profile-parent-heading {
    font-size: clamp(2rem, 10.5vw, 2.75rem);
  }

  .coal-profile-title,
  .coal-profile-company-title {
    font-size: clamp(1.625rem, 8vw, 2rem);
  }

  .coal-profile-no-break {
    white-space: normal;
  }

  .coal-metrics-map {
    padding: 20px;
  }

  .coal-metrics-table {
    min-width: 42rem;
  }
}

@media (forced-colors: active) {
  .coal-enterprises-heading-band,
  .coal-profile-facts-layout,
  .coal-metrics-map,
  .coal-metrics-table {
    border: 1px solid CanvasText;
  }
}

@media (prefers-reduced-motion: reduce) {
  .coal-enterprises-page *,
  .coal-enterprises-page *::before,
  .coal-enterprises-page *::after {
    animation: none !important;
    transition: none !important;
  }
}
