{"id":10,"date":"2026-06-14T05:23:52","date_gmt":"2026-06-14T05:23:52","guid":{"rendered":"https:\/\/jsturgismedia.com\/?page_id=10"},"modified":"2026-08-01T02:50:01","modified_gmt":"2026-08-01T02:50:01","slug":"home","status":"publish","type":"page","link":"https:\/\/jsturgismedia.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e7a66e e-flex e-con-boxed e-con e-parent\" data-id=\"5e7a66e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9520f77 elementor-widget elementor-widget-html\" data-id=\"9520f77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    * {\n      box-sizing: border-box;\n    }\n\n    html {\n      scroll-behavior: smooth;\n      overflow-x: hidden;\n    }\n\n    body {\n      margin: 0;\n      overflow-x: hidden;\n      background: #050509;\n      color: #f7f7fb;\n      font-family: Arial, Helvetica, sans-serif;\n    }\n\n    \/* WordPress + Elementor page 10 integration *\/\n    body.page-id-10 #header,\n    body.elementor-page-10 #header,\n    body.page-id-10 #page > hr,\n    body.elementor-page-10 #page > hr {\n      display: none !important;\n    }\n\n    body.page-id-10 #page,\n    body.elementor-page-10 #page,\n    body.page-id-10 .elementor-10,\n    body.elementor-page-10 .elementor-10,\n    body.page-id-10 .elementor-10 > .e-con.e-parent,\n    body.elementor-page-10 .elementor-10 > .e-con.e-parent,\n    body.page-id-10 .elementor-10 > .e-con.e-parent > .e-con-inner,\n    body.elementor-page-10 .elementor-10 > .e-con.e-parent > .e-con-inner,\n    body.page-id-10 .elementor-widget-html,\n    body.elementor-page-10 .elementor-widget-html,\n    body.page-id-10 .elementor-widget-html > .elementor-widget-container,\n    body.elementor-page-10 .elementor-widget-html > .elementor-widget-container {\n      width: 100% !important;\n      max-width: none !important;\n      margin: 0 !important;\n      padding: 0 !important;\n    }\n\n    .jsm-site {\n      --bg: #050509;\n      --panel: rgba(255, 255, 255, 0.055);\n      --panel-strong: rgba(255, 255, 255, 0.09);\n      --border: rgba(255, 255, 255, 0.14);\n      --text: #f7f7fb;\n      --muted: #c8c4d5;\n      --soft: #918ca4;\n      --lime: #8fc96b;\n      --lime-2: #c0e4a7;\n      --purple: #7c4dff;\n      --purple-2: #ba68ff;\n      --ink: #07070b;\n      --shadow: 0 30px 80px rgba(0, 0, 0, 0.48);\n      position: relative;\n      width: 100%;\n      max-width: none;\n      margin: 0;\n      min-height: 100vh;\n      padding-bottom: 86px;\n      overflow-x: hidden;\n      background:\n        radial-gradient(circle at 12% 8%, rgba(124, 77, 255, 0.2), transparent 30%),\n        radial-gradient(circle at 86% 18%, rgba(143, 201, 107, 0.11), transparent 24%),\n        linear-gradient(180deg, #050509 0%, #0a0811 48%, #050509 100%);\n    }\n\n    .jsm-site::before {\n      content: \"\";\n      position: fixed;\n      inset: 0;\n      z-index: 4;\n      pointer-events: none;\n      opacity: 0.075;\n      background:\n        repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.18) 0 1px, transparent 1px 8px),\n        radial-gradient(circle at var(--jsm-mouse-x, 50%) var(--jsm-mouse-y, 20%), rgba(143, 201, 107, 0.16), transparent 22%);\n      mix-blend-mode: screen;\n      animation: jsm-scanline 8s linear infinite;\n    }\n\n    body.admin-bar .jsm-nav {\n      top: 32px;\n    }\n\n    .jsm-site a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    .jsm-container {\n      width: min(1180px, calc(100% - 40px));\n      margin: 0 auto;\n    }\n\n    .jsm-nav {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      z-index: 20;\n      border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n      background: rgba(5, 5, 9, 0.78);\n      backdrop-filter: blur(18px);\n    }\n\n    .jsm-nav-inner {\n      min-height: 72px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 22px;\n    }\n\n    .jsm-brand {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      min-width: max-content;\n    }\n\n    .jsm-brand img {\n      width: 48px;\n      height: 48px;\n      object-fit: contain;\n      filter: drop-shadow(0 12px 24px rgba(143, 201, 107, 0.16));\n    }\n\n    .jsm-brand span {\n      display: grid;\n      gap: 2px;\n      line-height: 1.05;\n    }\n\n    .jsm-brand strong {\n      color: #ffffff;\n      font-size: 18px;\n      letter-spacing: -0.03em;\n    }\n\n    .jsm-brand small {\n      color: var(--muted);\n      font-size: 12px;\n      font-weight: 700;\n    }\n\n    .jsm-links {\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n      gap: 24px;\n      color: #e7e4ee;\n      font-size: 13px;\n      font-weight: 900;\n      text-transform: uppercase;\n      letter-spacing: 0.07em;\n    }\n\n    .jsm-links a:hover {\n      color: var(--lime);\n    }\n\n    .jsm-nav-cta,\n    .jsm-button {\n      position: relative;\n      overflow: hidden;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 50px;\n      padding: 14px 22px;\n      border-radius: 999px;\n      border: 1px solid transparent;\n      font-size: 14px;\n      font-weight: 1000;\n      letter-spacing: 0.02em;\n      transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease, color 0.25s ease;\n    }\n\n    .jsm-nav-cta::after,\n    .jsm-button::after {\n      content: \"\";\n      position: absolute;\n      inset: -80% -30%;\n      background: linear-gradient(110deg, transparent 35%, rgba(255, 255, 255, 0.46), transparent 62%);\n      transform: translateX(-120%) rotate(8deg);\n      transition: transform 0.7s ease;\n      pointer-events: none;\n    }\n\n    .jsm-nav-cta:hover::after,\n    .jsm-button:hover::after {\n      transform: translateX(120%) rotate(8deg);\n    }\n\n    .jsm-nav-cta,\n    .jsm-button-primary {\n      color: #071008;\n      background: linear-gradient(135deg, var(--lime), #a6d786);\n      box-shadow: 0 18px 44px rgba(143, 201, 107, 0.18);\n      font-weight: 1000;\n    }\n\n    .jsm-button-secondary {\n      color: #fff;\n      border-color: rgba(255, 255, 255, 0.24);\n      background: rgba(255, 255, 255, 0.07);\n    }\n\n    .jsm-nav-cta:hover,\n    .jsm-button:hover {\n      transform: translateY(-2px);\n    }\n\n    .jsm-hero {\n      position: relative;\n      width: 100%;\n      min-height: 94vh;\n      min-height: 94svh;\n      display: grid;\n      place-items: center;\n      isolation: isolate;\n      overflow: hidden;\n      padding: 86px 0 36px;\n      background:\n        linear-gradient(180deg, rgba(5, 5, 9, 0.18), rgba(5, 5, 9, 0.94)),\n        url(\"https:\/\/jsturgismedia.com\/wp-content\/uploads\/2026\/06\/12-jmedia-hero-under-2mb.jpg\") center \/ cover;\n    }\n\n    .jsm-video-backdrop {\n      position: absolute;\n      inset: 0;\n      z-index: -3;\n      overflow: hidden;\n      background: #050509;\n    }\n\n    .jsm-video-backdrop iframe {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 100vw;\n      height: 177.8vw;\n      min-width: 56.3vh;\n      min-width: 56.3svh;\n      min-height: 100vh;\n      min-height: 100svh;\n      transform: translate(-50%, -50%);\n      border: 0;\n      opacity: 0.84;\n      pointer-events: none;\n    }\n\n    .jsm-hero::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      z-index: -2;\n      background:\n        radial-gradient(ellipse at 50% 48%, rgba(5, 5, 9, 0.56), rgba(5, 5, 9, 0.2) 42%, transparent 68%),\n        radial-gradient(circle at 50% 28%, rgba(124, 77, 255, 0.2), transparent 30%),\n        linear-gradient(90deg, rgba(5, 5, 9, 0.74), rgba(5, 5, 9, 0.2), rgba(5, 5, 9, 0.74)),\n        linear-gradient(180deg, rgba(5, 5, 9, 0.12), rgba(5, 5, 9, 0.9));\n    }\n\n    .jsm-hero::after {\n      content: \"\";\n      position: absolute;\n      inset: auto 0 0;\n      z-index: -1;\n      height: 34%;\n      background: linear-gradient(180deg, transparent, var(--bg));\n    }\n\n    .jsm-hero-content {\n      width: min(1100px, 100%);\n      margin: 0 auto;\n      padding-bottom: 12px;\n      text-align: center;\n      animation: jsm-hero-rise 0.95s cubic-bezier(0.2, 0.8, 0.2, 1) both;\n    }\n\n    .jsm-hero-logo {\n      width: 112px;\n      height: auto;\n      display: block;\n      margin: 0 auto 16px;\n      filter:\n        brightness(1.12)\n        contrast(1.12)\n        drop-shadow(0 16px 30px rgba(0, 0, 0, 0.72))\n        drop-shadow(-5px 0 18px rgba(143, 201, 107, 0.24))\n        drop-shadow(5px 0 20px rgba(186, 104, 255, 0.25));\n      animation: jsm-logo-glow 5.8s ease-in-out infinite;\n    }\n\n    .jsm-kicker {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 9px;\n      padding: 10px 16px;\n      border: 1px solid rgba(143, 201, 107, 0.34);\n      border-radius: 999px;\n      color: var(--lime);\n      background: rgba(5, 5, 9, 0.58);\n      font-size: 12px;\n      font-weight: 1000;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n    }\n\n    .jsm-hero h1 {\n      max-width: 1100px;\n      margin: 20px auto 14px;\n      color: #fff;\n      font-size: 72px;\n      font-weight: 900;\n      line-height: 0.95;\n      letter-spacing: 0;\n      text-shadow:\n        0 4px 22px rgba(0, 0, 0, 0.9),\n        0 1px 2px rgba(0, 0, 0, 0.98);\n      text-wrap: balance;\n    }\n\n    .jsm-hero h1 span {\n      color: var(--lime);\n      text-shadow:\n        0 4px 22px rgba(0, 0, 0, 0.9),\n        0 0 24px rgba(143, 201, 107, 0.2);\n    }\n\n    .jsm-hero p {\n      max-width: 760px;\n      margin: 0 auto;\n      color: #ece9f4;\n      font-size: 18px;\n      line-height: 1.58;\n      text-shadow: 0 2px 12px rgba(0, 0, 0, 0.9);\n      text-wrap: balance;\n    }\n\n    .jsm-hero-work-cue {\n      position: absolute;\n      left: 50%;\n      bottom: 84px;\n      z-index: 3;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 9px;\n      margin: 0;\n      color: #fff;\n      font-size: 12px;\n      font-weight: 1000;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n      transform: translateX(-50%);\n    }\n\n    .jsm-hero-work-cue span {\n      display: grid;\n      width: 30px;\n      height: 30px;\n      place-items: center;\n      border: 1px solid rgba(143, 201, 107, 0.42);\n      border-radius: 999px;\n      color: var(--lime);\n      background: rgba(5, 5, 9, 0.64);\n      transition: border-color 0.25s ease, background 0.25s ease;\n    }\n\n    .jsm-hero-work-cue:hover span {\n      border-color: var(--lime);\n      background: rgba(143, 201, 107, 0.12);\n    }\n\n    .jsm-button-row {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 14px;\n      margin-top: 24px;\n    }\n\n    .jsm-button-row-left {\n      justify-content: flex-start;\n    }\n\n    .jsm-quick-services {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 12px;\n      margin-top: 30px;\n    }\n\n    .jsm-quick-card {\n      min-height: 72px;\n      display: grid;\n      place-items: center;\n      padding: 12px;\n      border: 1px solid rgba(255, 255, 255, 0.13);\n      border-radius: 20px;\n      color: #f7f7fb;\n      background: rgba(255, 255, 255, 0.07);\n      backdrop-filter: blur(16px);\n      box-shadow: 0 18px 46px rgba(0, 0, 0, 0.2);\n      font-weight: 1000;\n      line-height: 1.25;\n      transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;\n    }\n\n    .jsm-quick-card:hover {\n      transform: translateY(-4px);\n      border-color: rgba(143, 201, 107, 0.34);\n      background: rgba(143, 201, 107, 0.11);\n    }\n\n    .jsm-proof-strip {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 12px;\n      margin-top: 12px;\n    }\n\n    .jsm-proof {\n      padding: 12px;\n      border: 1px solid rgba(143, 201, 107, 0.18);\n      border-radius: 18px;\n      background: rgba(5, 5, 9, 0.52);\n      text-align: left;\n    }\n\n    .jsm-proof small {\n      display: block;\n      margin-bottom: 6px;\n      color: var(--lime);\n      font-size: 11px;\n      font-weight: 1000;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n    }\n\n    .jsm-proof strong {\n      color: #fff;\n      font-size: 14px;\n      line-height: 1.25;\n    }\n\n    .jsm-pain-section {\n      overflow: hidden;\n      background:\n        radial-gradient(circle at 12% 16%, rgba(124, 77, 255, 0.2), transparent 28%),\n        radial-gradient(circle at 88% 82%, rgba(143, 201, 107, 0.1), transparent 26%),\n        #08070d;\n    }\n\n    .jsm-pain-head {\n      display: grid;\n      grid-template-columns: minmax(0, 0.9fr) minmax(320px, 0.7fr);\n      gap: 34px;\n      align-items: end;\n      margin-bottom: 28px;\n    }\n\n    .jsm-pain-head h2 {\n      max-width: 820px;\n      margin: 16px 0 0;\n      color: #fff;\n      font-size: clamp(40px, 7vw, 82px);\n      line-height: 0.92;\n      letter-spacing: -0.07em;\n      text-wrap: balance;\n    }\n\n    .jsm-pain-head h2 span {\n      color: var(--lime);\n    }\n\n    .jsm-pain-head > p {\n      margin: 0;\n      color: var(--muted);\n      font-size: 18px;\n      line-height: 1.7;\n    }\n\n    .jsm-pain-grid {\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: 12px;\n      margin-bottom: 42px;\n    }\n\n    .jsm-pain-card {\n      min-height: 154px;\n      padding: 22px;\n      border: 1px solid rgba(255, 255, 255, 0.12);\n      border-radius: 22px;\n      background: rgba(255, 255, 255, 0.05);\n    }\n\n    .jsm-pain-card b {\n      display: inline-grid;\n      width: 30px;\n      height: 30px;\n      place-items: center;\n      border-radius: 10px;\n      color: var(--ink);\n      background: var(--lime);\n      font-size: 14px;\n      font-weight: 1000;\n    }\n\n    .jsm-pain-card p {\n      margin: 18px 0 0;\n      color: #f4f1f8;\n      font-weight: 900;\n      line-height: 1.5;\n    }\n\n    .jsm-avatar-heading {\n      max-width: 760px;\n      margin: 0 0 20px;\n      color: #fff;\n      font-size: clamp(28px, 4vw, 46px);\n      line-height: 1;\n      letter-spacing: -0.055em;\n    }\n\n    .jsm-avatar-grid {\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: 14px;\n    }\n\n    .jsm-avatar-card {\n      position: relative;\n      overflow: hidden;\n      min-height: 270px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      gap: 24px;\n      padding: 24px;\n      border: 1px solid rgba(255, 255, 255, 0.13);\n      border-radius: 26px;\n      background:\n        linear-gradient(155deg, rgba(124, 77, 255, 0.16), rgba(255, 255, 255, 0.035));\n      transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;\n    }\n\n    .jsm-avatar-card:hover {\n      transform: translateY(-5px);\n      border-color: rgba(143, 201, 107, 0.46);\n      background:\n        linear-gradient(155deg, rgba(124, 77, 255, 0.24), rgba(143, 201, 107, 0.08));\n    }\n\n    .jsm-avatar-card small {\n      color: var(--lime);\n      font-size: 11px;\n      font-weight: 1000;\n      letter-spacing: 0.11em;\n      text-transform: uppercase;\n    }\n\n    .jsm-avatar-card h3 {\n      margin: 22px 0 10px;\n      color: #fff;\n      font-size: 25px;\n      line-height: 1.02;\n      letter-spacing: -0.045em;\n    }\n\n    .jsm-avatar-card p {\n      margin: 0;\n      color: var(--muted);\n      font-size: 14px;\n      line-height: 1.55;\n    }\n\n    .jsm-avatar-action {\n      width: 100%;\n      min-height: 46px;\n      border: 0;\n      border-radius: 999px;\n      color: var(--ink);\n      background: var(--lime);\n      font: inherit;\n      font-size: 12px;\n      font-weight: 1000;\n      letter-spacing: 0.04em;\n      text-transform: uppercase;\n      cursor: pointer;\n      transition: transform 0.2s ease, background 0.2s ease;\n    }\n\n    .jsm-avatar-action:hover {\n      transform: translateY(-2px);\n      background: var(--lime-2);\n    }\n\n    .jsm-section {\n      padding: 104px 0;\n      position: relative;\n      scroll-margin-top: 78px;\n    }\n\n    .jsm-section-soft {\n      background:\n        radial-gradient(circle at 16% 12%, rgba(124, 77, 255, 0.12), transparent 28%),\n        linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent);\n    }\n\n    .jsm-section-head {\n      display: grid;\n      grid-template-columns: minmax(0, 0.9fr) minmax(280px, 0.65fr);\n      align-items: end;\n      gap: 32px;\n      margin-bottom: 42px;\n    }\n\n    .jsm-section-head h2,\n    .jsm-feature h2,\n    .jsm-social-content h2,\n    .jsm-location-content h2,\n    .jsm-contact h2 {\n      margin: 16px 0 0;\n      color: #fff;\n      font-size: clamp(38px, 6vw, 76px);\n      line-height: 0.95;\n      letter-spacing: -0.065em;\n      text-wrap: balance;\n    }\n\n    .jsm-section-head p,\n    .jsm-feature p,\n    .jsm-social-content p,\n    .jsm-location-content p,\n    .jsm-contact p {\n      margin: 0;\n      color: var(--muted);\n      font-size: 17px;\n      line-height: 1.75;\n    }\n\n    .jsm-services {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 16px;\n    }\n\n    .jsm-service {\n      min-height: 220px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      padding: 26px;\n      border-radius: 24px;\n      border: 1px solid var(--border);\n      background: var(--panel);\n      box-shadow: 0 18px 60px rgba(0, 0, 0, 0.24);\n      overflow: hidden;\n      position: relative;\n      transition: transform 0.28s ease, border-color 0.28s ease, background 0.28s ease;\n    }\n\n    .jsm-service::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: radial-gradient(circle at top right, rgba(143, 201, 107, 0.1), transparent 34%);\n      opacity: 0;\n      transition: opacity 0.25s ease;\n    }\n\n    .jsm-service:hover::before {\n      opacity: 1;\n    }\n\n    .jsm-service::after,\n    .jsm-shot::before,\n    .jsm-social-card::before,\n    .jsm-qr-card::before,\n    .jsm-contact-item::before {\n      content: \"\";\n      position: absolute;\n      inset: -120% -40%;\n      background: linear-gradient(115deg, transparent 42%, rgba(255, 255, 255, 0.15), transparent 58%);\n      transform: translateX(-70%) rotate(8deg);\n      transition: transform 0.75s ease;\n      pointer-events: none;\n    }\n\n    .jsm-service:hover,\n    .jsm-contact-item:hover {\n      transform: translateY(-5px);\n      border-color: rgba(143, 201, 107, 0.3);\n      background: var(--panel-strong);\n    }\n\n    .jsm-service:hover::after,\n    .jsm-shot:hover::before,\n    .jsm-social-card:hover::before,\n    .jsm-qr-card:hover::before,\n    .jsm-contact-item:hover::before {\n      transform: translateX(70%) rotate(8deg);\n    }\n\n    .jsm-service-number {\n      color: var(--lime);\n      font-size: 13px;\n      font-weight: 1000;\n      letter-spacing: 0.12em;\n    }\n\n    .jsm-service h3 {\n      position: relative;\n      margin: 30px 0 12px;\n      color: #fff;\n      font-size: 25px;\n      line-height: 1.05;\n      letter-spacing: -0.04em;\n    }\n\n    .jsm-service p {\n      position: relative;\n      margin: 0;\n      color: var(--muted);\n      line-height: 1.65;\n      font-size: 15px;\n    }\n\n    .jsm-feature {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 38px;\n      align-items: center;\n    }\n\n    .jsm-feature-media {\n      min-height: 620px;\n      border: 1px solid var(--border);\n      border-radius: 28px;\n      overflow: hidden;\n      box-shadow: var(--shadow);\n      position: relative;\n      background: #111;\n    }\n\n    .jsm-feature-media img {\n      width: 100%;\n      height: 100%;\n      min-height: 620px;\n      display: block;\n      object-fit: cover;\n    }\n\n    .jsm-feature-media::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(180deg, transparent 48%, rgba(0, 0, 0, 0.68));\n    }\n\n    .jsm-feature-card {\n      position: absolute;\n      left: 22px;\n      right: 22px;\n      bottom: 22px;\n      z-index: 2;\n      padding: 20px;\n      border: 1px solid rgba(255, 255, 255, 0.18);\n      border-radius: 20px;\n      background: rgba(5, 5, 9, 0.72);\n      backdrop-filter: blur(16px);\n    }\n\n    .jsm-feature-card strong {\n      display: block;\n      margin-bottom: 8px;\n      color: #fff;\n      font-size: 22px;\n      letter-spacing: -0.04em;\n    }\n\n    .jsm-feature-card span {\n      color: var(--muted);\n      line-height: 1.55;\n    }\n\n    .jsm-checks {\n      display: grid;\n      gap: 12px;\n      margin-top: 26px;\n    }\n\n    .jsm-check {\n      display: flex;\n      gap: 12px;\n      align-items: flex-start;\n      padding: 15px 16px;\n      border: 1px solid rgba(255, 255, 255, 0.12);\n      border-radius: 18px;\n      background: rgba(255, 255, 255, 0.045);\n      color: #ece9f4;\n      line-height: 1.55;\n      font-weight: 800;\n    }\n\n    .jsm-check span {\n      display: inline-grid;\n      flex: 0 0 24px;\n      width: 24px;\n      height: 24px;\n      place-items: center;\n      border-radius: 999px;\n      color: #081008;\n      background: var(--lime);\n      font-size: 14px;\n      font-weight: 1000;\n    }\n\n    .jsm-featured-work {\n      position: relative;\n      background:\n        radial-gradient(circle at 8% 14%, rgba(124, 77, 255, 0.2), transparent 30%),\n        linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 56%);\n    }\n\n    .jsm-featured-work .jsm-section-head {\n      margin-bottom: 34px;\n    }\n\n    .jsm-media-wall {\n      display: grid;\n      grid-template-columns: repeat(12, minmax(0, 1fr));\n      grid-auto-rows: clamp(180px, 18vw, 270px);\n      gap: 16px;\n      margin-bottom: 28px;\n    }\n\n    .jsm-media-tile {\n      position: relative;\n      min-width: 0;\n      min-height: 0;\n      overflow: hidden;\n      margin: 0;\n      border: 1px solid rgba(186, 104, 255, 0.3);\n      border-radius: 24px;\n      background: #0d0b13;\n      box-shadow: 0 22px 64px rgba(0, 0, 0, 0.34);\n      isolation: isolate;\n    }\n\n    .jsm-media-tile-primary {\n      grid-column: span 7;\n      grid-row: span 2;\n    }\n\n    .jsm-media-tile-support {\n      grid-column: span 5;\n    }\n\n    .jsm-media-tile-detail,\n    .jsm-media-placeholder {\n      grid-column: span 4;\n    }\n\n    .jsm-media-tile img {\n      width: 100%;\n      height: 100%;\n      display: block;\n      object-fit: cover;\n      transition: transform 0.4s ease, filter 0.4s ease;\n    }\n\n    .jsm-media-tile-primary img {\n      object-position: center;\n    }\n\n    .jsm-media-tile:hover img {\n      transform: scale(1.025);\n      filter: saturate(1.06) contrast(1.02);\n    }\n\n    .jsm-media-tile::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      z-index: 1;\n      pointer-events: none;\n      background: linear-gradient(180deg, transparent 48%, rgba(5, 5, 9, 0.9));\n    }\n\n    .jsm-media-caption {\n      position: absolute;\n      left: 16px;\n      right: 16px;\n      bottom: 16px;\n      z-index: 2;\n      display: flex;\n      align-items: flex-end;\n      justify-content: space-between;\n      gap: 12px;\n    }\n\n    .jsm-media-caption strong {\n      color: #fff;\n      font-size: clamp(17px, 2vw, 24px);\n      line-height: 1.08;\n      letter-spacing: 0;\n    }\n\n    .jsm-media-caption span {\n      flex: 0 0 auto;\n      padding: 7px 10px;\n      border-radius: 999px;\n      color: var(--ink);\n      background: var(--lime);\n      font-size: 10px;\n      font-weight: 1000;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n    }\n\n    .jsm-media-placeholder {\n      display: grid;\n      place-items: center;\n      padding: 24px;\n      border-style: dashed;\n      color: var(--soft);\n      text-align: center;\n      font-size: 12px;\n      font-weight: 900;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      background:\n        linear-gradient(135deg, rgba(124, 77, 255, 0.12), rgba(143, 201, 107, 0.05)),\n        #0d0b13;\n    }\n\n    .jsm-media-placeholder::after {\n      display: none;\n    }\n\n    .jsm-video-portfolio {\n      display: grid;\n      gap: 24px;\n      margin-bottom: 34px;\n      padding: 24px;\n      border: 1px solid rgba(124, 77, 255, 0.34);\n      border-radius: 34px;\n      background:\n        radial-gradient(circle at 18% 0%, rgba(124, 77, 255, 0.24), transparent 32%),\n        radial-gradient(circle at 90% 18%, rgba(143, 201, 107, 0.12), transparent 28%),\n        rgba(255, 255, 255, 0.045);\n      box-shadow: 0 30px 90px rgba(0, 0, 0, 0.42), 0 0 70px rgba(124, 77, 255, 0.12);\n    }\n\n    .jsm-video-layout {\n      display: grid;\n      grid-template-columns: minmax(0, 1.4fr) minmax(260px, 0.6fr);\n      gap: 18px;\n      align-items: stretch;\n    }\n\n    .jsm-video-card {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n      min-width: 0;\n      padding: 18px;\n      border: 1px solid rgba(186, 104, 255, 0.28);\n      border-radius: 28px;\n      background:\n        linear-gradient(145deg, rgba(8, 7, 13, 0.94), rgba(21, 15, 31, 0.82));\n      box-shadow: 0 22px 70px rgba(0, 0, 0, 0.38);\n      transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;\n    }\n\n    .jsm-video-card:hover {\n      border-color: rgba(186, 104, 255, 0.56);\n      background:\n        linear-gradient(145deg, rgba(10, 9, 15, 0.98), rgba(35, 22, 54, 0.82));\n      box-shadow: 0 28px 86px rgba(0, 0, 0, 0.48), 0 0 42px rgba(124, 77, 255, 0.18);\n    }\n\n    .jsm-video-card-top {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 12px;\n      flex-wrap: wrap;\n    }\n\n    .jsm-video-label {\n      display: inline-flex;\n      align-items: center;\n      min-height: 30px;\n      padding: 7px 11px;\n      border-radius: 999px;\n      color: var(--ink);\n      background: linear-gradient(135deg, var(--lime), var(--lime-2));\n      font-size: 11px;\n      font-weight: 1000;\n      letter-spacing: 0.09em;\n      text-transform: uppercase;\n    }\n\n    .jsm-video-format {\n      color: var(--purple-2);\n      font-size: 11px;\n      font-weight: 1000;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n    }\n\n    .jsm-video-frame {\n      width: 100%;\n      max-width: 100%;\n      overflow: hidden;\n      border: 1px solid rgba(255, 255, 255, 0.12);\n      border-radius: 22px;\n      background: #000;\n      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);\n    }\n\n    .jsm-video-frame-landscape {\n      aspect-ratio: 560 \/ 314;\n    }\n\n    .jsm-phone-shell {\n      width: min(100%, 306px);\n      margin: 0 auto;\n      padding: 12px;\n      border: 1px solid rgba(255, 255, 255, 0.18);\n      border-radius: 34px;\n      background:\n        linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.035)),\n        #050509;\n      box-shadow: 0 24px 70px rgba(0, 0, 0, 0.46), inset 0 0 0 1px rgba(124, 77, 255, 0.16);\n    }\n\n    .jsm-video-frame-vertical {\n      aspect-ratio: 267 \/ 476;\n      border-radius: 24px;\n    }\n\n    .jsm-video-frame iframe {\n      width: 100%;\n      height: 100%;\n      max-width: 100%;\n      display: block;\n      border: 0;\n      background: #000;\n    }\n\n    .jsm-video-copy h3 {\n      margin: 0 0 8px;\n      color: #fff;\n      font-size: clamp(24px, 3vw, 34px);\n      line-height: 1.04;\n      letter-spacing: 0;\n      text-wrap: balance;\n    }\n\n    .jsm-video-card-vertical .jsm-video-copy h3 {\n      font-size: clamp(22px, 2.2vw, 28px);\n    }\n\n    .jsm-video-copy p {\n      margin: 0;\n      color: var(--muted);\n      line-height: 1.65;\n      font-size: 15px;\n    }\n\n    .jsm-video-bridge {\n      display: grid;\n      grid-template-columns: minmax(0, 0.95fr) minmax(280px, 0.55fr);\n      gap: 22px;\n      align-items: center;\n      padding: 26px;\n      border: 1px solid rgba(143, 201, 107, 0.22);\n      border-radius: 26px;\n      background:\n        linear-gradient(135deg, rgba(124, 77, 255, 0.17), rgba(143, 201, 107, 0.07)),\n        rgba(5, 5, 9, 0.62);\n    }\n\n    .jsm-video-bridge h3 {\n      margin: 12px 0 12px;\n      color: #fff;\n      font-size: clamp(30px, 4.8vw, 56px);\n      line-height: 0.98;\n      letter-spacing: 0;\n      text-wrap: balance;\n    }\n\n    .jsm-video-bridge p {\n      max-width: 720px;\n      margin: 0;\n      color: #ece9f4;\n      font-size: 17px;\n      line-height: 1.7;\n    }\n\n    .jsm-video-actions {\n      justify-content: flex-end;\n      align-self: center;\n    }\n\n    .jsm-video-trust {\n      margin: -4px 0 0;\n      color: var(--soft);\n      font-size: 13px;\n      line-height: 1.6;\n      text-align: center;\n      font-weight: 800;\n      letter-spacing: 0.03em;\n      text-transform: uppercase;\n    }\n\n    .jsm-showcase {\n      display: grid;\n      grid-template-columns: 1.2fr 0.8fr 0.8fr;\n      grid-auto-rows: 290px;\n      gap: 16px;\n    }\n\n    .jsm-shot {\n      position: relative;\n      overflow: hidden;\n      border: 1px solid var(--border);\n      border-radius: 24px;\n      background: #111;\n      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.24);\n    }\n\n    .jsm-shot:first-child {\n      grid-row: span 2;\n    }\n\n    .jsm-shot img {\n      width: 100%;\n      height: 100%;\n      display: block;\n      object-fit: cover;\n      transition: transform 0.45s ease, filter 0.45s ease;\n    }\n\n    .jsm-shot:hover img {\n      transform: scale(1.05);\n      filter: saturate(1.08);\n    }\n\n    .jsm-shot::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, 0.82));\n    }\n\n    .jsm-shot-label {\n      position: absolute;\n      left: 18px;\n      right: 18px;\n      bottom: 18px;\n      z-index: 2;\n    }\n\n    .jsm-shot-label strong {\n      display: block;\n      color: #fff;\n      font-size: 22px;\n      letter-spacing: -0.04em;\n      line-height: 1.05;\n    }\n\n    .jsm-shot-label span {\n      display: block;\n      margin-top: 6px;\n      color: var(--muted);\n      font-size: 13px;\n      font-weight: 800;\n      text-transform: uppercase;\n      letter-spacing: 0.08em;\n    }\n\n    .jsm-split-cta {\n      display: grid;\n      grid-template-columns: 0.85fr 1.15fr;\n      gap: 30px;\n      align-items: stretch;\n      padding: 32px;\n      border: 1px solid var(--border);\n      border-radius: 30px;\n      background:\n        radial-gradient(circle at 80% 20%, rgba(143, 201, 107, 0.14), transparent 32%),\n        linear-gradient(135deg, rgba(124, 77, 255, 0.18), rgba(255, 255, 255, 0.045));\n      box-shadow: var(--shadow);\n    }\n\n    .jsm-split-cta h2 {\n      margin: 0;\n      color: #fff;\n      font-size: clamp(34px, 5vw, 64px);\n      line-height: 0.98;\n      letter-spacing: -0.06em;\n      text-wrap: balance;\n    }\n\n    .jsm-split-cta p {\n      margin: 0;\n      color: #ece9f4;\n      font-size: 18px;\n      line-height: 1.7;\n    }\n\n    .jsm-process {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 16px;\n      margin-top: 34px;\n    }\n\n    .jsm-step {\n      padding: 24px;\n      border: 1px solid var(--border);\n      border-radius: 24px;\n      background: var(--panel);\n    }\n\n    .jsm-step b {\n      display: inline-grid;\n      width: 42px;\n      height: 42px;\n      margin-bottom: 22px;\n      place-items: center;\n      border-radius: 14px;\n      color: #081008;\n      background: var(--lime);\n      font-weight: 1000;\n    }\n\n    .jsm-step h3 {\n      margin: 0 0 10px;\n      color: #fff;\n      font-size: 21px;\n      letter-spacing: -0.04em;\n    }\n\n    .jsm-step p {\n      margin: 0;\n      color: var(--muted);\n      line-height: 1.6;\n      font-size: 14.5px;\n    }\n\n    .jsm-social-grid,\n    .jsm-location-grid {\n      display: grid;\n      grid-template-columns: 0.86fr 1.14fr;\n      gap: 32px;\n      align-items: start;\n    }\n\n    .jsm-social-links {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 12px;\n      margin-top: 28px;\n    }\n\n    .jsm-social-card {\n      position: relative;\n      overflow: hidden;\n      display: grid;\n      gap: 8px;\n      min-height: 130px;\n      padding: 20px;\n      border: 1px solid var(--border);\n      border-radius: 22px;\n      background: var(--panel);\n      transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;\n    }\n\n    .jsm-social-card:hover {\n      transform: translateY(-3px);\n      border-color: rgba(143, 201, 107, 0.36);\n      background: var(--panel-strong);\n    }\n\n    .jsm-social-card small,\n    .jsm-location-item small {\n      color: var(--lime);\n      font-size: 11px;\n      font-weight: 1000;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n    }\n\n    .jsm-social-card strong {\n      color: #fff;\n      font-size: 21px;\n      letter-spacing: -0.04em;\n    }\n\n    .jsm-social-card span {\n      color: var(--muted);\n      line-height: 1.45;\n      font-size: 14px;\n    }\n\n    .jsm-qr-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 16px;\n    }\n\n    .jsm-qr-card {\n      position: relative;\n      overflow: hidden;\n      border: 1px solid rgba(143, 201, 107, 0.2);\n      border-radius: 28px;\n      background: rgba(255, 255, 255, 0.055);\n      box-shadow: var(--shadow);\n    }\n\n    .jsm-qr-card img {\n      width: 100%;\n      aspect-ratio: 9 \/ 16;\n      display: block;\n      object-fit: cover;\n    }\n\n    .jsm-qr-label {\n      display: grid;\n      gap: 6px;\n      padding: 18px;\n    }\n\n    .jsm-qr-label strong {\n      color: #fff;\n      font-size: 21px;\n      letter-spacing: -0.04em;\n    }\n\n    .jsm-qr-label span {\n      color: var(--muted);\n      line-height: 1.45;\n      font-size: 14px;\n    }\n\n    .jsm-location-content {\n      align-self: center;\n    }\n\n    .jsm-location-list {\n      display: grid;\n      gap: 12px;\n      margin-top: 28px;\n    }\n\n    .jsm-location-item {\n      display: grid;\n      gap: 6px;\n      padding: 17px 18px;\n      border: 1px solid rgba(255, 255, 255, 0.12);\n      border-radius: 18px;\n      background: rgba(255, 255, 255, 0.045);\n      color: #ece9f4;\n      font-weight: 800;\n      line-height: 1.5;\n    }\n\n    .jsm-location-item strong {\n      color: #fff;\n      font-size: 18px;\n    }\n\n    .jsm-map-card {\n      overflow: hidden;\n      border: 1px solid var(--border);\n      border-radius: 30px;\n      background: #111;\n      box-shadow: var(--shadow);\n    }\n\n    .jsm-map-card iframe {\n      width: 100%;\n      min-height: 430px;\n      display: block;\n      border: 0;\n    }\n\n    .jsm-map-actions {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      padding: 18px;\n      background: rgba(5, 5, 9, 0.92);\n    }\n\n    .jsm-service-area-card {\n      display: grid;\n      grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.75fr);\n      gap: 28px;\n      align-items: stretch;\n      padding: 34px;\n      border: 1px solid rgba(255, 255, 255, 0.13);\n      border-radius: 32px;\n      background:\n        radial-gradient(circle at 88% 16%, rgba(143, 201, 107, 0.1), transparent 28%),\n        linear-gradient(135deg, rgba(124, 77, 255, 0.17), rgba(255, 255, 255, 0.04));\n      box-shadow: var(--shadow);\n    }\n\n    .jsm-service-area-copy h2 {\n      max-width: 760px;\n      margin: 16px 0 18px;\n      color: #fff;\n      font-size: clamp(38px, 6vw, 72px);\n      line-height: 0.94;\n      letter-spacing: -0.065em;\n      text-wrap: balance;\n    }\n\n    .jsm-service-area-copy > p {\n      max-width: 740px;\n      margin: 0;\n      color: var(--muted);\n      font-size: 17px;\n      line-height: 1.75;\n    }\n\n    .jsm-service-area-points {\n      display: grid;\n      gap: 10px;\n      margin-top: 24px;\n    }\n\n    .jsm-service-area-point {\n      display: flex;\n      align-items: flex-start;\n      gap: 11px;\n      padding: 14px 15px;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      border-radius: 16px;\n      color: #f4f1f8;\n      background: rgba(255, 255, 255, 0.045);\n      font-weight: 850;\n      line-height: 1.5;\n    }\n\n    .jsm-service-area-point b {\n      display: inline-grid;\n      flex: 0 0 24px;\n      width: 24px;\n      height: 24px;\n      place-items: center;\n      border-radius: 8px;\n      color: var(--ink);\n      background: var(--lime);\n      font-size: 12px;\n      font-weight: 1000;\n    }\n\n    .jsm-service-area-action {\n      display: grid;\n      align-content: center;\n      gap: 16px;\n      padding: 26px;\n      border: 1px solid rgba(143, 201, 107, 0.24);\n      border-radius: 26px;\n      background: rgba(5, 5, 9, 0.62);\n    }\n\n    .jsm-service-area-action small {\n      color: var(--purple-2);\n      font-size: 11px;\n      font-weight: 1000;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n    }\n\n    .jsm-service-area-action strong {\n      color: #fff;\n      font-size: 30px;\n      line-height: 1.03;\n      letter-spacing: -0.045em;\n    }\n\n    .jsm-service-area-action p {\n      margin: 0;\n      color: var(--muted);\n      line-height: 1.6;\n    }\n\n    .jsm-src-section {\n      padding-top: 0;\n    }\n\n    .jsm-src-card {\n      display: grid;\n      grid-template-columns: minmax(220px, 0.78fr) minmax(0, 1.22fr);\n      gap: 28px;\n      align-items: center;\n      padding: 30px;\n      border: 1px solid rgba(255, 255, 255, 0.12);\n      border-radius: 30px;\n      background:\n        radial-gradient(circle at 14% 10%, rgba(255, 255, 255, 0.07), transparent 30%),\n        linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(124, 77, 255, 0.08));\n      box-shadow: var(--shadow);\n    }\n\n    .jsm-src-brand {\n      display: grid;\n      gap: 16px;\n      justify-items: start;\n      padding: 22px;\n      border: 1px solid rgba(255, 255, 255, 0.10);\n      border-radius: 24px;\n      background: rgba(255, 255, 255, 0.035);\n    }\n\n    .jsm-src-logo {\n      width: 100%;\n      height: auto;\n      border-radius: 16px;\n      opacity: 1;\n    }\n\n    .jsm-src-logo-link {\n      display: inline-flex;\n      width: min(300px, 100%);\n      padding: 10px;\n      border: 1px solid rgba(255, 202, 92, 0.42);\n      border-radius: 22px;\n      background: rgba(255, 255, 255, 0.08);\n      box-shadow: 0 18px 45px rgba(255, 174, 0, 0.12);\n    }\n\n    .jsm-src-logo-link:hover .jsm-src-logo {\n      opacity: 1;\n    }\n\n    .jsm-src-tag {\n      margin: 0;\n      color: var(--soft);\n      font-size: 13px;\n      line-height: 1.55;\n      font-weight: 800;\n    }\n\n    .jsm-src-tag a {\n      color: var(--lime);\n    }\n\n    .jsm-src-content h2 {\n      margin: 14px 0 14px;\n      color: #fff;\n      font-size: clamp(34px, 5vw, 62px);\n      line-height: 0.98;\n      letter-spacing: -0.06em;\n      text-wrap: balance;\n    }\n\n    .jsm-src-content p {\n      margin: 0;\n      color: var(--muted);\n      font-size: 17px;\n      line-height: 1.75;\n    }\n\n    .jsm-src-services {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-top: 22px;\n    }\n\n    .jsm-src-service {\n      padding: 9px 12px;\n      border: 1px solid rgba(255, 255, 255, 0.12);\n      border-radius: 999px;\n      color: #e8e4ef;\n      background: rgba(255, 255, 255, 0.055);\n      font-size: 12px;\n      font-weight: 1000;\n      letter-spacing: 0.07em;\n      text-transform: uppercase;\n    }\n\n    .jsm-contact {\n      padding-bottom: 70px;\n    }\n\n    .jsm-contact-wrap {\n      display: grid;\n      grid-template-columns: 0.95fr 1.05fr;\n      gap: 32px;\n      align-items: stretch;\n    }\n\n    .jsm-contact-panel,\n    .jsm-contact-list {\n      border: 1px solid var(--border);\n      border-radius: 30px;\n      background: var(--panel);\n      box-shadow: var(--shadow);\n    }\n\n    .jsm-contact-panel {\n      padding: 34px;\n    }\n\n    .jsm-contact-panel h2 {\n      color: var(--lime);\n    }\n\n    .jsm-contact-list {\n      display: grid;\n      gap: 14px;\n      padding: 20px;\n    }\n\n    .jsm-contact-item {\n      position: relative;\n      overflow: hidden;\n      padding: 22px;\n      border-radius: 22px;\n      background: rgba(255, 255, 255, 0.055);\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      transition: transform 0.28s ease, border-color 0.28s ease, background 0.28s ease;\n    }\n\n    .jsm-contact-item small {\n      display: block;\n      margin-bottom: 8px;\n      color: var(--lime);\n      font-weight: 1000;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n      font-size: 11px;\n    }\n\n    .jsm-contact-item strong,\n    .jsm-contact-item a {\n      color: #fff;\n      font-size: clamp(20px, 3vw, 34px);\n      line-height: 1.1;\n      letter-spacing: -0.045em;\n      overflow-wrap: anywhere;\n    }\n\n    .jsm-footer {\n      border-top: 1px solid rgba(255, 255, 255, 0.09);\n      padding: 30px 0;\n      color: var(--soft);\n      background: #050509;\n    }\n\n    .jsm-footer-inner {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 18px;\n      font-size: 14px;\n      font-weight: 700;\n    }\n\n    .jsm-footer-links {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-end;\n      gap: 16px;\n    }\n\n    .jsm-footer-links a:hover {\n      color: var(--lime);\n    }\n\n    \/* Social content funnel *\/\n    .jsm-social-engine {\n      overflow: hidden;\n      background:\n        radial-gradient(circle at 84% 16%, rgba(143, 201, 107, 0.18), transparent 26%),\n        radial-gradient(circle at 12% 84%, rgba(124, 77, 255, 0.24), transparent 34%),\n        #08070d;\n    }\n\n    .jsm-engine-hero {\n      display: grid;\n      grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.75fr);\n      gap: 28px;\n      align-items: stretch;\n      padding: 42px;\n      border: 1px solid rgba(143, 201, 107, 0.24);\n      border-radius: 34px;\n      background:\n        linear-gradient(130deg, rgba(124, 77, 255, 0.2), rgba(255, 255, 255, 0.045));\n      box-shadow: 0 32px 90px rgba(0, 0, 0, 0.46), 0 0 60px rgba(143, 201, 107, 0.07);\n    }\n\n    .jsm-engine-copy h2 {\n      max-width: 760px;\n      margin: 16px 0 20px;\n      color: #fff;\n      font-size: clamp(42px, 7vw, 86px);\n      line-height: 0.9;\n      letter-spacing: -0.072em;\n      text-wrap: balance;\n    }\n\n    .jsm-engine-copy h2 span {\n      color: var(--lime);\n      text-shadow: 0 0 36px rgba(143, 201, 107, 0.18);\n    }\n\n    .jsm-engine-copy > p {\n      max-width: 720px;\n      margin: 0;\n      color: #e9e6f0;\n      font-size: clamp(17px, 2vw, 21px);\n      line-height: 1.7;\n    }\n\n    .jsm-engine-copy .jsm-button-row {\n      justify-content: flex-start;\n    }\n\n    .jsm-engine-path {\n      display: grid;\n      align-content: center;\n      gap: 12px;\n      padding: 24px;\n      border: 1px solid rgba(255, 255, 255, 0.13);\n      border-radius: 26px;\n      background: rgba(5, 5, 9, 0.58);\n      backdrop-filter: blur(16px);\n    }\n\n    .jsm-engine-path small {\n      color: var(--purple-2);\n      font-size: 11px;\n      font-weight: 1000;\n      letter-spacing: 0.13em;\n      text-transform: uppercase;\n    }\n\n    .jsm-engine-path strong {\n      color: #fff;\n      font-size: 28px;\n      line-height: 1.05;\n      letter-spacing: -0.045em;\n    }\n\n    .jsm-engine-path p {\n      margin: 0 0 8px;\n      color: var(--muted);\n      line-height: 1.6;\n    }\n\n    .jsm-engine-flow {\n      display: grid;\n      gap: 9px;\n      margin-top: 6px;\n    }\n\n    .jsm-engine-flow span {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 12px 14px;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      border-radius: 14px;\n      color: #f6f3fb;\n      background: rgba(255, 255, 255, 0.05);\n      font-weight: 900;\n    }\n\n    .jsm-engine-flow b {\n      display: inline-grid;\n      flex: 0 0 26px;\n      width: 26px;\n      height: 26px;\n      place-items: center;\n      border-radius: 9px;\n      color: #071008;\n      background: var(--lime);\n      font-size: 12px;\n    }\n\n    .jsm-content-output {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 14px;\n      margin-top: 26px;\n    }\n\n    .jsm-output-card {\n      min-height: 170px;\n      padding: 22px;\n      border: 1px solid rgba(255, 255, 255, 0.12);\n      border-radius: 22px;\n      background: rgba(255, 255, 255, 0.05);\n    }\n\n    .jsm-output-card small {\n      color: var(--lime);\n      font-size: 11px;\n      font-weight: 1000;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n    }\n\n    .jsm-output-card h3 {\n      margin: 20px 0 9px;\n      color: #fff;\n      font-size: 22px;\n      letter-spacing: -0.04em;\n    }\n\n    .jsm-output-card p {\n      margin: 0;\n      color: var(--muted);\n      font-size: 14px;\n      line-height: 1.55;\n    }\n\n    .jsm-service-featured {\n      border-color: rgba(143, 201, 107, 0.34);\n      background:\n        radial-gradient(circle at top right, rgba(143, 201, 107, 0.14), transparent 40%),\n        rgba(124, 77, 255, 0.13);\n    }\n\n    .jsm-social-stage {\n      display: grid;\n      gap: 26px;\n    }\n\n    .jsm-social-stage-head {\n      display: grid;\n      grid-template-columns: 1.05fr 0.65fr;\n      gap: 30px;\n      align-items: end;\n    }\n\n    .jsm-social-stage-head h2 {\n      margin: 16px 0 0;\n      color: #fff;\n      font-size: clamp(42px, 7vw, 82px);\n      line-height: 0.91;\n      letter-spacing: -0.07em;\n      text-wrap: balance;\n    }\n\n    .jsm-social-stage-head p {\n      margin: 0;\n      color: var(--muted);\n      font-size: 17px;\n      line-height: 1.7;\n    }\n\n    .jsm-channel-grid {\n      display: grid;\n      grid-template-columns: repeat(5, 1fr);\n      gap: 12px;\n    }\n\n    .jsm-channel-card {\n      position: relative;\n      overflow: hidden;\n      min-height: 200px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      padding: 22px;\n      border: 1px solid rgba(255, 255, 255, 0.13);\n      border-radius: 24px;\n      background:\n        linear-gradient(150deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025));\n      transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;\n    }\n\n    .jsm-channel-card::after {\n      content: \"\\2197\";\n      position: absolute;\n      top: 17px;\n      right: 18px;\n      color: var(--lime);\n      font-size: 22px;\n      font-weight: 1000;\n    }\n\n    .jsm-channel-card:hover {\n      transform: translateY(-5px);\n      border-color: rgba(143, 201, 107, 0.45);\n      background: linear-gradient(150deg, rgba(124, 77, 255, 0.18), rgba(143, 201, 107, 0.07));\n    }\n\n    .jsm-channel-card small {\n      color: var(--purple-2);\n      font-size: 11px;\n      font-weight: 1000;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n    }\n\n    .jsm-channel-card strong {\n      display: block;\n      margin: 30px 0 8px;\n      color: #fff;\n      font-size: 20px;\n      line-height: 1.05;\n      letter-spacing: -0.04em;\n      overflow-wrap: anywhere;\n    }\n\n    .jsm-channel-card span {\n      color: var(--muted);\n      font-size: 13px;\n      line-height: 1.45;\n    }\n\n    .jsm-project-form {\n      display: grid;\n      gap: 18px;\n      padding: 28px;\n      border: 1px solid rgba(143, 201, 107, 0.25);\n      border-radius: 30px;\n      background:\n        radial-gradient(circle at 92% 8%, rgba(143, 201, 107, 0.1), transparent 28%),\n        rgba(255, 255, 255, 0.055);\n      box-shadow: var(--shadow);\n    }\n\n    .jsm-form-title {\n      margin: 12px 0 0;\n      color: #fff;\n      font-size: clamp(28px, 4vw, 44px);\n      letter-spacing: -0.05em;\n    }\n\n    .jsm-form-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 14px;\n    }\n\n    .jsm-form-field {\n      display: grid;\n      gap: 8px;\n    }\n\n    .jsm-form-field-full {\n      grid-column: 1 \/ -1;\n    }\n\n    .jsm-form-field label {\n      color: #fff;\n      font-size: 12px;\n      font-weight: 1000;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n    }\n\n    .jsm-form-field input,\n    .jsm-form-field select,\n    .jsm-form-field textarea {\n      width: 100%;\n      min-height: 52px;\n      padding: 14px 15px;\n      border: 1px solid rgba(255, 255, 255, 0.16);\n      border-radius: 14px;\n      outline: none;\n      color: #fff;\n      background: rgba(5, 5, 9, 0.72);\n      font: inherit;\n    }\n\n    .jsm-form-field textarea {\n      min-height: 132px;\n      resize: vertical;\n    }\n\n    .jsm-form-field input:focus,\n    .jsm-form-field select:focus,\n    .jsm-form-field textarea:focus {\n      border-color: var(--lime);\n      box-shadow: 0 0 0 3px rgba(143, 201, 107, 0.1);\n    }\n\n    .jsm-form-note {\n      margin: 0;\n      color: var(--soft);\n      font-size: 13px;\n      line-height: 1.55;\n    }\n\n    .jsm-project-form .jsm-button {\n      width: 100%;\n      cursor: pointer;\n    }\n\n    .jsm-floating-dock {\n      position: fixed;\n      left: 50%;\n      bottom: 14px;\n      z-index: 60;\n      width: min(760px, calc(100% - 28px));\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(150px, 1.25fr);\n      align-items: center;\n      gap: 6px;\n      padding: 7px;\n      border: 1px solid rgba(255, 255, 255, 0.15);\n      border-radius: 24px;\n      background: rgba(7, 7, 11, 0.9);\n      box-shadow: 0 20px 54px rgba(0, 0, 0, 0.58);\n      backdrop-filter: blur(18px);\n      transform: translateX(-50%);\n      transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;\n    }\n\n    .jsm-dock-link {\n      position: relative;\n      min-height: 52px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 10px 12px;\n      border: 1px solid transparent;\n      border-radius: 17px;\n      color: #f6f3fb;\n      background: rgba(255, 255, 255, 0.045);\n      font-size: 11px;\n      font-weight: 950;\n      letter-spacing: 0.035em;\n      text-transform: uppercase;\n      transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;\n    }\n\n    .jsm-dock-link:hover {\n      transform: translateY(-2px);\n      border-color: rgba(143, 201, 107, 0.34);\n      background: rgba(124, 77, 255, 0.18);\n    }\n\n    .jsm-dock-icon {\n      width: 18px;\n      height: 18px;\n      display: inline-grid;\n      place-items: center;\n      color: var(--lime);\n      font-size: 9px;\n      font-weight: 1000;\n      letter-spacing: -0.02em;\n    }\n\n    .jsm-dock-icon svg {\n      width: 18px;\n      height: 18px;\n      fill: currentColor;\n    }\n\n    .jsm-dock-icon img {\n      width: 18px;\n      height: 18px;\n      display: block;\n      object-fit: contain;\n    }\n\n    .jsm-dock-link-primary {\n      color: var(--ink);\n      background: linear-gradient(135deg, var(--lime), var(--lime-2));\n      font-weight: 1000;\n    }\n\n    .jsm-dock-link-primary .jsm-dock-icon {\n      color: var(--ink);\n    }\n\n    .jsm-dock-link-primary:hover {\n      border-color: transparent;\n      background: var(--lime-2);\n    }\n\n    .jsm-back-to-top {\n      position: fixed;\n      left: max(14px, calc(50% - 380px));\n      bottom: 96px;\n      z-index: 61;\n      width: 42px;\n      height: 42px;\n      display: grid;\n      place-items: center;\n      border: 1px solid rgba(143, 201, 107, 0.42);\n      border-radius: 14px;\n      color: var(--ink);\n      background: linear-gradient(135deg, var(--lime), var(--lime-2));\n      box-shadow: 0 14px 34px rgba(0, 0, 0, 0.46);\n      font-size: 22px;\n      font-weight: 1000;\n      line-height: 1;\n      opacity: 0;\n      visibility: hidden;\n      pointer-events: none;\n      transform: translateY(10px);\n      transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease, background 0.2s ease;\n    }\n\n    .jsm-site.jsm-back-to-top-visible .jsm-back-to-top {\n      opacity: 1;\n      visibility: visible;\n      pointer-events: auto;\n      transform: translateY(0);\n    }\n\n    .jsm-back-to-top:hover {\n      background: var(--lime-2);\n      transform: translateY(-2px);\n    }\n\n    .jsm-back-to-top:focus-visible {\n      outline: 3px solid rgba(186, 104, 255, 0.72);\n      outline-offset: 3px;\n    }\n\n    .jsm-reveal {\n      opacity: 0;\n      transform: translateY(28px) scale(0.985);\n      transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);\n      transition-delay: var(--jsm-delay, 0ms);\n    }\n\n    .jsm-reveal.is-visible {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n    }\n\n    @keyframes jsm-hero-rise {\n      from {\n        opacity: 0;\n        transform: translateY(24px) scale(0.985);\n      }\n\n      to {\n        opacity: 1;\n        transform: translateY(0) scale(1);\n      }\n    }\n\n    @keyframes jsm-logo-glow {\n      0%,\n      100% {\n        filter:\n          brightness(1.12)\n          contrast(1.12)\n          drop-shadow(0 16px 30px rgba(0, 0, 0, 0.72))\n          drop-shadow(-5px 0 18px rgba(143, 201, 107, 0.2))\n          drop-shadow(5px 0 20px rgba(186, 104, 255, 0.22));\n      }\n\n      50% {\n        filter:\n          brightness(1.18)\n          contrast(1.16)\n          drop-shadow(0 16px 32px rgba(0, 0, 0, 0.76))\n          drop-shadow(-6px 0 24px rgba(143, 201, 107, 0.32))\n          drop-shadow(6px 0 26px rgba(186, 104, 255, 0.32));\n      }\n    }\n\n    @keyframes jsm-scanline {\n      from {\n        background-position: 0 0, 0 0;\n      }\n\n      to {\n        background-position: 0 80px, 0 0;\n      }\n    }\n\n    @keyframes jsm-float-cta {\n      0%,\n      100% {\n        transform: translateY(0);\n      }\n\n      50% {\n        transform: translateY(-6px);\n      }\n    }\n\n    @keyframes jsm-ping {\n      0% {\n        box-shadow: 0 0 0 0 rgba(7, 16, 8, 0.45);\n      }\n\n      70% {\n        box-shadow: 0 0 0 9px rgba(7, 16, 8, 0);\n      }\n\n      100% {\n        box-shadow: 0 0 0 0 rgba(7, 16, 8, 0);\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      html {\n        scroll-behavior: auto;\n      }\n\n      *,\n      *::before,\n      *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n      }\n\n      .jsm-reveal {\n        opacity: 1;\n        transform: none;\n      }\n    }\n\n    @media (max-width: 980px) {\n      .jsm-nav-inner {\n        min-height: 68px;\n        gap: 14px;\n      }\n\n      .jsm-brand img {\n        width: 42px;\n        height: 42px;\n      }\n\n      .jsm-brand strong {\n        font-size: 16px;\n      }\n\n      .jsm-brand small {\n        font-size: 11px;\n      }\n\n      .jsm-links {\n        gap: 10px;\n        font-size: 11px;\n      }\n\n      .jsm-nav-cta {\n        min-height: 46px;\n        padding: 12px 18px;\n      }\n\n      .jsm-hero {\n        min-height: 96vh;\n        min-height: 96svh;\n        padding: 90px 0 44px;\n      }\n\n      .jsm-hero-logo {\n        width: 100px;\n      }\n\n      .jsm-hero h1 {\n        font-size: 62px;\n        line-height: 0.98;\n      }\n\n      .jsm-hero p {\n        font-size: 17px;\n      }\n\n      .jsm-quick-services,\n      .jsm-proof-strip,\n      .jsm-process {\n        grid-template-columns: repeat(2, 1fr);\n      }\n\n      .jsm-section-head,\n      .jsm-feature,\n      .jsm-split-cta,\n      .jsm-engine-hero,\n      .jsm-video-layout,\n      .jsm-video-bridge,\n      .jsm-social-stage-head,\n      .jsm-pain-head,\n      .jsm-social-grid,\n      .jsm-location-grid,\n      .jsm-service-area-card,\n      .jsm-src-card,\n      .jsm-contact-wrap {\n        grid-template-columns: 1fr;\n      }\n\n      .jsm-services,\n      .jsm-pain-grid,\n      .jsm-avatar-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n\n      .jsm-content-output,\n      .jsm-channel-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n\n      .jsm-media-wall {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        grid-auto-rows: 240px;\n      }\n\n      .jsm-media-tile-primary {\n        grid-column: span 2;\n        grid-row: span 2;\n      }\n\n      .jsm-media-tile-support,\n      .jsm-media-tile-detail,\n      .jsm-media-placeholder {\n        grid-column: span 1;\n      }\n\n      .jsm-showcase {\n        grid-template-columns: 1fr 1fr;\n      }\n\n      .jsm-shot:first-child {\n        grid-row: span 1;\n        grid-column: span 2;\n      }\n    }\n\n@media (max-width: 720px) {\n      .jsm-container {\n        width: min(100% - 20px, 1180px);\n      }\n\n      .jsm-site {\n        padding-bottom: 72px;\n      }\n\n      .jsm-nav {\n        position: absolute;\n      }\n\n      body.admin-bar .jsm-nav {\n        top: 46px;\n      }\n\n      .jsm-nav-inner {\n        min-height: auto;\n        padding: 10px 0 12px;\n        flex-direction: column;\n        align-items: stretch;\n        gap: 10px;\n      }\n\n      .jsm-brand {\n        min-width: 0;\n        justify-content: center;\n        text-align: left;\n      }\n\n      .jsm-brand img {\n        width: 38px;\n        height: 38px;\n      }\n\n      .jsm-brand strong {\n        font-size: 15px;\n      }\n\n      .jsm-brand small {\n        font-size: 10px;\n      }\n\n      .jsm-links {\n        display: grid;\n        grid-template-columns: repeat(4, minmax(0, 1fr));\n        width: 100%;\n        gap: 6px;\n        font-size: 9px;\n      }\n\n      .jsm-links > a:not(.jsm-nav-cta) {\n        display: flex;\n        min-height: 34px;\n        align-items: center;\n        justify-content: center;\n        padding: 5px 3px;\n        text-align: center;\n        line-height: 1.15;\n      }\n\n      .jsm-nav-cta {\n        grid-column: 1 \/ -1;\n        width: 100%;\n        min-height: 42px;\n        padding: 11px 16px;\n      }\n\n      .jsm-hero {\n        min-height: 96vh;\n        min-height: 96svh;\n        padding: 164px 0 76px;\n      }\n\n      .jsm-hero-content {\n        padding-bottom: 6px;\n      }\n\n      .jsm-hero-logo {\n        width: 90px;\n        margin-bottom: 16px;\n      }\n\n      .jsm-kicker {\n        max-width: 100%;\n        padding: 8px 12px;\n        font-size: 10px;\n        line-height: 1.35;\n      }\n\n      .jsm-hero h1 {\n        margin: 16px auto 12px;\n        font-size: 42px;\n        line-height: 1;\n      }\n\n      .jsm-hero p {\n        font-size: 16px;\n        line-height: 1.55;\n      }\n\n      .jsm-button-row,\n      .jsm-button {\n        width: 100%;\n      }\n\n      .jsm-button-row {\n        gap: 10px;\n        margin-top: 18px;\n      }\n\n      .jsm-quick-services,\n      .jsm-proof-strip,\n      .jsm-services,\n      .jsm-showcase,\n      .jsm-process,\n      .jsm-content-output,\n      .jsm-channel-grid,\n      .jsm-avatar-grid,\n      .jsm-social-links,\n      .jsm-qr-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .jsm-quick-services,\n      .jsm-proof-strip {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 8px;\n      }\n\n      .jsm-quick-services {\n        margin-top: 22px;\n      }\n\n      .jsm-quick-card {\n        min-height: 64px;\n        padding: 10px 8px;\n        border-radius: 16px;\n        font-size: 13px;\n      }\n\n      .jsm-proof-strip {\n        margin-top: 8px;\n      }\n\n      .jsm-proof {\n        padding: 10px;\n        border-radius: 15px;\n      }\n\n      .jsm-proof small {\n        margin-bottom: 4px;\n        font-size: 9px;\n      }\n\n      .jsm-proof strong {\n        font-size: 12px;\n        line-height: 1.3;\n      }\n\n      .jsm-hero-work-cue {\n        bottom: 70px;\n      }\n\n      .jsm-media-wall {\n        grid-template-columns: 1fr;\n        grid-auto-rows: auto;\n      }\n\n      .jsm-media-tile-primary,\n      .jsm-media-tile-support,\n      .jsm-media-tile-detail,\n      .jsm-media-placeholder {\n        grid-column: auto;\n        grid-row: auto;\n      }\n\n      .jsm-media-tile-primary {\n        aspect-ratio: 16 \/ 10;\n      }\n\n      .jsm-media-tile-support {\n        aspect-ratio: 16 \/ 10;\n      }\n\n      .jsm-media-tile-detail {\n        aspect-ratio: 4 \/ 3;\n      }\n\n      .jsm-media-placeholder {\n        min-height: 150px;\n      }\n\n      .jsm-media-caption {\n        align-items: flex-start;\n        flex-direction: column;\n      }\n\n      .jsm-pain-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n\n      .jsm-engine-hero {\n        padding: 24px;\n        border-radius: 26px;\n      }\n\n      .jsm-video-portfolio {\n        padding: 18px;\n        border-radius: 26px;\n      }\n\n      .jsm-video-card {\n        padding: 14px;\n        border-radius: 22px;\n      }\n\n      .jsm-video-card-top {\n        justify-content: center;\n        text-align: center;\n      }\n\n      .jsm-phone-shell {\n        width: min(100%, 291px);\n        padding: 10px;\n        border-radius: 30px;\n      }\n\n      .jsm-video-bridge {\n        padding: 22px;\n        border-radius: 22px;\n        text-align: center;\n      }\n\n      .jsm-video-actions {\n        justify-content: center;\n      }\n\n      .jsm-portfolio-image-head {\n        margin-top: 8px;\n      }\n\n      .jsm-engine-copy,\n      .jsm-social-stage-head {\n        text-align: center;\n      }\n\n      .jsm-engine-copy .jsm-button-row {\n        justify-content: center;\n      }\n\n      .jsm-button-row-left {\n        justify-content: center;\n      }\n\n      .jsm-form-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .jsm-form-field-full {\n        grid-column: auto;\n      }\n\n      .jsm-quick-card {\n        min-height: 64px;\n      }\n\n      .jsm-section {\n        padding: 72px 0;\n      }\n\n      .jsm-section-head {\n        text-align: center;\n      }\n\n      .jsm-pain-head {\n        text-align: center;\n      }\n\n      .jsm-pain-card {\n        min-height: 140px;\n        padding: 17px;\n      }\n\n      .jsm-pain-card p {\n        font-size: 14px;\n      }\n\n      .jsm-feature-media,\n      .jsm-feature-media img {\n        min-height: 420px;\n      }\n\n      .jsm-map-card iframe {\n        min-height: 330px;\n      }\n\n      .jsm-shot,\n      .jsm-shot:first-child {\n        grid-column: auto;\n        min-height: 280px;\n      }\n\n      .jsm-split-cta,\n      .jsm-src-card,\n      .jsm-contact-panel,\n      .jsm-contact-list {\n        padding: 22px;\n        border-radius: 24px;\n      }\n\n      .jsm-src-brand {\n        justify-items: center;\n        text-align: center;\n      }\n\n      .jsm-src-logo {\n        width: 100%;\n      }\n\n      .jsm-src-logo-link {\n        width: min(260px, 100%);\n      }\n\n      .jsm-src-content {\n        text-align: center;\n      }\n\n      .jsm-src-services,\n      .jsm-src-content .jsm-button-row {\n        justify-content: center;\n      }\n\n      .jsm-contact-panel {\n        text-align: center;\n      }\n\n      .jsm-service-area-card,\n      .jsm-service-area-action {\n        padding: 22px;\n        border-radius: 24px;\n      }\n\n      .jsm-floating-dock {\n        bottom: 8px;\n        width: calc(100% - 12px);\n        grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(92px, 1.35fr);\n        gap: 4px;\n        padding: 4px;\n        border-radius: 17px;\n        opacity: 0;\n        visibility: hidden;\n        pointer-events: none;\n        transform: translate(-50%, calc(100% + 18px));\n      }\n\n      .jsm-site.jsm-dock-visible .jsm-floating-dock {\n        opacity: 1;\n        visibility: visible;\n        pointer-events: auto;\n        transform: translateX(-50%);\n      }\n\n      .jsm-back-to-top {\n        left: 10px;\n        bottom: 72px;\n        width: 40px;\n        height: 40px;\n        border-radius: 13px;\n      }\n\n      \/* Compact mobile rhythm: keep every section without making the page feel endless. *\/\n      .jsm-hero {\n        min-height: 90vh;\n        min-height: 90svh;\n        padding: 148px 0 54px;\n      }\n\n      .jsm-section {\n        padding: 52px 0;\n      }\n\n      .jsm-section-head,\n      .jsm-feature,\n      .jsm-split-cta,\n      .jsm-engine-hero,\n      .jsm-video-layout,\n      .jsm-video-bridge,\n      .jsm-social-stage-head,\n      .jsm-pain-head,\n      .jsm-social-grid,\n      .jsm-location-grid,\n      .jsm-service-area-card,\n      .jsm-src-card,\n      .jsm-contact-wrap {\n        gap: 18px;\n      }\n\n      .jsm-section-head,\n      .jsm-featured-work .jsm-section-head {\n        margin-bottom: 24px;\n      }\n\n      .jsm-section-head h2,\n      .jsm-feature h2,\n      .jsm-social-content h2,\n      .jsm-location-content h2,\n      .jsm-contact h2,\n      .jsm-social-stage-head h2 {\n        font-size: 36px;\n        line-height: 1;\n      }\n\n      .jsm-section-head p,\n      .jsm-feature p,\n      .jsm-social-content p,\n      .jsm-location-content p,\n      .jsm-contact p,\n      .jsm-social-stage-head p {\n        font-size: 15px;\n        line-height: 1.58;\n      }\n\n      .jsm-media-wall {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 10px;\n        margin-bottom: 20px;\n      }\n\n      .jsm-media-tile-primary {\n        grid-column: 1 \/ -1;\n        aspect-ratio: 16 \/ 10;\n      }\n\n      .jsm-media-tile-support,\n      .jsm-media-tile-detail {\n        grid-column: auto;\n        aspect-ratio: 4 \/ 5;\n      }\n\n      .jsm-media-placeholder {\n        grid-column: 1 \/ -1;\n        min-height: 92px;\n        padding: 16px;\n      }\n\n      .jsm-media-caption {\n        left: 10px;\n        right: 10px;\n        bottom: 10px;\n        gap: 6px;\n      }\n\n      .jsm-media-caption strong {\n        font-size: 15px;\n      }\n\n      .jsm-media-caption span {\n        padding: 5px 7px;\n        font-size: 8px;\n      }\n\n      .jsm-video-portfolio {\n        gap: 14px;\n        margin-bottom: 22px;\n        padding: 12px;\n      }\n\n      .jsm-video-layout,\n      .jsm-video-card {\n        gap: 12px;\n      }\n\n      .jsm-video-card {\n        padding: 12px;\n      }\n\n      .jsm-phone-shell {\n        width: min(64vw, 210px);\n        padding: 8px;\n        border-radius: 25px;\n      }\n\n      .jsm-video-frame-vertical {\n        border-radius: 19px;\n      }\n\n      .jsm-video-copy h3,\n      .jsm-video-card-vertical .jsm-video-copy h3 {\n        font-size: 21px;\n      }\n\n      .jsm-video-copy p {\n        font-size: 14px;\n        line-height: 1.5;\n      }\n\n      .jsm-video-bridge {\n        padding: 18px;\n      }\n\n      .jsm-pain-grid,\n      .jsm-services,\n      .jsm-avatar-grid,\n      .jsm-content-output,\n      .jsm-channel-grid,\n      .jsm-process,\n      .jsm-showcase {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 10px;\n      }\n\n      .jsm-pain-card {\n        min-height: 120px;\n        padding: 14px;\n      }\n\n      .jsm-pain-card p {\n        margin-top: 12px;\n        font-size: 13px;\n        line-height: 1.42;\n      }\n\n      .jsm-avatar-heading {\n        margin-bottom: 14px;\n        font-size: 30px;\n      }\n\n      .jsm-avatar-card {\n        min-height: 245px;\n        gap: 14px;\n        padding: 15px;\n        border-radius: 19px;\n      }\n\n      .jsm-avatar-card h3 {\n        margin: 14px 0 7px;\n        font-size: 19px;\n      }\n\n      .jsm-avatar-card p {\n        font-size: 12px;\n        line-height: 1.45;\n      }\n\n      .jsm-avatar-action {\n        min-height: 44px;\n        padding: 8px;\n        font-size: 9px;\n        line-height: 1.3;\n      }\n\n      .jsm-engine-hero {\n        padding: 18px;\n      }\n\n      .jsm-content-output {\n        margin-top: 18px;\n      }\n\n      .jsm-output-card {\n        min-height: 150px;\n        padding: 15px;\n        border-radius: 18px;\n      }\n\n      .jsm-output-card h3 {\n        margin: 13px 0 7px;\n        font-size: 18px;\n      }\n\n      .jsm-output-card p {\n        font-size: 12px;\n        line-height: 1.45;\n      }\n\n      .jsm-service {\n        min-height: 188px;\n        padding: 15px;\n        border-radius: 18px;\n      }\n\n      .jsm-service h3 {\n        margin: 16px 0 8px;\n        font-size: 18px;\n        line-height: 1.08;\n      }\n\n      .jsm-service p {\n        font-size: 12px;\n        line-height: 1.46;\n      }\n\n      .jsm-feature-media,\n      .jsm-feature-media img {\n        min-height: 330px;\n      }\n\n      .jsm-feature-card {\n        left: 12px;\n        right: 12px;\n        bottom: 12px;\n        padding: 15px;\n      }\n\n      .jsm-showcase {\n        grid-auto-rows: 170px;\n      }\n\n      .jsm-shot,\n      .jsm-shot:first-child {\n        grid-column: auto;\n        min-height: 170px;\n        border-radius: 18px;\n      }\n\n      .jsm-shot:first-child {\n        grid-column: 1 \/ -1;\n        min-height: 170px;\n      }\n\n      .jsm-shot-label {\n        left: 11px;\n        right: 11px;\n        bottom: 11px;\n      }\n\n      .jsm-shot-label strong {\n        font-size: 16px;\n      }\n\n      .jsm-shot-label span {\n        margin-top: 4px;\n        font-size: 9px;\n      }\n\n      .jsm-step {\n        padding: 16px;\n      }\n\n      .jsm-step h3 {\n        font-size: 18px;\n      }\n\n      .jsm-step p {\n        font-size: 12px;\n        line-height: 1.45;\n      }\n\n      .jsm-channel-card {\n        min-height: 150px;\n        padding: 15px;\n        border-radius: 18px;\n      }\n\n      .jsm-channel-card:last-child {\n        grid-column: 1 \/ -1;\n      }\n\n      .jsm-channel-card strong {\n        margin: 22px 0 6px;\n        font-size: 17px;\n      }\n\n      .jsm-channel-card span {\n        font-size: 11px;\n      }\n\n      .jsm-map-card iframe {\n        min-height: 280px;\n      }\n\n      .jsm-split-cta,\n      .jsm-src-card,\n      .jsm-contact-panel,\n      .jsm-contact-list,\n      .jsm-service-area-card,\n      .jsm-service-area-action,\n      .jsm-project-form {\n        padding: 18px;\n      }\n\n      .jsm-dock-link {\n        min-height: 44px;\n        padding: 7px 5px;\n        border-radius: 13px;\n        font-size: 9px;\n      }\n\n      .jsm-dock-link:not(.jsm-dock-link-primary) > span:last-child {\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        overflow: hidden;\n        clip: rect(0 0 0 0);\n        white-space: nowrap;\n      }\n\n      .jsm-footer-inner {\n        flex-direction: column;\n        text-align: center;\n      }\n\n      .jsm-footer-links {\n        justify-content: center;\n      }\n    }\n\n    @media (max-width: 720px) and (max-height: 780px) {\n      .jsm-hero {\n        padding-top: 146px;\n      }\n\n      .jsm-hero-logo {\n        width: 78px;\n        margin-bottom: 12px;\n      }\n\n      .jsm-hero h1 {\n        margin-top: 13px;\n        font-size: 39px;\n      }\n\n      .jsm-hero p {\n        font-size: 15px;\n        line-height: 1.48;\n      }\n\n      .jsm-button-row {\n        margin-top: 14px;\n      }\n    }\n  <\/style>\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"ProfessionalService\",\n  \"name\": \"J Sturgis Media\",\n  \"description\": \"Colorado media production for social media content, commercials, music videos, photography, drone footage, artist content, events, products, and business branding.\",\n  \"email\": \"mailto:JSturgisMedia@gmail.com\",\n  \"areaServed\": {\n    \"@type\": \"State\",\n    \"name\": \"Colorado\"\n  },\n  \"founder\": {\n    \"@type\": \"Person\",\n    \"name\": \"Jaz Sturgis\"\n  },\n  \"sameAs\": [\n    \"https:\/\/www.instagram.com\/officialsaucevisuals\/\",\n    \"https:\/\/www.tiktok.com\/@officialsaucevisuals\",\n    \"https:\/\/www.youtube.com\/@OfficialSauceVisuals\",\n    \"https:\/\/www.facebook.com\/profile.php?id=61555533562407\",\n    \"https:\/\/www.facebook.com\/jaz.sturgis\"\n  ],\n  \"knowsAbout\": [\n    \"Social media video production\",\n    \"Commercial video production\",\n    \"Music video production\",\n    \"Photography\",\n    \"Drone footage\",\n    \"Short-form video\",\n    \"Brand content\"\n  ]\n}\n<\/script>\n<div class=\"jsm-site\" id=\"jsm-top\">\n    <header class=\"jsm-nav\" aria-label=\"Site navigation\">\n      <div class=\"jsm-container\">\n        <div class=\"jsm-nav-inner\">\n          <a class=\"jsm-brand\" href=\"#home\" aria-label=\"J Sturgis Media home\">\n            <img decoding=\"async\" src=\"https:\/\/jsturgismedia.com\/wp-content\/uploads\/2026\/06\/JSM-logo-transparent.png\" alt=\"J Sturgis Media logo\">\n            <span>\n              <strong>J Sturgis Media<\/strong>\n              <small>Video, photo, branding, design<\/small>\n            <\/span>\n          <\/a>\n\n          <nav class=\"jsm-links\" aria-label=\"Primary navigation\">\n            <a href=\"#who-we-help\">Who We Help<\/a>\n            <a href=\"#services\">Services<\/a>\n            <a href=\"#featured-work\">Work<\/a>\n            <a href=\"#socials\">Socials<\/a>\n            <a class=\"jsm-nav-cta\" href=\"#project-brief\">Start a Project<\/a>\n          <\/nav>\n        <\/div>\n      <\/div>\n    <\/header>\n\n    <main id=\"home\">\n      <div class=\"jsm-hero\">\n        <div class=\"jsm-video-backdrop\" aria-hidden=\"true\">\n          <iframe\n            src=\"https:\/\/www.youtube.com\/embed\/Ey-NoWxOvOI?autoplay=1&amp;mute=1&amp;controls=0&amp;loop=1&amp;playlist=Ey-NoWxOvOI&amp;playsinline=1&amp;rel=0&amp;modestbranding=1\"\n            title=\"Drone nature footage background video\"\n            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n            referrerpolicy=\"strict-origin-when-cross-origin\"\n            allowfullscreen><\/iframe>\n        <\/div>\n\n        <div class=\"jsm-container\">\n          <div class=\"jsm-hero-content\">\n            <img decoding=\"async\" class=\"jsm-hero-logo\" src=\"https:\/\/jsturgismedia.com\/wp-content\/uploads\/2026\/06\/JSM-logo-transparent.png\" alt=\"J Sturgis Media logo\">\n            <div class=\"jsm-kicker\">Colorado video, photo &amp; social content<\/div>\n            <h1>Your work deserves content that <span>looks the part.<\/span><\/h1>\n            <p>\n              J Sturgis Media helps Colorado businesses, artists, brands, and event organizers stop\n              relying on random phone clips and build professional content people can notice, trust, and act on.\n            <\/p>\n\n            <div class=\"jsm-button-row\">\n              <a class=\"jsm-button jsm-button-primary\" href=\"#who-we-help\">Choose Your Content Goal<\/a>\n              <a class=\"jsm-button jsm-button-secondary\" href=\"#featured-work\">See the Work<\/a>\n            <\/div>\n\n            <div class=\"jsm-quick-services\">\n              <div class=\"jsm-quick-card\">Social Content<\/div>\n              <div class=\"jsm-quick-card\">Commercials<\/div>\n              <div class=\"jsm-quick-card\">Music Videos<\/div>\n              <div class=\"jsm-quick-card\">Photo + Drone<\/div>\n            <\/div>\n\n            <div class=\"jsm-proof-strip\">\n              <div class=\"jsm-proof\">\n                <small>Based in<\/small>\n                <strong>Colorado &bull; On-location production<\/strong>\n              <\/div>\n              <div class=\"jsm-proof\">\n                <small>Social portfolio<\/small>\n                <strong>Official Sauce Visuals<\/strong>\n              <\/div>\n              <div class=\"jsm-proof\">\n                <small>Content for<\/small>\n                <strong>Reels, Shorts, TikTok, web<\/strong>\n              <\/div>\n              <div class=\"jsm-proof\">\n                <small>Next step<\/small>\n                <strong>Send the goal. Plan the shoot.<\/strong>\n              <\/div>\n            <\/div>\n\n            <a class=\"jsm-hero-work-cue\" href=\"#featured-work\">\n              See the work\n              <span aria-hidden=\"true\">&darr;<\/span>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"featured-work\" class=\"jsm-section jsm-featured-work\">\n        <div class=\"jsm-container\">\n          <div class=\"jsm-section-head\">\n            <div>\n              <div class=\"jsm-kicker\">Featured work<\/div>\n              <h2>See What J Sturgis Media Can Create.<\/h2>\n            <\/div>\n            <p>\n              Commercials, social reels, music visuals, events, photography, and brand content\n              built for the platforms where people already spend their time.\n            <\/p>\n          <\/div>\n\n          <div class=\"jsm-media-wall\" aria-label=\"Featured J Sturgis Media production images\">\n            <figure class=\"jsm-media-tile jsm-media-tile-primary\">\n              <img\n                src=\"https:\/\/jsturgismedia.com\/wp-content\/uploads\/2026\/06\/20-music-vid-cont-under-2mb.jpg\"\n                alt=\"J Sturgis Media professional video production monitor\"\n                decoding=\"async\"\n                fetchpriority=\"high\">\n              <figcaption class=\"jsm-media-caption\">\n                <strong>Production in focus<\/strong>\n                <span>Featured production<\/span>\n              <\/figcaption>\n            <\/figure>\n\n            <figure class=\"jsm-media-tile jsm-media-tile-support\">\n              <img\n                src=\"https:\/\/jsturgismedia.com\/wp-content\/uploads\/2026\/06\/17-media1-under-2mb.jpg\"\n                alt=\"J Sturgis Media crew filming an outdoor production\"\n                loading=\"lazy\"\n                decoding=\"async\">\n              <figcaption class=\"jsm-media-caption\">\n                <strong>On location<\/strong>\n                <span>Production<\/span>\n              <\/figcaption>\n            <\/figure>\n\n            <figure class=\"jsm-media-tile jsm-media-tile-support\">\n              <img\n                src=\"https:\/\/jsturgismedia.com\/wp-content\/uploads\/2026\/06\/05-content12-under-2mb.jpg\"\n                alt=\"Behind-the-scenes client content production by J Sturgis Media\"\n                loading=\"lazy\"\n                decoding=\"async\">\n              <figcaption class=\"jsm-media-caption\">\n                <strong>Behind the scenes<\/strong>\n                <span>Client content<\/span>\n              <\/figcaption>\n            <\/figure>\n\n            <figure class=\"jsm-media-tile jsm-media-tile-detail\">\n              <img\n                src=\"https:\/\/jsturgismedia.com\/wp-content\/uploads\/2026\/06\/07-j-media-content-under-2mb.jpg\"\n                alt=\"Camera monitor during a J Sturgis Media production\"\n                loading=\"lazy\"\n                decoding=\"async\">\n              <figcaption class=\"jsm-media-caption\">\n                <strong>Monitor view<\/strong>\n                <span>Detail<\/span>\n              <\/figcaption>\n            <\/figure>\n\n            <figure class=\"jsm-media-tile jsm-media-tile-detail\">\n              <img\n                src=\"https:\/\/jsturgismedia.com\/wp-content\/uploads\/2026\/06\/16-media-under-2mb.jpg\"\n                alt=\"Professional media-production equipment used by J Sturgis Media\"\n                loading=\"lazy\"\n                decoding=\"async\">\n              <figcaption class=\"jsm-media-caption\">\n                <strong>Production tools<\/strong>\n                <span>Equipment<\/span>\n              <\/figcaption>\n            <\/figure>\n\n            <div class=\"jsm-media-tile jsm-media-placeholder\" aria-label=\"Reserved for future approved J Sturgis Media production work\">\n              Future approved production work\n            <\/div>\n          <\/div>\n\n          <div class=\"jsm-video-portfolio\" aria-label=\"Featured J Sturgis Media video work\">\n            <div class=\"jsm-video-layout\">\n              <article class=\"jsm-video-card jsm-video-card-featured\">\n                <div class=\"jsm-video-card-top\">\n                  <span class=\"jsm-video-label\">Featured Production<\/span>\n                  <span class=\"jsm-video-format\">Landscape Video<\/span>\n                <\/div>\n                <div class=\"jsm-video-frame jsm-video-frame-landscape\">\n                  <iframe src=\"https:\/\/www.facebook.com\/plugins\/video.php?height=314&amp;href=https%3A%2F%2Fwww.facebook.com%2F61581406177268%2Fvideos%2F826662773351520%2F&amp;show_text=false&amp;width=560&amp;t=0\" width=\"560\" height=\"314\" style=\"border:none;overflow:hidden\" scrolling=\"no\" frameborder=\"0\" allowfullscreen=\"true\" allow=\"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share\" title=\"J Sturgis Media featured landscape video production\"><\/iframe>\n                <\/div>\n                <div class=\"jsm-video-copy\">\n                  <h3>Commercial-ready video with a clear story.<\/h3>\n                  <p>Use this format for business promos, campaign launches, event recaps, websites, and content that needs room to breathe.<\/p>\n                <\/div>\n              <\/article>\n\n              <article class=\"jsm-video-card jsm-video-card-vertical\">\n                <div class=\"jsm-video-card-top\">\n                  <span class=\"jsm-video-label\">Social Reel<\/span>\n                  <span class=\"jsm-video-format\">Vertical Cut<\/span>\n                <\/div>\n                <div class=\"jsm-phone-shell\">\n                  <div class=\"jsm-video-frame jsm-video-frame-vertical\">\n                    <iframe src=\"https:\/\/www.facebook.com\/plugins\/video.php?height=476&amp;href=https%3A%2F%2Fwww.facebook.com%2Freel%2F801835152695567%2F&amp;show_text=false&amp;width=267&amp;t=0\" width=\"267\" height=\"476\" style=\"border:none;overflow:hidden\" scrolling=\"no\" frameborder=\"0\" allowfullscreen=\"true\" allow=\"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share\" title=\"J Sturgis Media vertical social reel\"><\/iframe>\n                  <\/div>\n                <\/div>\n                <div class=\"jsm-video-copy\">\n                  <h3>Social-first content made for the scroll.<\/h3>\n                  <p>Use this format for Reels, TikToks, Shorts, announcements, behind-the-scenes moments, and quick attention-grabbing edits.<\/p>\n                <\/div>\n              <\/article>\n            <\/div>\n\n            <div class=\"jsm-video-bridge\">\n              <div>\n                <div class=\"jsm-kicker\">Content with a purpose<\/div>\n                <h3>Your Business Doesn&rsquo;t Need More Random Posts.<\/h3>\n                <p>It needs content created with a purpose&mdash;content that earns attention, builds trust, and gives people a clear next step.<\/p>\n              <\/div>\n              <div class=\"jsm-button-row jsm-button-row-left jsm-video-actions\">\n                <a class=\"jsm-button jsm-button-primary\" href=\"#project-brief\">Start a Project<\/a>\n                <a class=\"jsm-button jsm-button-secondary\" href=\"#showcase\">Explore More Work<\/a>\n              <\/div>\n            <\/div>\n\n            <p class=\"jsm-video-trust\">Video production &bull; Social content &bull; Commercials &bull; Music visuals &bull; Events &bull; Photography &bull; Creative direction<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"who-we-help\" class=\"jsm-section jsm-pain-section\">\n        <div class=\"jsm-container\">\n          <div class=\"jsm-pain-head\">\n            <div>\n              <div class=\"jsm-kicker\">The problem is not your work<\/div>\n              <h2>Your content is not showing people <span>why they should care.<\/span><\/h2>\n            <\/div>\n            <p>\n              You may already have a strong business, product, event, or creative project. The gap is\n            turning what you do into a clear visual story&mdash;and giving viewers a next step after they watch.\n            <\/p>\n          <\/div>\n\n          <div class=\"jsm-pain-grid\" aria-label=\"Common content problems\">\n            <div class=\"jsm-pain-card\">\n              <b>1<\/b>\n              <p>You post only when somebody remembers to grab a clip.<\/p>\n            <\/div>\n            <div class=\"jsm-pain-card\">\n              <b>2<\/b>\n              <p>Your real quality is stronger than what people see online.<\/p>\n            <\/div>\n            <div class=\"jsm-pain-card\">\n              <b>3<\/b>\n              <p>One shoot becomes one post instead of a useful content library.<\/p>\n            <\/div>\n            <div class=\"jsm-pain-card\">\n              <b>4<\/b>\n              <p>People watch, but the content never tells them what to do next.<\/p>\n            <\/div>\n          <\/div>\n\n          <h3 class=\"jsm-avatar-heading\">Pick the lane that sounds like you.<\/h3>\n          <div class=\"jsm-avatar-grid\">\n            <article class=\"jsm-avatar-card\">\n              <div>\n                <small>Local business<\/small>\n              <h3>&ldquo;Our work is solid. Our content does not show it.&rdquo;<\/h3>\n                <p>Build trust with owner stories, behind-the-scenes footage, service visuals, customer experience, and clear calls to action.<\/p>\n              <\/div>\n              <button class=\"jsm-avatar-action\" type=\"button\" data-jsm-service=\"Commercial or brand video\" data-jsm-platform=\"Multiple platforms\">Build Business Content<\/button>\n            <\/article>\n\n            <article class=\"jsm-avatar-card\">\n              <div>\n                <small>Artist or creator<\/small>\n              <h3>&ldquo;The release needs more than one good video.&rdquo;<\/h3>\n                <p>Create the hero visual, vertical clips, promo images, behind-the-scenes moments, and rollout content around the project.<\/p>\n              <\/div>\n              <button class=\"jsm-avatar-action\" type=\"button\" data-jsm-service=\"Music video or artist content\" data-jsm-platform=\"Multiple platforms\">Plan the Visual Rollout<\/button>\n            <\/article>\n\n            <article class=\"jsm-avatar-card\">\n              <div>\n                <small>Product or brand<\/small>\n              <h3>&ldquo;People need to see this clearly before they buy it.&rdquo;<\/h3>\n                <p>Show the product in use with clean photo, video, launch clips, detail shots, and campaign-ready visual assets.<\/p>\n              <\/div>\n              <button class=\"jsm-avatar-action\" type=\"button\" data-jsm-service=\"Photography or product shoot\" data-jsm-platform=\"Multiple platforms\">Show the Product<\/button>\n            <\/article>\n\n            <article class=\"jsm-avatar-card\">\n              <div>\n                <small>Event organizer<\/small>\n              <h3>&ldquo;The event should keep working after it ends.&rdquo;<\/h3>\n                <p>Capture the energy, people, key moments, recap footage, and promotional assets that can support the next event too.<\/p>\n              <\/div>\n              <button class=\"jsm-avatar-action\" type=\"button\" data-jsm-service=\"Event photo or video\" data-jsm-platform=\"Multiple platforms\">Plan Event Coverage<\/button>\n            <\/article>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"social-content\" class=\"jsm-section jsm-social-engine\">\n        <div class=\"jsm-container\">\n          <div class=\"jsm-engine-hero\">\n            <div class=\"jsm-engine-copy\">\n              <div class=\"jsm-kicker\">Social media content production<\/div>\n              <h2>Stop feeding the feed. <span>Build a content lane.<\/span><\/h2>\n              <p>\n                A good shoot should create more than one post. J Sturgis Media plans around the\n                audience, platform, message, and next action so the footage can become a useful\n              library of social-ready content&mdash;not a folder that gets forgotten.\n              <\/p>\n              <div class=\"jsm-button-row\">\n                <a class=\"jsm-button jsm-button-primary\" href=\"#project-brief\">Plan My Content Shoot<\/a>\n                <a class=\"jsm-button jsm-button-secondary\" href=\"https:\/\/www.instagram.com\/officialsaucevisuals\/\" target=\"_blank\" rel=\"noopener\">See Recent Visuals<\/a>\n              <\/div>\n            <\/div>\n\n            <div class=\"jsm-engine-path\">\n              <small>The content path<\/small>\n              <strong>One goal. One shoot. Multiple useful pieces.<\/strong>\n                <p>Final deliverables are shaped around the project&mdash;not forced into a generic package.<\/p>\n              <div class=\"jsm-engine-flow\">\n                <span><b>1<\/b> Define the audience and action<\/span>\n                <span><b>2<\/b> Build the shot plan<\/span>\n                <span><b>3<\/b> Capture with each platform in mind<\/span>\n                <span><b>4<\/b> Deliver polished, ready-to-use media<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"jsm-content-output\">\n            <div class=\"jsm-output-card\">\n              <small>Attention<\/small>\n              <h3>Short-form video<\/h3>\n              <p>Reels, TikToks, Shorts, promos, hooks, and clips designed for how people watch on mobile.<\/p>\n            <\/div>\n            <div class=\"jsm-output-card\">\n              <small>Trust<\/small>\n              <h3>Real business stories<\/h3>\n              <p>Owner introductions, team footage, customer experience, behind-the-scenes work, and visible process.<\/p>\n            <\/div>\n            <div class=\"jsm-output-card\">\n              <small>Recognition<\/small>\n              <h3>Brand visuals<\/h3>\n              <p>Consistent video and photo assets that help the business, artist, product, or event look connected.<\/p>\n            <\/div>\n            <div class=\"jsm-output-card\">\n              <small>Action<\/small>\n              <h3>Campaign content<\/h3>\n              <p>Media built around a launch, offer, event, announcement, booking push, or clear next step.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"services\" class=\"jsm-section jsm-section-soft\">\n        <div class=\"jsm-container\">\n          <div class=\"jsm-section-head\">\n            <div>\n              <div class=\"jsm-kicker\">What we create<\/div>\n              <h2>Media for brands that need movement.<\/h2>\n            <\/div>\n            <p>\n              From one clean reel to a full visual refresh, J Sturgis Media helps turn your business,\n              product, event, or creative idea into content people can feel.\n            <\/p>\n          <\/div>\n\n          <div class=\"jsm-services\">\n            <div class=\"jsm-service\">\n              <div class=\"jsm-service-number\">01<\/div>\n              <div>\n                <h3>Commercials<\/h3>\n                <p>Business-focused video pieces for websites, social media, launches, ads, and local campaigns.<\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"jsm-service\">\n              <div class=\"jsm-service-number\">02<\/div>\n              <div>\n                <h3>Music Videos &amp; Artist Content<\/h3>\n                <p>Cinematic visuals, performance scenes, behind-the-scenes footage, and promo content for artists.<\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"jsm-service\">\n              <div class=\"jsm-service-number\">03<\/div>\n              <div>\n                <h3>Short-Form Reels<\/h3>\n                <p>Polished vertical video for Instagram Reels, TikTok, YouTube Shorts, announcements, and campaign pushes.<\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"jsm-service\">\n              <div class=\"jsm-service-number\">04<\/div>\n              <div>\n                <h3>Product Shoots<\/h3>\n                <p>Clothing, hats, food, cars, merchandise, and other product visuals with clean composition.<\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"jsm-service\">\n              <div class=\"jsm-service-number\">05<\/div>\n              <div>\n                <h3>Behind-the-Scenes Content<\/h3>\n                <p>Studio, set, event, and process content that gives audiences a reason to follow the story.<\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"jsm-service\">\n              <div class=\"jsm-service-number\">06<\/div>\n              <div>\n                <h3>Business Branding<\/h3>\n                <p>Brand-building media for service businesses, storefronts, teams, and growing companies.<\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"jsm-service\">\n              <div class=\"jsm-service-number\">07<\/div>\n              <div>\n                <h3>Photoshoots<\/h3>\n                <p>Portraits, lifestyle shoots, product images, senior photos, brand sessions, and creative looks.<\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"jsm-service jsm-service-featured\">\n              <div class=\"jsm-service-number\">08<\/div>\n              <div>\n                <h3>Social Media Content Production<\/h3>\n                <p>Planned content shoots for reels, campaigns, business stories, artist content, product features, and event recaps.<\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"jsm-service\">\n              <div class=\"jsm-service-number\">09<\/div>\n              <div>\n                <h3>Logos &amp; Graphic Design<\/h3>\n                <p>Logo support, digital graphics, campaign artwork, and brand visuals that match the media direction.<\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"jsm-service\">\n              <div class=\"jsm-service-number\">10<\/div>\n              <div>\n                <h3>Drone Footage<\/h3>\n                <p>Aerial video for real estate-style visuals, events, locations, outdoor scenes, and cinematic openings.<\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"jsm-service\">\n              <div class=\"jsm-service-number\">11<\/div>\n              <div>\n                <h3>Event Photography<\/h3>\n                <p>Photography coverage for events ages 16 and older, with clean highlights and moments that matter.<\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"jsm-service\">\n              <div class=\"jsm-service-number\">12<\/div>\n              <div>\n                <h3>Event Videography<\/h3>\n                <p>Video coverage and recap content for events ages 16 and older, built for sharing and remembering.<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"meet-jaz\" class=\"jsm-section\">\n        <div class=\"jsm-container\">\n          <div class=\"jsm-feature\">\n            <div class=\"jsm-feature-media\">\n              <img src=\"https:\/\/jsturgismedia.com\/wp-content\/uploads\/2026\/06\/10-jaz-picture-under-2mb.jpg\" alt=\"Jaz of J Sturgis Media with his professional camera\" loading=\"lazy\" decoding=\"async\">\n              <div class=\"jsm-feature-card\">\n                <strong>Hands-on from plan to production.<\/strong>\n                <span>Jaz works directly with each project to shape the goal, capture the right moments, and create useful final media.<\/span>\n              <\/div>\n            <\/div>\n\n            <div>\n              <div class=\"jsm-kicker\">The creator behind the camera<\/div>\n              <h2>Meet Jaz Sturgis.<\/h2>\n              <p>\n                Jaz is the hands-on creator behind J Sturgis Media, working directly with Colorado\n                businesses, artists, brands, and event organizers through planning, filming, and production.\n              <\/p>\n\n              <div class=\"jsm-checks\">\n                <div class=\"jsm-check\"><span>1<\/span>Direct collaboration around the goal, audience, setting, and finished content.<\/div>\n                <div class=\"jsm-check\"><span>2<\/span>Filming and production for commercials, reels, music visuals, events, and brand stories.<\/div>\n                <div class=\"jsm-check\"><span>3<\/span>Media shaped for social platforms, websites, campaigns, and project launches.<\/div>\n              <\/div>\n\n              <div class=\"jsm-button-row jsm-button-row-left\">\n                <a class=\"jsm-button jsm-button-primary\" href=\"#project-brief\">Start a Project<\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"showcase\" class=\"jsm-section jsm-section-soft\">\n        <div class=\"jsm-container\">\n          <div class=\"jsm-section-head\">\n            <div>\n              <div class=\"jsm-kicker\">Extended portfolio<\/div>\n              <h2>More work from J Sturgis Media.<\/h2>\n            <\/div>\n            <p>\n              A wider look at production, music visuals, creative portraits, and selected work\n              created through J Sturgis Media and Official Sauce Visuals.\n            <\/p>\n          <\/div>\n\n          <div class=\"jsm-showcase\">\n            <a class=\"jsm-shot\" href=\"mailto:JSturgisMedia@gmail.com?subject=J%20Sturgis%20Media%20Project%20Request\">\n              <img src=\"https:\/\/jsturgismedia.com\/wp-content\/uploads\/2026\/06\/12-jmedia-hero-under-2mb.jpg\" alt=\"Selected J Sturgis Media production work\" loading=\"lazy\" decoding=\"async\">\n              <span class=\"jsm-shot-label\">\n                <strong>Selected Work<\/strong>\n                <span>Production<\/span>\n              <\/span>\n            <\/a>\n\n            <a class=\"jsm-shot\" href=\"mailto:JSturgisMedia@gmail.com?subject=J%20Sturgis%20Media%20Project%20Request\">\n              <img src=\"https:\/\/jsturgismedia.com\/wp-content\/uploads\/2026\/06\/14-jmedia-work1-under-2mb.jpg\" alt=\"Behind-the-scenes J Sturgis Media work\" loading=\"lazy\" decoding=\"async\">\n              <span class=\"jsm-shot-label\">\n                <strong>Behind the Scenes<\/strong>\n                <span>Production<\/span>\n              <\/span>\n            <\/a>\n\n            <a class=\"jsm-shot\" href=\"mailto:JSturgisMedia@gmail.com?subject=Music%20Visual%20Request\">\n              <img src=\"https:\/\/jsturgismedia.com\/wp-content\/uploads\/2026\/06\/19-music-content-under-2mb.jpg\" alt=\"Music visual created by J Sturgis Media\" loading=\"lazy\" decoding=\"async\">\n              <span class=\"jsm-shot-label\">\n                <strong>Music Visual<\/strong>\n                <span>Selected work<\/span>\n              <\/span>\n            <\/a>\n\n            <a class=\"jsm-shot\" href=\"mailto:JSturgisMedia@gmail.com?subject=J%20Sturgis%20Media%20Project%20Request\">\n              <img src=\"https:\/\/jsturgismedia.com\/wp-content\/uploads\/2026\/06\/08-j-s-media-under-2mb.jpg\" alt=\"Selected J Sturgis Media creative production\" loading=\"lazy\" decoding=\"async\">\n              <span class=\"jsm-shot-label\">\n                <strong>Selected Work<\/strong>\n                <span>Production<\/span>\n              <\/span>\n            <\/a>\n\n            <a class=\"jsm-shot\" href=\"mailto:JSturgisMedia@gmail.com?subject=Creative%20Portrait%20Request\">\n              <img src=\"https:\/\/jsturgismedia.com\/wp-content\/uploads\/2026\/06\/Bam-scaled.jpg\" alt=\"Creative portrait by J Sturgis Media\" loading=\"lazy\" decoding=\"async\">\n              <span class=\"jsm-shot-label\">\n                <strong>Creative Portrait<\/strong>\n                <span>Selected work<\/span>\n              <\/span>\n            <\/a>\n\n            <a class=\"jsm-shot\" href=\"mailto:JSturgisMedia@gmail.com?subject=Creative%20Portrait%20Request\">\n              <img src=\"https:\/\/jsturgismedia.com\/wp-content\/uploads\/2026\/06\/Royal-6-scaled.jpg\" alt=\"Creative portrait work by J Sturgis Media\" loading=\"lazy\" decoding=\"async\">\n              <span class=\"jsm-shot-label\">\n                <strong>Creative Portrait<\/strong>\n                <span>Selected work<\/span>\n              <\/span>\n            <\/a>\n\n            <a class=\"jsm-shot\" href=\"mailto:JSturgisMedia@gmail.com?subject=Creative%20Portrait%20Request\">\n              <img src=\"https:\/\/jsturgismedia.com\/wp-content\/uploads\/2026\/06\/Plague-3-50-scaled.jpg\" alt=\"Selected creative portrait by J Sturgis Media\" loading=\"lazy\" decoding=\"async\">\n              <span class=\"jsm-shot-label\">\n                <strong>Creative Portrait<\/strong>\n                <span>Selected work<\/span>\n              <\/span>\n            <\/a>\n            <!-- Add future real J Sturgis Media image cards here when more approved work is ready. -->\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"socials\" class=\"jsm-section\">\n        <div class=\"jsm-container\">\n          <div class=\"jsm-social-stage\">\n            <div class=\"jsm-social-stage-head\">\n              <div>\n                <div class=\"jsm-kicker\">Official Sauce Visuals<\/div>\n                <h2>The work is already moving.<\/h2>\n              <\/div>\n              <p>\n                See J Sturgis Media across the platforms where the videos, photos, edits,\n                behind-the-scenes moments, and current visual work are published. Pick the\n                platform you actually use and follow the portfolio there.\n              <\/p>\n            <\/div>\n\n            <div class=\"jsm-channel-grid\">\n              <a class=\"jsm-channel-card\" href=\"https:\/\/www.instagram.com\/officialsaucevisuals\/\" target=\"_blank\" rel=\"noopener\">\n                <small>Instagram<\/small>\n                <div>\n                  <strong>@officialsaucevisuals<\/strong>\n                  <span>Photography, reels, music videos, cinematic projects, and portfolio drops.<\/span>\n                <\/div>\n              <\/a>\n\n              <a class=\"jsm-channel-card\" href=\"https:\/\/www.tiktok.com\/@officialsaucevisuals\" target=\"_blank\" rel=\"noopener\">\n                <small>TikTok<\/small>\n                <div>\n                  <strong>@officialsaucevisuals<\/strong>\n                  <span>Short-form edits, creator clips, quick visuals, and social-first video.<\/span>\n                <\/div>\n              <\/a>\n\n              <a class=\"jsm-channel-card\" href=\"https:\/\/www.youtube.com\/@OfficialSauceVisuals\" target=\"_blank\" rel=\"noopener\">\n                <small>YouTube<\/small>\n                <div>\n                  <strong>Official Sauce Visuals<\/strong>\n                  <span>Longer-form visual work and a searchable home for video projects.<\/span>\n                <\/div>\n              <\/a>\n\n              <a class=\"jsm-channel-card\" href=\"https:\/\/www.facebook.com\/profile.php?id=61555533562407\" target=\"_blank\" rel=\"noopener\">\n                <small>Facebook Page<\/small>\n                <div>\n                  <strong>J Sturgis Media<\/strong>\n                  <span>Business updates, media work, local information, and booking access.<\/span>\n                <\/div>\n              <\/a>\n\n              <a class=\"jsm-channel-card\" href=\"https:\/\/www.facebook.com\/jaz.sturgis\" target=\"_blank\" rel=\"noopener\">\n                <small>Creator Profile<\/small>\n                <div>\n                  <strong>Jaz Sturgis<\/strong>\n                  <span>The creator behind the camera and additional work connected to the brand.<\/span>\n                <\/div>\n              <\/a>\n            <\/div>\n\n            <div class=\"jsm-split-cta\">\n              <div>\n                <div class=\"jsm-kicker\">Do more than follow<\/div>\n                <h2>Put your business in the next shoot.<\/h2>\n              <\/div>\n              <div>\n                <p>\n                  Tell Jaz what you need people to notice, trust, remember, or do. That goal becomes\n            the starting point for the content&mdash;not an afterthought once the camera is already rolling.\n                <\/p>\n                <div class=\"jsm-button-row jsm-button-row-left\">\n                  <a class=\"jsm-button jsm-button-primary\" href=\"#project-brief\">Start My Project Brief<\/a>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"process\" class=\"jsm-section\">\n        <div class=\"jsm-container\">\n          <div class=\"jsm-split-cta\">\n            <div>\n              <div class=\"jsm-kicker\">Simple project flow<\/div>\n              <h2>Bring the idea. We shape the visuals.<\/h2>\n            <\/div>\n            <p>\n              Whether you need a commercial, content day, promo reel, product shoot, photoshoot, video shoot,\n              logo support, graphic design, drone footage, or event coverage, the first step is telling us what\n              the content needs to accomplish.\n            <\/p>\n          <\/div>\n\n          <div class=\"jsm-process\">\n            <div class=\"jsm-step\">\n              <b>1<\/b>\n              <h3>Tell us the goal<\/h3>\n              <p>Send the business, brand, artist, product, or event details so the project can be shaped clearly.<\/p>\n            <\/div>\n\n            <div class=\"jsm-step\">\n              <b>2<\/b>\n              <h3>Plan the shoot<\/h3>\n              <p>Choose the format, location, style, deliverables, and what content needs to be captured.<\/p>\n            <\/div>\n\n            <div class=\"jsm-step\">\n              <b>3<\/b>\n              <h3>Create the media<\/h3>\n              <p>Capture photo, video, aerial, product, and brand content with the final platform in mind.<\/p>\n            <\/div>\n\n            <div class=\"jsm-step\">\n              <b>4<\/b>\n              <h3>Deliver the look<\/h3>\n              <p>Receive polished content built for promotion, posting, launch moments, and brand recognition.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"service-area\" class=\"jsm-section jsm-section-soft\">\n        <div class=\"jsm-container\">\n          <div class=\"jsm-service-area-card\">\n            <div class=\"jsm-service-area-copy\">\n              <div class=\"jsm-kicker\">On-location media production<\/div>\n              <h2>No storefront needed. The production comes to the project.<\/h2>\n              <p>\n                J Sturgis Media works on location for Colorado businesses, artists, products, events,\n                and creators. Planning starts online, then the shoot is built around the right setting\n              for the story&mdash;not a public walk-in studio.\n              <\/p>\n\n              <div class=\"jsm-service-area-points\">\n                <div class=\"jsm-service-area-point\"><b>1<\/b>Colorado project availability, including the Denver metro area.<\/div>\n                <div class=\"jsm-service-area-point\"><b>2<\/b>Shoots at businesses, venues, events, outdoor locations, or another approved setting.<\/div>\n                <div class=\"jsm-service-area-point\"><b>3<\/b>Project details, timing, location, and deliverables are confirmed directly with Jaz.<\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"jsm-service-area-action\">\n              <small>Best next step<\/small>\n              <strong>Send the goal before choosing the location.<\/strong>\n              <p>\n                Tell Jaz what the finished content needs to accomplish. He can help shape the production\n                plan and determine what kind of setting supports it.\n              <\/p>\n              <a class=\"jsm-button jsm-button-primary\" href=\"#project-brief\">Start My Project Brief<\/a>\n              <a class=\"jsm-button jsm-button-secondary\" href=\"mailto:JSturgisMedia@gmail.com?subject=J%20Sturgis%20Media%20Project%20Question\">Ask a Project Question<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"web-design\" class=\"jsm-section jsm-src-section\">\n        <div class=\"jsm-container\">\n          <div class=\"jsm-src-card\">\n            <div class=\"jsm-src-brand\">\n              <a class=\"jsm-src-logo-link\" href=\"https:\/\/smiths-remote-consulting.com\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visit Smiths Remote Consulting\">\n                <img decoding=\"async\" class=\"jsm-src-logo\" src=\"https:\/\/smiths-remote-consulting.com\/wp-content\/uploads\/2026\/06\/LOGO.webp\" alt=\"Smiths Remote Consulting logo\">\n              <\/a>\n              <p class=\"jsm-src-tag\">\n                Website and online presence support by <a href=\"https:\/\/smiths-remote-consulting.com\/\" target=\"_blank\" rel=\"noopener\">Smiths Remote Consulting<\/a>.\n              <\/p>\n            <\/div>\n\n            <div class=\"jsm-src-content\">\n              <div class=\"jsm-kicker\">Need a website or online presence?<\/div>\n              <h2>Turn the content into a place people can find you.<\/h2>\n              <p>\n                If your brand also needs a website, landing page, marketing setup, or SEO tune-up,\n                Smiths Remote Consulting can help build the online home for the visuals J Sturgis Media creates.\n              <\/p>\n\n              <div class=\"jsm-src-services\">\n                <span class=\"jsm-src-service\">Website Production<\/span>\n                <span class=\"jsm-src-service\">Online Presence<\/span>\n                <span class=\"jsm-src-service\">Marketing Setup<\/span>\n                <span class=\"jsm-src-service\">SEO Tune-Up<\/span>\n              <\/div>\n\n              <div class=\"jsm-button-row\">\n                <a class=\"jsm-button jsm-button-primary\" href=\"https:\/\/smiths-remote-consulting.com\/\" target=\"_blank\" rel=\"noopener\">Visit Smiths Remote Consulting<\/a>\n                <a class=\"jsm-button jsm-button-secondary\" href=\"https:\/\/smiths-remote-consulting.com\/contact-quote-request\/\" target=\"_blank\" rel=\"noopener\">Request a Website Quote<\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"project-brief\" class=\"jsm-section jsm-contact\">\n        <div class=\"jsm-container\">\n          <div class=\"jsm-contact-wrap\">\n            <div class=\"jsm-contact-panel\">\n              <div class=\"jsm-kicker\">Start with the goal<\/div>\n              <h2>Give Jaz a real project brief.<\/h2>\n              <p>\n                A few clear details make the first conversation more useful. Tell J Sturgis Media\n                what you are promoting, who needs to see it, where the content will be used, and\n                what you want people to do next.\n              <\/p>\n\n              <div class=\"jsm-checks\">\n                <div class=\"jsm-check\"><span>1<\/span>Social content, commercial, music video, photography, drone, event, product, or brand project.<\/div>\n                <div class=\"jsm-check\"><span>2<\/span>Colorado on-location production with project details confirmed directly.<\/div>\n              <div class=\"jsm-check\"><span>3<\/span>No polished brief required&mdash;plain language is enough to start.<\/div>\n              <\/div>\n\n              <div class=\"jsm-button-row jsm-button-row-left\">\n                <a class=\"jsm-button jsm-button-secondary\" href=\"mailto:JSturgisMedia@gmail.com\">Email Directly<\/a>\n                <a class=\"jsm-button jsm-button-secondary\" href=\"#services\">Review Services<\/a>\n              <\/div>\n            <\/div>\n\n            <form class=\"jsm-project-form\" id=\"jsm-project-form\">\n              <div>\n                <div class=\"jsm-kicker\">Project request<\/div>\n                <h3 class=\"jsm-form-title\">What are we creating?<\/h3>\n              <\/div>\n\n              <div class=\"jsm-form-grid\">\n                <div class=\"jsm-form-field\">\n                  <label for=\"jsm-name\">Your name *<\/label>\n                  <input id=\"jsm-name\" name=\"name\" type=\"text\" autocomplete=\"name\" required>\n                <\/div>\n\n                <div class=\"jsm-form-field\">\n                  <label for=\"jsm-business\">Business, artist, or project<\/label>\n                  <input id=\"jsm-business\" name=\"business\" type=\"text\" autocomplete=\"organization\">\n                <\/div>\n\n                <div class=\"jsm-form-field\">\n                  <label for=\"jsm-contact-info\">Best email or phone *<\/label>\n                  <input id=\"jsm-contact-info\" name=\"contact\" type=\"text\" required>\n                <\/div>\n\n                <div class=\"jsm-form-field\">\n                  <label for=\"jsm-service\">Project type *<\/label>\n                  <select id=\"jsm-service\" name=\"service\" required>\n                    <option value=\"\">Choose one<\/option>\n                    <option>Social media content shoot<\/option>\n                    <option>Commercial or brand video<\/option>\n                    <option>Music video or artist content<\/option>\n                    <option>Photography or product shoot<\/option>\n                    <option>Event photo or video<\/option>\n                    <option>Drone footage<\/option>\n                    <option>Logo or graphic design<\/option>\n                    <option>Not sure yet<\/option>\n                  <\/select>\n                <\/div>\n\n                <div class=\"jsm-form-field\">\n                  <label for=\"jsm-platform\">Primary platform<\/label>\n                  <select id=\"jsm-platform\" name=\"platform\">\n                    <option value=\"\">Choose one<\/option>\n                    <option>Instagram<\/option>\n                    <option>TikTok<\/option>\n                    <option>Facebook<\/option>\n                    <option>YouTube<\/option>\n                    <option>Website<\/option>\n                    <option>Advertising<\/option>\n                    <option>Multiple platforms<\/option>\n                    <option>Not sure yet<\/option>\n                  <\/select>\n                <\/div>\n\n                <div class=\"jsm-form-field\">\n                  <label for=\"jsm-timeline\">Timeline<\/label>\n                  <input id=\"jsm-timeline\" name=\"timeline\" type=\"text\" placeholder=\"Date, month, or flexible\">\n                <\/div>\n\n                <div class=\"jsm-form-field jsm-form-field-full\">\n                  <label for=\"jsm-goal\">What should people notice, trust, remember, or do? *<\/label>\n                  <textarea id=\"jsm-goal\" name=\"goal\" required placeholder=\"Tell us the goal, location, audience, idea, and anything you already have planned.\"><\/textarea>\n                <\/div>\n              <\/div>\n\n              <button class=\"jsm-button jsm-button-primary\" type=\"submit\">Send My Project Brief<\/button>\n              <p class=\"jsm-form-note\">\n                This opens your email app with the project details filled in and addressed to JSturgisMedia@gmail.com.\n                Nothing is booked or priced until Jaz reviews the request with you.\n              <\/p>\n            <\/form>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/main>\n\n    <a class=\"jsm-back-to-top\" href=\"#jsm-top\" aria-label=\"Back to top\" title=\"Back to top\">\n      <span aria-hidden=\"true\">&uarr;<\/span>\n    <\/a>\n\n    <nav class=\"jsm-floating-dock\" aria-label=\"J Sturgis Media quick links\">\n      <a class=\"jsm-dock-link\" href=\"https:\/\/www.instagram.com\/officialsaucevisuals\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open Official Sauce Visuals on Instagram\">\n        <span class=\"jsm-dock-icon\" aria-hidden=\"true\">\n          <img src=\"https:\/\/cdn.simpleicons.org\/instagram\/8fc96b\" alt=\"\" width=\"18\" height=\"18\" decoding=\"async\">\n        <\/span>\n        <span>Instagram<\/span>\n      <\/a>\n      <a class=\"jsm-dock-link\" href=\"https:\/\/www.tiktok.com\/@officialsaucevisuals\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open Official Sauce Visuals on TikTok\">\n        <span class=\"jsm-dock-icon\" aria-hidden=\"true\">\n          <img src=\"https:\/\/cdn.simpleicons.org\/tiktok\/8fc96b\" alt=\"\" width=\"18\" height=\"18\" decoding=\"async\">\n        <\/span>\n        <span>TikTok<\/span>\n      <\/a>\n      <a class=\"jsm-dock-link\" href=\"https:\/\/www.youtube.com\/@OfficialSauceVisuals\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open Official Sauce Visuals on YouTube\">\n        <span class=\"jsm-dock-icon\" aria-hidden=\"true\">\n          <img src=\"https:\/\/cdn.simpleicons.org\/youtube\/8fc96b\" alt=\"\" width=\"18\" height=\"18\" decoding=\"async\">\n        <\/span>\n        <span>YouTube<\/span>\n      <\/a>\n      <a class=\"jsm-dock-link\" href=\"https:\/\/www.facebook.com\/profile.php?id=61555533562407\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open J Sturgis Media on Facebook\">\n        <span class=\"jsm-dock-icon\" aria-hidden=\"true\">\n          <img loading=\"lazy\" src=\"https:\/\/cdn.simpleicons.org\/facebook\/8fc96b\" alt=\"\" width=\"18\" height=\"18\" decoding=\"async\">\n        <\/span>\n        <span>Facebook<\/span>\n      <\/a>\n      <a class=\"jsm-dock-link jsm-dock-link-primary\" href=\"#project-brief\">\n        <span class=\"jsm-dock-icon\" aria-hidden=\"true\">+<\/span>\n        <span>Start a Project<\/span>\n      <\/a>\n    <\/nav>\n\n    <footer class=\"jsm-footer\">\n      <div class=\"jsm-container\">\n        <div class=\"jsm-footer-inner\">\n          <div>&copy; 2026 J Sturgis Media. All rights reserved.<\/div>\n          <div class=\"jsm-footer-links\">\n            <a href=\"#services\">Services<\/a>\n            <a href=\"#featured-work\">Work<\/a>\n            <a href=\"#socials\">Socials<\/a>\n            <a href=\"#project-brief\">Project Brief<\/a>\n            <a href=\"#service-area\">Service Area<\/a>\n            <a href=\"https:\/\/smiths-remote-consulting.com\/\" target=\"_blank\" rel=\"noopener\">Web Design<\/a>\n            <a href=\"mailto:JSturgisMedia@gmail.com\">Email<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/footer>\n  <\/div>\n  <script>\n    (function () {\n      var site = document.querySelector('.jsm-site');\n      if (!site) return;\n\n      var updateFloatingControls = function () {\n        var scrollTop = window.scrollY || document.documentElement.scrollTop;\n        site.classList.toggle('jsm-dock-visible', window.innerWidth > 720 || scrollTop > 120);\n        site.classList.toggle('jsm-back-to-top-visible', scrollTop > Math.max(420, window.innerHeight * 0.55));\n      };\n\n      var updateMouse = function (event) {\n        var x = (event.clientX \/ window.innerWidth) * 100;\n        var y = (event.clientY \/ window.innerHeight) * 100;\n        site.style.setProperty('--jsm-mouse-x', x + '%');\n        site.style.setProperty('--jsm-mouse-y', y + '%');\n      };\n\n      var revealItems = document.querySelectorAll(\n        '.jsm-section-head, .jsm-media-tile, .jsm-pain-head, .jsm-pain-card, .jsm-avatar-card, .jsm-engine-hero, .jsm-output-card, .jsm-service, .jsm-feature, .jsm-shot, .jsm-step, .jsm-social-stage-head, .jsm-channel-card, .jsm-service-area-card, .jsm-src-card, .jsm-contact-panel, .jsm-project-form'\n      );\n\n      revealItems.forEach(function (item, index) {\n        item.classList.add('jsm-reveal');\n        item.style.setProperty('--jsm-delay', Math.min(index % 6, 5) * 70 + 'ms');\n      });\n\n      if ('IntersectionObserver' in window) {\n        var observer = new IntersectionObserver(function (entries) {\n          entries.forEach(function (entry) {\n            if (entry.isIntersecting) {\n              entry.target.classList.add('is-visible');\n              observer.unobserve(entry.target);\n            }\n          });\n        }, { threshold: 0.15, rootMargin: '0px 0px -8% 0px' });\n\n        revealItems.forEach(function (item) {\n          observer.observe(item);\n        });\n      } else {\n        revealItems.forEach(function (item) {\n          item.classList.add('is-visible');\n        });\n      }\n\n      updateFloatingControls();\n      window.addEventListener('scroll', updateFloatingControls, { passive: true });\n      window.addEventListener('resize', updateFloatingControls);\n      window.addEventListener('mousemove', updateMouse, { passive: true });\n\n      var backToTop = document.querySelector('.jsm-back-to-top');\n      if (backToTop) {\n        backToTop.addEventListener('click', function (event) {\n          event.preventDefault();\n          window.scrollTo({ top: 0, behavior: 'smooth' });\n        });\n      }\n\n      var projectForm = document.getElementById('jsm-project-form');\n      var serviceField = document.getElementById('jsm-service');\n      var platformField = document.getElementById('jsm-platform');\n      var laneButtons = document.querySelectorAll('[data-jsm-service]');\n\n      laneButtons.forEach(function (button) {\n        button.addEventListener('click', function () {\n          if (serviceField) serviceField.value = button.getAttribute('data-jsm-service') || '';\n          if (platformField) platformField.value = button.getAttribute('data-jsm-platform') || '';\n          if (projectForm) {\n            projectForm.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            window.setTimeout(function () {\n              var nameField = document.getElementById('jsm-name');\n              if (nameField) nameField.focus({ preventScroll: true });\n            }, 650);\n          }\n        });\n      });\n\n      if (projectForm) {\n        projectForm.addEventListener('submit', function (event) {\n          event.preventDefault();\n\n          if (!projectForm.checkValidity()) {\n            projectForm.reportValidity();\n            return;\n          }\n\n          var value = function (id) {\n            var field = document.getElementById(id);\n            return field && field.value ? field.value.trim() : 'Not provided';\n          };\n\n          var name = value('jsm-name');\n          var business = value('jsm-business');\n          var service = value('jsm-service');\n          var subject = 'J Sturgis Media Project Brief - ' + service + ' - ' + name;\n          var body = [\n            'J STURGIS MEDIA PROJECT BRIEF',\n            '',\n            'Name: ' + name,\n            'Business \/ artist \/ project: ' + business,\n            'Best contact: ' + value('jsm-contact-info'),\n            'Project type: ' + service,\n            'Primary platform: ' + value('jsm-platform'),\n            'Timeline: ' + value('jsm-timeline'),\n            '',\n            'Goal and project details:',\n            value('jsm-goal'),\n            '',\n            'Sent from the J Sturgis Media website project form.'\n          ].join('\\n');\n\n          window.location.href =\n            'mailto:JSturgisMedia@gmail.com?subject=' +\n            encodeURIComponent(subject) +\n            '&body=' +\n            encodeURIComponent(body);\n        });\n      }\n    })();\n  <\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>J Sturgis Media Video, photo, branding, design Who We Help Services Work Socials Start a Project Colorado video, photo &amp; social content Your work deserves content that looks the part. J Sturgis Media helps Colorado businesses, artists, brands, and event organizers stop relying on random phone clips and build professional content people can notice, trust, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jsturgismedia.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jsturgismedia.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jsturgismedia.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jsturgismedia.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jsturgismedia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":49,"href":"https:\/\/jsturgismedia.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":121,"href":"https:\/\/jsturgismedia.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/121"}],"wp:attachment":[{"href":"https:\/\/jsturgismedia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}