@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--ink:#0b1014;--gold:#d4ad72;--white:#eee9dd;--muted:#acb2b5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--white);font-family:Manrope,Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{color:inherit;cursor:pointer;background:none;border:1px solid #ffffff38;padding:12px 18px}button:hover,a:hover{color:var(--gold)}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}header{position:absolute;top:0;left:0;width:100%;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:28px 4vw;border-bottom:1px solid #ffffff25;background:linear-gradient(#060c10aa,transparent)}.brand{font-family:'Cormorant Garamond',Georgia,serif;letter-spacing:.18em;font-size:30px}.brand span{font-size:20px;margin-left:14px}nav{display:flex;gap:35px;font-size:14px}header button{font-size:14px;border:0}.hero{height:100svh;min-height:690px;max-height:1200px;position:relative;isolation:isolate;overflow:hidden}.landscape{position:absolute;inset:0;z-index:-3;background-size:cover;background-position:center;transition:opacity 1.8s ease;animation:arrive 2s ease-out both}.dawn{background-image:url('assets/dawn.webp')}.night{background-image:url('assets/night.webp');opacity:0}body.is-night .night{opacity:1}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#03090dd9,transparent 85%),linear-gradient(0deg,var(--ink),transparent 45%)}.hero-copy{position:absolute;left:8vw;top:25%;animation:rise 1.3s ease both}.eyebrow{font-size:12px;letter-spacing:.2em;line-height:1.8;color:var(--gold);font-weight:600}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;margin:0}h1{font-size:clamp(80px,11vw,175px);letter-spacing:.09em;line-height:1.05;margin-left:-6px}.motto{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(28px,3vw,43px);line-height:1.2;margin:23px 0 38px}.primary{display:inline-flex;gap:45px;align-items:center;padding:17px 24px;background:var(--gold);color:#101318;font-size:14px;font-weight:700}.primary:hover{background:#edd1a6;color:#101318}.hero-foot{position:absolute;bottom:110px;left:4vw;right:4vw;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.14em}.section{padding:110px 8vw}.album{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.album-art{position:sticky;top:50px}.album-art img{width:100%;height:auto;box-shadow:0 30px 70px #0008}.caption{display:block;font-size:12px;letter-spacing:.19em;padding-top:22px;color:var(--muted)}h2{font-size:clamp(44px,5vw,76px);line-height:1.02}p{line-height:1.7}.album-content>p:not(.eyebrow){color:var(--muted);max-width:350px;margin:26px 0 38px}.track{width:100%;border:0;border-bottom:1px solid #ffffff1a;display:flex;text-align:left;align-items:center;gap:18px;padding:17px 0;font-size:14px}.track .number{color:var(--muted);font-size:12px;width:22px}.track .length{margin-left:auto;color:var(--muted);font-size:12px}.track.active{color:var(--gold)}.gallery-section{border-top:1px solid #ffffff1a}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:55px}.section-heading>p{color:var(--muted)}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:45px 24px}.art{padding:0;border:0;text-align:left;overflow:hidden}.art:first-child{grid-column:1/-1}.art img{display:block;width:100%;height:340px;object-fit:cover;transition:transform .7s}.art:first-child img{height:auto;aspect-ratio:2.1}.art:hover img{transform:scale(1.025)}.art span{display:flex;justify-content:space-between;padding:18px 0;font-size:14px}footer{margin:0 8vw;padding:45px 0 130px;border-top:1px solid #ffffff25;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p{color:var(--muted);font-size:14px}footer a{font-size:14px}.player{position:fixed;z-index:10;bottom:0;left:0;right:0;min-height:84px;padding:14px 4vw;background:#10171bf5;backdrop-filter:blur(20px);border-top:1px solid #d4ad7244;display:flex;align-items:center;gap:18px}.player img{object-fit:cover}.now{display:flex;flex-direction:column;gap:5px;min-width:230px;margin-right:auto}.now .eyebrow{font-size:12px}.now strong{font-size:14px;font-weight:500}.player button{border:0;padding:10px}#play{border:1px solid #d4ad7270;border-radius:50%;width:44px;height:44px;padding:0}#seek{accent-color:var(--gold);width:18vw}#elapsed,#duration{font-size:12px;color:var(--muted)}#audio-status:empty{display:none}#audio-status{position:absolute;bottom:90px;background:var(--ink);padding:15px;font-size:14px}dialog{width:min(1100px,94vw);max-height:94svh;padding:20px;background:var(--ink);border:1px solid #d4ad7255;color:var(--white)}dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}dialog>img{display:block;max-width:100%;max-height:70svh;margin:auto;object-fit:contain}dialog>button{display:block;margin-left:auto;margin-bottom:15px}dialog>div{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:20px}dialog h3{font-size:26px}dialog a{color:var(--gold);font-size:14px}@keyframes rise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes arrive{from{transform:scale(1.04)}to{transform:scale(1)}}@media(max-width:750px){header{padding:20px}.brand span{display:none}nav{gap:20px}.hero{min-height:670px}.hero-copy{left:7vw;top:28%}.hero-foot{bottom:40px;left:7vw}.hero-foot>span{display:none}.section{padding:70px 7vw}.album{grid-template-columns:1fr;gap:40px}.album-art{position:static;max-width:460px}.section-heading{display:block}.gallery{gap:25px;grid-template-columns:1fr}.art:first-child{grid-column:auto}.art img,.art:first-child img{height:auto;aspect-ratio:auto}.player{gap:8px;padding:12px 14px;flex-wrap:wrap}.player>img{width:35px;height:35px}.now{min-width:0;flex:1}.now .eyebrow{display:none}.now strong{font-size:12px}.player #seek{width:100%;order:10;height:10px}.player #elapsed,.player #duration{display:none}.player button{padding:8px}.player #play{width:36px;height:36px}footer{flex-direction:column;align-items:start;padding-bottom:150px}dialog>div{align-items:start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.community{background:linear-gradient(90deg,#0b1014ef,#0b101499),url(assets/night.webp) center/cover;padding-top:100px;padding-bottom:100px}.community p:not(.eyebrow){color:var(--muted)}.social-link{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(32px,5vw,70px);color:var(--gold);display:inline-flex;gap:50px;border-bottom:1px solid #d4ad7255;padding-bottom:15px}@media(max-width:750px){header{flex-wrap:wrap;gap:10px}nav{gap:15px;font-size:12px}header button{font-size:12px;padding:5px}.hero-foot{bottom:135px}.now .eyebrow{font-size:12px}}

/* Margen Vivo: firma discreta en una segunda línea del pie. */
footer{flex-wrap:wrap}footer .mv-credit{flex-basis:100%;padding-top:8px;--mv-accent:var(--gold,#d5ae70)}footer .mv-credit__label{color:var(--muted)}
