.flip-card{
  position:relative;
  min-width:0;
  perspective:1100px;
  min-height:148px;
}

.flip-card__inner{
  position:relative;
  min-height:inherit;
  transform-style:preserve-3d;
  transition:transform 620ms cubic-bezier(.2,.72,.18,1);
  will-change:transform;
}

.flip-card__front,
.flip-card__back{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
  border-radius:22px;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  overflow:hidden;
}

.flip-card__back{
  transform:rotateY(180deg);
}

.flip-card__front::after,
.flip-card__back::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 20% 0%,rgba(224,187,114,.16),transparent 38%);
  opacity:.72;
}

.flip-card__front > *,
.flip-card__back > *{
  position:relative;
  z-index:1;
}

.flip-card__front small{
  display:block;
  color:#d8d0c3;
  font-size:12px;
  line-height:1.35;
  font-weight:600;
}

.flip-card__back p{
  margin:0;
  color:#d8d0c3;
  font-size:12px;
  line-height:1.42;
}

.flip-card__label{
  display:inline-flex!important;
  width:max-content;
  color:var(--gold)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.flip-card__toggle{
  display:none;
  position:absolute;
  left:14px;
  right:14px;
  bottom:12px;
  z-index:3;
  min-height:34px;
  border:1px solid rgba(202,161,90,.34);
  border-radius:999px;
  background:rgba(17,16,14,.72);
  color:var(--gold2);
  font:inherit;
  font-size:11px!important;
  font-weight:800;
  cursor:pointer;
  backdrop-filter:blur(10px);
}

@media(hover:hover) and (pointer:fine){
  .flip-card:hover .flip-card__inner,
  .flip-card:focus-within .flip-card__inner{
    transform:rotateY(180deg);
  }
}

.flip-card.is-flipped .flip-card__inner{
  transform:rotateY(180deg);
}

.hero-proof .flip-card,
.service-proof-strip .flip-card{
  min-height:154px;
}

.hero-proof .flip-card__inner,
.hero-proof .flip-card__front,
.hero-proof .flip-card__back,
.service-proof-strip .flip-card__inner,
.service-proof-strip .flip-card__front,
.service-proof-strip .flip-card__back{
  padding:0;
  border:0;
  background:transparent;
  backdrop-filter:none;
}

.hero-proof .flip-card__front,
.hero-proof .flip-card__back,
.service-proof-strip .flip-card__front,
.service-proof-strip .flip-card__back{
  padding:18px;
  border:1px solid rgba(202,161,90,.22);
  background:rgba(255,255,255,.045);
  backdrop-filter:blur(12px);
}

.service-proof-strip .flip-card__front,
.service-proof-strip .flip-card__back{
  background:rgba(255,255,255,.72);
  border-color:rgba(202,161,90,.20);
  box-shadow:0 14px 46px rgba(30,20,8,.045);
}

.hero-proof .flip-card__back,
.service-proof-strip .flip-card__back{
  background:linear-gradient(145deg,rgba(202,161,90,.13),rgba(255,255,255,.04));
  border-color:rgba(224,187,114,.34);
}

.service-proof-strip .flip-card__back{
  background:linear-gradient(145deg,#fff7eb,#f3e5cf);
}

.hero-proof .flip-card__front b,
.hero-proof .flip-card__back b,
.service-proof-strip .flip-card__front b,
.service-proof-strip .flip-card__back b{
  display:block;
  color:var(--gold2);
  font-size:18px;
  line-height:1.08;
  margin:0;
}

.service-proof-strip .flip-card__front b,
.service-proof-strip .flip-card__back b{
  color:#9d7133;
}

.hero-proof .flip-card__front span,
.hero-proof .flip-card__back span,
.service-proof-strip .flip-card__front span,
.service-proof-strip .flip-card__back span{
  color:inherit;
}

.service-proof-strip .flip-card__front small{
  color:#625a50;
}

.service-proof-strip .flip-card__back p{
  color:#4f473d;
}

.service-proof-strip .flip-card__label{
  color:#9d7133!important;
}

.service-proof-strip .flip-card__toggle{
  background:rgba(255,250,242,.82);
  color:#9d7133;
  border-color:rgba(157,113,51,.24);
}

@media(max-width:640px), (hover:none), (pointer:coarse){
  .flip-card{
    min-height:206px;
  }

  .hero-proof .flip-card,
  .service-proof-strip .flip-card{
    min-height:218px;
  }

  .flip-card__front,
  .flip-card__back{
    justify-content:flex-start;
    padding:22px 18px 76px!important;
  }

  .flip-card__back p{
    max-width:100%;
    font-size:11px!important;
    line-height:1.34!important;
  }

  .flip-card__label{
    font-size:10px!important;
    line-height:1!important;
  }

  .flip-card__toggle{
    display:block;
    left:18px;
    right:18px;
    bottom:16px;
    min-height:36px;
  }

  .hero-proof .flip-card__front b,
  .hero-proof .flip-card__back b,
  .service-proof-strip .flip-card__front b,
  .service-proof-strip .flip-card__back b{
    font-size:17px;
  }

  .flip-card__front small{
    font-size:12px!important;
    line-height:1.35!important;
  }
}

@media(max-width:390px){
  .flip-card{
    min-height:216px;
  }

  .hero-proof .flip-card,
  .service-proof-strip .flip-card{
    min-height:232px;
  }

  .flip-card__front,
  .flip-card__back{
    padding:20px 16px 78px!important;
  }

  .flip-card__toggle{
    left:16px;
    right:16px;
    bottom:16px;
  }
}

@media(prefers-reduced-motion:reduce){
  .flip-card__inner{
    transition:none!important;
  }
}

@media(max-width:640px), (hover:none), (pointer:coarse){
  html,
  body{
    background:#090807!important;
  }

  body{
    padding-bottom:0!important;
  }

  .footer{
    margin-bottom:0!important;
  }
}
