@import"https://fonts.googleapis.com/css2?family=Bowlby+One+SC&display=swap";.hero-banner,.hero-banner *,.hero-banner *:before,.hero-banner *:after{box-sizing:border-box}.hero-banner{position:relative;min-height:100vh;background-size:cover;background-position:center top;background-repeat:no-repeat;display:flex;align-items:center;padding-bottom:0;overflow:hidden}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#0a0808e0,#0a080899 40%,#0a080833,#0a080800);z-index:1}.hero-content{position:relative;z-index:2;max-width:520px;padding:0 60px;color:#fff}.eyebrow-container{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff}.accent-line{display:inline-block;width:30px;height:2px;background-color:#f0e000;flex-shrink:0}.dot-sep{color:#ffffff59;font-weight:300;font-size:14px}.eyebrow-label{color:#fff}.eyebrow-subtitle{color:#ffffffbf;font-weight:400;letter-spacing:.04em;text-transform:none}.album-typography-stack{margin-bottom:24px;line-height:.95}.artist-name{display:block;font-size:clamp(2.2rem,5.5vw,4.5rem);font-weight:900;color:#f0e000;text-transform:uppercase;margin:0 0 4px;letter-spacing:-.01em;line-height:1;font-family:Bowlby One SC,sans-serif}.album-title{display:block;font-size:clamp(2.4rem,5.5vw,5rem);font-weight:900;color:#fff;text-transform:uppercase;margin:0;letter-spacing:-.03em;line-height:.95;font-family:Bowlby One SC,sans-serif;max-width:11ch}.album-description{font-size:18px;line-height:1.6;color:#ffffffd9;max-width:520px;margin:0 0 36px;font-weight:400}.action-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.primary-button{display:inline-flex;align-items:center;gap:10px;background-color:#f0e000;color:#000;font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:15px 32px;border-radius:50px;text-decoration:none;transition:background-color .2s ease,transform .15s ease;white-space:nowrap}.primary-button:hover{background-color:#ffe600;transform:translateY(-1px);color:#000}.primary-button:visited,.primary-button:active,.primary-button:focus{color:#000}.primary-button:active{transform:translateY(0)}.play-icon{flex-shrink:0;display:block}.secondary-button{display:inline-block;color:#fff;font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:3px;transition:border-color .2s ease,color .2s ease;white-space:nowrap}.secondary-button:hover{border-color:#fff;color:#f0e000!important}.hero-banner a.primary-button,.hero-banner a.primary-button:link,.hero-banner a.primary-button:visited,.hero-banner a.primary-button:hover,.hero-banner a.primary-button:active,.hero-banner a.primary-button:focus{color:#000!important;text-decoration:none!important}.hero-banner a.secondary-button,.hero-banner a.secondary-button:link,.hero-banner a.secondary-button:visited{color:#fff!important;text-decoration:none!important}.hero-banner a.secondary-button:hover{color:#f0e000!important}@media(max-width:1024px){.hero-content{padding:0 40px;max-width:520px}}@media(max-width:768px){.hero-banner{min-height:100svh;align-items:center;padding-bottom:0;background-position:70% center}.hero-overlay{background:linear-gradient(to top,#0a0808eb,#0a08088c,#0a08081a)}.hero-content{padding:0 24px;max-width:100%}.eyebrow-container{font-size:10px;gap:8px}.album-description{font-size:16px;max-width:100%}.action-row{gap:16px}.primary-button,.secondary-button{font-size:12px}}@media(max-width:480px){.hero-banner{padding-bottom:36px}.action-row{flex-direction:column;align-items:flex-start;gap:14px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/hero-banner.css.map */