/* Rawana — home hero. Ported from assets/css/components.css (.hero block). */

.rwn-hero {
  position: relative;
  display: grid;
  grid-template-rows: 1fr auto;
  min-height: 100svh;
  isolation: isolate;
  overflow: hidden;
  background-color: var(--wp--preset--color--surface-inset);
}

/* ---- Media ------------------------------------------------------------ */
.rwn-hero__media {
  position: absolute;
  inset: -8% 0 -8% 0;
  z-index: var(--wp--custom--z-below);
  background-color: var(--wp--preset--color--surface-inset);
  will-change: transform;
}

.rwn-hero__video,
.rwn-hero__poster {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.92) contrast(1.06) brightness(0.82);
}

/* ---- Scrims ----------------------------------------------------------- */
.rwn-hero__scrim {
  position: absolute;
  inset: 0;
  z-index: var(--wp--custom--z-base);
  pointer-events: none;
}

.rwn-hero__scrim--v    { background-image: var(--wp--custom--gradient-scrim-bottom); }
.rwn-hero__scrim--side { background-image: var(--wp--custom--gradient-scrim-side); }

.rwn-hero__scrim--glow {
  background-image: radial-gradient(
    46% 44% at 78% 26%,
    var(--wp--custom--accent-wash-strong),
    transparent 70%
  );
  mix-blend-mode: screen;
}

/* ---- Copy ------------------------------------------------------------- */
.rwn-hero__inner {
  position: relative;
  z-index: var(--wp--custom--z-raised);
  display: grid;
  align-content: end;
  width: 100%;
  max-width: var(--wp--custom--width-wide);
  margin-inline: auto;
  padding-inline: var(--wp--custom--gutter);
  padding-top: calc(var(--wp--custom--header-height) + var(--wp--preset--spacing--60));
  padding-bottom: var(--wp--preset--spacing--60);
}

.rwn-hero__copy {
  display: grid;
  gap: var(--wp--preset--spacing--50);
  max-width: min(100%, 44rem);
}

.rwn-hero__title {
  margin: calc(var(--wp--preset--spacing--10) * -1) 0;
  font-size: var(--wp--preset--font-size--display);
  font-weight: var(--wp--custom--weight-medium);
  line-height: var(--wp--custom--leading-tight);
  letter-spacing: var(--wp--custom--tracking-tighter);
}

.rwn-hero .rwn-hero__lede {
  margin: 0;
  max-width: 46ch;
}

.rwn-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--30);
  margin-top: var(--wp--preset--spacing--20);
}

/* ---- Meta bar --------------------------------------------------------- */
.rwn-hero__meta {
  position: relative;
  z-index: var(--wp--custom--z-raised);
  border-top: var(--wp--custom--border-width) solid var(--wp--custom--border-top-light);
  background-color: var(--wp--custom--surface-glass);
  -webkit-backdrop-filter: blur(12px) saturate(1.3);
  backdrop-filter: blur(12px) saturate(1.3);
}

.rwn-hero__meta-inner {
  display: grid;
  gap: var(--wp--preset--spacing--30);
  width: 100%;
  max-width: var(--wp--custom--width-wide);
  margin-inline: auto;
  padding: var(--wp--preset--spacing--40) var(--wp--custom--gutter);
}

@media (min-width: 780px) {
  .rwn-hero__meta-inner {
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
    align-items: center;
    gap: var(--wp--preset--spacing--50);
  }
}

.rwn-meta-item {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.rwn-meta-item__label {
  font-family: var(--wp--preset--font-family--mono);
  font-size: 10px;
  letter-spacing: var(--wp--custom--tracking-widest);
  text-transform: uppercase;
  color: var(--wp--preset--color--dim);
}

.rwn-meta-item__value {
  font-size: var(--wp--preset--font-size--sm);
  color: var(--wp--preset--color--contrast);
}

a.rwn-meta-item__value:hover { color: var(--wp--preset--color--accent); }

.rwn-status-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 6px;
  border-radius: var(--wp--custom--radius-pill);
  background: var(--wp--preset--color--accent);
  box-shadow: 0 0 0 3px var(--wp--custom--accent-wash);
}

/* ---- Scroll cue ------------------------------------------------------- */
.rwn-scroll-cue {
  display: none;
}

@media (min-width: 780px) {
  .rwn-scroll-cue {
    display: inline-flex;
    align-items: center;
    gap: var(--wp--preset--spacing--20);
    font-family: var(--wp--preset--font-family--mono);
    font-size: 10px;
    letter-spacing: var(--wp--custom--tracking-widest);
    text-transform: uppercase;
    color: var(--wp--preset--color--dim);
    transition: color var(--wp--custom--duration-mid) var(--wp--custom--ease-out);
  }

  .rwn-scroll-cue:hover { color: var(--wp--preset--color--accent); }
}

.rwn-scroll-cue__line {
  position: relative;
  width: 1px;
  height: 34px;
  overflow: hidden;
  background: var(--wp--custom--border-strong);
}

.rwn-scroll-cue__line::after {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 12px;
  background: var(--wp--preset--color--accent);
  animation: rwn-cue-fall var(--wp--custom--duration-slowest) var(--wp--custom--ease-out) infinite;
}

@keyframes rwn-cue-fall {
  0%   { transform: translateY(-100%); opacity: 0; }
  35%  { opacity: 1; }
  100% { transform: translateY(340%); opacity: 0; }
}

/* ---- Editor: the block preview has no viewport to fill ---------------- */
.editor-styles-wrapper .rwn-hero {
  min-height: 70vh;
}