.latest-art{aspect-ratio:1;position:relative;overflow:hidden;background:linear-gradient(145deg,#22110f 0,#9d211c 42%,#e93528 42.2%,#761712 71%,#100909 71.2%);padding:clamp(1.5rem,4vw,3.5rem);box-shadow:0 2rem 5rem rgba(0,0,0,.4);display:flex;flex-direction:column;justify-content:center}
.latest-art:after{content:"";position:absolute;inset:6%;border:1px solid rgba(255,255,255,.32)}
.latest-art strong{font:800 clamp(2.6rem,5.5vw,6.3rem)/.82 "Manrope";letter-spacing:-.075em;position:relative;z-index:1}
.latest-art small{font:700 clamp(.8rem,1.7vw,1.6rem) "Manrope";letter-spacing:.12em;position:relative;z-index:1;margin-top:1rem}
.latest-art i{font:600 .7rem "Manrope";letter-spacing:.22em;position:absolute;bottom:9%;left:10%;font-style:normal;z-index:1}
.latest-label{position:absolute;top:9%;left:10%;font:700 .65rem "Manrope";letter-spacing:.2em;z-index:1}
.latest-art .number{right:8%;top:auto;bottom:5%;z-index:0;-webkit-text-stroke-color:rgba(255,255,255,.14)}
.singles-head{display:grid;grid-template-columns:.6fr 1fr .75fr;align-items:end;border-top:1px solid #333;padding-top:4rem;margin-top:1rem}
.singles-head h3{font-size:clamp(2.6rem,5vw,5.2rem);margin:0}
.singles-head>p:last-child{color:#888;max-width:20rem}
.singles-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #333;border-left:1px solid #333;margin:3rem 0 8rem}
.single-card{min-height:300px;border-right:1px solid #333;border-bottom:1px solid #333;padding:1.5rem;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:.3s;background:#0d0d0d}
.single-card:hover{background:#171717;transform:translateY(-4px)}
.single-card.current{background:var(--red)}
.single-card>span{font:600 .7rem "Manrope";color:#707070;letter-spacing:.12em}
.single-card.current>span{color:#ffd7d4}
.single-card small{font:700 .62rem "Manrope";letter-spacing:.16em;color:#777}
.single-card.current small{color:#ffd7d4}
.single-card h4{font:700 clamp(1.4rem,2.4vw,2.4rem)/1.05 "Manrope";letter-spacing:-.04em;margin:.65rem 0 0;text-transform:uppercase;position:relative;z-index:2}
.single-card p{margin:.8rem 0 0;color:#999;font-size:.8rem;position:relative;z-index:2}
.single-card.current p{color:#ffe0dd}
.single-card b{position:absolute;right:1.4rem;top:1.3rem}
.single-card.image-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.94),rgba(0,0,0,.12))}
.single-card.image-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.58}
.single-card.image-card>*:not(img){position:relative;z-index:2}
.albums-stack{display:grid;gap:7rem}
.albums-stack .album+.album{padding-top:7rem}
@media (max-width:900px){.singles-grid{grid-template-columns:repeat(2,1fr)}
.singles-head{grid-template-columns:1fr;gap:1rem}
.latest-art{max-width:650px}
}
@media (max-width:520px){.singles-grid{grid-template-columns:1fr}
.single-card{min-height:240px}
.feature h3{font-size:2.6rem}
.latest-art strong{font-size:2.8rem}
.albums-stack{gap:5rem}
.albums-stack .album+.album{padding-top:5rem}
}
.single-card.image-card.current:after{background:linear-gradient(0deg,rgba(94,12,8,.96),rgba(12,5,5,.18))}
.single-card.image-card img{opacity:.72}
.cover-wrap{position:relative}
.cover-wrap img{width:100%;aspect-ratio:1;object-fit:cover;box-shadow:0 2rem 5rem rgba(0,0,0,.4)}
.cover-badge{position:absolute;z-index:2;left:1rem;top:1rem;background:var(--red);padding:.55rem .7rem;font:700 .65rem "Manrope";letter-spacing:.14em}
.cover-wrap .number{right:-1rem;top:-3.4rem}
.upcoming{background:#ded8cc;color:#151515;padding:clamp(5rem,9vw,9rem) clamp(1.25rem,7vw,7rem);display:grid;grid-template-columns:minmax(300px,.9fr) 1fr;gap:clamp(3rem,8vw,9rem);align-items:center}
.upcoming-art img{width:100%;box-shadow:0 2rem 5rem rgba(41,35,28,.25)}
.upcoming .kicker{color:#688f12}
.season{font:700 .8rem "Manrope";letter-spacing:.15em;margin:1.5rem 0}
.upcoming h2,.concerts h2{font-size:clamp(3.5rem,8vw,9rem)}
.upcoming-lead{font-size:clamp(1.1rem,1.7vw,1.4rem);max-width:38rem;color:#514d46}
.upcoming dl{border-top:1px solid rgba(0,0,0,.22);margin-top:2.5rem}
.upcoming dl div{display:flex;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.22);padding:1rem 0}
.upcoming dt{color:#6b675f}
.upcoming dd{margin:0;font-weight:700}
.concerts{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,7vw,7rem)}
.concerts-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:4rem}
.concerts-head .kicker{color:var(--red)}
.concert-card{border-top:1px solid #444;border-bottom:1px solid #444;padding:2rem 0;display:grid;grid-template-columns:.35fr 1fr .45fr;gap:2rem;align-items:center}
.concert-card time{display:flex;align-items:center;gap:1rem}
.concert-card time strong{font:800 clamp(4rem,8vw,8rem)/.8 "Manrope";color:var(--red)}
.concert-card time span{font:700 1rem/1.2 "Manrope";letter-spacing:.1em}
.concert-info p{font:700 .7rem "Manrope";letter-spacing:.16em;color:#888}
.concert-info h3{font-size:clamp(2rem,4vw,4.5rem);margin:.5rem 0}
.concert-info>span{color:#aaa}
.concert-state{justify-self:end;text-align:right;font:700 .72rem/1.4 "Manrope";letter-spacing:.14em;color:#ddd}
.concert-state small{font-weight:400;letter-spacing:0;color:#777}
@media (max-width:900px){.upcoming{grid-template-columns:1fr}.concerts-head{display:block}.concert-card{grid-template-columns:1fr}.concert-state{justify-self:start;text-align:left}.nav nav{gap:1rem}}
@media (max-width:520px){.upcoming dl div{display:block}.upcoming dd{margin-top:.25rem}.concert-card time strong{font-size:4.5rem}}