<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover"/><title>Cormac McGloin | Designer & Photographer</title><meta name="description" content="The portfolio of Amsterdam-based designer & photographer, Cormac McGloin"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/><link rel="dns-prefetch" href="https://fonts.googleapis.com"/><link rel="dns-prefetch" href="https://fonts.gstatic.com"/><link rel="icon" type="image/png" href="../assets/favicon/favicon.png"/><link rel="icon" type="image/x-icon" href="../assets/favicon/favicon.ico"/><link rel="shortcut icon" href="../assets/favicon/favicon.ico"/><style>/* Hide everything until loaded */
      body:not(.loaded) {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
      }

      body.loaded {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transition: opacity 0.2s ease-out !important;
      }

      /* Critical styles only - defer full styles */
      body {
        font-family: 'Source Sans Pro', sans-serif;
        background-color: #fffbf3;
        margin: 0;
        padding: 0;
      }

      /* Logo styling */
      .nav-logo img {
        border: 2px solid #333;
        border-radius: 8px;
      }

      /* Prevent layout shift with explicit image dimensions */
      img {
        max-width: 100%;
        height: auto;
        display: block;
      }

      /* Minimal hero styles */
      .hero {
        min-height: 50vh;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .hero-text {
        font-size: 1.2rem;
        text-align: center;
        max-width: 600px;
        margin: 0 auto;
        padding: 0 1rem;
      }</style><script>// Load full CSS asynchronously after critical render
      function loadCSS(href) {
        const link = document.createElement('link');
        link.rel = 'stylesheet';
        link.href = href;
        document.head.appendChild(link);
      }

      // Load after initial render
      window.addEventListener('load', () => {
        setTimeout(() => {
          // CSS will be injected by webpack but we can add any additional external CSS here
        }, 100);
      });</script><script>document.documentElement.classList.add('js-enabled');
      // Add loaded class as soon as script runs
      document.addEventListener('DOMContentLoaded', function () {
        document.body.classList.add('loaded');
      });
      // Fallback - add loaded class immediately if DOM is already ready
      if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', function () {
          document.body.classList.add('loaded');
        });
      } else {
        document.body.classList.add('loaded');
      }</script></head><body data-barba="wrapper"><nav class="nav"><div class="nav-wrapper"><a href="/" class="nav-link nav-logo"><img src="../assets/logo/cormac-mcgloin-logo.svg" alt="Cormac McGloin" width="48" height="48"/> </a><a href="/photography/" class="nav-link">Photography</a></div></nav><main class="app" data-barba="container" data-barba-namespace="home"><div class="hero"><div class="hero-wrapper"><section class="hero-text-wrapper"><div class="hero-text"><p>Hey, I'm Cormac McGloin, a designer and <a href="/photography/" class="highlight">photographer</a> currently based in Amsterdam.</p></div></section></div></div><section class="cormac-images"><div class="cormac-images-wrapper"><div class="cormac-image"><picture><source id="cormac-about-1-webp" type="image/webp"/><source id="cormac-about-1-avif" type="image/avif"/><img id="cormac-about-1-img" alt="Cormac Image 1" width="400" height="526"/></picture></div><div class="cormac-image"><picture><source id="cormac-about-2-webp" type="image/webp"/><source id="cormac-about-2-avif" type="image/avif"/><img id="cormac-about-2-img" alt="Cormac Image 2" width="400" height="526"/></picture></div><div class="cormac-image"><picture><source id="cormac-about-3-webp" type="image/webp"/><source id="cormac-about-3-avif" type="image/avif"/><img id="cormac-about-3-img" alt="Cormac Image 3" width="400" height="526"/></picture></div><div class="cormac-image"><picture><source id="cormac-about-4-webp" type="image/webp"/><source id="cormac-about-4-avif" type="image/avif"/><img id="cormac-about-4-img" alt="Cormac Image 4" width="400" height="526"/></picture></div></div></section><section class="contact-text-wrapper"><div class="contact-text"><p>You can contact me at <a class="highlight" href="mailto:hey@cormacmcgloin.com">hey@cormacmcgloin.com</a></p></div></section></main><script src="https://unpkg.com/@barba/core" defer="defer"></script><script defer="defer" src="gsap-2947c34f97e83c1518ce.js"></script><script defer="defer" src="vendors-2947c34f97e83c1518ce.js"></script><script defer="defer" src="common-2947c34f97e83c1518ce.js"></script><script defer="defer" src="home-2947c34f97e83c1518ce.js"></script></body></html>