:root{--gold:#c49b49;--gold-soft:#f0d07c;--ink:#211b1c;--bg:#faf7f1;--muted:#615750;--line:#ded6ca;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.7;font-weight:400}a{color:inherit;text-underline-offset:5px}img{max-width:100%;height:auto}p{margin:0 0 1.25em}h1,h2,h3{font-family:var(--serif);font-weight:400;text-wrap:balance;overflow-wrap:break-word}h1{font-size:clamp(3.25rem,8vw,7.5rem);line-height:1.06;letter-spacing:-.045em;margin:22px 0;max-width:12ch}h2{font-size:clamp(2rem,3.7vw,3.5rem);line-height:1.18;letter-spacing:-.025em;margin:12px 0 22px;max-width:26ch}h3{font-size:clamp(1.4rem,2.2vw,1.8rem);line-height:1.3;margin:0 0 14px}strong{font-weight:650}
.hero{color:#fff;padding:28px max(5vw,20px) clamp(60px,9vw,120px);min-height: min(900px,92svh);background:linear-gradient(90deg,rgba(16,12,14,.94),rgba(16,12,14,.80) 46%,rgba(16,12,14,.28)),url('mirna-justo.jpg') center 26%/cover no-repeat}nav{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid #ffffff30}.brand{font-family:var(--serif);font-size:1.3rem;letter-spacing:.08em;font-weight:400}.brand span{color:var(--gold-soft)}nav .links{display:flex;flex-wrap:wrap;gap:8px 24px}nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:.875rem;font-weight:500;color:#fff}nav a:hover{color:var(--gold-soft)}.hero-content{max-width:1200px;margin:auto;padding-top:clamp(64px,12vh,144px)}.hero p{max-width:48ch;font-size:clamp(1.0625rem,1.65vw,1.25rem);line-height:1.75;color:#f1eae3}.eyebrow{font:600 .75rem/1.6 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:#75551d;margin-bottom:12px}.hero .eyebrow,.song .eyebrow,.live .eyebrow{color:var(--gold-soft)}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 23px;margin:8px 10px 0 0;border:1px solid transparent;border-radius:8px;background:var(--gold-soft);color:#251d11;text-align:center;text-decoration:none;font:600 .9375rem/1.5 var(--sans);cursor:pointer;transition:background .2s,transform .2s;max-width:100%;white-space:normal}.button:hover{background:#f7dfa0;transform:translateY(-2px)}.button.alt{background:transparent;border-color:#9c8c76;color:var(--ink)}.button.alt:hover{background:#efe7db}.hero .button.alt{color:white;border-color:#ddd0bd;background:#17111260}.hero .button.alt:hover{background:#30252b}.social-card .button{margin-top:auto;align-self:flex-start}
main{width:min(100%,1200px);margin:auto;padding:clamp(48px,7vw,96px) clamp(20px,4vw,40px) 24px}section{margin-bottom:clamp(48px,7vw,88px);min-width:0}.lead{font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.85;max-width:68ch;color:var(--muted)}.cards,.music-grid,.social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}.card,.social-card{padding:clamp(22px,3vw,32px);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 25px #2a191207;min-width:0}.card h3,.social-card h3{font-family:var(--sans);font-size:1.125rem;font-weight:600;letter-spacing:-.015em}.card p,.social-card p{color:var(--muted);line-height:1.8}.card p{margin-bottom:0}.social-card{display:flex;flex-direction:column;align-items:flex-start}.social-card h3{margin-top:20px}.chip,.feature-badge{display:inline-block;font:600 .75rem/1.6 var(--sans);letter-spacing:.06em;text-transform:uppercase;border-radius:5px;padding:6px 10px;background:#f4ecdc;color:#684c1a}.feature-band{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center;padding:clamp(24px,4vw,48px);border-radius:16px;background:#241e22;color:#fff}.feature-band h2{color:#f4d994;margin-bottom:0}.feature-band p{color:#e5dcd6;margin:0}.feature-badge{background:#3a3027;color:#f4d994;border:1px solid #8e754e}.song{background:#241e22;color:#fff;border:1px solid #3c3339;padding:28px 24px;min-height:250px;border-radius:14px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.song h3{font-size:1.9rem;margin:16px 0 12px}.song p{color:#e0d4cc;margin:0}.song .eyebrow{font-size:.75rem;letter-spacing:.08em}.listen{display:inline-flex;align-items:center;min-height:44px;color:var(--gold-soft);font-weight:600;font-size:.9375rem;margin-top:20px;text-decoration:none}.listen:hover{text-decoration:underline}.platforms{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.platforms a{padding:10px 18px;min-height:44px;border:1px solid #a89b8a;border-radius:8px;font-size:.9375rem;font-weight:500;text-decoration:none;background:#fff}.platforms a:hover{background:#f0e9dd}.radio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:30px}.radio>div{padding:clamp(24px,3vw,36px);border-radius:14px;background:#eee6db}.radio p{margin:0}.radio .live{background:#641c32;color:#fff}
.contact{padding:clamp(24px,4.5vw,54px);background:#eddbb4;border:1px solid #d8bf8d;border-radius:18px}.contact h2{max-width:27ch}.contact .lead{color:#51432e}.contact .button{background:#282124;color:white;border:0;margin:8px 0 0}.contact .button:hover{background:#493640}form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px}form .full{grid-column:1/-1}form label{min-width:0;display:block;font-size:.9375rem;font-weight:600;color:#30261e}input,textarea{display:block;width:100%;min-width:0;margin-top:8px;padding:14px 16px;border:1px solid #8b7b64;border-radius:8px;background:#fffdf8;color:#211b1c;font:400 1rem/1.5 var(--sans)}input::placeholder,textarea::placeholder{color:#74695e;opacity:1}textarea{min-height:130px;resize:vertical}.numbers{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.number{display:inline-flex;align-items:center;min-height:48px;padding:12px 16px;border:1px solid #7c6745;border-radius:8px;color:#30261e;font-size:.9375rem;font-weight:500;text-decoration:none;overflow-wrap:anywhere}.number:hover{background:#f8ecd3}footer{text-align:center;background:#211b1f;color:#dfd5cf;font-size:.875rem;padding:28px 20px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #75551d;outline-offset:4px}.hero a:focus-visible,.song a:focus-visible{outline-color:#f0d07c}.skip-link{position:absolute;top:-100px;left:20px;z-index:10;background:#fff;color:#211b1c;padding:12px 20px}.skip-link:focus{top:12px}
@media(min-width:761px) and (max-width:1000px){.cards,.music-grid,.social-grid{gap:14px}.card,.social-card,.song{padding:22px 18px}}
@media(max-width:760px){nav{align-items:flex-start;flex-direction:column;gap:12px}nav .links{gap:6px 22px}.hero{min-height:auto;background-image:linear-gradient(90deg,rgba(16,12,14,.89),rgba(16,12,14,.66)),url('mirna-justo.jpg');background-position:60% 25%}.hero-content{padding-top:64px}.hero p{max-width:38ch}.cards,.music-grid,.social-grid,.feature-band,.radio{grid-template-columns:1fr}.song{min-height:220px}.feature-band{gap:24px}h2{max-width:100%}}
@media(max-width:480px){form{grid-template-columns:1fr}.hero .button{display:flex;margin:12px 0 0}.numbers{flex-direction:column}.number{justify-content:center}.contact{padding:24px 18px}.brand{font-size:1.2rem}nav .links{gap:4px 18px}.hero-content{padding-top:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
.form-trap{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}.form-note{font-size:.875rem;margin:0}#form-status{margin:0}#form-status[data-state="error"]{color:#7b152d}#form-status[data-state="success"]{color:#204923}.button:disabled{opacity:.65;cursor:wait;transform:none}
form [aria-invalid="true"]{border-color:#7b152d}#details-count{display:block;text-align:right;font-weight:400;font-size:.8125rem;color:#51432e}#form-status{overflow-wrap:anywhere}input[type="date"]{max-width:100%}
