/* User-approved silver/lavender wordmark. Glyphs are bespoke SVG outlines. */
body.theater .sidebar .theater-wordmark {
  position:relative; display:inline-flex; align-items:center; justify-content:flex-start;
  flex:none; width:136px; height:46px; min-height:44px; padding:0; margin:0;
  border:0; border-radius:3px; background:none; box-shadow:none; color:#f1eaf6;
  font-size:0; line-height:1; letter-spacing:0; cursor:pointer; -webkit-tap-highlight-color:transparent;
}
.brand-art { position:relative; display:block; width:136px; height:auto; line-height:0; }
.brand-art img { display:block; width:100%; height:auto; pointer-events:none; user-select:none; -webkit-user-drag:none; }
.brand-art::after {
  content:''; position:absolute; inset:0; background:#fff9fd; opacity:0; pointer-events:none;
  mask:url('assets/brand/danchu-wordmark.svg') center/100% 100% no-repeat;
  transition:opacity 180ms ease-out;
}
.brand-monogram { display:none; }
@media(hover:hover) and (pointer:fine) { .theater-wordmark:hover .brand-art::after { opacity:.2; } }
body.theater .sidebar button.theater-wordmark:active:not(:disabled) { transform:none; }
.theater-wordmark:active .brand-art { opacity:1; }
body.theater .sidebar .theater-wordmark:focus-visible { outline:2px solid #d5b5ef; outline-offset:5px; }
@media(max-width:600px) {
  body.theater .sidebar .theater-wordmark { width:44px; height:44px; }
  .brand-word { display:none; }
  .brand-monogram { display:block; width:26px; }
  .brand-monogram::after { mask-image:url('assets/brand/danchu-monogram.svg'); }
  /* The compact mark fits beside account controls even at 320px. Preserve the
     same 20px outer edges and centerline instead of stacking the mark alone. */
  body.theater .sidebar {
    height:170px; grid-template-columns:minmax(44px,1fr) auto;
    grid-template-rows:44px 79px; row-gap:12px; column-gap:8px; padding-top:14px;
  }
  body.theater .sidebar .brand { grid-row:1; grid-column:1; justify-self:start; height:44px; }
  body.theater .sidebar .header-actions { grid-row:1; grid-column:2; justify-self:end; height:44px; }
  body.theater .sidebar .nav.is-glass-menu { grid-row:2; grid-column:1/-1; }
  body.theater:has(#page-home.active) { --home-header-height:170px; }
}
@media(prefers-reduced-motion:reduce) { .brand-art::after { transition:none; } }