:root{--bg:#111111;--text:#f5f2ec;--muted:#b8b5b0;--accent:#b51f3a;--line:#3b3b40;--panel:#1d1d1f;--space:clamp(22px,4.5vw,72px);color-scheme:dark}
.rock-footer{flex-wrap:wrap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}a:hover{color:var(--muted)}img{max-width:100%;display:block;object-fit:cover}figure,p,h1,h2{margin:0}p{max-width:55ch}h2{font-size:clamp(28px,3.2vw,46px);line-height:1.1;letter-spacing:-1.7px}em{font-family:Georgia,serif;font-weight:normal}.page-shell{max-width:1600px;margin:auto;padding:0 var(--space)}.header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{font-size:38px;font-weight:900;letter-spacing:-3px;line-height:1}.header nav{display:flex;gap:32px;font-size:13px}.header a{padding-block:12px}.profile-switch{font-size:12px;border-bottom:1px solid var(--muted)}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase}.cover-label{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:25px 0}.cover-label>span:last-child{margin-left:auto}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.display{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;letter-spacing:-.045em;line-height:.84}.rock-title{font-size:clamp(90px,18.8vw,290px);position:relative;padding:20px 0 32px;max-width:1100px}.rock-title>span{color:var(--accent)}.cover-bottom{display:grid;grid-template-columns:1fr 1fr 40px;gap:40px;padding:12px 0 48px;align-items:end}.cover-manifesto{font-size:clamp(30px,4vw,56px);line-height:1.03;letter-spacing:-1.8px;font-weight:700}.cover-intro{max-width:390px;color:var(--muted);font-size:14px}.text-link{display:inline-flex;gap:20px;align-items:center;font-size:13px;font-weight:700;padding:12px 0;border-bottom:1px solid currentColor;color:var(--text)}.cover-intro .text-link{margin-top:14px}.vertical-note{writing-mode:vertical-rl;font-size:9px;letter-spacing:2px}.ticker{display:flex;justify-content:space-around;align-items:center;gap:12px;background:var(--accent);padding:12px 16px;font-size:clamp(12px,1.8vw,24px);font-weight:800;letter-spacing:2px;color:#fff}.section{padding:68px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-heading h2{margin-top:12px}.section-heading p{font-size:13px;color:var(--muted)}.band-wall{display:grid;grid-template-columns:1fr 1fr .8fr;gap:16px}.band{padding:20px;min-height:210px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);transition:transform .2s,background .2s}.band:hover{transform:translateY(-4px)}.band-one{background:#e8e4db;color:#171717;transform:rotate(-1deg)}.band-two{background:var(--panel);transform:rotate(1deg)}.band img{width:100%;height:110px;object-fit:contain}.band-caption{font-size:10px;letter-spacing:1px;display:flex;justify-content:space-between}.band-invite{border-style:dashed}.band-invite>span{font-size:35px;line-height:1}.band-invite p{font-size:20px;line-height:1.3}.band-invite a{align-self:start}.fine-print{font-size:11px;color:var(--muted);margin-top:18px;overflow-wrap:anywhere}.rock-feed{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.editorial-card{min-height:290px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;background:var(--accent);color:var(--text)}.editorial-card strong{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(38px,5.2vw,76px);line-height:.95;letter-spacing:-1px}.editorial-card>span:last-child{font-size:9px;letter-spacing:1px}.outline-card{border:1px solid var(--line);background:var(--panel)}.notes-card{background:#e8e4db;color:#171717}.notes-card strong{font-family:Georgia,serif;font-style:italic;font-weight:normal;font-size:clamp(28px,3.3vw,46px);line-height:1.15}.contact{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px}.contact h2{font-size:clamp(56px,7.6vw,110px);margin-top:18px;line-height:.95;letter-spacing:-3px}.contact h2 em{color:#df536e}.contact-details{max-width:370px}.contact-details>p:first-child{color:var(--muted);font-size:15px}.button{display:flex;justify-content:space-between;gap:15px;background:var(--accent);color:#fff;font-size:13px;font-weight:700;padding:17px 22px;margin-top:24px;transition:filter .2s}.button:hover{filter:brightness(1.15);color:#fff}.email{display:block;font-size:13px;margin-top:20px;text-decoration:underline;overflow-wrap:anywhere}.other-side{margin-top:50px;background:#e8e4db;color:#171717;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px 40px}.other-side h2{font-size:clamp(24px,3vw,40px);margin:12px 0 8px}.other-side .text-link{color:inherit}.other-side:hover{color:#171717;background:#f5f2ec}.other-arrow{font-size:80px;line-height:1}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;padding:32px 0;color:var(--muted)}footer>span:first-child{font-weight:bold;letter-spacing:1px;color:var(--text)}footer a{padding:12px 0}.skip{position:absolute;top:-100px;background:var(--text);color:var(--bg);padding:12px;z-index:10}.skip:focus{top:10px}.feed-item img{width:100%;aspect-ratio:1/1}.feed-item figcaption{font-size:12px;padding:10px 0}.feed-item{min-width:0}
img{height:auto}.page-shell,.page-shell main,section,figure,.tap-cover-grid>*,.workshop-feed>*,.cover-bottom>*,.band-wall>*{min-width:0}
.band-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.artist-wordmark{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(25px,3.5vw,50px);line-height:1.05;letter-spacing:-.5px;padding:20px 0;overflow-wrap:anywhere}.band-three{background:#b51f3a;color:#f5f2ec}
@media(min-width:1600px){.rock-title{font-size:280px}}
@media(max-width:700px){.header{min-height:82px;gap:12px;flex-wrap:wrap;padding:12px 0}.brand{font-size:30px}.header nav{gap:18px;font-size:12px}.profile-switch{font-size:10px}.cover-label{font-size:8px;letter-spacing:1px}.cover-label>span:last-child{display:none}.rock-title{font-size:clamp(82px,20vw,140px);padding-top:20px}.cover-bottom{grid-template-columns:1fr;gap:24px;padding-bottom:30px}.vertical-note{display:none}.cover-intro{max-width:100%}.cover-manifesto br{display:none}.ticker{letter-spacing:1px;padding-inline:8px;gap:7px}.section{padding:44px 0}.section-heading{display:block}.section-heading>p,.section-heading>div+div,.section-heading>.text-link{margin-top:18px}.band-wall{grid-template-columns:1fr 1fr}.band{padding:15px;min-height:180px}.band img{height:90px}.band-caption{font-size:8px;letter-spacing:0}.band-invite{grid-column:1/-1;min-height:auto;display:flex;flex-direction:row;gap:15px;align-items:center}.band-invite p{font-size:16px}.rock-feed{grid-template-columns:1fr;gap:12px}.editorial-card{min-height:250px}.editorial-card strong{font-size:58px}.outline-card{display:none}.notes-card strong{font-size:40px}.contact{grid-template-columns:1fr;gap:30px}.contact-details{max-width:100%}.other-side{padding:25px 20px;margin-top:30px}.other-arrow{font-size:45px}.other-side .eyebrow{font-size:8px}.other-side .text-link{font-size:12px}footer{flex-wrap:wrap;gap:8px}footer>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(max-width:700px){.band-wall{grid-template-columns:1fr}.artist-wordmark{font-size:44px}.band-caption{font-size:11px}.band{min-height:210px}}

/* Los logos mantienen su resolución nativa, incluso en pantallas amplias. */
.band img{width:165px;height:165px;max-width:100%;object-fit:contain;align-self:center;margin:18px 0}
.sample-feed{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start}
.sample-post{min-width:0;max-width:280px;width:100%;justify-self:center}
.sample-post img{width:100%;height:auto;object-fit:contain}
.sample-post figcaption{padding:12px 0;font-size:10px;letter-spacing:1px;color:var(--muted)}
.music-artist{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px 0;color:var(--text);text-align:center;min-width:0}
.music-artist img{width:165px;height:165px;object-fit:contain;max-width:100%}
.music-artist .band-caption{display:block;font-size:12px;line-height:1.6;padding:10px 0;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}
.rock-feed>:is(.sample-post,.feed-item){transition:transform .2s ease}
@media(prefers-reduced-motion:no-preference){
  .rock-feed>:is(.sample-post,.feed-item):nth-child(odd){--post-tilt:-1deg;transform:rotate(var(--post-tilt))}
  .rock-feed>:is(.sample-post,.feed-item):nth-child(even){--post-tilt:1deg;transform:rotate(var(--post-tilt))}
  .rock-feed>.post-enter{animation:rock-post-enter .55s ease-out}
  .rock-feed>.feed-item:focus-visible{transform:translateY(-4px)}
}
@keyframes rock-post-enter{from{opacity:.65;transform:translateY(14px) rotate(0deg)}to{opacity:1;transform:translateY(0) rotate(var(--post-tilt,0deg))}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .rock-feed>:is(.sample-post,.feed-item):hover{transform:translateY(-4px)}
}
@media(max-width:900px){.sample-feed{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.sample-feed{grid-template-columns:minmax(0,1fr);gap:26px}}