@import"https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Nanum+Gothic+Coding:wght@400;700&display=swap";.featured-album-hero{--space-black: #161616;--plasma: var(--hero-plasma, #EA27C2);--supernova: var(--hero-supernova, #FFC300);--violet-glow: var(--hero-violet, #9B30FF);--toxic-green: var(--hero-green, #8AFF00);--deep-violet: #4B0082;--white: #FFFFFF;--grey: #666666;min-height:100vh;position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--space-black);font-family:Nanum Gothic Coding,monospace;color:var(--white)}.hero-noise{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(155,48,255,.4) 0%,transparent 50%),radial-gradient(ellipse 60% 60% at 80% 60%,rgba(234,39,194,.5) 0%,transparent 50%),radial-gradient(ellipse 40% 80% at 40% 80%,rgba(75,0,130,.6) 0%,transparent 60%),var(--space-black);animation:heroGlow 8s ease-in-out infinite alternate}@keyframes heroGlow{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.hero-particles{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:1}.hero-particle{position:absolute;width:4px;height:4px;background:var(--toxic-green);border-radius:50%;box-shadow:0 0 10px var(--toxic-green),0 0 20px var(--toxic-green);animation:heroFloat 15s linear infinite;opacity:0}.hero-particle:nth-child(odd){background:var(--plasma);box-shadow:0 0 10px var(--plasma),0 0 20px var(--plasma)}.hero-particle:nth-child(3n){background:var(--violet-glow);box-shadow:0 0 10px var(--violet-glow),0 0 20px var(--violet-glow)}@keyframes heroFloat{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) rotate(720deg);opacity:0}}.hero-marquee-container{position:absolute;top:0;left:0;right:0;overflow:hidden;z-index:2;padding:8px 0;background:linear-gradient(90deg,var(--toxic-green),var(--plasma),var(--violet-glow),var(--toxic-green));background-size:300% 100%;animation:heroGradientShift 5s linear infinite}@keyframes heroGradientShift{0%{background-position:0% 50%}to{background-position:300% 50%}}.hero-marquee{display:flex;white-space:nowrap;animation:heroMarqueeScroll 20s linear infinite}.hero-marquee span{font-family:Permanent Marker,cursive;font-size:14px;text-transform:uppercase;color:var(--space-black);padding:0 40px;letter-spacing:4px}@keyframes heroMarqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-content{position:relative;z-index:10;display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:120px 80px 80px;min-height:100vh;align-items:center;max-width:1600px;margin:0 auto;width:100%}.hero-product-showcase{position:relative}.hero-album-container{position:relative;perspective:1000px}.hero-album-sleeve{position:relative;width:100%;max-width:500px;aspect-ratio:1;transform-style:preserve-3d;animation:heroFloatAlbum 6s ease-in-out infinite}@keyframes heroFloatAlbum{0%,to{transform:translateY(0) rotateY(-5deg) rotateX(5deg)}50%{transform:translateY(-20px) rotateY(5deg) rotateX(-5deg)}}.hero-sleeve-img{width:100%;height:100%;object-fit:cover;border-radius:4px;box-shadow:0 25px 50px #00000080,0 0 100px #9b30ff4d,0 0 60px #ea27c233}.hero-sleeve-img.placeholder-svg{background:var(--deep-violet)}.hero-vinyl-disc{position:absolute;top:50%;right:-30%;transform:translateY(-50%);width:85%;aspect-ratio:1;animation:heroSpinVinyl 20s linear infinite,heroSlideVinyl 6s ease-in-out infinite}@keyframes heroSpinVinyl{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}@keyframes heroSlideVinyl{0%,to{right:-30%}50%{right:-25%}}.hero-vinyl-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,0,0,.5))}.hero-badge{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);width:110px;height:110px;z-index:30;animation:heroPulseBadge 2s ease-in-out infinite;background:var(--white);border-radius:50%;padding:10px;box-shadow:0 8px 30px #00000080,0 0 50px #8aff0080,0 0 80px #ea27c266,inset 0 0 0 3px var(--toxic-green)}@keyframes heroPulseBadge{0%,to{transform:translate(-50%) scale(1) rotate(0)}50%{transform:translate(-50%) scale(1.05) rotate(5deg)}}.hero-badge-img{width:100%;height:100%;object-fit:contain}.hero-album-info{position:relative}.hero-info-panel{background:linear-gradient(135deg,#161616d9,#4b00824d,#161616e6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(155,48,255,.2);border-radius:4px;padding:40px;position:relative;overflow:hidden}.hero-info-panel:before,.hero-info-panel:after{content:"";position:absolute;width:60px;height:60px;border:2px solid var(--toxic-green);opacity:.4}.hero-info-panel:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.hero-info-panel:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.hero-info-panel-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at top right,rgba(234,39,194,.1) 0%,transparent 60%);pointer-events:none;border-radius:4px}.hero-tag{display:inline-block;font-family:Nanum Gothic Coding,monospace;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;background:var(--plasma);color:var(--white);padding:10px 20px;margin-bottom:20px;border-left:4px solid var(--toxic-green);position:relative;z-index:1}.hero-artist-name{font-family:Nanum Gothic Coding,monospace;font-size:16px;font-weight:700;letter-spacing:8px;text-transform:uppercase;color:var(--supernova);margin-bottom:10px;animation:heroFadeInUp .8s ease-out .2s both;position:relative;z-index:1}.hero-album-title{font-family:Permanent Marker,cursive;font-size:clamp(48px,8vw,96px);line-height:1;margin-bottom:20px;background:linear-gradient(135deg,var(--white) 0%,var(--plasma) 50%,var(--violet-glow) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:heroFadeInUp .8s ease-out .4s both;position:relative;z-index:1}.hero-pressing-info{font-family:Permanent Marker,cursive;font-size:28px;color:var(--toxic-green);margin-bottom:30px;animation:heroFadeInUp .8s ease-out .6s both;text-shadow:0 0 20px rgba(138,255,0,.5);position:relative;z-index:1}.hero-description{font-size:16px;line-height:1.8;color:#ffffffe6;max-width:500px;margin-bottom:40px;animation:heroFadeInUp .8s ease-out .8s both;position:relative;z-index:1}.hero-description strong{color:var(--supernova)}.hero-description em{color:var(--plasma);font-style:normal}@keyframes heroFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-tracklist{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px;animation:heroFadeInUp .8s ease-out 1s both;position:relative;z-index:1}.hero-track-tag{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:6px 12px;border:1px solid rgba(155,48,255,.5);color:#ffffffb3;transition:all .3s ease;background:#16161680;cursor:default}.hero-track-tag:hover{border-color:var(--plasma);color:var(--plasma);background:#ea27c226;transform:translateY(-2px)}.hero-cta-container{display:flex;gap:20px;flex-wrap:wrap;animation:heroFadeInUp .8s ease-out 1.2s both;position:relative;z-index:1}.hero-cta-primary{font-family:Permanent Marker,cursive;font-size:20px;padding:18px 40px;background:linear-gradient(135deg,var(--plasma) 0%,var(--violet-glow) 100%);color:var(--white);border:none;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;text-decoration:none;display:inline-block}.hero-cta-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.hero-cta-primary:hover:before{left:100%}.hero-cta-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ea27c280;color:var(--white);text-decoration:none}.hero-cta-secondary{font-family:Nanum Gothic Coding,monospace;font-size:14px;font-weight:700;letter-spacing:2px;padding:18px 40px;background:#16161680;color:var(--white);border:2px solid var(--supernova);cursor:pointer;transition:all .3s ease;text-decoration:none;text-transform:uppercase;display:inline-block}.hero-cta-secondary:hover{background:var(--supernova);color:var(--space-black);transform:translateY(-3px);text-decoration:none}.hero-price-container{margin-top:30px;animation:heroFadeInUp .8s ease-out 1.4s both;position:relative;z-index:1}.hero-price{font-family:Permanent Marker,cursive;font-size:36px;color:var(--white)}.hero-price-note{font-size:12px;color:var(--grey);letter-spacing:1px;margin-top:5px}.hero-vertical-text{position:absolute;writing-mode:vertical-rl;text-orientation:mixed;font-family:Permanent Marker,cursive;font-size:120px;opacity:.05;z-index:1;pointer-events:none}.hero-vertical-left{left:-20px;top:50%;transform:translateY(-50%) rotate(180deg);color:var(--plasma)}.hero-vertical-right{right:-20px;top:50%;transform:translateY(-50%);color:var(--violet-glow)}.hero-scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:10;text-align:center;animation:heroBounce 2s ease-in-out infinite}.hero-scroll-indicator span{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--grey);display:block;margin-bottom:10px}.hero-scroll-arrow{width:30px;height:30px;border-right:2px solid var(--plasma);border-bottom:2px solid var(--plasma);transform:rotate(45deg);margin:0 auto}@keyframes heroBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}@media (max-width: 1200px){.hero-content{gap:40px;padding:120px 60px 80px}}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;padding:100px 40px 60px;gap:40px}.hero-product-showcase{order:1}.hero-album-info{order:2}.hero-album-sleeve{max-width:400px;margin:0 auto}.hero-vinyl-disc{width:70%;right:-20%}.hero-vertical-text{display:none}.hero-info-panel{padding:30px}}@media (max-width: 768px){.hero-content{padding:90px 30px 50px}.hero-album-sleeve{max-width:350px}.hero-badge{width:90px;height:90px;bottom:-25px}.hero-album-title{font-size:clamp(36px,10vw,60px)}.hero-pressing-info{font-size:22px}}@media (max-width: 640px){.hero-content{padding:80px 20px 40px}.hero-album-sleeve{max-width:280px}.hero-vinyl-disc{width:65%;right:-15%}.hero-badge{width:80px;height:80px;bottom:-20px}.hero-info-panel{padding:25px}.hero-info-panel:before,.hero-info-panel:after{width:40px;height:40px}.hero-cta-container{flex-direction:column}.hero-cta-primary,.hero-cta-secondary{width:100%;text-align:center}.hero-marquee span{font-size:12px;padding:0 25px;letter-spacing:2px}}@media (max-width: 480px){.hero-album-sleeve{max-width:240px}.hero-tag{font-size:10px;padding:8px 15px}.hero-artist-name{font-size:14px;letter-spacing:5px}.hero-pressing-info{font-size:18px}.hero-description{font-size:14px}.hero-track-tag{font-size:10px;padding:5px 10px}.hero-cta-primary{font-size:18px;padding:15px 30px}.hero-cta-secondary{font-size:12px;padding:15px 30px}.hero-price{font-size:28px}}@media (prefers-reduced-motion: reduce){.hero-album-sleeve,.hero-vinyl-disc,.hero-badge,.hero-particle,.hero-marquee,.hero-bg,.hero-marquee-container,.hero-scroll-indicator{animation:none}.hero-vinyl-disc{transform:translateY(-50%);right:-30%}.hero-badge,.hero-scroll-indicator{transform:translate(-50%)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/featured-album-hero.css.map */