.homepage-hero{position:relative;isolation:isolate;display:grid;align-items:end;min-height:100svh;height:100dvh;overflow:hidden;background:#f5f2ec;color:#050505}.homepage-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}.homepage-hero--image-error .homepage-hero__image{display:none}.homepage-hero__content{width:100%;max-width:92rem;padding:0 5rem 5rem}.homepage-hero__title{max-width:11ch;margin:0;color:currentcolor;font-family:var(--font-heading--family);font-size:3.25rem;font-style:var(--font-heading--style);font-weight:var(--font-heading--weight);line-height:.92;letter-spacing:0;text-transform:none;text-shadow:0 1px 24px rgb(255 255 255 / .38);overflow-wrap:anywhere}body:has(.homepage-hero) #header-group,body:has(.homepage-hero) #header-group:has(#header-component[sticky]){position:fixed;display:block;inset-block-start:0;inset-inline:0;z-index:var(--layer-sticky, 8);color:#000;background-color:transparent;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}body:has(.homepage-hero) #header-group,body:has(.homepage-hero) #header-group .header,body:has(.homepage-hero) #header-group .header__row,body:has(.homepage-hero) #header-group .announcement-bar{--color-background: transparent;--color-background-rgb: 255 255 255;--color-foreground: #000;--color-foreground-rgb: 0 0 0;--color-foreground-heading: #000;--color-border: rgb(0 0 0 / 0);--color-border-rgb: 0 0 0;--header-bg-color: transparent}body:has(.homepage-hero) #header-group .section-background,body:has(.homepage-hero) #header-group .header__row,body:has(.homepage-hero) #header-group .announcement-bar{background-color:transparent;border-color:#0000;color:#000;transition:background-color .3s ease,color .3s ease,border-color .3s ease}body.homepage-hero-header-solid #header-group,body.homepage-hero-header-menu-open #header-group{background-color:#fff;box-shadow:0 1px #00000014}body.homepage-hero-header-solid #header-group,body.homepage-hero-header-solid #header-group .header,body.homepage-hero-header-solid #header-group .header__row,body.homepage-hero-header-solid #header-group .announcement-bar,body.homepage-hero-header-menu-open #header-group,body.homepage-hero-header-menu-open #header-group .header,body.homepage-hero-header-menu-open #header-group .header__row,body.homepage-hero-header-menu-open #header-group .announcement-bar{--color-background: #fff;--color-background-rgb: 255 255 255;--color-foreground: #000;--color-foreground-rgb: 0 0 0;--color-foreground-heading: #000;--color-border: rgb(0 0 0 / .08);--color-border-rgb: 0 0 0;--header-bg-color: #fff}body.homepage-hero-header-solid #header-group .section-background,body.homepage-hero-header-solid #header-group .header__row,body.homepage-hero-header-solid #header-group .announcement-bar,body.homepage-hero-header-menu-open #header-group .section-background,body.homepage-hero-header-menu-open #header-group .header__row,body.homepage-hero-header-menu-open #header-group .announcement-bar{background-color:#fff;border-color:#00000014;color:#000}@media screen and (min-width:750px){.homepage-hero__title{font-size:5rem}}@media screen and (min-width:1200px){.homepage-hero__title{font-size:6.5rem}}@media screen and (max-width:749px){.homepage-hero__content{padding:0 1.5rem 2.25rem}.homepage-hero__title{max-width:9ch;font-size:2.75rem}}@media(prefers-reduced-motion:reduce){body:has(.homepage-hero) #header-group,body:has(.homepage-hero) #header-group .section-background,body:has(.homepage-hero) #header-group .header__row,body:has(.homepage-hero) #header-group .announcement-bar{transition-duration:.01s}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/homepage-hero.css.map */