.brand-hero{position:relative;display:flex;overflow:hidden;isolation:isolate;background-color:rgb(var(--color-background));width:100%}.brand-hero--small{min-height:62vh;min-height:62svh}.brand-hero--medium{min-height:78vh;min-height:78svh}.brand-hero--large{min-height:90vh;min-height:90svh}.brand-hero--full{min-height:100vh;min-height:100svh}.brand-hero--overlay{margin-top:calc(-1 * var(--header-height, 0px))}.brand-hero--top{align-items:flex-start}.brand-hero--middle{align-items:center}.brand-hero--bottom{align-items:flex-end}@media screen and (max-width:749px){.brand-hero--small{min-height:62vh;min-height:62svh}.brand-hero--medium,.brand-hero--large,.brand-hero--full{min-height:72vh;min-height:72svh}}.brand-hero__media{position:absolute;top:-3%;right:-3%;bottom:-3%;left:-3%;z-index:-3;overflow:hidden;will-change:transform}.brand-hero__media img,.brand-hero__media .placeholder-svg,.brand-hero__media video{width:100%;height:100%;object-fit:cover;object-position:var(--hero-focal, center center);display:block;transform-origin:var(--hero-focal, center center)}.brand-hero__vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 120% 90% at 50% 42%,rgba(var(--hero-scrim-color),0) 38%,rgba(var(--hero-scrim-color),calc(var(--hero-vignette) * .55)) 78%,rgba(var(--hero-scrim-color),var(--hero-vignette)))}.brand-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:linear-gradient(to top,rgba(var(--hero-scrim-color),var(--hero-scrim-opacity)),rgba(var(--hero-scrim-color),calc(var(--hero-scrim-opacity) * .72)) 22%,rgba(var(--hero-scrim-color),calc(var(--hero-scrim-opacity) * .22)) 55%,rgba(var(--hero-scrim-color),0) 85%)}.brand-hero--middle .brand-hero__scrim,.brand-hero--top .brand-hero__scrim{background:radial-gradient(ellipse 60% 37% at 50% 50%,rgba(var(--hero-scrim-color),calc(var(--hero-scrim-opacity) * var(--hero-scrim-boost, 1))) 0% 46%,rgba(var(--hero-scrim-color),calc(var(--hero-scrim-opacity) * var(--hero-scrim-boost, 1) * .62)) 72%,rgba(var(--hero-scrim-color),calc(var(--hero-scrim-opacity) * var(--hero-scrim-boost, 1) * .16)))}@media screen and (max-width:749px){.brand-hero{--hero-scrim-boost: 1.08}.brand-hero--middle .brand-hero__scrim,.brand-hero--top .brand-hero__scrim{background:radial-gradient(ellipse 155% 42% at 50% 50%,rgba(var(--hero-scrim-color),calc(var(--hero-scrim-opacity) * var(--hero-scrim-boost, 1))) 0% 58%,rgba(var(--hero-scrim-color),calc(var(--hero-scrim-opacity) * var(--hero-scrim-boost, 1) * .55)) 80%,rgba(var(--hero-scrim-color),calc(var(--hero-scrim-opacity) * var(--hero-scrim-boost, 1) * .18)))}}.brand-hero .brand-hero__topscrim,.brand-hero .brand-hero__vignette,.brand-hero .brand-hero__scrim{display:block}.brand-hero__topscrim{position:absolute;top:0;left:0;right:0;height:12rem;z-index:-2;pointer-events:none;background:linear-gradient(to bottom,rgba(var(--hero-scrim-color),.46),rgba(var(--hero-scrim-color),.26) 46%,rgba(var(--hero-scrim-color),0));-webkit-backdrop-filter:blur(14px) saturate(.96) brightness(.42);backdrop-filter:blur(14px) saturate(.96) brightness(.42);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 52%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 52%,transparent 100%)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.brand-hero__topscrim{background:linear-gradient(to bottom,rgba(var(--hero-scrim-color),.72),rgba(var(--hero-scrim-color),.5) 46%,rgba(var(--hero-scrim-color),0))}}.brand-hero__embers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;display:block;width:100%;height:100%}.brand-hero__inner{position:relative;width:100%;z-index:1;padding-top:12rem;padding-bottom:9rem}.brand-hero--middle .brand-hero__inner{padding-top:10rem;padding-bottom:10rem}@media screen and (max-width:749px){.brand-hero__inner{padding-top:10rem;padding-bottom:7rem}}.brand-hero__content{display:flex;flex-direction:column;max-width:68rem}.brand-hero__content--center{max-width:106rem}.brand-hero__content--left{align-items:flex-start;text-align:left;margin-right:auto}.brand-hero__content--center{align-items:center;text-align:center;margin-inline:auto}.brand-hero__content--right{align-items:flex-end;text-align:right;margin-left:auto}.brand-hero__content>*{margin:0}.brand-hero__content>*+*{margin-top:2.2rem}.brand-hero__eyebrow{font-family:var(--font-body-family);font-size:1.35rem;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:rgba(var(--color-foreground),.92)}.brand-hero__heading{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(5rem,8vw,11rem);line-height:1;letter-spacing:-.025em;color:rgb(var(--color-foreground));text-wrap:balance}.brand-hero__heading em,.brand-hero__heading i{font-style:italic;font-weight:300}.brand-hero__text{font-family:var(--font-heading-family);font-size:clamp(1.9rem,1.7vw,2.25rem);font-weight:400;letter-spacing:.005em;line-height:1.55;max-width:46ch;color:rgb(var(--color-foreground))}.brand-hero__content--center .brand-hero__text{margin-inline:auto}.brand-hero__rule{width:7rem;height:1px;background-color:rgba(var(--color-foreground),.5);border:none;margin:0;transform-origin:left center}.brand-hero__content--center .brand-hero__rule{transform-origin:center}.brand-hero__content--right .brand-hero__rule{transform-origin:right center}.brand-hero__buttons{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:3.4rem}.brand-hero__cue{position:absolute;left:50%;bottom:3.4rem;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:1rem;text-decoration:none;color:rgba(var(--color-foreground),.7)}.brand-hero__cue-line{display:block;width:1px;height:4.6rem;background-color:rgba(var(--color-foreground),.45);transform-origin:top center}@media screen and (max-width:749px){.brand-hero__cue{display:none}}@media(prefers-reduced-motion:no-preference){.brand-hero--drift .brand-hero__media img{animation:brandHeroDrift 34s ease-in-out infinite alternate}@keyframes brandHeroDrift{0%{transform:scale(1.02)}to{transform:scale(1.09)}}.brand-hero__content>*{opacity:0;animation:brandHeroRise 1.2s var(--brand-ease, cubic-bezier(.22,.61,.36,1)) forwards;animation-delay:calc(.24s + var(--hero-order, 0) * .15s)}.brand-hero__heading{animation:brandHeroRise 1.2s var(--brand-ease, cubic-bezier(.22,.61,.36,1)) forwards,brandHeroSettle 2s var(--brand-ease, cubic-bezier(.22,.61,.36,1)) forwards;animation-delay:calc(.24s + var(--hero-order, 0) * .15s)}.brand-hero__rule{animation:brandHeroDraw 1.2s var(--brand-ease, cubic-bezier(.22,.61,.36,1)) forwards;animation-delay:calc(.24s + var(--hero-order, 0) * .15s)}@keyframes brandHeroRise{0%{opacity:0;transform:translateY(1.8rem)}to{opacity:1;transform:translateY(0)}}@keyframes brandHeroSettle{0%{letter-spacing:.06em}to{letter-spacing:-.025em}}@keyframes brandHeroDraw{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.brand-hero__cue-line{animation:brandHeroBreathe 3s var(--brand-ease, ease-in-out) infinite}@keyframes brandHeroBreathe{0%,to{transform:scaleY(.35);opacity:.3}50%{transform:scaleY(1);opacity:.85}}.brand-hero__cue{transition:opacity .3s ease}.brand-hero__cue:hover{opacity:.75}}.shopify-design-mode .brand-hero__content>*,.shopify-design-mode .brand-hero__heading,.shopify-design-mode .brand-hero__rule{animation:none;opacity:1;transform:none}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-brand-hero.css.map */
