.storefront-hero{--storefront-hero-photo-end:79%;--storefront-hero-readability-start:28%;--storefront-hero-fade-start:61%;--storefront-hero-frame-height:100%;--storefront-hero-content-offset-y:var(--designer-profile-content-offset-y,var(--profile-content-offset-y,15px));isolation:isolate}.storefront-hero .storefront-hero-visual-frame{z-index:0;height:var(--storefront-hero-frame-height);display:block;position:absolute;top:0;left:0;right:0}.storefront-hero .storefront-hero-photo-layer{z-index:0;width:100%;height:var(--storefront-hero-photo-end);background:var(--hero-base-color,#050505);display:block;position:absolute;top:0;left:0;right:0;overflow:hidden}.storefront-hero .storefront-hero-photo{--storefront-hero-image-position:var(--image-position,var(--hero-image-position,50% 44%));--storefront-hero-image-offset-x:var(--image-offset-x,0px);--storefront-hero-image-offset-y:var(--resolved-image-offset-y,var(--image-offset-y,var(--hero-image-offset-y,0%)));--storefront-hero-image-scale:var(--resolved-image-scale,var(--image-scale,var(--hero-image-scale,1)));-o-object-fit:cover;object-fit:cover;-o-object-position:var(--storefront-hero-image-position);object-position:var(--storefront-hero-image-position);pointer-events:none;width:100%;max-width:none;height:100%;transform:translate(var(--storefront-hero-image-offset-x), var(--storefront-hero-image-offset-y)) scale(var(--storefront-hero-image-scale));transform-origin:var(--storefront-hero-image-position);position:absolute;inset:0}.storefront-hero .storefront-hero-readability-layer,.storefront-hero .storefront-hero-bottom-fade{pointer-events:none;display:block;position:absolute;bottom:0;left:0;right:0}.storefront-hero .storefront-hero-readability-layer{top:var(--storefront-hero-readability-start);z-index:1;background:linear-gradient(to bottom, rgba(var(--hero-scrim-rgb), 0) 0%, rgba(var(--hero-scrim-rgb), .04) 6%, rgba(var(--hero-scrim-rgb), .12) 13%, rgba(var(--hero-scrim-rgb), .26) 22%, rgba(var(--hero-scrim-rgb), .42) 34%, rgba(var(--hero-scrim-rgb), .58) 43%, rgba(var(--hero-scrim-rgb), .69) 53%, rgba(var(--hero-scrim-rgb), .78) 65%, rgba(var(--hero-scrim-rgb), .86) 92%, var(--hero-base-color) 100%);-webkit-backdrop-filter:blur(34px);backdrop-filter:blur(34px);-webkit-mask-image:linear-gradient(#0000 0%,#0000000a 6%,#00000024 13%,#0000006b 22%,#000000a3 34%,#000000d6 43%,#000000ed 53%,#000000fa 65%,#000 100%);mask-image:linear-gradient(#0000 0%,#0000000a 6%,#00000024 13%,#0000006b 22%,#000000a3 34%,#000000d6 43%,#000000ed 53%,#000000fa 65%,#000 100%)}.storefront-hero .storefront-hero-bottom-fade{top:var(--storefront-hero-fade-start);z-index:1;background:linear-gradient(to bottom, rgba(var(--hero-scrim-rgb), 0) 0%, rgba(var(--hero-scrim-rgb), .08) 18%, rgba(var(--hero-scrim-rgb), .24) 36%, rgba(var(--hero-scrim-rgb), .48) 58%, rgba(var(--hero-scrim-rgb), .74) 80%, var(--hero-base-color) 100%)}.storefront-hero .storefront-hero-profile-stack{top:calc(var(--storefront-hero-frame-height) / 2 - 43px + var(--storefront-hero-content-offset-y));z-index:3;isolation:isolate;flex-direction:column;align-items:center;gap:13px;max-width:calc(100% - 48px);display:flex;position:absolute;left:24px;right:24px;transform:translateY(-100%)translateZ(0)}.storefront-hero .storefront-hero-profile-stack--with-socials{top:calc(var(--storefront-hero-frame-height) / 2 - 43px + var(--hero-social-size,36px) + 19px + var(--storefront-hero-content-offset-y))}.storefront-hero .storefront-hero-identity{width:100%;max-width:100%;color:var(--hero-primary-text-color,var(--hero-text-color));text-shadow:var(--hero-text-shadow,none);flex-direction:column;align-items:center;gap:10px;display:flex}.storefront-hero .storefront-hero-details{z-index:3;isolation:isolate;flex-direction:column;gap:16px;width:100%;display:flex}.storefront-hero .storefront-hero-details--overlay{top:calc(var(--storefront-hero-frame-height) / 2 + 8px + var(--storefront-hero-social-bio-gap,0px) + var(--storefront-hero-content-offset-y));padding:0 24px calc(var(--hero-bottom-safe-area,148px) + 16px);position:absolute;left:0;right:0;overflow:visible;transform:translateZ(0)}.storefront-hero .storefront-hero-details--flow{padding-top:calc(var(--storefront-hero-frame-height) / 2 + 8px + var(--storefront-hero-content-offset-y));pointer-events:none;position:relative}.storefront-hero .storefront-hero-details--flow>*{pointer-events:auto}.storefront-hero .storefront-hero-details--with-socials{--storefront-hero-social-bio-gap:10px}.storefront-hero .storefront-hero-details--flow.storefront-hero-details--with-socials{padding-top:calc(var(--storefront-hero-frame-height) / 2 + 18px + var(--storefront-hero-content-offset-y))}.storefront-hero .storefront-hero-socials{-ms-overflow-style:none;scrollbar-width:none;flex-wrap:nowrap;justify-content:safe center;gap:10px;width:100%;min-width:0;max-width:100%;margin:0;padding:2px 2px 4px;display:flex;overflow:auto hidden}.storefront-hero .storefront-hero-socials::-webkit-scrollbar{display:none}.storefront-hero .storefront-hero-social-button.storefront-hero-social-button{width:var(--hero-social-size,36px);height:var(--hero-social-size,36px);color:var(--hero-social-color,var(--hero-text-color));border:1px solid var(--hero-social-border,color-mix(in srgb, var(--hero-text-color) 54%, transparent));background:var(--social-icon-background,var(--hero-social-background,color-mix(in srgb, var(--hero-base-color) 88%, var(--hero-text-color) 12%)));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:999px;flex:none;justify-content:center;align-items:center;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.storefront-hero .storefront-hero-social-button.storefront-hero-social-button:hover{color:var(--hero-social-color,var(--hero-text-color));border-color:var(--hero-social-border,color-mix(in srgb, var(--hero-text-color) 72%, transparent));background:var(--social-icon-background,var(--hero-social-background-hover,color-mix(in srgb, var(--hero-base-color) 78%, var(--hero-text-color) 22%)));transform:translateY(-1px)}.storefront-hero .storefront-hero-social-button.storefront-hero-social-button[data-social-icon-style=black],.storefront-hero .storefront-hero-social-button.storefront-hero-social-button[data-social-icon-style=black]:hover{color:#111!important;background:#fff!important}.storefront-hero .storefront-hero-social-button.storefront-hero-social-button[data-social-icon-style=white],.storefront-hero .storefront-hero-social-button.storefront-hero-social-button[data-social-icon-style=white]:hover{color:#fff!important;background:#111!important}