.c-pro-staff-profile-hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-block:calc(var(--c-nav-height) + var(--2xl-spacing)) var(--3xl-spacing);padding-inline:var(--md-gutter);overflow:hidden;text-align:center;color:var(--color-white);--u-scroll-cue-bottom: var(--3xl-spacing);background-color:var(--color-primary);background-image:linear-gradient(to bottom,color-mix(in srgb,var(--c-pp-hero-overlay, var(--color-shadow)) min(100%,var(--c-pp-hero-overlay-opacity, 50%) + 35%),transparent),color-mix(in srgb,var(--c-pp-hero-overlay, var(--color-shadow)) var(--c-pp-hero-overlay-opacity, 50%),transparent),color-mix(in srgb,var(--c-pp-hero-overlay, var(--color-shadow)) min(100%,var(--c-pp-hero-overlay-opacity, 50%) + 50%),transparent)),var(--c-pp-hero-bg-image, none);background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}.c-pro-staff-profile-hero__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--lg-spacing);max-width:56rem}.c-pro-staff-profile-hero__portrait{position:relative;width:clamp(12rem,24vw,17rem);height:clamp(12rem,24vw,17rem);margin-bottom:var(--md-spacing)}.c-pro-staff-profile-hero__portrait:before,.c-pro-staff-profile-hero__portrait:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--lg-border-radius);opacity:.85}.c-pro-staff-profile-hero__portrait:before{background:var(--color-accent);transform:rotate(3deg);animation:c-pp-hero-sway-a 6s ease-in-out infinite alternate}.c-pro-staff-profile-hero__portrait:after{background:var(--color-primary);transform:rotate(-3deg);animation:c-pp-hero-sway-b 11s ease-in-out infinite alternate}@keyframes c-pp-hero-sway-a{to{transform:rotate(9deg)}}@keyframes c-pp-hero-sway-b{to{transform:rotate(-9deg)}}.c-pro-staff-profile-hero__portrait-img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;border:.125rem solid var(--color-white);border-radius:var(--lg-border-radius);box-shadow:0 1.25rem 2.5rem color-mix(in srgb,var(--color-shadow) 45%,transparent)}.c-pro-staff-profile-hero__name{margin:0;font-family:var(--font-heading);font-weight:var(--bold-font-weight);font-size:clamp(var(--3xl-font-size),6vw,var(--5xl-font-size));line-height:1.05;text-transform:uppercase;letter-spacing:-.01em;text-shadow:0 .125rem 1rem color-mix(in srgb,var(--color-shadow) 50%,transparent)}.c-pro-staff-profile-hero__eyebrow{display:flex;align-items:center;justify-content:center;gap:var(--sm-spacing);margin:0;font-family:var(--font-body);font-weight:var(--bold-font-weight);font-size:var(--sm-font-size);letter-spacing:.3em;text-transform:uppercase;color:var(--color-accent)}.c-pro-staff-profile-hero__eyebrow:before,.c-pro-staff-profile-hero__eyebrow:after{content:"";width:2rem;height:.125rem;background:var(--color-accent)}.c-pro-staff-profile-hero__bio{max-width:42rem;font-family:var(--font-body);font-weight:var(--regular-font-weight);font-size:var(--md-font-size);line-height:1.6;color:color-mix(in srgb,var(--color-white) 92%,transparent);text-shadow:0 .0625rem .5rem color-mix(in srgb,var(--color-shadow) 40%,transparent)}.c-pro-staff-profile-hero__bio p{margin:0}.c-pro-staff-profile-hero__bio p+p{margin-top:var(--sm-spacing)}.c-pro-staff-profile-hero__social{display:flex;align-items:center;justify-content:center;gap:var(--md-spacing);margin-top:var(--sm-spacing)}.c-pro-staff-profile-hero__social-link{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--pill-border-radius);background:var(--color-white);color:var(--color-primary);box-shadow:0 .5rem 1rem color-mix(in srgb,var(--color-shadow) 30%,transparent);transition:background-color .2s ease,color .2s ease,transform .2s ease}.c-pro-staff-profile-hero__social-link svg{width:1.25rem;height:1.25rem}.c-pro-staff-profile-hero__social-link:hover,.c-pro-staff-profile-hero__social-link:focus-visible{background:var(--color-accent);color:var(--color-primary);transform:scale(1.1)}.c-pro-staff-profile-hero__portrait{animation:u-animation-pop-in 1.1s ease-in-out forwards}.c-pro-staff-profile-hero__name{animation:u-animation-slide-in-left 1.1s ease-in-out .2s forwards}.c-pro-staff-profile-hero__eyebrow{animation:u-animation-slide-in-left 1.1s ease-in-out .4s forwards}.c-pro-staff-profile-hero__bio{animation:u-animation-slide-in-left 1.1s ease-in-out .6s forwards}.c-pro-staff-profile-hero__social{animation:u-animation-slide-in-left 1.1s ease-in-out .8s forwards}@media(min-width:900px){.c-pro-staff-profile-hero{padding-block:calc(var(--c-nav-height) + var(--3xl-spacing)) var(--4xl-spacing);background-attachment:fixed}}@media(prefers-reduced-motion:reduce){.c-pro-staff-profile-hero{background-attachment:scroll}.c-pro-staff-profile-hero__portrait,.c-pro-staff-profile-hero__name,.c-pro-staff-profile-hero__eyebrow,.c-pro-staff-profile-hero__bio,.c-pro-staff-profile-hero__social{animation:none}.c-pro-staff-profile-hero__social-link:hover,.c-pro-staff-profile-hero__social-link:focus-visible{transform:none}.c-pro-staff-profile-hero__portrait:before,.c-pro-staff-profile-hero__portrait:after{animation:none}}@media(min-width:1600px){.c-pro-staff-profile-hero{padding-inline:var(--xl-gutter)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-pro-staff-profile-hero.css.map */