:root{
  color-scheme: dark;
  --ebano:#17100C;
  --palisandro:#2A1911;
  --papel:#EFE4CC;
  --papel-2:#E6D8BB;
  --tinta:#231812;
  --tinta-2:#5A4636;
  --latao:#D4A24C;
  --latao-2:#F0C877;
  --vinho:#7E2330;
  --vinho-2:#9B2F3E;
  --creme-2:#C9B797;
  --display:'Gloock', 'Playfair Display', Georgia, serif;
  --body:'Karla', 'Helvetica Neue', Arial, sans-serif;
  --mono:'DM Mono', ui-monospace, Menlo, monospace;
  --music:'Noto Music', 'Bravura Text', serif;
  --navh:84px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{background:var(--ebano);color:var(--papel);font-family:var(--body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid var(--latao-2);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-family:var(--display);font-weight:400;margin:0;text-wrap:balance;letter-spacing:-.01em}
p{margin:0}
.wrap{max-width:1200px;margin:0 auto;padding-inline:clamp(16px,5vw,64px)}
section{scroll-margin-top:var(--navh);position:relative}

/* ---------- Superfícies: madeira e papel pautado ---------- */
.dark{
  background-color:var(--ebano);
  background-image:
    radial-gradient(110% 70% at 80% 0%, rgba(126,35,48,.28), transparent 60%),
    radial-gradient(90% 60% at 0% 100%, rgba(212,162,76,.08), transparent 60%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='450'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.0018 0.08' numOctaves='3' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.62 0 0 0 0 0.40 0 0 0 0 0.24 0 0 0 0.32 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  color:var(--papel);
  --line:rgba(239,228,204,.28);
  --muted:var(--creme-2);
  --accent:var(--latao);
}
.paper{
  background-color:var(--papel);
  background-image:
    radial-gradient(ellipse at 50% 40%, transparent 55%, rgba(120,78,36,.14)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='150'%3E%3Cpath d='M0 40.5h10M0 50.5h10M0 60.5h10M0 70.5h10M0 80.5h10' stroke='%23231812' stroke-opacity='.085'/%3E%3C/svg%3E");
  color:var(--tinta);
  --line:rgba(35,24,18,.55);
  --muted:var(--tinta-2);
  --accent:var(--vinho);
}
.sec{padding-block:clamp(80px,10vw,136px)}

/* ---------- Marcação de andamento (eyebrow) ---------- */
.tempo{display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-family:var(--mono);font-size:13px;letter-spacing:.06em;color:var(--accent)}
.tempo em{font-style:italic;font-size:15px;letter-spacing:.02em}
.tempo .sym{font-family:var(--music);font-size:26px;line-height:1;font-style:normal}
.tempo .rule{flex:0 0 36px;height:1px;background:currentColor;opacity:.6}

/* ---------- Pauta genérica ---------- */
.staff{--g:10px;position:relative;height:calc(var(--g)*4 + 1px);background:repeating-linear-gradient(to bottom,var(--line) 0 1px,transparent 1px var(--g))}
.note{position:absolute;left:var(--x);top:calc(var(--g)*4 - var(--s)*var(--g)/2 + .5px);width:0;height:0;color:inherit;transition:color .2s, transform .2s}
.note i{position:absolute;width:calc(var(--g)*1.4);height:var(--g);left:calc(var(--g)*-.7);top:calc(var(--g)*-.5);border-radius:50%;background:currentColor;transform:rotate(-22deg)}
.note b{position:absolute;width:1.5px;height:calc(var(--g)*3.3);background:currentColor;left:calc(var(--g)*.7 - 1.5px);bottom:0}
.note.dn b{left:calc(var(--g)*-.7);top:0;bottom:auto}
.note.open i{background:transparent;border:1.6px solid currentColor}

/* ---------- Navegação: a pauta ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding-top:env(safe-area-inset-top,0px);background:rgba(23,16,12,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(212,162,76,.25)}
.nav-in{max-width:1320px;margin:0 auto;padding:10px clamp(16px,3vw,40px) 12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{display:block;height:58px;width:auto}
.navstaff{--g:7px;position:relative;height:29px;margin:4px 0 22px;color:rgba(239,228,204,.72);--line:rgba(239,228,204,.35)}
.navstaff::before,.navstaff::after{content:"";position:absolute;top:0;bottom:0;width:1.5px;background:var(--line)}
.navstaff::before{left:0}.navstaff::after{right:0;width:4px;border-left:1.5px solid var(--line);background:transparent;box-shadow:inset -3px 0 0 var(--line)}
.nn{position:absolute;top:0;height:29px;width:64px;margin-left:-32px;left:calc((var(--i) + .5) / 8 * 100%);text-decoration:none;color:inherit}
.nn::before{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-24px}
.nn .note{left:50%}
.nn .lbl{position:absolute;top:34px;left:50%;transform:translateX(-50%);white-space:nowrap;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--creme-2);transition:color .2s}
.nn:hover .note,.nn.on .note{color:var(--latao-2)}
.nn:hover .note{transform:translateY(-2px)}
.nn.on .lbl,.nn:hover .lbl{color:var(--latao-2)}
.playhead{position:absolute;top:-9px;bottom:-9px;width:2px;margin-left:-1px;background:var(--latao);box-shadow:0 0 12px rgba(240,200,119,.7);left:calc(100% / 16);pointer-events:none;border-radius:2px}
.nav-act{display:flex;align-items:center;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;font-family:var(--body);font-weight:700;font-size:15px;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}
.btn:hover{transform:translateY(-1px)}
.btn-brass{background:var(--latao);color:var(--ebano)}
.btn-brass:hover{background:var(--latao-2)}
.btn-line{border-color:currentColor;background:transparent;color:inherit}
.btn-wine{background:var(--vinho);color:var(--papel)}
.btn-wine:hover{background:var(--vinho-2)}
.som{min-height:44px;min-width:44px;padding:0 14px;border-radius:999px;border:1.5px solid rgba(239,228,204,.35);background:transparent;color:var(--papel);font-family:var(--mono);font-size:12px;display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.som .ic{font-family:var(--music);font-size:18px;line-height:1}
.som[aria-pressed="true"]{border-color:var(--latao);color:var(--latao-2);background:rgba(212,162,76,.12)}
.nav .btn{min-height:44px;padding:0 20px}

@media (max-width: 900px){
  .nav-in{grid-template-columns:1fr auto;row-gap:6px;padding-bottom:8px}
  .navstaff{grid-column:1 / -1;grid-row:2;margin:6px 10px 20px}
  .nav-act{grid-column:2;grid-row:1}
  .brand img{height:50px}
}
@media (max-width: 560px){
  .nn .lbl{font-size:10px;letter-spacing:0;opacity:0;transition:opacity .2s}
  .nn.on .lbl{opacity:1}
  .nn{width:40px;margin-left:-20px}
  .nav .btn{display:none}
  .som .txt{display:none}
}

/* ---------- Hero ---------- */
.hero{padding-top:calc(var(--navh) + clamp(48px,7vw,96px));overflow:hidden;isolation:isolate;
  background-image:linear-gradient(90deg, rgba(23,16,12,.94) 0%, rgba(23,16,12,.78) 45%, rgba(23,16,12,.35) 100%), linear-gradient(0deg, rgba(23,16,12,.96) 0%, rgba(23,16,12,.2) 45%, rgba(23,16,12,.55) 100%), var(--hero-img);
  background-size:cover;background-position:center 30%}
.credit{position:absolute;right:clamp(16px,3vw,40px);top:calc(var(--navh) + 14px);z-index:1;font-family:var(--mono);font-size:10.5px;color:rgba(239,228,204,.55)}
#cordas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.hero-in{position:relative;z-index:1;display:flex;flex-direction:column;gap:26px;max-width:1200px}
.hero h1{font-size:clamp(68px,13vw,184px);line-height:.86;color:var(--papel)}
.hero h1 span{display:block;font-family:var(--body);font-size:clamp(14px,1.6vw,19px);letter-spacing:.32em;text-transform:uppercase;line-height:1.4;margin-top:22px;color:var(--latao)}
.hero .lead{max-width:34ch;font-size:clamp(18px,1.8vw,21px);line-height:1.6;color:#E3D5B9}
.ctas{display:flex;flex-wrap:wrap;gap:14px}
.band{position:relative;z-index:1;height:clamp(210px,24vw,270px);margin-top:clamp(40px,6vw,72px);touch-action:pan-y}
.hint{position:absolute;left:0;right:0;bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--creme-2)}
.hint .quote{font-family:var(--display);font-size:clamp(16px,1.8vw,20px);letter-spacing:0;color:var(--papel)}

/* ---------- Boas-vindas + números ---------- */
.welcome{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px}
.welcome .t{grid-column:span 5;display:flex;flex-direction:column;gap:18px}
.welcome .b{grid-column:7 / span 6;display:flex;flex-direction:column;gap:18px;font-size:18px;color:var(--tinta-2)}
.welcome h2{font-size:clamp(34px,3.8vw,50px);line-height:1.05}
.lema-casa{font-family:var(--display);font-size:clamp(22px,2.2vw,28px);line-height:1.3;color:var(--vinho);padding-top:8px;border-top:1px solid rgba(35,24,18,.25)}
.stats{margin-top:clamp(56px,7vw,88px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1.5px solid var(--tinta);border-bottom:1.5px solid var(--tinta)}
.stat{padding:26px 24px 24px;display:flex;flex-direction:column;gap:6px;border-left:1px solid rgba(35,24,18,.35)}
.stat:first-child{border-left:0;padding-left:0}
.stat .n{font-family:var(--display);font-size:clamp(44px,5vw,64px);line-height:1;color:var(--vinho);font-variant-numeric:tabular-nums}
.stat .l{font-size:15px;color:var(--tinta-2)}
.stat .m{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta)}

/* ---------- Cabeçalho de secção ---------- */
.head2{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:end;margin-bottom:clamp(48px,6vw,72px)}
.head2 .t{grid-column:span 7;display:flex;flex-direction:column;gap:18px}
.head2 .d{grid-column:9 / span 4;color:var(--muted)}
.head2 h2{font-size:clamp(40px,5.4vw,72px);line-height:1}

/* ---------- História: compassos ---------- */
.measures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-left:2px solid var(--tinta);border-right:5px double var(--tinta)}
.measure{padding:0 24px 8px;border-left:1px solid var(--tinta);display:flex;flex-direction:column;gap:14px}
.measure:first-child{border-left:0}
.measure .num{font-family:var(--mono);font-style:italic;font-size:12px;color:var(--tinta-2);height:18px}
.measure .staff{margin:6px 0 26px;color:var(--vinho)}
.measure .when{font-family:var(--display);font-size:30px;line-height:1.05;color:var(--vinho)}
.measure h3{font-family:var(--body);font-weight:700;font-size:18px;line-height:1.35;color:var(--tinta)}
.measure p{font-size:16px;color:var(--tinta-2)}
.nome{margin-top:clamp(40px,5vw,64px);display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:start;padding:28px 32px;background:rgba(255,250,238,.55);border:1px solid rgba(35,24,18,.18);border-radius:6px;max-width:880px}
.nome .sym{font-family:var(--music);font-size:48px;line-height:1;color:var(--vinho)}
.nome p{font-size:17px;color:var(--tinta-2)}
.nome strong{color:var(--tinta)}

/* ---------- Fundador ---------- */
.founder{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start}
.medal-col{grid-column:span 5;display:flex;flex-direction:column;align-items:center;gap:22px;position:sticky;top:calc(var(--navh) + 32px)}
.medal{width:min(100%,380px);aspect-ratio:1;border-radius:50%;position:relative;display:grid;place-items:center;
  background:radial-gradient(circle at 50% 42%, #2e1c13 0 52%, transparent 53%),
             repeating-conic-gradient(from 0deg, var(--latao) 0 2.5deg, #3a2317 2.5deg 5deg, var(--vinho) 5deg 7.5deg, #3a2317 7.5deg 10deg);
  box-shadow:0 0 0 2px var(--latao), 0 0 0 10px #22150F, 0 0 0 11px rgba(212,162,76,.6), 0 30px 60px rgba(0,0,0,.45)}
.medal::before{content:"";position:absolute;inset:11%;border-radius:50%;box-shadow:0 0 0 1.5px var(--latao), inset 0 0 40px rgba(0,0,0,.6);background:radial-gradient(circle at 50% 40%, #2e1c13, #140c08)}
.medal .in{position:relative;text-align:center;display:flex;flex-direction:column;gap:6px}
.medal .mono{font-family:var(--display);font-size:clamp(56px,7vw,86px);line-height:1;color:var(--latao-2)}
.medal .yrs{font-family:var(--mono);font-size:13px;letter-spacing:.2em;color:var(--creme-2)}
.medal-ph{position:absolute;inset:11%;width:78%;height:78%;border-radius:50%;object-fit:cover;object-position:center 40%;box-shadow:0 0 0 1.5px var(--latao),inset 0 0 30px rgba(0,0,0,.5);filter:sepia(.12) contrast(1.03)}
.lema{margin:6px 0 0;text-align:center;display:flex;flex-direction:column;gap:10px;max-width:380px}
.lema blockquote{margin:0;padding:0;border:0;font-family:var(--display);font-size:clamp(24px,2.6vw,32px);line-height:1.25;color:var(--latao-2)}
.lema figcaption{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--creme-2)}
.cap{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--creme-2);text-align:center}
.founder .txt{grid-column:7 / span 6;display:flex;flex-direction:column;gap:22px}
.founder h2{font-size:clamp(42px,5.4vw,72px);line-height:1}
.founder h2 small{display:block;font-family:var(--mono);font-size:15px;letter-spacing:.2em;color:var(--latao);margin-top:14px}
.founder p{color:#E3D5B9;font-size:18px}
.path{list-style:none;margin:6px 0;padding:0;display:flex;flex-direction:column;border-top:1px solid rgba(239,228,204,.2)}
.path li{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid rgba(239,228,204,.2);font-size:16px;color:#E3D5B9}
.path li span{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--latao);padding-top:3px}
blockquote{margin:10px 0 0;padding:0 0 0 28px;border-left:2px solid var(--latao);font-family:var(--display);font-size:clamp(22px,2.4vw,30px);line-height:1.3;color:var(--papel)}

/* ---------- Direção ---------- */
.dir{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start}
.dir .txt{grid-column:span 7;display:flex;flex-direction:column;gap:22px}
.dir h2{font-size:clamp(46px,6vw,84px);line-height:.98}
.dir p{font-size:18px;color:var(--tinta-2)}
.parts{grid-column:9 / span 4;display:flex;flex-direction:column;border:1.5px solid var(--tinta);border-radius:6px;background:rgba(255,250,238,.6)}
.parts h3{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:18px 22px;border-bottom:1.5px solid var(--tinta);color:var(--vinho)}
.parts ul{list-style:none;margin:0;padding:0}
.parts li{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:16px 22px;border-bottom:1px solid rgba(35,24,18,.2);font-size:15.5px;line-height:1.45;color:var(--tinta)}
.parts li:last-child{border-bottom:0}
.parts li .ic{font-family:var(--music);font-size:20px;line-height:1;color:var(--vinho)}

/* ---------- A Tuna: partitura ---------- */
.score{position:relative;display:flex;flex-direction:column;padding-left:18px;border-left:3px solid var(--latao)}
.score::before{content:"";position:absolute;left:-14px;top:0;bottom:0;width:10px;border:3px solid var(--latao);border-right:0;border-radius:10px 0 0 10px}
.row{all:unset;box-sizing:border-box;display:grid;grid-template-columns:210px 54px 1fr;align-items:center;gap:0;padding:14px 0;cursor:pointer;border-radius:6px;position:relative}
.row:focus-visible{outline:2px solid var(--latao-2);outline-offset:4px}
.row:hover .rname{color:var(--latao-2)}
.rname{display:flex;flex-direction:column;gap:2px;padding-right:18px;transition:color .2s}
.rname strong{font-family:var(--display);font-weight:400;font-size:24px;line-height:1.1}
.rname span{font-family:var(--mono);font-size:12px;color:var(--creme-2)}
.clefc{font-family:var(--music);font-size:44px;line-height:1;color:var(--papel);text-align:center;transform:translateY(-4px)}
.clefc.bass{font-size:34px;transform:translateY(-8px)}
.row .staff{--g:10px;color:var(--papel);margin-block:22px}
.row .staff::after{content:"";position:absolute;right:0;top:0;bottom:0;width:1.5px;background:var(--line)}
.row .note.lit{color:var(--latao-2);transform:translateY(-3px)}
.row .play{position:absolute;right:0;top:50%;transform:translate(0,-50%);font-family:var(--mono);font-size:11px;color:var(--creme-2);background:var(--ebano);padding:2px 8px;border-radius:999px;border:1px solid rgba(239,228,204,.25);opacity:0;transition:opacity .2s}
.row:hover .play,.row:focus-visible .play{opacity:1}
.score-foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:34px;font-family:var(--mono);font-size:12.5px;color:var(--creme-2)}
.score-foot strong{color:var(--latao)}

/* ---------- Escola ---------- */
.school{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px}
.school .t{grid-column:span 5;display:flex;flex-direction:column;gap:18px}
.school h2{font-size:clamp(40px,5.2vw,68px);line-height:1}
.school .b{grid-column:7 / span 6;display:flex;flex-direction:column;gap:18px;font-size:18px;color:var(--tinta-2)}
.teachers{margin-top:clamp(56px,7vw,80px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.teacher{display:flex;flex-direction:column;gap:14px;padding:30px;border:1.5px solid var(--tinta);border-radius:6px;background:rgba(255,250,238,.62)}
.teacher .top{display:flex;align-items:center;gap:18px}
.teacher .av{width:64px;height:64px;border-radius:50%;flex:0 0 64px;display:grid;place-items:center;background:var(--tinta);color:var(--latao-2);font-family:var(--display);font-size:24px}
.teacher .inst{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--vinho)}
.teacher h3{font-size:28px;line-height:1.1}
.teacher p{font-size:16px;color:var(--tinta-2)}
.cta{margin-top:28px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:center;padding:clamp(32px,5vw,56px);border-radius:6px;background:var(--vinho);color:var(--papel);position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0 44px,rgba(239,228,204,.14) 44px 45px,transparent 45px 54px,rgba(239,228,204,.14) 54px 55px,transparent 55px 64px,rgba(239,228,204,.14) 64px 65px,transparent 65px 74px,rgba(239,228,204,.14) 74px 75px,transparent 75px 84px,rgba(239,228,204,.14) 84px 85px,transparent 85px 150px);pointer-events:none}
.cta .t{grid-column:span 7;position:relative;display:flex;flex-direction:column;gap:14px}
.cta .tempo{color:var(--latao-2)}
.cta h3{font-size:clamp(40px,5vw,64px);line-height:1}
.cta p{font-size:18px;color:#F1E4CF}
.cta .a{grid-column:9 / span 4;position:relative;display:flex;flex-direction:column;gap:12px}
.cta .btn{min-height:56px;font-size:16px}
.cta .btn-light{background:var(--papel);color:var(--tinta)}
.cta .btn-light:hover{background:#fff8ea}

/* ---------- Contactos ---------- */
.contact{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start}
.contact .t{grid-column:span 5;display:flex;flex-direction:column;gap:20px}
.contact h2{font-size:clamp(42px,5.4vw,72px);line-height:1}
.contact .t p{color:var(--muted);font-size:18px}
.socials{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.socials a{width:52px;height:52px;border-radius:50%;border:1.5px solid currentColor;display:grid;place-items:center;color:inherit;transition:border-color .2s,color .2s,background .2s}
.socials a:hover{color:var(--accent);background:rgba(126,35,48,.08)}
.details{grid-column:7 / span 6;display:flex;flex-direction:column;border-top:2px solid var(--tinta)}
.drow{display:grid;grid-template-columns:120px 1fr auto;gap:18px;align-items:center;padding:26px 0;border-bottom:1px solid rgba(35,24,18,.2)}
.drow .k{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.drow .v{font-family:var(--display);font-size:clamp(20px,2.2vw,28px);line-height:1.2;overflow-wrap:break-word;min-width:0;user-select:all}
.drow .v a{text-decoration:none}
.drow .v small{display:block;font-family:var(--body);font-size:15px;color:var(--muted);margin-top:4px;user-select:text}
.copy{min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid currentColor;background:transparent;color:inherit;font-family:var(--mono);font-size:12px;cursor:pointer}
.copy:hover{color:var(--accent)}

/* ---------- Rodapé: Fine ---------- */
footer{padding-block:48px calc(40px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(212,162,76,.25);background:#0F0A07}
.foot{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;font-size:14px;color:var(--creme-2)}
.fine{display:flex;align-items:center;gap:16px}
.foot img{height:64px;width:auto}
.fine .bar{width:7px;height:36px;border-left:1.5px solid var(--latao);border-right:4px solid var(--latao)}
.fine em{font-family:var(--display);font-style:normal;font-size:26px;color:var(--papel)}
.foot a{color:var(--latao-2);text-decoration:none;font-family:var(--mono);font-size:13px}

/* ---------- Responsivo ---------- */
@media (max-width: 900px){
  .welcome .t,.welcome .b,.head2 .t,.head2 .d,.medal-col,.founder .txt,.dir .txt,.parts,.school .t,.school .b,.cta .t,.cta .a,.contact .t,.details{grid-column:1 / -1}
  .medal-col{position:static}
  .medal{width:min(78%,320px)}
  .measures{grid-template-columns:repeat(2,minmax(0,1fr))}
  .measure:nth-child(3){border-left:0}
  .measure:nth-child(n+3){padding-top:28px}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat:nth-child(3){border-left:0;padding-left:0}
  .stat:nth-child(n+3){border-top:1px solid rgba(35,24,18,.35)}
  .teachers{grid-template-columns:1fr}
  .row{grid-template-columns:150px 44px 1fr}
  .rname strong{font-size:20px}
}
@media (max-width: 560px){
  body{font-size:16px}
  .measures{grid-template-columns:1fr;border-right:5px double var(--tinta)}
  .measure{border-left:0;padding-top:24px}
  .measure:first-child{padding-top:0}
  .row{grid-template-columns:1fr;gap:4px}
  .clefc{display:none}
  .row .staff{margin-block:12px 18px}
  .path li{grid-template-columns:1fr;gap:4px}
  .drow{grid-template-columns:1fr auto}
  .drow .k{grid-column:1 / -1}
  .stat{padding:20px 14px}
}

/* ---------- Fotografias ---------- */
.photo{margin:0;display:flex;flex-direction:column;gap:10px}
.photo img{display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 20px 50px rgba(35,24,18,.28)}
.photo figcaption{font-family:var(--mono);font-size:12px;color:var(--muted)}
.welcome-photo{margin-top:clamp(48px,6vw,72px)}
.welcome .logo{width:min(220px,60%);height:auto;margin-bottom:6px}
.dir-side{grid-column:9 / span 4;display:flex;flex-direction:column;gap:28px}
.dir-side .arch{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 30%;border-radius:999px 999px 6px 6px;box-shadow:0 0 0 6px var(--papel),0 0 0 7.5px var(--tinta),0 24px 50px rgba(35,24,18,.3)}
.parts{grid-column:auto}
.teacher .ph{width:96px;height:96px;flex:0 0 96px;border-radius:50%;object-fit:cover;object-position:center 22%;box-shadow:0 0 0 3px var(--papel),0 0 0 4.5px var(--vinho)}
/* naipes */
.naipes-h{margin:clamp(56px,7vw,88px) 0 24px;display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap}
.naipes-h h3{font-size:clamp(28px,3vw,40px)}
.naipes-h p{color:var(--creme-2);font-size:16px;max-width:46ch}
.naipes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px;align-items:start}
.percorra{font-family:var(--display);font-size:clamp(22px,2.4vw,30px);color:var(--latao-2);margin:0 0 32px}
.ncard{all:unset;box-sizing:border-box;cursor:zoom-in;display:flex;flex-direction:column;gap:16px;align-items:center}
.ncard img{display:block;width:100%;height:auto;border-radius:3px;box-shadow:0 18px 40px rgba(0,0,0,.35);transition:transform .35s}
.ncard:hover img{transform:translateY(-4px)}
.ncard:focus-visible{outline:2px solid var(--latao-2);outline-offset:4px;border-radius:4px}
.ncard span{font-family:var(--display);font-size:24px;color:var(--papel);text-align:center}
/* galeria */
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.gi{all:unset;box-sizing:border-box;display:block;cursor:zoom-in;position:relative;overflow:hidden;border-radius:3px;aspect-ratio:4/3;background:#241710}
.gi img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s, opacity .3s}
.gi:hover img{transform:scale(1.05)}
.gi:focus-visible{outline:2px solid var(--latao-2);outline-offset:3px}
.gi .n{position:absolute;left:8px;bottom:6px;font-family:var(--mono);font-size:11px;color:var(--papel);text-shadow:0 1px 4px rgba(0,0,0,.8);opacity:0;transition:opacity .2s}
.gi:hover .n,.gi:focus-visible .n{opacity:1}
.gal-foot{margin-top:28px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-family:var(--mono);font-size:12.5px;color:var(--creme-2)}
.gal-foot a{color:var(--latao-2)}
/* lightbox */
.lb[hidden]{display:none}
.lb{position:fixed;inset:0;z-index:100;background:rgba(10,7,5,.95);display:grid;grid-template-rows:auto 1fr auto;padding:calc(12px + env(safe-area-inset-top,0px)) 12px calc(12px + env(safe-area-inset-bottom,0px))}
.lb-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:var(--mono);font-size:13px;color:var(--creme-2);padding:4px 8px}
.lb-stage{position:relative;display:grid;place-items:center;min-height:0;touch-action:pan-y}
.lb-stage img{max-width:100%;max-height:100%;object-fit:contain;border-radius:3px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.lb-btn{min-width:48px;min-height:48px;border-radius:999px;border:1.5px solid rgba(239,228,204,.4);background:rgba(23,16,12,.6);color:var(--papel);font-size:20px;cursor:pointer;display:grid;place-items:center}
.lb-btn:hover{border-color:var(--latao);color:var(--latao-2)}
.lb-prev,.lb-next{position:absolute;top:50%;transform:translateY(-50%)}
.lb-prev{left:8px}.lb-next{right:8px}
.lb-cap{text-align:center;font-family:var(--mono);font-size:12px;color:var(--creme-2);padding:8px}
@media (max-width: 900px){
  .dir-side{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,220px) 1fr;align-items:start}
  .naipes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .head2 .d{grid-column:1 / -1}
}
@media (max-width: 560px){
  .dir-side{grid-template-columns:1fr}
  .dir-side .arch{max-width:260px}
  .gal{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
}

/* ---------- Botões em forma de palheta de bandolim ---------- */
.btn,.btn:hover{background:none;border:0;border-radius:0}
.btn{position:relative;isolation:isolate;min-height:72px;padding:0 40px 18px;transform-origin:50% 30%;transition:transform .25s cubic-bezier(.3,1.6,.5,1),color .2s}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--pick) center/100% 100% no-repeat;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35));transition:filter .2s}
.btn:hover{transform:rotate(-4deg) translateY(-2px)}
.btn:active{transform:rotate(3deg) translateY(1px)}
.btn:hover::before{filter:drop-shadow(0 10px 16px rgba(0,0,0,.45)) brightness(1.06)}
.btn:focus-visible{outline:none}
.btn:focus-visible::before{filter:drop-shadow(0 0 0 var(--latao-2)) drop-shadow(0 0 3px var(--latao-2))}
.btn-brass{--pick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3CradialGradient id='a' cx='22%25' cy='38%25' r='30%25'%3E%3Cstop offset='0' stop-color='%236E3510' stop-opacity='.6'/%3E%3Cstop offset='1' stop-color='%236E3510' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='74%25' cy='30%25' r='26%25'%3E%3Cstop offset='0' stop-color='%238A4A18' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%238A4A18' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='52%25' cy='74%25' r='24%25'%3E%3Cstop offset='0' stop-color='%236E3510' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%236E3510' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='h' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23FFF1C8' stop-opacity='.6'/%3E%3Cstop offset='.5' stop-color='%23FFF1C8' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M100 2 C152 2 197 7 197 30 C197 54 140 86 110 97 C104 99.5 96 99.5 90 97 C60 86 3 54 3 30 C3 7 48 2 100 2 Z' fill='%23D6A24A'/%3E%3Cpath d='M100 2 C152 2 197 7 197 30 C197 54 140 86 110 97 C104 99.5 96 99.5 90 97 C60 86 3 54 3 30 C3 7 48 2 100 2 Z' fill='url(%23a)'/%3E%3Cpath d='M100 2 C152 2 197 7 197 30 C197 54 140 86 110 97 C104 99.5 96 99.5 90 97 C60 86 3 54 3 30 C3 7 48 2 100 2 Z' fill='url(%23b)'/%3E%3Cpath d='M100 2 C152 2 197 7 197 30 C197 54 140 86 110 97 C104 99.5 96 99.5 90 97 C60 86 3 54 3 30 C3 7 48 2 100 2 Z' fill='url(%23c)'/%3E%3Cpath d='M100 2 C152 2 197 7 197 30 C197 54 140 86 110 97 C104 99.5 96 99.5 90 97 C60 86 3 54 3 30 C3 7 48 2 100 2 Z' fill='url(%23h)'/%3E%3Cpath d='M100 2 C152 2 197 7 197 30 C197 54 140 86 110 97 C104 99.5 96 99.5 90 97 C60 86 3 54 3 30 C3 7 48 2 100 2 Z' fill='none' stroke='%237A4A16' stroke-width='1.5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");color:#1E1209;text-shadow:0 1px 0 rgba(255,241,200,.45)}
.btn-brass:hover{background:none}
.btn-wine{--pick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3CradialGradient id='a' cx='22%25' cy='38%25' r='30%25'%3E%3Cstop offset='0' stop-color='%233E0E14' stop-opacity='.6'/%3E%3Cstop offset='1' stop-color='%233E0E14' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='74%25' cy='30%25' r='26%25'%3E%3Cstop offset='0' stop-color='%234A1018' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%234A1018' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='52%25' cy='74%25' r='24%25'%3E%3Cstop offset='0' stop-color='%233E0E14' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%233E0E14' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='h' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23F3B9A0' stop-opacity='.6'/%3E%3Cstop offset='.5' stop-color='%23F3B9A0' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M100 2 C152 2 197 7 197 30 C197 54 140 86 110 97 C104 99.5 96 99.5 90 97 C60 86 3 54 3 30 C3 7 48 2 100 2 Z' fill='%238E2A36'/%3E%3Cpath d='M100 2 C152 2 197 7 197 30 C197 54 140 86 110 97 C104 99.5 96 99.5 90 97 C60 86 3 54 3 30 C3 7 48 2 100 2 Z' fill='url(%23a)'/%3E%3Cpath d='M100 2 C152 2 197 7 197 30 C197 54 140 86 110 97 C104 99.5 96 99.5 90 97 C60 86 3 54 3 30 C3 7 48 2 100 2 Z' fill='url(%23b)'/%3E%3Cpath d='M100 2 C152 2 197 7 197 30 C197 54 140 86 110 97 C104 99.5 96 99.5 90 97 C60 86 3 54 3 30 C3 7 48 2 100 2 Z' fill='url(%23c)'/%3E%3Cpath d='M100 2 C152 2 197 7 197 30 C197 54 140 86 110 97 C104 99.5 96 99.5 90 97 C60 86 3 54 3 30 C3 7 48 2 100 2 Z' fill='url(%23h)'/%3E%3Cpath d='M100 2 C152 2 197 7 197 30 C197 54 140 86 110 97 C104 99.5 96 99.5 90 97 C60 86 3 54 3 30 C3 7 48 2 100 2 Z' fill='none' stroke='%234A1018' stroke-width='1.5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");color:#FBEFE0}
.btn-line{--pick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3C/defs%3E%3Cpath d='M100 2 C152 2 197 7 197 30 C197 54 140 86 110 97 C104 99.5 96 99.5 90 97 C60 86 3 54 3 30 C3 7 48 2 100 2 Z' fill='rgba(239,228,204,0.06)' stroke='%23EFE4CC' stroke-width='1.6' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");color:var(--papel)}
.cta .btn-light,.cta .btn-light:hover{--pick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3CradialGradient id='a' cx='22%25' cy='38%25' r='30%25'%3E%3Cstop offset='0' stop-color='%23C09A66' stop-opacity='.6'/%3E%3Cstop offset='1' stop-color='%23C09A66' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='74%25' cy='30%25' r='26%25'%3E%3Cstop offset='0' stop-color='%23D2B488' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%23D2B488' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='52%25' cy='74%25' r='24%25'%3E%3Cstop offset='0' stop-color='%23C09A66' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%23C09A66' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='h' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23FFFFFF' stop-opacity='.6'/%3E%3Cstop offset='.5' stop-color='%23FFFFFF' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M100 2 C152 2 197 7 197 30 C197 54 140 86 110 97 C104 99.5 96 99.5 90 97 C60 86 3 54 3 30 C3 7 48 2 100 2 Z' fill='%23F3E8D2'/%3E%3Cpath d='M100 2 C152 2 197 7 197 30 C197 54 140 86 110 97 C104 99.5 96 99.5 90 97 C60 86 3 54 3 30 C3 7 48 2 100 2 Z' fill='url(%23a)'/%3E%3Cpath d='M100 2 C152 2 197 7 197 30 C197 54 140 86 110 97 C104 99.5 96 99.5 90 97 C60 86 3 54 3 30 C3 7 48 2 100 2 Z' fill='url(%23b)'/%3E%3Cpath d='M100 2 C152 2 197 7 197 30 C197 54 140 86 110 97 C104 99.5 96 99.5 90 97 C60 86 3 54 3 30 C3 7 48 2 100 2 Z' fill='url(%23c)'/%3E%3Cpath d='M100 2 C152 2 197 7 197 30 C197 54 140 86 110 97 C104 99.5 96 99.5 90 97 C60 86 3 54 3 30 C3 7 48 2 100 2 Z' fill='url(%23h)'/%3E%3Cpath d='M100 2 C152 2 197 7 197 30 C197 54 140 86 110 97 C104 99.5 96 99.5 90 97 C60 86 3 54 3 30 C3 7 48 2 100 2 Z' fill='none' stroke='%23B89A6C' stroke-width='1.5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");background:none;color:var(--tinta)}
.cta .btn{min-height:76px}
.nav .btn{min-height:56px;padding:0 26px 14px;font-size:14px}
.socials a{border:0;border-radius:0;width:54px;height:58px;padding-bottom:10px;box-sizing:border-box;position:relative;isolation:isolate;transition:transform .25s cubic-bezier(.3,1.6,.5,1),color .2s}
.socials a::before{content:"";position:absolute;inset:0;z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3C/defs%3E%3Cpath d='M100 2 C152 2 197 7 197 30 C197 54 140 86 110 97 C104 99.5 96 99.5 90 97 C60 86 3 54 3 30 C3 7 48 2 100 2 Z' fill='rgba(35,24,18,0.03)' stroke='%23231812' stroke-width='1.6' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.socials a:hover{background:none;transform:rotate(-6deg) translateY(-2px);color:var(--vinho)}

/* ---------- WordPress ---------- */
[hidden]{display:none!important}
img{max-width:100%}
body{margin:0}
body.admin-bar .nav{top:32px}
@media (max-width:782px){body.admin-bar .nav{top:46px}}
.lb-media{width:min(100%,1200px);aspect-ratio:16/9;max-height:100%}
.lb-media iframe,.lb-media video{width:100%;height:100%;border:0;border-radius:3px;background:#000;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.gi .play{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:rgba(23,16,12,.72);border:1.5px solid var(--latao-2);display:grid;place-items:center;color:var(--latao-2);pointer-events:none;transition:transform .25s}
.gi:hover .play{transform:scale(1.08)}
.gi .play svg{margin-left:4px}
.gal-vazia{padding:40px;border:1.5px dashed rgba(239,228,204,.3);border-radius:6px;text-align:center;color:var(--creme-2);font-family:var(--mono);font-size:13px}