* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: Arial, sans-serif;
    }

    html, body {
      height: 100%;
      width: 100%;
      background: #000;
      overflow: hidden;
    }

    /* FIX: real fullscreen on mobile browsers */
    .video-container {
      position: relative;
      width: 100%;
      height: 100dvh; 
      overflow: hidden;
    }

    /* DESKTOP -> show full video */
    video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: contain; 
      background: #000;
    }

    /* EMAIL BUTTON (bottom-left everywhere) */
    .email-button {
      position: absolute;
      right: max(18px, env(safe-area-inset-left));
      bottom: max(18px, env(safe-area-inset-bottom));
      color: #fff;
      padding: 12px 18px;
      border-radius: 30px;
      text-decoration: none;
      font-size: clamp(13px, 2.2vw, 16px);
    }


    /* =============================
       MOBILE + TABLET (PORTRAIT)
       Video MUST fill entire screen
       ============================= */

    @media (max-width: 1024px) {

      video {
        object-fit: cover; /* fills entire portrait screen */
      }

      .email-button {
        padding: 10px 14px;
        border-radius: 24px;
      }
      
    .email-button {
      position: absolute;
      left: max(18px, env(safe-area-inset-left));
      bottom: max(18px, env(safe-area-inset-bottom));
      color: #fff;
      padding: 12px 18px;
      border-radius: 30px;
      text-decoration: none;
      font-size: clamp(13px, 2.2vw, 16px);
    }
      
    }


    /* EXTRA SMALL MOBILE */
    @media (max-width: 480px) {
      .email-button {
        font-size: 13px;
      }
      
      .email-button {
      position: absolute;
      left: max(18px, env(safe-area-inset-left));
      bottom: max(18px, env(safe-area-inset-bottom));
      color: #fff;
      padding: 12px 18px;
      border-radius: 30px;
      text-decoration: none;
      font-size: clamp(13px, 2.2vw, 16px);
    }
      
      
    }