/* Elli Hart site styles. Colours and fonts are locked: see CLAUDE.md. */
@font-face{font-family:Righteous;src:url(/fonts/righteous-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url(/fonts/inter-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url(/fonts/inter-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}

:root{
  --rust:#A74324;--cream:#FFF0D5;--ivory:#FFFAEF;--ink:#201E1A;
  --sand:#D9CDB6;--muted:#5C554A;--live:#C8341C;
  --line:rgba(32,30,26,.15);--line-light:rgba(255,240,213,.15);
  --head:Righteous,"Trebuchet MS",sans-serif;--body:Inter,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font:400 16px/1.65 var(--body);letter-spacing:-.32px;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
p,h1,h2,h3,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
button{font:inherit;color:inherit;cursor:pointer}
section[id],#main{scroll-margin-top:16px}

:focus-visible{outline:2px solid var(--rust);outline-offset:2px;border-radius:2px}
.ink :focus-visible,.rust :focus-visible,.hero :focus-visible,.is-live main :focus-visible{outline-color:var(--cream)}
.rust .form-card :focus-visible,.rust .card-cream :focus-visible{outline-color:var(--rust)}

.skip{position:absolute;left:16px;top:-80px;z-index:100;background:var(--ink);color:var(--ivory);padding:12px 16px;border-radius:4px;font-weight:600;font-size:13px}
.skip:focus{top:12px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Type */
.eyebrow{font-size:12px;font-weight:600;letter-spacing:-.24px;line-height:1.3}
.label{font-size:11px;font-weight:600;letter-spacing:.4px;line-height:1.4}
h1,h2,h3,.head{font-family:var(--head);font-weight:400}
.h1{font-size:96px;line-height:.95;letter-spacing:-1.8px}
.h1-sm{font-size:88px;line-height:.95;letter-spacing:-1.6px}
.h2{font-size:40px;line-height:1.05;letter-spacing:-.8px}
.h2-feature{font-size:64px;line-height:1;letter-spacing:-1.2px}
.h2-album{font-size:56px;line-height:1;letter-spacing:-1px}
.lede{font-size:18px}
.small{font-size:13px}
.muted{color:var(--muted)}
.ink .sand,.sand{color:var(--sand)}

/* Layout */
.wrap{max-width:1200px;margin:0 auto;padding:80px 48px}
.stack{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.stack-sm{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.stack>*,.stack-sm>*{max-width:100%}
.ink{background:var(--ink);color:var(--cream)}
.rust{background:var(--rust);color:var(--ivory)}
.ivory{background:var(--ivory)}
.cream{background:var(--cream)}
.split-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;width:100%}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:14px 24px;border:0;border-radius:4px;background:var(--rust);color:var(--ivory);font:600 12px/1 var(--body);letter-spacing:-.24px;text-align:center;cursor:pointer;transition:filter .15s,background-color .15s}
.btn:hover{filter:brightness(1.12)}
.btn-cream{background:var(--cream);color:var(--ink)}
.btn-cream:hover{filter:none;background:var(--ivory)}
.btn-ink{background:var(--ink);color:var(--ivory)}
.btn-line-light,.btn-line-dark{background:transparent;padding:13px 23px}
.btn-line-light{color:var(--ivory);border:1px solid rgba(255,250,239,.7)}
.btn-line-light:hover{filter:none;background:rgba(255,250,239,.12)}
.btn-line-dark{color:var(--ink);border:1px solid rgba(32,30,26,.3)}
.btn-line-dark:hover{filter:none;background:rgba(32,30,26,.06)}
.btn-row{display:flex;flex-wrap:wrap;gap:10px}

/* Header */
.site-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:24px 48px;background:var(--cream);color:var(--ink)}
.logo-link{display:block;flex:none;width:110px}
.logo-link img{width:100%}
.main-nav{display:flex;align-items:center;gap:40px;font-size:12px;font-weight:600;letter-spacing:-.24px;line-height:1}
.main-nav a:not(.btn){display:inline-flex;align-items:center;gap:8px;min-height:44px}
.main-nav a:not(.btn):hover,.main-nav a[aria-current=page]:not(.btn){color:var(--rust)}
.main-nav .btn{padding:14px 20px}
.main-nav .btn[aria-current=page]{box-shadow:0 0 0 2px var(--cream),0 0 0 4px var(--rust)}
.live-pill{display:inline-flex;align-items:center;gap:5px;background:var(--live);color:#fff;border-radius:999px;font-size:10px;font-weight:600;line-height:1;padding:5px 8px;white-space:nowrap}
.live-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff}
.phone-bar{display:none;align-items:center;gap:4px}
.phone-bar .live-pill{font-size:11px;padding:8px 10px}
.icon-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:transparent;border:0;padding:0;color:var(--ink)}

/* Phone menu */
.menu{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;background:var(--cream);color:var(--ink);overflow-y:auto}
.menu-top{display:flex;align-items:center;justify-content:space-between;flex:none;height:72px;padding:0 16px 0 24px}
.menu-top .logo-link{width:72px}
.menu-links{display:flex;flex-direction:column;padding:32px 24px 0}
.menu-links a{font-family:var(--head);font-size:36px;line-height:1;letter-spacing:-.32px;padding:14px 0;border-bottom:1px solid rgba(32,30,26,.12)}
.menu-links a[aria-current=page]{color:var(--rust)}
.menu-cta{padding:32px 24px 0}
.menu-cta .btn{width:100%;min-height:52px;font-size:13px}
.menu-social{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px 20px;padding:24px;font-size:12px;font-weight:600}
.menu-social a{padding:13px 0}
body.menu-open{overflow:hidden}

/* Home hero */
.hero{position:relative;display:flex;align-items:center;min-height:760px;overflow:hidden;background:var(--ink)}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 40%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,16,12,.78) 0%,rgba(20,16,12,.45) 45%,rgba(20,16,12,.05) 75%)}
.hero-copy{position:relative;z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:80px 48px;display:flex;flex-direction:column;align-items:flex-start;gap:24px;color:var(--ivory)}
.hero-copy .eyebrow{color:var(--cream)}
.hero-logo{width:300px}
.hero-copy .lede{line-height:1.6;max-width:440px}

/* Highlights strip */
.strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding-top:36px;padding-bottom:36px}
.strip>div{display:flex;flex-direction:column;gap:8px}
.strip .label{color:var(--sand)}
.strip .val{font-family:var(--head);font-size:20px;line-height:1.2;letter-spacing:0}
.m-only{display:none}

/* Generic two-column blocks */
.single-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.cover{width:100%;max-width:480px;aspect-ratio:1/1;border-radius:4px;box-shadow:0 24px 48px rgba(32,30,26,.35)}
.artist-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:64px;align-items:start}
.artist-grid>img{width:100%;aspect-ratio:4/5.6;object-fit:cover;border-radius:4px}
.road{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:64px;align-items:start}
.road .label{color:var(--sand)}

/* Shows: Bandsintown widget, recoloured */
.shows{display:flex;flex-direction:column;gap:10px;min-width:0}
.shows-empty{background:rgba(255,240,213,.06);border-radius:6px;padding:18px 20px}
.shows-empty a{text-decoration:underline;text-underline-offset:3px}
.tour-box{min-height:240px;width:100%}
[data-shows] .bit-widget-container,[data-shows] .bit-widget,[data-shows] .bit-event-lists,[data-shows] .bit-events-container,[data-shows] .bit-upcoming-events-container{margin:0!important;padding:0!important;font-family:var(--body)!important;width:100%!important;max-width:none!important;background:transparent!important}
[data-shows] .bit-nav-bar-container,[data-shows] .bit-event-list-title,[data-shows] .bit-mobile-date-and-share-wrapper,[data-shows] .bit-location-under-mobile,[data-shows] .bit-location-under-tablet,[data-shows] .bit-desktop-social-share-button,[data-shows] .bit-mobile-social-share-button,[data-shows] .google-pixel-iframe,[data-shows] .bit-logo{display:none!important}
[data-shows] .bit-upcoming-events{display:flex!important;flex-direction:column!important;gap:10px!important;margin:0!important;padding:0!important}
[data-shows] .bit-event{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:20px!important;margin:0!important;padding:18px 20px!important;border:0!important;border-radius:6px!important;background:var(--show-bg)!important;color:inherit!important;text-align:left!important}
[data-shows] .bit-details-inner-wrapper{display:grid!important;grid-template-columns:136px minmax(0,1fr)!important;column-gap:20px!important;align-items:center!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;text-align:left!important}
[data-shows] .bit-details-inner-wrapper>.bit-details{display:contents!important}
[data-shows] .bit-date-wrapper{display:block!important;grid-column:1!important;grid-row:1/3!important;margin:0!important;padding:0!important;text-align:left!important}
[data-shows] .bit-date{display:block!important;margin:0!important;font:400 18px/1.1 var(--head)!important;letter-spacing:0!important;color:inherit!important;text-transform:none!important;white-space:normal!important}
[data-shows] .bit-titleWrapper{grid-column:2!important;grid-row:1!important;margin:0!important;padding:0!important;text-align:left!important;width:auto!important}
[data-shows] .bit-venue{display:block!important;margin:0!important;font:600 16px/1.4 var(--body)!important;letter-spacing:-.32px!important;color:inherit!important;text-align:left!important}
[data-shows] .bit-location-under-desktop{display:block!important;grid-column:2!important;grid-row:2!important;margin:0!important;font:400 14px/1.4 var(--body)!important;letter-spacing:-.28px!important;color:var(--show-sub)!important;text-align:left!important}
[data-shows] .bit-event-buttons{display:block!important;width:auto!important;margin:0!important;padding:0!important}
[data-shows] .bit-offers-inner-wrapper,[data-shows] .bit-offers-container{display:block!important;width:auto!important;margin:0!important;padding:0!important}
[data-shows] a.bit-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:0 18px!important;border:0!important;border-radius:4px!important;background:var(--show-btn)!important;color:var(--show-btn-text)!important;font:600 12px/1 var(--body)!important;letter-spacing:-.24px!important;text-transform:capitalize!important}
[data-shows] a.bit-button *{color:inherit!important;font:inherit!important;text-transform:inherit!important}
[data-shows=home]{min-height:80px;--show-bg:rgba(255,240,213,.06);--show-sub:var(--sand);--show-btn:var(--cream);--show-btn-text:var(--ink)}
[data-shows=tour]{--show-bg:var(--ivory);--show-sub:var(--muted);--show-btn:var(--rust);--show-btn-text:var(--ivory)}
[data-shows=home] .bit-play-my-city-wrapper{display:none!important}
[data-shows=tour] .bit-play-my-city-wrapper{margin:24px 0 0!important;padding:0!important;text-align:left!important;color:var(--ink)!important;border:0!important;display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center;gap:16px;flex-wrap:wrap}
[data-shows=tour] .bit-play-my-city-wrapper *{font-family:var(--body)!important}
[data-shows=tour] .bit-play-my-city-cta{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-height:44px;margin:0!important;padding:0 18px!important;background:transparent!important;border:1px solid rgba(32,30,26,.3)!important;border-radius:4px!important;color:var(--ink)!important;font-weight:600!important;font-size:12px!important;letter-spacing:-.24px;text-transform:capitalize}

/* YouTube click-to-play */
.yt{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:var(--ink)}
.yt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.yt::after{content:"";position:absolute;inset:0;background:rgba(20,16,12,.3);transition:background-color .15s}
.yt:hover::after{background:rgba(20,16,12,.15)}
.yt-play{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:var(--rust);color:var(--ivory)}
.yt-play svg{width:24px;height:28px;margin-left:3px}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:2}
.yt.playing::after,.yt.playing .yt-play{display:none}
.caption{font-size:14px}

/* Vertical clips hosted on the site: click-to-play, nothing downloads until then */
.clips{display:grid;gap:16px;width:100%}
.clips-4{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1104px}
.clips-3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:800px}
.clips figure{display:flex;flex-direction:column;gap:10px;min-width:0}
.clip{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:9/16;border-radius:6px;overflow:hidden;background:var(--ink)}
.clip img,.clip video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.clip::after{content:"";position:absolute;inset:0;background:rgba(20,16,12,.2);transition:background-color .15s}
.clip:hover::after{background:rgba(20,16,12,.05)}
.clip .yt-play{width:60px;height:60px}
.clip .yt-play svg{width:18px;height:20px}
.clip.playing::after,.clip.playing .yt-play{display:none}
.clip.playing video{z-index:2;background:#000;object-fit:contain}
.clip-band{padding-top:0;padding-bottom:72px}
.watch-grid:has(+ .clip-band){padding-bottom:40px}
@media (max-width:767px){
  .clips-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .clips-3{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
  .clips-3 figure{flex:0 0 62%;scroll-snap-align:start}
  .clip-band{padding-bottom:48px}
  .watch-grid:has(+ .clip-band){padding-bottom:32px}
}
@media print{.clip-band,.clips{display:none}}
.video-list{display:flex;flex-direction:column;gap:40px;width:100%;max-width:1104px}
.video-list figure{display:flex;flex-direction:column;gap:12px}

/* Mailing list */
.join-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.join-grid .h2{font-size:56px;line-height:1;letter-spacing:-1px}
.join-copy{display:flex;flex-direction:column;gap:20px}
.join-copy .lede{max-width:440px}
.form-card{display:flex;flex-direction:column;gap:14px;background:var(--cream);color:var(--ink);border-radius:6px;padding:32px}
.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.form-card label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;line-height:1.3;letter-spacing:-.24px}
.form-card input{width:100%;height:48px;padding:0 14px;border:1px solid rgba(32,30,26,.3);border-radius:4px;background:var(--ivory);color:var(--ink);font:400 16px var(--body)}
.form-card input::placeholder{color:#6B6358;font-size:13px}
.form-card .btn-ink{height:52px;font-size:13px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-note{font-size:12px;color:var(--muted);line-height:1.4}
.form-msg{font-weight:600;font-size:14px}
.form-msg.ok{font-family:var(--head);font-weight:400;font-size:28px;line-height:1.15;letter-spacing:-.4px}
.form-msg.ok span{display:block;margin-top:10px;font:400 16px/1.5 var(--body);letter-spacing:-.32px}

/* Footer */
.footer-in{max-width:1200px;margin:0 auto;padding:56px 48px 40px;display:flex;flex-direction:column;gap:32px}
.footer-top{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.footer-logo{width:200px}
.footer-nav{display:grid;grid-template-columns:repeat(3,auto);gap:0 48px;font-size:12px;font-weight:600;line-height:1.4;letter-spacing:-.24px}
.footer-nav ul{display:flex;flex-direction:column}
.footer-nav a{display:inline-block;padding:6px 0}
.footer-nav a:hover{color:var(--rust)}
.footer-nav .accent{color:var(--rust)}
.footer-phone{display:none}
.copyright{padding-top:24px;border-top:1px solid var(--line);font-size:12px;font-weight:600;letter-spacing:-.24px}
.footer-mini{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:40px 48px;font-size:12px;font-weight:600;letter-spacing:-.24px}
.footer-mini ul{display:flex;flex-wrap:wrap;gap:0 24px}
.footer-mini li a{display:inline-block;padding:12px 0}
.footer-mini a:hover{color:var(--ivory)}

/* Booking / EPK */
.epk-head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:56px;align-items:start;padding-top:56px;padding-bottom:72px}
.epk-head .lede{font-size:20px;line-height:1.5;max-width:560px}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px;width:100%;margin-top:8px;padding-top:24px;border-top:1px solid var(--line)}
.facts dt{font-size:11px;font-weight:600;letter-spacing:.4px;color:var(--muted);line-height:1.4}
.facts dd{margin-top:4px;font-weight:600;line-height:1.45}
.contact{background:var(--ink);color:var(--cream);border-radius:6px;padding:32px;display:flex;flex-direction:column;gap:24px}
.contact :focus-visible{outline-color:var(--cream)}
.contact .label{color:var(--sand)}
.contact-email{font-family:var(--head);font-size:22px;line-height:1.2;letter-spacing:0;overflow-wrap:anywhere}
.contact-name{font-family:var(--head);font-size:20px;line-height:1.2;letter-spacing:0}
.contact a.u{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:3px;font-size:15px;overflow-wrap:anywhere}
.contact a.u:hover{color:var(--ivory)}
.contact .btn{padding:14px 20px}
.contact .btn-line-light{padding:13px 19px;color:var(--cream);border-color:rgba(255,240,213,.5)}
.contact-group{display:flex;flex-direction:column;gap:8px}
.contact-group.tight{gap:4px}
.rule{height:1px;background:var(--line-light);border:0;margin:0}
.btn-kit{display:flex;width:100%;line-height:1.3;padding:16px 20px!important}
.watch-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:40px;align-items:start;padding-top:72px;padding-bottom:72px}
.watch-grid .yt-play{width:76px;height:76px}
.songs{display:flex;flex-direction:column;gap:8px;width:100%}
.songs a{display:flex;align-items:center;gap:14px;min-height:54px;background:rgba(255,240,213,.06);border-radius:6px;padding:14px 16px;transition:background-color .15s}
.songs a:hover{background:rgba(255,240,213,.12)}
.songs .n{font-family:var(--head);color:var(--sand);width:18px;flex:none}
.songs .t{flex:1;font-weight:600;line-height:1.35}
.songs .t span{font-weight:400;color:var(--sand)}
.songs .s{font-size:13px;color:var(--sand);white-space:nowrap}
.hb-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:64px;align-items:start}
.hl-list{width:100%}
.hl-list li{padding:14px 0;border-top:1px solid var(--line)}
.hl-list li:last-child{border-bottom:1px solid var(--line)}
.hl-list strong{font-weight:600}
.bio-card{background:var(--ivory);border-radius:6px;padding:28px;display:flex;flex-direction:column;gap:20px;width:100%}
.bio-toggle{display:flex;gap:6px}
.bio-toggle button{min-height:44px;padding:0 16px;border:1px solid rgba(32,30,26,.3);border-radius:4px;background:transparent;font-size:12px;font-weight:600}
.bio-toggle button[aria-pressed=true]{background:var(--ink);color:var(--ivory);border-color:var(--ink)}
.bio-text{display:flex;flex-direction:column;gap:14px}
.photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%}
.photos figure{display:flex;flex-direction:column;gap:10px}
.photos img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:6px}
.photos figcaption{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center;font-size:13px}
.photos figcaption a{font-weight:600;text-decoration:underline;text-underline-offset:3px;padding:12px 0}
.photos figcaption a:hover{color:var(--rust)}
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%}
.tile{display:flex;flex-direction:column;gap:8px;padding:28px;border-radius:6px;background:var(--ivory);border:1px solid var(--line)}
.tile .label{color:var(--muted)}
.tile .head{font-size:28px;line-height:1.1;letter-spacing:0}
a.tile{gap:6px;padding:22px;transition:border-color .15s}
a.tile:hover{border-color:var(--rust)}
a.tile .head{font-size:20px}
.tech-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;width:100%;background:var(--ink);color:var(--cream);border-radius:6px;padding:24px 28px}
.tech-bar p{max-width:620px}
.tech-bar :focus-visible{outline-color:var(--cream)}

/* Music */
.page-head{padding-top:48px;padding-bottom:64px}
.single-strip{display:grid;grid-template-columns:280px minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;padding-top:56px;padding-bottom:56px}
.single-strip .cover{width:280px;box-shadow:0 16px 32px rgba(32,30,26,.35)}
.single-strip .h2{font-size:44px;line-height:1;letter-spacing:-.8px}
.spotify{display:block;width:100%;height:232px;border:0;border-radius:12px;background:var(--ink)}
.album-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px;align-items:start}
.album-grid>img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:4px}
.players{display:grid;grid-template-columns:auto minmax(0,1fr);width:100%}
.players dt,.players dd{padding:12px 0;border-top:1px solid var(--line)}
.players dt{padding-right:24px;font-weight:600}
.players dt span{font-weight:400;color:var(--muted)}
.players dd{color:var(--muted)}
.players dt:nth-last-of-type(1),.players dd:nth-last-of-type(1){border-bottom:1px solid var(--line)}

/* Merch */
.merch-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:64px;align-items:center;width:100%}
.merch-grid>img{width:100%;aspect-ratio:4/4.6;object-fit:cover;object-position:center 25%;border-radius:4px}
.soon{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:var(--cream);font-size:12px;font-weight:600;line-height:1;padding:8px 12px;border-radius:999px}
.soon::before{content:"";width:8px;height:8px;border-radius:50%;background:#E8A33D}

/* Live streaming */
.stream-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px;align-items:end;padding-top:48px;padding-bottom:72px}
.next-card{background:var(--ink);color:var(--cream);border-radius:6px;padding:28px;display:flex;flex-direction:column;gap:14px}
.next-card :focus-visible{outline-color:var(--cream)}
.next-card .label{display:inline-flex;align-items:center;gap:8px;color:var(--sand)}
.next-card .label::before{content:"";width:8px;height:8px;border-radius:50%;background:#8A8177}
.next-slot{font-family:var(--head);font-size:32px;line-height:1.1;letter-spacing:0}
.next-card .btn{padding:14px 20px}
.next-card .btn-line-light{padding:13px 19px;color:var(--cream);border-color:rgba(255,240,213,.5)}
.sched{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;width:100%}
.sched>div{border-radius:6px;padding:16px;border:1px solid rgba(255,240,213,.12);color:#A39A8E}
.sched .on{grid-column:span 2;background:var(--rust);border-color:var(--rust);color:var(--ivory)}
.sched p{font-size:12px;font-weight:600;line-height:1.3}
.sched .on .when{margin-top:6px;font-family:var(--head);font-weight:400;font-size:22px;line-height:1.2;letter-spacing:0}
.sched .on .tz{margin-top:4px;font-weight:400}
.tw-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%}
.card-cream,.card-ink{display:flex;flex-direction:column;align-items:flex-start;gap:10px;border-radius:6px;padding:24px;font-size:14px;line-height:1.5}
.card-cream{background:var(--cream);color:var(--ink)}
.card-ink{background:var(--ink);color:var(--cream)}
.card-ink :focus-visible{outline-color:var(--cream)}
.card-title{font-family:var(--head);font-size:22px;line-height:1.2;letter-spacing:0}
.card-actions{margin-top:auto;padding-top:6px;display:flex;flex-wrap:wrap;gap:8px}
.tw-grid .btn{padding:12px 18px}
.tw-grid .btn-line-dark{padding:11px 17px}
.h2-48{font-size:48px;line-height:1;letter-spacing:-.8px}
.tags{display:flex;flex-wrap:wrap;gap:10px}
.tags li{font-family:var(--head);font-size:18px;line-height:1.3;letter-spacing:0;background:var(--ivory);border:1px solid var(--line);color:var(--ink);padding:10px 16px;border-radius:4px}
.highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%}
.highlights .yt-play{width:60px;height:60px}
.highlights .yt-play svg{width:18px;height:20px}
.highlights figure{display:flex;flex-direction:column;gap:10px;font-weight:600}
.never{padding-top:32px;border-top:1px solid var(--line);width:100%;display:flex;flex-direction:column;gap:12px}
.never .h2{font-size:32px}
.never p{max-width:620px}

.live-head{max-width:1344px;margin:0 auto;padding:32px 48px 72px;display:flex;flex-direction:column;gap:20px}
.live-now{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;line-height:1}
.live-now::before{content:"";width:10px;height:10px;border-radius:50%;background:#E0452B;box-shadow:0 0 0 4px rgba(224,69,43,.25);animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(224,69,43,.1)}}
.live-h1{font-size:64px;line-height:1;letter-spacing:-1.2px}
.live-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.live-top .btn{padding:14px 22px}
.live-top .btn-line-light{padding:13px 21px;color:var(--cream);border-color:rgba(255,240,213,.5)}
.twitch-frame{width:100%;border-radius:6px;overflow:hidden;background:#18171A}
.twitch-frame iframe{display:block;border:0}
.chat-phone{display:none;flex-direction:column;gap:10px}
.chat-phone iframe{display:block;width:100%;height:420px;border:0;border-radius:6px;background:#18171A}
.chat-phone a{text-decoration:underline;text-underline-offset:3px;font-weight:600;font-size:14px;padding:6px 0;align-self:flex-start}
.probe{position:absolute;left:-9999px;top:0;width:400px;height:300px;overflow:hidden}

body.is-live{background:var(--ink);color:var(--cream)}
body.is-live .on-page{color:var(--cream)}
body.is-live .on-page .muted{color:var(--sand)}
body.is-live .on-page .btn-line-dark{color:var(--cream);border-color:rgba(255,240,213,.5)}
body.is-live .never{border-color:var(--line-light)}
body.is-live .sched-sec{border-top:1px solid var(--line-light)}

/* 404 */
.lost{min-height:50vh;padding-top:64px}

/* Below this width the desktop nav would wrap, so the phone menu takes over */
@media (max-width:979px){
  .main-nav{display:none}
  .phone-bar{display:flex}
  .site-header{height:72px;padding:0 16px 0 24px}
  .site-header .logo-link{width:72px}
}
@media (max-width:1099px){
  .strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .single-strip{grid-template-columns:220px minmax(0,1fr)}
  .single-strip .cover{width:220px}
  .single-strip .spotify{grid-column:1/-1}
  .tw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .photos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .h1,.h1-sm{font-size:72px;letter-spacing:-1.4px}
  .epk-head,.stream-head,.watch-grid,.hb-grid,.road{gap:40px}
}
@media (max-width:767px){
  .wrap{padding:48px 24px}
  .stack{gap:16px}
  .h1,.h1-sm{font-size:56px;line-height:.95;letter-spacing:-1px}
  .h2{font-size:34px;letter-spacing:-.6px}
  .h2-feature,.h2-album,.h2-48{font-size:40px;letter-spacing:-.8px}
  .join-grid .h2{font-size:40px}
  .lede{font-size:16px}
  .epk-head .lede{font-size:17px}
  .btn{min-height:48px;font-size:13px}
  .stack>.btn,.stack-sm>.btn,.split-head>.btn{width:100%}
  .btn-row.stacked{flex-direction:column;width:100%}
  .btn-row.stacked .btn{width:100%}
  .btn-row.two-up{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .btn-row.two-up .btn{padding-left:10px;padding-right:10px}

  .hero{min-height:620px;align-items:flex-end}
  .hero-img{object-position:58% 30%}
  .hero::after{background:linear-gradient(180deg,rgba(20,16,12,.05) 0%,rgba(20,16,12,.25) 40%,rgba(20,16,12,.85) 100%)}
  .hero-copy{padding:32px 24px 40px;gap:16px}
  .hero-logo{width:200px}
  .strip{gap:24px 20px;padding-top:32px;padding-bottom:32px}
  .strip .label{font-size:10px}
  .strip .val{font-size:16px;line-height:1.25}
  .d-only{display:none}
  .m-only{display:inline}

  .single-grid,.artist-grid,.road,.join-grid,.album-grid,.merch-grid,.epk-head,.stream-head,.watch-grid,.hb-grid,.three,.two{grid-template-columns:minmax(0,1fr)}
  .single-grid,.artist-grid,.join-grid,.album-grid,.merch-grid,.hb-grid{gap:32px}
  .cover{max-width:100%}
  .road{display:flex;flex-direction:column;align-items:stretch;gap:16px}
  .road-left{display:contents}
  .road-left>.btn{order:3;width:100%}
  .shows{order:2;margin-top:8px}
  [data-shows] .bit-event{padding:16px!important;gap:12px!important}
  [data-shows] .bit-details-inner-wrapper{grid-template-columns:minmax(0,1fr)!important}
  [data-shows] .bit-date-wrapper{grid-column:1!important;grid-row:1!important;margin-bottom:4px!important}
  [data-shows] .bit-titleWrapper{grid-column:1!important;grid-row:2!important}
  [data-shows] .bit-location-under-desktop{grid-column:1!important;grid-row:3!important}

  .yt-play{width:60px;height:60px}
  .yt-play svg{width:18px;height:20px}
  .video-list{gap:32px}

  .form-card{padding:20px;gap:12px}
  .form-row{grid-template-columns:minmax(0,1fr);gap:12px}

  .footer-in{padding:40px 24px;gap:24px}
  .footer-top{flex-direction:column;align-items:stretch;gap:24px}
  .footer-logo{width:150px}
  .footer-nav{display:none}
  .footer-phone{display:flex;flex-direction:column;gap:16px}
  .footer-phone ul{display:flex;flex-wrap:wrap;gap:4px 20px;font-size:13px;font-weight:600}
  .footer-phone li a{display:inline-block;padding:13px 0}
  .copyright{padding-top:16px}
  .footer-mini{padding:32px 24px;flex-direction:column;align-items:flex-start;gap:12px}

  .epk-head{display:flex;flex-direction:column;align-items:stretch;gap:32px;padding-top:24px;padding-bottom:48px}
  .epk-intro{display:contents}
  .epk-title{order:1}
  .contact{order:2;margin:0 -8px;padding:24px;gap:18px}
  .facts{order:3;margin-top:0}
  .contact .btn-row{flex-direction:column}
  .contact .btn-row .btn{width:100%}
  .watch-grid{padding-top:48px;padding-bottom:48px}
  .single-strip{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:48px;padding-bottom:48px}
  .single-strip .cover{width:100%}
  .page-head{padding-top:24px;padding-bottom:48px}
  .players{grid-template-columns:minmax(0,1fr) auto}
  .photos{gap:12px}
  .photos figcaption span{display:none}
  .tech-bar{padding:24px}
  .tech-bar .btn{width:100%}
  .stream-head{padding-top:24px;padding-bottom:48px;gap:24px;align-items:stretch}
  .next-slot{font-size:28px}
  .next-card .btn-row{flex-direction:column}
  .next-card .btn-row .btn{width:100%}
  .sched{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sched .on,.sched .rest{grid-column:1/-1}
  .tw-grid,.highlights{grid-template-columns:minmax(0,1fr)}
  .card-actions .btn{flex:1 1 auto}
  .merch-grid>img{aspect-ratio:4/4.6}

  .live-head{padding:24px 0 48px;gap:14px}
  .live-title,.live-actions{padding:0 24px}
  .live-h1{font-size:40px;letter-spacing:-.6px}
  .live-top{display:contents}
  .live-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;order:3}
  .live-title{order:1}
  .twitch-frame{order:2;border-radius:0}
  .live-actions .btn{padding-left:8px;padding-right:8px}
  .chat-phone{display:flex;order:4;padding:8px 24px 0}
  .live-head{display:flex}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}
@media print{
  .site-header,.menu,.skip,.btn,.btn-row,.yt,.footer-mini ul,.songs .s,.photos,.tech-bar .btn{display:none!important}
  body,.ink,.rust,.ivory,.contact,.tech-bar{background:#fff!important;color:#000!important}
  .ink .sand,.sand,.contact .label,.facts dt,.tile .label{color:#333!important}
  .wrap,.epk-head,.watch-grid{padding:16px 0!important}
  .songs a{background:none;padding:2px 0;min-height:0}
  .contact a.u::after{content:""}
  section{break-inside:avoid}
}