#fan-gallery-hero{position:relative;width:100%;height:auto;min-height:50vh;background-color:#f9f9f7;overflow:hidden;font-family:sans-serif;display:flex;justify-content:center;align-items:center;margin-bottom:0}#fan-gallery-hero .aspect-container{position:relative;width:100%;height:100%;background:#f9f9f7;overflow:visible;user-select:none;-webkit-user-select:none}@media(min-width:769px){#fan-gallery-hero .aspect-container{display:block}}#fan-gallery-hero .video-wrapper{width:100%;position:relative;z-index:0;pointer-events:none;opacity:1;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 5%,black 95%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 5%,black 95%,transparent 100%)}#fan-gallery-hero video{width:100%;height:auto;object-fit:contain;display:block;background-color:#f9f9f7;outline:none;border:none}#fan-gallery-hero #video-desktop{display:block!important}#fan-gallery-hero #video-mobile{display:none!important}#fan-gallery-hero .text-section{position:absolute;top:0;right:0;width:33.3%;height:50%;z-index:20;color:#1a1a1a;font-family:var(--font-body);pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:3%;box-sizing:border-box;mix-blend-mode:normal}#fan-gallery-hero .text-section h1{margin:0;font-size:clamp(2rem,4vw,4.5rem);font-weight:400;line-height:1.1;color:#1a1a1a}#fan-gallery-hero .text-section h1 i{font-style:italic}#fan-gallery-hero .text-section p{margin:10px 0 0;font-size:clamp(.8rem,1.5vw,1.5rem);color:#555;text-align:left}#fan-gallery-hero .stage{position:absolute;top:0;left:0;width:100%;height:100%;perspective:2000px;transform-style:preserve-3d;z-index:10;display:flex;align-items:center}#fan-gallery-hero .card{position:absolute;left:50%;top:15%;height:70%;aspect-ratio:4 / 5;margin:0;background:transparent;will-change:transform;cursor:grab;display:flex;align-items:center;justify-content:center;transform-origin:50% 100%;overflow:hidden}#fan-gallery-hero .card:active{cursor:grabbing}#fan-gallery-hero .card img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:12px;box-shadow:0 15px 35px #00000026,0 5px 15px #0000000d;pointer-events:none;-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none}@media(max-width:768px){#fan-gallery-hero{height:auto;background-color:#f9f9f7}#fan-gallery-hero .aspect-container{display:flex;flex-direction:column;width:100%;height:auto;background-color:#f9f9f7}#fan-gallery-hero .text-section{position:relative;width:100%;height:auto;padding:60px 20px 30px;background:#f9f9f7;color:#1a1a1a;align-items:center;text-align:center;flex:0 0 auto;z-index:20}#fan-gallery-hero .video-wrapper{position:relative;width:100%;flex:none;height:auto;z-index:0;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 85%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 85%,transparent 100%);margin-top:-2px;margin-bottom:-2px}#fan-gallery-hero #video-desktop{display:none!important}#fan-gallery-hero #video-mobile{display:block!important}#fan-gallery-hero .stage{position:relative;width:100%;height:40vh;flex:none;background:#f9f9f7;z-index:10;padding-top:0;-webkit-mask-image:linear-gradient(to bottom,black 90%,transparent 100%);mask-image:linear-gradient(to bottom,black 90%,transparent 100%)}#fan-gallery-hero .card{top:0%;height:85%}}.desktop-cta{display:flex;flex-direction:column;align-items:center;width:85%;margin-top:10px;pointer-events:auto}.mobile-cta{display:none}#fan-gallery-hero .desktop-cta .price,#fan-gallery-hero .mobile-cta .price{font-family:var(--font-body);font-size:1.5rem;color:#b89b6c;font-weight:500;margin-bottom:15px}#fan-gallery-hero .btn-primary{display:inline-block;padding:16px 32px;background-color:#2b2b2b;color:#fff;text-transform:uppercase;font-size:.9rem;font-weight:600;letter-spacing:1px;text-decoration:none;transition:all .3s ease;border:1px solid #2b2b2b;font-family:var(--font-body)}#fan-gallery-hero .btn-primary:hover{background-color:#b89b6c;border-color:#b89b6c;color:#fff;box-shadow:0 10px 20px #0000001a}@media(max-width:768px){.desktop-cta{display:none}.mobile-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:0 20px 40px;background-color:transparent;z-index:20;margin-top:-60px;position:relative}#fan-gallery-hero .mobile-cta .custom-mobile-desc{font-family:var(--font-body);font-size:clamp(.8rem,1.5vw,1.5rem);color:#555;margin-top:0}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-digital-art.css.map */