.hero{position:relative;overflow:hidden}
.hero.section--alt{background:var(--c-bg-alt)}.hero.section--surface{background:var(--c-surface)}
.hero__inner{display:grid;gap:var(--sp-5);padding-block:var(--sp-5) var(--sp-7)}
.hero__content{display:grid;justify-items:start;gap:var(--sp-3);order:2}
.hero__media{order:1;aspect-ratio:4/3;border-radius:var(--radius-lg)}
.hero__title{margin:0;font-size:clamp(2.125rem,1.6rem + 2.6vw,3.5rem);line-height:1.08}
.hero__text{margin:0;max-width:34em;color:var(--c-text-soft);font-size:var(--fs-lg)}
.hero__rating{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:var(--tap);color:var(--c-text-soft);font-size:var(--fs-sm);text-decoration:none}
.hero__actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-2)}
.hero__btn{min-width:min(100%,280px)}
.hero__trust{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5);margin-top:var(--sp-2);font-size:var(--fs-sm)}
@media (max-width:749px){.hero__inner{padding-inline:0;padding-top:0}.hero__media{border-radius:0}.hero__content{padding-inline:var(--gutter)}.hero__btn{width:100%}}
@media (min-width:990px){
  .hero__inner{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:var(--sp-8);padding-block:var(--sp-8)}
  .hero__content{order:0}
  .hero__media{order:0;aspect-ratio:5/4}
  .hero--overlay .hero__inner{grid-template-columns:1fr;min-height:min(78vh,760px)}
  .hero--overlay .hero__media{position:absolute;inset:0;border-radius:0;aspect-ratio:auto}
  .hero--overlay .hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--c-text-rgb),.62),rgba(var(--c-text-rgb),.1) 70%)}
  .hero--overlay .hero__content{position:relative;z-index:1;max-width:560px;color:#fff}
  .hero--overlay .hero__text,.hero--overlay .hero__rating{color:rgba(255,255,255,.92)}
  .hero--overlay .trust-items .icon{color:#fff}
}