/* Ferrn hero refinement — base content is always visible; reveal is enhancement only */
.hero-editorial{
  position:relative!important;
  min-height:100svh!important;
  padding:clamp(150px,11vw,188px) 0 clamp(78px,7vw,112px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  isolation:isolate;
  background:#000!important;
}
html[data-theme="light"] .hero-editorial{background:#fff!important}
.hero-editorial::before,.hero-editorial::after{display:none!important}

.hero-editorial > .hero-inner{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
.hero-editorial .hero-topline{justify-content:center!important;gap:18px!important}
.hero-editorial .hero-grid{display:block!important}
.hero-editorial .hero-copy-block{max-width:1360px!important;width:min(1360px,calc(100vw - 140px))!important;margin:0 auto!important;text-align:center!important}
.hero-editorial .hero-copy-block h1{
  max-width:1260px!important;
  width:100%!important;
  margin:0 auto!important;
  font-size:clamp(50px,5.6vw,88px)!important;
  line-height:.96!important;
  letter-spacing:-.055em!important;
  text-align:center!important;
  text-wrap:balance;
}
.hero-editorial .hero-copy-block .hero-copy{
  max-width:900px!important;
  width:100%!important;
  margin:30px auto 0!important;
  text-align:center!important;
}
.hero-editorial .hero-copy-block .hero-actions{justify-content:center!important;margin-top:26px!important}
.hero-editorial .hero-visual{display:none!important}
/* Remove the old strategy/proof row and its divider line completely. */
.hero-editorial .hero-proof{display:none!important}
.hero-editorial .btn-primary{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}
.hero-editorial .btn-primary:hover{background:#ff5419!important;border-color:#ff5419!important}

/* Base hero colours */
.hero-editorial{color:#fff!important}
.hero-editorial .hero-copy,.hero-editorial .hero-note{color:rgba(255,255,255,.68)!important}
.hero-editorial .btn-ghost{color:#fff!important;border-color:rgba(255,255,255,.28)!important;background:transparent!important}
.hero-editorial .global-pill{color:#fff!important;border-color:rgba(255,255,255,.22)!important;background:transparent!important}
html[data-theme="light"] .hero-editorial{color:#111!important}
html[data-theme="light"] .hero-editorial .hero-copy,
html[data-theme="light"] .hero-editorial .hero-note{color:rgba(17,17,17,.66)!important}
html[data-theme="light"] .hero-editorial .btn-ghost{color:#111!important;border-color:rgba(17,17,17,.25)!important}
html[data-theme="light"] .hero-editorial .global-pill{color:#111!important;border-color:rgba(17,17,17,.20)!important}
.hero-editorial .accent{color:var(--accent)!important}

/* Desktop-only inverse reveal overlay */
.hero-reveal-back{
  position:absolute;
  inset:0;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:inherit;
  background:#fff;
  color:#111!important;
  pointer-events:none;
  mask:url(#ferrn-smudge-mask);
  -webkit-mask:url(#ferrn-smudge-mask);
}
html[data-theme="light"] .hero-reveal-back{background:#000;color:#fff!important}
.hero-reveal-clone{width:100%;position:relative}

/* Clones are created after the global reveal observer runs. Force them visible. */
.hero-reveal-back .reveal,
.hero-reveal-back .reveal.visible{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition:none!important;
}

/* Explicit inverse typography so the masked area always changes colour. */
.hero-reveal-back h1{color:#111!important}
.hero-reveal-back .hero-copy,
.hero-reveal-back .hero-note{color:rgba(17,17,17,.68)!important}
.hero-reveal-back .btn-ghost{color:#111!important;border-color:rgba(17,17,17,.28)!important;background:transparent!important}
.hero-reveal-back .global-pill{color:#111!important;border-color:rgba(17,17,17,.22)!important;background:transparent!important}
.hero-reveal-back .accent{color:var(--accent)!important}

html[data-theme="light"] .hero-reveal-back h1{color:#fff!important}
html[data-theme="light"] .hero-reveal-back .hero-copy,
html[data-theme="light"] .hero-reveal-back .hero-note{color:rgba(255,255,255,.72)!important}
html[data-theme="light"] .hero-reveal-back .btn-ghost{color:#fff!important;border-color:rgba(255,255,255,.28)!important}
html[data-theme="light"] .hero-reveal-back .global-pill{color:#fff!important;border-color:rgba(255,255,255,.22)!important}

.hero-reveal-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}

/* Legacy testimonial wrapper rules retained harmlessly */
.testimonial-slider{background:transparent!important;border:0!important;overflow:hidden!important}
.testimonial-track{align-items:stretch!important}
.testimonial-slide{min-height:0!important;padding:0!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;width:100%}

@media(max-width:900px){
  .hero-editorial{
    min-height:auto!important;
    padding:132px 0 72px!important;
    overflow:hidden!important;
  }
  .hero-editorial > .hero-inner{display:block!important;position:relative!important;inset:auto!important;min-height:0!important;height:auto!important}
  .hero-editorial .hero-copy-block{width:100%!important;max-width:none!important;padding-inline:var(--pad)!important}
  .hero-editorial .hero-copy-block h1{font-size:clamp(42px,12.5vw,66px)!important;line-height:.98!important;max-width:760px!important}
  .hero-editorial .hero-copy-block .hero-copy{max-width:620px!important;margin-top:22px!important}
  .hero-editorial .hero-topline{flex-direction:column!important;gap:10px!important}
  .hero-editorial .hero-actions{width:100%!important;flex-direction:column!important;align-items:stretch!important}
  .hero-editorial .hero-actions .btn{width:100%!important;min-width:0!important}
  .hero-reveal-back,.hero-reveal-svg{display:none!important}
}

@media(max-width:560px){
  .hero-editorial{padding:118px 0 58px!important}
  .hero-editorial .hero-copy-block h1{font-size:clamp(38px,11.5vw,54px)!important}
  .hero-editorial .hero-copy-block .hero-copy{font-size:15px!important;line-height:1.65!important}
}

@media(prefers-reduced-motion:reduce){.hero-reveal-back,.hero-reveal-svg{display:none!important}}