.bucks-about-hero{--about-background: var(--color-background);--about-foreground: var(--color-foreground);--about-line: color-mix(in srgb, var(--about-foreground) 30%, transparent);position:relative;min-height:max(720px,calc(100svh - var(--header-group-height, 0px)));overflow:clip;padding-block:0 clamp(30px,6vh,80px);background:var(--about-background);color:var(--about-foreground);font-family:var(--font-paragraph--family);font-style:var(--font-paragraph--style);font-weight:var(--font-paragraph--weight)}.bucks-about-hero *,.bucks-about-hero *:before,.bucks-about-hero *:after{box-sizing:border-box}.bucks-about-hero__shell{width:min(100%,1600px);margin-inline:auto;padding-inline:clamp(12px,1.4vw,24px)}.bucks-about-hero__display{margin:0;font-family:var(--font-heading--family);font-style:var(--font-heading--style);font-weight:var(--font-heading--weight);line-height:.82;letter-spacing:-.035em;text-transform:uppercase}.bucks-about-hero [data-about-reveal]{opacity:0;transform:translate3d(0,38px,0) rotate(1.5deg);transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .95s cubic-bezier(.16,1,.3,1)}.bucks-about-hero [data-about-reveal].is-in-view{opacity:1;transform:none}.bucks-about-hero__kicker{position:relative;z-index:4;padding-top:60px;margin:0 0 clamp(4px,1vw,14px);color:var(--about-background);font-family:var(--font-subheading--family);font-style:var(--font-subheading--style);font-size:clamp(1.1rem,2.3vw,2.6rem);font-weight:var(--font-subheading--weight);line-height:1;text-align:center;text-transform:uppercase;-webkit-text-stroke:1px var(--about-foreground)}.bucks-about-hero__title{position:relative;z-index:2;display:grid;font-size:clamp(5.3rem,15.5vw,15rem);text-align:center}.bucks-about-hero__line{display:block;width:100%;padding-block:clamp(2px,.6vw,10px);border-top:1px dashed var(--about-line)}.bucks-about-hero__line:last-child{border-bottom:1px dashed var(--about-line)}.bucks-about-hero__line--outline{color:transparent;-webkit-text-stroke:max(1px,.014em) var(--about-foreground);paint-order:stroke fill}.bucks-about-hero__char{display:inline-block;opacity:0;transform:translate3d(0,.7em,0) rotate(8deg);animation:bucks-about-hero-char-in .85s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(.12s + var(--char-index) * 28ms)}.bucks-about-hero__art{position:absolute;z-index:3;top:var(--art-top);left:var(--art-left);width:var(--art-width, 18vw);min-width:90px;max-width:430px;opacity:0;scale:.15;transform:rotate(var(--art-rotation, 0deg));transform-origin:center;animation:bucks-about-hero-art-emerge .8s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--art-delay, .26s);pointer-events:none;will-change:opacity,scale,transform}.bucks-about-hero__art img{display:block;width:100%;height:auto;animation:bucks-about-hero-float-up var(--art-speed, 4s) ease-in-out infinite;animation-delay:calc(var(--art-delay, .26s) + .8s);will-change:translate}.bucks-about-hero__art--down img{animation-name:bucks-about-hero-float-down}@keyframes bucks-about-hero-char-in{to{opacity:1;transform:none}}@keyframes bucks-about-hero-art-emerge{to{opacity:1;scale:1}}@keyframes bucks-about-hero-float-up{0%,to{translate:0 0}50%{translate:0 -22px}}@keyframes bucks-about-hero-float-down{0%,to{translate:0 0}50%{translate:0 22px}}@media screen and (max-width:749px){.bucks-about-hero{min-height:0;padding-block:0}.bucks-about-hero__shell{padding-inline:8px}.bucks-about-hero__kicker{max-width:26ch;margin-inline:auto;font-size:clamp(.9rem,4.2vw,1.2rem);line-height:1.05}.bucks-about-hero__title{margin-top:10px;font-size:clamp(4.2rem,23vw,7rem);line-height:.86}.bucks-about-hero__art{top:var(--art-top-mobile, var(--art-top));left:var(--art-left-mobile, var(--art-left));width:var(--art-width-mobile, 30vw)}}@media(prefers-reduced-motion:reduce){.bucks-about-hero *,.bucks-about-hero *:before,.bucks-about-hero *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.bucks-about-hero [data-about-reveal],.bucks-about-hero__char{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/bucks-about-hero.css.map */