/* One participation action in the hero; subscription in the header and home closing panel. */
.header-actions{flex:none;gap:12px}
.header-subscribe{white-space:nowrap}
.hero .actions{flex-wrap:wrap;gap:14px}
.hero .actions>.btn{min-height:54px}
.subscription-panel{display:flex;align-items:center;justify-content:space-between;gap:40px;background:var(--ink);color:var(--paper);padding:44px 48px;margin-top:56px}
.subscription-panel h2{font-size:clamp(36px,3.7vw,50px);line-height:1.02}
.subscription-panel p{color:#d3d5cb;font-size:13px;line-height:1.65;max-width:470px;margin:18px 0 0}
.subscription-panel-action{display:flex;flex-direction:column;gap:13px;align-items:center;flex:none}
.subscription-panel-action>.btn{min-width:188px}
.subscription-panel-action>span{font-size:10px;letter-spacing:.02em;color:#d3d5cb}
dialog.subscription-dialog{max-width:600px}
.subscription-dialog .modal-head h2{font-size:34px}
.subscription-intro .lead{font-size:16px;margin:0 0 28px}
.subscription-note{font-size:12px;color:var(--muted);line-height:1.65;margin:20px 0 0}
.subscription-map-link{padding:13px 15px;text-align:left;border:1px solid var(--line);background:transparent;font-size:12px}
.subscription-map-link:hover{background:var(--gold)}
@media(max-width:1100px){
 .site-header{gap:22px}
 .main-nav{gap:18px;font-size:11px}
 .header-actions{gap:9px}
 .header-actions .btn{font-size:12px;padding:10px 14px}
}
@media(max-width:1000px){
 .main-nav{display:none}
 .menu-toggle{display:grid}
 .mobile-nav.open{display:grid;padding:15px 0 25px;border-bottom:1px solid var(--line);gap:0}
 .mobile-nav a{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
}
@media(max-width:600px){
 .header-actions:has(.header-subscribe) .header-tickets{display:none}
 .header-actions .header-subscribe{min-height:44px;padding:12px 13px;font-size:11px}
 .hero .actions{gap:12px;align-items:stretch}
 .hero .actions>.btn{min-height:48px}
 .subscription-panel{padding:30px 24px;margin-top:38px;gap:26px;flex-direction:column;align-items:flex-start}
 .subscription-panel h2{font-size:36px}
 .subscription-panel p{font-size:12px;margin-top:16px}
 .subscription-panel-action{align-items:flex-start;gap:10px}
 .subscription-panel-action>.btn{min-width:160px;min-height:48px}
 .subscription-dialog .modal-head h2{font-size:29px}
 .subscription-intro .lead{font-size:14px}
}
@media(max-width:360px){
 .site-header{gap:8px}
 .site-header .brand{gap:6px}
 .site-header .brand img{width:38px;height:38px}
 .site-header .brand-word{font-size:20px}
 .site-header .brand-word small{font-size:5.3px;letter-spacing:.2em}
 .header-actions{gap:7px}
 .header-actions .header-subscribe{padding:12px 10px;font-size:10px}
}