/*
  PROVA RIDIMENSIONAMENTO NOTEBOOK
  Circa 88% rispetto alla versione attuale.

  Rollback: in index.html togli la riga
  <link rel="stylesheet" href="assets/stylesheets/site-compact.css">
  Questo file non modifica site.css.
*/

html {
  font-size: 93.75%;
}

:root {
  --header-h: 64px;
  --max: 1040px;
}

.brand img {
  width: 40px;
  height: 40px;
}

.btn {
  min-height: 42px;
  padding: 0 1rem;
}

.hero {
  padding: 2.2rem 0 0.9rem;
}

.hero-mark {
  font-size: clamp(5.5rem, 16vw, 11rem);
}

.hero h1 {
  font-size: clamp(1.9rem, 4.2vw, 3.35rem);
  margin-bottom: 0.75rem;
}

.lead {
  font-size: 1.02rem;
}

.hero-cta {
  margin-top: 1.2rem;
}

.paths {
  padding: 1rem 0 2rem;
  gap: 0.85rem;
}

.path-card {
  padding: 1.15rem;
  border-radius: 22px;
  grid-template-rows: 38px 2.4em auto 1fr auto;
  gap: 0.55rem 0;
}

.path-card h2 {
  font-size: 1.32rem;
}

.icon-pill {
  width: 38px;
  height: 38px;
}

.icon-pill svg {
  width: 18px;
  height: 18px;
}

.section {
  padding: 2.4rem 0;
}

.section-head {
  margin-bottom: 1.15rem;
}

.section-head h2,
.about-copy h2,
.band-card h2,
.collab h2,
.cta-band h2 {
  font-size: 1.7rem;
}

.course-card {
  border-radius: 20px;
}

.course-body {
  padding: 1rem 1.05rem 1.1rem;
}

.course-body h3 {
  font-size: 1.22rem;
}

.band-card,
.collab,
.cta-band {
  padding: 1.45rem 1.55rem;
  border-radius: 22px;
}

.portrait img {
  height: 15.5rem;
}

.portrait figcaption {
  font-size: 1rem;
  padding: 1.8rem 0.9rem 0.8rem;
}

.sponsor-logo {
  width: 104px;
  height: 64px;
}

.page-hero {
  padding-top: 1.6rem;
}

.page-hero h1 {
  font-size: clamp(1.7rem, 3.6vw, 2.35rem);
}

.auth-card,
.contact-aside,
.contact-form-card,
.price-card,
.module-card {
  border-radius: 18px;
}