@layer sections{.hero{position:relative;display:grid;isolation:isolate;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background))}.hero--inset{margin-inline:var(--page-gutter);border-radius:var(--radius-lg);overflow:hidden}.hero--fixed{min-height:var(--hero-height-mobile, 75svh)}@media(min-width:750px){.hero--fixed{min-height:var(--hero-height-desktop, 85svh)}}.hero__media{grid-area:1 / 1;position:relative;overflow:hidden}.hero--fixed .hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.hero__picture,.hero__video,.hero__placeholder{display:block;width:100%;height:100%}.hero__image,.hero__video-player{width:100%;height:100%;object-fit:cover;object-position:center}.hero--natural .hero__image{height:auto}.hero__video--external,.hero__video--external .video{width:100%;height:100%}.hero__placeholder svg{width:100%;height:100%;min-height:60svh}.hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(to bottom,rgb(0 0 0 / calc(var(--hero-overlay, .2) * 1.15)),rgb(0 0 0 / calc(var(--hero-overlay, .2) * .45)) 38%,rgb(0 0 0 / calc(var(--hero-overlay, .2) * .85)))}.hero__content{grid-area:1 / 1;position:relative;z-index:1;display:grid;padding-block:var(--space-2xl);width:100%}.hero--natural .hero__content{position:absolute;top:0;right:0;bottom:0;left:0;align-content:center}.hero__text{display:flex;flex-direction:column;gap:var(--space-sm);max-width:var(--hero-text-max, 44ch)}.hero__text--center{align-items:center;text-align:center}.hero__text--end{align-items:flex-end;text-align:end}.hero--content-top-start{--hero-align: start;--hero-justify: start}.hero--content-top-center{--hero-align: start;--hero-justify: center}.hero--content-top-end{--hero-align: start;--hero-justify: end}.hero--content-middle-start{--hero-align: center;--hero-justify: start}.hero--content-middle-center{--hero-align: center;--hero-justify: center}.hero--content-middle-end{--hero-align: center;--hero-justify: end}.hero--content-bottom-start{--hero-align: end;--hero-justify: start}.hero--content-bottom-center{--hero-align: end;--hero-justify: center}.hero--content-bottom-end{--hero-align: end;--hero-justify: end}.hero__content{align-content:var(--hero-align, center);justify-items:var(--hero-justify, start)}@media(max-width:749px){.hero__content{align-content:end;justify-items:stretch}.hero__text{max-width:none}}.hero__overline{margin:0;opacity:.85}.hero__heading{margin:0;text-wrap:balance}.hero__body{font-size:var(--text-md);line-height:var(--leading-normal);opacity:.9}.hero__body p{margin:0}.hero__buttons{margin-block-start:var(--space-2xs)}.hero__scroll{position:absolute;inset-block-end:var(--space-md);inset-inline-start:50%;transform:translate(-50%);z-index:1;display:grid;place-content:center;width:1.5rem;height:3rem}.hero__scroll-line{display:block;width:1px;height:2.5rem;background-color:currentColor;opacity:.5;transform-origin:top center;animation:hero-scroll 2.4s var(--ease-in-out) infinite}@keyframes hero-scroll{0%{transform:scaleY(0);opacity:0}35%{transform:scaleY(1);opacity:.6}70%{transform:scaleY(1);opacity:.6}to{transform:scaleY(0);opacity:0;transform-origin:bottom center}}@media(prefers-reduced-motion:reduce){.hero__scroll-line{animation:none;opacity:.5}}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-hero.css.map */