/* Shared homepage discovery UI: real links, verified video stills, no fictitious song credits. */
body .hero{min-height:min(740px,80vh)}
body .hero>div{max-width:760px}
body .hero h1{font-size:clamp(52px,7.8vw,112px);line-height:.99;margin:.17em 0}
body .hero .lead{max-width:590px;font-size:clamp(18px,1.75vw,23px)}
body .hero .buttons{margin-top:30px}
body .hero .eyebrow{color:#edab79}
.p-home-discover{max-width:1380px;margin:0 auto;padding:48px 5% 30px}
.p-home-discover .eyebrow{color:#f5ad78;font-size:11px;letter-spacing:.22em;font-weight:800}
.p-home-discover h2{font-size:clamp(29px,3.5vw,46px);margin:10px 0 24px;letter-spacing:-.04em}
.p-home-genres{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.p-home-genres a{position:relative;display:flex;align-items:end;min-height:210px;border:1px solid #9a684c88;border-radius:12px;overflow:hidden;text-decoration:none;color:#fff;background:#181015 center/cover no-repeat;transition:transform .18s,border-color .18s}
.p-home-genres a:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#040305ef,transparent 95%)}
.p-home-genres a:hover{transform:translateY(-4px);border-color:#ffc295}
.p-home-genres a strong{position:relative;z-index:1;font-size:clamp(21px,2.1vw,30px);padding:22px;letter-spacing:-.03em}
.p-home-genres a span{position:absolute;right:21px;bottom:23px;z-index:1;color:#f3b687;font-size:24px}
.p-home-genres .p-salsa{background-image:url('https://i.ytimg.com/vi/nODJzyVBn0w/hqdefault.jpg')}
.p-home-genres .p-bachata{background-image:url('https://i.ytimg.com/vi/Mbf3Q_RGUCo/hqdefault.jpg')}
.p-home-genres .p-kizomba{background-image:url('https://i.ytimg.com/vi/cNBJvJVjaIQ/hqdefault.jpg')}
.p-home-genres .p-all{background-image:url('https://i.ytimg.com/vi/rp8VpuOqyTs/hqdefault.jpg')}
.p-home-actions{display:flex;flex-wrap:wrap;gap:14px;margin:26px 0 0}
.p-home-actions a{color:#e9a473;font-weight:750;text-underline-offset:5px}
body main section{scroll-margin-top:86px}
@media(max-width:850px){.p-home-genres{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){body .hero{min-height:620px}body .hero h1{font-size:60px}.p-home-genres{gap:10px}.p-home-genres a{min-height:155px}.p-home-genres a strong{padding:15px;font-size:21px}.p-home-genres a span{right:12px;bottom:14px}}
@media(prefers-reduced-motion:reduce){.p-home-genres a{transition:none}}

/* Full-bleed responsive main hero; same authentic Marco Déjà vu image throughout. */
html,body{max-width:100%;overflow-x:clip}
body .hero{
 width:100%;max-width:none;margin:0;min-height:clamp(590px,79vh,850px);
 padding:clamp(48px,7vw,105px) max(5%,calc((100vw - 1380px)/2));
 border-radius:0;border-left:0;border-right:0;
 background-color:#0b080b;background-size:cover;
 background-position:center 42%;
}
body .hero>div{position:relative;z-index:1;max-width:min(660px,54vw)}
body .hero h1{font-size:clamp(52px,6.7vw,102px);text-wrap:balance;overflow-wrap:normal}
body .hero .lead{max-width:620px}
body .hero:after{background:linear-gradient(0deg,#090708 0%,transparent 29%),radial-gradient(ellipse at 72% 28%,#df88511c,transparent 60%)}
.p-home-discover{max-width:none;padding-left:max(5%,calc((100vw - 1380px)/2));padding-right:max(5%,calc((100vw - 1380px)/2))}
body main>section{max-width:1440px}
body main>section#music,body main>section#postcard,body main>section#order,body main>section#about,body main>section#blog{max-width:none;width:100%;margin-left:0;margin-right:0}
body main{max-width:none;margin:0 auto;padding:0 0 50px}
body main>section{padding-left:max(5%,calc((100vw - 1380px)/2));padding-right:max(5%,calc((100vw - 1380px)/2))}
@media(max-width:860px){
 body .hero{min-height:650px;padding:65px 5%;background-position:58% center}
 body .hero>div{max-width:690px}
 body .hero h1{font-size:clamp(49px,9vw,79px)}
}
@media(max-width:600px){
 body .hero{min-height:570px;padding:54px 6%;background-position:58% 48%}
 body .hero>div{max-width:100%}
 body .hero h1{font-size:clamp(45px,11.3vw,65px);line-height:1.03}
 body .hero .buttons{display:flex;gap:11px}
 body .hero .buttons a{min-height:46px;display:inline-flex;align-items:center}
 body main>section{padding-left:6%;padding-right:6%}
}