:root {
  --furia-amazon-ivory: #f3eee4;
  --furia-amazon-gold: #c5a15a;
}

html.furia-amazon-is-open { overflow: hidden; }

.furia-amazon-transition,
.furia-amazon-transition * { box-sizing: border-box; }

.furia-amazon-transition {
  position: fixed;
  z-index: 2147483000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 28px;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  background:
    radial-gradient(circle at 50% 44%, rgba(197,161,90,.08), transparent 31%),
    rgba(0,0,0,.965);
  color: var(--furia-amazon-ivory);
  font-family: 'Manrope', Arial, sans-serif;
  transition: opacity 220ms ease, visibility 0s linear 220ms;
}

.furia-amazon-transition.is-visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 220ms ease;
}

.furia-amazon-transition__veil {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, transparent, rgba(197,161,90,.045) 50%, transparent),
    linear-gradient(180deg, rgba(255,255,255,.018), transparent 35%);
  pointer-events: none;
}

.furia-amazon-transition__content {
  position: relative;
  width: min(760px, 100%);
  text-align: center;
}

.furia-amazon-transition__brand {
  display: inline-flex;
  align-items: baseline;
  gap: 11px;
  margin-bottom: clamp(50px, 8vh, 82px);
  color: var(--furia-amazon-gold);
}

.furia-amazon-transition__brand strong {
  font: 400 clamp(35px, 4.1vw, 55px)/1 'Bodoni Moda', Georgia, serif;
  letter-spacing: .045em;
}

.furia-amazon-transition__brand span {
  font-size: clamp(9px, .76vw, 11px);
  letter-spacing: .3em;
}

.furia-amazon-transition__product {
  min-height: 1.35em;
  margin: 0 0 17px;
  color: rgba(197,161,90,.88);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.furia-amazon-transition__title {
  margin: 0 0 28px;
  color: var(--furia-amazon-ivory);
  font: 400 clamp(39px, 5.5vw, 69px)/1.04 'Bodoni Moda', Georgia, serif;
  letter-spacing: .01em;
}

.furia-amazon-transition__message {
  max-width: 590px;
  margin: 0 auto;
  color: rgba(243,238,228,.82);
  font-size: clamp(17px, 1.35vw, 20px);
  font-weight: 400;
  line-height: 1.75;
}

.furia-amazon-transition__progress {
  width: min(390px, 76vw);
  height: 1px;
  margin: clamp(40px, 6vh, 58px) auto 18px;
  overflow: hidden;
  background: rgba(197,161,90,.2);
}

.furia-amazon-transition__progress::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background: rgba(197,161,90,.92);
}

.furia-amazon-transition.is-visible .furia-amazon-transition__progress::after {
  animation: furia-amazon-progress 1620ms 120ms linear forwards;
}

.furia-amazon-transition__status {
  margin: 0 0 31px;
  color: rgba(243,238,228,.54);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .22em;
}

.furia-amazon-transition__now {
  display: inline-block;
  padding: 9px 3px 10px;
  border-bottom: 1px solid rgba(197,161,90,.6);
  color: rgba(243,238,228,.9);
  text-decoration: none;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .14em;
}

.furia-amazon-transition__now:hover,
.furia-amazon-transition__now:focus-visible {
  border-color: var(--furia-amazon-gold);
  color: #fff;
  outline: none;
}

@keyframes furia-amazon-progress { to { transform: translateX(0); } }

@media (max-width: 560px) {
  .furia-amazon-transition { padding: 23px; }
  .furia-amazon-transition__brand { margin-bottom: 55px; }
  .furia-amazon-transition__brand strong { font-size: 38px; }
  .furia-amazon-transition__title { font-size: clamp(38px, 12vw, 52px); }
  .furia-amazon-transition__message { font-size: 17px; line-height: 1.68; }
}

@media (prefers-reduced-motion: reduce) {
  .furia-amazon-transition { transition-duration: 30ms; }
  .furia-amazon-transition.is-visible .furia-amazon-transition__progress::after {
    animation: none;
    transform: translateX(0);
  }
}