/* evanhalls.com — "Step inside the show" (Production page only) */
.show-band{--poster:url("/show/poster.jpg")}
/* ---------- Production page: "Step inside the show" band ---------- */
.show-band{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;
  min-height:min(80vh,780px);min-height:min(80svh,780px);
  background:#050608 var(--poster) 62% 40%/cover no-repeat;border-block:1px solid var(--line)}
.show-band::before{content:"";position:absolute;inset:0;z-index:-1;background:
  linear-gradient(90deg,rgba(6,7,10,.9) 0%,rgba(6,7,10,.62) 30%,rgba(6,7,10,.08) 58%,rgba(6,7,10,0) 70%),
  linear-gradient(0deg,rgba(6,7,10,.92) 0%,rgba(6,7,10,.35) 26%,rgba(6,7,10,0) 48%),
  linear-gradient(180deg,rgba(6,7,10,.55) 0%,rgba(6,7,10,0) 18%)}
.show-band-inner{width:100%;max-width:var(--max);margin:0 auto;padding:clamp(56px,8vw,110px) clamp(20px,5vw,56px)}
.show-band .kicker{display:inline-flex;align-items:center;gap:10px}
.show-band .kicker .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(201,162,39,.6);animation:showdot 2.2s ease-out infinite}
@keyframes showdot{70%{box-shadow:0 0 0 9px rgba(201,162,39,0)}100%{box-shadow:0 0 0 0 rgba(201,162,39,0)}}
.show-band h2{font-family:Anton,Archivo,sans-serif;font-size:clamp(42px,6.6vw,86px);line-height:.92;text-transform:uppercase;letter-spacing:-.005em;max-width:8.5em;
  background:var(--silver-grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.5))}
.show-copy{max-width:31em;margin:20px 0 30px;color:#c9cdd4;font-size:1.02rem;line-height:1.6}
.show-open{display:inline-flex;align-items:center;gap:14px;cursor:pointer;font-family:inherit;padding:10px 26px 10px 10px;position:relative}
.show-open .show-play{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#1a1405;color:#f7e7a6;flex:none}
.show-open .show-play svg{margin-left:3px}
.show-open::after{content:"";position:absolute;inset:-1px;border-radius:999px;box-shadow:0 0 0 0 rgba(217,187,82,.45);animation:showring 2.6s ease-out infinite;pointer-events:none}
@keyframes showring{70%{box-shadow:0 0 0 14px rgba(217,187,82,0)}100%{box-shadow:0 0 0 0 rgba(217,187,82,0)}}
.show-note{margin-top:18px;font-size:.78rem;letter-spacing:.06em;color:var(--dim);max-width:34em}
@media(max-width:860px){
  .show-band{min-height:88vh;min-height:88svh;background-position:58% 30%}
  .show-band::before{background:linear-gradient(0deg,rgba(6,7,10,.96) 0%,rgba(6,7,10,.82) 34%,rgba(6,7,10,.1) 64%,rgba(6,7,10,0) 76%),linear-gradient(180deg,rgba(6,7,10,.6) 0%,rgba(6,7,10,0) 16%)}
  .show-copy{font-size:.98rem;margin:14px 0 24px}
}

/* ---------- the fullscreen stage ---------- */
body.show-lock{overflow:hidden}
.show-overlay{position:fixed;inset:0;z-index:300;background:#040507;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}
.show-overlay.open{opacity:1;visibility:visible;transition:opacity .45s ease}
.show-host{position:absolute;inset:0;touch-action:none;cursor:grab;overflow:hidden}
.show-host:active{cursor:grabbing}
.show-host canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.2s ease}
.show-host canvas.on{opacity:1}
.show-ui{position:absolute;inset:0;pointer-events:none}
.show-ui>*{pointer-events:auto}
.show-tag{position:absolute;top:calc(16px + env(safe-area-inset-top,0px));left:calc(16px + env(safe-area-inset-left,0px));
  display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border-radius:999px;
  font:700 10.5px/1 Archivo,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--accent2);
  background:rgba(8,9,12,.55);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.show-tag .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}
@media(max-width:520px){.show-tag-long{display:none}}
.show-close{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));width:48px;height:48px;border-radius:50%;
  display:grid;place-items:center;cursor:pointer;color:var(--ink);background:rgba(8,9,12,.6);border:1px solid rgba(226,214,178,.42);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s,color .2s}
.show-close:hover,.show-close:focus-visible{border-color:var(--accent2);color:var(--accent2)}
.show-close:focus-visible,.show-book:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}
.show-foot{position:absolute;left:0;right:0;bottom:calc(20px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none}
.show-foot>*{pointer-events:auto}
.show-hint{font:600 11px/1 Archivo,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:rgba(244,245,247,.66);text-shadow:0 1px 8px rgba(0,0,0,.8)}
.show-load{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;
  max-width:min(420px,84vw);font:600 11.5px/1.5 Archivo,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--accent2);transition:opacity .5s}
.show-overlay.ready .show-load{opacity:0;pointer-events:none}
.show-overlay.failed .show-spin{display:none}
.show-spin{width:22px;height:22px;border-radius:50%;border:2px solid rgba(226,214,178,.22);border-top-color:var(--accent);animation:showspin .9s linear infinite}
@keyframes showspin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.show-band .kicker .dot,.show-open::after{animation:none}.show-spin{animation-duration:2.4s}}