@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');

:root { color-scheme: dark; --blue: #169dff; --muted: #adc3d7; --line: #71b7f640; --heading: Orbitron, sans-serif; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 96px; }
body { margin: 0; background: #030711; color: #f1f7ff; font: 13px/1.6 Inter, sans-serif; }
a { color: inherit; text-decoration: none; }
a, button, summary { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid #8edfff; outline-offset: 4px; }
h1,h2,h3,p { margin: 0; }
h2 { font: italic 900 28px/1.1 var(--heading); letter-spacing: -.04em; }
em { color: var(--blue); font-style: inherit; }
svg { width: 25px; height: 25px; flex-shrink: 0; }
img { display: block; max-width: 100%; }
.site-shell { max-width: 1280px; margin: 0 auto; position: relative; overflow: clip; background: repeating-linear-gradient(113deg, transparent 0 190px, #51a6ff05 191px 193px), radial-gradient(ellipse at 40% 50%, #16355688, transparent 70%), #041020; box-shadow: 0 0 90px #006bcd12; }
.site-shell::before { content: ''; pointer-events: none; position: absolute; inset: 70px 0 0; border-inline: 1px solid #27619b40; background: linear-gradient(112deg, transparent 58%, #3ca4ff0a 58.2%, transparent 65%); z-index: 0; }
main, footer { position: relative; }
.wrap { width: calc(100% - 72px); margin-inline: auto; }
.glass { border: 1px solid var(--line); background: linear-gradient(115deg, #88b8de24, #08244622 70%, #65b4ff16); backdrop-filter: blur(14px); box-shadow: inset 0 1px 0 #d4efff25, 0 8px 24px #0003; }
.skip { position: fixed; top: -100px; left: 20px; background: white; color: black; padding: 12px; z-index: 100; }
.skip:focus { top: 10px; }
.site-header { display: flex; align-items: center; gap: 22px; min-height: 84px; padding: 8px 36px; position: sticky; top: 0; z-index: 30; background: linear-gradient(110deg, #0d4368ed, #030e1cef 27%, #0c223ded); backdrop-filter: blur(22px); border-bottom: 1px solid #68b6ff5c; }
.brand { display: block; flex-shrink: 0; width: 192px; }
.brand img { width: 100%; height: auto; }
nav { margin-left: auto; display: flex; gap: 16px; align-items: center; }
nav a { font: 600 9px var(--heading); text-transform: uppercase; padding: 15px 0; border-bottom: 2px solid transparent; }
nav a:hover, nav a[aria-current] { color: #61c5ff; border-color: var(--blue); }
.header-social { display: grid; place-items: center; width: 35px; height: 35px; }
.header-social svg { width: 19px; height: 19px; }
.menu-toggle { display: none; }
.hero { height: 456px; position: relative; isolation: isolate; overflow: hidden; border-bottom: 1px solid #a8dfff88; }
.hero-photo { position: absolute; z-index: -4; width: 82%; height: 100%; right: 0; object-fit: cover; object-position: 64% 66%; filter: saturate(.82) contrast(1.06); }
.hero-shade { position: absolute; inset: 0; z-index: -3; background: linear-gradient(90deg, #020e1efa 0%, #031326ed 22%, #05224399 40%, #0d234629 60%, #04142555 100%), linear-gradient(0deg,#031124b3,transparent 23%); }
.hero::after { content: ''; position: absolute; inset: 0; z-index: -2; background: linear-gradient(114deg, #0d91ff52 0 3%, transparent 3.2% 41%, #93dfff88 41.1% 41.2%, transparent 41.4% 85%, #3ba6f32e 85.1% 92%, transparent 92.1%); }
.hero-lines { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.hero-lines i { position: absolute; height: 900px; width: 65px; transform: rotate(24deg); top: -220px; right: 3%; border-right: 2px solid #5fbfff77; background: linear-gradient(90deg,transparent,#229dff18); }
.hero-lines i:nth-child(2) { right: 43%; width: 120px; opacity: .35; }
.hero-lines i:nth-child(3) { left: -70px; width: 90px; background: #0085ffc4; }
.hero-copy { padding: 60px 6% 0; width: 56%; }
.eyebrow { font-size: 9px; font-weight: 700; letter-spacing: .06em; color: #62b8fb; margin-bottom: 10px; }
.hero .eyebrow { font-style: italic; letter-spacing: .12em; color: #c5e3fb; }
.hero h1 { font: italic 900 clamp(27px, 3.6vw, 47px)/1.08 var(--heading); letter-spacing: -.05em; text-shadow: 0 3px 15px #0008; }
.hero-lead { color: #d0e2f0; margin: 17px 0 21px; font-size: 13px; }
.button { display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; padding: 11px 20px; min-height: 42px; font-size: 10px; font-weight: 700; border: 1px solid #6ec6ff8c; background: linear-gradient(105deg,#10477470,#081d35b3); box-shadow: inset 0 1px 0 #c8eaff22,0 2px 8px #0099ff12; }
.button:hover { background: #1266a8; border-color: #b6e8ff; }
.button span { color: #89d2ff; font-size: 16px; }
.hero-values { position: absolute; right: 4%; bottom: 94px; font-size: 10px; line-height: 1.7; font-style: italic; text-shadow: 0 2px 6px #000; }
.hero-footer { position: absolute; bottom: 17px; left: 6%; right: 4%; display: flex; align-items: center; justify-content: space-between; gap: 15px; color: #acd4ee; font-size: 8px; letter-spacing: .06em; }
.hero-footer>span:first-child { display: flex; align-items: center; gap: 30px; }
.hero-footer i { width: 70px; height: 2px; background: linear-gradient(90deg,var(--blue),transparent); }
.sponsors { min-height: 80px; padding: 18px 25px; display: flex; align-items: center; gap: 32px; background: linear-gradient(110deg,#448dcc70,#36526b5e 30%,#3852715e 75%,#2a87cd73); transform: skew(-15deg); box-shadow: inset 0 2px 0 #9bdbff5c, 0 0 15px #58b8ff24; }
.sponsors>* { transform: skew(15deg); }
.sponsors h2 { font: italic 800 12px var(--heading); max-width: 140px; }
.sponsors>div { display: flex; align-items: center; gap: 24px; flex: 1; padding-left: 30px; border-left: 1px solid #b3ddff4d; }
.sponsors strong { font: italic 800 18px var(--heading); }
.sponsors span { font-size: 11px; color: #d2e6f7; }
.sponsors>a { font-size: 10px; font-weight: 700; }
.cards { display: grid; grid-template-columns: repeat(4,1fr); gap: 3px; margin-top: 12px; }
.nav-card { min-width: 0; height: 285px; position: relative; isolation: isolate; overflow: hidden; background: #030d1b; clip-path: polygon(17% 0,100% 0,83% 100%,0 100%); margin-inline: -11px; border-bottom: 1px solid #318ad2; }
.nav-card:first-child { margin-left: 0; }
.nav-card:last-child { margin-right: 0; }
.nav-card>img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 35%; z-index: -3; filter: saturate(.65); transition: transform .25s; }
.nav-card:nth-child(2)>img { object-position: 30% 38%; }
.nav-card::before { content: ''; position: absolute; inset: 0; z-index: -2; background: linear-gradient(0deg,#020c1efa 1%,#03172be6 38%,#06346242 80%,#05234244); }
.nav-card::after { content: ''; position: absolute; inset: 0; pointer-events: none; z-index: -1; background: linear-gradient(108deg,transparent 14%,#8bdcff80 14.3%,transparent 14.8% 84%,#0088ff99 84.2%,transparent 85%); }
.nav-card:hover>img { transform: scale(1.04); }
.nav-card:focus-visible { outline-offset: -5px; }
.card-content { position: absolute; left: 15%; right: 18%; bottom: 22px; }
.card-content>svg { width: 23px; height: 23px; margin-bottom: 9px; color: #41b9ff; filter: drop-shadow(0 0 4px #168dff80); }
.nav-card h2 { font: italic 800 15px/1.2 var(--heading); letter-spacing: -.03em; }
.nav-card h2 small { font-size: 11px; }
.nav-card p { color: #c2d2e2; margin: 8px 0; font-size: 10px; line-height: 1.5; max-width: 170px; }
.card-link { display: flex; justify-content: space-between; align-items: center; font-size: 8px; color: #8bcbff; }
.card-link b { display: grid; place-items: center; border: 1px solid #5bade6; border-radius: 50%; width: 24px; height: 24px; font-size: 15px; }
.about { display: grid; grid-template-columns: .85fr 1.35fr; gap: 52px; margin-top: 5px; padding: 30px 38px; position: relative; background: linear-gradient(111deg,#184b7488,#3d79a344 39%,#87ceff50 39.2%,#09203988 39.4%,#07192b66); }
.about-copy { max-width: 330px; }
.about h2 { font-size: 29px; }
.about-copy>p:not(.eyebrow) { font-size: 11px; line-height: 1.6; margin: 15px 0; color: #c0d1e1; }
.about .button { padding: 8px 13px; min-height: 35px; font-size: 8px; }
.about-right { display: flex; flex-direction: column; justify-content: center; }
.benefits { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; text-align: center; }
.benefits svg { margin: 0 auto 13px; width: 28px; height: 28px; color: #d8f0ff; }
.benefits h3 { font-size: 8px; line-height: 1.7; letter-spacing: .04em; }
blockquote { margin: 24px 0 0; padding: 17px 22px; font-size: 15px; line-height: 1.4; font-style: italic; position: relative; background: linear-gradient(110deg,#041324aa,#04172a77); border-top: 1px solid #2781bb66; }
blockquote span { position: absolute; top: 20px; right: 18px; width: 70px; height: 3px; background: linear-gradient(90deg,transparent,#168ff6); }
.pilot-details { margin-top: 8px; padding: 0 22px; }
summary { cursor: pointer; padding: 11px 0; display: flex; justify-content: space-between; align-items: center; font-size: 10px; font-weight: 700; list-style: none; }
summary::-webkit-details-marker { display: none; }
summary span { color: #68c1ff; font-size: 18px; }
.compact-details[open] > summary > span { transform: rotate(45deg); }
.pilot-content { display: grid; grid-template-columns: 1.4fr 1fr; gap: 35px; padding-block: 20px; border-top: 1px solid var(--line); }
.pilot-content h3 { font: 700 20px var(--heading); }
.pilot-content p { color: var(--muted); margin-block: 12px; }
.roster { border-left: 1px solid var(--line); padding-left: 25px; }
.roster>span, .roster>strong { display: block; }
.roster>strong { font-size: 22px; margin-top: 6px; }
.section { padding-block: 25px; }
.section-heading { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-bottom: 16px; }
.section-heading h2 { font-size: 25px; }
.section-heading .eyebrow { margin-bottom: 7px; }
.section-heading .button { font-size: 8px; min-height: 33px; padding: 7px 13px; }
.calendar-strip { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }
.date-card { display: flex; align-items: center; gap: 14px; padding: 17px 18px; transform: skew(-12deg); border-color: #3b8bc74d; }
.date-card>* { transform: skew(12deg); }
.date-card>svg { color: #58b8ff; width: 25px; height: 25px; }
.date-symbol { font: 800 32px var(--heading); color: #8ed0ff; }
.date-card h3 { font-size: 9px; font-weight: 700; }
.date-card p { color: #bacde0; font-size: 11px; margin-top: 4px; }
.results-details { margin-top: 10px; border-bottom: 1px solid var(--line); }
.results-details summary { font-size: 9px; color: #a8c7e1; }
.results-details p { color: var(--muted); padding: 12px 0 18px; font-size: 12px; }
.news-section { padding-top: 0; }
.muted { font-size: 9px; color: var(--muted); }
.news-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.news-card { padding: 18px 22px; background: linear-gradient(112deg,#155e8b44,#03152999); border-color: #408dcc4d; display: flex; flex-direction: column; }
.news-meta { display: flex; justify-content: space-between; font-size: 8px; color: #69baff; font-weight: 700; gap: 16px; }
.news-card h3 { font-size: 14px; line-height: 1.35; margin: 12px 0 8px; }
.news-card p { font-size: 10px; color: #b9cbdf; }
.text-link { min-height: 38px; display: inline-flex; align-items: center; gap: 20px; justify-content: space-between; color: #70c3ff; font-size: 9px; font-weight: 700; }
.news-card .text-link { margin-top: auto; padding-top: 10px; }
.text-link:hover { text-decoration: underline; }
.instagram { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 20px 25px; }
.instagram h2 { font-size: 21px; }
.instagram .eyebrow { margin-bottom: 7px; }
.contact { display: flex; justify-content: space-between; align-items: center; gap: 30px; padding-block: 28px; }
.contact h2 { font-size: 20px; }
.contact p { margin-top: 9px; color: var(--muted); font-size: 11px; }
.contact .contact-note { font-size: 10px; }
footer { padding: 16px 0; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 20px; font-size: 8px; color: #9ab5cf; letter-spacing: .04em; }
.footer-name { width: 150px; }
.footer-name img { width: 100%; height: auto; }

@media (max-width: 1100px) {
  .site-header { gap: 14px; padding-inline: 26px; }
  .brand { width: 165px; }
  nav { gap: 12px; }
  nav a { font-size: 8px; }
  .header-social { display: none; }
  .wrap { width: calc(100% - 52px); }
  .hero-copy { padding-left: 5%; }
  .nav-card { height: 270px; }
  .about { gap: 40px; padding: 26px; }
  .benefits { gap: 10px; }
  .benefits h3 { font-size: 7px; }
  .date-card { padding: 14px 12px; gap: 9px; }
}
@media (max-width: 800px) {
  html { scroll-padding-top: 83px; }
  .site-header { min-height: 70px; padding: 6px 20px; justify-content: space-between; }
  .brand { width: 163px; }
  .menu-toggle { display: flex; gap: 12px; color: #e1f0ff; background: #0c315666; border: 1px solid var(--line); padding: 11px 13px; font-size: 11px; cursor: pointer; }
  nav { display: none; position: absolute; top: 100%; left: 0; right: 0; margin: 0; padding: 12px 20px; background: #061628fa; border-bottom: 1px solid #499cd5; grid-template-columns: 1fr 1fr; gap: 2px 20px; max-height: calc(100dvh - 70px); overflow-y: auto; }
  nav.open { display: grid; }
  nav a { font-size: 11px; padding: 14px 6px; }
  .wrap { width: calc(100% - 36px); }
  .hero { height: 550px; }
  .hero-copy { width: 100%; padding: 31px 25px 0; }
  .hero h1 { font-size: clamp(28px,6.7vw,44px); }
  .hero-photo { width: 100%; height: 75%; bottom: 0; object-position: 60% 65%; }
  .hero-shade { background: linear-gradient(180deg,#031223ff,#04172ee0 27%,#071d4522 65%,#031022aa),linear-gradient(90deg,#07172b77,transparent 80%); }
  .hero-lead { font-size: 11px; margin: 13px 0 16px; }
  .hero-values { display: none; }
  .hero::after { opacity: .55; background: linear-gradient(114deg,transparent 60%,#7ed1ff70 60.2%,transparent 60.6%); }
  .hero-footer { left: 23px; right: 23px; bottom: 13px; font-size: 7px; }
  .hero-footer>span:first-child { display: none; }
  .button { min-height: 42px; padding: 10px 15px; font-size: 9px; }
  .sponsors { transform: none; gap: 12px; padding: 14px 16px; flex-wrap: wrap; }
  .sponsors>* { transform: none; }
  .sponsors h2 { font-size: 10px; max-width: 100px; }
  .sponsors>div { padding-left: 16px; gap: 7px; flex-direction: column; align-items: flex-start; }
  .sponsors strong { font-size: 14px; }
  .sponsors span { font-size: 10px; }
  .sponsors>a { width: 100%; padding-top: 8px; border-top: 1px solid #a3d3f229; }
  .cards { grid-template-columns: 1fr 1fr; gap: 6px; }
  .nav-card { margin: 0; height: 255px; clip-path: polygon(8% 0,100% 0,92% 100%,0 100%); }
  .card-content { left: 12%; right: 14%; bottom: 17px; }
  .nav-card h2 { font-size: 13px; }
  .nav-card h2 small { font-size: 10px; }
  .nav-card p { font-size: 10px; min-height: 30px; }
  .nav-card::after { background: linear-gradient(94deg,transparent 8%,#65beff50 8.2%,transparent 8.8%); }
  .about { grid-template-columns: 1fr; gap: 27px; padding: 25px 23px; margin-top: 14px; background: linear-gradient(115deg,#24628c55,#04172a77); }
  .about-copy { max-width: none; }
  .about h2 { font-size: 28px; }
  .about-copy>p:not(.eyebrow) { font-size: 12px; }
  .benefits { gap: 15px 10px; }
  .benefits h3 { font-size: 7px; }
  blockquote { margin-top: 20px; font-size: 14px; }
  blockquote span { width: 37px; }
  .pilot-content { grid-template-columns: 1fr; gap: 20px; }
  .roster { padding: 15px 0 0; border-left: 0; border-top: 1px solid var(--line); }
  .section-heading { gap: 15px; flex-wrap: wrap; }
  .section-heading h2 { font-size: 21px; }
  .calendar-strip { grid-template-columns: 1fr 1fr; gap: 10px; }
  .date-card { transform: none; padding: 16px 12px; gap: 10px; }
  .date-card>* { transform: none; }
  .date-card h3 { font-size: 8px; }
  .date-card>svg { width: 20px; height: 20px; }
  .news-grid { grid-template-columns: 1fr; }
  .news-card { padding: 20px; }
  .news-card h3 { font-size: 15px; }
  .news-card p { font-size: 11px; }
  .text-link { min-height: 44px; }
  .instagram { padding: 22px; flex-wrap: wrap; }
  .instagram h2 { font-size: 20px; }
  .instagram .button { width: 100%; }
  .contact { align-items: flex-start; flex-direction: column; gap: 19px; padding-block: 25px; }
  .contact h2 { font-size: 20px; }
  .contact>div:last-child, .contact .button { width: 100%; }
  footer { padding-block: 18px; font-size: 8px; }
  footer>span { display: none; }
  .footer-name { width: 130px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; }
}


/* Present the supplied logo lettering without its background emblem. */
.brand, .footer-name { height: 42px; overflow: hidden; position: relative; isolation: isolate; }
.brand img, .footer-name img { position: absolute; left: 0; top: -79px; width: 192px; max-width: none; height: 192px; filter: grayscale(1) brightness(.65) contrast(20); mix-blend-mode: screen; }
.footer-name { display: block; height: 33px; }
.footer-name img { top: -62px; width: 150px; height: 150px; }
@media (max-width: 1100px) {
  .brand { height: 37px; }
  .brand img { top: -68px; width: 165px; height: 165px; }
}
@media (max-width: 800px) {
  .brand img { top: -67px; width: 163px; height: 163px; }
  .footer-name img { top: -54px; width: 130px; height: 130px; }
}

.brand, .footer-name { isolation: auto; mix-blend-mode: screen; } .brand img, .footer-name img { mix-blend-mode: normal; }

/* Stronger brand presence and readable navigation. */
html { scroll-padding-top: 112px; }
.site-header { min-height: 102px; gap: 26px; background: linear-gradient(110deg, #124b70f5, #05101ff5 33%, #0b2038f5); }
.brand { width: 270px; height: 57px; }
.brand img { width: 270px; height: 270px; top: -110px; filter: grayscale(1) brightness(.65) contrast(20) drop-shadow(0 0 4px #8bd6ff45); }
nav { gap: 17px; }
nav a { font-family: Inter, Arial, sans-serif; font-size: 13px; font-weight: 700; line-height: 1.4; letter-spacing: .01em; color: #eef6ff; min-height: 46px; display: inline-flex; align-items: center; }
nav a:hover, nav a[aria-current] { color: #8ed5ff; border-bottom-color: #45b6ff; }
@media (max-width: 1100px) {
  html { scroll-padding-top: 94px; }
  .site-header { min-height: 84px; padding: 10px 24px; justify-content: space-between; }
  .brand { width: 235px; height: 50px; }
  .brand img { width: 235px; height: 235px; top: -96px; }
  .menu-toggle { display: flex; align-items: center; gap: 12px; color: #fff; background: #16477170; border: 1px solid #72baf37a; padding: 12px 15px; min-height: 44px; font: 700 13px Inter, Arial, sans-serif; cursor: pointer; }
  nav { display: none; position: absolute; top: 100%; left: 0; right: 0; margin: 0; padding: 14px 24px; background: #061628fa; border-bottom: 1px solid #499cd5; grid-template-columns: 1fr 1fr; gap: 4px 20px; max-height: calc(100dvh - 84px); overflow-y: auto; }
  nav.open { display: grid; }
  nav a { font-size: 15px; padding: 14px 8px; }
}
@media (max-width: 480px) {
  .site-header { padding-inline: 18px; gap: 12px; }
  .brand { width: 210px; height: 47px; }
  .brand img { width: 210px; height: 210px; top: -86px; }
  .menu-toggle { padding: 11px; font-size: 12px; gap: 8px; }
}


/* Current roster supplied by the team. */
.drivers-section { padding-block: 30px 8px; }
.driver-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.driver-card { padding: 21px 22px; min-width: 0; border-left: 2px solid #2b9fe9; display: flex; flex-direction: column; }
.driver-label { font-size: 8px; letter-spacing: .1em; color: #75bcea; }
.driver-card h3 { font: 700 18px/1.35 Inter, Arial, sans-serif; margin: 12px 0 15px; color: #f2f8ff; }
.driver-instagram { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 44px; font-size: 11px; color: #8cd5ff; border-top: 1px solid #70b7eb35; margin-top: auto; overflow-wrap: anywhere; }
.driver-instagram:hover { color: white; text-decoration: underline; }
.driver-pending { color: #a1b7ce; font-size: 11px; padding-top: 13px; margin-top: auto; border-top: 1px solid #70b7eb25; }
.team-history { margin-top: 16px; border-block: 1px solid #71b7f630; padding-inline: 4px; }
.team-history h3 { font-size: 17px; margin-top: 12px; }
.team-history p { font-size: 12px; color: #adc3d7; margin-top: 10px; }
@media (max-width: 800px) { .driver-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .driver-card { padding: 18px; } .driver-card h3 { font-size: 17px; } }
@media (max-width: 480px) { .driver-grid { grid-template-columns: 1fr; } .driver-card { padding: 18px 21px; } }


.championship-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.championship{padding:28px;border-top:2px solid #287fff}.championship h3{font-size:30px;margin:8px 0}.calendar-subtitle,.calendar-note{color:#abbdd1;font-size:13px;line-height:1.6}.race-list{list-style:none;padding:0;margin:23px 0}.race-list li{display:grid;grid-template-columns:130px 1fr;gap:15px;padding:16px 0;border-top:1px solid #ffffff1a}.race-list strong{font-family:Inter,Arial,sans-serif;color:#80b7ff;font-size:14px}.race-list span{display:block;color:#abbdd1;font-size:13px;margin-top:5px}.calendar-note{margin-top:17px}.driver-photo{width:calc(100% + 42px);max-width:none;margin:-21px -21px 19px;aspect-ratio:4/3;object-fit:cover;display:block;border-bottom:1px solid #3b82f666}.driver-card{overflow:hidden}.driver-photo-credit{display:block;font-size:10px;color:#9aadc4;margin-top:8px}.driver-instagram{overflow-wrap:anywhere}@media(max-width:700px){.championship-grid{grid-template-columns:1fr}.championship{padding:21px}.race-list li{grid-template-columns:110px 1fr}}

.driver-photo-pending{background:linear-gradient(135deg,#132747,#070f1d 65%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#b6c7db}.driver-photo-pending span{font-size:13px;letter-spacing:2px;transform:skew(-8deg)}.driver-photo-pending small{font-size:12px;color:#8ca0bb}.driver-card:first-child .driver-photo{object-position:center 36%}
.driver-photo{height:auto;aspect-ratio:4/3}.driver-photo-pending{height:auto}

/* Academy launch, team history and press archive */
.academy{margin-top:28px;margin-bottom:18px;padding:34px;border-top:3px solid #169dff;position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 0,#1178ca44,transparent 60%),linear-gradient(120deg,#25435d77,#061425dd)}
.academy-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.academy-heading h2{font-size:clamp(23px,3vw,38px)}.academy-lead{font-size:clamp(19px,2.4vw,29px);line-height:1.3;font-weight:600;margin-top:18px;max-width:660px}.academy-capacity{display:flex;align-items:center;gap:15px;border-left:1px solid #71b7f650;padding-left:25px}.academy-capacity strong{font:italic 900 70px/1 var(--heading);color:#59baff}.academy-capacity span{font-size:11px;letter-spacing:.08em;white-space:nowrap}.academy-description{color:#bfd0e0;max-width:770px;margin:22px 0}.academy-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:26px 0}.academy-pillars b{font-size:10px;letter-spacing:.08em;color:#64bfff}.academy-pillars h3{font-size:16px;margin:9px 0}.academy-pillars p,.academy-week p{color:#adc3d7;font-size:13px}.academy-week{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-block:1px solid #71b7f630;padding:24px 0}.academy-week h3{font-size:21px;line-height:1.3;margin-bottom:10px}.academy-week ol{list-style:none;padding:0;margin:0;display:grid;gap:15px}.academy-week li{border-left:2px solid #169dff;padding-left:15px}.academy-week li span,.academy-week li strong,.academy-week li small{display:block}.academy-week li span{color:#64bfff;font-size:10px}.academy-week li strong{font-size:14px}.academy-week li small{color:#adc3d7}.academy-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:25px}.academy-footer p{font-size:12px;color:#adc3d7}.academy-footer strong{color:#fff}.academy-footer .button{background:#086db0;font-size:12px}.home-news{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-bottom:28px;padding-block:15px;border-bottom:1px solid #71b7f630}.home-news>span{font-size:10px;color:#64bfff;font-weight:700}.home-news a{font-size:12px}.home-news a:hover{color:#6ccaff}.legacy-section{padding-block:35px}.legacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.legacy-card{padding:27px}.legacy-card h3{font-size:24px;margin:12px 0}.legacy-card p{color:#adc3d7;margin-bottom:22px}.news-intro{color:#adc3d7;max-width:830px;margin-bottom:23px}.news-filters{display:flex;flex-wrap:wrap;gap:10px}.news-filters button{border:1px solid #71b7f650;background:#0a2137;color:#cfe7fb;padding:12px 18px;min-height:44px;font:600 12px Inter,Arial,sans-serif;cursor:pointer}.news-filters button[aria-pressed=true]{background:#1176ba;color:white;border-color:#7fd0ff}.news-section .news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:16px}.news-card{display:flex;flex-direction:column}.news-card .text-link{margin-top:auto;padding-top:16px}.news-card[hidden]{display:none}.news-meta{flex-wrap:wrap;gap:9px}.news-section .news-card h3{font-size:16px;line-height:1.5}.news-section .news-card p{font-size:13px}.legacy-card .eyebrow{display:block}
@media(min-width:1101px){.site-header{gap:14px}.site-header nav{gap:10px}.site-header nav a{font-size:12px}.site-header .brand{width:245px}}
@media(max-width:800px){.academy{padding:24px}.academy-heading{align-items:flex-start}.academy-capacity{padding-left:16px;gap:8px}.academy-capacity strong{font-size:42px}.academy-capacity span{font-size:9px}.academy-pillars{grid-template-columns:1fr;gap:18px}.academy-week,.legacy-grid{grid-template-columns:1fr}.academy-footer{align-items:flex-start;flex-direction:column}.news-section .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.academy-heading{flex-direction:column}.academy-capacity{border-left:0;padding-left:0}.academy-heading h2{font-size:25px}.academy{padding:22px}.academy-footer .button{width:100%}.news-section .news-grid{grid-template-columns:1fr}.home-news{align-items:flex-start;flex-direction:column;gap:12px}.legacy-section h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(min-width:1101px){.site-header .brand{width:270px}}.academy-primary{background:#087bbb;font-size:12px;min-height:46px}
/* Editorial emphasis: the team's formative history. */
.trajectory{padding-block:54px 35px}.trajectory-heading{border-left:4px solid #2caaff;padding-left:25px;margin-bottom:30px}.trajectory-heading h2{font-size:clamp(29px,4.4vw,55px);line-height:1.15}.trajectory-heading>p:last-child{font-size:17px;line-height:1.7;max-width:780px;color:#c1d6e9;margin-top:20px}.mentor{display:grid;grid-template-columns:1fr 2fr;gap:35px;padding:35px;margin-bottom:22px;background:linear-gradient(110deg,#126bac80,#132f49a0 65%,#081726)}.mentor h3{font:italic 900 38px/1.1 var(--heading)}.mentor p{font-size:16px;line-height:1.8;color:#d3e2ef}.mentor .text-link{margin-top:15px}.trajectory .legacy-card{position:relative;overflow:hidden;padding:32px;border-top:2px solid #59baff;min-height:300px}.career-mark{position:absolute;right:16px;top:4px;font:900 italic 100px/1 var(--heading);color:#47b3ff1d;pointer-events:none}.trajectory .legacy-card h3{font-size:25px;line-height:1.3;position:relative;margin:28px 0 18px}.trajectory .legacy-card p{font-size:15px;line-height:1.7}.trajectory-names{padding:26px 0}.trajectory-names>p:nth-child(2){font-size:17px;font-weight:600;line-height:2}.trajectory-names span{color:#248acc;padding:0 8px}.trajectory-names a{display:inline-block;margin-top:8px;color:#a2c7e8;font-size:12px}.trajectory>.button{font-size:12px;background:#146bb2}.hero-academy{display:block;margin-top:12px;color:#b9e8ff;font-size:11px;font-weight:700}.news-section{border-top:2px solid #2caaff;padding-top:40px}.news-section .section-heading h2{font-size:clamp(26px,3.5vw,42px)}.news-section .news-intro{font-size:16px}.news-section .news-card h3{font-size:20px;line-height:1.4}.news-section .news-card{padding:26px}.news-section .news-card p{font-size:14px}.news-section .news-card:first-child{background:linear-gradient(125deg,#176aab99,#102b48);border-color:#5bb9ff}.news-section .news-card:first-child h3{font-size:25px}
@media(max-width:700px){.trajectory{padding-block:32px}.trajectory-heading{padding-left:15px}.trajectory-heading>p:last-child{font-size:15px}.mentor{grid-template-columns:1fr;padding:24px;gap:20px}.mentor h3{font-size:30px}.mentor p{font-size:14px}.trajectory .legacy-card{padding:24px}.trajectory .legacy-card h3{font-size:23px}.trajectory-names>p:nth-child(2){font-size:15px}.hero-academy{font-size:10px}.trajectory>.button{width:100%;font-size:10px}}