.hero{position:relative;width:100%;min-height:var(--hero-height-mobile);display:flex;align-items:flex-end;overflow:hidden;background:var(--bg-dark)}@media(min-width:1024px){.hero{min-height:var(--hero-height-desktop)}}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__media img,.hero__media video{width:100%;height:100%;object-fit:cover;object-position:center}.hero__media--animate img{animation:heroZoom 20s ease-out forwards}@keyframes heroZoom{0%{transform:scale(1.05)}to{transform:scale(1)}}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.hero__overlay--gradient{background:var(--hero-overlay)}.hero__overlay--bottom{background:var(--hero-overlay-bottom)}.hero__overlay--vignette{background:radial-gradient(ellipse at center,transparent 50%,rgba(13,13,13,.4) 100%)}.hero__overlay--cinematic{background:linear-gradient(135deg,rgba(13,13,13,.8) 0%,rgba(13,13,13,.4) 40%,transparent 70%),linear-gradient(to top,rgba(13,13,13,.9) 0%,rgba(13,13,13,.2) 40%,transparent 70%),radial-gradient(ellipse at center,transparent 50%,rgba(13,13,13,.3) 100%)}.hero__content{position:relative;z-index:2;width:100%;padding:var(--space-8) var(--container-padding) var(--space-12);max-width:var(--container-max);margin-inline:auto}@media(min-width:1024px){.hero__content{padding-bottom:var(--space-20)}}.hero__content--bottom-left{display:flex;flex-direction:column;align-items:flex-start}.hero__content--center{display:flex;flex-direction:column;align-items:center;text-align:center}.hero__kicker{font-family:var(--font-heading);font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:.15em;text-transform:uppercase;color:var(--color-orange);margin-bottom:var(--space-3)}.hero__title{font-family:var(--font-heading);font-size:var(--text-display-xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-on-dark);max-width:14ch;margin-bottom:var(--space-4)}.hero__content--center .hero__title{max-width:20ch}.hero__subtitle{font-size:var(--text-body-lg);line-height:var(--leading-relaxed);color:var(--text-on-dark-muted);max-width:48ch;margin-bottom:var(--space-6)}@media(min-width:1024px){.hero__subtitle{font-size:1.25rem}}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-8)}.hero__trust{display:flex;flex-wrap:wrap;gap:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-dark)}.hero__trust-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--text-on-dark-muted)}.hero__trust-item svg{width:18px;height:18px;color:var(--color-orange);flex-shrink:0}@media(max-width:767px){.hero__trust{gap:var(--space-4)}.hero__trust-item{font-size:var(--text-caption)}}.hero__scroll{position:absolute;bottom:var(--space-6);left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--text-on-dark-subtle);font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:.08em;text-transform:uppercase;animation:scrollBounce 2s ease-in-out infinite}.hero__scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--text-on-dark-subtle),transparent)}@keyframes scrollBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}@media(max-width:767px){.hero__scroll{display:none}}.hero--secondary{min-height:40vh}@media(min-width:1024px){.hero--secondary{min-height:50vh}}.hero__media video{will-change:transform}@media(prefers-reduced-motion:reduce){.hero__media--animate img,.hero__scroll{animation:none}}.hero .btn--ghost,.section--dark .btn--ghost,.section--dark-elevated .btn--ghost,.section--dark-surface .btn--ghost{background:transparent;color:var(--text-on-dark);border:2px solid rgba(255,255,255,.35);padding:var(--space-3) var(--space-6);font-family:var(--font-heading);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-md);cursor:pointer;min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.hero .btn--ghost:hover,.section--dark .btn--ghost:hover,.section--dark-elevated .btn--ghost:hover,.section--dark-surface .btn--ghost:hover{background:#ffffff1a;border-color:#ffffff80;color:var(--color-white)}
/*# sourceMappingURL=/cdn/shop/t/1/assets/component-hero.css.map */