<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover" />

    <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
    
    <!-- COMPLETE Critical CSS - inlines ALL utilities for above-the-fold -->
    <style>
      :root{--brand-bg:#181818;--brand-text:#FBFBFB;--brand-primary:#FF7425;--brand-muted:#9E9E9E;--brand-border:#2A2A2A}
      *{margin:0;padding:0;box-sizing:border-box}
      html,body{height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--brand-bg);color:var(--brand-text);line-height:1.6}
      #root{min-height:100vh;background:var(--brand-bg)}
      
      /* ALL Layout utilities */
      .min-h-screen{min-height:100vh}
      .flex{display:flex}
      .flex-col{flex-direction:column}
      .flex-grow{flex-grow:1}
      .items-center{align-items:center}
      .justify-center{justify-content:center}
      .justify-between{justify-content:space-between}
      .w-full{width:100%}
      .max-w-\\[1140px\\]{max-width:1140px}
      .mx-auto{margin-left:auto;margin-right:auto}
      .sticky{position:sticky}
      .top-0{top:0}
      .z-50{z-index:50}
      .border{border-width:1px}
      .bg-brand-bg{background-color:var(--brand-bg)}
      .border-brand-border{border-color:var(--brand-border)}
      .px-4{padding-left:1rem;padding-right:1rem}
      .p-4{padding:1rem}
      .pt-\\[60px\\]{padding-top:60px}
      .pb-\\[30px\\]{padding-bottom:30px}
      .px-4{padding-left:1rem;padding-right:1rem}
      .space-y-4>*+*{margin-top:1rem}
      .relative{position:relative}
      .inline-block{display:inline-block}
      .block{display:block}
      .mb-1{margin-bottom:0.25rem}
      .pt-6{padding-top:1.5rem}
      .gap-\\[5px\\]{gap:5px}
      .gap-\\[40px\\]{gap:40px}
      .transition-colors{transition-property:color;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:0.15s}
      .duration-200{transition-duration:200ms}
      .rounded-sm{border-radius:0.125rem}
      .focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
      .focus\\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}
      .focus\\:ring-brand-primary:focus{--tw-ring-color:var(--brand-primary)}
      .focus\\:ring-opacity-50:focus{--tw-ring-opacity:0.5}
      .hover\\:text-\\[\\#FF7425\\]:hover{color:#FF7425}
      
      /* ALL Header utilities */
      .h-\\[80px\\]{height:80px}
      .w-\\[127px\\]{width:127px}
      .h-\\[48px\\]{height:48px}
      .object-contain{-o-object-fit:contain;object-fit:contain}
      .hidden{display:none}
      
      /* ALL Navigation utilities */
      .text-\\[\\#9E9E9E\\]{color:#9E9E9E}
      .text-lg{font-size:1.125rem;line-height:1.75rem}
      .font-bold{font-weight:700}
      .no-underline{text-decoration:none}
      
      /* ALL Hero section utilities */
      .min-h-\\[calc\\(100vh-132px\\)\\]{min-height:calc(100vh - 132px)}
      .text-fluid-4xl{font-size:clamp(2.25rem,1.75rem + 2.5vw,3rem)}
      .text-fluid-3xl{font-size:clamp(1.875rem,1.5rem + 1.875vw,2.25rem)}
      .text-fluid-lg{font-size:clamp(1.125rem,1rem + 0.625vw,1.25rem)}
      .font-normal{font-weight:400}
      .text-brand-text{color:var(--brand-text)}
      .text-brand-primary{color:var(--brand-primary)}
      .leading-\\[1\\.1\\]{line-height:1.1}
      .leading-relaxed{line-height:1.625}
      .text-left{text-align:left}
      .max-w-4xl{max-width:56rem}
      .-mt-1{margin-top:-0.25rem}
      
      /* ALL Button utilities */
      .inline-flex{display:inline-flex}
      .text-\\[13px\\]{font-size:13px}
      .tracking-\\[0\\.7px\\]{letter-spacing:0.7px}
      .px-\\[38px\\]{padding-left:38px;padding-right:38px}
      .py-5{padding-top:1.25rem;padding-bottom:1.25rem}
      .border-2{border-width:2px}
      .border-brand-primary{border-color:var(--brand-primary)}
      .bg-transparent{background-color:transparent}
      .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:0.15s}
      .duration-300{transition-duration:300ms}
      .hover\\:bg-brand-primary:hover{background-color:var(--brand-primary)}
      .group:hover .group-hover\\:translate-x-1{transform:translateX(0.25rem)}
      .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:0.15s}
      
      /* ALL SVG utilities */
      .absolute{position:absolute}
      .bottom-\\[-14px\\]{bottom:-14px}
      .left-0{left:0}
      .h-6{height:1.5rem}
      
      /* Font family for ALL elements */
      .font-bold,.text-lg,.text-fluid-4xl,.text-fluid-3xl,.text-fluid-lg,.text-\\[13px\\]{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
      
      /* Responsive utilities */
      @media (min-width: 768px) {
        .md\\:h-\\[100px\\]{height:100px}
        .max-md\\:min-h-\\[calc\\(100vh-100px\\)\\]{min-height:calc(100vh - 100px)}
        .md\\:text-fluid-5xl{font-size:clamp(2.25rem,1.75rem + 2.5vw,3rem)}
        .md\\:text-fluid-4xl{font-size:clamp(1.875rem,1.5rem + 1.875vw,2.25rem)}
        .md\\:text-fluid-xl{font-size:clamp(1.125rem,1rem + 0.625vw,1.25rem)}
      }
      @media (min-width: 1024px) {
        .lg\\:h-\\[132px\\]{height:132px}
        .max-sm\\:min-h-\\[calc\\(100vh-80px\\)\\]{min-height:calc(100vh - 80px)}
        .lg\\:flex{display:flex}
        .lg\\:py-\\[40px\\]{padding-top:40px;padding-bottom:40px}
        .lg\\:text-fluid-2xl{font-size:clamp(1.125rem,1rem + 0.625vw,1.25rem)}
        .hidden.lg\\:flex{display:flex}
      }
      
      .initial-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--brand-bg);display:flex;align-items:center;justify-content:center;z-index:9999}
      .loader-spinner{width:40px;height:40px;border:3px solid #333;border-top:3px solid var(--brand-primary);border-radius:50%;animation:spin 1s linear infinite}
      @keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
      *:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}
    </style>
    
    <!-- Enhanced Resource Hints for Maximum Performance -->
    <link rel="dns-prefetch" href="//xiwhzlqiictjolwmnlqo.supabase.co" />
    <link rel="preconnect" href="//xiwhzlqiictjolwmnlqo.supabase.co" crossorigin />
    
    <!-- Preload critical Montserrat fonts to eliminate render blocking -->
    <link rel="preload" href="/fonts/montserrat-v15-latin-regular.woff2" as="font" type="font/woff2" crossorigin />
    <link rel="preload" href="/fonts/montserrat-v15-latin-700.woff2" as="font" type="font/woff2" crossorigin />
    
    <!-- PWA Manifest -->
    <link rel="manifest" href="/manifest.json" />
    <meta name="theme-color" content="#FF7425" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta name="apple-mobile-web-app-title" content="Film Coach" />
    <link rel="apple-touch-icon" href="/icons/icon-192x192.svg" />
    
    <!-- Enhanced PWA Meta Tags -->
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="application-name" content="Film Coach" />
    <meta name="msapplication-starturl" content="/" />
    
    <!-- Microsoft Tiles -->
    <meta name="msapplication-TileImage" content="/icons/icon-144x144.svg" />
    <meta name="msapplication-TileColor" content="#FF7425" />
    <meta name="msapplication-config" content="/browserconfig.xml" />
    
    <title>Film Producer Coaching | Ste Bergin</title>
    
    <!-- SEO Meta Tags -->
    <meta name="description" content="Professional film producer coaching and creative direction services worldwide. Expert guidance from UK-based industry veteran Ste Bergin. Remote coaching available globally." />
    <meta name="keywords" content="film producer coaching, creative director training, film industry mentoring, producer coaching worldwide, remote film coaching, international film training, film business coaching, producer development" />
    <meta name="author" content="Ste Bergin" />
    <link rel="canonical" href="https://stebergin.com/" />
    
    <!-- Additional SEO Meta Tags -->
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
    <meta name="googlebot" content="index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1" />
    
    <!-- International SEO Optimization -->
    <meta name="language" content="en" />
    <meta name="geo.region" content="GB" />
    <meta name="geo.placename" content="United Kingdom" />

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://stebergin.com/" />
    <meta property="og:title" content="Film Producer Coaching | Ste Bergin" />
    <meta property="og:description" content="Professional film producer coaching and creative direction services worldwide. Expert guidance from UK-based industry veteran Ste Bergin. Remote coaching available globally." />
    <meta property="og:image" content="https://stebergin.com/lovable-uploads/48c82c8a-839d-441a-b7f4-87ad6329ca50.png" />
    <meta property="og:image:width" content="534" />
    <meta property="og:image:height" content="357" />
    <meta property="og:image:alt" content="Ste Bergin - Professional film industry consultant and coach" />
    <meta property="og:site_name" content="Ste Bergin Film Coaching" />
    <meta property="og:locale" content="en_US" />

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:url" content="https://stebergin.com/" />
    <meta property="twitter:title" content="Film Producer Coaching | Ste Bergin" />
    <meta property="twitter:description" content="Professional film producer coaching and creative direction services worldwide. Expert guidance from UK-based industry veteran Ste Bergin. Remote coaching available globally." />
    <meta property="twitter:image" content="https://stebergin.com/lovable-uploads/48c82c8a-839d-441a-b7f4-87ad6329ca50.png" />
    <meta property="twitter:image:alt" content="Ste Bergin - Professional film industry consultant and coach" />

    <!-- Structured Data for Better SEO -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Person",
      "name": "Ste Bergin",
      "jobTitle": "Film Producer Coach",
      "description": "Professional film producer coaching and creative direction services worldwide",
      "url": "https://stebergin.com",
      "image": "https://stebergin.com/lovable-uploads/48c82c8a-839d-441a-b7f4-87ad6329ca50.png",
      "sameAs": [
        "https://linkedin.com/in/stebergin",
        "https://twitter.com/stebergin"
      ],
      "worksFor": {
        "@type": "Organization",
        "name": "Spread Like Wildfire Films & Media Ltd",
        "address": {
          "@type": "PostalAddress",
          "streetAddress": "Generator, St Peter's Square",
          "addressLocality": "Manchester",
          "postalCode": "M60 2LA",
          "addressCountry": "GB"
        }
      },
      "offers": {
        "@type": "Offer",
        "description": "Film producer coaching services",
        "availability": "https://schema.org/InStock"
      }
    }
    </script>

    <!-- Performance optimization: intelligent resource loading - CSP compliant -->
    <script>
      // Critical path optimization: delay non-essential loads
      window.addEventListener('DOMContentLoaded', function() {
        // Preload next likely routes only after DOM is ready
        if (window.requestIdleCallback) {
          window.requestIdleCallback(function() {
            const preloadLinks = ['/blog', '/glossary', '/weekly-insights'];
            preloadLinks.forEach(function(href) {
              const link = document.createElement('link');
              link.rel = 'prefetch';
              link.href = href;
              document.head.appendChild(link);
            });
            
            // Preload heavy vendor chunk after initial render
            const heavyVendorScript = document.createElement('link');
            heavyVendorScript.rel = 'modulepreload';
            heavyVendorScript.href = '/assets/vendor-heavy.js';
            document.head.appendChild(heavyVendorScript);
          });
        }
      });
    </script>
    
    <script type="module" crossorigin src="/assets/index-DCDTEGRY.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor-critical-DiXfkb23.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-heavy-CP4E4Dnj.js">
    <link rel="stylesheet" crossorigin href="/assets/style.BeFHMvnv.css">
  <link rel="manifest" href="/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="/registerSW.js"></script></head>
  <body>
    <div id="root">
      <!-- Fallback loading state for non-JS users -->
      <div class="initial-loader">
        <div class="loader-spinner"></div>
      </div>
    </div>
  </body>
</html>
