:root {

  --dr-burgundy:      #5A1314;
  --dr-burgundy-deep: #3E0D0E;
  --dr-gold:          #FDB517;
  --dr-gold-hi:       #FFDA89;
  --dr-gold-deep:     #A9631B;

  --dr-gold-deep-ink: #8A4E12;
  --dr-navy:          #21346D;

  --dr-paper:         #FCFBF9;
  --dr-paper-mid:     #F6F3ED;
  --dr-paper-deep:    #ECE2D4;
  --dr-paper-edge:    #E0D2BD;

  --dr-field-dark:    #2B0F07;
  --dr-field-red:     #5B0000;

  --dr-site-navy:     #002D7B;
  --dr-site-terra:    #CB6D51;

  --dr-site-terra-ink:#9E4A2E;
  --dr-site-lightblue:#B6E3F2;
  --dr-site-gray:     #222222;
  --dr-site-lightgray:#F5F5F5;

  --dr-font-display: "GT America", "Archivo", system-ui, sans-serif;
  --dr-font-chrome:  "Sutro Shaded Fill", "GT America", "Archivo", system-ui, sans-serif;
  --dr-font-body:    "GT America", "Archivo", system-ui, sans-serif;
  --dr-font-site-serif: "Lora", Georgia, serif;
  --dr-font-site-sans:  "Open Sans", system-ui, sans-serif;

  --dr-notch: 10px;

  --dr-ease: cubic-bezier(.22,.61,.36,1);
  --dr-ease-out-back: cubic-bezier(.34,1.3,.64,1);
}

.drive {
  font-family: var(--dr-font-body);
  color: var(--dr-navy);
  overflow-x: clip;
}

.drive *,
.drive *::before,
.drive *::after { box-sizing: border-box; }

.drive img { max-width: 100%; height: auto; }

.dr-notch {
  border-top-left-radius: var(--dr-notch);
  border-bottom-right-radius: var(--dr-notch);
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
}
.dr-paper {
  position: relative;
  background:
    linear-gradient(160deg, var(--dr-paper) 0%, var(--dr-paper-mid) 45%, var(--dr-paper-deep) 100%);
}
.dr-paper::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("../assets/img/the-drive/paper-texture.jpg");
  background-size: cover;
  background-position: center;
  mix-blend-mode: multiply;
  opacity: .55;
  pointer-events: none;
}
.dr-paper > * { position: relative; z-index: 1; }

.dr-kicker {
  display: block;
  font-family: var(--dr-font-display);
  font-weight: 900;
  font-size: clamp(1.35rem, 3.5vw, 2.85rem);
  letter-spacing: .24em;
  line-height: 1;
  color: var(--dr-burgundy);
  text-transform: uppercase;
  margin: 0 0 .1em;

  text-indent: .12em;
}

.dr-subhead {
  display: inline-block;
  font-family: var(--dr-font-display);
  font-weight: 900;
  font-size: clamp(1.4rem, 3.6vw, 2.95rem);
  letter-spacing: .02em;
  line-height: .95;
  color: var(--dr-burgundy);
  text-transform: uppercase;
  margin: 0;
}

.dr-chrome {
  font-family: var(--dr-font-chrome);
  font-weight: 900;
  font-stretch: 112%;
  text-transform: uppercase;
  color: var(--dr-burgundy);
  letter-spacing: -.035em;
  line-height: .92;
  display: inline-block;
  text-shadow:
    0.0074em 0.0028em 0 var(--dr-gold),
    0.0148em 0.0055em 0 var(--dr-gold),
    0.0222em 0.0083em 0 var(--dr-gold),
    0.0296em 0.0111em 0 var(--dr-gold),
    0.0370em 0.0139em 0 var(--dr-gold),
    0.0444em 0.0166em 0 var(--dr-gold),
    0.0518em 0.0194em 0 var(--dr-gold),
    0.0592em 0.0222em 0 var(--dr-gold),
    0.0665em 0.0250em 0 var(--dr-gold),
    0.0739em 0.0277em 0 var(--dr-gold),
    0.0813em 0.0305em 0 var(--dr-gold),
    0.0887em 0.0333em 0 var(--dr-gold),
    0.0961em 0.0360em 0 var(--dr-gold),
    0.1035em 0.0388em 0 var(--dr-gold),
    0.1109em 0.0416em 0 var(--dr-gold),
    0.1183em 0.0444em 0 var(--dr-gold),
    0.1257em 0.0471em 0 var(--dr-gold),
    0.1331em 0.0499em 0 var(--dr-gold),
    0.1405em 0.0527em 0 var(--dr-gold),
    0.0056em 0.0056em 0 var(--dr-gold-hi),
    0.0112em 0.0112em 0 var(--dr-gold-hi),
    0.0168em 0.0168em 0 var(--dr-gold-hi),
    0.0224em 0.0224em 0 var(--dr-gold-hi),
    0.0279em 0.0279em 0 var(--dr-gold-hi),
    0.0335em 0.0335em 0 var(--dr-gold-hi),
    0.0391em 0.0391em 0 var(--dr-gold-hi),
    0.0447em 0.0447em 0 var(--dr-gold-hi),
    0.0503em 0.0503em 0 var(--dr-gold-hi),
    0.0559em 0.0559em 0 var(--dr-gold-hi),
    0.0615em 0.0615em 0 var(--dr-gold-hi),
    0.0671em 0.0671em 0 var(--dr-gold-hi),
    0.0726em 0.0726em 0 var(--dr-gold-hi),
    0.0782em 0.0782em 0 var(--dr-gold-hi),
    0.0838em 0.0838em 0 var(--dr-gold-hi),
    0.0894em 0.0894em 0 var(--dr-gold-hi),
    0.0950em 0.0950em 0 var(--dr-gold-hi),
    0.1006em 0.1006em 0 var(--dr-gold-hi),
    0.1062em 0.1062em 0 var(--dr-gold-hi),
    0.1118em 0.1118em 0 var(--dr-gold-hi),
    0.1173em 0.1173em 0 var(--dr-gold-hi),
    0.1229em 0.1229em 0 var(--dr-gold-hi);
}

.dr-chrome-xl {
  font-size: clamp(2.7rem, 7.6vw, 6.1rem);
}
.dr-chrome-inline {
  font-size: clamp(1.75rem, 4.4vw, 3.6rem);
  letter-spacing: -.045em;
  vertical-align: baseline;
}

@media (max-width: 575.98px) {
  .dr-chrome {
    text-shadow:
      0.0092em 0.0034em 0 var(--dr-gold),
    0.0184em 0.0069em 0 var(--dr-gold),
    0.0276em 0.0103em 0 var(--dr-gold),
    0.0368em 0.0138em 0 var(--dr-gold),
    0.0460em 0.0172em 0 var(--dr-gold),
    0.0552em 0.0207em 0 var(--dr-gold),
    0.0644em 0.0241em 0 var(--dr-gold),
    0.0736em 0.0276em 0 var(--dr-gold),
    0.0828em 0.0310em 0 var(--dr-gold),
    0.0920em 0.0345em 0 var(--dr-gold),
    0.1012em 0.0379em 0 var(--dr-gold),
    0.0068em 0.0068em 0 var(--dr-gold-hi),
    0.0136em 0.0136em 0 var(--dr-gold-hi),
    0.0204em 0.0204em 0 var(--dr-gold-hi),
    0.0272em 0.0272em 0 var(--dr-gold-hi),
    0.0340em 0.0340em 0 var(--dr-gold-hi),
    0.0408em 0.0408em 0 var(--dr-gold-hi),
    0.0477em 0.0477em 0 var(--dr-gold-hi),
    0.0545em 0.0545em 0 var(--dr-gold-hi),
    0.0613em 0.0613em 0 var(--dr-gold-hi),
    0.0681em 0.0681em 0 var(--dr-gold-hi),
    0.0749em 0.0749em 0 var(--dr-gold-hi),
    0.0817em 0.0817em 0 var(--dr-gold-hi),
    0.0885em 0.0885em 0 var(--dr-gold-hi);
  }
}

.dr-rule {
  display: block;
  height: clamp(4px, .085em, 7px);
  width: 100%;
  background: var(--dr-burgundy);
  -webkit-mask-image: url("../assets/img/the-drive/rule-top.png");
  mask-image: url("../assets/img/the-drive/rule-top.png");
  -webkit-mask-size: auto 100%;
  mask-size: auto 100%;
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
}
.dr-hero-headline .dr-rule:last-child {
  -webkit-mask-image: url("../assets/img/the-drive/rule-bottom.png");
  mask-image: url("../assets/img/the-drive/rule-bottom.png");
}

.dr-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55em;
  font-family: var(--dr-font-site-sans);
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: normal;
  line-height: 1.5;
  padding: 7px 50px;
  border-radius: 50rem;
  border: 2px solid transparent;
  text-decoration: none;
  cursor: pointer;
  transition: transform .25s var(--dr-ease), box-shadow .25s var(--dr-ease),
              background-color .25s var(--dr-ease), color .25s var(--dr-ease),
              border-color .25s var(--dr-ease);
}

.dr-btn-primary {
  background: var(--dr-navy);
  border-color: var(--dr-navy);
  color: #fff;
}
.dr-btn-primary:hover,
.dr-btn-primary:focus-visible {
  background: #182750;
  border-color: #182750;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 8px 22px -6px rgba(33,52,109,.55);
}

.dr-btn-gold {
  background: var(--dr-gold);
  border-color: var(--dr-gold);
  color: var(--dr-burgundy);
}
.dr-btn-gold:hover,
.dr-btn-gold:focus-visible {
  background: var(--dr-gold-hi);
  border-color: var(--dr-gold-hi);
  color: var(--dr-burgundy);
  transform: translateY(-2px);
}.dr-btn .dr-btn-arrow {
  width: .5em; height: .64em;
  flex: 0 0 auto;
  transition: transform .25s var(--dr-ease);
}
.dr-btn:hover .dr-btn-arrow { transform: translateX(3px); }

.dr-bar {
  background: var(--dr-burgundy);
  color: var(--dr-paper-mid);
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1020;
  transform: translateY(-100%);
  opacity: 0;
  visibility: hidden;
  transition: transform .32s var(--dr-ease), opacity .32s var(--dr-ease),
              visibility 0s linear .32s;
  box-shadow: 0 6px 20px -10px rgba(43,15,7,.7);
}
.dr-bar.is-visible {
  transform: none;
  opacity: 1;
  visibility: visible;
  transition: transform .32s var(--dr-ease), opacity .32s var(--dr-ease),
              visibility 0s;
}
@media (prefers-reduced-motion: reduce) {
  .dr-bar { transition: opacity .01ms, visibility 0s linear .01ms; }
  .dr-bar.is-visible { transition: opacity .01ms, visibility 0s; }
}
.dr-bar-in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  padding: .55rem 0;
}
.dr-bar-lockup {
  display: flex;
  align-items: center;
  gap: .85rem;
  min-width: 0;
}
.dr-bar-lockup img { height: 30px; width: auto; }
.dr-bar-name {
  font-family: var(--dr-font-display);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: .74rem;
  color: var(--dr-gold);
  white-space: nowrap;
}
.dr-bar .dr-btn {
  padding: .62em 1.5em;
  font-size: .92rem;
}
@media (max-width: 767.98px) {
  .dr-bar-name { display: none; }
  .dr-bar-lockup img { height: 28px; }
  .dr-bar .dr-btn { padding: .58em 1.15em; font-size: .84rem; }
}

.dr-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;

  min-height: clamp(660px, 46vw, 820px);
  display: flex;
  align-items: center;
}

.dr-hero::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 34%;
  z-index: 3;
  pointer-events: none;
  background: linear-gradient(180deg,
    rgba(252,251,249,0) 0%,
    rgba(252,251,249,.35) 38%,
    rgba(252,251,249,.72) 64%,
    rgba(252,251,249,.94) 86%,
    rgb(252,251,249) 100%);
}

.dr-hero .dr-hero-grain {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 34%;
  z-index: 4;
  pointer-events: none;
  background-image: url("../assets/img/the-drive/paper-texture.jpg");
  background-size: cover;
  background-position: center bottom;
  mix-blend-mode: multiply;
  opacity: .55;
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 70%);
  mask-image: linear-gradient(180deg, transparent 0%, #000 70%);
}

.dr-hero-stage {
  position: absolute;
  top: 0; bottom: 0;
  left: 51.5%;
  right: 0;
  background-image: url("../assets/img/the-drive/stadium-bg.jpg");
  background-size: cover;
  background-position: 42% center;
  z-index: 0;
  overflow: hidden;
}

.dr-hero-stage .dr-hero-fog {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 34%;
  background: linear-gradient(180deg,
    rgba(246,243,237,0) 0%,
    rgba(246,243,237,.55) 55%,
    rgba(246,243,237,.92) 100%);
  pointer-events: none;
}

.dr-hero-players {
  position: absolute;

  top: 1.5%;
  right: 2%;
  bottom: auto;

  height: 152%;
  width: auto;
  max-width: none;
  z-index: 2;
  pointer-events: none;
  will-change: transform;
  -webkit-mask-image: linear-gradient(180deg, #000 58%, rgba(0,0,0,.5) 73%, transparent 82%);
  mask-image: linear-gradient(180deg, #000 58%, rgba(0,0,0,.5) 73%, transparent 82%);
}

.dr-players-stage {
  position: relative;
  height: 100%;
  width: auto;
  aspect-ratio: 1027 / 1260;
  margin-left: auto;
}

.dr-player {
  position: absolute;

  transform: translate3d(0, var(--dr-py, 0px), 0);

}
.dr-player picture { display: block; }
.dr-player img {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;

}

.dr-player picture {
  opacity: 0;
  transform: translateY(26px) scale(.99);
  transition: opacity .8s var(--dr-ease), transform .9s var(--dr-ease);
}
.dr-player.is-in picture { opacity: 1; transform: none; }
.dr-player[data-delay="0"] picture { transition-delay: .05s; }
.dr-player[data-delay="1"] picture { transition-delay: .13s; }
.dr-player[data-delay="2"] picture { transition-delay: .21s; }
.dr-player[data-delay="3"] picture { transition-delay: .29s; }
.dr-player[data-delay="4"] picture { transition-delay: .37s; }
.dr-player[data-delay="5"] picture { transition-delay: .45s; }

@media (prefers-reduced-motion: reduce) {
  .dr-player { transform: none !important; }
  .dr-player picture { opacity: 1; transform: none; transition: none; }
}

.dr-hero-body {
  position: relative;
  z-index: 5;

  padding: clamp(.75rem, 1.6vw, 1.35rem) 0 clamp(2.25rem, 4vw, 3.25rem);
  width: min(100%, 34rem);

  margin-left: clamp(0px, 4vw, 72px);
}.dr-hero-headline { margin: 0; }
.dr-hero-headline .dr-rule:first-child { margin-bottom: clamp(.7rem, 1.4vw, 1.05rem); }
.dr-hero-headline .dr-rule:last-child  { margin-top:    clamp(.7rem, 1.4vw, 1.05rem); }

.dr-hero-line3 {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0 .28em;
  margin-top: .1em;
}
.dr-hero-star {
  font-family: var(--dr-font-display);
  font-weight: 900;
  font-size: clamp(1rem, 2vw, 1.7rem);
  color: var(--dr-burgundy);
  align-self: flex-start;
  line-height: 1;
}

.dr-hero-lede {
  font-family: var(--dr-font-body);
  font-weight: 700;
  font-size: clamp(1.02rem, 1.4vw, 1.25rem);
  letter-spacing: -.02em;
  line-height: 1.45;
  color: var(--dr-navy);
  max-width: 30ch;
  margin: clamp(1.1rem, 2.2vw, 1.7rem) 0 clamp(1.2rem, 2.2vw, 1.6rem);
}

.dr-hero-legal {
  font-family: var(--dr-font-site-sans);
  font-weight: 600;
  font-size: .8rem;
  letter-spacing: normal;
  text-transform: none;
  color: var(--dr-navy);
  margin: clamp(.9rem, 1.8vw, 1.3rem) 0 0;
  opacity: .92;
}

.dr-hero-yards {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: clamp(38px, 5vw, 62px);
  z-index: 5;
  background-image: url("../assets/img/the-drive/yardline-numbers.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  opacity: .55;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 58%, transparent 88%);
  mask-image: linear-gradient(90deg, #000 0%, #000 58%, transparent 88%);
}

@media (max-width: 1199.98px) {
  .dr-hero-body { width: min(100%, 30rem); }
  .dr-hero-players { height: 146%; right: 0; }
}

@media (max-width: 991.98px) {

  .dr-hero {
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  .dr-hero > .container { order: 1; }
  .dr-hero-players     { order: 2; }

  .dr-hero-stage {
    left: 0;
    top: auto;
    height: 44%;
    background-position: 62% bottom;
  }

  .dr-hero-players {
    position: relative;
    top: auto; right: auto; bottom: auto;
    height: auto;
    width: min(88%, 420px);
    margin: -.5rem auto -10%;
  }
  .dr-players-stage { height: auto; width: 100%; aspect-ratio: 1027 / 1260; }

  .dr-hero-body {
    width: 100%;

    margin-left: 0;
    padding: clamp(1.5rem, 5vw, 2.25rem) 0 .5rem;
    text-align: center;
  }  .dr-hero-lede    { margin-inline: auto; }
  .dr-hero-line3   { justify-content: center; }
  .dr-kicker       { text-indent: 0; }

  .dr-hero-yards {
    height: clamp(30px, 7vw, 44px);
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 88%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 88%, transparent 100%);
  }
}

@media (max-width: 575.98px) {
  .dr-hero-players { width: min(94%, 340px) !important; }
}

.dr-steps { padding: clamp(3.5rem, 7vw, 6rem) 0; }

.drive .three-text.dr-steps div.icon svg {
  width: auto;
  height: clamp(62px, 7vw, 88px);
  display: block;
  margin: 0 auto;
}

.drive .three-text.dr-steps div.icon svg,
.drive .three-text.dr-steps div.icon svg * {
  fill: currentColor;
  stroke: none;
}

.dr-steps-row { position: relative; }

.dr-step { position: relative; }

.dr-step + .dr-step::before {
  content: "";
  position: absolute;
  left: 0; top: 12%;
  width: 3px; height: 76%;
  background: var(--dr-burgundy);
  opacity: .42;

  -webkit-mask-image: repeating-linear-gradient(180deg,
    #000 0 9px, transparent 9px 11px,
    #000 11px 26px, transparent 26px 27px,
    #000 27px 34px, transparent 34px 37px,
    #000 37px 58px, transparent 58px 60px);
  mask-image: repeating-linear-gradient(180deg,
    #000 0 9px, transparent 9px 11px,
    #000 11px 26px, transparent 26px 27px,
    #000 27px 34px, transparent 34px 37px,
    #000 37px 58px, transparent 58px 60px);
}

.dr-steps .text { max-width: 24rem; }

.dr-step-icon {
  height: clamp(64px, 8vw, 92px);
  display: grid;
  place-items: center;
  margin: 0 auto;
  color: var(--dr-gold-deep);
  transition: transform .4s var(--dr-ease-out-back), color .3s var(--dr-ease);
}
.dr-step:nth-child(1) .dr-step-icon { color: var(--dr-gold); }
.dr-step:hover .dr-step-icon { transform: translateY(-6px) scale(1.06); }

.dr-step-label {
  font-family: var(--dr-font-site-serif);
  font-weight: 700;
  text-transform: none;
  font-size: 1.5rem;
  letter-spacing: normal;
  line-height: 1.2;
  color: var(--dr-navy);
  margin: 0 0 .5rem;
}
.dr-step-copy {
  font-family: var(--dr-font-site-sans);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  color: rgba(33,52,109,.78);
  margin: 0;
}

@media (max-width: 991.98px) {
  .dr-step + .dr-step::before {
    left: 22%; right: 22%; top: -.9rem;
    width: auto; height: 3px;
    opacity: .32;
    -webkit-mask-image: repeating-linear-gradient(90deg,
      #000 0 9px, transparent 9px 11px, #000 11px 26px, transparent 26px 27px,
      #000 27px 34px, transparent 34px 37px, #000 37px 58px, transparent 58px 60px);
    mask-image: repeating-linear-gradient(90deg,
      #000 0 9px, transparent 9px 11px, #000 11px 26px, transparent 26px 27px,
      #000 27px 34px, transparent 34px 37px, #000 37px 58px, transparent 58px 60px);
  }
  .dr-step { padding-top: 1.75rem; }
  .dr-step:first-child { padding-top: 0; }
}

.dr-prizes { padding: clamp(3.5rem, 7vw, 6rem) 0; }.dr-eyebrow {
  font-family: var(--dr-font-display);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .2em;
  font-size: clamp(.64rem, .92vw, .76rem);
  color: var(--dr-gold-deep);
  margin: 0 0 .85rem;
}

.dr-h2 {
  font-family: var(--dr-font-site-serif);
  font-weight: 600;
  text-transform: none;
  font-size: clamp(1.4rem, 2.3vw, 1.9rem);
  letter-spacing: normal;
  line-height: 1.2;
  color: var(--dr-burgundy);
  text-wrap: balance;
  margin: 0 0 1rem;
}
.dr-lede {
  font-family: var(--dr-font-site-sans);
  font-size: 1rem;
  line-height: 1.5;
  color: rgba(33,52,109,.85);
  margin: 0;
}

.dr-handoff {
  position: relative;
  background:
    radial-gradient(120% 100% at 15% 0%, #0A3D96 0%, rgba(0,45,123,0) 60%),
    linear-gradient(160deg, #013A93 0%, var(--dr-site-navy) 55%, #00214F 100%);
  color: #fff;
  padding: clamp(3.5rem, 7vw, 5.5rem) 0;
  overflow: hidden;
}

.dr-handoff::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("../assets/img/the-drive/paper-texture.jpg");
  background-size: cover;
  mix-blend-mode: overlay;
  opacity: .16;
  pointer-events: none;
}
.dr-handoff > * { position: relative; z-index: 1; }
.dr-handoff::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 5px;
  background: linear-gradient(90deg, var(--dr-burgundy) 0%, var(--dr-gold) 45%, var(--dr-site-terra) 100%);
}
.dr-handoff h2 {
  font-family: var(--dr-font-site-serif);
  font-weight: 500;
  font-size: clamp(1.7rem, 3.4vw, 2.8rem);
  line-height: 1.12;
  color: #fff;
  margin: 0 0 1rem;
}
.dr-handoff p {
  font-family: var(--dr-font-site-sans);
  font-size: clamp(.98rem, 1.2vw, 1.1rem);
  line-height: 1.65;
  color: rgba(255,255,255,.86);
  margin: 0 0 1.1rem;
}

.dr-native { padding: clamp(3.5rem, 7vw, 6rem) 0; }
.dr-native.is-gray { background: var(--dr-site-lightgray); }

.dr-native h2 {
  font-family: var(--dr-font-site-serif);
  font-weight: 600;

  font-size: clamp(1.4rem, 2.2vw, 1.75rem);
  line-height: 1.2;
  color: var(--dr-site-navy);
  margin: 0 0 1rem;
}
.dr-native h3 {
  font-family: var(--dr-font-site-serif);
  font-weight: 700;
  font-size: 1.5rem;
  color: var(--dr-site-navy);
  margin: 0 0 .5rem;
}
.dr-native p,
.dr-native li {
  font-family: var(--dr-font-site-sans);
  font-size: 1rem;
  line-height: 1.5;
  color: var(--dr-site-gray);
}
.dr-native .dr-eyebrow {
  font-family: var(--dr-font-site-sans);
  font-weight: 700;
  letter-spacing: .12em;
  color: var(--dr-site-terra-ink);
}

.dr-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.dr-table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--dr-font-site-sans);
  min-width: 34rem;

  border: 1px solid #e3e3e3;
}
.dr-table tbody td,
.dr-table tbody th[scope="row"] { border-right: 1px solid #ececec; }
.dr-table tbody td:last-child { border-right: none; }
.dr-table thead th {
  background: var(--dr-site-navy);
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: .78rem;
  padding: 1rem 1.15rem;
  text-align: left;
}
.dr-table thead th:first-child { border-top-left-radius: var(--dr-notch); }
.dr-table tbody td {
  padding: .95rem 1.15rem;
  border-bottom: 1px solid #e3e3e3;
  font-size: .95rem;
  color: var(--dr-site-gray);
}
.dr-table tbody tr:nth-child(even) { background: #fafafa; }
.dr-table tbody th[scope="row"] {
  padding: .95rem 1.15rem;
  border-bottom: 1px solid #e3e3e3;
  font-size: .95rem;
  font-weight: 700;
  text-align: left;
  color: var(--dr-site-navy);
}
.dr-table tbody tr:last-child th[scope="row"] { border-bottom: none; }
.dr-table tbody tr:last-child td { border-bottom: none; }
.dr-table tbody tr:last-child td:last-child { border-bottom-right-radius: var(--dr-notch); }

.drive .accordion-section-header {
  font-family: var(--dr-font-site-serif);
  color: var(--dr-site-terra-ink);
  font-size: .875rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .1em;
  margin-bottom: 1rem;
}
.drive .accordion-body p:last-child { margin-bottom: 0; }

.dr-trust-stat b {
  display: block;
  font-family: var(--dr-font-site-serif);
  font-weight: 600;
  font-size: clamp(1.4rem, 2.6vw, 2.1rem);
  color: var(--dr-site-navy);
  line-height: 1.1;
}
.dr-trust-stat span {
  font-family: var(--dr-font-site-sans);
  font-size: .84rem;
  color: #666;
}

.dr-legal { padding: clamp(2.5rem, 5vw, 3.5rem) 0; background: #190402; }
.dr-legal p,
.dr-legal li {
  font-family: var(--dr-font-site-sans);
  font-size: 11px;
  line-height: 1.75;
  color: rgba(252,251,249,.80);
}
.dr-legal b { color: var(--dr-gold); }
.dr-legal a { color: var(--dr-gold-hi); }

.dr-reveal {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .7s var(--dr-ease), transform .7s var(--dr-ease);
}
.dr-reveal.is-in { opacity: 1; transform: none; }
.dr-reveal[data-delay="1"] { transition-delay: .09s; }
.dr-reveal[data-delay="2"] { transition-delay: .18s; }
.dr-reveal[data-delay="3"] { transition-delay: .27s; }
.dr-reveal[data-delay="4"] { transition-delay: .36s; }

@media (prefers-reduced-motion: reduce) {
  .drive *,
  .drive *::before,
  .drive *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
  .dr-reveal { opacity: 1; transform: none; }
  .dr-hero-players { transform: none !important; }
}

.dr-sr {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
.drive :focus-visible {
  outline: 3px solid var(--dr-gold);
  outline-offset: 3px;
}
.dr-skip {
  position: absolute;
  top: -60px; left: 0;
  background: var(--dr-burgundy);
  color: #fff;
  padding: .75rem 1.25rem;
  z-index: 2000;
  text-decoration: none;
  font-weight: 700;
}
.dr-skip:focus { top: 0; }

.drive .img-cards.dr-prizes,
.drive .three-text.dr-steps { background-color: transparent; }

.drive .dr-native h6 {
  font-family: var(--dr-font-site-serif);
  color: var(--dr-site-terra-ink);
  font-size: .875rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .1em;
  margin: 0 0 .65rem;
}

.drive h6.dr-eyebrow {
  font-family: var(--dr-font-site-serif);
  font-weight: 600;
  letter-spacing: .1em;
  font-size: .875rem;
  color: var(--dr-gold-deep-ink);
  text-transform: uppercase;
  margin: 0 0 .7rem;
}
.drive h6.dr-tracker-eyebrow {
  font-family: var(--dr-font-display);
  font-weight: 900;
  letter-spacing: .2em;
  text-transform: uppercase;
  font-size: clamp(.66rem, .95vw, .78rem);
  color: var(--dr-gold);
  margin: 0 0 .9rem;
}

.drive .card.img-card.dr-prize {

  gap: 0;
  background: var(--dr-paper);
  border: 1px solid rgba(90,19,20,.16);
  border-top: 4px solid var(--dr-burgundy);
  border-radius: 0;
  border-bottom-right-radius: var(--dr-notch);
}
.drive .card.img-card.dr-prize .card-body {

  padding: clamp(.85rem, 1.5vw, 1.15rem) clamp(1.3rem, 2.4vw, 1.8rem) clamp(1.3rem, 2.4vw, 1.8rem);
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.drive .card.img-card.dr-prize .card-title {
  font-family: var(--dr-font-site-serif);
  font-weight: 700;
  text-transform: none;
  font-size: 1.25rem;
  letter-spacing: normal;
  line-height: 1.2;
  color: var(--dr-site-navy);
  margin: 0;
}
.drive .card.img-card.dr-prize .card-text {
  font-family: var(--dr-font-site-sans);
  font-size: .95rem;
  line-height: 1.5;
  color: rgba(33,52,109,.72);
  margin: 0;
}

.drive .imagebar.dr-handoff {
  background-image:
    radial-gradient(120% 100% at 15% 0%, #0A3D96 0%, rgba(0,45,123,0) 60%),
    linear-gradient(160deg, #013A93 0%, var(--dr-site-navy) 55%, #00214F 100%);
  background-color: var(--dr-site-navy);
}
.drive .footnotes.dr-legal { background: #190402; }
.drive .footnotes.dr-legal p { font-size: 11px; line-height: 1.75; color: rgba(252,251,249,.80); }
.drive .footnotes.dr-legal b { color: var(--dr-gold); }

.drive .dr-trust-stat b {
  display: block;
  font-family: var(--dr-font-site-serif);
  font-weight: 600;
  font-size: clamp(1.4rem, 2.6vw, 2.1rem);
  color: var(--dr-site-navy);
  line-height: 1.1;
}
.drive .dr-trust-stat span {
  font-family: var(--dr-font-site-sans);
  font-size: .84rem;
  color: #666;
}
.drive .three-text.dr-native.is-gray { background-color: var(--dr-site-lightgray); }

.drive .buttons.dr-final { background: none; }

@media (min-width: 992px) and (max-height: 800px) {

  .dr-hero { min-height: 640px; }  .dr-hero-body   { padding: 1.5rem 0 2.5rem; }
  .dr-kicker      { font-size: clamp(1.25rem, 2.8vw, 2.25rem); }
  .dr-chrome-xl   { font-size: clamp(2.25rem, 5.5vw, 4.35rem); }
  .dr-subhead     { font-size: clamp(1.3rem, 2.9vw, 2.35rem); }
  .dr-chrome-inline { font-size: clamp(1.65rem, 3.6vw, 2.9rem); }
  .dr-hero-lede   { margin: 1rem 0 1.1rem; font-size: clamp(1rem, 1.35vw, 1.2rem); }
  .dr-hero-legal  { margin-top: .8rem; }
  .dr-btn         { padding: .9em 2.1em; }
}

.dr-bar { border-bottom: 0; }

.dr-rail {
  position: relative;
  height: 5px;
  background: #3E0D0E;
  overflow: visible;
  cursor: pointer;
  touch-action: none;
}
/* the rail is 5px tall — give fingers and pointers a real target */
.dr-rail::before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: -10px; bottom: -10px;
}
.dr-rail-ticks {
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(
    90deg,
    rgba(253,181,23,.30) 0 1px,
    transparent 1px 10%
  );
}
.dr-rail-fill {
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 0%;
  background: linear-gradient(90deg, var(--dr-gold-deep), var(--dr-gold) 70%, var(--dr-gold-hi));
  box-shadow: 0 0 12px rgba(253,181,23,.6);
}
.dr-rail-ball {
  --dr-rail-p: 0;
  --dr-rail-ball-w: 26px;
  position: absolute;
  top: 50%;

  left: calc(var(--dr-rail-ball-w) / 2 + var(--dr-rail-p) * (100% - var(--dr-rail-ball-w)));
  width: var(--dr-rail-ball-w);
  transform: translate(-50%, -50%);
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.6));
  will-change: left;
}
.dr-rail-ball svg { display: block; width: 100%; height: auto; }
.dr-rail-ball { cursor: grab; }
.dr-rail.is-scrubbing,
.dr-rail.is-scrubbing .dr-rail-ball { cursor: grabbing; }
.dr-rail-ball:focus-visible {
  outline: 2px solid var(--dr-gold-hi);
  outline-offset: 4px;
  border-radius: 50%;
}

@media (max-width: 575.98px) {
  .dr-rail-ball { --dr-rail-ball-w: 20px; }
}

.drive .three-text.dr-trust-band {
  background: linear-gradient(135deg, #DCF1F9 0%, var(--dr-site-lightblue) 60%, #A8DCEE 100%);
  position: relative;
  overflow: hidden;
}
.drive .three-text.dr-trust-band::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--dr-site-navy), var(--dr-site-terra));
  opacity: .35;
}
.drive .dr-trust-band .dr-trust-stat b { color: var(--dr-site-navy); }
.drive .dr-trust-band .dr-trust-stat span { color: #2C4A6B; }

.drive .dr-trust-stat b.is-counting { font-variant-numeric: tabular-nums; }

.drive .imagebar.dr-final {
  background-position: center;
  background-size: cover;

  padding-top: clamp(6.5rem, 11vw, 10rem) !important;
}

.drive .imagebar.dr-final .box.dr-cta-box {
  position: relative;
  padding: 48px 24px !important;
  background-color: var(--dr-burgundy);
  border: 2px solid rgba(253,181,23,.55);
  color: var(--dr-paper);

  box-shadow: 0 26px 50px -26px rgba(20,4,2,.85);
  overflow: visible;
}

.drive .imagebar.dr-final .box.dr-cta-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("../assets/img/the-drive/paper-texture.jpg");
  background-size: cover;
  mix-blend-mode: overlay;
  opacity: .12;
  pointer-events: none;
  border-top-left-radius: inherit;
  border-bottom-right-radius: inherit;
}

.drive .imagebar.dr-final .box.dr-cta-box > *:not(.dr-tuddy) { position: relative; z-index: 1; }

.drive .dr-final .dr-cta-head {
  font-family: var(--dr-font-site-serif);
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.2;
  letter-spacing: normal;
  text-transform: none;
  color: var(--dr-gold);
  margin: 0 0 .85rem;
  text-wrap: balance;
}
.drive .dr-final .dr-cta-copy {
  font-family: var(--dr-font-site-sans);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: rgba(252,251,249,.88);
  margin: 0 0 1.6rem;
  max-width: 46ch;
  margin-inline: auto;
}

.dr-cta-legal {
  font-family: var(--dr-font-site-sans);
  font-weight: 600;
  font-size: .8rem;
  letter-spacing: normal;
  text-transform: none;
  color: rgba(253,181,23,.85);
  margin: 1.35rem 0 0;
}

.dr-tuddy {
  position: absolute;
  left: 50%;

  bottom: calc(100% - 34px);
  transform: translateX(-50%);
  width: clamp(112px, 14vw, 161px);
  z-index: 2;
  pointer-events: none;
}
.dr-tuddy picture { display: block; }
.dr-tuddy img {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 12px 16px rgba(20,4,2,.4));
}

.dr-tuddy-shadow {
  position: absolute;
  left: 50%;
  bottom: 4%;
  width: 86%;
  height: 12%;
  transform: translateX(-50%);
  background: radial-gradient(
    ellipse at 50% 50%,
    rgba(20,4,2,.62) 0%,
    rgba(20,4,2,.34) 44%,
    rgba(20,4,2,.10) 70%,
    rgba(20,4,2,0) 84%
  );
  pointer-events: none;
}

@media (max-width: 575.98px) {
  .dr-tuddy { width: 104px; bottom: calc(100% - 24px); }
  .drive .imagebar.dr-final { padding-top: 6rem !important; }
}

.dr-detail-list {
  list-style: none;
  padding: 0;
  margin: 1.25rem 0 0;
}
.dr-detail-list li {
  position: relative;
  padding-left: 1.9rem;
  margin-bottom: .7rem;
  font-family: var(--dr-font-site-sans);
  font-size: 1rem;
  line-height: 1.5;
  color: var(--dr-site-gray);
}

.dr-detail-list { counter-reset: dr-step; }
.dr-detail-list li::before {
  counter-increment: dr-step;
  content: counter(dr-step);
  position: absolute;
  left: 0; top: .1em;
  width: 1.35rem; height: 1.35rem;
  border-radius: 50%;
  background: var(--dr-burgundy);
  color: var(--dr-gold);
  font-family: var(--dr-font-site-sans);
  font-weight: 700;
  font-size: .75rem;
  line-height: 1.35rem;
  text-align: center;
}

.dr-table-note {
  margin-top: 1rem;
  font-size: .85rem;
  line-height: 1.5;
  color: #666;
}

@media (max-width: 991.98px) {
  .dr-detail-list { margin-bottom: .5rem; }
}

.dr-modal {
  width: min(94vw, 40rem);
  max-height: min(92dvh, 54rem);
  padding: 0;
  border: 2px solid rgba(253,181,23,.55);
  border-radius: var(--dr-notch) 0 var(--dr-notch) 0;
  background:
    radial-gradient(120% 90% at 80% 0%, #6E1A1B 0%, rgba(90,19,20,0) 62%),
    linear-gradient(165deg, #6A1819 0%, var(--dr-burgundy) 55%, #3E0D0E 100%);
  color: var(--dr-paper);
  overflow: auto;
  box-shadow: 0 32px 70px -28px rgba(10,2,1,.9);
}
.dr-modal::backdrop {
  background: rgba(20, 4, 2, .72);
  backdrop-filter: blur(3px);
}

.dr-modal-body {
  position: relative;
  padding: clamp(1.75rem, 4vw, 2.75rem);
}
.dr-modal-body::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("../assets/img/the-drive/paper-texture.jpg");
  background-size: cover;
  mix-blend-mode: overlay;
  opacity: .10;
  pointer-events: none;
}
.dr-modal-body > * { position: relative; z-index: 1; }

.dr-modal-close-form { margin: 0; }
.dr-modal-close {
  position: absolute;
  top: .75rem; right: .75rem;
  z-index: 3;
  width: 40px; height: 40px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: rgba(252,251,249,.10);
  color: var(--dr-gold);
  cursor: pointer;
  transition: background .2s var(--dr-ease), color .2s var(--dr-ease);
}
.dr-modal-close:hover { background: var(--dr-gold); color: var(--dr-burgundy); }
.dr-modal-close svg { width: 18px; height: 18px; }

.dr-modal-title {
  font-family: var(--dr-font-site-serif);
  font-weight: 600;
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  line-height: 1.2;
  color: var(--dr-gold);
  margin: 0 0 .6rem;
}
.dr-modal-lede {
  font-family: var(--dr-font-site-sans);
  font-size: 1rem;
  line-height: 1.5;
  color: rgba(252,251,249,.86);
  margin: 0 0 1.5rem;
}

.dr-form { display: block; }
.dr-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 1rem;
}
.dr-form-field { margin-bottom: 1.05rem; }
.dr-form-field label,
.dr-check span {
  display: block;
  font-family: var(--dr-font-site-sans);
  font-weight: 700;
  font-size: .875rem;
  color: var(--dr-paper);
  margin-bottom: .4rem;
}
.dr-form-field input,
.dr-form-field select {
  width: 100%;
  font-family: var(--dr-font-site-sans);
  font-size: 1rem;
  line-height: 1.5;
  color: var(--dr-paper);
  background: rgba(252,251,249,.08);
  border: 1.5px solid rgba(252,251,249,.28);
  border-radius: 6px;
  padding: .6rem .85rem;
  transition: border-color .2s var(--dr-ease), background .2s var(--dr-ease);
}
.dr-form-field input::placeholder { color: rgba(252,251,249,.45); }
.dr-form-field input:focus,
.dr-form-field select:focus {
  outline: none;
  border-color: var(--dr-gold);
  background: rgba(252,251,249,.13);
}

.drive .dr-form-field input:required:valid,
.dr-modal .dr-form-field input:required:valid {
  border-color: rgba(252,251,249,.28);
}
.drive .dr-form-field input:required:valid:focus,
.dr-modal .dr-form-field input:required:valid:focus,
.dr-modal .dr-form-field input:focus:required:invalid {
  border-color: var(--dr-gold);
}

.dr-form-field select option { background: var(--dr-burgundy); color: var(--dr-paper); }

.dr-form-submit {
  width: 100%;
  margin: .5rem 0 1rem;
  padding: 11px 50px;
}

.dr-check {
  display: flex;
  align-items: flex-start;
  gap: .65rem;
  cursor: pointer;
}
.dr-check input {
  flex: 0 0 auto;
  width: 20px; height: 20px;
  margin-top: .1rem;
  accent-color: var(--dr-gold);
}
.dr-check span {
  font-weight: 400;
  font-size: .95rem;
  line-height: 1.45;
  color: rgba(252,251,249,.86);
  margin: 0;
}

.dr-modal-legal {
  font-family: var(--dr-font-site-sans);
  font-size: .78rem;
  line-height: 1.5;
  color: rgba(253,181,23,.78);
  margin: 1.35rem 0 0;
}

@media (max-width: 575.98px) {
  .dr-form-row { grid-template-columns: 1fr; gap: 0; }
}

.dr-hero-headline .dr-kicker {

  letter-spacing: .06em;
  font-size: clamp(1.05rem, 2.3vw, 1.75rem);
  line-height: 1.15;
}

.dr-hero-line3 {

  flex-wrap: nowrap;
  align-items: baseline;
}
.dr-hero-line3 .dr-chrome-xl {

  font-size: clamp(2.2rem, 4.1vw, 3.9rem);
  line-height: .9;
}
.dr-hero-headline .dr-hero-star { font-size: .42em; }

.dr-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(.75rem, 1.6vw, 1.25rem);
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.drive .dr-btn-ghost {
  background: transparent;
  color: var(--dr-navy);
  border: 2px solid rgba(33, 52, 109, .3);
}
.drive .dr-btn-ghost:hover,
.drive .dr-btn-ghost:focus-visible {
  background: rgba(33, 52, 109, .06);
  border-color: rgba(33, 52, 109, .55);
  color: var(--dr-navy);
}

.dr-hero-trust {
  margin: clamp(1rem, 2vw, 1.4rem) 0 0;
  font-size: clamp(.78rem, 1.05vw, .9rem);
  font-weight: 700;
  line-height: 1.5;
  color: var(--dr-navy);
  opacity: .85;

  max-width: 26rem;
}
.dr-hero-trust span { opacity: .45; margin: 0 .25em; }

.dr-step-num {
  display: block;
  font-family: var(--dr-font-display);
  font-weight: 900;
  font-size: .95rem;
  letter-spacing: .16em;
  color: var(--dr-gold-deep-ink);
  margin-bottom: .35rem;
}
@media (min-width: 992px) {
  .dr-steps-row .dr-step { padding-inline: clamp(.5rem, 1vw, 1rem); }
  .dr-steps-row .dr-step .text { max-width: 17rem; }
}

.dr-goals-copy {
  font-family: var(--dr-font-body);
  font-size: clamp(1.05rem, 1.55vw, 1.35rem);
  line-height: 1.6;
  color: var(--dr-navy);
  max-width: 46rem;
  margin: clamp(.9rem, 1.8vw, 1.35rem) auto 0;
}

.dr-bonus-h {
  font-family: var(--dr-font-display);
  font-weight: 900;
  font-size: 1rem;
  line-height: 1.3;
  color: var(--dr-burgundy);
  margin: 0 0 .45rem;
}
.dr-bonus-p {
  font-family: var(--dr-font-site-sans);
  font-size: .875rem;
  line-height: 1.55;
  color: var(--dr-navy);
  margin: 0;
}
.dr-bonus-table-h {
  font-family: var(--dr-font-display);
  font-weight: 900;
  font-size: clamp(1.15rem, 1.7vw, 1.4rem);
  color: var(--dr-burgundy);
  margin: 0 0 .85rem;
}

.dr-table-levels th[scope="row"] {
  text-align: left;
  font-weight: 900;
  color: var(--dr-burgundy);
}
.dr-table-note {
  font-family: var(--dr-font-site-sans);

  font-size: .7rem;
  line-height: 1.55;
  color: var(--dr-navy);
  opacity: .8;
  margin: .9rem 0 0;
  max-width: 62rem;
}

.dr-levels .dr-tier {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid rgba(90, 19, 20, .14);
  border-top: 4px solid var(--dr-burgundy);
  border-radius: 4px;
  padding: clamp(1.15rem, 2vw, 1.6rem);
  box-shadow: 0 2px 10px rgba(90, 19, 20, .05);
}
.dr-tier-name {
  font-family: var(--dr-font-display);
  font-weight: 900;
  font-stretch: 112%;
  text-transform: uppercase;
  letter-spacing: -.01em;
  font-size: clamp(1.35rem, 2vw, 1.7rem);
  color: var(--dr-burgundy);
  margin: 0 0 .5rem;
}
.dr-tier-copy {
  font-family: var(--dr-font-site-sans);
  font-size: .875rem;
  line-height: 1.55;
  color: var(--dr-navy);
  margin: 0 0 1.1rem;
}

.dr-tier-nums { margin: auto 0 0; }
.dr-tier-nums dt {
  font-family: var(--dr-font-site-sans);
  font-size: .74rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--dr-navy);
  opacity: .6;
  margin: 0;
}
.dr-tier-nums dd { margin: 0; }
.dr-tier-open {
  font-family: var(--dr-font-display);
  font-weight: 900;
  font-size: clamp(1.9rem, 3vw, 2.5rem);
  line-height: 1.05;
  color: var(--dr-burgundy);
}
.dr-tier-mo {
  font-family: var(--dr-font-site-sans);
  font-size: .82rem;
  line-height: 1.45;
  color: var(--dr-navy);
  opacity: .85;
  margin-bottom: .7rem;
}
.dr-tier-bonus {
  font-family: var(--dr-font-site-sans);
  font-size: .875rem;
  line-height: 1.4;
  color: var(--dr-navy);
  padding-top: .7rem;
  border-top: 1px solid rgba(90, 19, 20, .12);
}
.dr-tier-bonus b {
  font-family: var(--dr-font-display);
  font-weight: 900;
  font-size: 1.35rem;
  color: var(--dr-gold-deep-ink);
}
.dr-levels-note {
  font-family: var(--dr-font-site-sans);
  font-size: .78rem;
  color: var(--dr-navy);
  opacity: .75;
  margin: 1.4rem 0 1.1rem;
}

.dr-levels .dr-tier {
  width: 100%;
  text-align: left;
  font: inherit;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  transition: transform .28s var(--dr-ease),
              box-shadow .28s var(--dr-ease),
              border-color .28s var(--dr-ease);
}
.dr-levels .dr-tier:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 26px rgba(90, 19, 20, .13);
  border-color: rgba(90, 19, 20, .3);
}
.dr-levels .dr-tier:focus-visible {
  outline: 3px solid var(--dr-gold);
  outline-offset: 3px;
}

.dr-levels .dr-tier.is-picked {
  border-color: var(--dr-gold);
  border-top-color: var(--dr-gold);
  box-shadow: 0 10px 30px rgba(253, 181, 23, .28);
  transform: translateY(-4px);
}
.dr-levels .dr-tier.is-picked .dr-tier-name { color: var(--dr-gold-deep-ink); }

.dr-tier-pick {
  display: block;
  margin-top: .9rem;
  font-family: var(--dr-font-site-sans);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--dr-gold-deep-ink);
  opacity: 0;
  transform: translateY(4px);
  transition: opacity .28s var(--dr-ease), transform .28s var(--dr-ease);
}
.dr-levels .dr-tier:hover .dr-tier-pick,
.dr-levels .dr-tier:focus-visible .dr-tier-pick,
.dr-levels .dr-tier.is-picked .dr-tier-pick { opacity: 1; transform: none; }
.dr-levels .dr-tier.is-picked .dr-tier-pick::after { content: " \2713"; }

@media (prefers-reduced-motion: reduce) {
  .dr-levels .dr-tier,
  .dr-levels .dr-tier:hover,
  .dr-levels .dr-tier.is-picked { transform: none; transition: none; }
  .dr-tier-pick { transition: none; }
}

.dr-kickoff {
  background: var(--dr-burgundy);
  background-image:
    repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 4px);
  border-top: 3px solid var(--dr-gold);
  border-bottom: 3px solid var(--dr-gold);
}
.dr-kickoff-in {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(.9rem, 2.4vw, 2rem);
  text-align: center;
}
.dr-kickoff-title {
  margin: 0;
  font-family: var(--dr-font-display);
  font-weight: 900;
  font-stretch: 112%;
  font-size: clamp(1.05rem, 2vw, 1.5rem);
  line-height: 1.25;
  color: #fff;
  letter-spacing: -.01em;
}
@media (max-width: 575.98px) {
  .dr-kickoff-in { flex-direction: column; gap: .9rem; }
}

html { overflow-x: clip; }
body { overflow-x: clip; }

.dr-step-icon svg {
  width: auto;
  height: 100%;
  max-width: clamp(74px, 9vw, 104px);
  max-height: clamp(74px, 9vw, 104px);
  stroke: none;
}

.drive .dr-step-icon { color: var(--dr-gold-deep-ink); }
.drive .dr-step:nth-child(1) .dr-step-icon { color: var(--dr-gold-deep-ink); }
.drive .three-text div.icon svg,
.drive .three-text div.icon svg * {
  fill: currentColor;
  stroke: none;
}

.dr-hero-players {

  right: -20px;
}

.dr-hero-body { margin-left: clamp(0px, 4vw, 52px); }

.dr-hero-headline .dr-hl-a,
.dr-hero-headline .dr-hl-b { display: block; }
.dr-hero-headline .dr-hl-b { margin-top: 20px; }
.dr-hero-headline .dr-kicker {
  display: block;
  line-height: 1.06;
  margin: 0;
}
.dr-hero-headline .dr-subhead {
  display: block;
  line-height: 1.06;

  margin: 0 0 -.1em;
}
.dr-hero-amt {
  display: block;
  line-height: .9;
  white-space: nowrap;
}
.dr-hero-amt .dr-chrome-xl { font-size: clamp(2.6rem, 5.2vw, 4.6rem); }

.drive .dr-step-icon,
.drive .dr-step:nth-child(1) .dr-step-icon { color: var(--dr-burgundy); }
.drive .dr-step-icon svg,
.drive .dr-step-icon svg * { fill: currentColor; stroke: none; }

.drive .dr-btn,
.dr-bar .dr-btn {
  padding: 7px 50px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  border-radius: 25px;
  border-width: 2px;
}

.dr-bar .dr-btn { padding: 7px 28px; }
@media (max-width: 575.98px) {
  .drive .dr-btn { padding: 7px 30px; }
}

.dr-hero-headline .dr-kicker {
  font-size: clamp(.95rem, 1.35vw, 1.15rem);
  letter-spacing: .05em;
}

.dr-hero-amt .dr-chrome-xl { font-size: clamp(3.4rem, 8.4vw, 7.5rem); }

.dr-amt-cur {
  font-size: .46em;
  vertical-align: super;
  line-height: 0;
  letter-spacing: 0;
  margin-right: .04em;
}

.dr-hero-amt { display: inline-block; }
.dr-hero-headline .dr-hero-star {
  display: inline-block;
  font-size: clamp(1.1rem, 2.5vw, 2.2rem);
  line-height: 1;
  vertical-align: top;
  position: relative;
  top: .16em;
  margin-left: .05em;
  color: var(--dr-burgundy);
}

.dr-fpo {
  color: #C8102E;
  font-weight: 700;
}

.dr-trust-stat { position: relative; }
.dr-trust-stat + .dr-trust-stat::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12.5%;
  height: 75%;
  width: 1px;
  background: var(--dr-navy);
  opacity: .22;
}

@media (max-width: 991.98px) {
  .dr-trust-stat:nth-child(3)::before { display: none; }
}
@media (max-width: 575.98px) {
  .dr-trust-stat + .dr-trust-stat::before { display: none; }
}

.drive .dr-step-icon svg,
.drive .dr-step-icon svg * {
  fill: currentColor;
  stroke: none;
}

.dr-handoff .row { padding-top: clamp(1.5rem, 3vw, 2.5rem); padding-bottom: clamp(1.5rem, 3vw, 2.5rem); }
.dr-handoff h2 { margin: 0 0 .85rem; line-height: 1.15; }
.dr-handoff p { line-height: 1.5; margin: 0; max-width: 34rem; }

.drive .three-text.dr-steps div.icon svg.dr-icon-stroked,
.drive .three-text.dr-steps div.icon svg.dr-icon-stroked * {
  fill: none;
  stroke: currentColor;
}

.dr-hero-body { width: min(100%, 27rem); }

.dr-hero-headline .dr-rule:last-child { margin-top: clamp(.85rem, 1.7vw, 1.25rem); }

.dr-hero-actions {
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(.6rem, 1.2vw, .85rem);
}
.dr-hero-actions .dr-btn { width: auto; }

.dr-hero-stage { left: 44%; }

.dr-hero-players { height: 172%; right: -34px; }

@media (max-width: 991.98px) {
  .dr-hero-body { width: 100%; }
  .dr-hero-stage { left: 0; }
  .dr-hero-players { height: 120%; right: -12px; }
}

.dr-step-icon svg.dr-icon-football { transform: scale(1.28); }

.dr-bonus-h { min-height: 2.6em; }
@media (min-width: 992px) {
  .dr-table-levels th,
  .dr-table-levels td { padding-inline: .7rem; }
  .dr-table-levels { font-size: .95rem; }
}

#dr-how .dr-h2 { margin-bottom: 0; }

@media (min-width: 992px) {
  .dr-bonus-left  { padding-right: 2.75rem; }
  .dr-bonus-right { padding-left: 2.75rem; }
}

.dr-table-levels th[scope="row"] {
  background: var(--bs-nwfcu-lightblue, #b6e3f2);
  color: var(--dr-navy);
}
.dr-table-levels tbody tr:hover th[scope="row"] { background: #a4dcee; }

.drive .dr-table-note { font-size: .72rem; line-height: 1.5; }

.dr-handoff { padding-top: 0; padding-bottom: 0; }
.dr-handoff .row {
  padding-top: clamp(1rem, 2vw, 1.75rem);
  padding-bottom: clamp(1rem, 2vw, 1.75rem);
}

.dr-bonus-h { min-height: 0; margin-bottom: .4rem; }
.dr-bonus-p { margin-top: 0; }

.dr-hero { min-height: clamp(660px, 46vw, 820px); }

.dr-modal[open] {
  animation: dr-modal-in .34s var(--dr-ease) both;
}
.dr-modal[open]::backdrop {
  animation: dr-backdrop-in .34s var(--dr-ease) both;
}
@keyframes dr-modal-in {
  from { opacity: 0; transform: translateY(14px) scale(.985); }
  to   { opacity: 1; transform: none; }
}
@keyframes dr-backdrop-in { from { opacity: 0 } to { opacity: 1 } }

.dr-modal.is-closing {
  animation: dr-modal-out .24s var(--dr-ease) both;
}
.dr-modal.is-closing::backdrop {
  animation: dr-backdrop-out .24s var(--dr-ease) both;
}
@keyframes dr-modal-out {
  from { opacity: 1; transform: none; }
  to   { opacity: 0; transform: translateY(10px) scale(.99); }
}
@keyframes dr-backdrop-out { from { opacity: 1 } to { opacity: 0 } }

@media (prefers-reduced-motion: reduce) {
  .dr-modal[open], .dr-modal[open]::backdrop,
  .dr-modal.is-closing, .dr-modal.is-closing::backdrop { animation: none; }
}

.dr-hero-eyebrow {
  font-family: var(--dr-font-display);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: clamp(.62rem, .9vw, .74rem);
  line-height: 1.3;
  color: var(--dr-gold-deep-ink);
  margin: 0 0 clamp(.6rem, 1.2vw, .9rem);
}

.dr-hero-track {
  position: relative;
  width: min(100%, 22rem);
  height: 6px;
  border-radius: 4px;
  background: rgba(33, 52, 109, .15);
  margin: clamp(1.5rem, 2.8vw, 2.1rem) 0 clamp(.35rem, .9vw, .6rem);
}
.dr-hero-track-fill {
  position: absolute;
  inset: 0 auto 0 0;
  width: 55%;
  border-radius: 4px;
  background: var(--dr-gold);
}
.dr-hero-track-dot {
  position: absolute;
  top: 50%;
  left: 55%;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: var(--dr-gold);

  box-shadow: 0 0 0 3px var(--dr-paper);
  transform: translate(-50%, -50%);
}
.dr-hero-track-flag {
  position: absolute;
  right: 0;
  bottom: calc(100% + .5rem);
  font-family: var(--dr-font-site-sans);
  font-weight: 700;
  font-size: .72rem;
  letter-spacing: .04em;
  color: var(--dr-gold-deep-ink);
  white-space: nowrap;
}

.dr-prizes .dr-lede { margin-bottom: clamp(1.5rem, 2.6vw, 2rem); }

.dr-prizes {
  position: relative;
  z-index: 2;

  padding: 3rem 0;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .dr-prizes { padding-top: 1.75rem; padding-bottom: 1.5rem; }
}
.dr-prize-media { position: relative; }

.drive img.dr-prize-art {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 16px 28px rgba(43, 15, 7, .26));
}

.dr-prize-media { margin-bottom: calc(-1 * clamp(3.25rem, 16vw, 4.5rem)); }

@media (min-width: 992px) {

  .drive img.dr-prize-art {
    width: 112%;
    margin-inline-start: 0;

    max-width: calc(50vw - 52px);
  }

  .dr-prize-media {
    margin-top: -5.6rem;
    margin-bottom: -4.4rem;
  }
}

.dr-handoff p {
  max-width: 46rem;
  margin-inline: auto;
}

.dr-leadform {
  position: relative;
  background:
    radial-gradient(120% 100% at 15% 0%, #0A3D96 0%, rgba(0, 45, 123, 0) 60%),
    linear-gradient(160deg, #013A93 0%, var(--dr-site-navy) 55%, #00214F 100%);
  border-top: 5px solid var(--dr-gold);
  padding: clamp(3rem, 6vw, 4.5rem) 0;
}
.dr-leadform-title {
  font-family: var(--dr-font-site-serif);
  font-weight: 600;
  font-size: clamp(1.5rem, 2.6vw, 2.1rem);
  line-height: 1.15;
  color: #fff;
  margin: 0 0 .75rem;
}
.dr-leadform-lede {
  font-family: var(--dr-font-site-sans);
  font-size: 1rem;
  line-height: 1.55;
  color: rgba(252, 251, 249, .86);
  max-width: 44rem;
  margin: 0 0 clamp(1.35rem, 2.6vw, 1.9rem);
}
.dr-leadform-legal {
  font-family: var(--dr-font-site-sans);
  font-size: .78rem;
  line-height: 1.5;
  color: rgba(253, 181, 23, .78);
  margin: 1.25rem 0 0;
}
.dr-leadform-legal span { opacity: .55; margin: 0 .3em; }

.drive .dr-form-field input:focus:required:invalid { border-color: var(--dr-gold); }

.dr-reveal[data-delay="5"] { transition-delay: .45s; }

/* Hero copy must never paint under the player collage: the container's
   stacking context (.dr-paper > * puts it at z-index 1) sits below
   .dr-hero-players (z-index 2), so .dr-hero-body's z-index 5 is trapped. */
.dr-hero > .container { z-index: 3; }

/* Between 992px and 1439px the height-driven collage (172% of the hero's
   660px min-height ≈ 925px wide) is wider than the space right of the copy
   column, so size it from the viewport width instead. */
@media (min-width: 992px) and (max-width: 1439.98px) {
  .dr-hero-players { height: auto; width: calc(50vw + 80px); right: -24px; }
  .dr-players-stage { width: 100%; height: auto; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .dr-hero-players { width: calc(50vw - 12px); right: -16px; }
  /* the copy column reaches past 44% here; keep the stadium panel's hard
     edge clear of the rule and flag, tucked under the collage */
  .dr-hero-stage { left: calc(50% + 20px); }
}

@media (max-width: 991.98px) {
  /* re-assert the stacked layout's centering over the unscoped desktop
     margin-left further up (cascade order, not specificity) */
  .dr-hero-body { margin-left: 0; }
  .dr-hero-actions { align-items: center; }
  .dr-hero-headline .dr-rule { width: min(100%, 22rem); margin-inline: auto; }
  .dr-hero-track { margin-inline: auto; }
  .dr-hero-trust { margin-inline: auto; }
}
