:root {
  /* Colors */
  --color-mounjaro-purple: #5d0096;
  --color-mounjaro-orange: #fa4242;
  --color-mounjaro-darkPurple: #3f2a5a;
  --color-mounjaro-darkOrange: #c72605;
  --color-mounjaro-mounjaroGray: #707372;

  --color-lilly-bold-brown: #501009;
  --color-lilly-red: #d31710;
  --color-lilly-vibrant-coral: #fd9485;
  --color-lilly-pink: #ffdad4;
  --color-lilly-neutral-rose: #f9eeed;
  --color-lilly-neutral-rose-tint: #fbf5f4;
  --color-lilly-vibrant-orange: #ffdcc6;
  --color-lilly-vibrant-gold: #f4c003;
  --color-lilly-neutral-cream: #f9f0e0;
  --color-lilly-neutral-cream-tint: #fcf5ed;
  --color-lilly-bold-green: #00422c;
  --color-lilly-neutral-sage: #beebe6;
  --color-lilly-neutral-sage-tint: #f0f8f6;
  --color-lilly-bold-blue: #003a6c;
  --color-lilly-vibrant-azure: #86b3f2;
  --color-lilly-bold-grey: #818c94;
  --color-lilly-neutral-stone: #d8e4ec;
  --color-lilly-neutral-stone-tint: #f3f7fa;
  --color-lilly-black: #191919;
  --color-lilly-white: #ffffff;
  --color-lilly-transparent-black: #000000b3;


  /* Ringside Typography Tokens - Mobile First */
  --lds-g-typography-ringside-display-1: 900 4rem / 1.1 "Ringside Sans Extra Wide", "Ringside Extra Wide", sans-serif;
  --lds-g-typography-ringside-display-1-letter-spacing: -0.05em;
  --lds-g-typography-ringside-display-2: 900 3.6rem / 1.22 "Ringside Sans Extra Wide", "Ringside Extra Wide", sans-serif;
  --lds-g-typography-ringside-display-2-letter-spacing: -0.04em;
  --lds-g-typography-ringside-heading-1: 400 4rem / 1.1 "Ringside Sans", Ringside, sans-serif;
  --lds-g-typography-ringside-heading-1-letter-spacing: -0.025em;
  --lds-g-typography-ringside-heading-2: 400 3.6rem / 1.22 "Ringside Sans", Ringside, sans-serif;
  --lds-g-typography-ringside-heading-2-letter-spacing: -0.02em;
  --lds-g-typography-ringside-heading-3: 400 3.2rem / 1.19 "Ringside Sans", Ringside, sans-serif;
  --lds-g-typography-ringside-heading-3-letter-spacing: -0.02em;
  --lds-g-typography-ringside-heading-4: 400 2.8rem / 1.21 "Ringside Sans", Ringside, sans-serif;
  --lds-g-typography-ringside-heading-4-letter-spacing: -0.02em;
  --lds-g-typography-ringside-heading-5: 400 2.4rem / 1.33 "Ringside Sans", Ringside, sans-serif;
  --lds-g-typography-ringside-heading-6: 400 2rem / 1.3 "Ringside Sans", Ringside, sans-serif;
  --lds-g-typography-ringside-body-small: 400 1.4rem / 1.43 "Ringside Sans", Ringside, sans-serif;
  --lds-g-typography-ringside-body-medium: 400 1.6rem / 1.5 "Ringside Sans", Ringside, sans-serif;
  --lds-g-typography-ringside-body-large: 400 1.8rem / 1.56 "Ringside Sans", Ringside, sans-serif;
  --lds-g-typography-ringside-special-cta-button: 400 1.6rem / 1.25 "Ringside Sans", Ringside, sans-serif;
  --lds-g-typography-ringside-special-cta-text-link: 900 1.6rem / 1.25 "Ringside Sans", Ringside, sans-serif;
  --lds-g-typography-ringside-special-caption: 400 1.2rem / 1.5 "Ringside Sans", Ringside, sans-serif;
  --lds-g-typography-ringside-special-eyebrow: 400 1.2rem / 1.33 "Ringside Sans Extra Wide", "Ringside Extra Wide", sans-serif;

  /* Garamond Typography Tokens - Mobile First */
  --lds-g-typography-garamond-display-1: 400 4.8rem / 1.0 "ITC Garamond Condensed", "ITC Garamond Narrow", "ITC Garamond Std", Garamond, serif;
  --lds-g-typography-garamond-display-1-letter-spacing: -0.015em;
  --lds-g-typography-garamond-heading-1: 400 4rem / 1.05 "ITC Garamond Condensed", "ITC Garamond Narrow", "ITC Garamond Std", Garamond, serif;
  --lds-g-typography-garamond-heading-1-letter-spacing: -0.01em;
  --lds-g-typography-garamond-heading-2: 400 3.6rem / 1.11 "ITC Garamond Condensed", "ITC Garamond Narrow", "ITC Garamond Std", Garamond, serif;
  --lds-g-typography-garamond-heading-2-letter-spacing: -0.01em;
  --lds-g-typography-garamond-heading-3: 400 3.2rem / 1.19 "ITC Garamond Condensed", "ITC Garamond Narrow", "ITC Garamond Std", Garamond, serif;
  --lds-g-typography-garamond-heading-3-letter-spacing: -0.01em;
  --lds-g-typography-garamond-heading-4: 400 2.8rem / 1.21 "ITC Garamond Condensed", "ITC Garamond Narrow", "ITC Garamond Std", Garamond, serif;
  --lds-g-typography-garamond-heading-5: 400 2.4rem / 1.33 "ITC Garamond Condensed", "ITC Garamond Narrow", "ITC Garamond Std", Garamond, serif;
  --lds-g-typography-garamond-heading-6: 400 2rem / 1.3 "ITC Garamond Condensed", "ITC Garamond Narrow", "ITC Garamond Std", Garamond, serif;
}

* {
  box-sizing: border-box;
}

/* ===================================
   BASE & RESET STYLES
   =================================== */
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  font: var(--lds-g-typography-ringside-body-large);
  margin: 0;
  padding: 0;
  font-optical-sizing: auto;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  font: var(--lds-g-typography-ringside-body-medium);
  letter-spacing: -0.01em;
}

.h2-big {
  text-align: center;
}

.h2-big,
.h2-left-align {
  font: var(--lds-g-typography-garamond-display-1);
  color: var(--color-lilly-black);
  padding-block: 4.8rem;
}

.h2-left-align {
  text-align: left;
  color: var(--color-lilly-white);
  display: block;
  width: 100%;
}

.h2-black {
  color: var(--color-lilly-black);
}

.highlight-red {
  color: var(--color-lilly-red);
}


.wrapper {
  width: 100%;
}

.container {
  margin: 0 auto;
  max-width: 1440px;
  padding-inline: 1.6rem;
}

.wrapper:nth-child(even) {
  color: var(--color-lilly-black);
}

.wrapper:nth-child(odd) {
  background-color: var(--color-lilly-neutral-rose-tint);
}

@media (min-width: 768px) {
  :root {
    --lds-g-typography-ringside-display-1: 900 10rem / 1.0 "Ringside Sans Extra Wide", "Ringside Extra Wide", sans-serif;
    --lds-g-typography-ringside-display-2: 900 6rem / 1.1 "Ringside Sans Extra Wide", "Ringside Extra Wide", sans-serif;
    --lds-g-typography-ringside-heading-1: 400 6rem / 1.1 "Ringside Sans", Ringside, sans-serif;
    --lds-g-typography-ringside-heading-2: 400 4.8rem / 1.21 "Ringside Sans", Ringside, sans-serif;
    --lds-g-typography-ringside-heading-3: 400 3.6rem / 1.22 "Ringside Sans", Ringside, sans-serif;
    --lds-g-typography-ringside-heading-4: 400 3.2rem / 1.19 "Ringside Sans", Ringside, sans-serif;
    --lds-g-typography-ringside-heading-5: 400 2.8rem / 1.29 "Ringside Sans", Ringside, sans-serif;
    --lds-g-typography-ringside-heading-6: 400 2.4rem / 1.33 "Ringside Sans", Ringside, sans-serif;
    --lds-g-typography-ringside-body-large: 400 2rem / 1.5 "Ringside Sans", Ringside, sans-serif;
    --lds-g-typography-ringside-special-cta-button: 400 2rem / 1.2 "Ringside Sans", Ringside, sans-serif;
    --lds-g-typography-ringside-special-cta-text-link: 900 2rem / 1.2 "Ringside Sans", Ringside, sans-serif;
    --lds-g-typography-ringside-special-caption: 400 1.4rem / 1.57 "Ringside Sans", Ringside, sans-serif;
    --lds-g-typography-ringside-special-eyebrow: 400 1.4rem / 1.29 "Ringside Sans Extra Wide", "Ringside Extra Wide", sans-serif;

    --lds-g-typography-garamond-display-1: 400 10rem / 1.0 "Garamond Narrow Condensed", "ITC Garamond Std", Garamond, garamond, serif;
    --lds-g-typography-garamond-heading-1: 400 6rem / 1.1 "Garamond Narrow Condensed", "ITC Garamond Std", Garamond, garamond, serif;
    --lds-g-typography-garamond-heading-2: 400 4.8rem / 1.08 "Garamond Narrow Condensed", "ITC Garamond Std", Garamond, garamond, serif;
    --lds-g-typography-garamond-heading-3: 400 3.6rem / 1.22 "Garamond Narrow Condensed", "ITC Garamond Std", Garamond, garamond, serif;
    --lds-g-typography-garamond-heading-4: 400 3.2rem / 1.19 "Garamond Narrow Condensed", "ITC Garamond Std", Garamond, garamond, serif;
    --lds-g-typography-garamond-heading-5: 400 2.8rem / 1.29 "Garamond Narrow Condensed", "ITC Garamond Std", Garamond, garamond, serif;
    --lds-g-typography-garamond-heading-6: 400 2.4rem / 1.33 "Garamond Narrow Condensed", "ITC Garamond Std", Garamond, garamond, serif;


  }
}


@media (min-width: 1024px) {
  .container {
    padding-inline: 4.8rem;
  }

}

/* Back to Top Button */
.back-to-top {
  position: fixed;
  bottom: 2.4rem;
  right: 2.4rem;
  width: 5.6rem;
  height: 5.6rem;
  background-color: var(--color-lilly-transparent-black);
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  color: var(--color-lilly-white);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 998;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: auto;
}

.back-to-top-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  transition: background-color 0.3s ease;
}

.back-to-top.show {
  opacity: 1;
  visibility: visible;
}

.back-to-top:hover .back-to-top-icon {
  background-color: rgba(255, 255, 255, .2);
}

@media (min-width: 768px) {
  .back-to-top {
    width: 6.4rem;
    height: 6.4rem;
    bottom: 4.8rem;
    right: 4.8rem;
  }
}