/* Cachorro — Heavy metal template. Fonts: Oswald, Barlow, UnifrakturCook (SIL OFL), self-hosted. */
@font-face{font-family:"Oswald";font-weight:400;font-display:swap;src:url(../fonts/oswald-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Oswald";font-weight:600;font-display:swap;src:url(../fonts/oswald-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Oswald";font-weight:700;font-display:swap;src:url(../fonts/oswald-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:400;font-display:swap;src:url(../fonts/barlow-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow";font-weight:400;font-display:swap;src:url(../fonts/barlow-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow";font-weight:600;font-display:swap;src:url(../fonts/barlow-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow";font-weight:600;font-display:swap;src:url(../fonts/barlow-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"UnifrakturCook";font-weight:700;font-display:swap;src:url(../fonts/unifrakturcook-latin-700-normal.woff2) format("woff2")}

:root{
  --bg:#09090a; --bg2:#101012; --panel:#161619; --panel2:#1c1c20; --line:#2a2a2f;
  --ink:#ece8e4; --mute:#a7a29c; --red:#d1141f; --red-d:#8e0b13; --red-l:#ff3b45; --steel:#aeb4ba; --gold:#c9a24b;
  --f-head:"Oswald","Arial Narrow",Impact,sans-serif; --f-body:"Barlow","Segoe UI",system-ui,sans-serif; --f-blk:"UnifrakturCook","Old English Text MT",serif;
  --wrap:1180px; --hh:72px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.65 var(--f-body);overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
img{max-width:100%;height:auto;display:block}
a{color:var(--red-l);text-decoration:none}
a:hover{color:#fff}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:2px}
.sr,.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--red);color:#fff;padding:.5rem 1rem;z-index:200}
.skip:focus{left:8px}
.wrap{width:min(var(--wrap),calc(100% - 2.5rem));margin-inline:auto}

h1,h2,h3,h4{font-family:var(--f-head);text-transform:uppercase;letter-spacing:.04em;line-height:1.08;margin:0 0 .6em;font-weight:700}
h2{font-size:clamp(1.9rem,4.2vw,3rem)}
h3{font-size:clamp(1.25rem,2.4vw,1.6rem)}
p{margin:0 0 1.1em}
.kicker{font:600 .9rem/1 var(--f-head);letter-spacing:.32em;text-transform:uppercase;color:var(--red-l);margin:0 0 1.1rem}
.lead{font-size:clamp(1.1rem,2vw,1.35rem);color:#d9d4cf;max-width:46ch}
.blk{font-family:var(--f-blk);font-weight:700;text-transform:none;letter-spacing:0}
.blade{position:relative;padding-bottom:.55em;margin-bottom:1em}
.blade::after{content:"";position:absolute;left:0;bottom:0;width:120px;height:4px;background:linear-gradient(90deg,var(--red),transparent);clip-path:polygon(0 0,100% 40%,100% 60%,0 100%)}
.center{text-align:center}.center .blade::after{left:50%;transform:translateX(-50%)}

/* ===== Header ===== */
.site-header{position:fixed;inset:0 0 auto 0;z-index:100;height:var(--hh);transition:background .3s,backdrop-filter .3s,box-shadow .3s}
.site-header.is-solid,.is-inner .site-header{background:rgba(9,9,10,.92);backdrop-filter:blur(8px);box-shadow:0 1px 0 var(--line),0 8px 30px rgba(0,0,0,.5)}
.bar{width:min(1400px,calc(100% - 2.5rem));height:100%;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{display:flex;flex-direction:column;line-height:1;color:var(--ink)}
.brand-name{font:700 2.1rem/1 var(--f-blk);color:var(--ink);text-shadow:0 0 18px rgba(209,20,31,.55)}
.brand-sub{font:600 .62rem/1 var(--f-head);letter-spacing:.34em;text-transform:uppercase;color:var(--mute);margin-top:.3rem}
.brand:hover .brand-name{color:#fff}
.site-nav{display:flex;align-items:center;gap:1.6rem}
.site-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:.2rem;flex-wrap:wrap}
.site-nav a{display:block;padding:.55rem .85rem;font:600 .92rem/1 var(--f-head);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);position:relative}
.site-nav a::after{content:"";position:absolute;left:.85rem;right:.85rem;bottom:.2rem;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.site-nav a:hover::after,.site-nav li.current>a::after,.site-nav li.active>a::after{transform:scaleX(1)}
.site-nav li.current>a,.site-nav li.active>a{color:#fff}
.lang-box .mod-languages ul{display:flex;gap:.3rem}
.lang-box a{border:1px solid var(--line);padding:.4rem .6rem;font-size:.8rem}
.lang-box li.lang-active a{background:var(--red);border-color:var(--red);color:#fff}
.lang-box a::after{display:none}
.nav-toggle{display:none;background:none;border:1px solid var(--line);color:var(--ink);width:46px;height:46px;cursor:pointer;padding:0}
.nav-toggle-box{display:grid;gap:5px;justify-content:center}
.nav-toggle i{display:block;width:22px;height:2px;background:var(--ink);transition:transform .25s,opacity .25s}
.nav-open .nav-toggle i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-open .nav-toggle i:nth-child(2){opacity:0}
.nav-open .nav-toggle i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ===== Main ===== */
.site-main{min-height:60vh}
.is-inner .site-main{padding-top:var(--hh)}
.site-main .com-content-article,.site-main .item-page{margin:0;padding:0}
.site-main .page-header{display:none}
.site-main .com-content-article__body{margin:0}
.site-main .article-info,.site-main .icons{display:none}

/* ===== Buttons ===== */
.btn{display:inline-block;font:700 .95rem/1 var(--f-head);letter-spacing:.16em;text-transform:uppercase;color:#fff;background:var(--red);padding:1.05rem 1.9rem;border:0;cursor:pointer;
  clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);transition:background .2s,transform .2s;margin:0 .6rem .6rem 0}
.btn:hover{background:var(--red-l);color:#fff;transform:translateY(-2px)}
.btn.ghost{background:transparent;box-shadow:inset 0 0 0 2px var(--steel);color:var(--ink);clip-path:none;border-radius:0}
.btn.ghost:hover{background:var(--ink);color:#000}

/* ===== Hero ===== */
.hero{position:relative;min-height:min(100svh,920px);display:flex;align-items:center;isolation:isolate;padding:calc(var(--hh) + 2rem) 0 4rem;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:-2;background:#000 center/cover no-repeat;transform:scale(1.04);animation:drift 22s ease-in-out infinite alternate}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,9,10,.92) 0%,rgba(9,9,10,.55) 48%,rgba(9,9,10,.15) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 28%)}
@keyframes drift{to{transform:scale(1.12) translate(-1.5%,-1%)}}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:2rem}
.hero-title{font:700 clamp(2.6rem,7.5vw,6.2rem)/.95 var(--f-head);letter-spacing:.02em;margin:0 0 1.4rem}
.hero-title span{display:block;font-size:.42em;letter-spacing:.3em;color:var(--steel);margin-bottom:.35em}
.hero-title b{display:block;font:700 1.35em/.85 var(--f-blk);text-transform:none;color:#fff;text-shadow:0 0 30px rgba(209,20,31,.75),0 0 80px rgba(209,20,31,.35),0 4px 0 #000}
.hero-fig{margin:0;justify-self:center;position:relative;max-width:520px}
.hero-fig::before{content:"";position:absolute;inset:8% 4% 0;background:radial-gradient(closest-side,rgba(209,20,31,.65),transparent 72%);filter:blur(26px);z-index:-1}
.hero-fig img{filter:drop-shadow(0 20px 40px rgba(0,0,0,.8));animation:float 7s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-10px)}}
.hero-scroll{position:absolute;left:50%;bottom:1.4rem;transform:translateX(-50%);font:600 .7rem/1 var(--f-head);letter-spacing:.4em;color:var(--mute);text-transform:uppercase}

/* page banner (inner pages) */
.banner{position:relative;padding:calc(3.2rem) 0 3rem;background:linear-gradient(180deg,rgba(9,9,10,.55),var(--bg)),var(--bn,none) center/cover no-repeat;border-bottom:1px solid var(--line);isolation:isolate}
.banner h1{font-size:clamp(2.3rem,6vw,4.4rem);margin:0}
.banner h1 em{font:700 1.15em/1 var(--f-blk);font-style:normal;text-transform:none;color:var(--red-l);text-shadow:0 0 24px rgba(209,20,31,.6)}
.banner .lead{margin:1rem 0 0}

/* ===== Sections ===== */
.band{padding:clamp(3.5rem,8vw,6.5rem) 0;position:relative}
.band.alt{background:var(--bg2)}
.band.metal{background:linear-gradient(rgba(9,9,10,.9),rgba(9,9,10,.93)),url(../../../images/cachorro/metal.jpg) center/420px}
.slash-t::before{content:"";position:absolute;left:0;right:0;top:-1px;height:46px;background:var(--bg);clip-path:polygon(0 0,100% 0,0 100%)}
.cols{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.cols.c-3{grid-template-columns:repeat(3,1fr)}
.cols.c-12{grid-template-columns:1fr 1.5fr}
.prose{max-width:72ch}
.prose h2{margin-top:2.2rem}
.prose p{color:#d6d1cc}
blockquote{margin:2rem 0;padding:1.4rem 1.6rem;border-left:4px solid var(--red);background:linear-gradient(90deg,rgba(209,20,31,.12),transparent);font:italic 400 1.25rem/1.5 var(--f-body);color:#fff}
blockquote cite{display:block;margin-top:.7rem;font:600 .85rem/1 var(--f-head);font-style:normal;letter-spacing:.2em;text-transform:uppercase;color:var(--red-l)}

/* ticker */
.ticker{background:var(--red);color:#fff;overflow:hidden;white-space:nowrap;border-block:2px solid #000;transform:rotate(-1deg);margin:-1.2rem -2%;position:relative;z-index:3;box-shadow:0 10px 40px rgba(0,0,0,.6)}
.ticker-track{display:inline-flex;gap:2.4rem;padding:.9rem 0;animation:tick 38s linear infinite;font:700 1.35rem/1 var(--f-head);letter-spacing:.2em;text-transform:uppercase}
.ticker-track span::after{content:"✦";margin-left:2.4rem;opacity:.55}
@keyframes tick{to{transform:translateX(-50%)}}

/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.stat{background:var(--panel);padding:1.8rem 1.2rem;text-align:center}
.stat b{display:block;font:700 clamp(2rem,4vw,3rem)/1 var(--f-head);color:var(--red-l);text-shadow:0 0 22px rgba(209,20,31,.45)}
.stat span{display:block;margin-top:.6rem;font:600 .8rem/1.3 var(--f-head);letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}

/* timeline */
.tl{list-style:none;margin:0 0 2.4rem;padding:0 0 0 1.6rem;border-left:2px solid var(--red-d);position:relative}
.tl li{position:relative;padding:0 0 1.9rem 1.6rem}
.tl li::before{content:"";position:absolute;left:-2.18rem;top:.35rem;width:14px;height:14px;background:var(--red);transform:rotate(45deg);box-shadow:0 0 14px var(--red)}
.tl .yr{display:block;font:700 1.5rem/1 var(--f-head);color:#fff;margin-bottom:.3rem;letter-spacing:.06em}
.tl p{margin:0;color:#cbc6c0}

/* band cards */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.3rem}
.card{background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--line);padding:1.7rem 1.5rem 1.5rem;position:relative;overflow:hidden;transition:transform .25s,border-color .25s}
.card::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--red),transparent)}
.card:hover{transform:translateY(-4px);border-color:var(--red-d)}
.card h3{margin:0 0 .15rem;font-size:1.55rem}
.card .role{font:600 .78rem/1.3 var(--f-head);letter-spacing:.2em;text-transform:uppercase;color:var(--red-l);margin:0 0 .8rem}
.card p{font-size:.98rem;color:#c7c2bc;margin:0 0 .7rem}
.card .meta{font-size:.85rem;color:var(--mute)}
.badge{display:inline-block;font:600 .7rem/1 var(--f-head);letter-spacing:.16em;text-transform:uppercase;padding:.35rem .55rem;border:1px solid var(--steel);color:var(--steel);margin-bottom:.8rem}
.badge.on{background:var(--red);border-color:var(--red);color:#fff}

/* gallery */
.chips{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 1.6rem}
.chip{background:transparent;border:1px solid var(--line);color:var(--ink);font:600 .85rem/1 var(--f-head);letter-spacing:.16em;text-transform:uppercase;padding:.7rem 1.1rem;cursor:pointer}
.chip:hover{border-color:var(--red)}.chip.is-on{background:var(--red);border-color:var(--red);color:#fff}
.gallery{columns:4 240px;column-gap:.9rem}
.gallery--mini{columns:3 240px}
.ph{display:block;position:relative;margin:0 0 .9rem;break-inside:avoid;overflow:hidden;background:#000;border:1px solid var(--line)}
.ph img{width:100%;transition:transform .5s,filter .3s;filter:grayscale(1) contrast(1.05)}
.ph:hover img{transform:scale(1.06);filter:grayscale(.2) contrast(1.1)}
.ph-cap{position:absolute;inset:auto 0 0 0;padding:1.6rem .8rem .7rem;font:600 .78rem/1.25 var(--f-head);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(0deg,rgba(0,0,0,.9),transparent);opacity:0;transform:translateY(8px);transition:.25s}
.ph:hover .ph-cap,.ph:focus-visible .ph-cap{opacity:1;transform:none}
.ph.is-hidden{display:none}
.credits{font-size:.88rem;color:var(--mute);border-top:1px solid var(--line);padding-top:1rem;margin-top:2rem}

/* lightbox */
.lightbox{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.95);display:grid;grid-template-columns:64px 1fr 64px;align-items:center;padding:1rem}
.lightbox[hidden]{display:none}
.lb-fig{margin:0;text-align:center;max-height:100vh}
.lb-fig img{max-height:82vh;max-width:100%;margin:0 auto;box-shadow:0 0 60px rgba(209,20,31,.3);border:1px solid var(--line)}
.lb-fig figcaption{margin-top:1rem;font:600 1rem/1.4 var(--f-head);letter-spacing:.08em;text-transform:uppercase;color:#ddd}
.lightbox button{background:none;border:0;color:#fff;cursor:pointer;font-size:3rem;line-height:1;padding:.5rem;opacity:.8}
.lightbox button:hover{opacity:1;color:var(--red-l)}
.lb-close{position:absolute;top:.6rem;right:1rem;font-size:2.8rem!important}

/* videos / embeds */
.vids{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.4rem}
.vid{margin:0;background:var(--panel);border:1px solid var(--line)}
.vid-play{position:relative;display:block;width:100%;padding:0;border:0;background:#000;cursor:pointer;aspect-ratio:16/9;overflow:hidden}
.vid-play img{width:100%;height:100%;object-fit:cover;opacity:.75;transition:.3s}
.vid-play:hover img{opacity:1;transform:scale(1.04)}
.vid-btn{position:absolute;left:50%;top:50%;width:74px;height:74px;margin:-37px 0 0 -37px;background:var(--red);clip-path:polygon(0 0,100% 50%,0 100%);transform:scale(.72);box-shadow:0 0 30px #000}
.vid iframe,.vid video{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}
.vid figcaption{padding:.9rem 1rem;font:600 .9rem/1.3 var(--f-head);letter-spacing:.1em;text-transform:uppercase}
.embed-box{background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--line);padding:2rem;text-align:center}
.embed-title{font:700 1.4rem/1.2 var(--f-head);letter-spacing:.1em;text-transform:uppercase}
.embed-note{font-size:.82rem;color:var(--mute);margin:.4rem 0 0}
.embed iframe{width:100%;border:0;min-height:470px;background:#000}
.tracks{columns:2 280px;column-gap:2rem;padding-left:1.2rem;color:#d0cbc5}
.tracks li{margin:.25rem 0}

/* book */
.book{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:clamp(1.5rem,5vw,4rem);align-items:center}
.book img{box-shadow:-18px 22px 50px rgba(0,0,0,.8),0 0 60px rgba(209,20,31,.2);transform:rotate(-2deg)}
dl.ficha{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1.2rem;margin:1.2rem 0;font-size:.98rem}
dl.ficha dt{font:600 .78rem/1.7 var(--f-head);letter-spacing:.18em;text-transform:uppercase;color:var(--red-l)}
dl.ficha dd{margin:0;color:#d3cec8}

/* contact form (com_contact) */
.contact-wrap{max-width:760px}
.com-contact form .control-group,.com-contact form .mb-3{margin-bottom:1.1rem}
.com-contact label,.com-contact legend{font:600 .85rem/1.4 var(--f-head);letter-spacing:.16em;text-transform:uppercase;color:var(--steel);display:block;margin-bottom:.4rem}
.com-contact input[type=text],.com-contact input[type=email],.com-contact textarea,.com-contact select{width:100%;background:var(--panel);border:1px solid var(--line);color:var(--ink);padding:.9rem 1rem;font:inherit}
.com-contact input:focus,.com-contact textarea:focus{border-color:var(--red);outline:0;box-shadow:0 0 0 3px rgba(209,20,31,.25)}
.com-contact .btn,.com-contact button.validate{background:var(--red);color:#fff;border:0;padding:1.05rem 1.9rem;font:700 .95rem/1 var(--f-head);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}
.com-contact .contact h2,.com-contact .page-header{display:none}
.com-contact .star,.com-contact .required{color:var(--red-l)}
.com-contact .form-text{color:var(--mute);font-size:.8rem}
joomla-alert,.alert{display:block;padding:1rem 1.2rem;margin:1rem auto;width:min(var(--wrap),calc(100% - 2.5rem));background:var(--panel2);border-left:4px solid var(--gold);color:#fff}

/* footer */
.site-footer{background:#050506;border-top:3px solid var(--red);padding:3rem 0 2.2rem;position:relative}
.foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:2rem;align-items:start}
.foot-brand{font:700 2.4rem/1 var(--f-blk);margin:0 0 .4rem;color:#fff}
.foot-line,.small{color:var(--mute);font-size:.92rem}
.foot-links ul{list-style:none;margin:0;padding:0}.foot-links a{display:inline-block;padding:.25rem 0;font:600 .9rem/1.2 var(--f-head);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.to-top{position:absolute;right:1.2rem;bottom:1.2rem;width:44px;height:44px;background:var(--red);color:#fff;border:0;cursor:pointer;clip-path:polygon(50% 0,100% 100%,0 100%);padding-top:10px}

/* reveal */
.rv{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}

/* ===== Responsive ===== */
@media (max-width:960px){
  .hero-grid{grid-template-columns:1fr;text-align:left}
  .hero-fig{max-width:360px;order:-1;margin-bottom:-1rem}
  .hero{align-items:flex-start;min-height:auto;padding-top:calc(var(--hh) + 1rem)}
  .cols,.cols.c-3,.cols.c-12,.book,.foot-grid{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
  .nav-toggle{display:block}
  .site-nav{position:fixed;inset:var(--hh) 0 0 0;background:rgba(9,9,10,.98);flex-direction:column;justify-content:flex-start;padding:2rem 1.5rem;gap:1.4rem;transform:translateX(100%);transition:transform .3s;overflow:auto}
  .nav-open .site-nav{transform:none}
  .site-nav ul{flex-direction:column;width:100%}
  .site-nav a{font-size:1.25rem;padding:1rem .4rem;border-bottom:1px solid var(--line)}
  .site-nav a::after{display:none}
  .site-header{background:rgba(9,9,10,.92)}
  .lightbox{grid-template-columns:44px 1fr 44px;padding:.5rem}
  .lightbox button{font-size:2.2rem}
  .book img{max-width:260px;margin-inline:auto}
}
@media (max-width:520px){
  body{font-size:1rem}
  .brand-name{font-size:1.8rem}
  .brand-sub{letter-spacing:.2em;font-size:.55rem}
  .btn{padding:.95rem 1.4rem}
  dl.ficha{grid-template-columns:1fr}
  .ticker-track{font-size:1.05rem}
}

/* extras */
.cols.c-12>figure{position:sticky;top:calc(var(--hh) + 1.5rem);align-self:start}
.com-contact fieldset{border:0;padding:0;margin:0 0 1rem}
.com-contact legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.com-contact h1,.com-contact h2{display:none}
.com-contact .contact-form,.com-contact form{margin-top:0}
.com-contact .btn.validate,.com-contact button.validate{margin-top:.6rem}
.vids .vid{margin:0}
.band .vids+.credits,.band .vids+p{margin-top:1.4rem}
.cols.c-12 .vid{max-width:100%}
.contact-wrap .com-contact{margin:0}
@media (max-width:960px){.cols.c-12>figure{position:static}}
.com-contact dl,.com-contact .contact-misc{display:none}
html{overflow-x:hidden}.hero-bg{inset:0;width:100%}.site-header{max-width:100vw}

.gallery--color .ph img{filter:none}.gallery--color .ph:hover img{filter:saturate(1.15)}