.nitrox-story {
  display: grid;
  grid-template-columns: .72fr 1.28fr;
  gap: clamp(45px, 8vw, 120px);
  align-items: center;
  color: #fff;
  background: linear-gradient(120deg, #063554 0%, #007ca5 100%);
}

.nitrox-year {
  min-height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 45px;
  border: 1px solid #ffffff4a;
  background: #021c2d40;
}

.nitrox-year span,
.nitrox-year small {
  color: #9feaf2;
  font: 600 11px Oswald;
  letter-spacing: .28em;
}

.nitrox-year strong {
  display: block;
  margin: 16px 0;
  color: #fff;
  font: 600 clamp(48px, 6vw, 82px)/1 Oswald;
  letter-spacing: -.03em;
}

.nitrox-copy h2 {
  margin: 0;
  font-size: clamp(34px, 4vw, 60px);
  line-height: 1.35;
}

.nitrox-one-line {
  display: inline-block;
  white-space: nowrap;
  font-size: clamp(28px, 3.15vw, 48px);
  letter-spacing: -.025em;
}

.nitrox-copy > p:not(.eyebrow) {
  max-width: 760px;
  margin: 28px 0;
  color: #d9f1f6;
  font-size: 16px;
  line-height: 2;
}

.nitrox-credential {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 28px 0;
  padding: 20px 22px;
  border-left: 4px solid var(--cyan);
  background: #001d304f;
}

.nitrox-credential > span {
  flex: 0 0 auto;
  padding: 8px 10px;
  color: #00233a;
  background: var(--cyan);
  font: 700 12px Oswald;
  letter-spacing: .12em;
}

.nitrox-credential p {
  margin: 0;
  line-height: 1.8;
}

.nitrox-link {
  color: #fff;
  border-bottom-color: #fff;
}

@media (max-width: 900px) {
  .nitrox-story { grid-template-columns: 1fr; }
  .nitrox-year { min-height: 240px; }
}

@media (max-width: 560px) {
  .nitrox-year { padding: 30px; }
  .nitrox-credential { align-items: flex-start; }
}