:root{--ob:#0f100f;--st:#17191a;--jade:#4F8466;--jade2:#86BC98;--gold:#D2A954;--terra:#C8693F;--tx:#F5F1E8;--mu:#C9C3B6;--line:rgba(194,160,106,.18)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{background:var(--ob);color:var(--tx);font:400 18px/1.65 'Jost',system-ui,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
.cz{font-family:'Cinzel',serif;font-weight:400;letter-spacing:.22em;text-transform:uppercase;font-size:.85rem;font-weight:700}
.big{font:600 clamp(2.6rem,8vw,6.2rem)/1.02 'Cinzel',serif;letter-spacing:-.01em}
.big i{color:var(--jade2)}
.wrap{max-width:1280px;margin:auto;padding:0 clamp(1.4rem,5vw,4rem)}
section{padding:clamp(6rem,14vw,11rem) 0;position:relative}
.lbl{display:flex;align-items:center;gap:1rem;color:var(--gold);margin-bottom:2.6rem}
.lbl b{font:italic 400 1rem 'Cinzel';color:#E08A5E;letter-spacing:0;text-transform:none}
.lbl:after{content:"";width:40px;height:1px;background:var(--line)}
.lines p{font:500 clamp(1.25rem,2.4vw,1.6rem)/1.5 'Jost',sans-serif;color:var(--tx)}
.mu{color:var(--mu)}
.greca{height:10px;max-width:220px;margin:0 auto;opacity:.5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='10' fill='none' stroke='%23C2A06A' stroke-width='.8'%3E%3Cpath d='M0 9h4V3h6v4H7V5'/%3E%3Cpath d='M10 1h4v6h6' stroke='%235E8A6A'/%3E%3C/svg%3E") repeat-x center}
/* nav */
nav{position:fixed;inset:0 0 auto;z-index:40;display:flex;justify-content:space-between;align-items:center;padding:1.1rem clamp(1.4rem,5vw,4rem);transition:.5s}
nav.sc{background:rgba(13,14,13,.96);padding-block:.7rem}
nav .lg img{height:30px;width:auto}nav ul{display:none;list-style:none;gap:2.2rem}nav ul a{color:var(--mu);transition:.3s}nav ul a:hover{color:var(--tx)}
.lang{background:none;border:0;color:var(--mu);cursor:pointer}.lang b{color:var(--tx);font-weight:400}
@media(min-width:1000px){nav ul{display:flex}}
/* hero */
.hero{height:100svh;min-height:560px;position:relative;display:flex;align-items:flex-end;overflow:hidden}
.hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
@keyframes zoom{from{transform:scale(1.08)}to{transform:scale(1)}}
.hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,9,8,.55),rgba(8,9,8,.2) 45%,transparent 75%),linear-gradient(180deg,rgba(8,9,8,.5),transparent 22%,transparent 60%,rgba(8,9,8,.9))}
.hero .in{position:relative;z-index:2;width:100%;padding-bottom:clamp(2.5rem,7vh,5rem);display:grid;gap:1.4rem}
.hero .logo{width:clamp(150px,18vw,210px);height:auto}
.hero h1{font:600 clamp(2.2rem,5vw,3.6rem)/1.08 'Cinzel',serif;max-width:14ch}
.hero .row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.4rem}
.ring{position:absolute;z-index:1;right:-12vw;top:50%;width:min(720px,110vw);translate:0 -50%;opacity:.3;pointer-events:none}

@keyframes spin{to{transform:rotate(360deg)}}
.cta{display:flex;gap:2rem}.cta a{border-bottom:1px solid var(--line);padding-bottom:.35rem;transition:.3s}.cta a:hover{border-color:var(--gold);color:var(--gold)}
/* statement */
.stmt{display:grid;gap:3rem}@media(min-width:900px){.stmt{grid-template-columns:1.4fr 1fr;align-items:end;gap:6rem}}
/* releases */
.rel{border-top:1px solid var(--line)}
.rel a{display:grid;grid-template-columns:3rem 1fr auto;gap:1rem;align-items:baseline;padding:1.7rem 0;border-bottom:1px solid var(--line);transition:.4s}
.rel a:hover{padding-left:.8rem;color:var(--gold)}
.rel .n{font:italic 1rem 'Cinzel';color:#E08A5E}.rel .t{font:600 clamp(1.5rem,3.6vw,2.6rem)/1.1 'Cinzel'}
.rel .g{color:var(--mu)}
.embed{margin-top:4rem;opacity:.95}.embed iframe{display:block;border-radius:10px}
/* full-bleed */
.bleed{position:relative;height:clamp(520px,90vh,900px);overflow:hidden}
.bleed img{width:100%;height:100%;object-fit:cover}
.bleed:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--ob),rgba(8,9,8,.2) 25%,rgba(8,9,8,.55) 50%,rgba(8,9,8,.97))}
.bleed .cap{position:absolute;left:0;right:0;bottom:clamp(2rem,6vw,4rem)}
.sets{display:grid;gap:1.6rem;margin-top:2rem}@media(min-width:760px){.sets{grid-template-columns:repeat(3,1fr)}}
.sets div{border-top:1px solid var(--line);padding-top:1rem}.sets h3{font:600 1.9rem 'Cinzel';margin-bottom:.2rem}.sets p{color:var(--tx);font-weight:500}
/* people */
.duo{display:grid;gap:3.5rem;align-items:center}@media(min-width:900px){.duo{grid-template-columns:1fr 1fr;gap:7rem}.duo.r .ph{order:2}}
.ph{position:relative}.ph img{width:100%;aspect-ratio:4/5;object-fit:cover}
.ph:after{content:"";position:absolute;left:14px;right:14px;bottom:-14px;height:6px;opacity:.45;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6' fill='none' stroke='%23C2A06A' stroke-width='.8'%3E%3Cpath d='M0 5h3V1h4v3H5'/%3E%3C/svg%3E") repeat-x}
.role{margin:1.4rem 0 2.2rem;color:var(--jade2)}
.meta{list-style:none;margin-top:2.4rem}.meta li{display:flex;gap:1.5rem;padding:.75rem 0;border-top:1px solid var(--line);color:var(--tx)}.meta li span{min-width:6rem;color:var(--mu)}
.more{display:inline-block;margin-top:2.2rem;color:var(--gold);border-bottom:1px solid var(--line);padding-bottom:.3rem}
/* label */
.label{display:grid;gap:3rem;align-items:center}@media(min-width:900px){.label{grid-template-columns:.8fr 1.2fr;gap:7rem}}
.label img{aspect-ratio:3/4;object-fit:cover;width:100%;max-height:720px}
/* eco */
.eco{display:grid;gap:0;margin-top:3rem;text-align:center}
.eco .nd{padding:1.6rem 0}.eco .nd .t{font:600 clamp(1.5rem,3vw,2.2rem) 'Cinzel'}.eco .nd .cz{color:var(--mu);display:block;margin-top:.3rem}
.eco .ar{height:46px;width:1px;background:var(--line);margin:auto;position:relative}
.eco .ar:after{content:"";position:absolute;left:-3px;bottom:-1px;width:7px;height:7px;border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);transform:rotate(45deg)}
@media(min-width:900px){.eco{grid-template-columns:1fr 60px 1fr 60px 1fr 60px 1fr;align-items:center}.eco .ar{height:1px;width:100%}.eco .ar:after{left:auto;right:0;bottom:-3px;transform:rotate(-45deg)}}
/* gallery */
.gal{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.6rem,1.4vw,1.2rem)}@media(min-width:900px){.gal{grid-template-columns:repeat(4,1fr)}.gal img:nth-child(even){margin-top:4rem}}.gal-note{display:flex;gap:1rem;align-items:end;margin-top:2rem;color:var(--mu)}.gal-note img{width:90px;height:auto;aspect-ratio:auto;}
.gal img{width:100%;aspect-ratio:3/4;object-fit:cover}
/* booking */
.bk{display:grid;gap:3rem}@media(min-width:900px){.bk{grid-template-columns:1.2fr 1fr;gap:6rem;align-items:end}}
.btns{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.6rem}
.btn{padding:.95rem 1.6rem;border:1px solid var(--line);transition:.35s;font-family:'Cinzel';letter-spacing:.28em;font-size:.68rem;text-transform:uppercase}
.btn:hover{border-color:var(--gold);color:var(--gold)}.btn.p{background:var(--jade);border-color:var(--jade);color:#fff}.btn.p:hover{background:var(--jade2);color:var(--ob)}
/* hub */
.hub{max-width:620px;margin:3rem auto 0;border-top:1px solid var(--line)}
.hub a{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:1.15rem .2rem;border-bottom:1px solid var(--line);transition:.35s}
.hub a:hover{padding-left:.8rem;color:var(--gold)}.hub .t{font:600 1.35rem 'Cinzel'}.hub small{color:var(--mu);font-size:.85rem}
footer{padding:4rem 0 5.5rem;text-align:center;color:var(--mu)}footer img{width:36px;height:auto;margin:2.4rem auto 1.2rem;opacity:.8}
.wa{position:fixed;right:18px;bottom:18px;z-index:45;width:52px;height:52px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.45);transition:.3s}.wa:hover{transform:scale(1.07)}.wa svg{width:28px;fill:#fff}
.rv{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
[data-lang=en] .es,[data-lang=es] .en{display:none}
.stmt-img{display:block;width:min(260px,60%);height:auto;aspect-ratio:3/4;object-fit:cover;margin-top:2.4rem}
.art{display:block;width:110px!important;height:auto;aspect-ratio:3/4;object-fit:cover;margin-top:2.4rem;border:1px solid var(--line);padding:4px}
.label img.cover{aspect-ratio:1;max-height:none;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.bleed.short{height:clamp(380px,70vh,720px)}.bleed.short:before{background:linear-gradient(180deg,var(--ob),transparent 30%,transparent 60%,var(--ob))}
.label img.cover{aspect-ratio:1/1!important;object-fit:contain;height:auto;max-width:560px}
.btn{font-size:.8rem;font-weight:700}.hub small{font-size:1rem}.meta li span{font-weight:700}

/* --- prehispanic layer (static only) --- */
body{background:#0f100f url(img/stone.webp) repeat}
section,.alt{background:transparent}
.big,.hero h1{font-family:'Cinzel Decorative','Cinzel',serif;font-weight:700;letter-spacing:.02em;line-height:1.08}
.big{font-size:clamp(2.3rem,7vw,5.2rem)}.hero h1{font-size:clamp(2rem,5vw,3.6rem);max-width:16ch;text-shadow:0 2px 18px rgba(0,0,0,.6)}
.big i{font-style:normal;color:var(--jade2)}
.rel .t,.sets h3,.hub .t{font-family:'Cinzel',serif;font-weight:700;letter-spacing:.04em}
.rel .t{font-size:clamp(1.3rem,3.2vw,2.2rem)}.sets h3{font-size:1.6rem}.hub .t{font-size:1.15rem}
.lbl{color:var(--gold);gap:.8rem}.lbl:after{display:none}
.gl{width:28px;height:28px;fill:none;stroke:var(--terra);stroke-width:1.6;stroke-linejoin:miter}
.greca{max-width:none;height:44px;opacity:.75;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='18' fill='none' stroke='%23D2A954' stroke-width='1.6'%3E%3Cpath d='M0 17h6V5h12v8h-6V9'/%3E%3Cpath d='M18 1h6v12h12' stroke='%234F8466'/%3E%3C/svg%3E") repeat-x center;border-top:1px solid rgba(210,169,84,.25);border-bottom:1px solid rgba(210,169,84,.25);padding:12px 0;background-origin:content-box;background-clip:content-box}
.ph img,.gal img,.stmt-img{border:1px solid rgba(210,169,84,.35);padding:5px;background:#0f100f}
.ph:after{height:10px;bottom:-18px;opacity:.7}
.btn{border-color:rgba(210,169,84,.55)}
@media(max-width:600px){.hero .row{display:grid;gap:1.4rem}.cta{gap:1.6rem}.rel a{grid-template-columns:2rem 1fr;}.rel .g{grid-column:2;font-size:.75rem}.meta li{flex-direction:column;gap:.1rem}.hub a{flex-wrap:wrap}.stmt-img{width:70%}section{padding:5rem 0}}
@media(max-width:600px){footer .cz{letter-spacing:.12em;font-size:.72rem;padding:0 1rem}}
.listen{display:flex;align-items:center;gap:1.2rem;margin-top:3.5rem;padding:1.6rem 1.8rem;border:1px solid rgba(210,169,84,.55);background:linear-gradient(90deg,rgba(79,132,102,.28),rgba(15,16,15,.6));position:relative;transition:border-color .3s,background .3s}
.listen:before,.listen:after{content:"";position:absolute;width:16px;height:16px;border:2px solid var(--gold)}.listen:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.listen:after{bottom:-1px;right:-1px;border-left:0;border-top:0}
.listen:hover{border-color:var(--gold);background:linear-gradient(90deg,rgba(79,132,102,.45),rgba(15,16,15,.6))}
.listen .gl{width:40px;height:40px;flex:none}.listen>span{flex:1}.listen .t{display:block;font:700 clamp(1.3rem,3.4vw,2rem) 'Cinzel Decorative','Cinzel',serif;color:var(--tx)}.listen small{color:var(--jade2)}.listen i{font-style:normal;font-size:1.6rem;color:var(--gold)}
.duo .ph img{aspect-ratio:4/3}
.duo .ph img{aspect-ratio:3/2!important;height:auto!important;object-position:40% 40%}
@media(min-width:900px){.gal{grid-template-columns:repeat(3,1fr)!important}.gal img:nth-child(even){margin-top:4rem}}@media(max-width:899px){.gal img:last-child{grid-column:1/-1;aspect-ratio:3/2!important}}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero .cz,nav:not(.sc) .cz,nav:not(.sc) a{text-shadow:0 1px 10px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.6)}
.sets-grid{display:grid;gap:1.6rem}@media(min-width:700px){.sets-grid{grid-template-columns:1fr 1fr;gap:2rem}}
.setc{display:block;transition:transform .3s}.setc:hover{transform:translateY(-3px)}
.setc .th{position:relative;display:block;border:1px solid rgba(210,169,84,.45);padding:5px;background:#0f100f}
.setc .th img{width:100%;aspect-ratio:16/9;object-fit:cover}
.setc .play{position:absolute;left:50%;top:50%;translate:-50% -50%;width:62px;height:62px;display:grid;place-items:center;background:rgba(15,16,15,.72);border:1.5px solid var(--gold);transform:rotate(45deg);transition:background .3s}
.setc .play svg{width:26px;fill:var(--gold);transform:rotate(-45deg) translateX(2px)}.setc:hover .play{background:var(--jade)}
.setc .dur{position:absolute;right:12px;bottom:12px;background:rgba(15,16,15,.85);color:var(--tx);font:700 .8rem 'Jost';padding:.2rem .5rem;letter-spacing:.04em}
.setc .st{display:block;margin-top:1rem;font:700 clamp(1.1rem,2.4vw,1.4rem)/1.25 'Cinzel',serif;color:var(--tx)}
.setc .yt{display:block;margin-top:.35rem;color:var(--jade2)}
/* player Escucha Radio Tunco */
#escucha .lead{color:var(--mu);margin:-1.4rem 0 2rem;font-size:1rem}
.pl{border:1px solid rgba(210,169,84,.45);background:linear-gradient(160deg,rgba(79,132,102,.18),rgba(15,16,15,.7));position:relative;padding:clamp(1.2rem,3vw,2rem)}
.pl:before,.pl:after{content:"";position:absolute;width:16px;height:16px;border:2px solid var(--gold)}.pl:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.pl:after{bottom:-1px;right:-1px;border-left:0;border-top:0}
.pl-now{display:grid;grid-template-columns:64px 1fr;gap:1rem;align-items:center}
.pl-glyph{width:64px;height:64px;border:1px solid var(--line);display:grid;place-items:center}.pl-glyph svg{width:40px;height:40px;stroke:var(--gold);fill:none;stroke-width:1}
.playing .pl-glyph svg{animation:spin 18s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.pl-t{font:600 clamp(1.2rem,3.4vw,1.8rem)/1.15 'Cinzel',serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pl-a{color:var(--jade2);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pl-prog{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;margin:1.2rem 0 .6rem;font-size:.8rem;color:var(--mu);font-variant-numeric:tabular-nums}
.pl-bar{width:100%;accent-color:var(--gold);height:28px;background:none}
.pl-ctl{display:flex;justify-content:center;align-items:center;gap:1.2rem}
.pl-ctl button{background:none;border:1px solid var(--line);color:var(--tx);width:48px;height:48px;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pl-ctl svg{width:22px;height:22px;fill:currentColor}
.pl-ctl .pl-play{width:64px;height:64px;border-color:var(--gold);color:var(--gold)}.pl-play .pa{display:none}.playing .pl-play .pa{display:block}.playing .pl-play .pp{display:none}
.pl-sh[aria-pressed=true]{color:var(--gold);border-color:var(--gold)}
.pl-filter{display:flex;gap:.5rem;overflow-x:auto;padding:1.4rem 0 .8rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.pl-filter::-webkit-scrollbar{display:none}
.pl-filter button{flex:none;background:none;border:1px solid var(--line);color:var(--mu);padding:.55rem .9rem;font-size:.68rem;letter-spacing:.14em;cursor:pointer}
.pl-filter button.on{color:var(--ob);background:var(--gold);border-color:var(--gold)}
.pl-meta{font-size:.75rem;color:var(--mu);margin-bottom:.4rem}
.pl-list{max-height:22rem;overflow-y:auto;-webkit-overflow-scrolling:touch;border-top:1px solid var(--line)}
.pl-row{display:grid;grid-template-columns:2.2rem 1fr auto;grid-template-areas:"n t d" "n a d";width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);color:var(--tx);padding:.6rem .2rem;font:inherit;cursor:pointer;column-gap:.6rem}
.pl-row .n{grid-area:n;font:italic .85rem 'Cinzel';color:#E08A5E;align-self:center}.pl-row .tt{grid-area:t;font-size:.95rem}.pl-row .aa{grid-area:a;font-size:.72rem;color:var(--mu)}.pl-row .d{grid-area:d;font-size:.75rem;color:var(--mu);align-self:center}
.pl-row.on .tt{color:var(--gold)}
