#hydrogen { grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: clamp(32px,4vw,64px); align-items: stretch; }
#hydrogen::before { display: none; }
#hydrogen h2 { letter-spacing: normal; }
#hydrogen .hydrogen-image { min-height: 540px; background-position: 46% center; }
#hydrogen .large-copy { margin-bottom: 0; }
#hydrogen .emission-axis-panel { margin-top: 26px; padding: 24px; background: #f2f7f4; border: 0; }
#hydrogen .standard-title { align-items: baseline; margin-bottom: 0; font-size: 14px; }
#hydrogen .axis-caption { margin: 22px 4px 0; position: relative; height: 66px; }
#hydrogen .axis-range {
  position: absolute;
  top: 34px;
  color: var(--green-deep);
  text-align: center;
}
#hydrogen .axis-range > span { display: block; width: max-content; margin-left: 50%; transform: translateX(-50%); }
#hydrogen .axis-clean { top: 0; left: 0; width: 19.3%; }
#hydrogen .axis-renewable { left: 0; width: 10%; color: #497954; }
#hydrogen .axis-low-carbon { left: 19.3%; width: 46.85%; }
#hydrogen .axis-range::after {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  height: 6px;
  border-top: 1px solid currentColor;
  border-left: 1px solid currentColor;
  border-right: 1px solid currentColor;
  content: '';
}
#hydrogen .axis-clean::after { border-color: #39876b; }
#hydrogen .axis-renewable::after { border-color: #78ad83; }
#hydrogen .emission-axis { margin-top: 20px; }
#hydrogen .axis-rail { background: linear-gradient(90deg, #a8cea2 0%, #78ad83 10%, var(--green-deep) 19.3%, var(--green-deep) 60%, #e29b52 66.15%, #c94e49 100%); }
#hydrogen .axis-muhawk .axis-label { transform: translateX(-50%); text-align: center; }
#hydrogen .axis-standards { padding: 16px 0; }
#hydrogen .standard-note { margin-top: 10px; line-height: 1.75; }
#hydrogen .product-points { margin-top: 22px; }
#hydrogen .product-points div { grid-template-columns: 132px minmax(0,1fr); gap: 20px; padding: 14px 0; }
#hydrogen .product-points dd { font-size: var(--type-body); line-height: var(--type-body-leading); }
#hydrogen .product-points dt { font-size: var(--type-subtitle); font-weight: 610; line-height: 1.3; letter-spacing: normal; }
@media (min-width: 861px) {
  #hydrogen .product-points dt,
  #hydrogen .product-points dd { font-size: 16px !important; }
  #hydrogen .product-points dt { line-height: var(--type-body-leading); }
}
@media (max-width: 1100px) {
  #hydrogen { grid-template-columns: 1fr; gap: 30px; }
  #hydrogen .hydrogen-image { min-height: 0; height: 340px; background-position: center 58%; }
}
@media (max-width: 600px) {
  #hydrogen .hydrogen-image { height: 260px; }
  #hydrogen .emission-axis-panel { padding: 20px 12px; }
  #hydrogen .standard-title { font-size: 13px; }
  #hydrogen .product-points div { grid-template-columns: 1fr; gap: 5px; }
  #hydrogen .axis-standards { font-size: 12px; }
}