{"id":6804,"date":"2025-10-11T20:36:05","date_gmt":"2025-10-11T20:36:05","guid":{"rendered":"https:\/\/anthonyh.digital\/?post_type=portfolio&#038;p=6804"},"modified":"2026-10-06T20:24:19","modified_gmt":"2026-10-07T00:24:19","slug":"commercials","status":"publish","type":"portfolio","link":"https:\/\/anthonyh.digital\/index.php\/portfolio\/commercials\/","title":{"rendered":"Commercials"},"content":{"rendered":"\n<div class=\"ah-portfolio-page\" id=\"portfolio-top\">\n\n  <!-- ==========================================\n       FONTS & GLOBAL STYLES (V2.0.0)\n       ========================================== -->\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&#038;family=Space+Grotesk:wght@500;600;700&#038;family=JetBrains+Mono:wght@500;700&#038;display=swap\" rel=\"stylesheet\">\n\n  <style>\n    \/* Strict 6-digit hex tokens *\/\n    :root {\n      --ah-canvas: #f7f6f2;\n      --ah-surface: #ffffff;\n      --ah-surface-subtle: #f1f0eb;\n      --ah-dark: #18181b;\n      --ah-header-dark: #24252a;\n      --ah-header-border: #33343c;\n      --ah-text-main: #18181b;\n      --ah-text-muted: #4b4c52;\n      --ah-text-dim: #71717a;\n      --ah-border: #e4e4e7;\n      --ah-border-light: #ecebe5;\n      \n      --ah-accent: #428299;\n      --ah-accent-hover: #366d80;\n      --ah-accent-tint: #edf6f9;\n      --ah-accent-border: #c6e0e9;\n      \n      --ah-font-display: 'Space Grotesk', -apple-system, sans-serif;\n      --ah-font-body: 'Plus Jakarta Sans', -apple-system, sans-serif;\n      --ah-font-mono: 'JetBrains Mono', monospace;\n      \n      --ah-radius-sm: 10px;\n      --ah-radius-md: 18px;\n      --ah-radius-bento: 28px;\n      --ah-radius-hero: 34px;\n      --ah-radius-pill: 9999px;\n      \n      --ah-shadow-subtle: 0 4px 20px -2px rgba(24, 24, 27, 0.04);\n      --ah-shadow-card: 0 12px 36px -8px rgba(24, 24, 27, 0.07);\n      --ah-shadow-hover: 0 22px 48px -12px rgba(24, 24, 27, 0.12);\n    }\n\n    \/* Light Mode Overrides for Enclosing Theme Containers *\/\n    body.colors-dark,\n    body:has(.ah-portfolio-page) {\n      background-color: var(--ah-canvas) !important;\n      color: var(--ah-text-main) !important;\n    }\n    body.colors-dark .site,\n    body.colors-dark #main,\n    body.colors-dark .builder-wrap,\n    body.colors-dark .site-content-contain,\n    body:has(.ah-portfolio-page) .site,\n    body:has(.ah-portfolio-page) #main,\n    body:has(.ah-portfolio-page) .builder-wrap,\n    body:has(.ah-portfolio-page) .site-content-contain {\n      background-color: var(--ah-canvas) !important;\n      color: var(--ah-text-main) !important;\n    }\n\n    \/* Site Navigation Header: Soft Dark (#24252a) *\/\n    body.colors-dark .site-header,\n    body.colors-dark .navbar,\n    body.colors-dark .site-header.headroom,\n    body.colors-dark .headroom--not-top .navbar,\n    body:has(.ah-portfolio-page) .site-header,\n    body:has(.ah-portfolio-page) .navbar {\n      background-color: #24252a !important;\n      background: #24252a !important;\n      border-bottom: 1px solid #33343c !important;\n    }\n\n    body.colors-dark .navbar a,\n    body.colors-dark .site-header a,\n    body.colors-dark .custom-logo-text,\n    body:has(.ah-portfolio-page) .navbar a,\n    body:has(.ah-portfolio-page) .site-header a,\n    body:has(.ah-portfolio-page) .custom-logo-text {\n      color: #f4f4f5 !important;\n    }\n\n    body.colors-dark .navbar a:hover,\n    body:has(.ah-portfolio-page) .navbar a:hover {\n      color: #428299 !important;\n    }\n\n    body.colors-dark .site-footer,\n    body:has(.ah-portfolio-page) .site-footer {\n      background: var(--ah-canvas) !important;\n      border-top: 1px solid var(--ah-border) !important;\n      color: var(--ah-text-muted) !important;\n    }\n\n    \/* High contrast dark typography on light background *\/\n    body.colors-dark .ah-portfolio-page h1,\n    body.colors-dark .ah-portfolio-page h2,\n    body.colors-dark .ah-portfolio-page h3,\n    body.colors-dark .ah-portfolio-page h4,\n    body.colors-dark .ah-portfolio-page h5,\n    body.colors-dark .ah-portfolio-page h6,\n    .ah-portfolio-page h1,\n    .ah-portfolio-page h2,\n    .ah-portfolio-page h3,\n    .ah-portfolio-page h4 {\n      color: #18181b !important;\n    }\n\n    body.colors-dark .ah-portfolio-page p,\n    .ah-portfolio-page p {\n      color: #4b4c52 !important;\n    }\n\n    \/* Main Page Container: Desktop Centered with Side Padding & Header Offset *\/\n    .ah-portfolio-page {\n      background-color: var(--ah-canvas);\n      color: var(--ah-text-main);\n      font-family: var(--ah-font-body);\n      line-height: 1.5;\n      padding-top: 84px !important;\n      margin: 0;\n      box-sizing: border-box;\n      -webkit-font-smoothing: antialiased;\n      position: relative;\n      overflow-x: hidden;\n    }\n\n    \/* Single Portfolio Theme Normalization *\/\n    .single-portfolio .entry-header,\n    .single-portfolio .entry-footer,\n    .single-portfolio #secondary,\n    .single-portfolio .widget-area,\n    .single-portfolio .post-navigation,\n    .single-portfolio .previous-post-cover {\n      display: none !important;\n    }\n    .single-portfolio .site-main,\n    .single-portfolio .container-fluid,\n    .single-portfolio .entry-content,\n    .single-portfolio .entry-wrapper,\n    .single-portfolio article {\n      max-width: 100% !important;\n      padding: 0 !important;\n      margin: 0 !important;\n      width: 100% !important;\n    }\n\n    .ah-centered-wrapper {\n      max-width: 1320px;\n      margin: 0 auto;\n      padding: 32px clamp(20px, 4vw, 48px) 72px;\n      box-sizing: border-box;\n      width: 100%;\n    }\n\n    \/* Four-Corner Viewfinder Camera Framing Brackets *\/\n    .ah-video-framing-brackets {\n      position: absolute;\n      inset: 0;\n      pointer-events: none;\n      z-index: 3;\n    }\n\n    .ah-bracket {\n      position: absolute;\n      width: 22px;\n      height: 22px;\n      color: #428299;\n      filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));\n      transition: color 0.25s ease, transform 0.25s ease;\n    }\n\n    .ah-bracket-tr { top: 14px; right: 14px; }\n    .ah-bracket-tl { top: 14px; left: 14px; transform: scaleX(-1); }\n    .ah-bracket-br { bottom: 14px; right: 14px; transform: scaleY(-1); }\n    .ah-bracket-bl { bottom: 14px; left: 14px; transform: scale(-1); }\n\n    .ah-take-card:hover .ah-bracket,\n    .ah-master-reel-card:hover .ah-bracket {\n      color: #ffffff;\n    }\n\n    \/* Common Kicker & Breadcrumb Bar *\/\n    .ah-discipline-top {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: 16px;\n      margin-bottom: 24px;\n    }\n\n    .ah-kicker-badge {\n      font-family: var(--ah-font-mono);\n      font-size: 0.88rem;\n      text-transform: uppercase;\n      letter-spacing: 0.12em;\n      color: #428299;\n      font-weight: 700;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .ah-kicker-badge::before {\n      content: \"\";\n      width: 18px;\n      height: 2px;\n      background: #428299;\n      display: inline-block;\n    }\n\n    .ah-nav-filter-strip {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin-bottom: 32px;\n    }\n\n    .ah-nav-chip {\n      background: #ffffff;\n      border: 1px solid var(--ah-border);\n      border-radius: var(--ah-radius-pill);\n      padding: 8px 18px;\n      font-size: 0.86rem;\n      font-weight: 600;\n      color: #4b4c52 !important;\n      text-decoration: none !important;\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      transition: all 0.2s ease;\n      box-shadow: var(--ah-shadow-subtle);\n    }\n\n    .ah-nav-chip:hover {\n      border-color: #428299;\n      color: #18181b !important;\n      transform: translateY(-2px);\n    }\n\n    .ah-nav-chip.active {\n      background: #18181b;\n      border-color: #18181b;\n      color: #ffffff !important;\n    }\n\n    .ah-page-headline-block {\n      margin-bottom: 32px;\n    }\n\n    .ah-page-title {\n      font-family: var(--ah-font-display);\n      font-size: clamp(2.4rem, 4.2vw, 3.8rem) !important;\n      font-weight: 700 !important;\n      line-height: 1.08;\n      letter-spacing: -0.03em;\n      margin: 0 0 14px 0;\n      color: #18181b !important;\n    }\n\n    .ah-page-desc {\n      font-size: clamp(1.05rem, 1.8vw, 1.25rem) !important;\n      line-height: 1.6;\n      color: #4b4c52 !important;\n      max-width: 860px;\n      margin: 0;\n    }\n\n    \/* Master Reel Card *\/\n    .ah-master-reel-card {\n      background: var(--ah-surface);\n      border: 1px solid var(--ah-border);\n      border-radius: var(--ah-radius-hero);\n      overflow: hidden;\n      position: relative;\n      margin-bottom: 40px;\n      box-shadow: var(--ah-shadow-card);\n      transition: box-shadow 0.3s ease;\n    }\n\n    .ah-master-reel-card:hover {\n      box-shadow: var(--ah-shadow-hover);\n    }\n\n    .ah-master-video-viewport {\n      position: relative;\n      width: 100%;\n      height: 520px;\n      max-height: 70vh;\n      background: #18181b;\n      overflow: hidden;\n    }\n\n    @media (max-width: 768px) {\n      .ah-master-video-viewport {\n        height: 320px;\n      }\n    }\n\n    .ah-master-video-viewport video {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n\n    .ah-master-bar {\n      padding: 24px 30px;\n      background: var(--ah-surface);\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: 16px;\n      border-top: 1px solid var(--ah-border-light);\n    }\n\n    .ah-master-meta h3 {\n      font-family: var(--ah-font-display);\n      font-size: 1.75rem !important;\n      font-weight: 700 !important;\n      color: #18181b !important;\n      margin: 0;\n      letter-spacing: -0.02em;\n    }\n\n    .ah-master-meta p {\n      font-size: 1.0rem !important;\n      color: #4b4c52 !important;\n      margin: 4px 0 0;\n    }\n\n    \/* Dark Audio Toggle Button *\/\n    .ah-sound-toggle-btn {\n      background: #18181b;\n      border: 1px solid #18181b;\n      color: #ffffff;\n      padding: 10px 20px;\n      border-radius: var(--ah-radius-pill);\n      font-size: 0.88rem;\n      font-weight: 600;\n      cursor: pointer;\n      display: inline-flex;\n      align-items: center;\n      gap: 7px;\n      transition: all 0.25s ease;\n      outline: none;\n      -webkit-appearance: none;\n    }\n\n    .ah-sound-toggle-btn:hover {\n      background: #428299;\n      border-color: #428299;\n      color: #ffffff;\n      transform: translateY(-2px);\n      box-shadow: 0 4px 14px rgba(66, 130, 153, 0.35);\n    }\n\n    \/* Multi-Take Bento Grid *\/\n    .ah-takes-section-header {\n      margin-bottom: 24px;\n    }\n\n    .ah-takes-section-header h2 {\n      font-family: var(--ah-font-display);\n      font-size: 2.0rem !important;\n      font-weight: 700 !important;\n      color: #18181b !important;\n      margin: 0 0 6px 0;\n      letter-spacing: -0.02em;\n    }\n\n    .ah-takes-section-header p {\n      font-size: 1.0rem !important;\n      color: #71717a !important;\n      margin: 0;\n    }\n\n    .ah-takes-grid {\n      display: grid;\n      grid-template-columns: repeat(12, 1fr);\n      gap: 24px;\n      margin-bottom: 48px;\n    }\n\n    .ah-take-card {\n      background: var(--ah-surface);\n      border: 1px solid var(--ah-border);\n      border-radius: var(--ah-radius-bento);\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n      box-shadow: var(--ah-shadow-subtle);\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\n      position: relative;\n    }\n\n    .ah-take-card:hover {\n      transform: translateY(-4px);\n      box-shadow: var(--ah-shadow-hover);\n    }\n\n    .ah-take-video-viewport {\n      position: relative;\n      width: 100%;\n      height: 280px;\n      background: #18181b;\n      overflow: hidden;\n    }\n\n    .ah-take-video-viewport video {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n\n    .ah-take-info {\n      padding: 24px 26px;\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .ah-take-badge {\n      font-family: var(--ah-font-mono);\n      font-size: 0.82rem;\n      text-transform: uppercase;\n      letter-spacing: 0.08em;\n      color: #428299;\n      font-weight: 700;\n      margin-bottom: 8px;\n    }\n\n    .ah-take-title {\n      font-family: var(--ah-font-display);\n      font-size: 1.45rem !important;\n      font-weight: 700 !important;\n      color: #18181b !important;\n      margin: 0 0 8px 0;\n      line-height: 1.25;\n    }\n\n    .ah-take-desc {\n      font-size: 0.95rem !important;\n      color: #4b4c52 !important;\n      line-height: 1.55;\n      margin: 0 0 16px 0;\n      flex: 1;\n    }\n\n    .ah-take-meta-bar {\n      padding-top: 14px;\n      border-top: 1px solid var(--ah-border-light);\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      font-size: 0.84rem;\n      color: #71717a;\n      font-family: var(--ah-font-mono);\n    }\n\n    \/* Technical Specs Bento *\/\n    .ah-tech-specs-section {\n      background: #ffffff;\n      border: 1px solid var(--ah-border);\n      border-radius: var(--ah-radius-bento);\n      padding: 36px 40px;\n      margin-bottom: 48px;\n      box-shadow: var(--ah-shadow-subtle);\n    }\n\n    .ah-specs-title {\n      font-family: var(--ah-font-display);\n      font-size: 1.85rem !important;\n      font-weight: 700 !important;\n      color: #18181b !important;\n      margin: 0 0 8px 0;\n      letter-spacing: -0.02em;\n    }\n\n    .ah-specs-subtitle {\n      font-size: 1.0rem !important;\n      color: #71717a !important;\n      margin: 0 0 28px 0;\n    }\n\n    .ah-specs-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 24px;\n    }\n\n    @media (max-width: 900px) {\n      .ah-specs-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    .ah-spec-box {\n      background: var(--ah-canvas);\n      border: 1px solid var(--ah-border);\n      border-radius: var(--ah-radius-md);\n      padding: 24px;\n    }\n\n    .ah-spec-kicker {\n      font-family: var(--ah-font-mono);\n      font-size: 0.78rem;\n      text-transform: uppercase;\n      letter-spacing: 0.08em;\n      color: #428299;\n      font-weight: 700;\n      margin-bottom: 8px;\n    }\n\n    .ah-spec-name {\n      font-family: var(--ah-font-display);\n      font-size: 1.25rem !important;\n      font-weight: 700 !important;\n      color: #18181b !important;\n      margin: 0 0 8px 0;\n    }\n\n    .ah-spec-detail {\n      font-size: 0.92rem !important;\n      color: #4b4c52 !important;\n      line-height: 1.5;\n      margin: 0;\n    }\n\n    \/* Resume & Production Inquiries Section *\/\n    .ah-inquiry-box {\n      background: #18181b;\n      color: #ffffff;\n      border-radius: var(--ah-radius-hero);\n      padding: 48px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: 32px;\n      position: relative;\n      overflow: hidden;\n      margin-bottom: 32px;\n      border: 1px solid #33343c;\n    }\n\n    .ah-inquiry-box::before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      right: 0;\n      width: 400px;\n      height: 100%;\n      background: radial-gradient(circle at top right, rgba(66, 130, 153, 0.25), transparent 70%);\n      pointer-events: none;\n    }\n\n    .ah-inquiry-content {\n      max-width: 680px;\n      position: relative;\n      z-index: 1;\n    }\n\n    .ah-inquiry-content .ah-kicker {\n      font-family: var(--ah-font-mono);\n      font-size: 0.82rem;\n      text-transform: uppercase;\n      letter-spacing: 0.12em;\n      color: #428299;\n      margin-bottom: 10px;\n      display: block;\n      font-weight: 700;\n    }\n\n    .ah-inquiry-content h3 {\n      font-family: var(--ah-font-display);\n      font-size: clamp(1.8rem, 3.2vw, 2.5rem) !important;\n      font-weight: 700 !important;\n      color: #ffffff !important;\n      margin: 0 0 12px 0;\n      line-height: 1.15;\n    }\n\n    body.colors-dark .ah-portfolio-page .ah-inquiry-box h3,\n    .ah-portfolio-page .ah-inquiry-box h3 {\n      color: #ffffff !important;\n    }\n\n    body.colors-dark .ah-portfolio-page .ah-inquiry-box p,\n    .ah-portfolio-page .ah-inquiry-box p {\n      color: #d4d4d8 !important;\n    }\n\n    .ah-inquiry-content p {\n      font-size: 1.05rem !important;\n      color: #a1a1aa !important;\n      margin: 0;\n      line-height: 1.6;\n    }\n\n    .ah-inquiry-actions {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n      position: relative;\n      z-index: 1;\n    }\n\n    .ah-contact-cta-btn {\n      background: #428299;\n      color: #ffffff !important;\n      text-decoration: none !important;\n      padding: 16px 36px;\n      border-radius: var(--ah-radius-pill);\n      font-size: 1.05rem;\n      font-weight: 700;\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      transition: all 0.25s ease;\n      box-shadow: 0 4px 18px rgba(66, 130, 153, 0.4);\n    }\n\n    .ah-contact-cta-btn:hover {\n      background: #366d80;\n      transform: translateY(-2px);\n      box-shadow: 0 8px 24px rgba(66, 130, 153, 0.55);\n      color: #ffffff !important;\n    }\n\n    .ah-next-discipline-btn {\n      background: rgba(255, 255, 255, 0.08);\n      color: #f4f4f5 !important;\n      text-decoration: none !important;\n      padding: 14px 28px;\n      border-radius: var(--ah-radius-pill);\n      font-size: 0.95rem;\n      font-weight: 600;\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      border: 1px solid rgba(255, 255, 255, 0.16);\n      transition: all 0.2s ease;\n      text-align: center;\n      justify-content: center;\n    }\n\n    .ah-next-discipline-btn:hover {\n      background: rgba(255, 255, 255, 0.16);\n      border-color: #428299;\n      color: #ffffff !important;\n    }\n  <\/style>\n\n  <div class=\"ah-centered-wrapper\">\n\n    <!-- TOP BREADCRUMB & KICKER -->\n    <div class=\"ah-discipline-top\">\n      <div class=\"ah-kicker-badge\">Commercial Cinematography \u2022 Broadcast &#038; Digital<\/div>\n      <a href=\"\/index.php\/portfolio-home\/\" class=\"ah-nav-chip\">\u2190 Back to Portfolio Home<\/a>\n    <\/div>\n\n    <div class=\"ah-nav-filter-strip\">\n  <a href=\"\/index.php\/portfolio-home\/\" class=\"ah-nav-chip\">Portfolio Home<\/a>\n  <a href=\"\/index.php\/portfolio\/drone\/\" class=\"ah-nav-chip\">\u2708 Aerial<\/a>\n  <a href=\"\/index.php\/portfolio\/commercials\/\" class=\"ah-nav-chip active\">\ud83c\udfac Commercials<\/a>\n  <a href=\"\/index.php\/portfolio\/on-location\/\" class=\"ah-nav-chip\">\ud83c\udfa5 On-Location<\/a>\n  <a href=\"\/index.php\/portfolio\/green-screen\/\" class=\"ah-nav-chip\">\ud83d\udfe2 Green Screen<\/a>\n  <a href=\"\/index.php\/about\/\" class=\"ah-nav-chip\">About &#038; Bio<\/a>\n  <a href=\"\/index.php\/contact\/\" class=\"ah-nav-chip\">Contact &#038; Inquiries<\/a>\n<\/div>\n\n    <!-- HEADLINE BLOCK -->\n    <div class=\"ah-page-headline-block\">\n      <h1 class=\"ah-page-title\">Commercial Campaigns &#038; Brand Films<\/h1>\n      <p class=\"ah-page-desc\">High-impact broadcast commercials, brand anthems, and automotive spots. Designed with intentional color palettes, rhythmic pacing, and high-fidelity cinema camera choreography.<\/p>\n    <\/div>\n\n    <!-- MASTER FEATURED REEL -->\n    <div class=\"ah-master-reel-card\">\n      <div class=\"ah-master-video-viewport\">\n          <div class=\"ah-video-framing-brackets\" aria-hidden=\"true\">\n            <svg class=\"ah-bracket ah-bracket-tr\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M4 8H16C18.2 8 20 9.8 20 12V24\"><\/path><\/svg>\n            <svg class=\"ah-bracket ah-bracket-tl\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M4 8H16C18.2 8 20 9.8 20 12V24\"><\/path><\/svg>\n            <svg class=\"ah-bracket ah-bracket-br\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M4 8H16C18.2 8 20 9.8 20 12V24\"><\/path><\/svg>\n            <svg class=\"ah-bracket ah-bracket-bl\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M4 8H16C18.2 8 20 9.8 20 12V24\"><\/path><\/svg>\n          <\/div>\n        <video id=\"commercials-master-vid\" autoplay muted loop playsinline preload=\"metadata\">\n          <source src=\"https:\/\/anthonyh.digital\/wp-content\/uploads\/2025\/10\/055-0623-KOC23566-V3-1.mp4\" type=\"video\/mp4\">\n        <\/video>\n      <\/div>\n      <div class=\"ah-master-bar\">\n        <div class=\"ah-master-meta\">\n          <h3>Featured: Broadcast Commercial Campaign 01<\/h3>\n          <p>Role: Director of Photography &#038; Colorist \u2022 Delivery: High-Impact Broadcast Master<\/p>\n        <\/div>\n        <div class=\"ah-master-actions\">\n          <button class=\"ah-sound-toggle-btn\" type=\"button\" data-target=\"commercials-master-vid\" aria-label=\"Toggle Audio\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"><\/polygon><line x1=\"23\" y1=\"9\" x2=\"17\" y2=\"15\"><\/line><line x1=\"17\" y1=\"9\" x2=\"23\" y2=\"15\"><\/line><\/svg>\n            <span>Audio Muted<\/span>\n          <\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- MULTI-TAKE BENTO GRID -->\n    <div class=\"ah-takes-section-header\">\n      <h2>Commercial Spots &#038; Campaign Cuts<\/h2>\n      <p>Broadcast deliverables, automotive campaigns, and narrative branded content.<\/p>\n    <\/div>\n\n    <div class=\"ah-takes-grid\">\n      <!-- Spot 2 (Span 4) -->\n      <div class=\"ah-take-card\" style=\"grid-column: span 4;\">\n        <div class=\"ah-take-video-viewport\">\n          <div class=\"ah-video-framing-brackets\" aria-hidden=\"true\">\n            <svg class=\"ah-bracket ah-bracket-tr\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M4 8H16C18.2 8 20 9.8 20 12V24\"><\/path><\/svg>\n            <svg class=\"ah-bracket ah-bracket-tl\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M4 8H16C18.2 8 20 9.8 20 12V24\"><\/path><\/svg>\n            <svg class=\"ah-bracket ah-bracket-br\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M4 8H16C18.2 8 20 9.8 20 12V24\"><\/path><\/svg>\n            <svg class=\"ah-bracket ah-bracket-bl\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M4 8H16C18.2 8 20 9.8 20 12V24\"><\/path><\/svg>\n          <\/div>\n          <video id=\"comm-spot-2\" autoplay muted loop playsinline preload=\"metadata\">\n            <source src=\"https:\/\/anthonyh.digital\/wp-content\/uploads\/2025\/10\/060-0321-BHY1013-V8-1.mp4\" type=\"video\/mp4\">\n          <\/video>\n        <\/div>\n        <div class=\"ah-take-info\">\n          <div class=\"ah-take-badge\">Spot 02 \u2022 Campaign Anthem<\/div>\n          <h3 class=\"ah-take-title\">Automotive Campaign Anthem<\/h3>\n          <p class=\"ah-take-desc\">Fast-paced commercial spot integrating studio graphics, high-contrast dynamic lighting, and rapid editorial cuts.<\/p>\n          <div class=\"ah-take-meta-bar\">\n            <span>FORMAT: BROADCAST<\/span>\n            <span>ROLE: DP<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Spot 3 (Span 4) -->\n      <div class=\"ah-take-card\" style=\"grid-column: span 4;\">\n        <div class=\"ah-take-video-viewport\">\n          <div class=\"ah-video-framing-brackets\" aria-hidden=\"true\">\n            <svg class=\"ah-bracket ah-bracket-tr\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M4 8H16C18.2 8 20 9.8 20 12V24\"><\/path><\/svg>\n            <svg class=\"ah-bracket ah-bracket-tl\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M4 8H16C18.2 8 20 9.8 20 12V24\"><\/path><\/svg>\n            <svg class=\"ah-bracket ah-bracket-br\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M4 8H16C18.2 8 20 9.8 20 12V24\"><\/path><\/svg>\n            <svg class=\"ah-bracket ah-bracket-bl\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M4 8H16C18.2 8 20 9.8 20 12V24\"><\/path><\/svg>\n          <\/div>\n          <video id=\"comm-spot-3\" autoplay muted loop playsinline preload=\"metadata\">\n            <source src=\"https:\/\/anthonyh.digital\/wp-content\/uploads\/2025\/10\/206-1223-MAG131-V7.mp4\" type=\"video\/mp4\">\n          <\/video>\n        <\/div>\n        <div class=\"ah-take-info\">\n          <div class=\"ah-take-badge\">Spot 03 \u2022 Brand Promo<\/div>\n          <h3 class=\"ah-take-title\">Narrative Promotional Cut<\/h3>\n          <p class=\"ah-take-desc\">Visual storytelling emphasizing high emotional resonance, crisp dialogue capture, and rich cinematic color science.<\/p>\n          <div class=\"ah-take-meta-bar\">\n            <span>COLOR: DAVINCI WIDE<\/span>\n            <span>ROLE: DP \/ CAM<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Spot 4 (Span 4) -->\n      <div class=\"ah-take-card\" style=\"grid-column: span 4;\">\n        <div class=\"ah-take-video-viewport\">\n          <div class=\"ah-video-framing-brackets\" aria-hidden=\"true\">\n            <svg class=\"ah-bracket ah-bracket-tr\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M4 8H16C18.2 8 20 9.8 20 12V24\"><\/path><\/svg>\n            <svg class=\"ah-bracket ah-bracket-tl\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M4 8H16C18.2 8 20 9.8 20 12V24\"><\/path><\/svg>\n            <svg class=\"ah-bracket ah-bracket-br\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M4 8H16C18.2 8 20 9.8 20 12V24\"><\/path><\/svg>\n            <svg class=\"ah-bracket ah-bracket-bl\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M4 8H16C18.2 8 20 9.8 20 12V24\"><\/path><\/svg>\n          <\/div>\n          <video id=\"comm-spot-4\" autoplay muted loop playsinline preload=\"metadata\">\n            <source src=\"https:\/\/anthonyh.digital\/wp-content\/uploads\/2025\/10\/107-0524-HO124-v6.mp4\" type=\"video\/mp4\">\n          <\/video>\n        <\/div>\n        <div class=\"ah-take-info\">\n          <div class=\"ah-take-badge\">Spot 04 \u2022 High-Energy Commercial<\/div>\n          <h3 class=\"ah-take-title\">Brand Feature Spot<\/h3>\n          <p class=\"ah-take-desc\">High-energy spot formatted for multi-channel digital distribution, social cutdowns, and regional television broadcast.<\/p>\n          <div class=\"ah-take-meta-bar\">\n            <span>DISTRIBUTION: TV \/ DIGITAL<\/span>\n            <span>ROLE: DP<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- TECHNICAL SPECS BENTO -->\n    <div class=\"ah-tech-specs-section\">\n      <div class=\"ah-specs-title\">Commercial Production Methodology<\/div>\n      <div class=\"ah-specs-subtitle\">Agency client collaboration, wireless video village, and color science standards.<\/div>\n      <div class=\"ah-specs-grid\">\n        <div class=\"ah-spec-box\">\n          <div class=\"ah-spec-kicker\">Client Monitoring<\/div>\n          <div class=\"ah-spec-name\">Zero-Delay Wireless Village<\/div>\n          <p class=\"ah-spec-detail\">Wireless video transmitters feeding director and agency client iPads\/monitors with calibrated Rec.709 preview LUTs on set.<\/p>\n        <\/div>\n        <div class=\"ah-spec-box\">\n          <div class=\"ah-spec-kicker\">Lighting Design<\/div>\n          <div class=\"ah-spec-name\">Continuous High-Output LED<\/div>\n          <p class=\"ah-spec-detail\">High-CRI COB LED light packages with large diffusion frames, motorized practicals, and precise color temperature tuning.<\/p>\n        <\/div>\n        <div class=\"ah-spec-box\">\n          <div class=\"ah-spec-kicker\">Post &#038; Mastering<\/div>\n          <div class=\"ah-spec-name\">DaVinci Resolve Studio<\/div>\n          <p class=\"ah-spec-detail\">Color grading executed in node-based DaVinci Resolve color pipelines ensuring seamless brand color fidelity and broadcast legal limits.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- INQUIRIES & NEXT DISCIPLINE -->\n    <div class=\"ah-inquiry-box\">\n      <div class=\"ah-inquiry-content\">\n        <span class=\"ah-kicker\">Director of Photography<\/span>\n        <h3>Commercial Production &#038; Booking Inquiries<\/h3>\n        <p>Available for commercial agencies, production companies, and direct brand collaborations.<\/p>\n      <\/div>\n      <div class=\"ah-inquiry-actions\">\n        <a href=\"mailto:inquiry@anthonyh.digital\" class=\"ah-contact-cta-btn\">\n          Contact for Inquiries \u2197\n        <\/a>\n        <a href=\"\/index.php\/portfolio\/on-location\/\" class=\"ah-next-discipline-btn\">\n          Next: On-Location Reel \u2197\n        <\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n  <script>\n    (function() {\n      \/\/ Audio Unmute Toggles\n      document.querySelectorAll('.ah-sound-toggle-btn').forEach(btn => {\n        btn.addEventListener('click', function(e) {\n          e.preventDefault();\n          const targetId = this.getAttribute('data-target');\n          const video = document.getElementById(targetId);\n          if (!video) return;\n          \n          if (video.muted) {\n            video.muted = false;\n            this.innerHTML = '<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"><\/polygon><path d=\"M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07\"><\/path><\/svg><span>Audio Active<\/span>';\n            this.style.backgroundColor = '#428299';\n            this.style.borderColor = '#428299';\n          } else {\n            video.muted = true;\n            this.innerHTML = '<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"><\/polygon><line x1=\"23\" y1=\"9\" x2=\"17\" y2=\"15\"><\/line><line x1=\"17\" y1=\"9\" x2=\"23\" y2=\"15\"><\/line><\/svg><span>Audio Muted<\/span>';\n            this.style.backgroundColor = '#18181b';\n            this.style.borderColor = '#18181b';\n          }\n        });\n      });\n    })();\n  <\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Commercial Cinematography \u2022 Broadcast &#038; Digital \u2190 Back to Portfolio Home Portfolio Home \u2708 Aerial \ud83c\udfac Commercials \ud83c\udfa5 On-Location \ud83d\udfe2 Green Screen About &#038; Bio Contact &#038; Inquiries Commercial Campaigns &#038; Brand Films High-impact broadcast commercials, brand anthems, and automotive spots. Designed with intentional color palettes, rhythmic pacing, and high-fidelity cinema camera choreography. Featured: Broadcast &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/anthonyh.digital\/index.php\/portfolio\/commercials\/\" class=\"more-link\">Read more<span class=\"screen-reader-text\"> &#8220;Commercials&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"portfolio_category":[],"portfolio_tag":[],"class_list":["post-6804","portfolio","type-portfolio","status-publish","format-standard","hentry"],"featured_media_urls":[],"_links":{"self":[{"href":"https:\/\/anthonyh.digital\/index.php\/wp-json\/wp\/v2\/portfolio\/6804"}],"collection":[{"href":"https:\/\/anthonyh.digital\/index.php\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/anthonyh.digital\/index.php\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/anthonyh.digital\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/anthonyh.digital\/index.php\/wp-json\/wp\/v2\/comments?post=6804"}],"version-history":[{"count":2,"href":"https:\/\/anthonyh.digital\/index.php\/wp-json\/wp\/v2\/portfolio\/6804\/revisions"}],"predecessor-version":[{"id":6867,"href":"https:\/\/anthonyh.digital\/index.php\/wp-json\/wp\/v2\/portfolio\/6804\/revisions\/6867"}],"wp:attachment":[{"href":"https:\/\/anthonyh.digital\/index.php\/wp-json\/wp\/v2\/media?parent=6804"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/anthonyh.digital\/index.php\/wp-json\/wp\/v2\/portfolio_category?post=6804"},{"taxonomy":"portfolio_tag","embeddable":true,"href":"https:\/\/anthonyh.digital\/index.php\/wp-json\/wp\/v2\/portfolio_tag?post=6804"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}