.asc-hero{position:relative;overflow:hidden;background:var(--asc-hero-background,#0f1720) var(--asc-hero-bg,none) var(--asc-hero-focal,center center)/cover no-repeat;color:var(--asc-hero-text,#fff);border-radius:var(--asc-hero-radius,0)}
.asc-hero__overlay{position:absolute;inset:0;pointer-events:none}
.asc-hero--overlay-none .asc-hero__overlay{display:none}
.asc-hero--overlay-dark .asc-hero__overlay{background:var(--asc-hero-overlay-color,#000);opacity:var(--asc-hero-overlay-opacity,.48)}
.asc-hero--overlay-light .asc-hero__overlay{background:var(--asc-hero-overlay-color,#fff);opacity:var(--asc-hero-overlay-opacity,.24)}
.asc-hero--overlay-gradient .asc-hero__overlay{background:linear-gradient(90deg,var(--asc-hero-overlay-color,#000),transparent);opacity:var(--asc-hero-overlay-opacity,.72)}
.asc-hero--overlay-soft .asc-hero__overlay{filter:opacity(.72)}
.asc-hero--overlay-medium .asc-hero__overlay{filter:opacity(.9)}
.asc-hero--overlay-strong .asc-hero__overlay{filter:opacity(1)}
.asc-hero__container{position:relative;z-index:1;margin:0 auto;padding:48px 32px;display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:center}
.asc-hero__container--reading{max-width:760px}
.asc-hero__container--content{max-width:1440px}
.asc-hero__container--wide{max-width:1680px}
.asc-hero--height-compact .asc-hero__container{min-height:220px}
.asc-hero--height-medium .asc-hero__container{min-height:320px}
.asc-hero--height-large .asc-hero__container{min-height:440px}
.asc-hero--height-viewport .asc-hero__container{min-height:75vh}
.asc-hero--height-auto .asc-hero__container{min-height:0}
.asc-hero--valign-top .asc-hero__container{align-items:start}
.asc-hero--valign-center .asc-hero__container{align-items:center}
.asc-hero--valign-bottom .asc-hero__container{align-items:end}
.asc-hero__content{display:flex;flex-direction:column;gap:14px;min-width:0}
.asc-hero--align-center .asc-hero__content{text-align:center;align-items:center}
.asc-hero--align-right .asc-hero__content{text-align:right;align-items:flex-end}
.asc-hero__eyebrow{font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.asc-hero__heading{margin:0;color:var(--asc-hero-heading,inherit);font-size:clamp(2rem,4vw,4.25rem);line-height:1.03}
.asc-hero__subtitle{margin:0;color:var(--asc-hero-subtitle,inherit);font-size:clamp(1rem,1.4vw,1.3rem);opacity:.92}
.asc-hero__body{font-size:1rem}
.asc-hero--text-narrow .asc-hero__content{max-width:520px}
.asc-hero--text-medium .asc-hero__content{max-width:760px}
.asc-hero--text-wide .asc-hero__content{max-width:980px}
.asc-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.asc-hero__button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:var(--asc-hero-button-radius,7px);text-decoration:none;font-weight:700;transition:background .2s ease,color .2s ease,border-color .2s ease}
.asc-hero__button--primary{background:var(--asc-hero-primary-bg,#fff);color:var(--asc-hero-primary-text,#111827)}
.asc-hero__button--primary:hover{background:var(--asc-hero-primary-hover,var(--asc-hero-primary-bg,#fff));color:var(--asc-hero-primary-text,#111827)}
.asc-hero__button--secondary{background:var(--asc-hero-secondary-bg,rgba(255,255,255,.14));color:var(--asc-hero-secondary-text,#fff);border:1px solid var(--asc-hero-secondary-border,transparent)}
.asc-hero__button--secondary:hover{background:var(--asc-hero-secondary-hover,var(--asc-hero-secondary-bg,rgba(255,255,255,.14)));color:var(--asc-hero-secondary-text,#fff)}
.asc-hero__button--outline{background:var(--asc-hero-secondary-bg,transparent);border:1px solid var(--asc-hero-secondary-border,currentColor);color:var(--asc-hero-secondary-text,inherit)}
.asc-hero__button--outline:hover{background:var(--asc-hero-secondary-hover,var(--asc-hero-secondary-bg,transparent));color:var(--asc-hero-secondary-text,inherit)}
.asc-hero__button--link{color:inherit;padding-left:0;padding-right:0}
.asc-hero__media img{display:block;width:100%;height:100%;max-height:560px;object-fit:cover;border-radius:14px}
.asc-hero--media-left .asc-hero__container,.asc-hero--media-right .asc-hero__container{grid-template-columns:minmax(0,1fr) minmax(300px,.85fr)}
.asc-hero--media-left .asc-hero__media{order:0}
.asc-hero--media-left .asc-hero__content{order:1}
.asc-hero--media-right .asc-hero__content{order:0}
.asc-hero--media-right .asc-hero__media{order:1}
.asc-hero__search form{display:flex;gap:0;max-width:680px;width:100%}
.asc-hero__search input[type=search]{flex:1;min-width:0;min-height:48px;border:0;border-radius:8px 0 0 8px;padding:0 14px}
.asc-hero__search button{min-height:48px;border:0;border-radius:0 8px 8px 0;padding:0 18px;font-weight:700;cursor:pointer}
.asc-hero__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:8px}
.asc-hero__metric{padding:14px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.14);border-radius:8px}
.asc-hero__metric strong,.asc-hero__metric span{display:block}
.asc-hero__metric strong{font-size:1.35rem}
.asc-hero__metric span{font-size:.85rem;opacity:.8}
@media(max-width:1023px){
  .asc-hero--media-left .asc-hero__container,.asc-hero--media-right .asc-hero__container{grid-template-columns:1fr}
  .asc-hero__container{padding:40px 24px}
  .asc-hero__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  .asc-hero__container{padding:28px 16px;gap:20px}
  .asc-hero--height-viewport .asc-hero__container{min-height:0}
  .asc-hero--mobile-height-compact .asc-hero__container{min-height:220px}
  .asc-hero--mobile-height-medium .asc-hero__container{min-height:300px}
  .asc-hero--mobile-align-center .asc-hero__content{text-align:center;align-items:center}
  .asc-hero--mobile-media-top .asc-hero__media{order:0}
  .asc-hero--mobile-media-top .asc-hero__content{order:1}
  .asc-hero--mobile-media-bottom .asc-hero__content{order:0}
  .asc-hero--mobile-media-bottom .asc-hero__media{order:1}
  .asc-hero--mobile-media-hidden .asc-hero__media{display:none}
  .asc-hero--mobile-cta-full .asc-hero__actions{width:100%}
  .asc-hero--mobile-cta-full .asc-hero__button{width:100%}
  .asc-hero__search form{flex-direction:column;gap:8px}
  .asc-hero__search input[type=search],.asc-hero__search button{border-radius:8px}
  .asc-hero__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
  .asc-hero__metrics{grid-template-columns:1fr}
}