@import url('/fonts.css');
:root{--bg:#101010;--surface:#211417;--ink:#fffef3;--muted:#c4c2b6;--accent:#bd5960;--line:#ffffff24}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.8 Heebo,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}p+p{margin-top:16px}h1,h2{line-height:1.2;text-wrap:balance}h1{font-size:clamp(48px,7vw,94px);font-weight:800}h2{font-size:clamp(30px,4vw,52px)}em{font-style:normal;color:var(--accent)}.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.skip{position:fixed;top:-100px;background:white;color:black;z-index:90;padding:10px}.skip:focus{top:0}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.header{border-bottom:1px solid var(--line)}.nav{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:90px}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700}.brand img{width:68px;height:58px;object-fit:contain}.brand small{display:block;font-size:12px;color:var(--muted);font-weight:400}.navigation{display:flex;gap:28px;font-size:15px}.navigation a:hover{color:var(--accent)}.menu-toggle{display:none}.header-phone{font-size:16px}
.hero{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:5%;padding-block:28px}.hero-copy{padding-block:30px}.eyebrow,.section-label{font-size:14px;color:var(--accent);margin-bottom:18px}.hero h1 span{display:block;font-size:clamp(34px,5vw,66px);color:var(--accent);margin-top:8px}.hero-desc{font-size:21px;max-width:26ch;color:var(--muted);margin-top:22px}.hero-image{overflow:hidden;border-radius:10px}.hero-image img{width:100%;height:auto}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:16px;color:var(--muted);font-size:14px}.section{padding-block:52px}.about-grid,.shows-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;align-items:start}.about-body{color:var(--muted)}.lead{font-size:23px;color:var(--ink);line-height:1.65}.original-copy a{color:inherit;text-decoration:none}.shows{border-block:1px solid var(--line);background:var(--surface)}.show-image img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:8px}.show-copy{align-self:center}.show-copy p{color:var(--muted);margin-top:18px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.text-link{font-size:14px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.video-frame{aspect-ratio:16/9;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:grid;place-items:center;background:#191914}.video-frame iframe{width:100%;height:100%;border:0}.video-load{background:none;border:0;color:var(--ink);width:100%;height:100%;padding:20px;font-size:16px}.video-load span{display:block;color:var(--accent);font-size:30px}.video-caption{display:flex;justify-content:space-between;font-size:14px;margin-top:10px;color:var(--muted)}.contact{border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%}.big-phone{display:inline-block;font-size:34px;color:var(--accent);margin:14px 0}.socials{display:flex;flex-wrap:wrap;gap:20px;font-size:14px}.socials a{padding-block:10px}.producer{color:var(--muted);font-size:16px}.producer span{display:block}footer{background:#160f11;border-top:1px solid var(--line);padding:30px 0 130px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px}.footer-links{display:flex;gap:20px;font-size:14px}.footer-bottom{text-align:center;border-top:1px solid var(--line);padding-top:18px;font-size:12px;color:var(--muted)}.footer-row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.footer-credit{margin-top:8px}.dock{position:fixed;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:30;display:flex;width:min(410px,calc(100% - 24px));gap:4px;padding:5px;border:1px solid var(--line);border-radius:40px;background:#1c1114ed;backdrop-filter:blur(14px)}.dock a{display:flex;align-items:center;justify-content:center;flex:1;min-height:46px;font-size:14px;border-radius:30px}.dock a:last-child{background:#bd596015;color:var(--accent);border:1px solid #bd59603d}.dock a:hover{background:#ffffff12}.subpage{padding-block:50px}.subpage h1{font-size:clamp(34px,5vw,60px);margin-bottom:28px}.subpage article{max-width:860px;line-height:1.9}.subpage article h2,.subpage article h3{font-size:24px;margin-block:24px 12px}.subpage article p{margin-bottom:14px}.scroll-progress{position:fixed;inset:0 0 auto;height:3px;transform-origin:right;background:var(--accent);z-index:60;pointer-events:none}.scroll-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.scroll-reveal.is-visible,.scroll-reveal:focus-within,.a11y-motion .scroll-reveal{opacity:1;transform:none}.a11y-motion .scroll-reveal{transition:none}.a11y-motion .scroll-progress{display:none}.privacy-note{position:fixed;right:16px;bottom:86px;z-index:35;max-width:360px;width:calc(100% - 32px);padding:16px;background:#24241d;border:1px solid var(--line);border-radius:12px;font-size:14px}.privacy-note[hidden]{display:none}.privacy-note p{font-size:14px}.privacy-note button{margin-top:10px;padding:6px 18px;background:var(--accent);border:0;border-radius:30px;color:#16160d}.privacy-note a{text-decoration:underline}
@media(max-width:800px){.wrap{width:calc(100% - 36px)}.nav{min-height:76px}.header-phone{display:none}.menu-toggle{display:block;background:transparent;border:1px solid var(--line);border-radius:30px;color:var(--ink);padding:8px 14px;font-size:14px}.navigation{display:none;position:absolute;top:76px;right:0;left:0;z-index:40;background:var(--bg);padding:24px;flex-direction:column;border-bottom:1px solid var(--line)}.navigation.open{display:flex}.hero{grid-template-columns:1fr;gap:0;padding-top:18px}.hero-image{grid-row:1}.hero-copy{padding-block:22px}.hero h1{font-size:48px}.hero h1 span{font-size:36px;display:inline;margin-inline-start:10px}.hero-desc{font-size:18px;max-width:none;margin-top:12px}.eyebrow{margin-bottom:8px}.hero-bottom{padding-top:12px;font-size:12px;flex-wrap:wrap}.section{padding-block:32px}.about-grid,.shows-grid,.contact-grid{grid-template-columns:1fr;gap:20px}.section-label{margin-bottom:12px}.lead{font-size:21px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.video-caption{font-size:12px}.section-top{align-items:start}.footer-top{flex-direction:column;align-items:center}.footer-row{gap:12px}.socials{gap:18px}.brand img{width:55px;height:48px}.big-phone{font-size:30px}.subpage{padding-top:30px}.privacy-note{right:12px;width:calc(100% - 24px)}}
@media(max-width:380px){.hero h1{font-size:42px}.hero h1 span{font-size:31px}.video-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-reveal{opacity:1;transform:none;transition:none}.scroll-progress{display:none}}

.brand img{width:170px;height:auto}.hero h1 span{display:block;margin-inline-start:0}.access-trigger{background:#211417!important;border-color:#bd5960!important}.access-panel{border-color:#bd5960!important}

.video-frame{display:block;background:#111;isolation:isolate}.video-thumb{width:100%;height:100%;object-fit:cover;opacity:.88}.video-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,12,14,.12),rgba(8,12,14,.8));pointer-events:none}.video-load{position:absolute;inset:0;z-index:2;background:transparent;text-shadow:0 2px 8px #000}.video-load span{background:#ff1744;border:0;color:#fff;width:62px;height:44px;border-radius:13px;padding-inline-start:5px}.video-load strong{font-size:18px}.video-load small{color:#fff}.video-caption{align-items:center}
.video-grid{grid-template-columns:1fr;max-width:820px;margin-inline:auto;gap:24px}.video-card{width:100%}
.videos.wrap{width:min(1240px,calc(100% - 24px))}.videos .video-grid{max-width:1100px;width:100%}.videos .video-frame{aspect-ratio:16/9;min-height:300px}
@media(max-width:800px){.videos.wrap{width:calc(100% - 12px);padding-inline:6px}.videos .video-grid{width:100%;gap:28px}.videos .video-frame{min-height:0}.videos .video-caption{padding-inline:6px}}

/* full-width single video rows */
.videos.wrap{width:100%;max-width:none;padding-inline:24px}.videos .video-grid{width:100%;max-width:1180px;margin-inline:auto;grid-template-columns:1fr}.videos .video-card{width:100%}
@media(max-width:800px){.videos.wrap{width:100%;padding-inline:10px}.videos .video-grid{width:100%;grid-template-columns:1fr}.videos .video-card{width:100%}}

/* compact, video-first section styling */
.section{padding-block:36px}.shows{padding-block:32px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.video-frame{background:linear-gradient(145deg,#1d3038,#0d1417);position:relative}.video-load{position:relative}.video-load span{display:grid;place-items:center;margin:0 auto 10px;width:52px;height:52px;border:2px solid var(--accent);border-radius:50%;color:var(--accent);font-size:27px;padding-inline-start:4px}
@media(max-width:800px){.section{padding-block:24px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}}

/* refined UX rhythm and scroll storytelling */
.hero-desc{max-width:22ch;line-height:1.45}.scroll-cue{color:var(--accent);font-weight:600}.section{position:relative;scroll-margin-top:28px}.section-label{letter-spacing:.04em}.about,.videos,.contact{isolation:isolate}.about:before,.videos:before,.contact:before{content:"";position:absolute;inset-inline-start:0;top:0;width:44px;height:1px;background:var(--accent);opacity:.7}.shows-grid{max-width:760px}.video-load strong,.video-load small{display:block}.video-load small{margin-top:4px;color:var(--muted);font-size:13px}.video-caption a{color:var(--accent);font-weight:600}.scroll-reveal:nth-child(2){transition-delay:.08s}.scroll-reveal:nth-child(3){transition-delay:.16s}.scroll-reveal:nth-child(4){transition-delay:.24s}

.brand img{width:170px;height:auto}.hero h1 span{display:block;margin-inline-start:0}.access-trigger{background:#211417!important;border-color:#bd5960!important}.access-panel{border-color:#bd5960!important}

.brand img{width:170px;height:auto}.hero h1 span{display:block;margin-inline-start:0}.access-trigger{background:#211417!important;border-color:#bd5960!important}.access-panel{border-color:#bd5960!important}

.brand img{width:170px;height:auto}.hero h1 span{display:block;margin-inline-start:0}.access-trigger{background:#211417!important;border-color:#bd5960!important}.access-panel{border-color:#bd5960!important}

.brand-name{font-size:28px;font-weight:800;color:var(--ink);line-height:1}.brand small{display:block;font-size:13px;color:var(--accent);margin-top:5px}

.brand img{width:170px;height:auto}.hero h1 span{display:block;margin-inline-start:0}.access-trigger{background:#211417!important;border-color:#bd5960!important}.access-panel{border-color:#bd5960!important}

.brand img{width:170px;height:auto}.hero h1 span{display:block;margin-inline-start:0}.access-trigger{background:#14242b!important;border-color:#bd5960!important}.access-panel{border-color:#bd5960!important}

/* Original brand artwork, preserved proportions */
.header .brand{flex-shrink:0}.header .brand img{display:block;width:210px;height:auto;max-height:none;object-fit:contain;background:transparent;border:0;border-radius:0}
@media(max-width:800px){.header .brand img{width:174px;height:auto}}

.hero .hero-image{height:auto;min-height:0;aspect-ratio:1;overflow:hidden;border-radius:18px;align-self:center}.hero .hero-image img{position:static;display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;transform:none;opacity:1}.hero .hero-image:after{display:none}

/* One continuous opening description */
.hero .hero-intro{max-width:52ch;scroll-margin-top:100px}.hero .hero-desc{max-width:none;font-size:clamp(18px,1.55vw,21px);line-height:1.65;margin:16px 0 0}.hero-intro .text-link{display:inline-flex;margin-top:14px}.hero-intro a{color:inherit;text-decoration:none}.hero-intro a:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(max-width:800px){.hero .hero-copy{padding-block:12px}.hero .hero-desc{margin-top:12px;line-height:1.65}.hero .hero-intro{max-width:none}}

/* Compact booking section */
#Contact{padding-block:30px}#Contact .contact-grid{display:block}#Contact .contact-copy{width:100%;max-width:760px}#Contact .section-label{margin:0 0 12px}#Contact .contact-invitation{font-size:clamp(18px,1.6vw,21px);line-height:1.6;margin:0}#Contact .big-phone{display:inline-flex;align-items:center;gap:12px;margin:16px 0;font-size:clamp(30px,7vw,44px);line-height:1.2}#Contact .producer{margin:6px 0 0}#Contact .socials{margin-top:20px}@media(max-width:800px){#Contact{padding-block:24px}#Contact .socials{gap:12px;flex-wrap:wrap}}

/* Three-line menu button */
.menu-toggle{font-size:0!important;color:#bd5960!important;border:0!important;border-radius:4px!important;width:46px!important;height:42px!important;background:transparent!important;display:flex!important;align-items:center;justify-content:center}
.menu-toggle::before{content:"";display:block;width:24px;height:16px;background:linear-gradient(currentColor 0 2px,transparent 2px 7px,currentColor 7px 9px,transparent 9px 14px,currentColor 14px 16px)}

/* Compact mobile navigation */
@media(max-width:700px){.navigation.open{gap:8px!important;padding:14px 22px!important}.navigation.open a,.navigation.open summary{padding-block:4px!important;line-height:1.35!important;min-height:0!important}.navigation.open .nav-more>div{gap:6px!important;padding-block:6px!important}}

/* Branded social icons */
.socials a,.social-links a{display:inline-flex;align-items:center;gap:7px}.socials a::before,.social-links a::before{content:"";display:inline-block;width:18px;height:18px;background:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.socials a[href*="instagram"]::before,.social-links a[href*="instagram"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='18' height='18' rx='5' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='17.5' cy='6.5' r='1'/%3E%3C/svg%3E")}.socials a[href*="facebook"]::before,.social-links a[href*="facebook"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 8h3V4h-3c-3 0-5 2-5 5v3H6v4h3v4h4v-4h3l1-4h-4V9c0-.7.3-1 1-1Z' fill='black'/%3E%3C/svg%3E")}.socials a[href*="youtube"]::before,.social-links a[href*="youtube"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 7.2a3 3 0 0 0-2.1-2.1C17 4.5 12 4.5 12 4.5s-5 0-6.9.6A3 3 0 0 0 3 7.2 31 31 0 0 0 2.5 12 31 31 0 0 0 3 16.8a3 3 0 0 0 2.1 2.1c1.9.6 6.9.6 6.9.6s5 0 6.9-.6a3 3 0 0 0 2.1-2.1 31 31 0 0 0 .5-4.8 31 31 0 0 0-.5-4.8ZM10 15.5v-7l6 3.5-6 3.5Z' fill='black'/%3E%3C/svg%3E")}.socials a[href*="tiktok"]::before,.social-links a[href*="tiktok"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 4c.4 2.4 1.7 3.8 4 4v3.2c-1.5 0-2.8-.4-4-1.1v5.7a5.2 5.2 0 1 1-4.8-5.2v3.3a2 2 0 1 0 1.6 1.9V4H15Z' fill='black'/%3E%3C/svg%3E")}

/* Keep YouTube captions clean and natural */
.video-caption a{display:none!important}
.video-caption{justify-content:flex-start!important}

/* Clean video presentation */
.video-caption span,.video-caption a{display:none!important}.video-caption{display:none!important}

/* Full-width native YouTube players. */
.video-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:24px}
.video-frame{position:relative;aspect-ratio:16/9;height:auto;overflow:hidden}
.video-frame iframe{display:block;width:100%;height:100%;aspect-ratio:16/9;border:0}

/* Comedy Bar booking buttons */
.header-booking,.contact-booking{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#10191d;border:1px solid var(--accent);border-radius:999px;font-family:inherit;font-weight:600;text-decoration:none;line-height:1.4;min-height:44px;padding:10px 22px}
.header-booking{font-size:15px;white-space:nowrap}
.contact-booking{font-size:19px;min-height:52px;padding:13px 32px;margin:18px 0 22px}
.header-booking:hover,.contact-booking:hover{filter:brightness(1.1)}
.header-booking:focus-visible,.contact-booking:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:800px){.header-booking{display:none}.contact-booking{font-size:17px;min-height:48px;padding:11px 26px;margin:14px 0 18px}}