.festival-dialog { width: min(920px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); padding: 0; border: 1px solid #e8d3a4; border-radius: 24px; overflow: auto; color: #14294e; background: #fffaf0; box-shadow: 0 36px 120px #050e3155; }
.festival-dialog::backdrop { background: #071b45a6; backdrop-filter: blur(5px); }
.festival-dialog[open] { animation: festival-arrive .4s cubic-bezier(.2,.7,.2,1) both; }
.festival-layout { display: grid; grid-template-columns: .9fr 1fr; position: relative; }
.festival-art { width: 100%; height: 100%; min-height: 520px; max-height: 680px; object-fit: contain; background: #142137; }
.festival-copy { padding: clamp(32px, 5vw, 58px); display: flex; flex-direction: column; align-items: flex-start; justify-content: center; background: radial-gradient(ellipse at 100% 0%, #f9e4b6aa, transparent 60%), #fffaf0; }
.festival-brand { width: 116px; height: 80px; object-fit: contain; margin-bottom: 24px; }
.festival-eyebrow { margin: 0 0 12px; font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #88611e; }
.festival-copy h2 { margin: 0 0 18px; font-size: clamp(30px, 3.2vw, 44px); font-weight: 800; line-height: 1.15; color: #11274e !important; }
.festival-date { display: block; margin: -6px 0 18px; font-size: 14px; font-weight: 700; color: #815c22; }
.festival-copy p:not(.festival-eyebrow) { margin: 0 0 20px; font-size: 16px; line-height: 1.8; color: #49556c; }
.festival-signature { display: block; margin: 0 0 28px; font-size: 13px; color: #815c22; font-weight: 700; }
.festival-close { position: absolute; top: 12px; right: 12px; width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid #d6c49f; border-radius: 50%; background: #fffffff2; color: #14294e; font-size: 28px; line-height: 1; cursor: pointer; z-index: 2; }
.festival-close:focus-visible { outline: 3px solid #d91624; outline-offset: 4px; }
body.festival-open { overflow: hidden; }
@keyframes festival-arrive { from { opacity: 0; transform: translateY(22px) scale(.97); } to { opacity: 1; transform: none; } }
@media (max-width: 640px) {
  .festival-dialog { width: min(440px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); border-radius: 20px; }
  .festival-layout { grid-template-columns: 1fr; }
  .festival-art { min-height: 0; height: clamp(180px, 36dvh, 300px); max-height: none; }
  .festival-copy { padding: 22px 26px 26px; align-items: center; text-align: center; }
  .festival-brand { height: 48px; width: 86px; margin-bottom: 12px; }
  .festival-copy h2 { font-size: 29px; margin-bottom: 12px; }
  .festival-copy p:not(.festival-eyebrow) { font-size: 14px; line-height: 1.7; margin-bottom: 14px; }
  .festival-signature { margin-bottom: 18px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) { .festival-dialog[open] { animation: none; } .festival-dialog::backdrop { backdrop-filter: none; } }