.brand-hero{--bh-black: #141414;--bh-gold: #c8962e;--bh-cream: #f2ede6;--bh-min-height: 90svh;--bh-ease-out: cubic-bezier(.16, 1, .3, 1);--bh-reveal-duration: 1s;--bh-reveal-rise: 34px;--bh-kenburns-duration: 7s;--bh-glow-opacity: .9;--bh-float-duration: 6s}.brand-hero__container{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:var(--bh-min-height);background:var(--bh-black);color:var(--bh-cream)}.brand-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.brand-hero__bg{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.brand-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1414148c,#1414144d 45%,#14141499)}.brand-hero__glow{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;mix-blend-mode:screen;opacity:var(--bh-glow-opacity);pointer-events:none}.brand-hero__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:20px;max-width:720px;margin-inline:auto;padding-inline:24px;text-align:center}.brand-hero__mark--primary{width:clamp(240px,60vw,840px);max-height:70svh;height:auto;object-fit:contain;will-change:transform;filter:drop-shadow(0 18px 50px rgb(0 0 0 / .55)) drop-shadow(0 0 60px rgb(200 150 46 / .22))}.brand-hero__heading{margin:0;color:var(--bh-cream);font-size:clamp(1.75rem,4vw,3rem);line-height:1.1}.brand-hero__subheading{margin:0;max-width:46ch;color:var(--bh-cream);font-size:clamp(1rem,1.5vw,1.25rem)}.brand-hero__button{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;color:var(--bh-black);background:var(--bh-gold);border-radius:999px;text-decoration:none;font-weight:600}.brand-hero__button:hover{background:var(--bh-cream)}.brand-hero__button:focus-visible{outline:2px solid var(--bh-gold);outline-offset:3px}.brand-hero__seal{position:absolute;z-index:1;right:clamp(16px,4vw,40px);bottom:clamp(16px,4vw,40px);width:clamp(100px,27vw,384px);pointer-events:none}.brand-hero__seal-image{display:block;width:100%;height:auto;border-radius:8px}.brand-hero[data-bh-init] .brand-hero__mark--primary{transition:opacity var(--bh-reveal-duration) var(--bh-ease-out) .05s,transform var(--bh-reveal-duration) var(--bh-ease-out) .05s}.brand-hero[data-bh-init] :is(.brand-hero__heading,.brand-hero__subheading,.brand-hero__button){transition:opacity var(--bh-reveal-duration) var(--bh-ease-out),transform var(--bh-reveal-duration) var(--bh-ease-out)}.brand-hero[data-bh-init] .brand-hero__heading{transition-delay:.22s}.brand-hero[data-bh-init] .brand-hero__subheading{transition-delay:.32s}.brand-hero[data-bh-init] .brand-hero__button{transition-delay:.42s}.brand-hero[data-bh-init] .brand-hero__seal{transition:opacity .9s var(--bh-ease-out) .5s,transform .9s var(--bh-ease-out) .5s}.brand-hero[data-bh-init]:not(.is-live) .brand-hero__mark--primary{opacity:0;transform:translateY(var(--bh-reveal-rise)) scale(.93)}.brand-hero[data-bh-init]:not(.is-live) :is(.brand-hero__heading,.brand-hero__subheading,.brand-hero__button){opacity:0;transform:translateY(22px)}.brand-hero[data-bh-init]:not(.is-live) .brand-hero__seal{opacity:0;transform:translate(18px,18px) rotate(2deg)}.brand-hero[data-bh-init].is-live .brand-hero__bg{animation:bh-kenburns var(--bh-kenburns-duration) var(--bh-ease-out) both}@keyframes bh-kenburns{0%{transform:scale(1.1)}to{transform:scale(1)}}.brand-hero[data-bh-init].is-live .brand-hero__seal{animation:bh-float var(--bh-float-duration) ease-in-out 1.6s infinite alternate}@keyframes bh-float{0%{transform:translateY(0)}to{transform:translateY(-9px)}}@media screen and (max-width:749px){.brand-hero__content{gap:14px}}@media(prefers-reduced-motion:reduce){.brand-hero[data-bh-init] .brand-hero__mark--primary,.brand-hero[data-bh-init] :is(.brand-hero__heading,.brand-hero__subheading,.brand-hero__button),.brand-hero[data-bh-init] .brand-hero__seal{transition:none;opacity:1;transform:none}.brand-hero[data-bh-init].is-live .brand-hero__bg,.brand-hero[data-bh-init].is-live .brand-hero__seal{animation:none}.brand-hero__glow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/brand-hero.css.map */