@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 [hidden]{display:none!important}.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}.hero-banner.is-picked{background-image:none!important;background-color:#14110e;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:center;min-height:100vh}.hero-banner.is-picked:before{content:"";position:absolute;z-index:0;top:-4%;right:-4%;bottom:-4%;left:-4%;background-image:var(--wmn-hero-art);background-size:cover;background-position:68% center;filter:blur(16px) saturate(1.15) contrast(1.08) brightness(1.05);transform:scale(1.05)}.hero-banner.is-picked .hero-overlay{background:linear-gradient(90deg,#080706f0,#080706b8 26%,#08070638 48%,#08070600 68%)}.hero-banner.is-picked .hero-content{max-width:44rem;padding:72px 40px 72px 60px}.hero-banner.is-picked .album-typography-stack{line-height:1.12}.hero-banner.is-picked .artist-name,.hero-banner.is-picked .album-title{max-width:none;line-height:1.15;text-wrap:balance;overflow-wrap:break-word}.hero-banner.is-picked .artist-name{margin-bottom:.28em}.hero-cover{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding:48px 56px 48px 12px}.hero-banner.is-picked .hero-cover img{width:min(100%,520px);max-height:74vh;box-shadow:0 28px 70px #00000073,0 0 0 1px #ffffff24}.hero-cover img{width:min(100%,460px);height:auto;max-height:72vh;object-fit:contain;box-shadow:0 18px 50px #00000073}.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.is-picked{display:flex;flex-direction:column;min-height:auto;padding-bottom:36px}.hero-banner.is-picked .hero-cover{padding:28px 24px 0}.hero-banner.is-picked .hero-cover img{width:min(100%,320px);max-height:42vh}.hero-banner.is-picked .hero-content{padding:28px 24px 8px;max-width:100%}.hero-banner{min-height:100svh;align-items:center;padding-bottom:0;background-position:70% center}.hero-banner.is-picked .hero-overlay{background:linear-gradient(to top,#0c0a08eb,#0c0a088c 46%,#0c0a081f)}.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?wmn=20261026hero4 */