.portside-hero{position:relative;display:block}.portside-hero--border-top{border-top:1px solid var(--hero-border)}.portside-hero--border-bottom{border-bottom:1px solid var(--hero-border)}.portside-hero__viewport{display:grid}.portside-hero__slide{box-sizing:border-box;position:relative;grid-area:1 / 1;display:flex;align-items:center;justify-content:center;min-height:var(--hero-height);padding:var(--hero-padding);overflow:hidden;color:var(--hero-fg);opacity:0;visibility:hidden;transition:opacity var(--hero-fade) ease,visibility 0s linear var(--hero-fade)}.portside-hero__slide[data-active]{z-index:1;opacity:1;visibility:visible;transition:opacity var(--hero-fade) ease,visibility 0s}.portside-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.portside-hero__media>*{position:absolute;top:0;right:0;bottom:0;left:0}.portside-hero__video{z-index:1}.portside-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(180deg,#12121273,#12121226 45%,#1212128c)}.portside-hero__image,.portside-hero__media video{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--hero-focal-point, center)}.portside-hero__content{position:relative;z-index:1;max-width:var(--hero-content-width);text-align:var(--hero-text-align)}.portside-hero__eyebrow{margin:0 0 2.4rem;color:var(--hero-eyebrow-color);font-size:var(--hero-eyebrow-size);font-weight:400;letter-spacing:.18em;line-height:1.4;text-transform:uppercase}.portside-hero__heading{margin:0;color:var(--hero-heading-color);font-size:var(--hero-heading-size);font-weight:400;letter-spacing:.01em;line-height:1.15;text-wrap:balance}.portside-hero__text{margin:2rem 0 0;color:var(--hero-body-color);font-size:var(--hero-body-size);line-height:1.75;opacity:.9}.portside-hero__text>*:first-child{margin-top:0}.portside-hero__text>*:last-child{margin-bottom:0}.portside-hero__button{display:inline-flex;align-items:center;justify-content:center;margin-top:3.2rem;padding:1.2rem 2.4rem;border:1px solid currentColor;background-color:transparent;color:var(--hero-fg);font-size:var(--hero-eyebrow-size);letter-spacing:.16em;line-height:1;text-transform:uppercase;text-decoration:none;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.portside-hero__button:hover,.portside-hero__button:focus-visible{background-color:var(--hero-button-bg);color:var(--hero-button-fg);border-color:var(--hero-button-bg)}.portside-hero__button:focus-visible{outline:.2rem solid var(--hero-fg);outline-offset:.4rem}.portside-hero__dots{position:absolute;right:0;bottom:var(--hero-dots-offset);left:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:1.2rem}.portside-hero__dot{width:2.8rem;height:3.2rem;padding:0;border:0;background:none;cursor:pointer}.portside-hero__dot:before{content:"";display:block;height:1px;background-color:var(--hero-fg);opacity:.4;transition:opacity .25s ease}.portside-hero__dot[aria-current=true]:before,.portside-hero__dot:hover:before{opacity:1}.portside-hero__dot:focus-visible{outline:.2rem solid var(--hero-fg);outline-offset:.2rem}@media screen and (max-width:749px){.portside-hero__slide{min-height:var(--hero-height-mobile);padding:var(--hero-padding-mobile)}.portside-hero__slide{padding-top:calc(var(--portside-header-h, 104px) + var(--hero-padding-mobile))}.portside-hero__video[data-desktop-only]{display:none}.portside-hero__heading{font-size:var(--hero-heading-size-mobile)}}@media(prefers-reduced-motion:reduce){.portside-hero__slide,.portside-hero__slide[data-active],.portside-hero__button,.portside-hero__dot:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/portside-hero.css.map */