:root{--bg:#090706;--bg2:#110c08;--ink:#f1dfbd;--muted:#bda982;--rust:#8f2d1f;--red:#57140f;--gold:#d4a64f;--line:rgba(212,166,79,.26);--serif:'Crimson Pro',serif;--cond:'Barlow Condensed',sans-serif;--display:'Alfa Slab One',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--cond);overflow-x:hidden}.grain{position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}.site-header{height:86px;position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{height:70px;background:rgba(8,6,5,.92);backdrop-filter:blur(12px);border-color:var(--line)}.brand img{width:145px;display:block}.main-nav{display:flex;align-items:center;gap:30px}.main-nav a{color:#eadaba;text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-size:14px;font-weight:600}.main-nav a:hover{color:var(--gold)}.nav-cta{border:1px solid var(--gold);padding:10px 18px}.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle span{display:block;width:27px;height:2px;background:var(--ink);margin:6px}
.hero{min-height:100svh;position:relative;display:flex;align-items:center;padding:130px 7vw 80px;isolation:isolate}.hero-bg{position:absolute;inset:0;background:url('assets/hero-band.webp') center 10%/cover no-repeat;z-index:-3}.hero-vignette{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,4,3,.95) 0%,rgba(5,4,3,.72) 40%,rgba(5,4,3,.18) 72%,rgba(5,4,3,.62) 100%),linear-gradient(0deg,#090706 0%,transparent 28%,rgba(0,0,0,.25) 100%)}.hero-copy{max-width:700px}.eyebrow,.section-kicker{text-transform:uppercase;color:var(--gold);letter-spacing:.25em;font-weight:700;font-size:13px}.hero-logo{display:none;width:min(520px,85vw);margin:24px 0}.hero h1{font-family:var(--display);font-size:clamp(44px,6vw,86px);line-height:.98;letter-spacing:-.025em;margin:24px 0 26px;text-transform:uppercase;text-shadow:0 5px 30px #000}.hero h1 em{display:block;color:var(--gold);font-family:var(--serif);font-weight:500;text-transform:none;font-size:.67em;line-height:1.05;margin-top:14px}.hero p{font-family:var(--serif);font-size:22px;line-height:1.55;max-width:620px;color:#dac8a5}.hero-actions{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:0;text-transform:uppercase;letter-spacing:.13em;font:700 14px var(--cond);text-decoration:none;cursor:pointer;transition:.25s;border:1px solid var(--gold)}.btn-primary{background:var(--gold);color:#160c08}.btn-primary:hover{background:#ebc470;transform:translateY(-2px)}.btn-ghost{color:var(--ink);background:rgba(0,0,0,.2)}.btn-ghost:hover{background:var(--ink);color:#15100b}.scroll-cue{position:absolute;right:5vw;bottom:38px;color:#cbb893;text-decoration:none;text-transform:uppercase;letter-spacing:.2em;font-size:11px;display:flex;align-items:center;gap:12px;writing-mode:vertical-rl}.scroll-cue span{width:1px;height:56px;background:var(--gold);display:block}
.ticker{overflow:hidden;border-block:1px solid var(--line);background:#100b08}.ticker-track{display:flex;width:max-content;align-items:center;gap:26px;padding:17px 0;animation:ticker 25s linear infinite}.ticker span{font:600 18px var(--cond);letter-spacing:.22em}.ticker i{color:var(--gold)}@keyframes ticker{to{transform:translateX(-50%)}}
.section{padding:120px 7vw}.manifesto{background:radial-gradient(circle at 80% 20%,rgba(106,35,22,.2),transparent 34%),#0c0907}.manifesto-grid{display:grid;grid-template-columns:1.05fr .8fr;gap:8vw;align-items:center}.manifesto h2,.section-head h2,.sound h2,.booking h2{font-family:var(--display);text-transform:uppercase;font-size:clamp(42px,5.5vw,78px);line-height:1.03;margin:20px 0 28px}.manifesto h2 span{font-family:var(--serif);font-weight:500;text-transform:none;color:var(--gold);font-size:.76em}.manifesto p{font:20px/1.65 var(--serif);color:#cdbb99}.manifesto .lead{font-size:27px;color:#f0dfbd}.influences{margin-top:38px;padding-top:25px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px}.influences span{width:100%;text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font-size:12px}.influences strong{font-weight:500;border:1px solid rgba(255,255,255,.16);padding:7px 11px;color:#d6c6aa}.poster-frame{margin:0;position:relative;transform:rotate(1.5deg);box-shadow:0 35px 70px #000}.poster-frame:before{content:"";position:absolute;inset:-10px;border:1px solid var(--gold);opacity:.5;z-index:2}.poster-frame img{display:block;width:100%;filter:saturate(.85) contrast(1.08)}.poster-frame figcaption{position:absolute;left:-36px;bottom:30px;background:var(--red);color:#f5dfb8;padding:12px 18px;text-transform:uppercase;letter-spacing:.16em;transform:rotate(-3deg)}
.members{background:#080605}.section-head{display:flex;justify-content:space-between;gap:5vw;align-items:end;margin-bottom:50px}.section-head h2{margin-bottom:0}.section-head>p{font:20px/1.55 var(--serif);color:#c4b18e;max-width:520px}.member-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.member-card{position:relative;min-height:560px;overflow:hidden;background:#18100c;border:1px solid rgba(255,255,255,.06)}.member-card img{position:absolute;width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.08);transition:.55s}.member-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,3,2,.96) 0%,rgba(5,3,2,.35) 44%,transparent 68%)}.member-card:hover img{transform:scale(1.04);filter:saturate(1) contrast(1.05)}.member-info{position:absolute;z-index:2;left:24px;right:24px;bottom:25px}.member-info span{color:var(--gold);text-transform:uppercase;letter-spacing:.2em;font-size:12px}.member-info h3{font:600 31px var(--cond);text-transform:uppercase;margin:5px 0 8px}.member-info p{font:17px/1.4 var(--serif);color:#cdbb9d;margin:0;opacity:0;max-height:0;transition:.35s}.member-card:hover p{opacity:1;max-height:90px}
.sound{min-height:760px;position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden}.sound-bg{position:absolute;inset:0;z-index:-2;background:url('assets/saloon-live.webp') center/cover no-repeat fixed;filter:saturate(.55)}.sound:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,5,4,.98) 10%,rgba(8,5,4,.82) 55%,rgba(8,5,4,.35)),linear-gradient(0deg,#090706,transparent 35%,#090706)}.sound-content{max-width:840px}.sound h2{max-width:750px}.sound-content>p{font:24px/1.55 var(--serif);color:#d5c29e;max-width:720px}.sound-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:38px 0}.sound-cards>div{border-top:2px solid var(--gold);background:rgba(20,12,8,.72);padding:22px}.sound-cards b{color:var(--gold);letter-spacing:.18em}.sound-cards h3{text-transform:uppercase;font-size:24px;margin:12px 0 5px}.sound-cards p{font:17px/1.4 var(--serif);color:#c3b18f}.placeholder-action{border:0}
.gallery{background:#0d0907}.gallery-grid{display:grid;grid-template-columns:1.5fr .75fr;grid-template-rows:360px 360px;gap:18px}.gallery-grid figure{margin:0;position:relative;overflow:hidden}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:.55s;filter:saturate(.75)}.gallery-grid figure:hover img{transform:scale(1.025);filter:saturate(1)}.gallery-wide{grid-row:1/3}.gallery-small{grid-column:2}.gallery-grid figcaption{position:absolute;left:18px;bottom:18px;background:rgba(10,7,5,.84);border-left:3px solid var(--gold);padding:10px 14px;text-transform:uppercase;letter-spacing:.17em}.gallery-small img{object-position:52% 30%}.gallery-tall img{object-position:center 45%;object-fit:cover}.gallery-wide img{object-position:center}
.booking{background:linear-gradient(120deg,#8b2a1f,#4b110d);padding-block:90px}.booking-inner{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:45px}.booking-mark{font:80px var(--display);border:2px solid rgba(255,220,158,.5);width:140px;height:140px;display:grid;place-items:center;transform:rotate(-6deg);color:#f4cf83}.booking h2{font-size:clamp(40px,5vw,70px);margin-bottom:15px}.booking p{font:20px/1.5 var(--serif);max-width:760px;color:#ead5b4}.btn-light{background:#f0d39b;color:#27110a;border-color:#f0d39b;white-space:nowrap}footer{padding:55px 7vw;text-align:center;background:#050403;border-top:1px solid var(--line)}footer img{width:280px}footer p{text-transform:uppercase;letter-spacing:.2em;color:var(--gold)}footer span{color:#786c5b;font-size:13px}.toast{position:fixed;right:24px;bottom:24px;background:#e4c17c;color:#211108;padding:15px 18px;z-index:100;transform:translateY(120px);opacity:0;transition:.3s;font-weight:600;box-shadow:0 10px 35px #000}.toast.show{transform:none;opacity:1}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.member-grid{grid-template-columns:repeat(2,1fr)}.manifesto-grid{grid-template-columns:1fr;gap:60px}.poster-frame{max-width:650px;margin:auto}.booking-inner{grid-template-columns:110px 1fr}.booking-mark{width:100px;height:100px;font-size:54px}.booking .btn{grid-column:2}.hero-bg{background-position:62% center}.hero-vignette{background:linear-gradient(90deg,rgba(5,4,3,.92),rgba(5,4,3,.55) 65%,rgba(5,4,3,.3)),linear-gradient(0deg,#090706,transparent 35%)}}
@media(max-width:760px){.site-header{height:70px}.brand img{width:120px}.menu-toggle{display:block;z-index:3}.main-nav{position:absolute;top:0;right:0;width:min(82vw,360px);height:100vh;padding:100px 35px;display:flex;flex-direction:column;align-items:flex-start;background:#0c0907;transform:translateX(100%);transition:.35s;border-left:1px solid var(--line)}.main-nav.open{transform:none}.main-nav a{font-size:18px}.hero{padding:120px 6vw 80px;align-items:flex-end}.hero-bg{background-position:65% center}.hero-vignette{background:linear-gradient(0deg,rgba(5,4,3,.98) 5%,rgba(5,4,3,.62) 58%,rgba(5,4,3,.3))}.hero h1{font-size:41px}.hero p{font-size:19px}.scroll-cue{display:none}.section{padding:85px 6vw}.section-head{display:block}.section-head>p{margin-top:20px}.member-grid{grid-template-columns:1fr}.member-card{min-height:520px}.member-info p{opacity:1;max-height:100px}.sound{min-height:auto}.sound-bg{background-attachment:scroll}.sound-cards{grid-template-columns:1fr}.gallery-grid{display:block}.gallery-grid figure{height:420px;margin-bottom:16px}.gallery-wide{height:520px!important}.booking-inner{display:block}.booking-mark{margin-bottom:35px}.booking .btn{margin-top:15px}.manifesto .lead{font-size:23px}.poster-frame figcaption{left:10px}.hero-logo{display:block}.hero h1{font-family:var(--cond);font-weight:600;text-transform:none;font-size:28px;line-height:1.15}.hero h1 em{font-size:1em;margin-top:8px}.eyebrow{font-size:10px}.hero-actions .btn{width:100%}}

/* Hero 2026 — foto Old West do ensaio */
@media (min-width:761px){
  .site-header{height:82px;padding:0 5.6vw;background:linear-gradient(180deg,rgba(3,2,2,.82),rgba(3,2,2,.32) 70%,transparent)}
  .site-header .brand{visibility:hidden;pointer-events:none;width:420px}
  .main-nav{margin-left:auto;gap:34px}
  .main-nav a{font-size:13px;text-shadow:0 2px 8px #000}
  .hero{height:100svh;min-height:640px;padding:0;background:#050403;overflow:hidden}
  .hero-bg{background-image:url('assets/hero-band.webp');background-position:center 8%;background-size:cover}
  .hero-vignette{background:linear-gradient(0deg,rgba(4,3,2,.82) 0%,rgba(4,3,2,.28) 22%,transparent 48%),linear-gradient(90deg,rgba(0,0,0,.28),transparent 22%,transparent 80%,rgba(0,0,0,.22))}
  .hero-desktop-links{display:none}
  .hero-copy-mobile{display:block;position:absolute;left:7vw;bottom:6vh;z-index:2;max-width:640px}
  .hero-copy-mobile .hero-logo{display:none}
  .hero-copy-mobile h1{font-size:clamp(34px,4.2vw,62px);margin:12px 0 16px}
  .hero-copy-mobile p{text-shadow:0 2px 14px #000}
  .scroll-cue{z-index:3;right:2.2vw;bottom:24px}
}
@media (min-width:1800px){
  .hero{min-height:760px}
}
@media (max-width:760px){
  .hero-desktop-links{display:none}
  .hero-copy-mobile{display:block}
  .hero-copy-mobile .hero-logo{display:none}
  .hero-bg{background-image:url('assets/hero-band.webp');background-position:center 12%}
}