.tour-art{position:relative;aspect-ratio:1.5;overflow:hidden;background:#000}
.event-card:has(.tour-card-art):hover{border-color:#fec52e}
.event-card:has(.tour-card-art) .event-card-body>.event-date,.event-card:has(.tour-card-art) .event-card-body>.event-name,.event-card:has(.tour-card-art) .event-card-body>.event-title,.event-card:has(.tour-card-art) .event-card-body>.event-location{display:none}
.tour-art img{position:absolute!important;width:140%!important;max-width:none!important;height:auto!important;aspect-ratio:auto!important;left:-20%;top:-7%;object-fit:contain!important}
.tour-card-art{container-type:inline-size;aspect-ratio:1;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;background:#000;border-bottom:1px solid #b48a34;padding:10px 12px;text-align:center}
.tour-card-art>.tour-art{width:100%;flex-shrink:0}
.event-card:has(.tour-card-art--image-only) .event-card-body>.event-date,.event-card:has(.tour-card-art--image-only) .event-card-body>.event-name,.event-card:has(.tour-card-art--image-only) .event-card-body>.event-title,.event-card:has(.tour-card-art--image-only) .event-card-body>.event-location{display:block}
.event-track .event-coming-soon{font-size:24px;line-height:1.2}
.tour-card-art h3{font:clamp(15px,8cqi,32px)/1.05 Druk,Impact,sans-serif;color:#fec52e;text-transform:uppercase;margin:6px 0}
.tour-card-art p{font:clamp(11px,5cqi,20px)/1.2 Druk,Impact,sans-serif;color:#fff;text-transform:uppercase;margin:0 0 5px}
.tour-card-art span{font:clamp(10px,4cqi,13px)/1.4 Arial,sans-serif;color:#d7c596}
.tour-slide{display:grid;grid-template-columns:23% minmax(0,1fr);align-items:center;width:96%;height:100%;margin:auto;background:#000}
.tour-schedule{min-width:0;padding:12px 0 12px 24px;border-left:0}
.tour-schedule h2{font:32px/1 Druk,Impact,sans-serif;color:#fec52e;text-transform:uppercase;margin:0 0 16px}
.tour-schedule ol{list-style:none;padding:0;margin:0;display:grid;grid-auto-flow:column;grid-template-rows:repeat(var(--tour-rows,8),auto);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px}
.tour-route{position:relative;margin:24px 12px 0}.tour-route-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.tour-route-line path{fill:none;stroke:#b89a52;stroke-width:1.25;stroke-linejoin:round}
.tour-schedule li{position:relative;min-width:0;margin:0;padding:0 0 0 27px;text-align:left}
.tour-schedule li::after{content:'';position:absolute;top:7px;left:5px;width:6px;height:6px;border-radius:50%;background:#b89a52}

.tour-schedule span{display:block;font:clamp(15px,1.2vw,20px)/1.4 Arial,sans-serif;color:#fff}
.tour-schedule strong{display:block;font:clamp(26px,2.2vw,38px)/1.1 Druk,Impact,sans-serif;color:#fec52e;text-transform:uppercase;overflow-wrap:anywhere}
/* Mobile layout: fixed hero height, logo above two vertical columns. */
@media(max-width:700px){
  .hero-frame--tour-dates{inset:80px 0 100px;overflow:hidden}
  .tour-slide{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;gap:6px;width:100%;height:100%;min-height:0;padding:4px 12px;box-sizing:border-box}
  .tour-slide>.tour-art{width:150px;max-width:52%;margin:0 auto}
  .tour-schedule{border-left:0;padding:0}
  .tour-schedule h2{font-size:20px;line-height:1.15;margin:0 0 10px;text-align:center}
  .tour-schedule ol{grid-auto-flow:column;grid-template-rows:repeat(var(--tour-rows,8),auto);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}
  .tour-schedule span{font-size:11.5px;line-height:1.15}
  .tour-schedule strong{font-size:18.5px;line-height:1.08}
  .tour-schedule li{padding:0 0 0 18px;margin:0;text-align:left;grid-column:auto;grid-row:auto}
  .tour-schedule li::after{left:5px;top:7px;width:6px;height:6px}
  .tour-route{margin:0 2px}
}
/* Standard-width phones, including iPhone 14 at default display scaling. */
@media(min-width:375px) and (max-width:419px){
  .tour-slide>.tour-art{width:156px}
  .tour-schedule span{font-size:13.5px}
  .tour-schedule strong{font-size:22.5px}
}
/* Larger phones, including iPhone 16 Pro Max at default display scaling. */
@media(min-width:420px) and (max-width:700px){
  .hero-frame--tour-dates{inset:88px 0 112px}
  .tour-slide>.tour-art{width:160px}
  .tour-slide>.tour-art{aspect-ratio:1.5;overflow:hidden}
  .tour-slide>.tour-art img{position:absolute!important;width:125%!important;height:auto!important;left:-12.5%;top:0}
  .tour-schedule h2{font-size:22px}
  .tour-schedule span{font-size:13.5px}
  .tour-schedule strong{font-size:23.5px}
  .tour-schedule ol{row-gap:8px;column-gap:16px}
}
/* Safari toolbars and shorter windows reduce the available vertical space. */
@media(min-width:420px) and (max-width:700px) and (max-height:850px){
  .tour-slide>.tour-art{width:140px}
  .tour-slide{gap:4px;padding-block:0}
  .tour-schedule h2{font-size:20px;margin-bottom:6px}
  .tour-schedule ol{row-gap:4px}
}
@media(max-width:700px) and (max-height:740px){
  .tour-slide>.tour-art{width:132px}
  .tour-slide{gap:4px}
  .tour-schedule h2{font-size:19px;margin-bottom:7px}
  .tour-schedule ol{row-gap:4px}
  .tour-schedule span{font-size:11.5px}
  .tour-schedule strong{font-size:19.5px}
}
@media(min-width:375px) and (max-width:419px) and (max-height:740px){
  .tour-schedule span{font-size:12.5px}
  .tour-schedule strong{font-size:21.5px}
}
@media(max-width:700px){.hero-frame--anniversary:not(.hero-frame--tour-dates) .hero-slide{width:136%;max-width:none;left:-18%;object-fit:contain}}
@media(min-width:701px){.tour-slide{position:relative;width:min(1120px,94%);grid-template-columns:38% 62%;gap:0;height:auto;min-height:100%;align-items:center;padding-top:64px}.tour-slide>.tour-art{width:min(330px,100%);justify-self:center}.tour-schedule{padding:12px 0;width:100%;max-width:680px;justify-self:start}.tour-schedule h2{position:absolute;top:18px;left:0;width:100%;margin:0;text-align:center}.tour-route{margin:0}.tour-schedule ol{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:38px;row-gap:10px}.tour-schedule span{font-size:16px}.tour-schedule strong{font-size:30px}.tour-schedule li{max-width:none}}
@media(min-width:701px) and (max-width:1000px){.tour-slide{grid-template-columns:24% minmax(0,1fr);gap:20px}.tour-schedule{width:100%}.tour-schedule ol{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}.tour-schedule strong{font-size:26px}.tour-schedule span{font-size:14px}}
