html,body{max-width:100%;overflow-x:hidden}.theater-topbar{min-height:56px;padding:0 13px}.brand{font-size:12px}.theater-menu-toggle{display:block}.theater-topbar nav{position:absolute;top:56px;left:10px;right:10px;display:none;flex-direction:column;gap:0;background:rgba(7,3,5,.97);border:1px solid rgba(218,181,103,.2);box-shadow:0 18px 60px rgba(0,0,0,.5)}.theater-topbar.nav-open nav{display:flex}.theater-topbar nav a{padding:14px 16px;border-bottom:1px solid rgba(218,181,103,.12);font-size:8px}.screen{min-height:100svh;padding:89px 16px 67px}.theater-hero{padding-top:84px}.theater-moon{width:190px;height:190px;right:-26px;top:6%;opacity:.12}.theater-hero h1{font-size:clamp(58px,19vw,102px)}.eyebrow{font-size:10px;letter-spacing:.22em;line-height:1.35;text-align:center}.theater-hero h2{font-size:19px;letter-spacing:.12em;line-height:1.1}.hero-lead{font-size:18px;line-height:1.38;margin:24px auto 19px}.hero-actions{width:100%}.gold-button,.ghost-button{width:100%;min-width:0}.hero-facts{grid-template-columns:repeat(2,1fr);margin-top:24px}.hero-facts div{padding:14px 9px}.hero-facts strong{font-size:30px}.hero-facts span{font-size:6.5px}.theater-section>h2{font-size:44px;line-height:.95;margin-bottom:24px}.intro-columns,.reason-grid,.two-column-flow,.song-columns,.materials-layout,.feature-card,.reason-grid article,.production-block,.song-columns article,.materials-card{padding:20px 17px}.feature-wide{grid-column:auto}.feature-card h3,.production-block h3,.song-columns h3{font-size:26px}.feature-card p,.production-block p,.reason-grid p{font-size:12px;line-height:1.72}quote-panel p{font-size:22px}.prop-list{font-size:11.5px}.song-columns ol{font-size:11px}.trailer-card iframe{min-height:220px}.materials-lead{font-size:20px!important}.director-note p{font-size:18px}.materials-bottom{justify-content:stretch}.materials-bottom a{flex:1 1 100%;text-align:center}.scroll-arrow{bottom:16px;font-size:21px}


.theater-section.tall{justify-content:flex-start;min-height:100svh;padding-top:89px;padding-bottom:80px;}


@media(max-width:720px){
  .theater-bg{background-size:cover;background-position:center top;background-attachment:scroll;}
  .materials-facts{margin-top:18px;margin-bottom:20px;}
  .materials-facts div{min-width:0;overflow:hidden;}
  .materials-facts strong{font-size:28px;}
  .materials-facts span{font-size:6px;line-height:1.35;}
}



@media (max-width:720px){
  .theater-section.materials .materials-card .materials-facts > div:nth-child(1){grid-column:1;grid-row:1;}
  .theater-section.materials .materials-card .materials-facts > div:nth-child(2){grid-column:1;grid-row:2;}
  .theater-section.materials .materials-card .materials-facts > div:nth-child(3){grid-column:2;grid-row:1;}
  .theater-section.materials .materials-card .materials-facts > div:nth-child(4){grid-column:2;grid-row:2;border-right:0;border-bottom:0;}
  .theater-section.materials .materials-card .materials-facts > div:nth-child(3){border-bottom:1px solid rgba(218,181,103,.18);}
  .theater-section.materials .materials-card .materials-facts > div:nth-child(2){border-bottom:0;}
}

/* Na telefonie wszystkie siatki kafelków sekcji układają się pionowo. */
@media (max-width:720px){
  .intro-columns,
  .reason-grid,
  .two-column-flow,
  .song-columns,
  .materials-layout{
    grid-template-columns:1fr !important;
  }
  .reason-grid article,
  .feature-card,
  .production-block,
  .song-columns article{
    width:100%;
  }
}


/* Tekst kart ZALETY i REALIZACJA - wspólna typografia */
.reason-grid article p,
.theater-section.tall .production-block p{
  font:400 18px/1.45 "Cormorant Garamond",Georgia,serif!important;
}
.reason-grid article>span{display:none!important;}

@media(max-width:720px){body > #theaterMusicToggle.music-toggle{position:fixed!important;right:14px!important;bottom:14px!important;z-index:2147483647!important;display:block!important;padding:9px 11px!important;border:1px solid #d2b27366!important;background:#080304dd!important;color:#e8d7b5!important;font:500 8px/1 Arial,sans-serif!important;letter-spacing:.18em!important;cursor:pointer!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;pointer-events:auto!important;}}