body[data-theme="hands-on-aurora-light"] {
  --color-bg: #f8f5fb;
  --color-bg-alt: #f0ecf8;
  --color-surface: #fffdfd;
  --color-text: #29213b;
  --color-text-soft: #776e89;
  --color-muted: #655e73;
  --color-nav: #3f3652;
  --color-border: #ded6eb;
  --color-border-strong: #a99bbd;
  --color-accent: #72579c;
  --color-accent-2: #9ac8ba;
  --color-button-text: #fffdfd;
  --color-program-text: #2f2742;
  --color-program-accent: #72579c;
  --gradient-heading: linear-gradient(110deg, #5d487f 0%, #9674b8 54%, #b78175 100%);
  --gradient-button: linear-gradient(110deg, #5b447e 0%, #7c5f9e 100%);
  --gradient-programs: linear-gradient(118deg, #e9e2f4 0%, #e3f0eb 58%, #f6e7e0 100%);
  --radius-image: 34px;
  --radius-card: 26px;
  --radius-button: 999px;
  --shadow-logo: none;
}

body[data-theme="hands-on-aurora-light"] .site-header {
  max-width: calc(100% - 32px);
  inset: 16px 16px auto;
  height: 66px;
  border: 1px solid rgba(114, 87, 156, 0.15);
  border-radius: 999px;
}

body[data-theme="hands-on-aurora-light"] .brand img {
  width: 166px;
  height: 40px;
  border-radius: 0;
  object-fit: contain;
  color: #3f3159;
  box-shadow: none;
}

body[data-theme="hands-on-aurora-light"] .brand span {
  display: none;
}

body[data-theme="hands-on-aurora-light"] .nav {
  gap: clamp(14px, 1.7vw, 27px);
  letter-spacing: 0.1em;
}

body[data-theme="hands-on-aurora-light"][data-page-key="home"] .hero {
  min-height: 800px;
  padding-top: 134px;
}

body[data-theme="hands-on-aurora-light"][data-page-key="home"] .hero__grid {
  grid-template-columns: minmax(360px, 0.78fr) minmax(560px, 1.22fr);
  gap: clamp(32px, 5vw, 72px);
}

body[data-theme="hands-on-aurora-light"][data-page-key="home"] h1 {
  font-family: var(--font-sans);
  font-size: clamp(40px, 4.4vw, 54px);
  font-weight: 650;
  letter-spacing: -0.07em;
}

body[data-theme="hands-on-aurora-light"][data-page-key="home"] h2 {
  font-size: clamp(32px, 3.2vw, 40px);
}

body[data-theme="hands-on-aurora-light"] h1 em {
  font-style: normal;
}

body[data-theme="hands-on-aurora-light"][data-page-key="home"] .hero__media {
  min-height: 570px;
}

body[data-theme="hands-on-aurora-light"][data-page-key="home"] .hero__media > img {
  width: 92%;
  height: 550px;
  border-radius: 48% 48% 30px 30px;
}

body[data-theme="hands-on-aurora-light"] .floating-card {
  right: 4%;
  bottom: -10px;
  border-radius: 26px;
  transform: rotate(-2deg);
}

body[data-theme="hands-on-aurora-light"] .split--about {
  grid-template-columns: 0.78fr 1.22fr;
}

body[data-theme="hands-on-aurora-light"] .image-stack__main {
  border-radius: 44px 44px 140px 44px;
}

body[data-theme="hands-on-aurora-light"] .image-stack__sub {
  border-radius: 50%;
}

body[data-theme="hands-on-aurora-light"] .program-list {
  gap: 14px;
  border: 0;
}

body[data-theme="hands-on-aurora-light"] .program-card {
  min-height: 240px;
  border: 0;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.58);
  transition: transform 0.25s ease, background 0.25s ease;
}

body[data-theme="hands-on-aurora-light"] .program-card:hover {
  transform: translateY(-6px);
  background: rgba(255, 255, 255, 0.84);
}

body[data-theme="hands-on-aurora-light"] .plan-card,
body[data-theme="hands-on-aurora-light"] .detail-card,
body[data-theme="hands-on-aurora-light"] .step-card,
body[data-theme="hands-on-aurora-light"] .info-card {
  border-radius: 24px;
}

body[data-theme="hands-on-aurora-light"] .studio-image-card > img {
  border-radius: 150px 34px 34px 34px;
}

@media (max-width: 980px) {
  body[data-theme="hands-on-aurora-light"] .site-header {
    grid-template-columns: auto 1fr auto;
  }

  body[data-theme="hands-on-aurora-light"][data-page-key="home"] .hero__grid {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 760px) {
  body[data-theme="hands-on-aurora-light"] .site-header {
    max-width: calc(100% - 20px);
    inset: 10px 10px auto;
  }

  body[data-theme="hands-on-aurora-light"] .brand img {
    width: 126px;
    height: 34px;
  }

  body[data-theme="hands-on-aurora-light"] .menu-button,
  body[data-theme="hands-on-aurora-light"] a.button,
  body[data-theme="hands-on-aurora-light"] .nav a {
    min-height: 44px;
  }

  body[data-theme="hands-on-aurora-light"][data-page-key="home"] .hero__media > img {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 5;
  }
}