@font-face {
  font-family: 'Oreliya Allura';
  src: url('./fonts/Allura-hero-latin.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
.video-hero > .oreliya-hero-messages {
  position: absolute;
  z-index: 3;
  left: 5%;
  top: 39%;
  bottom: auto;
  width: min(780px, 46%);
  display: grid;
  color: #fff;
  text-align: left;
  text-shadow: 0 2px 24px rgba(0,0,0,.18);
  outline-offset: 12px;
}
.oreliya-hero-message {
  grid-area: 1 / 1;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  filter: blur(9px);
  transition: opacity 850ms ease, filter 1000ms cubic-bezier(.22,1,.36,1), transform 1000ms cubic-bezier(.22,1,.36,1), visibility 1000ms;
  pointer-events: none;
}
.video-hero > .hero-socials { left: 5%; }
.oreliya-hero-message.is-active { opacity: 1; visibility: visible; transform: translateY(0); filter: blur(0); }
.oreliya-hero-message h2 {
  margin: 0 0 3px;
  color: inherit;
  font-family: 'Bahnschrift', 'Manrope', sans-serif;
  font-size: clamp(46px, 6.3vw, 108px);
  font-weight: 400;
  line-height: 1.02;
  letter-spacing: -.025em;
}
.oreliya-hero-message h2 > span { display: block; margin-bottom: 1px; font-family: 'Oreliya Allura', 'Segoe Script', cursive; font-size: .82em; font-weight: 400; line-height: 1.15; letter-spacing: -.025em; }
.oreliya-hero-message h2 em { display: block; font-family: 'Bahnschrift', 'Manrope', sans-serif; font-weight: 400; font-style: normal; font-size: 1em; line-height: 1.03; letter-spacing: -.025em; text-transform: uppercase; color: #fff; }
.oreliya-hero-message p { margin: 0; font-family: 'Myriad Pro', 'DM Sans', sans-serif; font-size: clamp(14px, 1.35vw, 23px); line-height: 1.4; letter-spacing: 0; color: rgba(255,255,255,.94); }
.oreliya-hero-message-label { display: flex; align-items: center; gap: 13px; margin-bottom: 18px; font-family: 'DM Sans', sans-serif; font-size: 9px; font-weight: 500; line-height: 1.2; letter-spacing: .28em; text-transform: uppercase; color: rgba(255,255,255,.72); }
.oreliya-hero-message-label::before { content: ''; width: 29px; height: 1px; background: rgba(255,255,255,.62); }
.oreliya-hero-message-progress { grid-area: 2 / 1; display: flex; gap: 10px; margin-top: 18px; margin-left: 0; }
.oreliya-hero-message-progress i { width: 21px; height: 2px; border-radius: 2px; background: rgba(255,255,255,.24); transition: background 650ms ease, width 650ms ease; }
.oreliya-hero-message-progress i.is-current { width: 38px; background: rgba(255,255,255,.88); }
.oreliya-hero-explore {
  grid-area: 3 / 1;
  justify-self: start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  margin-top: 27px;
  box-sizing: border-box;
  padding: 10px 20px;
  min-height: 44px;
  min-width: 160px;
  border: 1px solid rgba(255,255,255,.88);
  border-radius: 999px;
  background: linear-gradient(135deg,rgba(255,255,255,.68),rgba(255,255,255,.3));
  box-shadow: 0 10px 28px rgba(35,31,34,.15),inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(255,255,255,.22);
  backdrop-filter: blur(16px) saturate(135%);
  -webkit-backdrop-filter: blur(16px) saturate(135%);
  color: #252329;
  font-family: 'Manrope',sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .08em;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: none;
  transition: background 250ms ease,transform 250ms ease,box-shadow 250ms ease;
}
.oreliya-hero-explore span { font-size: 21px; font-weight: 400; line-height: 1; }
.oreliya-hero-explore:hover { color: #252329; background: rgba(255,255,255,.72); transform: translateY(-2px); box-shadow: 0 12px 32px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.6); }
.oreliya-hero-explore:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
@media (min-width:621px) and (max-width:980px) {
  .video-hero > .oreliya-hero-messages { left: 5%; width: 46%; }
  .oreliya-hero-message h2 { font-size: clamp(35px, 4.8vw, 48px); }
}
@media (max-width:620px) {
  .oreliya-hero-explore { display: none; }
  .video-hero > .oreliya-hero-messages { left: 7%; right: 7%; width: auto; top: auto; bottom: var(--hero-card-clearance, 255px); }
  .oreliya-hero-message h2 { font-size: clamp(35px, 9vw, 51px); margin-bottom: 5px; max-width: 460px; }
  .oreliya-hero-message p { font-size: 12px; max-width: 310px; margin-left: 0; }
  .oreliya-hero-message-label { font-size: 8px; margin-bottom: 13px; }
  .oreliya-hero-message-progress { margin-top: 16px; }
}
@media (prefers-reduced-motion:reduce) {
  .oreliya-hero-message { transition: none; transform: none; filter: none; }
  .oreliya-hero-message-progress i { transition: none; }
  .oreliya-hero-explore { transition: none; }
}
