*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#14100d;color:#f5eee4;font-family:Arial,sans-serif;line-height:1.6}a{color:inherit}a:focus-visible{outline:3px solid #efae65;outline-offset:5px}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:16px 5%;border-bottom:1px solid #ffffff20}header img{width:220px;max-height:55px}nav{display:flex;gap:28px}nav a{text-decoration:none;font-size:14px}.hero{height:min(790px,85vh);min-height:580px;position:relative;display:flex;align-items:center}.hero picture,.hero img,.shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{background:linear-gradient(90deg,rgba(20,16,13,.84),rgba(20,16,13,.35) 46%,transparent 70%)}.hero-copy{position:relative;z-index:1;width:52%;padding:4% 6%}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:12px;font-weight:bold;color:#efba86}h1{font-size:clamp(60px,8vw,118px);line-height:1;margin:22px 0;letter-spacing:-.06em}h2{font-size:clamp(32px,4vw,54px);line-height:1.12;letter-spacing:-.035em;margin:12px 0 24px}h3{font-size:26px;margin:14px 0 4px}.song{font-size:clamp(22px,2.5vw,36px);line-height:1.2;margin:0 0 15px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-block;padding:13px 23px;background:#f2c49d;color:#21150d;text-decoration:none;border-radius:3px;font-weight:bold}.button.secondary{background:transparent;border:1px solid #ffffff80;color:#fff}.intro{display:flex;justify-content:space-between;gap:40px;padding:42px 6%;border-bottom:1px solid #ffffff25}.intro p{max-width:620px;margin:0;color:#c7b7aa}.section{padding:90px 6%;max-width:1600px;margin:auto}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.muted{color:#c7b7aa}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{text-decoration:none;display:block}.card img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 25%;border-radius:3px}.card:hover img{filter:brightness(1.08)}.card p{margin:0;color:#c7b7aa}.tag{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin-top:17px;color:#efba86}.release{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:#211914;padding:50px}.release img{width:100%;aspect-ratio:1;object-fit:cover}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid #ffffff25}.about p{color:#c7b7aa}.contact{border-top:1px solid #ffffff25;padding-top:35px;margin-top:30px}footer{padding:32px 6%;border-top:1px solid #ffffff25;display:flex;justify-content:space-between;gap:20px;color:#c7b7aa;font-size:12px}@media(max-width:700px){header{height:76px;padding:12px 5%}header img{width:160px}nav{gap:14px}nav a{font-size:12px}nav a:last-child{display:none}.hero{height:auto;aspect-ratio:9/16;min-height:0;align-items:flex-start}.hero img{object-fit:cover}.shade{background:linear-gradient(180deg,rgba(20,16,13,.6),transparent 38%)}.hero-copy{width:100%;padding:24px 7%}.hero h1{font-size:56px;margin:10px 0}.song{font-size:23px;margin-bottom:7px}.hero .eyebrow{font-size:10px}.hero-copy p{margin-top:6px}.hero .actions{margin-top:13px}.hero .button{font-size:12px;padding:10px 14px}.intro{display:block;padding:30px 7%}.intro strong{display:block;margin-bottom:10px}.section{padding:55px 7%}.section-head{display:block}.cards{grid-template-columns:1fr;gap:35px}.card img{aspect-ratio:4/4.5}.release{grid-template-columns:1fr;padding:24px;gap:22px}.about{grid-template-columns:1fr;gap:15px}footer{display:block}footer p{margin:8px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* v02: preserve the top of the portrait on wide screens. */
.hero img{object-position:center top}
@media(min-width:701px){.hero{height:clamp(580px,48vw,900px)}}

.email-link{overflow-wrap:anywhere}

.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.mondrae-card img{object-position:65% center}.mondrae-hero .eyebrow{color:#b9d9ed}.mondrae-hero h1{font-size:clamp(54px,7vw,108px)}@media(min-width:701px) and (max-width:1050px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.cards{grid-template-columns:1fr}.mondrae-hero{aspect-ratio:auto;min-height:680px;display:flex;align-items:flex-end}.mondrae-hero img{object-position:65% top}.mondrae-hero .shade{background:linear-gradient(0deg,#14100df2,transparent 80%)}.mondrae-hero .hero-copy{padding-bottom:40px}}

/* NAYÉLI MAREA artist page */
.cards{grid-template-columns:repeat(auto-fit,minmax(195px,1fr))}
.nayeli-hero{min-height:670px;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(120deg,#151625,#2b2340 55%,#15454a);overflow:hidden}
.nayeli-hero-copy{align-self:center;padding:70px clamp(28px,6vw,100px);position:relative;z-index:1}
.nayeli-hero h1{font-size:clamp(54px,6.5vw,104px);letter-spacing:-.065em;line-height:.95;margin:25px 0}
.nayeli-hero .eyebrow,.nayeli-release .tag{color:#efc285}
.nayeli-hero img{display:block;width:100%;height:100%;max-height:850px;object-fit:cover;object-position:center 30%}
.nayeli-releases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.nayeli-release{background:#211b1b;border:1px solid #ffffff26;padding-bottom:28px;min-width:0}
.nayeli-release img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.nayeli-release div{padding:0 24px}.nayeli-release h3{font-size:32px;margin:12px 0 22px}.nayeli-release .button{font-size:14px}
@media(max-width:900px){.nayeli-hero{min-height:0;grid-template-columns:1fr}.nayeli-hero-copy{padding:55px 7%}.nayeli-hero img{height:58vh;min-height:420px;max-height:660px;object-position:center 28%}.nayeli-releases{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.nayeli-hero img{height:70vh;min-height:420px}.nayeli-releases{grid-template-columns:1fr}.nayeli-hero h1{font-size:clamp(52px,13vw,72px)}.nayeli-release div{padding:0 20px}}
