:root {
      --red: #CD1C18;
      --steel: #06080f;
      --white: #ffffff;
      --dark: #0B1220;
    }

    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: system-ui, -apple-system, Segoe UI, sans-serif;
      background: var(--red);
      color: var(--white);
      overflow-x: hidden;
    }

    section {
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 10vw;
      position: relative;
    }

    h1,
    h2 {
      font-weight: 900;
      letter-spacing: -1px;
      line-height: 1;
    }

    .hero h1 {
      font-size: clamp(48px, 8vw, 120px);
    }

    .section-title {
      font-size: clamp(42px, 6vw, 90px);
    }

    .sub {
      font-size: clamp(18px, 2vw, 28px);
      margin-top: 20px;
      opacity: .85;
    }

    .altitude {
      position: fixed;
      left: 10px;
      bottom: 50%;
      transform: translateY(-50%) rotate(180deg);
      writing-mode: vertical-rl;
      text-orientation: mixed;
      letter-spacing: 2px;
      font-size: 14px;
      font-weight: 700;
      opacity: .6;
    }

    .steel-line {
      position: absolute;
      bottom: 0;
      left: 0;
      height: 4px;
      background: var(--steel);
      width: 0;
      transition: width 0.3s ease;
    }

    .section-dark {
      background: var(--white);
      color: var(--dark);
    }

    .section-steel {
      background: var(--steel);
      color: var(--white);
    }

    .center-text {
      max-width: 900px;
    }

    footer {
      height: 40vh;
      background: var(--red);
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      font-size: 14px;
      opacity: .6;
    }