:root {

  --black: #080808;
  --black-2: #101010;

  --white: #f7f7f4;
  --grey: #999994;

  --yellow: #e4ff19;
  --yellow-dark: #c9df00;

  --border: rgba(255,255,255,0.13);

}


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


html {
  scroll-behavior: smooth;
}


body {

  background: var(--black);
  color: var(--white);

  font-family: "DM Sans", sans-serif;

  overflow-x: hidden;

}


a {
  color: inherit;
  text-decoration: none;
}


button {
  font-family: inherit;
}


/* ================= NAV ================= */

.navbar {

  position: fixed;

  top: 0;
  left: 0;

  width: 100%;
  height: 82px;

  padding: 0 5vw;

  display: flex;
  align-items: center;
  justify-content: space-between;

  border-bottom: 1px solid var(--border);

  background: rgba(8,8,8,0.78);

  backdrop-filter: blur(20px);

  z-index: 1000;

}


.logo {

  display: flex;
  align-items: center;

  gap: 12px;

}


.logo-box {

  width: 38px;
  height: 38px;

  display: grid;
  place-items: center;

  border: 1px solid white;

  font-size: 9px;
  font-weight: 900;

}


.logo-name {

  font-family: "Space Grotesk";

  font-size: 12px;

  font-weight: 700;

  line-height: 1.1;

  letter-spacing: .20em;

  white-space: nowrap;

}


.desktop-nav {

  display: flex;

  gap: 32px;

  font-size: 11px;

  color: #aaa;

}


.desktop-nav a {

  transition: .3s;

}


.desktop-nav a:hover {

  color: var(--yellow);

}


.nav-cta {

  padding: 12px 18px;

  border: 1px solid var(--border);

  font-size: 10px;

  font-weight: 700;

  transition: .3s;

}


.nav-cta:hover {

  background: var(--yellow);

  color: black;

}


.menu-btn {

  display: none;

  background: none;

  border: none;

  color: white;

  font-size: 22px;

}


.mobile-menu {

  display: none;

}


/* ================= HERO ================= */

.hero {

  min-height: 100vh;

  position: relative;

  display: flex;

  align-items: center;

  padding: 160px 8vw 100px;

  overflow: hidden;

}


.hero-grid {

  position: absolute;

  inset: 0;

  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);

  background-size: 75px 75px;

  mask-image: linear-gradient(to bottom, black, transparent);

}


.yellow-orb {

  position: absolute;

  width: 600px;
  height: 600px;

  border-radius: 50%;

  background: var(--yellow);

  filter: blur(150px);

  opacity: .09;

}


.orb-one {

  right: -300px;
  top: 10%;

}


.orb-two {

  left: -400px;
  bottom: -400px;

}


.hero-content {

  position: relative;

  max-width: 1200px;

  z-index: 2;

}


.tag,
.label {

  color: var(--yellow);

  font-size: 9px;

  font-weight: 800;

  letter-spacing: .2em;

}


.tag {

  margin-bottom: 28px;

}


.hero h1 {

  font-family: "Space Grotesk";

  font-size: clamp(65px, 11vw, 160px);

  line-height: .78;

  letter-spacing: -.085em;

  font-weight: 700;

}


.hero h1 span {

  color: var(--yellow);

}


.hero-description {

  max-width: 570px;

  margin-top: 48px;

  color: var(--grey);

  font-size: 15px;

  line-height: 1.75;

}


.hero-buttons {

  display: flex;

  gap: 12px;

  margin-top: 35px;

}


.btn {

  display: inline-flex;

  align-items: center;
  justify-content: center;

  padding: 16px 23px;

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .05em;

  transition: .3s;

}


.btn-yellow {

  background: var(--yellow);

  color: black;

}


.btn-yellow:hover {

  transform: translateY(-3px);

  box-shadow: 0 15px 50px rgba(228,255,25,.15);

}


.btn-outline {

  border: 1px solid var(--border);

}


.btn-outline:hover {

  border-color: white;

}


.btn-black {

  margin-top: 35px;

  background: black;

  color: white;

}


.hero-meta {

  position: absolute;

  bottom: 30px;

  left: 8vw;
  right: 8vw;

  display: flex;

  justify-content: space-between;

  color: #555;

  font-size: 8px;

  font-weight: 700;

  letter-spacing: .2em;

}


/* ================= MARQUEE ================= */

.marquee {

  overflow: hidden;

  padding: 20px 0;

  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);

  white-space: nowrap;

}


.marquee-track {

  display: inline-flex;

  align-items: center;

  gap: 25px;

  animation: marquee 30s linear infinite;

  font-family: "Space Grotesk";

  font-size: 12px;

  font-weight: 700;

}


.marquee b {

  color: var(--yellow);

}


@keyframes marquee {

  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }

}


/* ================= IMPACT ================= */

.impact {

  padding: 110px 8vw;

  display: grid;

  grid-template-columns: 1fr 2fr 1fr;

  align-items: center;

  border-bottom: 1px solid var(--border);

}


.impact-label {

  color: #666;

  font-size: 9px;

  font-weight: 800;

  letter-spacing: .2em;

}


.impact-number {

  font-family: "Space Grotesk";

  font-size: clamp(90px, 15vw, 220px);

  line-height: .7;

  letter-spacing: -.09em;

  font-weight: 700;

}


.impact-number span:last-child {

  color: var(--yellow);

}


.impact-text {

  color: var(--grey);

  font-size: 9px;

  font-weight: 700;

  line-height: 1.5;

  letter-spacing: .12em;

}


/* ================= SECTION ================= */

.section {

  padding: 150px 8vw;

}


.section-index {

  color: #555;

  font-size: 9px;

  font-weight: 800;

  letter-spacing: .15em;

}


/* ================= ABOUT ================= */

.about {

  display: grid;

  grid-template-columns: 1fr 3fr;

  gap: 70px;

}


.about-content {

  max-width: 950px;

}


.about h2,
.section-top h2 {

  margin-top: 20px;

  font-family: "Space Grotesk";

  font-size: clamp(50px, 7vw, 100px);

  line-height: .85;

  letter-spacing: -.075em;

}


.about h2 span,
.section-top h2 span {

  color: var(--yellow);

}


.about-columns {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 50px;

  margin-top: 55px;

}


.about-columns p {

  color: var(--grey);

  font-size: 14px;

  line-height: 1.8;

}


/* ================= SERVICES ================= */

.services {

  background: var(--black-2);

}


.section-top {

  display: flex;

  align-items: end;

  justify-content: space-between;

  gap: 50px;

  margin-bottom: 70px;

}


.section-top > p {

  max-width: 350px;

  color: var(--grey);

  font-size: 13px;

  line-height: 1.7;

}


.service-grid {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  border-top: 1px solid var(--border);

  border-left: 1px solid var(--border);

}


.service {

  min-height: 350px;

  position: relative;

  padding: 40px;

  border-right: 1px solid var(--border);

  border-bottom: 1px solid var(--border);

  transition: .4s;

}


.service:hover {

  background: #181818;

}


.service > span {

  color: #555;

  font-size: 9px;

  font-weight: 800;

}


.service-symbol {

  margin-top: 55px;

  color: var(--yellow);

  font-size: 35px;

}


.service h3 {

  margin-top: 22px;

  font-family: "Space Grotesk";

  font-size: 25px;

  letter-spacing: -.04em;

}


.service p {

  max-width: 450px;

  margin-top: 12px;

  color: var(--grey);

  font-size: 12px;

  line-height: 1.7;

}


.service strong {

  position: absolute;

  right: 30px;
  bottom: 25px;

  color: var(--yellow);

  font-size: 20px;

}


/* ================= SATURN ================= */

.saturn {

  position: relative;

  min-height: 850px;

  display: grid;

  grid-template-columns: 1fr 3fr;

  gap: 70px;

  overflow: hidden;

  background: var(--yellow);

  color: black;

}


.saturn .label {

  color: black;

}


.saturn-background {

  position: absolute;

  right: -50px;
  bottom: -100px;

  font-family: "Space Grotesk";

  font-size: 30vw;

  font-weight: 700;

  line-height: .7;

  letter-spacing: -.1em;

  opacity: .055;

}


.saturn-content {

  position: relative;

  max-width: 1000px;

  z-index: 2;

}


.saturn h2 {

  margin-top: 25px;

  font-family: "Space Grotesk";

  font-size: clamp(60px, 9vw, 135px);

  line-height: .78;

  letter-spacing: -.08em;

}


.saturn h2 span {

  color: black;

}


.saturn-content > p {

  max-width: 650px;

  margin-top: 50px;

  color: #454500;

  font-size: 15px;

  line-height: 1.75;

}


.saturn-link {

  display: inline-block;

  margin-top: 35px;

  padding-bottom: 8px;

  border-bottom: 1px solid black;

  font-size: 10px;

  font-weight: 800;

}


/* ================= ARTISTS ================= */

.artists-grid {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 12px;

}


.artist-card {

  min-height: 500px;

  position: relative;

  display: flex;

  align-items: end;

  padding: 30px;

  overflow: hidden;

  border: 1px solid var(--border);

  background:
    radial-gradient(circle at center, #292929, #0c0c0c 70%);

  transition: .5s;

}


.artist-card:hover {

  transform: translateY(-6px);

}


.artist-number {

  position: absolute;

  top: 25px;
  left: 25px;

  color: #555;

  font-size: 9px;

}


.artist-name {

  font-family: "Space Grotesk";

  font-size: 42px;

  font-weight: 700;

  letter-spacing: -.07em;

}


.artist-arrow {

  position: absolute;

  right: 25px;
  bottom: 28px;

  color: var(--yellow);

  font-size: 20px;

}


.add-card {

  display: grid;

  place-items: center;

  text-align: center;

  font-family: "Space Grotesk";

  font-size: 40px;

  font-weight: 700;

  line-height: .85;

}


.add-card span {

  color: var(--yellow);

}


/* ================= CTA ================= */

.cta {

  min-height: 750px;

  position: relative;

  display: flex;

  align-items: center;

  padding: 120px 8vw;

  overflow: hidden;

  background: #eeeeea;

  color: black;

}


.cta-decoration {

  position: absolute;

  right: -70px;

  bottom: -130px;

  font-family: "Space Grotesk";

  font-size: 40vw;

  font-weight: 700;

  letter-spacing: -.15em;

  opacity: .035;

}


.cta-content {

  position: relative;

  z-index: 2;

}


.cta .label {

  color: #777700;

}


.cta h2 {

  margin-top: 25px;

  font-family: "Space Grotesk";

  font-size: clamp(70px, 11vw, 170px);

  line-height: .76;

  letter-spacing: -.09em;

}


.cta p {

  margin-top: 45px;

  color: #666;

}


/* ================= CONTACT ================= */

.contact {

  display: grid;

  grid-template-columns: 1fr 3fr;

  gap: 70px;

}


.contact-content {

  max-width: 900px;

}


.contact h2 {

  margin-top: 25px;

  font-family: "Space Grotesk";

  font-size: clamp(70px, 10vw, 150px);

  line-height: .78;

  letter-spacing: -.085em;

}


.contact h2 span {

  color: var(--yellow);

}


.contact-content > p {

  max-width: 550px;

  margin-top: 45px;

  color: var(--grey);

  line-height: 1.7;

}


.contact-email {

  display: block;

  width: fit-content;

  margin-top: 30px;

  padding-bottom: 8px;

  border-bottom: 1px solid var(--border);

  font-size: 17px;

  font-weight: 700;

}


/* ================= FOOTER ================= */

footer {

  padding: 70px 8vw 30px;

  border-top: 1px solid var(--border);

}


.footer-main {

  display: flex;

  justify-content: space-between;

}


.footer-logo {

  display: flex;

  align-items: center;

  gap: 12px;

}


.footer-logo strong {

  font-family: "Space Grotesk";

  font-size: 10px;

  letter-spacing: .08em;

}


.footer-main > div:first-child > p {

  margin-top: 15px;

  color: #555;

  font-size: 10px;

}


.footer-navigation {

  display: flex;

  gap: 100px;

}


.footer-navigation div {

  display: flex;

  flex-direction: column;

  gap: 12px;

}


.footer-navigation span {

  margin-bottom: 8px;

  color: #555;

  font-size: 8px;

  font-weight: 800;

  letter-spacing: .2em;

}


.footer-navigation a {

  color: #aaa;

  font-size: 10px;

}


.footer-navigation a:hover {

  color: var(--yellow);

}


.footer-bottom {

  display: flex;

  justify-content: space-between;

  margin-top: 100px;

  padding-top: 20px;

  border-top: 1px solid var(--border);

  color: #555;

  font-size: 8px;

  letter-spacing: .1em;

}


/* ================= REVEAL ================= */

.reveal {

  opacity: 0;

  transform: translateY(25px);

  animation: reveal 1s forwards;

}


.reveal:nth-child(1) {
  animation-delay: .15s;
}


.reveal:nth-child(2) {
  animation-delay: .3s;
}


.reveal:nth-child(3) {
  animation-delay: .45s;
}


.reveal:nth-child(4) {
  animation-delay: .6s;
}


@keyframes reveal {

  to {

    opacity: 1;

    transform: translateY(0);

  }

}


/* ================= MOBILE ================= */

@media (max-width: 800px) {

  .navbar {

    height: 70px;

    padding: 0 5vw;

  }


  .desktop-nav,
  .nav-cta {

    display: none;

  }


  .menu-btn {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 46px;
    height: 46px;

    background: transparent;

    border: 1px solid rgba(255,255,255,.12);

    color: white;

    font-size: 27px;

    line-height: 1;

    cursor: pointer;

    transition:
      background .3s ease,
      border-color .3s ease,
      transform .3s ease;

    position: relative;

    z-index: 1002;

  }


  .menu-btn:active {

    transform: scale(.92);

  }


  .mobile-menu {

    position: fixed;

    top: 70px;

    right: 0;

    left: auto;

    width: 88%;

    max-width: 390px;

    height: calc(100vh - 70px);

    padding: 35px 28px 40px;

    display: flex;

    flex-direction: column;

    gap: 0;

    background:
      linear-gradient(
        145deg,
        rgba(18,18,18,.98),
        rgba(7,7,7,.99)
      );

    backdrop-filter: blur(25px);

    -webkit-backdrop-filter: blur(25px);

    border-left: 1px solid rgba(255,255,255,.12);

    box-shadow:
      -20px 0 70px rgba(0,0,0,.45);

    overflow-y: auto;

    overflow-x: hidden;

    z-index: 1001;

    transform: translateX(110%);

    opacity: 0;

    visibility: hidden;

    transition:
      transform .45s cubic-bezier(.77,0,.18,1),
      opacity .3s ease,
      visibility .45s ease;

  }


  .mobile-menu.active {

    transform: translateX(0);

    opacity: 1;

    visibility: visible;

  }


  .mobile-menu::before {

    content: "MENU";

    display: block;

    color: #666;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: .25em;

    padding-bottom: 18px;

    margin-bottom: 5px;

    border-bottom: 1px solid rgba(255,255,255,.1);

  }


  .mobile-menu a {

    position: relative;

    display: flex;

    align-items: center;

    min-height: 65px;

    padding: 0 5px;

    color: #f7f7f4;

    font-family: "Space Grotesk", sans-serif;

    font-size: 18px;

    font-weight: 600;

    letter-spacing: -.02em;

    border-bottom: 1px solid rgba(255,255,255,.08);

    transition:
      color .3s ease,
      padding-left .3s ease;

  }


  .mobile-menu a::after {

    content: "↗";

    position: absolute;

    right: 5px;

    color: #555;

    font-size: 17px;

    opacity: 0;

    transform: translateX(-8px);

    transition:
      opacity .3s ease,
      transform .3s ease;

  }


  .mobile-menu a:active,
  .mobile-menu a:hover {

    color: var(--yellow);

    padding-left: 10px;

  }


  .mobile-menu a:hover::after,
  .mobile-menu a:active::after {

    opacity: 1;

    transform: translateX(0);

    color: var(--yellow);

  }


  .mobile-menu .mobile-highlight {

    color: var(--yellow);

    font-weight: 800;

  }


  .mobile-menu .mobile-highlight::before {

    content: "";

    width: 5px;
    height: 5px;

    margin-right: 12px;

    border-radius: 50%;

    background: var(--yellow);

    box-shadow: 0 0 12px rgba(228,255,25,.7);

  }


  .mobile-menu.active a {

    animation: mobileMenuItem .5s both;

  }


  .mobile-menu.active a:nth-of-type(1) {
    animation-delay: .08s;
  }


  .mobile-menu.active a:nth-of-type(2) {
    animation-delay: .13s;
  }


  .mobile-menu.active a:nth-of-type(3) {
    animation-delay: .18s;
  }


  .mobile-menu.active a:nth-of-type(4) {
    animation-delay: .23s;
  }


  .mobile-menu.active a:nth-of-type(5) {
    animation-delay: .28s;
  }


  .mobile-menu.active a:nth-of-type(6) {
    animation-delay: .33s;
  }


  @keyframes mobileMenuItem {

    from {

      opacity: 0;

      transform: translateX(25px);

    }

    to {

      opacity: 1;

      transform: translateX(0);

    }

  }


  .hero {

    padding: 130px 6vw 90px;

  }


  .hero h1 {

    font-size: clamp(55px, 17vw, 100px);

  }


  .hero-description {

    font-size: 13px;

  }


  .hero-buttons {

    flex-direction: column;

  }


  .hero-meta {

    left: 6vw;

    right: 6vw;

  }


  .impact {

    grid-template-columns: 1fr;

    gap: 25px;

    padding: 90px 6vw;

  }


  .impact-number {

    font-size: 110px;

  }


  .section {

    padding: 90px 6vw;

  }


  .about,
  .contact,
  .saturn {

    grid-template-columns: 1fr;

    gap: 35px;

  }


  .about h2,
  .section-top h2 {

    font-size: 55px;

  }


  .about-columns {

    grid-template-columns: 1fr;

    gap: 20px;

  }


  .section-top {

    flex-direction: column;

    align-items: flex-start;

  }


  .service-grid {

    grid-template-columns: 1fr;

  }


  .service {

    min-height: 330px;

    padding: 30px;

  }


  .saturn {

    min-height: 750px;

  }


  .saturn h2 {

    font-size: 70px;

  }


  .artists-grid {

    grid-template-columns: 1fr;

  }


  .artist-card {

    min-height: 400px;

  }


  .cta {

    min-height: 650px;

    padding: 90px 6vw;

  }


  .cta h2 {

    font-size: 75px;

  }


  .contact h2 {

    font-size: 80px;

  }


  .footer-main {

    flex-direction: column;

    gap: 60px;

  }


  .footer-navigation {

    gap: 60px;

  }


  .footer-bottom {

    flex-direction: column;

    gap: 10px;

    margin-top: 70px;

  }

}


.artists-page {

  max-width: 1100px;

  margin: 0 auto;

  padding: 140px 6vw 100px;

}


.artists-page h1 {

  margin-top: 20px;

  font-size: clamp(60px, 10vw, 140px);

  line-height: .85;

  letter-spacing: -.07em;

}


.artists-page h1 span {

  -webkit-text-stroke: 1px currentColor;

  color: transparent;

}


.artists-intro {

  max-width: 450px;

  margin: 40px 0 70px;

  color: var(--grey);

  line-height: 1.7;

}


.artists-list {

  border-top: 1px solid var(--border);

}


.artist-row {

  display: grid;

  grid-template-columns: 60px 1fr auto;

  align-items: center;

  padding: 28px 0;

  border-bottom: 1px solid var(--border);

  transition: .3s;

}


.artist-row:hover {

  padding-left: 15px;

}


.artist-row span {

  color: #666;

  font-size: 10px;

}


.artist-row strong {

  font-family: "Space Grotesk";

  font-size: clamp(22px, 4vw, 42px);

  letter-spacing: -.04em;

}


.artist-row small {

  color: var(--yellow);

  font-size: 8px;

  font-weight: 800;

  letter-spacing: .15em;

}


@media (max-width: 600px) {

  .artists-page {

    padding-top: 110px;

  }


  .artist-row {

    grid-template-columns: 35px 1fr;

    gap: 10px;

  }


  .artist-row small {

    grid-column: 2;

  }

}


.artist-link-card {

  text-decoration: none;

  color: inherit;

  cursor: pointer;

  transition:
    transform 0.3s ease,
    background-color 0.3s ease,
    border-color 0.3s ease;

}


.artist-link-card:hover {

  transform: translateY(-8px);

}


.artist-link-card:hover .artist-arrow {

  transform: translate(5px, -5px);

}


.artist-link-card:hover .artist-name {

  letter-spacing: 2px;

}


.artist-arrow {

  transition: transform 0.3s ease;

}


.artist-name {

  transition: letter-spacing 0.3s ease;

}


.faq {

  padding: 110px 6%;

  background: #f4f1eb;

}


.faq-list {

  max-width: 950px;

  margin: 70px auto 0;

  border-top: 1px solid rgba(0, 0, 0, 0.2);

}


.faq-item {

  border-bottom: 1px solid rgba(0, 0, 0, 0.2);

}


.faq-question {

  width: 100%;

  border: none;

  background: transparent;

  padding: 28px 0;

  display: flex;

  justify-content: space-between;

  align-items: center;

  text-align: left;

  cursor: pointer;

  font-family: inherit;

  font-size: 17px;

  font-weight: 700;

}


.faq-icon {

  font-size: 28px;

  font-weight: 300;

  transition: transform 0.3s ease;

}


.faq-item.active .faq-icon {

  transform: rotate(45deg);

}


.faq-answer {

  max-height: 0;

  overflow: hidden;

  transition: max-height 0.4s ease;

}


.faq-answer p {

  max-width: 750px;

  padding: 0 0 28px;

  font-size: 14px;

  line-height: 1.8;

  opacity: 0.65;

}


@media (max-width: 700px) {

  .faq {

    padding: 80px 5%;

  }


  .faq-question {

    font-size: 14px;

    gap: 20px;

  }


  .faq-answer p {

    font-size: 13px;

  }

}


.faq {

  background: #ffffff;

  color: #111111;

}


.faq .section-title span,
.faq .section-title h2,
.faq .section-title h2 em {

  color: #111111 !important;

  opacity: 1 !important;

}


.faq .faq-question {

  color: #111111;

}


.faq .faq-answer p {

  color: #111111;

}


#loader {

  position: fixed;

  inset: 0;

  z-index: 99999;

  background: #111111;

  color: #f4f1eb;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: opacity 0.8s ease, visibility 0.8s ease;

}


#loader.hidden {

  opacity: 0;

  visibility: hidden;

}


.loader-content {

  width: min(400px, 80%);

  text-align: center;

}


.loader-logo {

  display: block;

  width: 300px;

  height: 300px;

  object-fit: contain;

  margin: 0 auto 30px;

  animation: loaderPulse 2s ease-in-out infinite;

}


@media (max-width: 600px) {

  .loader-logo {

    width: 170px;

    height: 170px;

    margin-bottom: 25px;

  }

}


.loader-name {

  font-size: 24px;

  font-weight: 900;

  letter-spacing: -0.8px;

  margin-bottom: 35px;

}


.loader-status {

  display: flex;

  justify-content: space-between;

  font-size: 9px;

  font-weight: 800;

  letter-spacing: 2px;

  margin-bottom: 9px;

}


.loader-bar {

  width: 100%;

  height: 2px;

  background: rgba(244, 241, 235, 0.2);

}


.loader-progress {

  width: 0%;

  height: 100%;

  background: #f4f1eb;

  transition: width 0.1s linear;

}


@keyframes loaderPulse {

  0%, 100% {

    transform: scale(1);

    opacity: 1;

  }

  50% {

    transform: scale(1.05);

    opacity: 0.7;

  }

}


.hero-cta {

  display: inline-flex;

  align-items: center;

  gap: 18px;

  padding: 17px 27px;

  background: linear-gradient(135deg, #f6d365, #d4a72c);

  color: #111111;

  text-decoration: none;

  font-size: 11px;

  font-weight: 900;

  letter-spacing: 1.5px;

  border: 1px solid #f8df82;

  box-shadow: 0 8px 25px rgba(212, 167, 44, 0.25);

  transition: all 0.3s ease;

}


.hero-cta span {

  font-size: 17px;

  line-height: 1;

  transition: transform 0.3s ease;

}


.hero-cta:hover {

  background: linear-gradient(135deg, #ffe58a, #e0b83f);

  box-shadow: 0 12px 35px rgba(212, 167, 44, 0.4);

  transform: translateY(-3px);

}


.hero-cta:hover span {

  transform: translate(4px, -4px);

}


.faq {

  background: #f4f1eb;

  color: #111111;

}


.faq .section-title span,
.faq .section-title h2,
.faq .section-title h2 em,
.faq .faq-question,
.faq .faq-answer p {

  color: #111111 !important;

}


section#faq {

  background-color: #f4f1eb !important;

  color: #111111 !important;

}


section#faq .section-title,
section#faq .section-title span,
section#faq .section-title h2,
section#faq .section-title h2 em,
section#faq .faq-question,
section#faq .faq-icon,
section#faq .faq-answer,
section#faq .faq-answer p {

  color: #111111 !important;

}