/* Rin Studio intro: the updated desktop and mobile Figma frames. */
html body.is-home #catalog #continueCard #continueWatch.hero-rin-intro-v43 > .rin-hero--v43 {
  container-type: inline-size;
  overflow: hidden !important;
  isolation: isolate;
  background: radial-gradient(ellipse at center, #8a1c1c 0%, #571212 50%, #3e0c0c 75%, #240707 100%) !important;
}

/* The velvet is lit from below; the pulse is intentionally slow. */
#continueWatch .rin-hero--v43::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: radial-gradient(ellipse at 66% 66%, rgba(181, 44, 34, .33), transparent 47%);
  pointer-events: none;
  animation: rin-v43-light 8s ease-in-out infinite alternate;
}

#continueWatch .rin-hero--v43 .rin-hero__velour {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .37;
  animation: rin-v43-velour 12s ease-in-out infinite alternate !important;
}

#continueWatch .rin-hero--v43 .rin-hero__shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to left, #000, rgba(0,0,0,.591) 38.229%, transparent 59.642%);
  pointer-events: none;
}

#continueWatch .rin-hero--v43 .rin-hero__statue {
  position: absolute;
  top: 0;
  left: auto;
  right: 6%;
  display: block;
  width: auto;
  height: 100%;
  aspect-ratio: 655 / 1080;
  z-index: 2;
  opacity: 1;
  filter: brightness(1.55) contrast(1.12) drop-shadow(-18px 0 32px rgba(135, 27, 23, .35));
  animation: rin-v43-statue 8s ease-in-out infinite !important;
  translate: none !important;
}

#continueWatch .rin-hero--v43 .rin-hero__statue img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}

#continueWatch .rin-hero--v43 .rin-hero__edge {
  position: absolute;
  inset: 0 0 0 86.2%;
  z-index: 3;
  background: linear-gradient(to right, transparent, #000 57%, #000);
  pointer-events: none;
}

/* Desktop: melt the artwork into the header, rail and following sections. */
@media (min-width: 701px) {
  #continueWatch .rin-hero--v43::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    background:
      linear-gradient(to bottom, #0a0a0a 0%, transparent 14%, transparent 84%, #0a0a0a 100%),
      linear-gradient(to right, #0a0a0a 0%, transparent 9%);
  }
}

@media (max-width: 700px) {
  #continueWatch .rin-hero--v43::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    background:
      linear-gradient(to top, #0a0a0a 0%, transparent 15%),
      linear-gradient(to right, #0a0a0a 0%, transparent 11%);
  }
}

#continueWatch .rin-hero--v43 .rin-hero__content {
  position: absolute;
  top: 18%;
  left: 11.4583%;
  width: 58%;
  z-index: 4;
}

html body.is-home:not(.is-library) #catalog #continueCard #continueWatch.hero-rin-intro-v43 .rin-hero--v43 h2 {
  margin: 0 !important;
  color: #f6f1ea !important;
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: clamp(36px, 4.4792cqw, 86px) !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

#continueWatch .rin-hero--v43 h2 span {
  display: block;
  animation: none !important;
}

html body.is-home:not(.is-library) #catalog #continueCard #continueWatch.hero-rin-intro-v43 .rin-hero--v43 h2 span + span {
  margin-top: 2px;
  color: #fff;
  font-size: clamp(40px, 5cqw, 96px);
}

#continueWatch .rin-hero--v43 .rin-hero__sub {
  display: flex;
  align-items: center;
  gap: 1.1cqw;
  margin: 16px 0 0 !important;
  color: #f6f1ea !important;
  font: italic 400 clamp(25px, 3.3333cqw, 64px)/1.12 "Cormorant Garamond", Georgia, serif !important;
  white-space: nowrap;
  animation: none !important;
}

#continueWatch .rin-hero--v43 .rin-hero__sub span {
  font-size: .62em;
}

#continueWatch .rin-hero--v43 .rin-hero__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .83cqw;
  margin-top: 2cqw;
  padding: 1.1458cqw 1.82cqw;
  border-radius: 1.77cqw;
  background: #f6f1ea;
  color: #8a1c1c;
  font: 400 clamp(20px, 2.5cqw, 48px)/1.1 "Playfair Display", Georgia, serif;
  text-decoration: none;
  white-space: nowrap;
  animation: rin-v43-cta-enter .7s ease-out both !important;
}

#continueWatch .rin-hero--v43 .rin-hero__cta::after {
  display: block !important;
  background: linear-gradient(115deg, transparent, rgba(138, 28, 28, .24), transparent);
  animation: rin-v43-sheen 4.8s ease-in-out infinite !important;
}
#continueWatch .rin-hero--v43 .rin-hero__cta picture { display: flex; align-items: center; }
#continueWatch .rin-hero--v43 .rin-hero__cta img {
  display: block;
  width: clamp(21px, 2.2917cqw, 44px);
  height: clamp(21px, 2.2917cqw, 44px);
}

#continueWatch .rin-hero--v43 .rin-hero__credit {
  position: absolute;
  left: 11.4583%;
  bottom: 8%;
  display: flex;
  align-items: center;
  gap: 1.3cqw;
  z-index: 4;
  color: #f6f1ea;
  font: 400 clamp(16px, 1.875cqw, 36px)/1.2 "Cormorant Garamond", Georgia, serif;
  white-space: nowrap;
}

#continueWatch .rin-hero--v43 .rin-hero__credit-mobile { display: none; }
#continueWatch .rin-hero--v43 .rin-hero__credit picture { display: flex; align-items: center; }
#continueWatch .rin-hero--v43 .rin-hero__credit picture img {
  display: block;
  width: 19.79cqw;
  height: auto;
}
#continueWatch .rin-hero--v43 .rin-hero__credit .rin-hero__credit-name {
  font: 400 clamp(16px, 1.875cqw, 36px)/1.2 "Bodoni Moda", Georgia, serif;
}

@keyframes rin-v43-light {
  from { opacity: .42; transform: scale(1); }
  to { opacity: .9; transform: scale(1.08); }
}
@keyframes rin-v43-velour {
  from { opacity: .35; transform: scale(1); }
  to { opacity: .43; transform: scale(1.025); }
}
@keyframes rin-v43-statue {
  0%, 100% { transform: translate3d(var(--rin-pointer-x, 0px), calc(var(--rin-pointer-y, 0px) + 3px), 0) scale(1.01); }
  50% { transform: translate3d(calc(var(--rin-pointer-x, 0px) - 7px), calc(var(--rin-pointer-y, 0px) - 5px), 0) scale(1.025); }
}
@keyframes rin-v43-cta-enter {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes rin-v43-sheen {
  0%, 50% { left: -60%; }
  90%, 100% { left: 130%; }
}

#continueWatch .rin-hero--v43 .rin-hero__particles {
  position: absolute;
  inset: 0;
  z-index: 3;
  overflow: hidden;
  pointer-events: none;
  container-type: size;
}
#continueWatch .rin-hero--v43 .rin-hero__particle {
  animation-name: rin-particle-rise !important;
  animation-timing-function: linear !important;
  animation-iteration-count: infinite !important;
  filter: none !important;
}
@media (max-width: 700px) {
  #continueWatch .rin-hero--v43 .rin-hero__particle:nth-child(n + 11) { display: none; }
}

@media (max-width: 700px) {
  html body.is-home:not(.is-library) #catalog #continueCard #continueWatch.hero-welcome.hero-rin-intro-v43 {
    height: min(calc(100vw - 30px), 500px) !important;
    min-height: 0 !important;
    max-height: 500px !important;
  }
  #continueWatch .rin-hero--v43 .rin-hero__velour {
    inset: 0 auto 0 -64%;
    width: 240%;
    height: 100%;
  }
  #continueWatch .rin-hero--v43 .rin-hero__shade {
    background: linear-gradient(to left, #000, rgba(0,0,0,.591) 22.652%, transparent 59.642%);
  }
  #continueWatch .rin-hero--v43 .rin-hero__statue {
    left: 46.2%;
    right: auto;
    width: 53.8%;
    height: 100%;
    opacity: .51;
    filter: brightness(1.9) contrast(1.08) drop-shadow(-8px 0 20px rgba(135, 27, 23, .28));
  }
  #continueWatch .rin-hero--v43 .rin-hero__edge { left: 88.4%; }
  #continueWatch .rin-hero--v43 .rin-hero__content {
    top: 20%;
    left: 15%;
    width: 70%;
    text-align: center;
  }
  html body.is-home:not(.is-library) #catalog #continueCard #continueWatch.hero-rin-intro-v43 .rin-hero--v43 h2 {
    font-size: 7.2cqw !important;
    line-height: 1.09 !important;
  }
  html body.is-home:not(.is-library) #catalog #continueCard #continueWatch.hero-rin-intro-v43 .rin-hero--v43 h2 span + span {
    margin-top: 1.4cqw;
    font-size: 7.2cqw;
  }
  #continueWatch .rin-hero--v43 .rin-hero__sub {
    justify-content: center;
    gap: 2cqw;
    margin: 3.2cqw 0 0 !important;
    font-size: 4.8cqw !important;
  }
  #continueWatch .rin-hero--v43 .rin-hero__cta {
    width: 54.8cqw;
    height: 9.2cqw;
    margin-top: 4cqw;
    padding: 0;
    border-radius: 3cqw;
    gap: 1.6cqw;
    font-size: 4cqw;
  }
  #continueWatch .rin-hero--v43 .rin-hero__cta img { width: 4cqw; height: 4cqw; }
  #continueWatch .rin-hero--v43 .rin-hero__credit {
    top: 71.4cqw;
    bottom: auto;
    left: 50%;
    flex-direction: column;
    gap: 1.2cqw;
    transform: translateX(-50%);
    font-size: 4cqw;
  }
  #continueWatch .rin-hero--v43 .rin-hero__credit-desktop { display: none; }
  #continueWatch .rin-hero--v43 .rin-hero__credit-mobile { display: inline; }
  #continueWatch .rin-hero--v43 .rin-hero__credit picture img { width: 37cqw; }
  #continueWatch .rin-hero--v43 .rin-hero__credit .rin-hero__credit-name { font-size: 4cqw; }
}

@media (prefers-reduced-motion: reduce) {
  #continueWatch .rin-hero--v43::before,
  #continueWatch .rin-hero--v43 .rin-hero__velour,
  #continueWatch .rin-hero--v43 .rin-hero__statue,
  #continueWatch .rin-hero--v43 .rin-hero__cta,
  #continueWatch .rin-hero--v43 .rin-hero__cta::after {
    animation: none !important;
    transform: none !important;
  }
  #continueWatch .rin-hero--v43 .rin-hero__cta::after { display: none !important; }
}