:root{color-scheme:dark}
#heroMockupVideo{display:block!important;visibility:visible!important;opacity:1!important;background:#000;object-fit:cover!important;object-position:center center!important}
#menuToggle{width:44px;height:44px;display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 44px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.04)}
#menuToggle i{margin:0!important;line-height:1!important}
#mobileMenu{max-height:calc(100vh - 72px);overflow-y:auto;-webkit-overflow-scrolling:touch}
[data-contact-mode] i,[data-open-modal="business"] i{display:inline-flex;align-items:center;justify-content:center;min-width:1em}
@media(max-width:720px){
  header{padding-top:env(safe-area-inset-top)}
  header>div:first-child{min-height:72px!important;height:72px!important;padding:8px 14px!important}
  header>div:first-child>div:last-child{gap:8px!important}
  header [data-open-modal="business"]{height:42px!important;min-width:105px!important;padding:0 12px!important}
  .hero-grid{padding-top:calc(72px + env(safe-area-inset-top) + 28px)!important;padding-bottom:44px!important}
  .hero-copy h1{font-size:clamp(2.2rem,10.4vw,3.15rem)!important;line-height:.98!important;margin-top:0!important}
  .hero-copy p{font-size:1rem!important;line-height:1.55!important}
  .hero-stage{margin-top:8px!important}
  .content-showcase{content-visibility:visible!important;contain-intrinsic-size:auto!important}
  .sample-frame,.sample-frame img{visibility:visible!important;opacity:1!important}
  #projectModal>div{max-height:calc(100dvh - 24px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}
  #projectModal [data-close-modal]{position:sticky;top:0;z-index:5;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:rgba(15,13,27,.88);border:1px solid rgba(255,255,255,.12)}
  [data-contact-mode]{gap:10px!important;min-height:54px!important}
}
@media(max-width:390px){
  header a[aria-label="Houston Content Creators Home"]>div:first-child{width:38px!important;height:38px!important}
  header a[aria-label="Houston Content Creators Home"] span:first-child{font-size:11px!important}
  header [data-open-modal="business"]{min-width:96px!important;font-size:9px!important;padding:0 9px!important}
  #menuToggle{width:40px;height:40px;flex-basis:40px}
  .hero-grid{padding-top:calc(72px + env(safe-area-inset-top) + 22px)!important}
  .hero-copy h1{font-size:clamp(2rem,10vw,2.7rem)!important}
}
@media(prefers-reduced-motion:reduce){#heroMockupVideo{animation:none!important}}

#heroVideoFallback{position:absolute;inset:0;z-index:19;display:none;place-items:center;background:rgba(0,0,0,.18);border:0;color:#fff;cursor:pointer}
#heroVideoFallback span{width:58px;height:58px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#e62e7a,#7c3aed);box-shadow:0 0 30px rgba(230,46,122,.4);font-size:24px}
#heroVideoFallback.show{display:grid}