/* Approved refinement: smaller paired tigers, orange 힘, no headline period.
   Visibility follows the video's own presentation time. */
.selected-preview .hero:has(.hero__copy--sign) {
  --hero-copy-lift: clamp(16px, 4svh, 48px);
  --hero-contact-overlap: var(--selected-contact-current-height, var(--selected-contact-reserve, 96px));
  /* Center the complete lockup between the header and contact bar. Extra
     bottom space lifts its optical center without changing the reveal transform. */
  align-items: center;
  padding-top: calc(var(--header) + 24px);
  padding-bottom: calc(var(--hero-contact-overlap) + 24px + var(--hero-copy-lift) + var(--hero-copy-lift));
}
.selected-preview .hero[data-hero-reveal] .hero__copy {
  opacity: 1;
  transform: translateY(0);
}
.selected-preview .hero[data-hero-phase="intro"] .hero__copy {
  opacity: 0;
  transform: translateY(18px);
  transition: none;
  pointer-events: none;
}
.selected-preview .hero[data-hero-phase="reveal"] .hero__copy {
  transition: opacity 1100ms ease, transform 1300ms cubic-bezier(.22, .61, .36, 1);
}
.selected-preview .hero[data-hero-phase="poster"] .hero__copy { transition: none; }
.selected-preview .hero[data-hero-phase="poster"] .hero__video { opacity: 0; }
.selected-preview .hero .hero__copy--sign {
  display: block;
  width: min(100%, 62vw, 1100px);
  text-align: center;
  mix-blend-mode: normal;
  isolation: isolate;
  container-type: inline-size;
}
.selected-preview .hero .hero__display {
  display: block;
  position: relative;
  margin: 0;
  font-size: inherit;
  line-height: 1;
  text-shadow: none;
}
.selected-preview .hero .hero__live-sign {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 1.8cqi;
  opacity: 1;
  color: #fff7e5;
  pointer-events: none;
}
.selected-preview .hero .hero__eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.1cqi;
  width: 100%;
  font-family: Pretendard, sans-serif;
  font-size: clamp(16px, 3.6cqi, 42px);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.025em;
  white-space: nowrap;
  text-shadow: 0 2px 8px rgb(9 23 17 / 60%);
}
.selected-preview .hero .hero__tiger {
  display: block;
  flex: 0 0 8cqi;
  width: 8cqi;
  height: 6cqi;
  object-fit: contain;
}
.selected-preview .hero .hero__tiger--right { transform: scaleX(-1); }
.selected-preview .hero .hero__umamor-title {
  display: block;
  margin-top: .8cqi;
  font-family: var(--font-display, 'Jalnan 2', Pretendard, sans-serif);
  font-style: normal;
  font-size: 18.2cqi;
  font-weight: 800;
  font-synthesis: none;
  line-height: 1.06;
  letter-spacing: -.04em;
  white-space: nowrap;
  text-shadow: 0 2px 3px rgb(12 23 16 / 34%), 0 8px 24px rgb(12 23 16 / 32%);
}
.selected-preview .hero .hero__power { color: #ff8200; }
/* A soft, local scrim follows the copy's existing 12-second reveal.
   Its bounds stay around the lettering, above the table of food. */
.selected-preview .hero .hero__copy--sign::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: -2cqi -9cqi -1.2cqi;
  background: radial-gradient(ellipse at 50% 46%, rgb(12 26 19 / 54%) 0%, rgb(12 26 19 / 28%) 42%, rgb(12 26 19 / 8%) 65%, transparent 79%);
  pointer-events: none;
}
.selected-preview .hero .hero__signature {
  max-width: none;
  margin: 8px 0 0;
  color: #fff7e5;
  font-size: clamp(22px, 2.25vw, 36px);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -.035em;
  text-wrap: balance;
  text-shadow: 0 2px 5px rgb(33 26 22 / 40%);
}
.selected-preview .hero .hero__signature strong { color: inherit; font-weight: inherit; }
@media (max-width: 760px) {
  .selected-preview .hero:has(.hero__copy--sign) {
    --hero-copy-lift: clamp(12px, 2svh, 20px);
    /* The mobile hero is 72svh; reserve only the contact bar's overlap. */
    --hero-contact-overlap: max(0px, calc(var(--selected-contact-current-height, var(--selected-contact-reserve, 72px)) - 28svh));
  }
  .selected-preview .hero .hero__copy--sign { width: calc(100% + 40px); max-width: 580px; margin-inline: -20px; justify-self: center; }
  .selected-preview .hero .hero__signature { margin-top: 8px; padding-inline: 20px; font-size: clamp(18px, 4.7vw, 26px); }
  .selected-preview .hero .hero__copy--sign::before { inset-inline: -2cqi; }
}
@media (prefers-reduced-motion: reduce) {
  .selected-preview .hero[data-hero-reveal] .hero__copy {
    opacity: 1;
    transform: none;
    transition: none;
  }
}