/* Rik Avalos Band theme: the band's own dark, raw rock look (the band's own site, November 2026) layered
   over bands/band.css. Barlow body, Barlow Condensed uppercase display; near-black ground, warm
   orange and gold accents; flat panels, hairline rules. No halftone dots, tilted frames,
   offset shadows or comic type anywhere. Fonts are local (bands/themes/fonts/), copied to
   assets/fonts/ by the build. */
@font-face{font-family:'Barlow';src:url('fonts/Barlow-400i.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:'Barlow';src:url('fonts/Barlow-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Barlow';src:url('fonts/Barlow-500.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Barlow';src:url('fonts/Barlow-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Barlow';src:url('fonts/Barlow-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('fonts/BarlowCondensed-500.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('fonts/BarlowCondensed-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('fonts/BarlowCondensed-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}

:root{
 --black:#0b0b0d;--char:#151518;--panel:#1b1b20;--bone:#f1ede6;--mute:#b9b3a8;--rule:#34343b;
 --orange:#e8672b;--orange-deep:#c4531f;--gold:#f2b45a;
 --paper:var(--black);--ink:var(--bone);--white:var(--panel);--line:1px solid var(--rule);
 --display:'Barlow Condensed','Arial Narrow',Arial,sans-serif;--body:Barlow,Arial,sans-serif;
}

/* ---------- base ---------- */
body{font-family:var(--body);font-size:18px;line-height:1.6;color:var(--bone);background:var(--black)}
h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:.01em;text-transform:uppercase;line-height:1;text-shadow:none;text-wrap:balance;overflow-wrap:break-word;color:var(--bone)}
h2{font-size:clamp(2.2rem,4vw,3.6rem)}h3{font-size:1.7rem}
a{color:inherit;text-underline-offset:.18em}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.eyebrow,.section-heading .eyebrow{display:block;font:600 1rem/1.4 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);background:none;border:0;box-shadow:none;padding:0;margin-bottom:10px}
.section-heading{align-items:end;border-bottom:1px solid var(--rule);padding-bottom:18px;margin-bottom:34px}
.section-heading>p:not(.eyebrow){color:var(--mute)}
.frame-caption,.photo-grid figcaption,.cover-photos .cap{font:600 .9rem/1.4 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.band-section{padding:72px 0}
.band-section+.band-section{padding-top:0}
.prose p{color:var(--bone);max-width:68ch}.prose p+p{margin-top:16px}

/* ---------- buttons ---------- */
.button{font:700 1.05rem/1.2 var(--display);letter-spacing:.1em;text-transform:uppercase;min-height:50px;padding:.7rem 1.6rem;gap:14px;border:2px solid var(--orange);border-radius:2px;background:var(--orange);color:var(--black);box-shadow:none}
.button:hover{transform:none;box-shadow:none;background:var(--gold);border-color:var(--gold)}
.button.light,.button.yellow{background:transparent;color:var(--bone);border-color:var(--bone)}
.button.light:hover,.button.yellow:hover{background:var(--bone);color:var(--black)}
.actions{gap:1rem}

/* ---------- header and phone menu ---------- */
.band-nav{background:var(--black);color:var(--bone);border-bottom:1px solid var(--rule)}
.band-nav-inner{min-height:72px;gap:24px}
.band-nav .band-name,.band-menu .band-name{font:700 1.7rem/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--bone);text-shadow:none;text-decoration:none}
.band-nav-links ul a{display:inline-flex;align-items:center;height:52px;padding:0 .8rem;font:600 1.05rem/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--bone);border:2px solid transparent;border-radius:2px;text-decoration:none}
.band-nav-links ul a:hover{color:var(--gold)}
.band-nav-links ul a[aria-current]{background:transparent;color:var(--gold);border-color:transparent;box-shadow:inset 0 -3px 0 var(--orange)}
.band-nav .band-book{min-height:48px;padding:0 1.2rem;font-size:1rem;background:var(--orange);color:var(--black);border-color:var(--orange);box-shadow:none}
.band-nav .band-book:hover,.band-nav .band-book[aria-current]{background:var(--gold);border-color:var(--gold);color:var(--black)}
.band-menu-button{font:700 .95rem/1 var(--display);letter-spacing:.1em;text-transform:uppercase;background:transparent;color:var(--bone);border:2px solid var(--bone);border-radius:2px;box-shadow:none;min-height:48px;padding:8px 14px}
.band-menu{background:var(--black);color:var(--bone);padding:20px 20px 32px}
.band-menu::backdrop{background:var(--black)}
.band-menu-close{font:700 .95rem/1 var(--display);letter-spacing:.1em;text-transform:uppercase;background:transparent;color:var(--bone);border:2px solid var(--bone);border-radius:2px;box-shadow:none}
.band-menu ul{margin:36px 0 28px}
.band-menu ul a{font:700 2.4rem/1 var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--bone);padding:18px 0;border-bottom:1px solid var(--rule);text-decoration:none}
.band-menu ul a[aria-current]{background:transparent;color:var(--gold);text-shadow:none;border-color:transparent;border-bottom-color:var(--rule);box-shadow:inset 6px 0 0 var(--orange);padding-left:16px;border-radius:0}
.band-menu .band-book{background:var(--orange);color:var(--black);border-color:var(--orange);box-shadow:none;font-size:1.1rem}
.band-nav :focus-visible,.band-menu :focus-visible{outline-color:var(--gold)}

/* ---------- home hero ---------- */
.band-hero{background:var(--black);color:var(--bone);border-bottom:1px solid var(--rule)}
.band-hero:before,.band-hero:after{display:none}
.band-hero-inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:4rem;padding:64px 0 72px}
.band-hero .kicker{color:var(--gold)}
.band-hero h1{font-size:clamp(3.6rem,7vw,7rem);line-height:.9;letter-spacing:.01em;text-transform:uppercase;color:var(--bone);text-shadow:none;margin:.3rem 0 1rem}
.band-hero .lede{font-size:1.3rem;line-height:1.5;max-width:34rem;color:var(--bone);margin-top:0}
.band-hero .actions .button{background:var(--orange);color:var(--black);border-color:var(--orange)}
.band-hero .actions .button.light{background:transparent;color:var(--bone);border-color:var(--bone)}
.band-hero .actions .button.light:hover{background:var(--bone);color:var(--black)}
.band-hero-media{transform:none;margin:0}
.frame{border:1px solid var(--rule);box-shadow:none;background:var(--char)}
.band-hero .frame{border-color:var(--rule);box-shadow:none}
.band-hero .frame-caption{color:var(--mute)}

/* ---------- interior page hero ---------- */
.page-hero{background:var(--char);color:var(--bone);border-bottom:1px solid var(--rule)}
.page-hero:before,.page-hero:after{display:none}
.page-hero h1{font-size:clamp(2.8rem,5.4vw,5rem);line-height:.95;text-transform:uppercase;color:var(--bone);text-shadow:none}
.page-hero .lede{color:var(--bone);max-width:38rem}
.page-hero .kicker{color:var(--gold)}
.page-hero .chips li{border:1px solid var(--rule);background:transparent;color:var(--bone);box-shadow:none}
.page-hero-media .shot,.page-hero .shot{border:1px solid var(--rule);box-shadow:none;transform:none}

/* ---------- photographs: no halftone, no offset ---------- */
.shot{background:var(--char)}
.shot:after{display:none}
.photo-lead figure{margin:0 0 40px}
.photo-lead .shot{border:1px solid var(--rule)}
.photo-grid{gap:20px}
.photo-grid figure,.photo-grid figure:nth-child(3n+2),.photo-grid figure:nth-child(3n){background:var(--panel);border:1px solid var(--rule);box-shadow:none}
.photo-grid .shot{border-bottom:1px solid var(--rule)}
.photo-grid figcaption{background:var(--panel);color:var(--mute);font:600 .9rem/1.5 var(--display);letter-spacing:.06em;text-transform:uppercase}
.photo-grid.releases .shot{aspect-ratio:1}
.photo-grid.releases figcaption{font:500 .98rem/1.55 var(--body);text-transform:none;letter-spacing:0;color:var(--mute)}
.photo-grid.releases figcaption b{display:block;font:700 1.45rem/1.1 var(--display);letter-spacing:.03em;text-transform:uppercase;color:var(--bone);margin-bottom:4px}
.photo-grid.releases figcaption a{color:var(--gold)}
.photo-grid.releases{grid-template-columns:repeat(4,1fr)}

/* ---------- cover lines ---------- */
.cover-line{background:var(--panel);border:1px solid var(--rule);box-shadow:none;color:var(--bone)}
.cover-line .num{color:var(--gold);font:600 1rem/1.4 var(--display);letter-spacing:.14em;text-transform:uppercase}
.cover-line h3{color:var(--bone)}.cover-line p{color:var(--mute)}
.cover-line .go{color:var(--gold);font:700 1rem/1.2 var(--display);letter-spacing:.1em;text-transform:uppercase}
.cover-line:hover{border-color:var(--orange)}
.cover-line.book{border-color:var(--orange)}
.cover-photos .shot{border:1px solid var(--rule)}

/* ---------- members ---------- */
.member{background:var(--panel);color:var(--bone);border:1px solid var(--rule);box-shadow:none;padding:0}
.member:nth-child(2),.member:nth-child(3),.member:nth-child(4){margin-top:0}
.member .shot{margin:0 0 18px;border:0;border-bottom:1px solid var(--rule);aspect-ratio:4/5}
.member h3,.member .role,.member p{margin-left:20px;margin-right:20px}
.member h3{color:var(--bone);font-size:2.1rem}
.member .role{font:600 1rem/1.4 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.member p:last-child{padding-bottom:22px;font-size:1rem;color:var(--mute)}
.members.four{grid-template-columns:repeat(4,1fr);gap:20px}

/* ---------- story timeline ---------- */
.timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.timeline article{padding:24px 26px 28px;background:var(--panel);border:1px solid var(--rule);border-left:4px solid var(--orange)}
.timeline h3{font-size:1.7rem;color:var(--bone);margin-bottom:10px}
.timeline p{color:var(--mute);font-size:1.02rem}

/* ---------- video grid and link row ---------- */
.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.video-grid figure{min-width:0}
.link-row{margin-top:28px}
.link-row a{background:transparent;color:var(--bone);border:1px solid var(--rule);box-shadow:none;font:700 1rem/1.2 var(--display);letter-spacing:.1em;text-transform:uppercase;border-radius:2px}
.link-row a:hover{border-color:var(--orange);color:var(--gold)}

/* ---------- show list and fact table ---------- */
.songs{list-style:none;margin:0;padding:0}
.songs li{display:flex;justify-content:space-between;gap:18px;padding:14px 4px;border-bottom:1px solid var(--rule)}
.songs li b{font-weight:600}.songs li span{color:var(--mute);text-align:right}
.songs.columns{columns:2;column-gap:40px}
.songs.columns li{break-inside:avoid}
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px;margin:0}
.facts div{display:grid;grid-template-columns:9rem 1fr;gap:16px;padding:16px 4px;border-bottom:1px solid var(--rule)}
.facts dt{font:600 1rem/1.5 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.facts dd{margin:0}
#press .link-row{margin-top:0}#press p{margin-top:18px;color:var(--mute);max-width:60ch}

/* ---------- booking section and form ---------- */
#book{background:var(--char);border-top:1px solid var(--rule)}
.book-panel .panel{background:var(--panel);border:1px solid var(--rule);box-shadow:none;color:var(--bone)}
.book-panel .panel h2{font-size:clamp(1.8rem,3vw,2.6rem)}
.book-form label{color:var(--bone);font-weight:600}
.book-form input,.book-form select,.book-form textarea{background:var(--black);color:var(--bone);border:1px solid #8a8a94;border-radius:2px;box-shadow:none}
.book-form input:focus,.book-form select:focus,.book-form textarea:focus{border-color:var(--gold)}
.book-form .form-foot p{color:var(--mute)}

/* ---------- footer ---------- */
.band-footer{background:var(--black);color:var(--bone);border-top:1px solid var(--rule)}
.band-footer .eyebrow{color:var(--gold)}
.band-footer-name{font:700 2.4rem/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--bone);text-shadow:none}
.band-footer a{color:var(--bone)}
.band-footer-credit a{color:var(--mute)}

/* ---------- tablet and phone ---------- */
@media(max-width:1100px){.members.four{grid-template-columns:repeat(2,1fr)}.photo-grid.releases{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.band-hero-inner{grid-template-columns:1fr;gap:2rem;padding:40px 0 48px}.timeline,.video-grid,.facts{grid-template-columns:1fr}.photo-grid.releases{grid-template-columns:repeat(2,1fr)}.songs.columns{columns:1}}
@media(max-width:600px){.members.four{grid-template-columns:1fr}.photo-grid.releases{grid-template-columns:1fr 1fr;gap:14px}.facts div{grid-template-columns:1fr;gap:4px}.band-section{padding:52px 0}.songs li{flex-direction:column;gap:2px}.songs li span{text-align:left}}

/* ---------- overrides: band.css frames, badges and shadows are keyed on --ink, which this theme sets light ---------- */
.shot img{padding:0}
.member .shot,.photo-lead .shot,.cover-photos .shot{background:var(--char)}
.photo-lead{border:1px solid var(--rule);background:var(--panel);box-shadow:none}
.photo-lead figcaption{color:var(--mute);font:600 .9rem/1.4 var(--display);letter-spacing:.08em;text-transform:uppercase}
.cover-lines li .cover-line,.cover-lines li:nth-child(2) .cover-line,.cover-lines li:nth-child(3) .cover-line,.cover-line.book{box-shadow:none;background:var(--panel)}
.cover-line.book{background:var(--char)}
.cover-line .num,.cover-line.book .num{background:none;border:0;box-shadow:none;padding:0;margin-top:6px;color:var(--gold)}
.cover-photos a,.cover-photos a:first-child,.cover-photos a:nth-child(2){box-shadow:none;border:1px solid var(--rule);background:var(--panel);transform:none}
.cover-photos a:first-child:hover,.cover-photos a:hover{transform:none;border-color:var(--orange)}
.cover-photos .shot{border-bottom:1px solid var(--rule)}
.cover-photos .cap{color:var(--mute)}
@media(max-width:600px){.member{padding:0}.member .shot{margin:0 0 16px}.cover-photos a:first-child{transform:none}}
.page-hero .actions .button{background:var(--orange);color:var(--black);border-color:var(--orange)}
.page-hero .actions .button.light{background:transparent;color:var(--bone);border-color:var(--bone)}
.page-hero .actions .button.light:hover{background:var(--bone);color:var(--black)}
.page-hero-media{transform:none;margin:0}
.book-panel aside.panel{background:var(--black);color:var(--bone);box-shadow:none}
.book-panel aside h2{font-family:var(--display);text-shadow:none;color:var(--bone)}
.book-panel aside .eyebrow{color:var(--gold)}
.presented-by{background:var(--bone);color:#172e32;border:0;box-shadow:none;border-radius:2px}
.presented-by:hover{transform:none}
@media(max-width:760px){.page-hero h1{text-shadow:none}.page-hero-media .shot{aspect-ratio:3/2}}