@import url('https://fonts.googleapis.com/css2?family=Noto+Music&text=%F0%9D%84%9E&display=swap'); /* només el glif de la clau de sol */
/* Coral Joia d'Alella — tema públic (carrega després de kiralia.css i el sobreescriu) */
:root, [data-theme="dark"], [data-theme="light"] {
  --cj-ink:#120C0E; --cj-ink2:#1A1114; --cj-ink3:#241820;
  --cj-wine:#4A1626; --cj-wine2:#6B2338;
  --cj-gold:#C9A04A; --cj-gold2:#E7C777;
  --cj-bone:#EFE6D2; --cj-mute:#A89C88; --cj-line:rgba(231,199,119,.22);
  --cj-display:'Bodoni Moda','Didot','Bodoni 72',Georgia,serif;
  --cj-body:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  --cj-s:#E7C777; --cj-a:#D9A3A8; --cj-t:#A9BFA0; --cj-b:#B98AA6;   /* soprano · contralt · tenor · baix */
  --kiralia-font:var(--cj-body);
  --k-bg:var(--cj-ink); --k-text:var(--cj-bone); --k-text2:var(--cj-mute);
  --kiralia-green:var(--cj-gold2); --kiralia-blue:var(--cj-gold);
  --kiralia-grad-main:linear-gradient(135deg,#C9A04A,#E7C777);
}
html{scroll-behavior:smooth}
body.kiralia-body{background:var(--cj-ink)!important;color:var(--cj-bone)!important;font-family:var(--cj-body)!important;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
#kiralia-canvas,#kiralia-cursor,#kiralia-cursor-ring,#kiralia-theme-toggle{display:none!important}
body.kiralia-body{cursor:auto!important}
a{color:var(--cj-gold2)}
:focus-visible{outline:2px solid var(--cj-gold2);outline-offset:3px;border-radius:2px}
main#content :is(h1,h2,h3,h4){font-family:var(--cj-display)!important;font-weight:400;letter-spacing:-.015em;line-height:1.08;color:var(--cj-bone)!important}
main#content :is(p,li,span,a,input,textarea,select,button,label,td,th){font-family:var(--cj-body)!important}
main#content p{max-width:68ch}

/* ---------- Capçalera ---------- */
#kiralia-header.cj-header{position:sticky;top:0;z-index:1000;background:rgba(18,12,14,.78);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--cj-line);height:auto;padding:0}
.cj-header-in{width:100%;box-sizing:border-box;max-width:1240px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:28px}
.cj-logo{display:block;flex:0 0 auto;line-height:0}
.cj-logo img{height:44px;width:auto;display:block}
.cj-nav{margin-left:auto}
.cj-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:6px;align-items:center}
.cj-nav a{display:block;padding:8px 14px;color:var(--cj-bone)!important;text-decoration:none;font:500 .95rem/1 var(--cj-body)!important;border-radius:999px;transition:color .2s,background .2s}
.cj-nav a:hover{background:rgba(231,199,119,.1);color:var(--cj-gold2)!important}
.cj-nav .current-menu-item>a{color:var(--cj-gold2)!important;box-shadow:inset 0 -2px 0 var(--cj-gold)}
.cj-cta{flex:0 0 auto;display:inline-block;padding:10px 20px;border-radius:999px;background:var(--cj-gold);color:#1a1006!important;text-decoration:none;font:600 .92rem/1 var(--cj-body)!important;transition:background .2s,transform .2s}
.cj-cta:hover{background:var(--cj-gold2);transform:translateY(-1px)}
.cj-lang{list-style:none;display:flex;gap:8px;margin:0;padding:0}
.cj-lang a{color:var(--cj-mute)!important;text-decoration:none;font-size:.8rem}
.cj-lang .current-lang a{color:var(--cj-gold2)!important}
.cj-burger{display:none;margin-left:auto;background:none;border:1px solid var(--cj-line);border-radius:10px;width:44px;height:44px;cursor:pointer;padding:0;position:relative}
.cj-burger span{position:absolute;left:11px;right:11px;height:2px;background:var(--cj-bone);transition:transform .25s,opacity .2s}
.cj-burger span:nth-child(1){top:15px}.cj-burger span:nth-child(2){top:21px}.cj-burger span:nth-child(3){top:27px}
.cj-burger.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.cj-burger.is-open span:nth-child(2){opacity:0}
.cj-burger.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media(max-width:900px){
  .cj-burger{display:block}
  .cj-cta{display:none}
  #kiralia-nav.cj-nav{position:absolute!important;left:0!important;right:0!important;top:100%!important;width:auto!important;margin:0;background:var(--cj-ink)!important;border-bottom:1px solid var(--cj-line)!important;display:none!important;padding:10px 16px 18px;flex:none}
  #kiralia-nav.cj-nav.is-open{display:block!important}
  .cj-nav ul{flex-direction:column;align-items:stretch;gap:0}
  .cj-nav a{padding:14px 12px;border-radius:0;border-bottom:1px solid var(--cj-line);font-size:1.05rem!important}
  .cj-nav .current-menu-item>a{box-shadow:none}
  .cj-nav .cj-cta-m{display:block;margin-top:14px;text-align:center;background:var(--cj-gold);color:#1a1006!important;border-radius:999px;border:0}
}
@media(min-width:901px){.cj-nav li>.cj-cta-m{display:none}.cj-nav .cj-espai{display:none}
  /* menú sempre a la dreta, enganxat als botons (mateixa vora que la barra de l'Espai i el contingut) */
  #kiralia-nav.cj-nav{flex:0 0 auto!important;margin-left:auto!important;justify-content:flex-end!important;width:auto!important}}
.cj-espai-d{flex:0 0 auto;display:inline-block;padding:9px 16px;border:1px solid var(--cj-line);border-radius:999px;color:var(--cj-gold2)!important;text-decoration:none;font:500 .92rem/1 var(--cj-body)!important;transition:background .2s}
.cj-espai-d:hover{background:rgba(231,199,119,.1)}
@media(max-width:900px){.cj-espai-d{display:none}}

/* ---------- Portada ---------- */
.ki-wp-page .cj-hero{position:relative;min-height:calc(100svh - 64px);display:flex;align-items:flex-end;padding:0 24px 8vh;overflow:hidden;isolation:isolate;background:var(--cj-ink) center/cover no-repeat}
body.kiralia-body{margin:0}
.cj-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:inherit;filter:saturate(.8) contrast(1.05)}
.cj-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(18,12,14,.3) 0%,rgba(18,12,14,.45) 30%,rgba(18,12,14,.9) 62%,rgba(18,12,14,.98) 100%)}
.cj-hero-in{width:100%;max-width:1240px;margin:0 auto;position:relative}
.cj-stave{position:absolute;left:-24px;right:-24px;top:50%;height:120px;transform:translateY(-62%);pointer-events:none;z-index:-1}
.cj-stave i{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cj-gold) 12%,var(--cj-gold) 88%,transparent);opacity:.6;transform-origin:left;transform:scaleX(0);animation:cj-draw 1.4s cubic-bezier(.2,.7,.2,1) forwards}
.cj-stave i:nth-child(1){top:0}.cj-stave i:nth-child(2){top:25%;animation-delay:.08s}.cj-stave i:nth-child(3){top:50%;animation-delay:.16s}.cj-stave i:nth-child(4){top:75%;animation-delay:.24s}.cj-stave i:nth-child(5){top:100%;animation-delay:.32s}
.cj-stave b{position:absolute;width:15px;height:11px;border-radius:50%;background:var(--cj-gold2);transform:rotate(-18deg) scale(0);opacity:0;animation:cj-note .7s cubic-bezier(.3,1.5,.5,1) forwards}
.cj-stave b:nth-of-type(1){left:62%;top:87%;animation-delay:1.0s;background:var(--cj-b)}
.cj-stave b:nth-of-type(2){left:67%;top:62%;animation-delay:1.15s;background:var(--cj-t)}
.cj-stave b:nth-of-type(3){left:72%;top:37%;animation-delay:1.3s;background:var(--cj-a)}
.cj-stave b:nth-of-type(4){left:77%;top:12%;animation-delay:1.45s;background:var(--cj-s)}
@keyframes cj-draw{to{transform:scaleX(1)}}
@keyframes cj-note{to{transform:rotate(-18deg) scale(1);opacity:1}}
.cj-hero h1{font-size:clamp(3.4rem,9vw,8rem)!important;line-height:.92!important;margin:0 0 .35em;letter-spacing:-.035em!important;max-width:11ch}
.cj-hero p.cj-lead{font-size:clamp(1.05rem,1.6vw,1.3rem);color:var(--cj-bone);max-width:44ch;margin:0 0 1.6rem}
.cj-btns{display:flex;flex-wrap:wrap;gap:12px}
.cj-btn{display:inline-block;padding:14px 26px;border-radius:999px;font:600 1rem/1 var(--cj-body)!important;text-decoration:none;transition:transform .2s,background .2s,border-color .2s}
.cj-btn.pri{background:var(--cj-gold);color:#1a1006!important}.cj-btn.pri:hover{background:var(--cj-gold2);transform:translateY(-2px)}
.cj-btn.sec{border:1px solid var(--cj-gold);color:var(--cj-gold2)!important}.cj-btn.sec:hover{background:rgba(231,199,119,.12)}

.cj-wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.cj-sec{padding:clamp(64px,10vw,130px) 0}
.cj-sec h2{font-size:clamp(2rem,4.6vw,3.6rem)!important;margin:0 0 1rem}

/* què fem: files separades per filets, no targetes */
.cj-rows{border-top:1px solid var(--cj-line);margin-top:2.2rem}
.cj-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;padding:28px 0;border-bottom:1px solid var(--cj-line);align-items:baseline}
.cj-row h3{font-size:clamp(1.4rem,2.4vw,2rem)!important;margin:0}
.cj-row p{margin:0;color:var(--cj-mute)}
@media(max-width:720px){.cj-row{grid-template-columns:1fr;gap:8px}}

/* les quatre veus */
.cj-veus{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--cj-line);border-bottom:1px solid var(--cj-line)}
.cj-veu{display:flex;flex-direction:column;justify-content:space-between;min-height:min(46vw,300px);padding:26px 22px;text-decoration:none;color:var(--cj-bone)!important;border-right:1px solid var(--cj-line);position:relative;transition:background .3s}
.cj-veu:last-child{border-right:0}
.cj-veu::before{content:"";position:absolute;left:22px;top:26px;width:12px;height:12px;border-radius:50%;background:var(--c)}
.cj-veu:hover{background:var(--cj-wine)}
.cj-veu strong{font:400 clamp(1.7rem,3.2vw,2.8rem)/1 var(--cj-display)!important;margin-top:auto}
.cj-veu span{display:block;color:var(--cj-mute);font-size:.95rem;margin-top:.6rem}
.cj-veu:hover span{color:var(--cj-bone)}
@media(max-width:820px){.cj-veus{grid-template-columns:repeat(2,1fr)}.cj-veu:nth-child(2){border-right:0}.cj-veu:nth-child(-n+2){border-bottom:1px solid var(--cj-line)}.cj-veu{min-height:170px}}

/* qui som */
.cj-about{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,6vw,90px);align-items:center}
.cj-about img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;border-radius:2px;filter:saturate(.85)}
.cj-about p{color:var(--cj-bone);opacity:.88}
@media(max-width:820px){.cj-about{grid-template-columns:1fr}}

/* crida final */
.cj-join{background:var(--cj-wine);padding:clamp(64px,9vw,120px) 0}
.cj-join .cj-wrap{display:grid;grid-template-columns:minmax(0,7fr) auto;gap:32px;align-items:end}
.cj-join h2{font-size:clamp(2.2rem,5.6vw,4.6rem)!important;margin:0 0 .5rem}
.cj-join p{margin:0;color:var(--cj-bone);opacity:.85}
@media(max-width:720px){.cj-join .cj-wrap{grid-template-columns:1fr}}

/* pàgines interiors */
.cj-page{max-width:980px;margin:0 auto;padding:clamp(48px,8vw,100px) 24px}
.cj-page h1{font-size:clamp(2.4rem,6vw,4.6rem)!important;margin:0 0 .6em}
.cj-page ul{padding-left:1.1rem}

/* ---------- Peu ---------- */
.cj-footer{border-top:1px solid var(--cj-line);padding:48px 24px 36px;background:var(--cj-ink2)}
.cj-footer-in{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:32px}
.cj-footer img{height:46px;width:auto;margin-bottom:12px;display:block}
.cj-footer h4{font:600 .95rem/1.2 var(--cj-body)!important;color:var(--cj-gold2)!important;margin:0 0 12px}
.cj-footer ul{list-style:none;margin:0;padding:0}.cj-footer li{margin:6px 0}
.cj-footer a{color:var(--cj-bone);text-decoration:none;opacity:.85}.cj-footer a:hover{color:var(--cj-gold2);opacity:1}
.cj-footer small,.cj-footer p{color:var(--cj-mute);font-size:.9rem;margin:0}
.cj-copy{max-width:1240px;margin:28px auto 0;padding-top:18px;border-top:1px solid var(--cj-line);color:var(--cj-mute);font-size:.85rem}
@media(max-width:720px){.cj-footer-in{grid-template-columns:1fr}}

/* contacte (mòdul) */
main#content .kc-card,main#content .kdx-card{background:var(--cj-ink2);border:1px solid var(--cj-line);border-radius:6px}

@media (prefers-reduced-motion:reduce){
  .cj-stave i{animation:none;transform:none}
  .cj-stave b{animation:none;transform:rotate(-18deg);opacity:1}
  html{scroll-behavior:auto}
}

/* Desplegables del menú */
.cj-nav li.has-sub{position:relative}
.cj-nav li.has-sub>a::after{content:"";display:inline-block;width:5px;height:5px;margin-left:8px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-2px) rotate(45deg);opacity:.7}
.cj-nav .cj-sub{display:none;position:absolute;top:100%;left:0;min-width:210px;padding:8px;background:var(--cj-ink);border:1px solid var(--cj-line);border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.45);flex-direction:column;align-items:stretch;gap:0;z-index:20}
.cj-nav li.has-sub:hover>.cj-sub,.cj-nav li.has-sub:focus-within>.cj-sub{display:flex}
.cj-nav .cj-sub a{border-radius:8px;padding:11px 14px;white-space:nowrap}
@media(max-width:900px){
  .cj-nav .cj-sub,.cj-nav li.has-sub:hover>.cj-sub{display:flex;position:static;min-width:0;padding:0 0 0 16px;background:none;border:0;box-shadow:none;border-radius:0}
  .cj-nav li.has-sub>a::after{display:none}
  .cj-nav .cj-sub a{white-space:normal}
}

html{scroll-padding-top:76px;scroll-behavior:smooth}
.cj-nav .cj-espai>a{color:var(--cj-gold2)!important;border:1px solid var(--cj-line);border-radius:999px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:900px){.cj-nav .cj-sub a{border-radius:0!important}}

/* anula #hero::before/::after de la plantilla base */
#hero.cj-hero::before{top:0;left:0;right:auto;bottom:auto;transform:none;width:auto;height:auto;border-radius:0;pointer-events:none;content:"";position:absolute;inset:0;z-index:-2;background:inherit;filter:saturate(.8) contrast(1.05)}
#hero.cj-hero::after{top:0;left:0;right:auto;bottom:auto;transform:none;width:auto;height:auto;border-radius:0;pointer-events:none;content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(18,12,14,.3) 0%,rgba(18,12,14,.45) 30%,rgba(18,12,14,.9) 62%,rgba(18,12,14,.98) 100%)}

/* =====================================================================
   Portada — seccions (estadístiques, qui som, director, història,
   cantaires, repertori, discografia, contacte)
   ===================================================================== */
.cj-eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 1rem;font:600 .95rem/1 var(--cj-body)!important;color:var(--cj-gold2)}
.cj-hero .cj-eyebrow{margin-bottom:1.1rem}
.cj-sec .cj-eyebrow::before,.cj-join .cj-eyebrow::before{content:"";width:34px;height:1px;background:var(--cj-gold)}
.cj-alt{background:var(--cj-ink2);border-block:1px solid var(--cj-line)}
.cj-sec h2 em,.cj-join h2 em{font-style:italic;color:var(--cj-gold2)}
.cj-intro{max-width:62ch;color:var(--cj-bone);opacity:.85;margin:0 0 2.2rem}
.cj-body p{color:var(--cj-bone);opacity:.88}
.cj-body a,.cj-corals a,.cj-esp a{color:var(--cj-gold2)}

/* xifres */
.cj-stats-sec{background:var(--cj-ink2);border-block:1px solid var(--cj-line)}
.cj-stats{display:grid;grid-template-columns:repeat(3,1fr)}
.cj-stat{padding:clamp(28px,4vw,48px) 24px;border-right:1px solid var(--cj-line)}
.cj-stat:first-child{padding-left:0}.cj-stat:last-child{border-right:0}
.cj-stat strong{display:block;font:400 clamp(2.6rem,6.5vw,5rem)/1 var(--cj-display)!important;color:var(--cj-gold2);letter-spacing:-.03em}
.cj-stat span{display:block;margin-top:.55rem;color:var(--cj-mute);font-size:.98rem}
@media(max-width:620px){.cj-stats{grid-template-columns:1fr}.cj-stat{border-right:0;border-bottom:1px solid var(--cj-line);padding-left:0}.cj-stat:last-child{border-bottom:0}}

/* qui som */
.cj-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,6vw,90px);align-items:start}
.cj-split h2{margin:0}
.cj-split .cj-btn{margin-top:.6rem}
@media(max-width:820px){.cj-split{grid-template-columns:1fr;gap:20px}}
.cj-fullimg{position:relative;margin:clamp(40px,6vw,84px) 0 0;padding:0}
.cj-fullimg img{display:block;width:100%;height:clamp(280px,52vw,620px);object-fit:cover;object-position:center 32%;filter:saturate(.88)}
.cj-badge{position:absolute;right:clamp(16px,4vw,48px);bottom:clamp(16px,3vw,32px);padding:16px 22px;background:rgba(18,12,14,.88);border:1px solid var(--cj-gold);backdrop-filter:blur(6px)}
.cj-badge strong{display:block;font:400 2.2rem/1 var(--cj-display)!important;color:var(--cj-gold2)}
.cj-badge span{display:block;margin-top:.3rem;font-size:.9rem;color:var(--cj-bone)}

/* la vida coral */
.cj-cards{display:grid;grid-template-columns:repeat(3,1fr);margin-top:2.4rem;border-top:1px solid var(--cj-line)}
.cj-card{padding:30px 32px 34px 0;margin-right:32px;border-right:1px solid var(--cj-line)}
.cj-card:last-child{border-right:0;margin-right:0;padding-right:0}
.cj-card .n{display:block;font:400 1rem/1 var(--cj-display)!important;color:var(--cj-gold);margin-bottom:1.1rem}
.cj-card h3{font-size:clamp(1.45rem,2.2vw,1.9rem)!important;margin:0 0 .6rem}
.cj-card p{margin:0;color:var(--cj-mute)}
@media(max-width:820px){.cj-cards{grid-template-columns:1fr}.cj-card{border-right:0;margin-right:0;padding:26px 0;border-bottom:1px solid var(--cj-line)}}

/* director */
.cj-dir{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(28px,6vw,84px);align-items:start}
.cj-dir-img{position:sticky;top:96px;margin:0}
.cj-dir-img img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;filter:saturate(.9)}
.cj-dir-img::after{content:"";position:absolute;inset:14px -14px -14px 14px;border:1px solid var(--cj-gold);z-index:-1;opacity:.55}
.cj-dir h2{margin:0 0 1.2rem}
.cj-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 1.6rem}
.cj-tag{display:inline-block;padding:6px 13px;border:1px solid var(--cj-line);border-radius:999px;font-size:.86rem;line-height:1.2;color:var(--cj-bone)}
.cj-tag.gold{background:var(--cj-gold);color:#1a1006;border-color:var(--cj-gold);font-weight:600;margin-top:.7rem}
.cj-quote{margin:0 0 1.8rem;padding:.2rem 0 .2rem 22px;border-left:2px solid var(--cj-gold);font:italic 400 clamp(1.3rem,2.2vw,1.75rem)/1.35 var(--cj-display)!important;color:var(--cj-bone)}
.cj-corals{margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--cj-line)}
.cj-corals h4{font:600 1rem/1 var(--cj-body)!important;color:var(--cj-gold2)!important;margin:0 0 .8rem}
.cj-corals ul{list-style:none;margin:0;padding:0}
.cj-corals li{padding:9px 0 9px 22px;position:relative;border-bottom:1px solid var(--cj-line);color:var(--cj-bone)}
.cj-corals li::before{content:"";position:absolute;left:0;top:1.05em;width:7px;height:7px;border-radius:50%;background:var(--cj-gold)}
@media(max-width:860px){.cj-dir{grid-template-columns:1fr}.cj-dir-img{position:static;max-width:420px}.cj-dir-img::after{display:none}}

/* història + cantaires */
.cj-hist{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,84px);align-items:start}
.cj-timeline{border-left:1px solid var(--cj-line);margin-left:6px}
.cj-tl{position:relative;display:grid;grid-template-columns:78px minmax(0,1fr);gap:8px 18px;padding:0 0 34px 28px}
.cj-tl::before{content:"";position:absolute;left:-5px;top:.6rem;width:9px;height:9px;border-radius:50%;background:var(--cj-gold)}
.cj-tl .y{font:400 1.7rem/1.1 var(--cj-display)!important;color:var(--cj-gold2)}
.cj-tl h4{font-size:1.25rem!important;margin:0 0 .3rem}
.cj-tl p{margin:0;color:var(--cj-mute);font-size:.98rem}
.cj-members{padding:clamp(22px,3vw,36px);background:var(--cj-ink2);border:1px solid var(--cj-line)}
.cj-voices{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px;margin-top:.6rem}
.cj-voice h4{display:flex;align-items:center;gap:10px;font:600 1.05rem/1 var(--cj-body)!important;color:var(--cj-bone)!important;margin:0 0 .8rem}
.cj-voice h4::before{content:"";width:11px;height:11px;border-radius:50%;background:var(--c)}
.cj-voice ul{list-style:none;margin:0;padding:0}
.cj-voice li{padding:5px 0;color:var(--cj-mute);font-size:.96rem}
.cj-collab{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:clamp(36px,5vw,64px);padding-top:22px;border-top:1px solid var(--cj-line)}
.cj-collab span{color:var(--cj-mute);font-size:.95rem}
.cj-collab{flex-direction:column;align-items:flex-start}
.cj-collab-label{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem!important;color:var(--cj-gold)!important}
.cj-patro{display:grid;gap:14px;justify-items:center;text-align:center;width:min(100%,460px);padding:28px 26px;border:1px solid var(--cj-gold);background:linear-gradient(180deg,var(--cj-ink3),var(--cj-ink2));text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}
.cj-patro:hover{border-color:var(--cj-gold2);transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.cj-patro-kicker{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cj-gold2)}
.cj-patro-logo{display:block;background:#F7F3EA;padding:20px 30px;border-radius:4px}
.cj-patro-logo img{display:block;width:min(280px,100%);height:auto}
.cj-patro-name{font-family:var(--cj-display);font-size:1.35rem;color:var(--cj-bone)}
.cj-patro-text{font-size:.92rem;color:var(--cj-mute);max-width:36ch}
@media(max-width:900px){.cj-hist{grid-template-columns:1fr}}
@media(max-width:460px){.cj-voices{grid-template-columns:1fr}.cj-tl{grid-template-columns:1fr}}

/* repertori */
.cj-tools{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-bottom:1.1rem}
.cj-tools input{flex:1 1 280px;max-width:440px;padding:14px 22px;background:var(--cj-ink);border:1px solid var(--cj-line);border-radius:999px;color:var(--cj-bone);font-size:1rem}
.cj-tools input::placeholder{color:var(--cj-mute)}
.cj-tools input:focus{outline:2px solid var(--cj-gold2);outline-offset:2px;border-color:var(--cj-gold)}
.cj-count{color:var(--cj-mute);font-size:.98rem}.cj-count b{color:var(--cj-gold2);font-weight:600}
.cj-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.6rem}
.cj-chips button{padding:9px 16px;background:none;border:1px solid var(--cj-line);border-radius:999px;color:var(--cj-bone);font-size:.92rem;cursor:pointer;transition:background .2s,border-color .2s}
.cj-chips button:hover{border-color:var(--cj-gold)}
.cj-chips button.on{background:var(--cj-gold);border-color:var(--cj-gold);color:#1a1006;font-weight:600}
.cj-tablewrap{max-height:min(70vh,640px);overflow:auto;border-top:1px solid var(--cj-line);border-bottom:1px solid var(--cj-line);scrollbar-color:var(--cj-gold) var(--cj-ink2)}
.cj-table{width:100%;border-collapse:collapse;font-size:1rem}
.cj-table th{position:sticky;top:0;background:var(--cj-ink2);text-align:left;padding:14px 14px;color:var(--cj-mute);font-weight:500;font-size:.92rem;border-bottom:1px solid var(--cj-line);z-index:1}
.cj-table td{padding:13px 14px;border-bottom:1px solid rgba(231,199,119,.1);vertical-align:top}
.cj-table td:first-child{color:var(--cj-bone);font-weight:500}
.cj-table td:nth-child(2){color:var(--cj-mute)}
.cj-table tbody tr:hover td{background:rgba(231,199,119,.05)}
.cj-table .cj-tag{border:0;padding:0;display:inline-flex;align-items:center;gap:8px;color:var(--cj-mute);font-size:.9rem;white-space:nowrap}
.cj-table .cj-tag::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--dot,var(--cj-mute))}
.cj-table tr[data-c=cl]{--dot:#E7C777}.cj-table tr[data-c=op]{--dot:#D9A3A8}.cj-table tr[data-c=po]{--dot:#A9BFA0}
.cj-table tr[data-c=re]{--dot:#B98AA6}.cj-table tr[data-c=na]{--dot:#E08B7A}.cj-table tr[data-c=hv]{--dot:#7FB7C4}
.cj-table tr[data-c=za]{--dot:#9AA7E0}.cj-table tr[data-c=ot]{--dot:#A89C88}
.cj-none{padding:26px 0;color:var(--cj-mute)}
@media(max-width:640px){.cj-table th:nth-child(2),.cj-table td:nth-child(2){display:none}.cj-table td,.cj-table th{padding:12px 8px}}

/* discografia */
.cj-discs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,56px);margin-top:2rem}
.cj-disc{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;align-items:start;padding-top:24px;border-top:1px solid var(--cj-line)}
.cj-disc>img{width:150px;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid var(--cj-line)}
.cj-disc .y{color:var(--cj-gold2);font-size:.92rem;margin-bottom:.4rem}
.cj-disc h3{font-size:clamp(1.4rem,2.2vw,1.8rem)!important;margin:0 0 .3rem}
.cj-disc .s{margin:0 0 1rem;color:var(--cj-mute);font-size:.95rem}
.cj-disc h5{font:600 .92rem/1 var(--cj-body)!important;color:var(--cj-bone);margin:0 0 .4rem}
.cj-tracks{list-style:none;margin:0;padding:0}
.cj-tracks li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;padding:8px 0;border-bottom:1px solid rgba(231,199,119,.12);font-size:.94rem}
.cj-tracks .n{color:var(--cj-gold)}.cj-tracks .t{color:var(--cj-bone)}.cj-tracks .d{color:var(--cj-mute);font-variant-numeric:tabular-nums}
@media(max-width:960px){.cj-discs{grid-template-columns:1fr}}
@media(max-width:480px){.cj-disc{grid-template-columns:1fr}.cj-disc>img{width:120px}}

/* contacte */
.cj-ct{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,90px);margin-top:2rem;align-items:start}
.cj-ct-info h3{font:600 1rem/1 var(--cj-body)!important;color:var(--cj-gold2)!important;margin:0 0 .6rem}
.cj-ct-info p{margin:0 0 1.6rem;color:var(--cj-bone);line-height:1.7}
.cj-ct-info a{color:var(--cj-gold2)}
.cj-ct form{display:grid;gap:16px}
.cj-ct label{display:block;margin-bottom:6px;font-size:.92rem;color:var(--cj-mute)}
.cj-ct input,.cj-ct textarea{width:100%;padding:14px 16px;background:var(--cj-ink2);border:1px solid var(--cj-line);border-radius:6px;color:var(--cj-bone);font-size:1rem}
.cj-ct input:focus,.cj-ct textarea:focus{outline:2px solid var(--cj-gold2);outline-offset:2px;border-color:var(--cj-gold)}
.cj-ct textarea{min-height:150px;resize:vertical}
.cj-ct button{justify-self:start;padding:15px 30px;border:0;border-radius:999px;background:var(--cj-gold);color:#1a1006;font:600 1rem/1 var(--cj-body)!important;cursor:pointer;transition:background .2s,transform .2s}
.cj-ct button:hover{background:var(--cj-gold2);transform:translateY(-2px)}
.cj-ct button:disabled{opacity:.55;cursor:wait;transform:none}
.cj-ct-msg{display:none;padding:12px 16px;border-radius:6px;font-weight:600}
.cj-esp{margin-top:2.4rem}
@media(max-width:820px){.cj-ct{grid-template-columns:1fr}}

/* pentagrama i notes: per sobre del degradat, sobre la foto de la coral */
.cj-stave{z-index:0}
.cj-stave i{opacity:.85;box-shadow:0 0 10px rgba(231,199,119,.35)}
.cj-stave b{width:21px;height:15px;box-shadow:0 0 16px rgba(231,199,119,.35)}
.cj-stave b::after{content:"";position:absolute;right:0;bottom:8px;width:2px;height:52px;background:inherit;border-radius:1px}
@media(max-width:620px){.cj-stave{left:-12px;right:-12px;height:96px}.cj-stave b{width:17px;height:12px}.cj-stave b::after{height:42px;bottom:6px}}

/* foto principal: la coral ha de veure's bé; el fosc només a la franja del text */
#hero.cj-hero{background-position:center 30%}
#hero.cj-hero::before{filter:none}
#hero.cj-hero::after{background:linear-gradient(180deg,rgba(18,12,14,.45) 0,rgba(18,12,14,0) 16%,rgba(18,12,14,0) 50%,rgba(18,12,14,.74) 76%,rgba(18,12,14,.95) 100%)}
.cj-hero h1,.cj-hero .cj-lead,.cj-hero .cj-eyebrow{text-shadow:0 2px 22px rgba(10,6,8,.65),0 0 2px rgba(10,6,8,.5)}
.ki-wp-page .cj-hero{padding-bottom:6vh}
.cj-hero h1{font-size:clamp(3.2rem,8vw,7rem)!important}
.cj-stave{top:auto;bottom:calc(100% + 28px);transform:none}
@media(max-width:620px){.cj-stave{bottom:calc(100% + 20px)}}

/* ===== notes: corxeres de veritat (cap + plica + bandera), una per veu, ascendint sobre el pentagrama ===== */
.cj-stave{--sh:120px;--nh:54px;height:var(--sh)}
.cj-stave b{--y:.875;width:calc(var(--nh)*.4286);height:var(--nh);border-radius:0;box-shadow:none;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 56'%3E%3Cellipse cx='8' cy='46' rx='7.4' ry='5.1' transform='rotate(-22 8 46)'/%3E%3Crect x='13.7' y='5' width='2.1' height='41'/%3E%3Cpath d='M15.6 5C15.6 15 25.5 17 22.8 33 21.4 25.5 18.2 22.5 15.6 20Z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 56'%3E%3Cellipse cx='8' cy='46' rx='7.4' ry='5.1' transform='rotate(-22 8 46)'/%3E%3Crect x='13.7' y='5' width='2.1' height='41'/%3E%3Cpath d='M15.6 5C15.6 15 25.5 17 22.8 33 21.4 25.5 18.2 22.5 15.6 20Z'/%3E%3C/svg%3E") center/contain no-repeat;
  top:calc(var(--y)*var(--sh) - .82*var(--nh));transform:translateY(10px) scale(.7);transform-origin:50% 80%;opacity:0;
  filter:drop-shadow(0 0 8px rgba(231,199,119,.45));animation:cj-note2 .75s cubic-bezier(.2,1.3,.4,1) forwards}
.cj-stave b::after{content:none}
.cj-stave b:nth-of-type(1){left:58%;--y:.875;animation-delay:1.0s}
.cj-stave b:nth-of-type(2){left:66%;--y:.625;animation-delay:1.18s}
.cj-stave b:nth-of-type(3){left:74%;--y:.375;animation-delay:1.36s}
.cj-stave b:nth-of-type(4){left:82%;--y:.125;animation-delay:1.54s}
@keyframes cj-note2{to{transform:none;opacity:1}}
@media(max-width:620px){.cj-stave{--sh:92px;--nh:42px}.cj-stave b:nth-of-type(1){left:50%}.cj-stave b:nth-of-type(2){left:61%}.cj-stave b:nth-of-type(3){left:72%}.cj-stave b:nth-of-type(4){left:83%}}
@media (prefers-reduced-motion:reduce){.cj-stave b{opacity:1;transform:none;animation:none}}

/* ===== foto: més nítida i lluminosa, amb un lleu assentament en carregar ===== */
#hero.cj-hero::before{filter:brightness(1.1) contrast(1.08) saturate(1.06);transform-origin:50% 40%;animation:cj-settle 2.2s cubic-bezier(.2,.7,.2,1) both}
@keyframes cj-settle{from{transform:scale(1.07)}to{transform:scale(1)}}
#hero.cj-hero{background-position:46% 28%}
@media (prefers-reduced-motion:reduce){#hero.cj-hero::before{animation:none}}

/* =====================================================================
   HERO v3 (27/10/2026) — la foto de la coral es veu sencera i neta a dalt;
   el títol, el text i els botons van a sota sobre fons fosc. El pentagrama
   i les notes queden a la franja on la foto es fon amb el fons.
   Substitueix el bloc «HERO 2026-10-27». Còpia prèvia:
   _instalacion/backup-20261027/coral-theme.css.before-hero-v3
   ===================================================================== */
#hero.cj-hero{--ph:min(70svh,56vw);display:block!important;min-height:0!important;padding:calc(var(--ph) - 70px) 40px clamp(48px,7vh,80px)!important;background-size:0 0!important;background-color:var(--cj-ink)!important}
#hero.cj-hero::before{inset:0 0 auto 0!important;height:var(--ph)!important;width:auto!important;background-image:inherit!important;background-size:cover!important;background-repeat:no-repeat!important;background-position:50% 22%!important;filter:brightness(1.06) contrast(1.05) saturate(1.05)!important}
#hero.cj-hero::after{inset:0 0 auto 0!important;height:calc(var(--ph) + 2px)!important;width:auto!important;background:linear-gradient(to bottom,rgba(18,12,14,.55) 0,rgba(18,12,14,0) 14%,rgba(18,12,14,0) 62%,rgba(18,12,14,.75) 86%,var(--cj-ink) 100%)!important}
#hero .cj-hero-in{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-areas:"eye eye" "h1 lead" "h1 btns";column-gap:clamp(32px,5vw,80px);align-items:end}
#hero .cj-eyebrow{grid-area:eye;margin:0 0 .8rem!important;text-transform:uppercase;letter-spacing:.2em;font-size:.78rem!important}
#hero .cj-eyebrow::before{content:"";width:34px;height:1px;background:var(--cj-gold)}
#hero h1{grid-area:h1;margin:0!important;max-width:none!important;font-size:clamp(3.2rem,7.4vw,7.6rem)!important;line-height:.9!important}
#hero h1 em{color:var(--cj-gold2);font-style:italic}
#hero .cj-lead{grid-area:lead;margin:0 0 1.4rem!important;font-size:clamp(1.02rem,1.3vw,1.2rem)!important;opacity:.92}
#hero .cj-btns{grid-area:btns;padding-bottom:.55rem}
#hero :is(h1,.cj-lead,.cj-eyebrow){text-shadow:0 2px 24px rgba(10,6,8,.55)}
#hero .cj-stave{--sh:96px!important;top:auto!important;bottom:calc(100% + 4px)!important;left:-40px!important;right:-40px!important;transform:none!important}
@media(max-width:900px){
  #hero.cj-hero{--ph:70vw;padding:calc(var(--ph) - 40px) 20px 44px!important}
  #hero.cj-hero::before{background-position:50% 30%!important}
  #hero .cj-hero-in{grid-template-columns:1fr;grid-template-areas:"eye" "h1" "lead" "btns"}
  #hero h1{margin-bottom:1rem!important}
  #hero .cj-stave{left:-20px!important;right:-20px!important;bottom:calc(100% + 10px)!important}
  #hero .cj-btns{gap:10px}
  #hero .cj-btn.pri{flex:1 1 100%;text-align:center}
  #hero .cj-btn.sec{flex:1 1 0;text-align:center;padding-inline:14px}
}

/* =====================================================================
   HERO v4 (27/10/2026) — foto millorada (més llum, color i nitidesa) i,
   en pantalles amples, foto sencera a la dreta sense retallar ningú
   (es manté la proporció 1,643 de l'original) i text a l'esquerra.
   Original intacte: uploads/2023/06/cropped-20230520_113914-scaled-2-1.jpg
   ===================================================================== */
#hero.cj-hero::before{background-image:url("../../uploads/2023/06/coral-portada-millorada.jpg")!important}
@media(min-width:1100px){
  #hero.cj-hero{--pw:62vw;--ph:min(calc(var(--pw) / 1.643),calc(100svh - 64px));display:grid!important;grid-template-columns:minmax(0,1fr) var(--pw);align-items:center;min-height:var(--ph)!important;padding:0 0 0 clamp(40px,4vw,72px)!important}
  #hero.cj-hero::before{inset:0 0 0 auto!important;width:var(--pw)!important;height:100%!important;background-position:50% 40%!important}
  #hero.cj-hero::after{inset:0 0 0 auto!important;width:calc(var(--pw) + 2px)!important;height:100%!important;background:linear-gradient(to right,var(--cj-ink) 0,rgba(18,12,14,.6) 7%,rgba(18,12,14,0) 22%),linear-gradient(to bottom,rgba(18,12,14,.35) 0,rgba(18,12,14,0) 12%,rgba(18,12,14,0) 80%,rgba(18,12,14,.55) 100%)!important}
  #hero .cj-hero-in{position:static!important;grid-column:1;margin:0!important;max-width:none!important;padding:48px clamp(24px,3vw,56px) 48px 0;grid-template-columns:1fr!important;grid-template-areas:"eye" "h1" "lead" "btns"!important}
  #hero h1{font-size:clamp(3.4rem,5.2vw,6.6rem)!important;margin:0 0 1.4rem!important}
  #hero .cj-lead{max-width:38ch!important}
  #hero .cj-stave{left:calc(100% - var(--pw))!important;right:0!important;top:auto!important;bottom:7%!important}
}

/* =====================================================================
   REVISIÓ PORTADA (27/10/2026)
   ===================================================================== */
/* hero ample: els tres botons en una sola fila */
@media(min-width:1100px){
  #hero .cj-btns{flex-wrap:nowrap;gap:10px}
  #hero .cj-btn{padding:13px 20px;white-space:nowrap}
}
/* xifres: el número i el text alineats; text una mica més visible */
.cj-stat span{color:var(--cj-bone);opacity:.72;max-width:22ch}

/* pròxim concert: només es mostra si n'hi ha un a l'agenda */
.cj-proxim{padding:clamp(48px,7vw,90px) 0 0}
.cj-proxim:has(.cj-pc-empty){display:none}

/* director: currículum desplegable */
.cj-more{margin-top:.4rem}
.cj-more>summary{display:inline-flex;align-items:center;gap:10px;cursor:pointer;list-style:none;padding:11px 20px;border:1px solid var(--cj-gold);border-radius:999px;color:var(--cj-gold2);font-weight:600;font-size:.95rem;transition:background .2s}
.cj-more>summary::-webkit-details-marker{display:none}
.cj-more>summary::after{content:"";width:7px;height:7px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.cj-more[open]>summary::after{transform:translateY(2px) rotate(-135deg)}
.cj-more>summary:hover{background:rgba(231,199,119,.1)}
.cj-more[open]>summary{margin-bottom:1.4rem}

/* crida final: text + formulari «Vull cantar» */
.cj-join .cj-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:clamp(32px,6vw,88px)!important;align-items:start!important}
.cj-join h2{font-size:clamp(2.2rem,4.4vw,3.8rem)!important}
.cj-join p{margin-bottom:1.6rem!important}
.cj-join-facts{list-style:none;margin:0;padding:0;border-top:1px solid rgba(231,199,119,.3)}
.cj-join-facts li{display:grid;grid-template-columns:70px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid rgba(231,199,119,.3)}
.cj-join-facts strong{color:var(--cj-gold2);font-weight:600}
.cj-join-facts span{color:var(--cj-bone)}
.cj-join-form{background:var(--cj-ink);border:1px solid rgba(231,199,119,.35);border-radius:18px;padding:clamp(22px,3vw,36px);box-shadow:0 24px 60px rgba(0,0,0,.35)}
.cj-join-form form{max-width:none!important}
.cj-join-form label:first-of-type{margin-top:0!important}
@media(max-width:820px){.cj-join .cj-wrap{grid-template-columns:1fr!important}}

/* =====================================================================
   PENTAGRAMA (27/10/2026): clau de sol + quatre figures diferents
   (blanca, negra, corxera, semicorxera), una per veu, ascendint
   ===================================================================== */
.cj-stave b:nth-of-type(1){-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 56'%3E%3Cpath fill-rule='evenodd' transform='rotate%28-22 8 46%29' d='M0.6 46a7.4 5.1 0 1 0 14.8 0a7.4 5.1 0 1 0 -14.8 0Z M3.2 46a4.8 2.5 0 1 0 9.6 0a4.8 2.5 0 1 0 -9.6 0Z'/%3E%3Crect x='13.7' y='4' width='2.1' height='42'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 56'%3E%3Cpath fill-rule='evenodd' transform='rotate%28-22 8 46%29' d='M0.6 46a7.4 5.1 0 1 0 14.8 0a7.4 5.1 0 1 0 -14.8 0Z M3.2 46a4.8 2.5 0 1 0 9.6 0a4.8 2.5 0 1 0 -9.6 0Z'/%3E%3Crect x='13.7' y='4' width='2.1' height='42'/%3E%3C/svg%3E")!important} /* blanca */
.cj-stave b:nth-of-type(2){-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 56'%3E%3Cellipse cx='8' cy='46' rx='7.4' ry='5.1' transform='rotate%28-22 8 46%29'/%3E%3Crect x='13.7' y='4' width='2.1' height='42'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 56'%3E%3Cellipse cx='8' cy='46' rx='7.4' ry='5.1' transform='rotate%28-22 8 46%29'/%3E%3Crect x='13.7' y='4' width='2.1' height='42'/%3E%3C/svg%3E")!important} /* negra */
.cj-stave b:nth-of-type(3){-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 56'%3E%3Cellipse cx='8' cy='46' rx='7.4' ry='5.1' transform='rotate%28-22 8 46%29'/%3E%3Crect x='13.7' y='4' width='2.1' height='42'/%3E%3Cpath d='M15.6 4C15.6 14 25.5 16 22.8 32 21.4 24.5 18.2 21.5 15.6 19Z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 56'%3E%3Cellipse cx='8' cy='46' rx='7.4' ry='5.1' transform='rotate%28-22 8 46%29'/%3E%3Crect x='13.7' y='4' width='2.1' height='42'/%3E%3Cpath d='M15.6 4C15.6 14 25.5 16 22.8 32 21.4 24.5 18.2 21.5 15.6 19Z'/%3E%3C/svg%3E")!important} /* corxera */
.cj-stave b:nth-of-type(4){-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 56'%3E%3Cellipse cx='8' cy='46' rx='7.4' ry='5.1' transform='rotate%28-22 8 46%29'/%3E%3Crect x='13.7' y='4' width='2.1' height='42'/%3E%3Cpath d='M15.6 4C15.6 14 25.5 16 22.8 32 21.4 24.5 18.2 21.5 15.6 19Z'/%3E%3Cpath d='M15.6 12C15.6 22 25.5 24 22.8 40 21.4 32.5 18.2 29.5 15.6 27Z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 56'%3E%3Cellipse cx='8' cy='46' rx='7.4' ry='5.1' transform='rotate%28-22 8 46%29'/%3E%3Crect x='13.7' y='4' width='2.1' height='42'/%3E%3Cpath d='M15.6 4C15.6 14 25.5 16 22.8 32 21.4 24.5 18.2 21.5 15.6 19Z'/%3E%3Cpath d='M15.6 12C15.6 22 25.5 24 22.8 40 21.4 32.5 18.2 29.5 15.6 27Z'/%3E%3C/svg%3E")!important} /* semicorxera */
.cj-stave::before{content:"\1D11E";position:absolute;left:28px;top:50%;transform:translateY(-66%);font-family:'Noto Music','Segoe UI Symbol','Apple Symbols',serif;font-size:calc(var(--sh) * 1.12);line-height:1;color:var(--cj-gold2);text-shadow:0 0 14px rgba(231,199,119,.45);opacity:0;animation:cj-clef .9s .5s ease-out forwards;pointer-events:none}
@keyframes cj-clef{from{opacity:0;transform:translateY(-60%) scale(.9)}to{opacity:1;transform:translateY(-66%)}}
@media(max-width:900px){#hero .cj-stave{bottom:calc(100% + 30px)!important}}
@media (prefers-reduced-motion:reduce){.cj-stave::before{animation:none;opacity:1}}