/*
Shared EVCP hero styling.
Used across all static templates to keep hero spacing, typography,
gradient background and separator behaviour consistent.
*/

.evcp-hero-standard{
  position:relative;
  padding:42px 0 26px;
  background:linear-gradient(180deg,var(--color-surface),var(--color-bg));
  z-index:0;
}

.evcp-hero-standard::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,var(--color-surface),var(--color-bg));
  z-index:-1;
}

.evcp-hero-standard::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  border-bottom:1px solid var(--color-border);
}

.evcp-hero-standard .evcp-title,
.evcp-hero-standard .evcp-product-title,
.evcp-hero-standard .evcp-article-title{
  margin:0;
  font-size:clamp(30px, 4vw, 44px);
  line-height:1;
  letter-spacing:-.05em;
  max-width:780px;
  font-weight:760;
}

.evcp-hero-standard .evcp-summary,
.evcp-hero-standard .evcp-article-summary,
.evcp-hero-standard .evcp-product-summary{
  max-width:780px;
  margin:18px 0 0;
  color:var(--color-text-muted);
  font-size:17px;
}

.evcp-hero-standard .evcp-eyebrow{
  margin:0 0 10px;
  color:var(--color-primary);
  font-size:12px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.evcp-hero-standard .evcp-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(340px,.55fr);
  gap:32px;
  align-items:center;
}

.evcp-hero-standard .evcp-catalogue-hero-inner,
.evcp-hero-standard .evcp-search-panel,
.evcp-hero-standard .evcp-article-hero-inner{
  display:block;
  max-width:none;
}

@media (max-width:900px){
  .evcp-hero-standard.evcp-product-hero,
  .evcp-hero-standard .evcp-hero-grid{
    grid-template-columns:1fr;
  }
}

.evcp-hero-standard .evcp-hero-link{
  font-size:14px;
  font-weight:800;
  color:var(--color-primary);
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.evcp-hero-standard .evcp-hero-link::after{
  content:"↗";
  font-size:13px;
  opacity:.8;
}

.evcp-hero-standard .evcp-hero-link:hover{
  text-decoration:underline;
  text-underline-offset:3px;
  color:var(--color-primary);
}

.evcp-hero-standard .evcp-hero-link-row{
  margin:14px 0 0;
}

.evcp-product-hero.evcp-hero-standard .evcp-hero-grid{
  grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);
  align-items:start;
}

@media (max-width:900px){
  .evcp-product-hero.evcp-hero-standard .evcp-hero-grid{
    grid-template-columns:1fr;
  }
}