.elementor-12 .elementor-element.elementor-element-a27f317{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-822f249 */<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <meta name="theme-color" content="#ffffff">
  <meta name="description" content="Explore Belle Graphics Inc. food, automotive and jewellery portfolio, and the brands we create with.">
  <title>Work — Belle Graphics Inc.</title>
  <style>
    :root{--ink:#19171c;--pink:#e3157d;--muted:#7e6d79;--line:#eadfe6}
    *{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--pink);outline-offset:5px}[hidden]{display:none!important}
    .wp-page{overflow:clip}.wp-wrap{max-width:1320px;margin:auto}.wp-intro{padding:79px 32px 57px}.wp-kicker{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:700;letter-spacing:1.8px;color:#9b5d7e;margin:0 0 23px}.wp-kicker::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--pink)}.wp-intro-row{display:flex;justify-content:space-between;align-items:flex-end;gap:45px}.wp-title{font-size:clamp(60px,7.2vw,102px);font-weight:700;line-height:1.01;letter-spacing:-.065em;margin:0}.wp-title em,.wp-section-title em,.wp-cta-title em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--pink);letter-spacing:-.055em}.wp-intro-copy{max-width:287px;font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 8px}
    .wp-portfolio{padding:0 32px 69px}.wp-directory-label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 22px;border-bottom:1px solid var(--line);margin-bottom:31px}.wp-directory-label p{font-size:9px;letter-spacing:1.8px;color:#98788b;font-weight:700;margin:0}.wp-directory-label span{font-size:11px;color:#9b7d8d}.wp-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.wp-category{display:block;position:relative;width:100%;border:0;padding:0;text-align:left;background:none;border-radius:23px;min-width:0}.wp-category-visual{display:block;position:relative;border-radius:23px;overflow:hidden;aspect-ratio:.88;background:#f9edf4;isolation:isolate}.wp-category-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1),filter .8s}.wp-category:hover .wp-category-visual img,.wp-category:focus-visible .wp-category-visual img{transform:scale(1.035)}.wp-category-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#160d1738);pointer-events:none}.wp-category-tag{position:absolute;top:18px;left:18px;padding:9px 12px;background:#ffffffed;backdrop-filter:blur(12px);border-radius:999px;font-size:9px;letter-spacing:.5px;color:#4b3342;z-index:1}.wp-category-open{position:absolute;bottom:18px;right:18px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--ink);z-index:1;transition:background .25s,color .25s}.wp-category-open svg{width:18px;height:18px;transition:transform .6s cubic-bezier(.22,1,.36,1)}.wp-category:hover .wp-category-open{background:var(--pink);color:#fff}.wp-category:hover .wp-category-open svg{transform:rotate(180deg)}.wp-category-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 2px 0}.wp-category-name{font-size:27px;letter-spacing:-1px;font-weight:500}.wp-category-count{font-size:10px;color:#987b8d;white-space:nowrap}.wp-category-description{display:block;padding:9px 2px 0;font-size:11px;color:#9b8292;line-height:1.7}.wp-cover-error{position:absolute;inset:0;display:grid;place-items:center;background:#f9edf4;font-size:12px;color:#8e6b80}.wp-portfolio-note{font-size:10px;color:#9a8190;margin:27px 0 0;line-height:1.7}
    .wp-clients{background:#fff8fc;border-top:1px solid #f0e3ec;border-bottom:1px solid #f0e3ec;padding:70px 0 56px;overflow:hidden}.wp-clients-heading{text-align:center;padding:0 25px;max-width:760px;margin:auto}.wp-clients-heading .wp-kicker{justify-content:center;margin-bottom:20px}.wp-section-title{font-size:clamp(42px,5vw,70px);font-weight:500;line-height:1.07;letter-spacing:-.055em;margin:0}.wp-clients-copy{margin:20px 0 0;color:var(--muted);font-size:13px;line-height:1.8}.wp-logo-ribbons{margin-top:43px;display:flex;flex-direction:column;gap:18px}.wp-logo-row{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.wp-logo-track{display:flex;width:max-content;animation:wp-logo-loop 90s linear infinite;will-change:transform}.wp-logo-row:nth-child(2) .wp-logo-track{animation-direction:reverse;animation-duration:100s}.wp-logo-group{display:flex;gap:20px;padding-right:20px;align-items:center;flex-shrink:0}.wp-logo-frame{width:132px;height:132px;border-radius:50%;background:#fff;border:1px solid #ead8e3;display:grid;place-items:center;padding:22px;box-shadow:0 5px 15px #5c224605;flex-shrink:0;transition:border-color .25s,box-shadow .25s}.wp-logo-frame img{width:100%;height:100%;object-fit:contain;display:block}.wp-logo-frame:hover{border-color:#dfa1c1;box-shadow:0 8px 20px #6e25420a}.wp-logo-row:hover .wp-logo-track,.wp-logo-ribbons.is-paused .wp-logo-track{animation-play-state:paused}.wp-logo-error{font-size:9px;color:#9e8392;text-align:center;line-height:1.6}.wp-logo-controls{display:flex;justify-content:center;margin-top:24px}.wp-logo-toggle{border:1px solid #ead9e4;background:white;color:#806576;border-radius:999px;padding:9px 15px;display:flex;align-items:center;gap:8px;font-size:10px}.wp-logo-toggle:hover{border-color:#dfa1c1;color:var(--pink)}.wp-logo-toggle svg{width:11px;height:11px}.wp-logo-toggle .wp-play{display:none}.wp-logo-toggle[aria-pressed=true] .wp-play{display:block}.wp-logo-toggle[aria-pressed=true] .wp-pause{display:none}
    @keyframes wp-logo-loop{from{transform:translateX(0)}to{transform:translateX(-50%)}}
    .wp-logo-row:focus-within .wp-logo-track{animation-play-state:paused}.wp-logo-row:focus-visible{outline:2px solid #e3157d70;outline-offset:-3px}
    .wp-cta{padding:66px 32px 70px}.wp-cta-row{display:flex;justify-content:space-between;align-items:center;gap:40px}.wp-cta-title{font-size:clamp(35px,4.1vw,59px);font-weight:500;line-height:1.08;letter-spacing:-.05em;margin:0}.wp-cta-copy{font-size:13px;line-height:1.8;color:var(--muted);margin:17px 0 0}.wp-button{display:inline-flex;align-items:center;gap:25px;justify-content:space-between;min-height:56px;padding:10px 11px 10px 21px;background:var(--ink);border-radius:14px;color:white;font-size:12px;font-weight:700;white-space:nowrap;transition:transform .25s,background .25s}.wp-button span{display:grid;place-items:center;width:34px;height:34px;background:var(--pink);border-radius:50%}.wp-button svg{width:17px;height:17px;transition:transform .6s cubic-bezier(.22,1,.36,1)}.wp-button:hover{transform:translateY(-2px);background:#33242e}.wp-button:hover svg{transform:rotate(180deg)}
    dialog{padding:0;border:0;margin:auto}dialog::backdrop{background:#18101891;backdrop-filter:blur(7px)}.wp-gallery-modal{width:min(1320px,calc(100% - 48px));height:min(900px,calc(100svh - 48px));border-radius:24px;background:#fff;overflow:hidden}.wp-gallery-shell{display:flex;flex-direction:column;height:100%;min-height:0}.wp-gallery-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 30px 20px;flex-shrink:0}.wp-gallery-eyebrow{font-size:8px;letter-spacing:1.8px;color:#a57690;margin:0 0 9px}.wp-gallery-title{font-size:33px;letter-spacing:-1.2px;font-weight:500;margin:0;line-height:1.1}.wp-close{width:39px;height:39px;border-radius:50%;border:1px solid #eadfe6;background:#fff;display:grid;place-items:center;flex-shrink:0}.wp-close svg{width:16px;height:16px}.wp-close:hover{background:#fff0f8;border-color:#e5a0c2}.wp-gallery-toolbar{padding:0 30px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-shrink:0}.wp-gallery-tabs{display:flex;flex-wrap:wrap;gap:6px}.wp-gallery-tab{border:1px solid #eaddE6;border-radius:999px;background:white;color:#8c6a7e;font-size:10px;padding:9px 13px;transition:background .25s,color .25s}.wp-gallery-tab[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.wp-gallery-tally{font-size:10px;color:#987b8d;white-space:nowrap}.wp-gallery-scroll{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:25px 30px 30px;scrollbar-width:thin;scrollbar-color:#e9c9db #fff}.wp-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.wp-image-card{display:block;width:100%;padding:0;background:none;border:0;text-align:left;min-width:0;border-radius:14px}.wp-thumb{display:block;aspect-ratio:1;background:#f8f4f7;border-radius:14px;overflow:hidden;position:relative}.wp-thumb img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .5s cubic-bezier(.22,1,.36,1)}.wp-image-card:hover .wp-thumb img{transform:scale(1.02)}.wp-image-expand{position:absolute;right:10px;top:10px;width:28px;height:28px;border:1px solid #f4e8ef;border-radius:50%;background:#fff;display:grid;place-items:center}.wp-image-expand svg{width:12px;height:12px}.wp-thumb-caption{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a27c92;padding:10px 1px 0}.wp-thumb-caption span:last-child{font-size:8px}.wp-image-error{position:absolute;inset:0;display:grid;place-items:center;background:#fcf4f9;color:#a07a90;font-size:11px;padding:18px;text-align:center}
    .wp-lightbox{background:#18151b;color:white;width:min(1450px,calc(100% - 32px));height:calc(100svh - 32px);border-radius:21px;overflow:hidden}.wp-lightbox::backdrop{background:#110c17d9}.wp-lightbox-shell{display:flex;flex-direction:column;height:100%;min-height:0}.wp-lightbox-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:17px 22px;flex-shrink:0}.wp-lightbox-category{font-size:10px;letter-spacing:1.2px;color:#d9c3d1;margin:0}.wp-lightbox .wp-close{background:#ffffff0a;border-color:#ffffff25;color:#fff}.wp-lightbox .wp-close:hover{background:#ffffff18}.wp-lightbox-stage{position:relative;flex:1;min-height:0;display:grid;place-items:center;padding:3px 65px 12px;touch-action:pan-y}.wp-lightbox-image{display:block;width:100%;height:100%;object-fit:contain;min-height:0;user-select:none;-webkit-user-drag:none}.wp-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:1px solid #ffffff29;border-radius:50%;display:grid;place-items:center;background:#ffffff0d;color:white;z-index:1}.wp-lightbox-nav:hover{background:#ffffff1a}.wp-lightbox-nav svg{width:17px;height:17px}.wp-lightbox-nav[data-direction=previous]{left:15px}.wp-lightbox-nav[data-direction=next]{right:15px}.wp-lightbox-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 23px 20px;flex-shrink:0}.wp-lightbox-index{font-size:11px;color:#c8abbc;margin:0}.wp-original-link{font-size:10px;color:#ee94c2;text-decoration:underline;text-underline-offset:4px}.wp-lightbox-message{position:absolute;left:70px;right:70px;text-align:center;font-size:13px;line-height:1.8;color:#d7b6ca}.wp-lightbox-image.is-loading{opacity:.3}.wp-opened .wp-page{pointer-events:none}
    @media(max-width:1100px){.wp-title{font-size:76px}.wp-intro-copy{max-width:240px}.wp-categories{gap:19px}.wp-category-name{font-size:23px}.wp-logo-frame{width:120px;height:120px;padding:20px}.wp-gallery-grid{gap:17px}}
    @media(max-width:800px){.wp-intro{padding:58px 22px 38px}.wp-intro-row{display:block}.wp-title{font-size:clamp(57px,9.8vw,76px)}.wp-intro-copy{max-width:420px;margin:23px 0 0;font-size:13px}.wp-portfolio{padding:0 22px 48px}.wp-category-name{font-size:21px;letter-spacing:-.7px}.wp-category-meta{align-items:flex-start;flex-direction:column;gap:8px;padding-top:16px}.wp-category-description{font-size:10px}.wp-category-visual{border-radius:18px;aspect-ratio:.76}.wp-category-tag{left:12px;top:12px;font-size:8px;padding:8px 10px}.wp-category-open{width:34px;height:34px;right:12px;bottom:12px}.wp-category-count{font-size:9px}.wp-clients{padding:53px 0 42px}.wp-logo-ribbons{margin-top:32px;gap:15px}.wp-logo-frame{width:110px;height:110px;padding:18px}.wp-logo-group{gap:16px;padding-right:16px}.wp-cta{padding:49px 22px}.wp-cta-row{align-items:flex-start;flex-direction:column;gap:25px}.wp-gallery-modal{width:calc(100% - 28px);height:calc(100svh - 28px);border-radius:19px}.wp-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wp-gallery-top{padding:23px 23px 18px}.wp-gallery-toolbar{padding:0 23px 18px}.wp-gallery-scroll{padding:22px}.wp-gallery-title{font-size:29px}.wp-lightbox{width:calc(100% - 20px);height:calc(100svh - 20px);border-radius:16px}}
    @media(max-width:560px){.wp-intro{padding:48px 17px 32px}.wp-kicker{font-size:8px;letter-spacing:1.5px;margin-bottom:20px}.wp-title{font-size:clamp(43px,11.5vw,60px)}.wp-intro-copy{font-size:12px;max-width:350px}.wp-portfolio{padding-inline:17px}.wp-directory-label{margin-bottom:23px;padding-bottom:18px;align-items:flex-start;gap:10px}.wp-directory-label p{font-size:8px;letter-spacing:1.3px}.wp-directory-label span{font-size:9px;text-align:right}.wp-categories{grid-template-columns:1fr;gap:30px}.wp-category-visual{aspect-ratio:1.1;border-radius:21px}.wp-category-meta{flex-direction:row;align-items:center;gap:15px}.wp-category-name{font-size:26px}.wp-category-count{font-size:10px}.wp-category-tag{font-size:9px;top:16px;left:16px;padding:9px 12px}.wp-category-open{width:40px;height:40px;right:16px;bottom:16px}.wp-category-description{font-size:11px}.wp-portfolio-note{font-size:9px;margin-top:25px}.wp-section-title{font-size:43px}.wp-clients-copy{font-size:12px;max-width:310px;margin:19px auto 0}.wp-logo-frame{width:100px;height:100px;padding:17px}.wp-logo-group{gap:14px;padding-right:14px}.wp-logo-ribbons{gap:13px}.wp-cta{padding:43px 17px 49px}.wp-cta-title{font-size:36px}.wp-cta-copy{font-size:12px}.wp-gallery-modal{width:calc(100% - 16px);height:calc(100svh - 16px);border-radius:17px}.wp-gallery-top{padding:20px 17px 16px;gap:15px}.wp-gallery-eyebrow{font-size:7px;letter-spacing:1.3px}.wp-gallery-title{font-size:25px;letter-spacing:-.8px}.wp-close{width:34px;height:34px}.wp-gallery-toolbar{padding:0 17px 16px;align-items:flex-start;flex-direction:column;gap:12px}.wp-gallery-tab{font-size:9px;padding:9px 11px}.wp-gallery-tally{font-size:9px}.wp-gallery-scroll{padding:17px}.wp-gallery-grid{gap:20px 12px}.wp-thumb{border-radius:11px}.wp-thumb-caption{font-size:9px}.wp-image-expand{width:23px;height:23px;top:7px;right:7px}.wp-thumb-caption span:last-child{display:none}.wp-lightbox-top{padding:15px}.wp-lightbox-category{font-size:9px;letter-spacing:.8px}.wp-lightbox-stage{padding:0 7px 50px}.wp-lightbox-nav{width:36px;height:36px;top:auto;bottom:5px;transform:none}.wp-lightbox-nav[data-direction=previous]{left:calc(50% - 48px)}.wp-lightbox-nav[data-direction=next]{right:calc(50% - 48px)}.wp-lightbox-bottom{padding:16px}.wp-lightbox-index{font-size:10px}.wp-original-link{font-size:9px}.wp-lightbox-message{left:20px;right:20px}}
    @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.wp-logo-track{transform:none!important;will-change:auto}.wp-logo-row{overflow-x:auto;mask-image:none;scrollbar-width:thin;scrollbar-color:#e7c4d8 transparent}.wp-logo-group[aria-hidden=true]{display:none}.wp-category:hover .wp-category-visual img,.wp-image-card:hover .wp-thumb img,.wp-button:hover,.wp-button:hover svg,.wp-category:hover .wp-category-open svg{transform:none}}
/* Keep WordPress/theme button styles out of the portfolio cards. */
.wp-page .wp-categories button.wp-category,
.wp-page .wp-categories button.wp-category:is(:hover, :focus, :focus-visible, :active),
.wp-gallery-modal .wp-gallery-grid button.wp-image-card,
.wp-gallery-modal .wp-gallery-grid button.wp-image-card:is(:hover, :focus, :focus-visible, :active) {
  appearance: none;
  background: transparent !important;
  background-image: none !important;
  color: #19171c !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
  text-decoration: none !important;
  text-transform: none !important;
}
.wp-page .wp-category .wp-category-name { color: #19171c !important; }
.wp-page .wp-category .wp-category-count { color: #987b8d !important; }
.wp-page .wp-category .wp-category-description { color: #9b8292 !important; }
.wp-page .wp-categories button.wp-category:focus-visible,
.wp-gallery-modal .wp-gallery-grid button.wp-image-card:focus-visible {
  outline: 3px solid #e3157d !important;
  outline-offset: 5px;
}
.wp-page .wp-category:focus-visible .wp-category-open {
  background: #e3157d;
  color: #fff;
}

  </style>
</head>
<body>
  <main class="wp-page">
    <section class="wp-intro"><div class="wp-wrap"><p class="wp-kicker">THE WORK · BELLE GRAPHICS INC.</p><div class="wp-intro-row"><h1 class="wp-title">Different brands.<br>One <em>creative eye.</em></h1><p class="wp-intro-copy">Food, fine details and everything in between. Explore the stories we bring into focus.</p></div></div></section>
    <section class="wp-portfolio" aria-label="Portfolio categories"><div class="wp-wrap"><div class="wp-directory-label"><p>SELECTED PORTFOLIO</p><span>Choose a collection. Explore every frame.</span></div><div class="wp-categories"></div><p class="wp-portfolio-note">Open a collection to browse all its images. Select any image for the full view.</p></div></section>
    <section class="wp-clients" aria-labelledby="clients-title"><div class="wp-clients-heading"><p class="wp-kicker">OUR CLIENTS</p><h2 class="wp-section-title" id="clients-title">Good company.<br><em>Great collaborations.</em></h2><p class="wp-clients-copy">The brands behind the creative conversations.<br>A little Belle, brought to their world.</p></div><div class="wp-logo-ribbons" aria-label="Belle client logos"></div><div class="wp-logo-controls"><button class="wp-logo-toggle" type="button" aria-pressed="false" aria-label="Pause client logo animation"><svg class="wp-pause" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M5 3v10m6-10v10" stroke="currentColor" stroke-width="2"/></svg><svg class="wp-play" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="m5 3 8 5-8 5V3Z" stroke="currentColor" stroke-width="1.5"/></svg><span>Pause animation</span></button></div></section>
    <section class="wp-cta"><div class="wp-wrap wp-cta-row"><div><h2 class="wp-cta-title">Let’s bring your brand<br>into <em>the picture.</em></h2><p class="wp-cta-copy">Your next idea starts with a creative conversation.</p></div><a class="wp-button" href="contact.html">Start a project <span><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M6 18 18 6M7 6h11v11" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></a></div></section>
  </main>
  <dialog class="wp-gallery-modal" aria-labelledby="gallery-title"><div class="wp-gallery-shell"><div class="wp-gallery-top"><div><p class="wp-gallery-eyebrow">BELLE GRAPHICS · PORTFOLIO COLLECTION</p><h2 class="wp-gallery-title" id="gallery-title">Food & hospitality</h2></div><button type="button" class="wp-close" data-close="gallery" aria-label="Close collection"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="m6 6 12 12M18 6 6 18" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg></button></div><div class="wp-gallery-toolbar"><div class="wp-gallery-tabs" role="group" aria-label="Choose portfolio category"></div><span class="wp-gallery-tally"></span></div><div class="wp-gallery-scroll"><div class="wp-gallery-grid"></div></div></div></dialog>
  <dialog class="wp-lightbox" aria-labelledby="lightbox-category"><div class="wp-lightbox-shell"><div class="wp-lightbox-top"><p class="wp-lightbox-category" id="lightbox-category">Food & hospitality</p><button type="button" class="wp-close" data-close="image" aria-label="Close image"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="m6 6 12 12M18 6 6 18" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg></button></div><div class="wp-lightbox-stage"><button type="button" class="wp-lightbox-nav" data-direction="previous" aria-label="Previous image"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="m14 6-6 6 6 6" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg></button><img class="wp-lightbox-image" alt="" draggable="false"><p class="wp-lightbox-message" hidden></p><button type="button" class="wp-lightbox-nav" data-direction="next" aria-label="Next image"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="m10 6 6 6-6 6" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg></button></div><div class="wp-lightbox-bottom"><p class="wp-lightbox-index" aria-live="polite"></p><a class="wp-original-link" target="_blank" rel="noopener noreferrer">Open original ↗</a></div></div></dialog>
  <script>
  (()=>{
    'use strict';
    // Supplied Belle portfolio. Case-sensitive filenames are intentionally preserved.
    const PORTFOLIO = [{"name": "Food & hospitality", "short": "Food", "tag": "FOOD & BEVERAGE", "description": "Flavour, atmosphere and stories worth sharing.", "cover": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/food-1.jpg", "images": ["https://bellegraphicsinc.com/wp-content/uploads/2026/10/Food-1.jpeg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/Food-2.jpeg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/Food-3.jpeg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/Food-4.jpeg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/Food-5.jpeg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/Food-6.jpeg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/Food-7.jpeg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/Food-8.jpeg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/Food-9.jpeg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/Food-10.jpeg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/Food-11.jpeg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/Food-12.jpeg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/Food-13.jpeg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/Food-14.jpeg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/Food-15.jpeg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/Food-16.jpeg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/Food-17.jpeg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/Food-18.jpeg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/Food-19.jpeg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/Food-20.jpeg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/food-1.jpg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/food-2.jpg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/food-3.jpg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/food-4.jpg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/food-5.jpg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/food-6.jpg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/food-7.jpg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/food-8.jpg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/food-9.jpg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/food-10.jpg"]}, {"name": "Automotive", "short": "Automotive", "tag": "AUTOMOTIVE", "description": "Character, movement and the details that stand out.", "cover": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/auto-1.jpg", "images": ["https://bellegraphicsinc.com/wp-content/uploads/2026/10/auto-1.jpg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/auto-2.jpg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/auto-3.jpg"]}, {"name": "Jewellery", "short": "Jewellery", "tag": "JEWELLERY", "description": "Fine details. Considered light. A closer look.", "cover": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/jewellery-1.jpg", "images": ["https://bellegraphicsinc.com/wp-content/uploads/2026/10/jewellery-1.jpg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/jewellery-2.jpg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/jewellery-3.jpg", "https://bellegraphicsinc.com/wp-content/uploads/2026/10/jewellery-4.jpg"]}];
    // All supplied logo files, including separated URLs from the combined final link.
    const CLIENT_LOGOS = [{"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/1.png", "alt": "Belle client logo 01"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/2.png", "alt": "Belle client logo 02"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/3.png", "alt": "Belle client logo 03"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/4.png", "alt": "Belle client logo 04"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/5.png", "alt": "Belle client logo 05"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/6.png", "alt": "Belle client logo 06"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/7.png", "alt": "Belle client logo 07"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/8.png", "alt": "Belle client logo 08"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/9.png", "alt": "Belle client logo 09"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/10.png", "alt": "Belle client logo 10"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/11.png", "alt": "Belle client logo 11"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/12.png", "alt": "Belle client logo 12"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/13.png", "alt": "Belle client logo 13"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/14.png", "alt": "Belle client logo 14"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/10-Downing-St-1.png", "alt": "Belle client logo 15"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/10-Downing-St-2.png", "alt": "Belle client logo 16"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/10-Downing-St-3.png", "alt": "Belle client logo 17"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/10-Downing-St.png", "alt": "10 Downing St client logo"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/Desi-licious-1.png", "alt": "Belle client logo 19"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/Desi-licious-4.png", "alt": "Belle client logo 20"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/Desi-licious-5.png", "alt": "Belle client logo 21"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/Desi-licious-6.png", "alt": "Belle client logo 22"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/Desi-licious.png", "alt": "Desilicious client logo"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/h-1.png", "alt": "Belle client logo 24"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/h-2.png", "alt": "Belle client logo 25"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/h-3.png", "alt": "Belle client logo 26"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/h-5.png", "alt": "Belle client logo 27"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/h.png", "alt": "Belle client logo 28"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/k.png", "alt": "Belle client logo 29"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/naan-and-beyond-1.png", "alt": "Belle client logo 30"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/naan-and-beyond-2.png", "alt": "Belle client logo 31"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/naan-and-beyond.png", "alt": "Belle client logo 32"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/tacotime-2.png", "alt": "Belle client logo 33"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/tacotime-3.png", "alt": "Belle client logo 34"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/tacotime-4.png", "alt": "Belle client logo 35"}, {"src": "https://bellegraphicsinc.com/wp-content/uploads/2026/10/tacotime.png", "alt": "TacoTime client logo"}];
    const arrow='<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M6 18 18 6M7 6h11v11" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>';
    const expand='<svg viewBox="0 0 20 20" fill="none" aria-hidden="true"><path d="M7 3H3v4m10-4h4v4M3 13v4h4m10-4v4h-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>';
    const categories=document.querySelector('.wp-categories');
    const gallery=document.querySelector('.wp-gallery-modal');
    const lightbox=document.querySelector('.wp-lightbox');
    const grid=document.querySelector('.wp-gallery-grid');
    const tabs=document.querySelector('.wp-gallery-tabs');
    const viewer=document.querySelector('.wp-lightbox-image');
    const message=document.querySelector('.wp-lightbox-message');
    const ribbons=document.querySelector('.wp-logo-ribbons');
    const toggle=document.querySelector('.wp-logo-toggle');
    const reduced=matchMedia('(prefers-reduced-motion:reduce)');
    let activeCategory=0,activeImage=0,categoryTrigger=null,imageTrigger=null,previousOverflow='',paused=false;
    function image(src,alt,lazy=true){const img=document.createElement('img');img.alt=alt;img.decoding='async';img.loading=lazy?'lazy':'eager';img.addEventListener('load',()=>img.dataset.state='ready');img.addEventListener('error',()=>img.dataset.state='error');img.src=src;return img;}
    function unavailable(img,holder,css,text){img.addEventListener('error',()=>{img.hidden=true;const notice=document.createElement('span');notice.className=css;notice.textContent=text;holder.append(notice);},{once:true});}
    PORTFOLIO.forEach((category,index)=>{
      const card=document.createElement('button');card.type='button';card.className='wp-category';card.dataset.category=index;card.setAttribute('aria-label','Open '+category.name+' collection, '+category.images.length+' images');
      const visual=document.createElement('span');visual.className='wp-category-visual';
      const cover=image(category.cover,category.name+' portfolio preview',false);cover.width=900;cover.height=1000;unavailable(cover,visual,'wp-cover-error','Open this collection');
      const tag=document.createElement('span');tag.className='wp-category-tag';tag.textContent=category.tag;
      const icon=document.createElement('span');icon.className='wp-category-open';icon.innerHTML=arrow;
      visual.append(cover,tag,icon);
      const meta=document.createElement('span');meta.className='wp-category-meta';
      const name=document.createElement('span');name.className='wp-category-name';name.textContent=category.name;
      const count=document.createElement('span');count.className='wp-category-count';count.textContent=category.images.length+' images ↗';meta.append(name,count);
      const description=document.createElement('span');description.className='wp-category-description';description.textContent=category.description;
      card.append(visual,meta,description);card.addEventListener('click',()=>openCategory(index,card));categories.append(card);
      const tab=document.createElement('button');tab.type='button';tab.className='wp-gallery-tab';tab.textContent=category.short;tab.dataset.category=index;tab.setAttribute('aria-pressed','false');tab.addEventListener('click',()=>renderCategory(index));tabs.append(tab);
    });
    function renderCategory(index){
      activeCategory=index;
      const category=PORTFOLIO[index];
      document.querySelector('.wp-gallery-title').textContent=category.name;
      document.querySelector('.wp-gallery-tally').textContent=category.images.length+' images · Select to expand';
      [...tabs.children].forEach((tab,i)=>tab.setAttribute('aria-pressed',String(i===index)));
      grid.replaceChildren();
      category.images.forEach((src,i)=>{
        const button=document.createElement('button');button.type='button';button.className='wp-image-card';button.dataset.image=i;button.setAttribute('aria-label','View '+category.name+' image '+(i+1));
        const thumb=document.createElement('span');thumb.className='wp-thumb';
        const img=image(src,category.name+' portfolio image '+(i+1));unavailable(img,thumb,'wp-image-error','Preview unavailable. Select to view original.');
        const control=document.createElement('span');control.className='wp-image-expand';control.innerHTML=expand;thumb.append(img,control);
        const caption=document.createElement('span');caption.className='wp-thumb-caption';const number=document.createElement('span');number.textContent=String(i+1).padStart(2,'0');const hint=document.createElement('span');hint.textContent='VIEW IMAGE ↗';caption.append(number,hint);
        button.append(thumb,caption);button.addEventListener('click',()=>openImage(i,button));grid.append(button);
      });
      document.querySelector('.wp-gallery-scroll').scrollTop=0;
    }
    function openCategory(index,trigger){
      categoryTrigger=trigger;previousOverflow=document.body.style.overflow;document.body.style.overflow='hidden';document.body.classList.add('wp-opened');renderCategory(index);gallery.showModal();gallery.querySelector('[data-close=gallery]').focus({preventScroll:true});
    }
    function closeCategory(){if(lightbox.open)closeImage();if(gallery.open)gallery.close();}
    gallery.addEventListener('close',()=>{document.body.style.overflow=previousOverflow;document.body.classList.remove('wp-opened');categoryTrigger?.focus({preventScroll:true});});
    function showImage(index){
      const category=PORTFOLIO[activeCategory];activeImage=(index+category.images.length)%category.images.length;
      const src=category.images[activeImage];message.hidden=true;viewer.hidden=false;viewer.classList.add('is-loading');viewer.dataset.state='loading';viewer.alt=category.name+' portfolio image '+(activeImage+1);viewer.src=src;
      document.querySelector('.wp-lightbox-category').textContent=category.name;
      document.querySelector('.wp-lightbox-index').textContent=String(activeImage+1).padStart(2,'0')+' / '+String(category.images.length).padStart(2,'0');document.querySelector('.wp-original-link').href=src;
    }
    viewer.addEventListener('load',()=>{viewer.classList.remove('is-loading');viewer.dataset.state='ready';});
    viewer.addEventListener('error',()=>{viewer.classList.remove('is-loading');viewer.dataset.state='error';viewer.hidden=true;message.textContent='This image could not be loaded. You can open the original using the link below.';message.hidden=false;});
    function openImage(index,trigger){imageTrigger=trigger;showImage(index);lightbox.showModal();lightbox.querySelector('[data-close=image]').focus({preventScroll:true});}
    function closeImage(){if(lightbox.open)lightbox.close();}
    lightbox.addEventListener('close',()=>{viewer.removeAttribute('src');viewer.alt='';message.hidden=true;if(gallery.open&&imageTrigger?.isConnected)imageTrigger.focus({preventScroll:true});});
    document.querySelector('[data-close=gallery]').addEventListener('click',closeCategory);document.querySelector('[data-close=image]').addEventListener('click',closeImage);
    gallery.addEventListener('cancel',event=>{event.preventDefault();closeCategory();});lightbox.addEventListener('cancel',event=>{event.preventDefault();closeImage();});
    document.querySelectorAll('.wp-lightbox-nav').forEach(button=>button.addEventListener('click',()=>showImage(activeImage+(button.dataset.direction==='next'?1:-1))));
    lightbox.addEventListener('keydown',event=>{if(event.key==='ArrowRight'||event.key==='ArrowLeft'){event.preventDefault();showImage(activeImage+(event.key==='ArrowRight'?1:-1));}});
    function trap(dialog,event){if(event.key!=='Tab')return;const elements=[...dialog.querySelectorAll('button,a[href]')].filter(el=>!el.disabled&&!el.hidden&&el.getClientRects().length);const first=elements[0],last=elements.at(-1);if(event.shiftKey&&document.activeElement===first){event.preventDefault();last.focus();}else if(!event.shiftKey&&document.activeElement===last){event.preventDefault();first.focus();}}
    gallery.addEventListener('keydown',event=>trap(gallery,event));lightbox.addEventListener('keydown',event=>trap(lightbox,event));
    let swipeStart=null;const stage=document.querySelector('.wp-lightbox-stage');
    stage.addEventListener('pointerdown',event=>{if(event.target.closest('button')||event.pointerType==='mouse'&&event.button!==0)return;swipeStart={x:event.clientX,y:event.clientY,id:event.pointerId};stage.setPointerCapture(event.pointerId);});
    stage.addEventListener('pointerup',event=>{if(!swipeStart||swipeStart.id!==event.pointerId)return;const x=event.clientX-swipeStart.x,y=event.clientY-swipeStart.y;if(Math.abs(x)>45&&Math.abs(x)>Math.abs(y)*1.3)showImage(activeImage+(x<0?1:-1));swipeStart=null;});stage.addEventListener('pointercancel',()=>swipeStart=null);
    [gallery,lightbox].forEach(dialog=>{let backdropDown=false;dialog.addEventListener('pointerdown',event=>backdropDown=event.target===dialog);dialog.addEventListener('pointerup',event=>{if(backdropDown&&event.target===dialog){const r=dialog.getBoundingClientRect();if(event.clientX<r.left||event.clientX>r.right||event.clientY<r.top||event.clientY>r.bottom)(dialog===lightbox?closeImage:closeCategory)();}backdropDown=false;});});
    const logoRows=[CLIENT_LOGOS.slice(0,Math.ceil(CLIENT_LOGOS.length/2)),CLIENT_LOGOS.slice(Math.ceil(CLIENT_LOGOS.length/2))];
    logoRows.forEach((logos,index)=>{
      const row=document.createElement('div');row.className='wp-logo-row';row.tabIndex=0;row.setAttribute('role','region');row.setAttribute('aria-label','Client logo ribbon '+(index+1));
      const track=document.createElement('div');track.className='wp-logo-track';
      for(let copy=0;copy<2;/* End custom CSS */