/* Uses the shared heading/body tokens; only the requested hero treatment changes. */
.hero.hero-reveal {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:100%;
  min-height:640px;
  padding:110px 0 95px;
  background:radial-gradient(ellipse at 50% 40%,#24312a,#0b100e 75%);
  color:#fff;
  display:grid;
  align-items:center;
}
.hero-wall { position:absolute; inset:0; width:100%; height:100%; z-index:-1; pointer-events:none; }
.hero-content { position:relative; }
.hero-reveal h1 { margin:0 0 28px; color:#fff; mask-image:linear-gradient(#00000009,#00000009); -webkit-mask-image:linear-gradient(#00000009,#00000009); }
.hero-reveal h1 .green { color:var(--green); }
.hero-reveal .hero-copy { color:#c1cbc4; margin:0; }
.hero-reveal .hero-actions { margin:36px 0 0; }
.hero-reveal .button.outline { background:#ffffff08; color:#fff; border-color:#ffffff40; }
.hero-reveal .button.outline:hover { background:#ffffff15; }
.hero-reveal ::selection { background:var(--brand); color:#10270c; }
.product-preview { padding:70px 0 65px; }
.product-preview .hero-product { transform:none; }
@media(prefers-reduced-motion:reduce) {
  .hero-reveal h1 { mask-image:none!important; -webkit-mask-image:none!important; }
}