html,body{margin:0;width:100%;min-height:100%;background:#020302}
body{min-height:100vh;overflow:hidden}
canvas{position:absolute;inset:0;width:100%;height:100%;display:block;background:#020302;cursor:pointer;touch-action:manipulation}
@media (prefers-reduced-motion: reduce){
  canvas{cursor:pointer}
}



  #liveSiteFrame{position:fixed;inset:0;width:100vw;height:100vh;border:0;display:block;background:#030504;opacity:0;pointer-events:none;z-index:0;transform-origin:50% 50%;will-change:opacity,transform,filter,clip-path;backface-visibility:hidden;}
  #c{position:fixed !important;z-index:2;opacity:1;transition:opacity .72s cubic-bezier(.4,0,.2,1);}
  html.live-site,body.live-site{overflow:hidden;background:#030504;}
  body.live-site #liveSiteFrame{pointer-events:auto;z-index:3 !important;clip-path:none !important;animation:tvmccForegroundArrival 1.05s cubic-bezier(.16,.82,.25,1) both;}
  body.live-site #c{opacity:0;pointer-events:none;}
  @keyframes tvmccForegroundArrival{
    0%{opacity:.18;transform:perspective(1200px) translateZ(-120px) scale(.93);filter:brightness(.58) contrast(1.28) saturate(.76)}
    22%{opacity:.58;transform:perspective(1200px) translateZ(-66px) scale(.958);filter:brightness(.72) contrast(1.18) saturate(.84)}
    54%{opacity:.90;transform:perspective(1200px) translateZ(-22px) scale(.986);filter:brightness(.90) contrast(1.08) saturate(.94)}
    78%{opacity:1;transform:perspective(1200px) translateZ(4px) scale(1.003);filter:brightness(1.02) contrast(1.015) saturate(1.01)}
    100%{opacity:1;transform:none;filter:none}
  }
  @media(prefers-reduced-motion:reduce){body.live-site #liveSiteFrame{animation:none;opacity:1;transform:none;filter:none}#c{transition:none}}