/* ==========================================================================
   Editorial hero — light · showcasy-inspired · spread typographic layout
   Load after *-minimal.css (last)
   ========================================================================== */

body.about-page,
body.portfolio-page,
body.blog-page,
body.pricing-page,
body.rk-services-page {
  --ev-display: clamp(2.75rem, 5.75vw, 5.5rem);
  --ev-hero-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ev-hero-wrap: min(1180px, calc(100% - clamp(48px, 8vw, 120px)));
  --ev-hero-pad-inline: clamp(24px, 3.5vw, 40px);
  --ev-hero-pad-top: clamp(56px, 9vh, 96px);
  --ev-hero-pad-bottom: clamp(80px, 11vw, 128px);
  --ev-hero-ink: #0a0a0a;
  --ev-hero-ink-soft: rgba(10, 10, 10, 0.34);
  --ev-hero-ink-muted: rgba(10, 10, 10, 0.52);
  --ev-hero-ink-faint: rgba(10, 10, 10, 0.42);
  --ev-hero-bg: #f2f2f2;
  --ev-hero-bg-mid: #f6f6f6;
  --ev-hero-bg-soft: #ececec;
  --ev-hero-line: rgba(10, 10, 10, 0.06);
  --ev-hero-orange: #e8622a;
  --ev-hero-orange-bright: #ff5e00;
  --ev-hero-radius: clamp(28px, 4vw, 44px);
  --ev-hero-card-margin: clamp(10px, 2vw, 20px);
  --ev-hero-header-gap: clamp(14px, 2.5vw, 24px);
  --ev-hero-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");
}

/* ─── Shell — mesh card (showcasy reference) ─── */
body.about-page .ev-hero--minimal,
body.portfolio-page .ev-hero--minimal,
body.blog-page .ev-hero--minimal,
body.pricing-page .ev-hero--minimal,
body.rk-services-page .ev-hero--minimal,
body.rk-services-page .ev-hero {
  position: relative;
  min-height: auto !important;
  display: block !important;
  margin-inline: var(--ev-hero-card-margin) !important;
  margin-top: calc(
    var(--tc-float-pad-top, 16px) + var(--tc-shell-height, 56px) + var(--ev-hero-header-gap)
  ) !important;
  border-radius: var(--ev-hero-radius) !important;
  padding:
    var(--ev-hero-pad-top)
    0
    var(--ev-hero-pad-bottom) !important;
  border-bottom: none !important;
  overflow: hidden;
  isolation: isolate;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.72) inset,
    0 32px 80px -16px rgba(0, 0, 0, 0.16),
    0 10px 28px -10px rgba(0, 0, 0, 0.07) !important;
  background-color: var(--ev-hero-bg) !important;
  background-image:
    var(--ev-hero-noise),
    radial-gradient(
      ellipse 95% 88% at 100% 0%,
      rgba(255, 72, 8, 0.62) 0%,
      rgba(255, 118, 48, 0.34) 24%,
      rgba(232, 98, 42, 0.12) 46%,
      transparent 72%
    ),
    radial-gradient(
      ellipse 78% 68% at 0% 100%,
      rgba(138, 158, 188, 0.16) 0%,
      rgba(168, 182, 204, 0.07) 38%,
      transparent 72%
    ),
    linear-gradient(158deg, #fafafa 0%, var(--ev-hero-bg-mid) 42%, var(--ev-hero-bg-soft) 100%) !important;
  background-blend-mode: soft-light, normal, normal, normal;
}

/* Top-right orange mesh blob */
body.about-page .ev-hero--minimal::before,
body.portfolio-page .ev-hero--minimal::before,
body.blog-page .ev-hero--minimal::before,
body.pricing-page .ev-hero--minimal::before,
body.rk-services-page .ev-hero--minimal::before,
body.rk-services-page .ev-hero::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  top: -14%;
  right: -10%;
  width: clamp(360px, 70vw, 920px);
  height: clamp(280px, 54vh, 540px);
  background: radial-gradient(
    ellipse 100% 100% at 88% 12%,
    rgba(255, 94, 0, 0.92) 0%,
    rgba(255, 128, 58, 0.52) 22%,
    rgba(232, 98, 42, 0.22) 44%,
    transparent 72%
  );
  filter: blur(42px);
  pointer-events: none;
  z-index: 0;
}

/* Bottom-left cool depth */
body.about-page .ev-hero--minimal::after,
body.portfolio-page .ev-hero--minimal::after,
body.blog-page .ev-hero--minimal::after,
body.pricing-page .ev-hero--minimal::after,
body.rk-services-page .ev-hero--minimal::after,
body.rk-services-page .ev-hero::after {
  content: "" !important;
  display: block !important;
  position: absolute;
  bottom: -18%;
  left: -12%;
  width: clamp(300px, 58vw, 720px);
  height: clamp(220px, 42vh, 440px);
  background: radial-gradient(
    ellipse 100% 100% at 8% 92%,
    rgba(110, 132, 168, 0.24) 0%,
    rgba(150, 168, 195, 0.1) 36%,
    transparent 70%
  );
  filter: blur(52px);
  pointer-events: none;
  z-index: 0;
}

/* Suppress legacy elena glows on non-minimal heroes only */
body.about-page .ev-hero:not(.ev-hero--minimal)::before,
body.portfolio-page .ev-hero:not(.ev-hero--minimal)::before,
body.blog-page .ev-hero:not(.ev-hero--minimal)::before,
body.pricing-page .ev-hero:not(.ev-hero--minimal)::before,
body.rk-services-page .ev-hero:not(.ev-hero--minimal)::before,
body.about-page .ev-hero:not(.ev-hero--minimal)::after,
body.portfolio-page .ev-hero:not(.ev-hero--minimal)::after,
body.blog-page .ev-hero:not(.ev-hero--minimal)::after,
body.pricing-page .ev-hero:not(.ev-hero--minimal)::after,
body.rk-services-page .ev-hero:not(.ev-hero--minimal)::after {
  display: none !important;
  content: none !important;
}

body.about-page .ev-hero--minimal .ev-hero__inner,
body.portfolio-page .ev-hero--minimal .ev-hero__inner,
body.blog-page .ev-hero--minimal .ev-hero__inner,
body.pricing-page .ev-hero--minimal .ev-hero__inner,
body.rk-services-page .ev-hero--minimal .ev-hero__inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: var(--ev-hero-wrap);
  margin-inline: auto;
  padding-inline: var(--ev-hero-pad-inline);
  box-sizing: border-box;
}

/* ─── Spread two-column top row ─── */
body.about-page .ev-hero__top,
body.portfolio-page .ev-hero__top,
body.blog-page .ev-hero__top,
body.pricing-page .ev-hero__top,
body.rk-services-page .ev-hero__top {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(220px, 0.85fr);
  gap: clamp(2.5rem, 7vw, 7rem);
  align-items: end;
}

body.about-page .ev-hero__primary,
body.portfolio-page .ev-hero__primary,
body.blog-page .ev-hero__primary,
body.pricing-page .ev-hero__primary,
body.rk-services-page .ev-hero__primary {
  min-width: 0;
}

body.about-page .ev-hero__aside,
body.portfolio-page .ev-hero__aside,
body.blog-page .ev-hero__aside,
body.pricing-page .ev-hero__aside,
body.rk-services-page .ev-hero__aside {
  padding-bottom: 0.35rem;
  max-width: 36ch;
}

/* ─── Eyebrow ─── */
body.about-page .ev-hero__eyebrow,
body.portfolio-page .ev-hero__eyebrow,
body.blog-page .ev-hero__eyebrow,
body.pricing-page .ev-hero__eyebrow,
body.rk-services-page .ev-hero__eyebrow {
  margin: 0 0 clamp(1.5rem, 3vw, 2.25rem);
  font-size: clamp(0.9375rem, 1.15vw, 1.0625rem);
  font-weight: 400;
  letter-spacing: 0.01em;
  color: var(--ev-hero-ink-muted);
}

body.about-page .ev-hero--minimal .ev-label,
body.portfolio-page .ev-hero--minimal .ev-label,
body.blog-page .ev-hero--minimal .ev-label,
body.pricing-page .ev-hero--minimal .ev-label,
body.rk-services-page .ev-hero--minimal .ev-label {
  display: none;
}

/* ─── Headline — spread wide ─── */
body.about-page .ev-hero--minimal h1,
body.portfolio-page .ev-hero--minimal h1,
body.blog-page .ev-hero--minimal h1,
body.pricing-page .ev-hero--minimal h1,
body.rk-services-page .ev-hero--minimal h1 {
  margin: 0 !important;
  max-width: none;
  font-family: var(--mn-font-display, "Funnel Display", Georgia, serif);
  font-size: var(--ev-display);
  font-weight: 500;
  line-height: 1.06;
  letter-spacing: -0.04em;
  color: var(--ev-hero-ink) !important;
}

body.about-page .ev-hero__line,
body.portfolio-page .ev-hero__line,
body.blog-page .ev-hero__line,
body.pricing-page .ev-hero__line,
body.rk-services-page .ev-hero__line {
  display: block;
}

@media (min-width: 768px) {
  body.about-page .ev-hero__line,
  body.portfolio-page .ev-hero__line,
  body.blog-page .ev-hero__line,
  body.pricing-page .ev-hero__line,
  body.rk-services-page .ev-hero__line,
  body.about-page .ev-hero__subline,
  body.portfolio-page .ev-hero__subline,
  body.blog-page .ev-hero__subline,
  body.pricing-page .ev-hero__subline,
  body.rk-services-page .ev-hero__subline {
    white-space: nowrap;
  }
}

body.about-page .ev-hero__line:nth-child(n + 4),
body.portfolio-page .ev-hero__line:nth-child(n + 4),
body.blog-page .ev-hero__line:nth-child(n + 4),
body.pricing-page .ev-hero__line:nth-child(n + 4),
body.rk-services-page .ev-hero__line:nth-child(n + 4) {
  display: none;
}

body.about-page .ev-hero__line--soft,
body.portfolio-page .ev-hero__line--soft,
body.blog-page .ev-hero__line--soft,
body.pricing-page .ev-hero__line--soft,
body.rk-services-page .ev-hero__line--soft {
  color: var(--ev-hero-ink-soft);
  font-weight: 400;
}

body.about-page .ev-hero--minimal h1 em,
body.portfolio-page .ev-hero--minimal h1 em,
body.blog-page .ev-hero--minimal h1 em,
body.pricing-page .ev-hero--minimal h1 em,
body.rk-services-page .ev-hero--minimal h1 em {
  font-style: normal;
  font-weight: 400;
  color: var(--ev-hero-ink-soft);
}

/* ─── Subtitles — max 3 lines ─── */
body.about-page .ev-hero__subs,
body.portfolio-page .ev-hero__subs,
body.blog-page .ev-hero__subs,
body.pricing-page .ev-hero__subs,
body.rk-services-page .ev-hero__subs {
  margin: 0;
}

body.about-page .ev-hero__subline,
body.portfolio-page .ev-hero__subline,
body.blog-page .ev-hero__subline,
body.pricing-page .ev-hero__subline,
body.rk-services-page .ev-hero__subline {
  display: block;
  font-size: clamp(0.9375rem, 1.2vw, 1.0625rem);
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: 0.005em;
  color: var(--ev-hero-ink-faint);
}

body.about-page .ev-hero__subline + .ev-hero__subline,
body.portfolio-page .ev-hero__subline + .ev-hero__subline,
body.blog-page .ev-hero__subline + .ev-hero__subline,
body.pricing-page .ev-hero__subline + .ev-hero__subline,
body.rk-services-page .ev-hero__subline + .ev-hero__subline {
  margin-top: clamp(0.75rem, 1.5vw, 1rem);
}

body.about-page .ev-hero__subline:nth-child(n + 4),
body.portfolio-page .ev-hero__subline:nth-child(n + 4),
body.blog-page .ev-hero__subline:nth-child(n + 4),
body.pricing-page .ev-hero__subline:nth-child(n + 4),
body.rk-services-page .ev-hero__subline:nth-child(n + 4) {
  display: none;
}

body.about-page .ev-hero__subline--meta,
body.portfolio-page .ev-hero__subline--meta,
body.blog-page .ev-hero__subline--meta,
body.pricing-page .ev-hero__subline--meta,
body.rk-services-page .ev-hero__subline--meta {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(10, 10, 10, 0.36);
}

/* Hide legacy blocks */
body.about-page .ev-hero__body,
body.portfolio-page .ev-hero__body,
body.blog-page .ev-hero__body,
body.pricing-page .ev-hero__body,
body.rk-services-page .ev-hero__body,
body.about-page .ev-hero__media,
body.portfolio-page .ev-hero__media,
body.blog-page .ev-hero__media,
body.pricing-page .ev-hero__media,
body.rk-services-page .ev-hero__media,
body.about-page .ev-hero__canvas,
body.blog-page .ev-hero__canvas,
body.pricing-page .ev-hero__canvas,
body.rk-services-page .ev-hero__canvas,
body.about-page .ev-hero__scroll,
body.blog-page .ev-hero__scroll,
body.pricing-page .ev-hero__scroll,
body.rk-services-page .ev-hero__scroll,
body.about-page .ev-hero__rail,
body.portfolio-page .ev-hero__rail,
body.pricing-page .ev-hero__rail,
body.rk-services-page .ev-hero__rail,
body.blog-page .ev-hero__tags,
body.rk-services-page .rk-hero__watermark,
body.rk-services-page .rk-hero__meta,
body.rk-services-page .ev-hero--minimal .ev-actions,
body.rk-services-page .ev-hero--minimal .ev-lead {
  display: none !important;
}

/* ─── Responsive ─── */
@media (max-width: 900px) {
  body.about-page .ev-hero__top,
  body.portfolio-page .ev-hero__top,
  body.blog-page .ev-hero__top,
  body.pricing-page .ev-hero__top,
  body.rk-services-page .ev-hero__top {
    grid-template-columns: 1fr;
    gap: clamp(2rem, 5vw, 2.75rem);
    align-items: start;
  }

  body.about-page .ev-hero__aside,
  body.portfolio-page .ev-hero__aside,
  body.blog-page .ev-hero__aside,
  body.pricing-page .ev-hero__aside,
  body.rk-services-page .ev-hero__aside {
    padding-bottom: 0;
    max-width: none;
  }
}

@media (max-width: 640px) {
  body.about-page,
  body.portfolio-page,
  body.blog-page,
  body.pricing-page,
  body.rk-services-page {
    --ev-hero-pad-top: clamp(36px, 7vh, 56px);
    --ev-hero-pad-bottom: clamp(56px, 12vw, 80px);
    --ev-display: clamp(2rem, 9.5vw, 2.75rem);
  }

  body.about-page .ev-hero--minimal,
  body.portfolio-page .ev-hero--minimal,
  body.blog-page .ev-hero--minimal,
  body.pricing-page .ev-hero--minimal,
  body.rk-services-page .ev-hero--minimal,
  body.rk-services-page .ev-hero {
    margin-inline: clamp(8px, 2.5vw, 12px) !important;
    border-radius: clamp(18px, 4vw, 24px) !important;
  }

  body.about-page .ev-hero--minimal h1,
  body.portfolio-page .ev-hero--minimal h1,
  body.blog-page .ev-hero--minimal h1,
  body.pricing-page .ev-hero--minimal h1,
  body.rk-services-page .ev-hero--minimal h1 {
    font-size: clamp(2.25rem, 10vw, 3.125rem);
    line-height: 1.08;
  }

  body.about-page .ev-hero__line,
  body.portfolio-page .ev-hero__line,
  body.blog-page .ev-hero__line,
  body.pricing-page .ev-hero__line,
  body.rk-services-page .ev-hero__line,
  body.about-page .ev-hero__subline,
  body.portfolio-page .ev-hero__subline,
  body.blog-page .ev-hero__subline,
  body.pricing-page .ev-hero__subline,
  body.rk-services-page .ev-hero__subline {
    white-space: normal;
  }
}