.hero{background-image:linear-gradient(90deg,#070c12f2 0%,#070c12bb 48%,#070c1240 100%),url('/assets/optimized/english-comedy-tlv-404-stage-background.webp')}.cards .meta{display:flex;align-items:center;gap:7px}.cards .meta svg{width:15px;height:15px;stroke:#f15a1d;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.cards .meta i{height:14px;border-left:1px solid #d7d1c8;margin:0 3px}
.hero{min-height:245px;padding-top:38px;padding-bottom:38px}.hero h1{font-size:64px}.filters{padding-top:14px;padding-bottom:14px}.tabs{padding-top:16px;padding-bottom:10px}.content{padding-top:20px;padding-bottom:28px}.cards{gap:12px}.cards article>img{height:116px}.cards article>div{padding:11px}.cards h3{font-size:17px}.cards p{margin-bottom:8px}.cards span{margin-bottom:10px}.more{margin-top:18px}
@media(max-width:700px){.hero{min-height:220px;padding-top:30px;padding-bottom:30px}.hero h1{font-size:48px}.cards article>img{height:100%;min-height:124px}.content{padding-top:18px}}
@media(min-width:1051px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.content{max-width:1200px;width:86%}.cards .meta{flex-wrap:wrap}}
@media(min-width:701px) and (max-width:1050px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.content{width:86%}}
.ig{display:inline-flex;align-items:center;gap:8px;font-size:12px;flex-shrink:0}
.ig img{display:block;width:28px;height:28px;object-fit:contain}
@media(max-width:1100px){.ig span{display:none}}
@media(max-width:700px){.ig{display:none}}
body{padding-top:78px}
header{position:fixed;inset:0 0 auto;z-index:30;transition:transform .2s ease;background:#080d14}
header.nav-hidden{transform:translateY(-110%)}
header.scrolled{background:#080d14f5;box-shadow:0 2px 12px #0002}
header .brand{align-self:center}header .brand img{height:78px;width:145px}
.nav-toggle{display:none}
.cards article>div{min-width:0}.cards .meta{flex-wrap:wrap}
a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #ff8a50;outline-offset:3px}
@media(max-width:1100px){
 header{height:78px;padding:0 20px;gap:12px}
 header nav{display:none;position:absolute;top:78px;left:0;right:0;background:#080d14;color:white;padding:14px 20px;max-height:calc(100svh - 78px);overflow:auto}
 header nav.open{display:grid;grid-template-columns:1fr 1fr;gap:0}
 header nav a{padding:12px;font-size:16px}header nav .active{padding-bottom:12px}
 .nav-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:0;background:transparent;color:white}
 header .ig{display:flex;margin-left:auto;width:44px;height:44px;justify-content:center}
 header .ig span{display:none}header .cta{display:none}
}
@media(max-width:700px){
 body{padding-top:72px}header{height:72px}header .brand img{width:116px;height:72px}
 header nav{top:72px;max-height:calc(100svh - 72px)}
 .hero{padding:28px 20px;min-height:180px}.hero h1{font-size:44px}.hero span{font-size:16px;line-height:1.5}
 .filters{padding:16px 20px}.filters select{min-width:0;width:100%;font-size:16px;min-height:44px}
 .tabs{padding:10px 20px;gap:20px}.tabs button{min-height:44px;font-size:13px;padding:10px 0;flex-shrink:0}
 .content{width:100%;padding:22px 20px}.section-title h2{font-size:29px}
 .cards article{grid-template-columns:100px minmax(0,1fr)}.cards article>img{width:100%;object-fit:contain;background:#111923}
 .cards h3{font-size:17px;line-height:1.2}.cards .meta{font-size:12px;gap:5px}
 .cards a{display:inline-flex;align-items:center;min-height:44px}
 .more{min-height:44px;width:100%}.submit{padding:24px 20px}.submit h2{font-size:28px}
 footer{padding:24px 20px}footer nav{gap:8px 16px}footer nav a{padding:10px 0}
}
@media(prefers-reduced-motion:reduce){header{transition:none}}
.hero{background-color:#080d14;background-image:linear-gradient(90deg,#080d14 0%,#080d14c0 42%,transparent 68%),url('/assets/optimized/english-comedy-tlv-404-stage-background.webp');background-size:100% 100%,auto 100%;background-position:center,right center;background-repeat:no-repeat}
.cards article>img{object-fit:contain;background:#111923}
body #cards article{display:flex;flex-direction:column}body #cards article>div{display:flex;flex:1;flex-direction:column;padding:16px}body #cards article h3{min-height:46px;line-height:23px;margin:0 0 10px}body #cards article>div>p{font-size:14px;font-weight:600;color:#182433;margin:0 0 12px}body #cards article .meta{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-height:52px;line-height:20px;margin-bottom:16px}body #cards article .show-meta-item{display:flex;align-items:flex-start;gap:7px;margin:0}body #cards article .show-meta-item svg{flex:0 0 16px;margin-top:2px}body #cards article .show-meta-item>span{min-width:0;margin:0;line-height:20px}body #cards article>div>a{margin-top:auto;border-top:1px solid #e9e3da;padding-top:12px;display:flex;align-items:center;gap:8px;min-height:36px}
body .submit{justify-content:center;gap:40px;padding:28px 20px}body .submit>div{flex:0 1 auto}body .submit .outline{flex:none;white-space:nowrap}@media(max-width:700px){body .submit{align-items:flex-start;gap:18px}}
@media(max-width:700px){.hero{background-size:100% 100%,auto 100%;background-position:center,right center}.hero>div{max-width:77%}.hero h1{font-size:40px}}

.cards article>.centered-flyer{display:block;width:100%;height:116px;overflow:hidden;background:#111923}
@media(max-width:700px){.cards article>.centered-flyer{height:100%;min-height:124px}}
body .hero{background:#080d14;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:24px;padding:20px 7%;min-height:0}
body .hero>div{max-width:none}
body .hero .header-photo{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:700px){body .hero{grid-template-columns:1fr;padding:24px 20px;gap:20px}body .hero .header-photo{max-width:400px;margin:auto}}
body main .hero{position:relative;isolation:isolate;display:flex;height:clamp(250px,25vw,360px);padding:24px 5%;overflow:hidden;background:#080d14}
body main .hero .header-photo{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center}
body main .hero>div{max-width:55%;text-shadow:0 2px 8px #000}
@media(min-width:701px){body main .hero{padding-inline:max(20px,calc((100% - 1120px)/2))}}
@media(max-width:700px){body main .hero{height:auto;flex-direction:column;align-items:stretch;gap:16px;padding:20px 0 0}body main .hero>div{max-width:none;padding:0 20px}body main .hero .header-photo{position:static;width:100%;max-width:none;height:auto;z-index:auto}}