@font-face{font-family:Fraunces;src:url(/fonts/fraunces.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:Figtree;src:url(/fonts/figtree.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}

:root{
  --hall:#E3926A;
  --hall-deep:#C45C38;
  --maple:#D9A44A;
  --maple-dark:#B07E2E;
  --plank:#C8883A;
  --ink:#2A160E;
  --mute:#6B4330;
  --brass:#C9A04A;
  --brass-deep:#8A6A30;
  --walnut:#3D2818;
  --desk:#2E1E14;
  --foam:#F6E6C8;
  --sage:#3D5C42;
  --sun:rgba(255,232,176,.48);
  --gutter:clamp(14px,3vw,32px);
  --lectern:318px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;padding:0;background:var(--hall);color:var(--ink);font-family:Figtree,system-ui,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
body{
  background:
    radial-gradient(ellipse 62% 48% at 92% 6%, rgba(255,240,196,.58), transparent 58%),
    radial-gradient(ellipse 48% 42% at 8% 88%, rgba(156,58,28,.2), transparent 62%),
    radial-gradient(ellipse 80% 50% at 50% -12%, var(--sun), transparent 64%),
    linear-gradient(168deg,#EBB086 0%, var(--hall) 46%, #CE6840 100%);
  color:var(--ink);
  padding:0 var(--gutter) 2rem;
  padding-bottom:5.5rem;
  min-height:100vh;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.28;
  background:
    repeating-linear-gradient(90deg,transparent 0 3px,rgba(90,34,12,.045) 3px 4px),
    repeating-linear-gradient(0deg,transparent 0 4px,rgba(255,232,196,.05) 4px 5px);
}
img{max-width:100%;display:block}
a{color:var(--ink);text-underline-offset:3px}
a:hover{color:var(--walnut)}
button{font:inherit;cursor:pointer;color:inherit;appearance:none;-webkit-appearance:none;background:none;border:0;padding:0}
input,select,textarea{font:inherit;appearance:none;-webkit-appearance:none;border-radius:0}
.skip{position:absolute;left:-9999px}
.skip:focus{left:1rem;top:1rem;z-index:99;background:var(--foam);color:var(--ink);padding:.5rem .75rem}

.w{width:min(100%,var(--max));margin-inline:auto}

/* Ceiling-hung wooden call board — not logo-left/links-right, not a centered wordmark+row */
.hd{display:flex;justify-content:center;padding:28px 0 1rem;position:relative;z-index:40}
.callboard{position:relative;z-index:1;background:linear-gradient(180deg,#C98A3E,#B07230);border:3px solid var(--walnut);color:var(--ink);padding:.7rem 1.35rem .8rem;min-width:min(92vw,22rem);text-align:center;box-shadow:0 10px 24px rgba(60,28,10,.22), inset 0 1px 0 rgba(255,230,170,.35)}
.callboard::before{content:"";position:absolute;left:50%;top:-18px;width:10px;height:18px;background:var(--walnut);transform:translateX(-50%);border-radius:2px 2px 0 0}
.callboard::after{content:"";position:absolute;left:50%;top:-26px;width:22px;height:10px;border:3px solid var(--walnut);border-bottom:0;border-radius:10px 10px 0 0;transform:translateX(-50%);background:transparent}
.mark{display:block;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:1.35rem;letter-spacing:-.02em;text-decoration:none;color:var(--ink);line-height:1.15}
.mark small{display:block;font-family:Figtree,sans-serif;font-weight:600;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;margin-top:.2rem;color:var(--walnut)}
.hd-n{display:flex;flex-wrap:wrap;justify-content:center;gap:.15rem .9rem;margin-top:.45rem;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.hd-n a{color:var(--walnut);text-decoration:none;padding:.3rem 0;min-height:44px;display:inline-flex;align-items:center}
.hd-n a[aria-current="page"],.hd-n a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}

.kicker{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin:0 0 .55rem;font-weight:600}
h1,.h1{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:clamp(1.85rem,5.2vw,3.35rem);line-height:1.04;margin:0 0 .55rem;letter-spacing:-.03em;color:var(--ink);font-style:normal}
.lede{font-size:1.02rem;color:var(--mute);max-width:36rem;margin:0 0 .75rem}
.sec{padding:2.6rem 0 0}
.sec h2{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:clamp(1.5rem,3vw,2.15rem);margin:0 0 .35rem;letter-spacing:-.02em}
.sec .sub{color:var(--mute);margin:0 0 1.15rem;max-width:40rem}

/* Text actions — not pill buttons */
.acts{display:flex;flex-wrap:wrap;gap:.2rem 1.35rem;align-items:center}
.act{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:var(--ink);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:underline;text-underline-offset:5px;font-weight:700}
.act:hover,.act.now,.act.pc-on{color:var(--walnut)}
.act.ghost{color:var(--mute)}

/* Hall + pit: full-bleed maple floor, soft edges, no hard slab */
.hall{padding:0 0 .4rem}
.hall-intro{max-width:40rem}
.pit{
  --spread:208px;
  --back-spread:150px;
  --front-w:152px;
  --clear:338px;
  --stage-cx:max(50%, calc(var(--clear) + 2 * var(--spread) + var(--front-w)/2));
  position:relative;width:100vw;margin:.2rem 0 1.1rem;margin-left:calc(50% - 50vw);
  height:clamp(460px, calc(100vh - 318px), 600px);isolation:isolate;overflow:visible
}
.pit::before{content:none}
.floor{position:absolute;left:-10%;right:-10%;top:0;bottom:-22%;pointer-events:none;z-index:0;
  background:radial-gradient(ellipse 96% 84% at 52% 80%, var(--maple) 0%, #C8883A 34%, rgba(227,146,106,0) 72%);
  -webkit-mask-image:radial-gradient(ellipse 120% 100% at 50% 78%,#000 18%,transparent 78%);
  mask-image:radial-gradient(ellipse 120% 100% at 50% 78%,#000 18%,transparent 78%);
}
.floor::after{content:"";position:absolute;inset:0;opacity:.2;pointer-events:none;background:
  repeating-linear-gradient(90deg,transparent 0 46px,rgba(80,40,10,.16) 46px 47px);
  -webkit-mask-image:radial-gradient(ellipse 86% 64% at 50% 84%,#000 8%,transparent 68%);
  mask-image:radial-gradient(ellipse 86% 64% at 50% 84%,#000 8%,transparent 68%)}
.shaft{position:absolute;top:-70vh;left:-25%;right:-25%;bottom:-30%;pointer-events:none;z-index:1;
  background:
    radial-gradient(ellipse 58% 50% at 88% 22%, rgba(255,244,210,.4), transparent 64%),
    radial-gradient(ellipse 34% 28% at 74% 38%, rgba(255,232,186,.14), transparent 72%)}

.stand{position:absolute;left:50%;top:62px;width:calc(152px * var(--s,1));transform:translate(-50%,0);background:none;border:0;padding:0;color:var(--ink);text-align:center;z-index:2;filter:drop-shadow(0 18px 16px rgba(50,22,8,.3))}
.stand .desk{display:block;background:linear-gradient(180deg,#3A281C,#24170F);padding:7px 7px 0;transform:perspective(280px) rotateX(28deg);transform-origin:bottom center}
.stand .chart{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:var(--desk)}
.stand .lip{display:block;height:10px;margin-top:4px;background:linear-gradient(180deg,#E0C06A,var(--brass-deep));box-shadow:0 3px 0 var(--walnut)}
.stand .stem{display:block;width:3px;height:calc(56px * var(--s,1));margin:0 auto;background:linear-gradient(#4A3424,#2A1C12)}
.stand .feet{display:block;width:54px;height:9px;margin:-2px auto 0;background:var(--desk);clip-path:polygon(6% 0,94% 0,100% 100%,0 100%);position:relative}
.stand .feet::after{content:"";position:absolute;left:50%;top:10px;width:96px;height:20px;background:radial-gradient(ellipse,rgba(42,16,6,.42),transparent 72%);transform:translateX(-50%);pointer-events:none}
.stand-meta{display:block;margin-top:.35rem;line-height:1.2}
.stand-k{display:block;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--walnut)}
.stand-t{display:block;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:.95em;margin-top:.12rem}
.stand-s,.stand-u{display:none}
.stand:hover .desk,.stand.now .desk{outline:2px solid var(--brass);outline-offset:3px}
.stand.now .lip{background:linear-gradient(180deg,#E8C36A,#C9A04A)}
.stand.row-back{width:132px;top:0}
.stand.row-back .stand-meta{display:none}
.stand.principal{width:228px;z-index:3}
.stand.principal .stand-s,.stand.principal .stand-u{display:block;font-size:.76rem;color:var(--mute);margin-top:.12rem;font-family:Figtree,sans-serif;font-weight:500}
.stand.principal .stand-t{font-size:1.05rem}
.stand.principal .stem{height:40px}

.hall-facts{margin:0;color:var(--mute);font-size:.92rem}

/* Section chairs */
.roster{display:flex;flex-direction:column;border-top:2px solid var(--walnut)}
.lane{display:grid;grid-template-columns:3.1rem 1fr auto;gap:1rem;align-items:baseline;padding:1.2rem 0;border-bottom:1px solid rgba(42,22,14,.22);text-decoration:none;color:inherit}
.lane .idx{font-family:Fraunces,Georgia,serif;color:var(--mute)}
.lane h3{font-family:Fraunces,Georgia,serif;font-size:clamp(1.45rem,3.4vw,2.2rem);margin:0;letter-spacing:-.02em;line-height:1.05}
.lane p{margin:.3rem 0 0;color:var(--mute);max-width:36rem}
.lane .n{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);align-self:center;font-weight:700}
.lane:hover h3{text-decoration:underline;text-underline-offset:5px}

/* Part-book index (staff of cue numbers — not a boxed stats band, not a film wall) */
.staff{position:relative;padding:1.1rem 0 .4rem;background:linear-gradient(180deg,transparent,rgba(255,236,200,.18));}
.staff::before{content:"";position:absolute;inset:18% 0 28% 0;background:repeating-linear-gradient(180deg,rgba(42,22,14,.28) 0 2px,transparent 2px 22%);pointer-events:none}
.picks{display:flex;flex-wrap:wrap;gap:6px 5px;position:relative;z-index:1}
.pick{width:42px;height:42px;border:0;background:transparent;color:var(--walnut);font-weight:700;font-size:.72rem;position:relative;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.pick.hot{width:64px;height:64px;color:var(--foam)}
.pick.hot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;opacity:.88}
.pick .no{position:relative;z-index:1}
.pick:hover,.pick.now{color:var(--ink);background:rgba(255,236,200,.35)}
.pick.hot:hover img,.pick.hot.now img{opacity:1;outline:2px solid var(--brass);outline-offset:2px;border-radius:50%}

/* Catalogue */
.tools{display:flex;flex-wrap:wrap;gap:.65rem 1rem;margin:0 0 1rem;align-items:center}
.tools input,.tools select{flex:1;min-width:140px;min-height:48px;padding:.65rem .9rem;border:2px solid var(--walnut);background:rgba(255,236,200,.28);color:var(--ink);border-radius:2px}
.tools input:focus,.tools select:focus{outline:2px solid var(--ink);outline-offset:1px}
.view-tog{display:flex;gap:1rem;margin-left:auto}
.view-tog button{border:0;background:none;color:var(--mute);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:700;min-height:44px;padding:0}
.view-tog button[aria-pressed="true"]{color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.count{color:var(--mute);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}

.cat[data-cat="grid"]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;list-style:none;margin:0;padding:0}
.cat[data-cat="list"]{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0}
.cue{position:relative;color:inherit}
.r-p{display:flex;align-items:center;gap:.8rem;background:none;border:0;color:inherit;text-align:left;padding:0;min-height:48px;width:100%}
.r-p img.sm{width:48px;height:48px;object-fit:cover;flex:none}
.r-p img.lg{display:none}
.r-t{display:flex;flex-direction:column;gap:.12rem;min-width:0}
.r-t b{color:var(--ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Fraunces,Georgia,serif}
.r-t span{color:var(--mute);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r-d{color:var(--mute);font-variant-numeric:tabular-nums;font-size:.85rem}
.r-dl{color:var(--mute);text-decoration:none;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;min-height:44px;display:inline-flex;align-items:center;padding:0 .35rem}
.r-dl:hover{color:var(--ink)}
.cue .rk{font-family:Figtree,sans-serif;letter-spacing:.08em;width:4.4rem;text-align:left;flex:none;font-size:.82rem;font-weight:700;color:var(--walnut)}
.cat[data-cat="list"] .cue{display:grid;grid-template-columns:1fr auto auto;gap:.65rem;align-items:center;padding:.7rem .2rem;border-bottom:1px solid rgba(42,22,14,.18)}
.cat[data-cat="list"] .cue.on{background:rgba(255,236,200,.28)}
.cat[data-cat="grid"] .cue{aspect-ratio:1;background:var(--desk);overflow:hidden;box-shadow:0 10px 18px rgba(50,22,8,.16)}
.cat[data-cat="grid"] .r-p{position:absolute;inset:0;display:block}
.cat[data-cat="grid"] .sm,.cat[data-cat="grid"] .r-t span,.cat[data-cat="grid"] .r-d{display:none}
.cat[data-cat="grid"] img.lg{display:block;width:100%;height:100%;object-fit:cover}
.cat[data-cat="grid"] .rk{position:absolute;top:.65rem;left:.7rem;width:auto;z-index:1;color:var(--foam)}
.cat[data-cat="grid"] .r-t{position:absolute;left:.7rem;right:.7rem;bottom:.7rem;z-index:1}
.cat[data-cat="grid"] .r-t b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--foam)}
.cat[data-cat="grid"] .r-dl{position:absolute;top:.45rem;right:.45rem;z-index:2;background:rgba(42,22,14,.55);color:var(--foam);padding:.25rem .45rem;min-height:36px}
.cat[data-cat="grid"] .cue::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(24,12,6,.72));pointer-events:none}
.empty{display:none;color:var(--mute)}.empty.show{display:block}
@media(max-width:560px){.cat[data-cat="list"] .r-d{display:none}.cat[data-cat="grid"]{grid-template-columns:repeat(2,minmax(0,1fr))}}

.chapter{padding:.6rem 0 1.4rem}
.ch-idx{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin:0 0 .5rem;font-weight:700}
.chapter h1{margin-bottom:.55rem}

/* Section page: opener as a large music stand, not a film frame */
.model-hero{position:relative;display:flex;flex-direction:column;align-items:center;padding:1.2rem 0 2.2rem}
.model-hero::before{content:"";position:absolute;left:22%;right:22%;bottom:10%;height:34%;background:radial-gradient(ellipse 70% 55% at 50% 70%,rgba(176,126,46,.55),transparent 72%);pointer-events:none;z-index:0}
.model-hero .stand{position:relative;left:auto;top:auto;transform:none;width:min(200px,62vw);filter:drop-shadow(0 16px 20px rgba(50,22,8,.24));z-index:1}
.model-hero .stand-meta{display:none}
.model-hero .spec{margin-top:.8rem;text-align:center;position:relative;z-index:1}
.model-hero .spec b{display:block;font-family:Fraunces,Georgia,serif;font-size:1.35rem}
.model-hero .spec span{display:block;color:var(--mute);margin-top:.2rem}

.tl-shell{border:2px solid var(--walnut);background:rgba(255,236,200,.16);padding:1rem 1.1rem 1.15rem}
.tl-head{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;margin-bottom:.85rem}
.tl-head b{font-family:Fraunces,Georgia,serif}
.tl-controls{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;font-size:.85rem;color:var(--mute)}
.tl-controls input[type=range]{width:120px;accent-color:var(--walnut)}
.tl-rail{display:flex;gap:10px;overflow-x:auto;padding:.2rem 0 .55rem;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}
.tl-block{flex:0 0 auto;width:168px;scroll-snap-align:start;border:0;background:var(--desk);padding:0;text-align:left;color:var(--foam);min-height:188px;display:flex;flex-direction:column;overflow:hidden}
.tl-block img{width:100%;aspect-ratio:1;object-fit:cover}
.tl-block b{font-size:.88rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:.55rem .65rem 0;font-family:Fraunces,Georgia,serif}
.tl-block span{font-size:.75rem;color:rgba(246,230,200,.75);padding:.2rem .65rem .65rem;letter-spacing:.05em}
.tl-block.on{outline:2px solid var(--brass);outline-offset:2px}
.tl-ruler{display:flex;justify-content:space-between;font-size:.72rem;color:var(--mute);margin-top:.35rem;letter-spacing:.08em;text-transform:uppercase}

.ft{margin-top:3rem;border-top:2px solid var(--walnut);padding:1.6rem 0 2rem;color:var(--mute)}
.ft a{color:var(--ink)}
.ft-nav{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;margin:0 0 1.1rem;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.ft-nav a{text-decoration:none}
.ft-nav a:hover{text-decoration:underline}
.fine{font-size:.8rem;max-width:70rem;line-height:1.55;margin:0}

.prose{max-width:40rem}.prose p{margin:0 0 1rem}
.note{border-left:3px solid var(--walnut);padding:.2rem 0 .2rem 1rem;margin:1rem 0;color:var(--ink)}
.faq details{border-bottom:1px solid rgba(42,22,14,.22);padding:.85rem 0}
.faq summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}
.faq p{margin:.4rem 0 0;color:var(--mute)}

/* Wooden lectern — slim desk, round play, bottom-left */
.pb{position:fixed;left:14px;bottom:14px;width:var(--lectern);z-index:50;color:var(--foam);display:flex;flex-direction:column;padding:0;overflow:visible;
  background:
    repeating-linear-gradient(90deg,transparent 0 9px,rgba(0,0,0,.07) 9px 10px),
    linear-gradient(180deg,#6E4A32 0%,#3F2A1A 100%);
  border:1px solid #2A160E;border-radius:3px 3px 7px 7px;
  box-shadow:0 12px 26px rgba(40,16,6,.38), inset 0 1px 0 rgba(255,220,160,.22)}
.pb::before{content:"";position:absolute;left:10%;right:10%;top:-6px;height:7px;background:linear-gradient(180deg,#E0C06A,var(--brass-deep));clip-path:polygon(0 100%,100% 100%,96% 0,4% 0);z-index:2}
.pb::after{content:"";position:absolute;left:14%;right:14%;bottom:-5px;height:5px;background:linear-gradient(180deg,var(--brass),var(--brass-deep));border-radius:0 0 3px 3px}
.pb-pr{height:2px;background:rgba(0,0,0,.28);position:relative;flex:none;margin:7px 14px 0}
.pb-pr i{display:block;height:100%;width:100%;background:var(--brass);transform-origin:left center;transform:scaleX(0)}
.pb-seek{position:absolute;left:10px;right:10px;top:0;width:auto;opacity:0;height:22px;cursor:pointer;margin:0;z-index:2}
.pb-in{display:flex;flex-direction:row;align-items:center;gap:.45rem;padding:.4rem .7rem .5rem;min-width:0}
.pb-c{width:36px;height:36px;object-fit:cover;flex:none;background:var(--desk);border-radius:2px}
.pb-t{margin:0;min-width:0;flex:1}
.pb-t b{display:block;font-size:.75rem;line-height:1.15;max-height:1.2em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:Fraunces,Georgia,serif}
.pb-t span{display:block;color:rgba(246,230,200,.72);font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.08rem}
#pb-cue{font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brass);font-weight:700;flex:none}
.pb-ctl{display:flex;gap:.05rem;align-items:center;flex:none}
.pb-b,.pb-pp{width:30px;height:30px;border:0;background:transparent;color:var(--foam);display:inline-flex;align-items:center;justify-content:center;border-radius:50%}
.pb-pp{width:34px;height:34px;background:var(--foam);color:var(--walnut);border-radius:50%}
.pb-b:hover{background:rgba(255,236,200,.12)}
.pb-b svg,.pb-pp svg{width:14px;height:14px;fill:currentColor}
.pb-tm{font-variant-numeric:tabular-nums;font-size:.62rem;color:rgba(246,230,200,.72);flex:none;white-space:nowrap}
.pb-sl{margin:0 .12rem}
.pb-dl{color:var(--foam);font-weight:700;text-decoration:none;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;min-height:32px;display:inline-flex;align-items:center;flex:none}
.toast{position:fixed;left:14px;bottom:84px;right:auto;transform:translateY(8px);background:var(--foam);color:var(--ink);padding:.65rem 1rem;border:2px solid var(--walnut);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:60;max-width:min(70vw,22rem);text-align:left;font-size:.9rem}
.toast.show{opacity:1;transform:translateY(0)}

@media(min-width:721px){
  .hd{padding:16px 0 .25rem}
  .callboard{padding:.5rem 1.25rem .55rem}
  .hall-intro .kicker{margin-bottom:.22rem}
  .hall-intro h1,.hall-intro .h1{font-size:clamp(1.7rem,3.5vw,2.7rem);margin-bottom:.28rem}
  .hall-intro .lede{margin-bottom:.32rem}
  .pit{margin-top:0}
  .stand{left:calc(var(--stage-cx) + (var(--i, 0) * var(--spread)));top:62px}
  .stand.row-back{top:0;left:calc(var(--stage-cx) + (var(--i, 0) * var(--back-spread)))}
  .stand.principal{left:var(--stage-cx)}
  .stand .stem{height:calc(42px * var(--s,1))}
  .stand.principal .stem{height:36px}
}
@media(min-width:1400px){
  .pit{--spread:216px;--back-spread:156px}
}
@media(min-width:721px) and (max-width:1320px){
  .pit{--spread:196px;--back-spread:136px}
}
@media(min-width:721px) and (max-width:1100px){
  .pit{--spread:138px;--back-spread:100px;--front-w:108px}
  .stand{width:108px}
  .stand.row-back{width:96px}
  .stand.principal{width:156px}
}
@media(max-width:720px){
  .hd{padding:26px 0 .75rem}
  .callboard{min-width:0;width:100%;padding:.6rem .9rem .65rem}
  .mark{font-size:1.15rem}
  .hd-n{gap:.1rem .65rem;font-size:.6rem}
  .hall-intro{padding-top:0}
  .hall-intro .lede{font-size:.95rem;margin-bottom:.5rem}
  .pit{width:auto;margin-left:0;height:auto;display:grid;grid-template-columns:1fr 1fr;gap:1.4rem .9rem;padding:.35rem 0 4.4rem}
  .pit::before,.floor,.shaft{display:none}
  .stand{position:relative;left:auto;top:auto;width:100%;transform:none;filter:drop-shadow(0 10px 12px rgba(50,22,8,.2))}
  .stand .desk{transform:perspective(400px) rotateX(10deg)}
  .stand .stem{height:36px}
  .stand.row-back{width:auto;left:auto;top:auto}
  .stand.principal{grid-column:1 / -1;width:min(200px,62vw);justify-self:center;margin:.05rem 0 .2rem;display:flex;flex-direction:column;left:auto;top:auto}
  .stand.principal .desk{order:2}
  .stand.principal .stem,.stand.principal .feet{order:3}
  .stand.principal .stand-meta{order:1;margin:0 0 0}
  .stand.principal .desk{margin-top:0}
  .stand.principal .stand-s{display:block}
  .stand.principal .stand-u{display:none}
  .pb{left:8px;bottom:8px;width:min(360px,calc(100vw - 16px));padding:0}
  .pb-in{display:flex;flex-direction:row;align-items:center;gap:.4rem;padding:.32rem .55rem .38rem}
  .pb-c{width:34px;height:34px}
  .pb-t b{font-size:.72rem}
  #pb-cue{display:none}
  .pb-ctl{padding:0}
  .pb-b{width:28px;height:28px}
  .pb-pp{width:32px;height:32px;border-radius:50%}
  .pb-tm,.pb-dl{display:none}
  body{padding-bottom:4.6rem}
  .toast{left:8px;bottom:72px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}