.bigboy-hero{display:block;color:rgb(var(--color-foreground));padding-top:calc(var(--bb-hero-padding-top) * .75);padding-bottom:calc(var(--bb-hero-padding-bottom) * .75)}.bigboy-hero .bigboy-hero__grid{display:grid;grid-template-areas:"media" "content";gap:2.8rem;max-width:144rem}.bigboy-hero__media{grid-area:media;position:relative;min-width:0;width:100%;aspect-ratio:9 / 16;height:min(var(--bb-hero-mobile-height),clamp(340px,52vh,480px));height:min(var(--bb-hero-mobile-height),clamp(340px,52svh,480px));overflow:hidden;isolation:isolate;border-radius:2rem;background:rgba(var(--color-foreground),.06)}.bigboy-hero__poster,.bigboy-hero__image,.bigboy-hero__video,.bigboy-hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.bigboy-hero__image,.bigboy-hero__video{object-fit:cover}.bigboy-hero__image{object-position:var(--bb-hero-image-position)}.bigboy-hero__video{object-position:center;opacity:0;pointer-events:none}.bigboy-hero__media--ready .bigboy-hero__video{opacity:1}.bigboy-hero__placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem;text-align:center}.bigboy-hero__placeholder span{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(4rem,6vw,8rem);line-height:.95}.bigboy-hero__placeholder p{max-width:28rem;font-size:1.6rem}.bigboy-hero__content{grid-area:content;min-width:0;align-self:center;padding:0 .5rem 1.6rem}.bigboy-hero__heading{margin:0;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(2.8rem,8.7vw,6rem);line-height:1.03;letter-spacing:-.045em;overflow-wrap:anywhere;text-wrap:balance}.bigboy-hero__subheading{max-width:36ch;margin:2rem 0 0;font-size:clamp(1.8rem,2vw,2.2rem);line-height:1.5;letter-spacing:0;overflow-wrap:anywhere}.bigboy-hero__buttons{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:2.8rem}.bigboy-hero .bigboy-hero__button{flex:1 1 100%;min-width:0;min-height:5.2rem;padding:1.4rem 2rem;border:2px solid rgb(var(--color-button));border-radius:.6rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:1.4rem;font-weight:700;line-height:1.35;letter-spacing:.045em;text-align:center;text-decoration:none;white-space:normal;overflow-wrap:anywhere;transition:background-color .15s ease,color .15s ease}.bigboy-hero .bigboy-hero__button:before,.bigboy-hero .bigboy-hero__button:after{content:none}.bigboy-hero .bigboy-hero__button--secondary{background:transparent;border-color:rgb(var(--color-button-text))}.bigboy-hero .bigboy-hero__button[href]:hover{text-decoration:underline;text-underline-offset:.2em}.bigboy-hero .bigboy-hero__button[aria-disabled=true]{opacity:1;cursor:not-allowed;border-style:dashed}.bigboy-hero__support{margin:2.4rem 0 0;padding-top:1.8rem;border-top:1px solid rgba(var(--color-foreground),.2);font-size:1.2rem;font-weight:700;line-height:1.7;letter-spacing:.07em;overflow-wrap:anywhere}.bigboy-hero__motion{position:absolute;z-index:1;right:1.6rem;bottom:1.6rem;min-width:10.5rem;min-height:4.4rem;padding:1rem 1.6rem;border:2px solid rgb(var(--color-foreground));border-radius:3rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:1.4rem;line-height:1.3;cursor:pointer}.bigboy-hero [hidden]{display:none!important}.bigboy-hero__motion:hover{text-decoration:underline;text-underline-offset:.2em}@media screen and (max-width:749px){.bigboy-hero__motion{right:1rem;bottom:1rem;min-width:8.8rem;min-height:4.4rem;padding:.8rem 1.2rem;border-width:1px;font-size:1.2rem}}.bigboy-hero .bigboy-hero__button:focus-visible,.bigboy-hero__motion:focus-visible{outline:3px solid rgb(var(--color-foreground));outline-offset:4px;box-shadow:0 0 0 4px rgb(var(--color-background))}@media screen and (min-width:750px){.bigboy-hero{padding-top:var(--bb-hero-padding-top);padding-bottom:var(--bb-hero-padding-bottom)}.bigboy-hero .bigboy-hero__grid{grid-template-areas:"content media";grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2.4rem,4vw,6.4rem)}.bigboy-hero__media{aspect-ratio:auto;height:auto;min-height:var(--bb-hero-desktop-height);max-height:none;border-radius:2.8rem}.bigboy-hero__content{padding:3.2rem 0}.bigboy-hero__heading{font-size:clamp(2.6rem,3.6vw,5.6rem)}.bigboy-hero .bigboy-hero__button{flex:1 1 18rem}}.bigboy-hero--image .bigboy-hero__grid{position:relative;grid-template-areas:"stack";grid-template-columns:minmax(0,1fr);gap:0}.bigboy-hero--image .bigboy-hero__media,.bigboy-hero--image .bigboy-hero__content{grid-area:stack}.bigboy-hero--image .bigboy-hero__media{aspect-ratio:auto;height:min(var(--bb-hero-mobile-height),clamp(420px,58vh,480px));height:min(var(--bb-hero-mobile-height),clamp(420px,58svh,480px));min-height:0;max-height:none}.bigboy-hero--image .bigboy-hero__poster{z-index:0}.bigboy-hero--image-motion-subtle .bigboy-hero__image{transform-origin:var(--bb-hero-image-position);animation:bigboy-hero-image-motion-subtle 16s ease-in-out infinite alternate;will-change:transform}.bigboy-hero--image-motion-medium .bigboy-hero__image{transform-origin:var(--bb-hero-image-position);animation:bigboy-hero-image-motion-medium 16s ease-in-out infinite alternate;will-change:transform}@keyframes bigboy-hero-image-motion-subtle{0%{transform:translate3d(-.2%,-.12%,0) scale(1.02)}to{transform:translate3d(.2%,.12%,0) scale(1.08)}}@keyframes bigboy-hero-image-motion-medium{0%{transform:translate3d(-.45%,-.3%,0) scale(1.03)}to{transform:translate3d(.45%,.3%,0) scale(1.11)}}.bigboy-hero--image .bigboy-hero__media:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(var(--color-background),var(--bb-hero-image-overlay-opacity)),rgba(var(--color-background),calc(var(--bb-hero-image-overlay-opacity) * .96)) 58%,rgba(var(--color-background),calc(var(--bb-hero-image-overlay-opacity) * .5)) 82%,rgba(var(--color-background),0));pointer-events:none}.bigboy-hero--image-position-top-left .bigboy-hero__media:after,.bigboy-hero--image-position-top-center .bigboy-hero__media:after,.bigboy-hero--image-position-top-right .bigboy-hero__media:after{background:linear-gradient(to bottom,rgba(var(--color-background),var(--bb-hero-image-overlay-opacity)),rgba(var(--color-background),calc(var(--bb-hero-image-overlay-opacity) * .96)) 58%,rgba(var(--color-background),calc(var(--bb-hero-image-overlay-opacity) * .5)) 82%,rgba(var(--color-background),0))}.bigboy-hero--image-position-middle-left .bigboy-hero__media:after,.bigboy-hero--image-position-middle-center .bigboy-hero__media:after,.bigboy-hero--image-position-middle-right .bigboy-hero__media:after{background:radial-gradient(ellipse 110% 80% at center,rgba(var(--color-background),var(--bb-hero-image-overlay-opacity)),rgba(var(--color-background),calc(var(--bb-hero-image-overlay-opacity) * .82)) 48%,rgba(var(--color-background),0))}.bigboy-hero--image .bigboy-hero__content{position:relative;z-index:2;width:min(100%,64rem);padding:clamp(2rem,6vw,3.2rem)}.bigboy-hero--image-position-top-left .bigboy-hero__content{align-self:start;justify-self:start}.bigboy-hero--image-position-top-center .bigboy-hero__content{align-self:start;justify-self:center}.bigboy-hero--image-position-top-right .bigboy-hero__content{align-self:start;justify-self:end}.bigboy-hero--image-position-middle-left .bigboy-hero__content{align-self:center;justify-self:start}.bigboy-hero--image-position-middle-center .bigboy-hero__content{align-self:center;justify-self:center}.bigboy-hero--image-position-middle-right .bigboy-hero__content{align-self:center;justify-self:end}.bigboy-hero--image-position-bottom-left .bigboy-hero__content{align-self:end;justify-self:start}.bigboy-hero--image-position-bottom-center .bigboy-hero__content{align-self:end;justify-self:center}.bigboy-hero--image-position-bottom-right .bigboy-hero__content{align-self:end;justify-self:end}.bigboy-hero--image-align-left .bigboy-hero__content{text-align:left}.bigboy-hero--image-align-center .bigboy-hero__content{text-align:center}.bigboy-hero--image-align-right .bigboy-hero__content{text-align:right}@media screen and (max-width:749px){.bigboy-hero--image .bigboy-hero__content{padding:clamp(1.8rem,5vw,2.4rem)}.bigboy-hero--image .bigboy-hero__heading{font-size:clamp(2.6rem,7.6vw,3.2rem);line-height:1}.bigboy-hero--image .bigboy-hero__subheading{margin-top:1.2rem;font-size:1.6rem;line-height:1.35}.bigboy-hero--image .bigboy-hero__buttons{gap:.8rem;margin-top:1.6rem}.bigboy-hero--image .bigboy-hero__button{min-height:4.8rem;padding:1.1rem 1.4rem;font-size:1.3rem}.bigboy-hero--image .bigboy-hero__support{margin-top:1.4rem;padding-top:1rem;font-size:1.2rem;font-weight:600;line-height:1.5;letter-spacing:.045em}}@media screen and (min-width:750px){.bigboy-hero--image .bigboy-hero__media{height:min(var(--bb-hero-desktop-height),clamp(470px,56vh,540px));height:min(var(--bb-hero-desktop-height),clamp(470px,56svh,540px))}.bigboy-hero--image .bigboy-hero__content{padding:clamp(3.2rem,4vw,5.6rem)}.bigboy-hero--image-position-top-left .bigboy-hero__media:after,.bigboy-hero--image-position-middle-left .bigboy-hero__media:after,.bigboy-hero--image-position-bottom-left .bigboy-hero__media:after{background:linear-gradient(to right,rgba(var(--color-background),var(--bb-hero-image-overlay-opacity)),rgba(var(--color-background),calc(var(--bb-hero-image-overlay-opacity) * .96)) 34%,rgba(var(--color-background),calc(var(--bb-hero-image-overlay-opacity) * .55)),rgba(var(--color-background),0) 82%)}.bigboy-hero--image-position-top-right .bigboy-hero__media:after,.bigboy-hero--image-position-middle-right .bigboy-hero__media:after,.bigboy-hero--image-position-bottom-right .bigboy-hero__media:after{background:linear-gradient(to left,rgba(var(--color-background),var(--bb-hero-image-overlay-opacity)),rgba(var(--color-background),calc(var(--bb-hero-image-overlay-opacity) * .96)) 34%,rgba(var(--color-background),calc(var(--bb-hero-image-overlay-opacity) * .55)),rgba(var(--color-background),0) 82%)}.bigboy-hero--image-position-top-center .bigboy-hero__media:after,.bigboy-hero--image-position-middle-center .bigboy-hero__media:after,.bigboy-hero--image-position-bottom-center .bigboy-hero__media:after{background:radial-gradient(ellipse 62% 110% at center,rgba(var(--color-background),var(--bb-hero-image-overlay-opacity)),rgba(var(--color-background),calc(var(--bb-hero-image-overlay-opacity) * .8)) 48%,rgba(var(--color-background),0))}}@media(prefers-reduced-motion:reduce){.bigboy-hero--image-motion .bigboy-hero__image{animation:none;transform:none;will-change:auto}.bigboy-hero .bigboy-hero__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-bigboy-hero.css.map */