.gr-color-hero{position:relative;display:grid;min-height:min(88rem,calc(100svh - 7rem));isolation:isolate;overflow:hidden}.gr-color-hero *,.gr-color-hero *:before,.gr-color-hero *:after{box-sizing:border-box}.gr-color-hero__media,.gr-color-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0}.gr-color-hero__media img{width:100%;height:100%;object-fit:cover;object-position:var(--gr-hero-focus)}.gr-color-hero__scrim{z-index:1;background:linear-gradient(90deg,rgb(0 0 0 / var(--gr-hero-overlay)) 0%,rgb(0 0 0 / calc(var(--gr-hero-overlay) * .55)) 52%,transparent 100%),linear-gradient(0deg,rgb(0 0 0 / 45%),transparent 48%)}.gr-color-hero__content{position:relative;z-index:2;align-self:end;width:min(calc(100% - 3rem),120rem);margin-inline:auto;padding-block:clamp(6rem,10vw,12rem)}.gr-color-hero__content-inner{max-width:88rem}.gr-color-hero__eyebrow{margin:0 0 1rem;color:var(--gr-hero-accent);font-size:1.2rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.gr-color-hero__title{margin:0;color:var(--gr-hero-title);font-size:clamp(4rem,7vw,9rem);font-weight:500;letter-spacing:-.04em;line-height:.9;text-transform:uppercase}.gr-color-hero__copy{max-width:66rem;margin-top:1.6rem;color:var(--gr-hero-copy);font-size:clamp(1.6rem,1.6vw,2.1rem);line-height:1.5}.gr-color-hero__copy>*{margin-block:0}.gr-color-hero__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.4rem}.gr-color-hero__button{display:inline-flex;min-height:4.8rem;align-items:center;justify-content:center;padding:1.2rem 2.2rem;border:.2rem solid;border-radius:0;font-weight:900;letter-spacing:.08em;line-height:1;text-decoration:none;text-transform:uppercase;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.gr-color-hero__button--primary{border-color:var(--gr-hero-primary-border);background:var(--gr-hero-primary-bg);color:var(--gr-hero-primary-text)}.gr-color-hero__button--secondary{border-color:var(--gr-hero-secondary-border);background:var(--gr-hero-secondary-bg);color:var(--gr-hero-secondary-text)}.gr-color-hero__button:hover{border-color:var(--gr-hero-hover-bg);background:var(--gr-hero-hover-bg);color:var(--gr-hero-hover-text)}.gr-color-hero__button:focus-visible{outline:.2rem solid var(--gr-hero-title);outline-offset:.4rem}@media screen and (max-width:749px){.gr-color-hero__content{width:min(calc(100% - 2.4rem),120rem);padding-block:5rem}.gr-color-hero__actions{align-items:stretch;flex-direction:column}.gr-color-hero__button{width:100%}}@media(prefers-reduced-motion:reduce){.gr-color-hero__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/gr-album-hero.css.map */