.strayd-hero{position:relative;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.strayd-hero__image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.strayd-hero__img{width:100%;height:100%;object-fit:cover;display:block}.strayd-hero__placeholder{background-color:#1a1a1a;display:flex;align-items:center;justify-content:center}.strayd-hero__placeholder svg{width:100%;height:100%;object-fit:cover}.strayd-hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.strayd-hero__content{position:relative;z-index:3;padding:40px;max-width:600px;width:100%;display:flex;flex-direction:column;gap:12px}.strayd-hero__content--center{align-self:center;text-align:center;align-items:center;margin:0 auto}.strayd-hero__content--left{align-self:center;text-align:left;align-items:flex-start;margin-right:auto}.strayd-hero__content--right{align-self:center;text-align:right;align-items:flex-end;margin-left:auto}.strayd-hero__content--bottom-left{align-self:flex-end;text-align:left;align-items:flex-start;margin-right:auto}.strayd-hero__content--bottom-right{align-self:flex-end;text-align:right;align-items:flex-end;margin-left:auto}.strayd-hero__subtitle{font-family:DM Sans,sans-serif;font-size:13px;font-weight:400;letter-spacing:3px;text-transform:uppercase;color:#ffffffd9;margin:0}.strayd-hero__heading{font-family:DM Sans,sans-serif;font-size:56px;font-weight:700;color:#fff;margin:0;line-height:1.05;letter-spacing:-1px}.strayd-hero__text{font-family:DM Sans,sans-serif;font-size:16px;font-weight:300;color:#ffffffe6;margin:0;line-height:1.5}.strayd-hero__btn{display:inline-flex;align-items:center;gap:8px;background-color:#fff;color:#000;padding:14px 32px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;margin-top:8px}.strayd-hero__btn:hover{background-color:#000;color:#fff}.strayd-hero__btn svg{transition:transform .3s ease}.strayd-hero__btn:hover svg{transform:translate(4px)}@media screen and (max-width:749px){.strayd-hero{min-height:400px!important}.strayd-hero__content{padding:24px}.strayd-hero__heading{font-size:36px}.strayd-hero__text{font-size:14px}.strayd-hero__btn{padding:12px 24px;font-size:12px}}body:has(menu-drawer details[open]) .strayd-hero{z-index:-1!important}
/*# sourceMappingURL=/cdn/shop/t/14/assets/strayd-hero.css.map */