@import"https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;500;600;700&display=swap";.shopify-section.beradi-hero-stack__motion{position:relative;z-index:1;isolation:isolate;min-height:100vh;min-height:100dvh}.shopify-section.beradi-hero-stack__collectible{position:relative;z-index:20;margin-top:-100vh;margin-top:-100dvh;min-height:100vh;min-height:100dvh;pointer-events:none;isolation:isolate}.shopify-section.beradi-hero-stack__collectible .collectible-hero__interactive{pointer-events:auto}.collectible-hero{--collectible-ease: cubic-bezier(.4, 0, .2, 1);--collectible-dur: .65s;--collectible-bg: #f4845f;position:relative;width:100%;min-height:100vh;min-height:100dvh;overflow:hidden;font-family:"Inter",var(--font-body-family),system-ui,sans-serif;color:#fff;background-color:color-mix(in srgb,var(--collectible-bg) var(--collectible-bg-opacity, 72%),transparent);transition:background-color var(--collectible-dur) var(--collectible-ease)}.collectible-hero__viewport{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;pointer-events:auto}.collectible-hero__grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");background-size:200px 200px;background-repeat:repeat}.collectible-hero__ghost{position:absolute;inset-inline:0;top:18%;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:"Anton",var(--font-heading-family),Impact,sans-serif;font-size:clamp(90px,28vw,380px);font-weight:900;line-height:1;letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;color:#fff;opacity:1}.collectible-hero__carousel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.collectible-hero__figure{position:absolute;left:50%;bottom:var(--fig-bottom, 22%);height:var(--fig-height, 60%);aspect-ratio:.6 / 1;margin:0;opacity:var(--fig-opacity, 1);z-index:0;filter:blur(var(--fig-blur, 0));transform:translate(calc(-50% + var(--fig-x, 0vw))) scale(var(--fig-scale, 1));will-change:transform,filter,opacity;transition:transform var(--collectible-dur) var(--collectible-ease),-webkit-transform var(--collectible-dur) var(--collectible-ease),filter var(--collectible-dur) var(--collectible-ease),opacity var(--collectible-dur) var(--collectible-ease),height var(--collectible-dur) var(--collectible-ease),bottom var(--collectible-dur) var(--collectible-ease)}.collectible-hero__figure--instant{transition:none!important}.collectible-hero__figure[data-role=hidden]{pointer-events:none}.collectible-hero__figure img{display:block;width:100%;height:100%;object-fit:contain;object-position:bottom center;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.collectible-hero__panel{position:absolute;bottom:1.5rem;left:1rem;z-index:60;max-width:32rem}.collectible-hero__panel-title{margin:0 0 .5rem;font-size:1rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#fff;opacity:.95}.collectible-hero__panel-copy{display:none;margin:0 0 1rem;font-size:.875rem;line-height:1.6;color:#fff;opacity:.85}.collectible-hero__nav{display:flex;gap:.75rem}.collectible-hero__nav-btn{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;border:2px solid #fff;border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.collectible-hero__nav-btn:hover{transform:scale(1.08);background:#ffffff1f}.collectible-hero__nav-btn svg{width:1.625rem;height:1.625rem;stroke-width:2.25}.collectible-hero__discover{position:absolute;right:1rem;bottom:1.5rem;z-index:60;display:inline-flex;align-items:center;gap:.5rem;font-family:"Anton",var(--font-heading-family),Impact,sans-serif;font-size:clamp(20px,4vw,56px);font-weight:400;line-height:1;letter-spacing:-.02em;text-transform:uppercase;text-decoration:none;color:#fff;opacity:.95;transition:opacity .2s ease}.collectible-hero__discover:hover{opacity:1}.collectible-hero__discover svg{width:1.25rem;height:1.25rem;stroke-width:2.25;flex-shrink:0}@media screen and (min-width:640px){.collectible-hero__panel{bottom:5rem;left:6rem}.collectible-hero__panel-title{margin-bottom:.75rem;font-size:1.375rem}.collectible-hero__panel-copy{display:block;margin-bottom:1.25rem;font-size:.875rem}.collectible-hero__nav-btn{width:4rem;height:4rem}.collectible-hero__discover{right:2.5rem;bottom:5rem}.collectible-hero__discover svg{width:2rem;height:2rem}}@media screen and (max-width:989px){.shopify-section.beradi-hero-stack__motion,.shopify-section.beradi-hero-stack__collectible{--beradi-hero-visible-h: calc( 100svh - var(--beradi-cod-banner-height, 3.8rem) - var(--header-height, 4.5rem) )}.shopify-section.beradi-hero-stack__motion{min-height:var(--beradi-hero-visible-h)}.shopify-section.beradi-hero-stack__motion>section[class*=beradi-cine-]{min-height:var(--beradi-hero-visible-h);height:var(--beradi-hero-visible-h)}.shopify-section.beradi-hero-stack__motion beradi-cinematic-hero,.shopify-section.beradi-hero-stack__motion .cine__video-layer{min-height:var(--beradi-hero-visible-h);height:var(--beradi-hero-visible-h)}.shopify-section.section.beradi-hero-stack__collectible{min-height:var(--beradi-hero-visible-h);margin-top:calc(-1 * var(--beradi-hero-visible-h))}.shopify-section.section.beradi-hero-stack__motion+.shopify-section.section.beradi-hero-stack__collectible{margin-top:calc(-1 * var(--beradi-hero-visible-h))}.shopify-section.beradi-hero-stack__collectible .collectible-hero{min-height:var(--beradi-hero-visible-h)}.shopify-section.beradi-hero-stack__collectible .collectible-hero__viewport{min-height:var(--beradi-hero-visible-h);height:var(--beradi-hero-visible-h)}}@media(prefers-reduced-motion:reduce){.collectible-hero,.collectible-hero__figure{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/beradi-3d-collectible-hero.css.map */