:root{--hero-primary: #A699FF;--hero-primary-dark: #8A7DFF;--hero-black: #000000;--hero-gray: #1F1F1F;--hero-bg: #F8F8FF}.hero-metalcore{padding:2rem 0 3rem;background:#fff;position:relative;overflow:hidden;z-index:1}.hero-metalcore__container{width:100%;max-width:var(--page-width, 120rem);margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media(min-width:750px){.hero-metalcore__container{padding:0 5rem}}@media(min-width:1024px){.hero-metalcore__container{grid-template-columns:1fr 1fr}}.hero-metalcore__content{position:relative;z-index:1}.hero-metalcore__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:9999px;background:#a699ff1a;color:var(--hero-primary-dark);font-family:inherit;font-size:.875rem;font-weight:700;margin-bottom:1.5rem;border:1px solid rgba(166,153,255,.2)}.hero-metalcore__badge svg{width:18px;height:18px}.hero-metalcore__title{font-family:inherit;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:900;line-height:1.1;letter-spacing:-.025em;margin:0 0 1.5rem;color:var(--hero-black)}.hero-metalcore__title-highlight{background:linear-gradient(to right,var(--hero-primary),#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-metalcore__description{font-family:inherit;font-size:1.25rem;color:#4b5563;margin-bottom:2rem;max-width:32rem;line-height:1.7}.hero-metalcore__buttons{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.hero-metalcore__buttons{flex-direction:row}}.hero-metalcore__btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;font-size:1rem;font-weight:700;padding:1rem 2rem;border-radius:.75rem;text-decoration:none;transition:all .2s ease}.hero-metalcore__btn--primary{background:var(--hero-black);color:#fff;box-shadow:0 10px 20px -5px #0000004d}.hero-metalcore__btn--primary:hover{background:#1f2937}.hero-metalcore__btn--secondary{background:#fff;color:var(--hero-black);border:2px solid #e5e7eb}.hero-metalcore__btn--secondary:hover{background:#f9fafb}.hero-metalcore__visual{position:relative;z-index:1}.hero-metalcore__glow{position:absolute;top:-5rem;right:-5rem;width:140%;height:140%;background:#a699ff33;border-radius:9999px;filter:blur(48px);z-index:-1}.hero-metalcore__card{position:relative;background:var(--hero-black);border-radius:1.5rem;padding:.5rem;box-shadow:0 25px 50px -12px #00000040;transform:rotate(2deg);transition:transform .5s ease}.hero-metalcore__card:hover{transform:rotate(0)}.hero-metalcore__preview{background:#111827;border-radius:1rem;overflow:hidden;aspect-ratio:16 / 9;position:relative;display:flex;align-items:center;justify-content:center}.hero-metalcore__image{width:100%;height:100%;object-fit:cover;display:block}.hero-metalcore__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#6b7280;font-family:inherit;font-size:.875rem;height:100%;min-height:280px;background:#1f2937}.hero-metalcore__preview-dots{position:absolute;bottom:1rem;left:1rem;display:flex;gap:.5rem}.hero-metalcore__dot{height:.5rem;border-radius:9999px;background:#374151}.hero-metalcore__dot--active{width:3rem;background:var(--hero-primary)}.hero-metalcore__dot:not(.hero-metalcore__dot--active){width:2rem}.hero-metalcore__badge-icon{position:absolute;bottom:-2.5rem;left:-2.5rem;width:6rem;height:6rem;background:var(--hero-primary);border:4px solid var(--hero-black);box-shadow:8px 8px 0 var(--hero-black);z-index:2;display:flex;align-items:center;justify-content:center}.hero-metalcore__badge-icon svg{width:36px;height:36px}
/*# sourceMappingURL=/cdn/shop/t/5/assets/hero-metalcore.css.map */