/* They Killed Kenny — site styles */
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/archivo-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/archivo-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/archivo-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/archivo-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/archivo-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/archivo-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/archivo-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/archivo-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/archivo-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


  body { margin:0; background:#201e1d; color:#f3f2f2; font-family:"Archivo",system-ui,sans-serif; font-size:15px; line-height:1.55; -webkit-font-smoothing:antialiased; }
  *,*::before,*::after { box-sizing:border-box; }
  a { color:#ff563c; text-decoration:none; text-underline-offset:3px; }
  a:hover { color:#ff9783; text-decoration:underline; }
  :focus { outline:none; }
  :focus-visible { outline:2px solid #ff563c; outline-offset:2px; }
  ::selection { background:rgba(255,86,60,0.35); }
  html { scroll-behavior:smooth; }
  #bookB input::placeholder, #bookB textarea::placeholder { color:rgba(32,30,29,0.5); }
  @keyframes tkk-marquee { from { transform:translateX(0); } to { transform:translateX(-50%); } }


/* ---------- hover states ---------- */
.hv-1:hover { background:#ff563c;color:#f3f2f2;text-decoration:none; }
.hv-2:hover { background:rgba(255,86,60,0.16);color:#f3f2f2;text-decoration:none; }
.hv-3:hover { background:rgba(255,86,60,0.1); }
.hv-4:hover { background:rgba(255,86,60,0.1); }
.hv-5:hover { background:rgba(255,86,60,0.1); }
.hv-6:hover { background:rgba(255,86,60,0.1); }
.hv-7:hover { background:rgba(255,86,60,0.1); }
.hv-8:hover { background:rgba(255,86,60,0.1); }
.hv-9:hover { background:rgba(255,86,60,0.1); }
.hv-10:hover { background:rgba(255,86,60,0.1); }
.hv-11:hover { background:rgba(255,86,60,0.1); }
.hv-12:hover { background:rgba(255,86,60,0.1); }
.hv-13:hover { background:rgba(255,86,60,0.1); }
.hv-14:hover { background:rgba(255,86,60,0.1); }
.hv-15:hover { background:rgba(255,86,60,0.1); }
.hv-16:hover { background:rgba(255,86,60,0.1); }
.hv-17:hover { background:rgba(255,86,60,0.1); }
.hv-18:hover { background:rgba(255,86,60,0.1); }
.hv-19:hover { background:rgba(255,86,60,0.1); }
.hv-20:hover { background:rgba(255,86,60,0.1); }
.hv-21:hover { background:#dd2b0f; }


/* ---------- responsive ---------- */
img { max-width: 100%; }

@media (max-width: 900px) {
  /* stage photo + text, and the booking two-up, stack */
  section[style*="grid-template-columns:1fr 1fr"] { grid-template-columns: 1fr !important; }
  section[style*="grid-template-columns:1fr 1fr"] > div { border-right: 0 !important; }
  #bookB > div[style*="1fr 1fr"] { grid-template-columns: 1fr !important; }
  #bookB > div[style*="1fr 1fr"] > div { border-right: 0 !important;
    border-bottom: 2px solid rgba(32,30,29,0.4); }
  section > div > img { max-height: 60vh; }
}

@media (max-width: 700px) {
  /* poster photo strip: 4 across -> 2 across */
  section > div[style*="repeat(4,1fr)"] { grid-template-columns: repeat(2, 1fr) !important; }
  section > div[style*="repeat(4,1fr)"] > figure { border-right: 0 !important;
    border-top: 2px solid rgba(243,242,242,0.35); }
  /* set list: artist drops under the song title */
  #listB > div[style*="64px 1fr auto"] { grid-template-columns: 40px 1fr !important;
    gap: 4px 14px !important; padding-left: 18px !important; padding-right: 18px !important; }
  #listB > div[style*="64px 1fr auto"] > span:last-child { grid-column: 2 !important; }
  section > div, #listB > div, #bookB > div > div, form { padding-left: 18px !important;
    padding-right: 18px !important; }
  #booking-form { padding-top: 28px !important; padding-bottom: 32px !important; }
}

@media (prefers-reduced-motion: reduce) {
  [style*="tkk-marquee"] { animation: none !important; }
}

@media print {
  #booking-form { display: none; }
}