.storefront-hero{--hero-bottom-safe-area:calc(148px + env(safe-area-inset-bottom,0px));--hero-social-size:36px;--hero-base-color:#050505;--hero-scrim-rgb:5, 5, 5;--hero-text-color:#fff;--hero-primary-text-color:var(--hero-text-color);--hero-secondary-text-color:var(--hero-text-color);--hero-text-shadow:none;--hero-social-color:#fff;--hero-social-background:#ffffff2e;--hero-social-background-hover:#ffffff42;--hero-social-border:#ffffff57;--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));z-index:1;background:var(--hero-base-color);height:100%;min-height:100%;color:var(--hero-text-color);isolation:isolate;position:relative;overflow:visible}.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 .designer-mobile-hero-photo.storefront-hero-photo{--image-position:50% center;--image-offset-x:0px;--image-offset-y:0%;--resolved-image-offset-y:var(--image-offset-y-mobile,var(--image-offset-y,0%));--image-scale:1.08;--resolved-image-scale:var(--image-scale-mobile,var(--image-scale,1.08))}@media (width>=640px){.storefront-hero .designer-mobile-hero-photo.storefront-hero-photo{--resolved-image-offset-y:var(--image-offset-y-desktop,var(--image-offset-y,0%));--resolved-image-scale:var(--image-scale-desktop,var(--image-scale,1.08))}}.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;transition:opacity .16s;display:flex}.storefront-hero .storefront-hero-identity:hover{opacity:.84}.storefront-hero .storefront-hero-name{width:100%;min-width:0;max-width:100%;color:var(--hero-primary-text-color,var(--hero-text-color));overflow-wrap:anywhere;text-align:center;text-shadow:none;justify-content:center;align-items:center;gap:6px;font-size:22px;font-weight:800;line-height:1.08;display:inline-flex}.storefront-hero .storefront-hero-name>span:first-child{overflow-wrap:anywhere;min-width:0;max-width:100%}.storefront-hero .storefront-hero-handle{max-width:100%;color:var(--hero-secondary-text-color,var(--hero-text-color));text-shadow:none;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden}.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-bio{overflow-wrap:anywhere;text-align:center;width:100%;max-width:min(100%,352px);min-height:calc(1.38em + 2px);text-shadow:none;white-space:pre-line;margin:5px auto;padding:0 8px 2px;font-size:13px;font-weight:600;line-height:1.35;display:block;color:var(--hero-secondary-text-color,var(--hero-text-color))!important;opacity:1!important}.storefront-hero .storefront-hero-links{gap:12px;padding:0}.storefront-hero .storefront-hero-link-button{background-clip:padding-box}.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;background-origin:border-box;background-clip:border-box;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=white],.storefront-hero .storefront-hero-social-button.storefront-hero-social-button[data-social-icon-style=white]:hover{color:#fff!important;background:#111!important}.storefront-hero .storefront-hero-social-button.storefront-hero-social-button[data-social-icon-style=brand],.storefront-hero .storefront-hero-social-button.storefront-hero-social-button[data-social-icon-style=brand]:hover{color:#fff!important;background:var(--social-icon-background,#111)!important;background-origin:border-box!important;background-clip:border-box!important}.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,.storefront-hero .storefront-hero-social-button.storefront-hero-social-button[data-social-icon-style=color],.storefront-hero .storefront-hero-social-button.storefront-hero-social-button[data-social-icon-style=color]:hover{box-shadow:none!important;background:0 0!important;border-color:#0000!important;overflow:visible!important}.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:#1c1433!important}.storefront-hero .storefront-hero-social-button.storefront-hero-social-button[data-social-icon-style=black] i,.storefront-hero .storefront-hero-social-button.storefront-hero-social-button[data-social-icon-style=color] i{font-size:calc(var(--hero-social-size,36px) * .72)}