.look-hero{position:relative;min-height:var(--look-hero-height-mobile);overflow:hidden;background:rgb(var(--color-background));color:var(--look-hero-text-color)}.look-hero__media,.look-hero__media>div,.look-hero__media img,.look-hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.look-hero__media img{display:block;object-fit:cover;object-position:var(--look-hero-image-position)}.look-hero__placeholder{display:grid;place-items:center;background:rgb(var(--color-foreground));color:rgba(var(--color-background),.45)}.look-hero__placeholder svg{width:min(28rem,36vw);height:auto}.look-hero:after{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(180deg,#00000014,#0000000a 38%,rgba(0,0,0,var(--look-hero-overlay-opacity)));pointer-events:none}.look-hero__content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:var(--look-hero-height-mobile);padding:calc(var(--header-height, 0px) + clamp(2rem,5vw,7rem)) var(--page-gutter) clamp(3.2rem,7vw,9rem);color:var(--look-hero-text-color)}.look-hero__eyebrow{margin:0 0 1.6rem;color:currentColor;font-family:var(--font-body-family);font-size:clamp(1.1rem,.85vw,1.5rem);font-weight:700;letter-spacing:.18em;line-height:1.2;text-transform:uppercase}.look-hero__heading{max-width:14ch;margin:0;color:currentColor;font-family:var(--font-heading-family);font-size:clamp(3.4rem,5.5vw,8rem);font-style:var(--font-heading-style);font-weight:700;letter-spacing:calc(var(--font-heading-letter-spacing) - .03em);line-height:.95;text-transform:uppercase}.look-hero__cta{display:inline-flex;align-items:center;gap:1.8rem;margin-top:clamp(2.8rem,4vw,5.2rem);padding-bottom:1.8rem;border-bottom:2px solid currentColor;color:currentColor;font-family:var(--font-body-family);font-size:clamp(1.1rem,.9vw,1.5rem);font-weight:700;letter-spacing:.14em;line-height:1;text-decoration:none;text-transform:uppercase;transition:gap .25s ease,opacity .25s ease}.look-hero__cta svg{width:1.8rem;height:1.8rem;fill:currentColor}@media(hover:hover){.look-hero__cta:hover{gap:2.6rem;opacity:.78}}@media screen and (min-width:750px){.look-hero,.look-hero__content{min-height:var(--look-hero-height-desktop)}.look-hero__content{padding-inline:clamp(3.2rem,6vw,12rem)}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/section-look-hero.css.map */