/* SkabStudio v1.8.3 — typography matched to approved screenshot.
   Editorial headings: Oswald. Interface/body: IBM Plex Mono.
   Brand keeps the familiar slanted gradient treatment.
*/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;1,400&family=Oswald:ital,wght@0,500;0,600;0,700;1,700&display=swap');

:root{
  --display:"Oswald","Arial Narrow",Arial,sans-serif !important;
  --mono:"IBM Plex Mono",Consolas,"Liberation Mono","Courier New",monospace !important;
}

html,body,
button,input,select,textarea,
.btn,.menu-btn,.skab-nav-btn,.tiny-btn,.section-action,
.eyebrow,.subtitle,.skab-brand-sub,
.footer-links a,.footer-links button,.footer-policy-links button,
.card p,.hero p,.section-head p{
  font-family:var(--mono) !important;
  font-style:normal;
}

/* Approved clean condensed heading style. */
h1,h2,h3,h4,h5,h6,
.hero h1,.hero h2,.hero-head h1,
.section-head h3,.section-title-link-v154 h3,
.card h2,.card h3,.card h4,
.panel h2,.panel h3,
.rotw-info h4,.garage-card h4,.garage-modal-head h3,
.footer-updates h3,.footer-col h4,
.score strong,.stat strong,.modal-card h3{
  font-family:var(--display) !important;
  font-style:normal !important;
  font-weight:600 !important;
  font-synthesis:none !important;
  letter-spacing:-.018em !important;
  text-transform:uppercase;
}

.hero h1,.hero h2,.hero-head h1{
  font-weight:700 !important;
  letter-spacing:-.028em !important;
  line-height:.94 !important;
}

.section-head h3,.section-title-link-v154 h3,
.panel h2,.panel h3,.footer-updates h3{
  font-weight:600 !important;
  letter-spacing:-.02em !important;
  line-height:1 !important;
}

/* Preserve the approved SKAB STUDIO logo treatment instead of making it a normal heading. */
.site-home-brand,.skab-brand-word,.brand h1,.footer-brand{
  font-family:var(--display) !important;
  font-style:italic !important;
  font-weight:700 !important;
  font-synthesis:none !important;
  letter-spacing:-.035em !important;
  line-height:.88 !important;
  text-transform:uppercase !important;
  transform:skewX(-5deg);
  transform-origin:left center;
}

/* Body/interface proportions from the approved screenshot. */
body{font-weight:400}
.hero p,.section-head p,.card p{font-weight:400;letter-spacing:.015em}
.menu-btn,.skab-nav-btn,.btn,.tiny-btn,.section-action,
input,select,textarea,button{
  font-weight:500;
  letter-spacing:.12em;
}

/* Keep artwork-specific lettering isolated to Driver Tag output only. */
#lobby,.driver-tag-preview,.driver-tag-result{
  font-family:"FRLegends",sans-serif !important;
}

@media(max-width:760px){
  .hero h1,.hero h2,.hero-head h1{letter-spacing:-.035em !important}
  .site-home-brand,.skab-brand-word,.brand h1{letter-spacing:-.045em !important}
}