{"id":8,"date":"2026-04-14T13:22:11","date_gmt":"2026-04-14T13:22:11","guid":{"rendered":"https:\/\/seasnddsgn.wpenginepowered.com\/?page_id=8"},"modified":"2026-04-28T15:51:14","modified_gmt":"2026-04-28T15:51:14","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/seasoneddesigner.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5802202 e-con-full elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet top-gradient e-flex e-con e-parent\" data-id=\"5802202\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;fixed&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-803b133 e-con-full elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet bottom-gradient e-flex e-con e-parent\" data-id=\"803b133\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;fixed&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d713a69 e-con e-atomic-element e-flexbox-base e-d713a69-1a8e8c6 amorphic-bg\" data-id=\"d713a69\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d713a69\" id=\"amorphic-bg\" data-e-type=\"e-flexbox\" data-id=\"d713a69\">\n\t\t<div class=\"elementor-element elementor-element-e40ec55 play_row e-con-full e-flex e-con e-child\" data-id=\"e40ec55\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-253f467 e-con-full rotating-bg e-flex e-con e-child\" data-id=\"253f467\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-662a162 e-con-full e-transform site-video-trigger e-flex e-con e-child\" data-id=\"662a162\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.98,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6d26f6d e-con-full animation_holder e-flex e-con e-parent\" data-id=\"6d26f6d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0089b98 elementor-hidden-tablet elementor-hidden-mobile elementor-laptop-align-left elementor-tablet-align-left elementor-align-left lottie-landscape elementor-widget elementor-widget-lottie\" data-id=\"0089b98\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"lottie-landscape\" data-settings=\"{&quot;source_json&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/seasoneddesigner.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Web-Intro-Land.json&quot;,&quot;id&quot;:62,&quot;size&quot;:&quot;&quot;,&quot;alt&quot;:&quot;&quot;,&quot;source&quot;:&quot;library&quot;},&quot;loop&quot;:&quot;yes&quot;,&quot;lazyload&quot;:&quot;yes&quot;,&quot;source&quot;:&quot;media_file&quot;,&quot;caption_source&quot;:&quot;none&quot;,&quot;link_to&quot;:&quot;none&quot;,&quot;trigger&quot;:&quot;arriving_to_viewport&quot;,&quot;viewport&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;play_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;start_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;end_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;renderer&quot;:&quot;svg&quot;}\" data-widget_type=\"lottie.default\">\n\t\t\t\t\t<div class=\"e-lottie__container\"><div class=\"e-lottie__animation\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2972381 elementor-hidden-desktop elementor-hidden-laptop elementor-tablet-align-left lottie-portrait elementor-widget-tablet__width-initial elementor-align-center elementor-widget elementor-widget-lottie\" data-id=\"2972381\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"lottie-portrait\" data-settings=\"{&quot;source_json&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/seasoneddesigner.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/WebIntro-Port.json&quot;,&quot;id&quot;:13,&quot;size&quot;:&quot;&quot;,&quot;alt&quot;:&quot;&quot;,&quot;source&quot;:&quot;library&quot;},&quot;lazyload&quot;:&quot;yes&quot;,&quot;source&quot;:&quot;media_file&quot;,&quot;caption_source&quot;:&quot;none&quot;,&quot;link_to&quot;:&quot;none&quot;,&quot;trigger&quot;:&quot;arriving_to_viewport&quot;,&quot;viewport&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;play_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;start_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;end_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;renderer&quot;:&quot;svg&quot;}\" data-widget_type=\"lottie.default\">\n\t\t\t\t\t<div class=\"e-lottie__container\"><div class=\"e-lottie__animation\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1fcbf0c elementor-fixed elementor-widget elementor-widget-html\" data-id=\"1fcbf0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;fixed&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  if (typeof lottie === 'undefined') return;\n\n  function attachSegmentLoop(widgetSelector, introFrames, loopFrames) {\n    const widget = document.querySelector(widgetSelector);\n    if (!widget) return;\n\n    let attached = false;\n\n    function findAndBind() {\n      if (attached) return;\n\n      const animations = lottie.getRegisteredAnimations\n        ? lottie.getRegisteredAnimations()\n        : [];\n\n      const anim = animations.find(function (item) {\n        \/\/ Practical match: find the animation whose rendered wrapper sits inside this widget\n        return item.wrapper && widget.contains(item.wrapper);\n      });\n\n      if (!anim) {\n        requestAnimationFrame(findAndBind);\n        return;\n      }\n\n      attached = true;\n\n      let inLoopSection = false;\n\n      anim.stop();\n      anim.loop = false;\n      anim.playSegments(introFrames, true);\n\n      anim.addEventListener('complete', function () {\n        if (!inLoopSection) {\n          inLoopSection = true;\n          anim.playSegments(loopFrames, true);\n        } else {\n          anim.playSegments(loopFrames, true);\n        }\n      });\n    }\n\n    findAndBind();\n  }\n\n  attachSegmentLoop('#lottie-portrait', [0, 599], [84, 599]);\n  attachSegmentLoop('#lottie-landscape', [0, 599], [101, 599]);\n  \n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e2b127 elementor-widget elementor-widget-html\" data-id=\"7e2b127\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"site-video-overlay\" aria-hidden=\"true\">\n  <div id=\"site-video-loader\" aria-hidden=\"true\">\n    <div class=\"site-video-loader-inner\">\n      <span class=\"loader\" aria-hidden=\"true\"><\/span>\n    <\/div>\n  <\/div>\n\n  <video\n    id=\"site-video-horizontal\"\n    playsinline\n    preload=\"none\"\n    data-src=\"https:\/\/seasoneddesigner.com\/wp-content\/uploads\/2026\/04\/Final_Reel_Horizontal_WEB.mp4\">\n  <\/video>\n\n  <video\n    id=\"site-video-vertical\"\n    playsinline\n    preload=\"none\"\n    data-src=\"https:\/\/seasoneddesigner.com\/wp-content\/uploads\/2026\/04\/Final_Reel_Vertical_WEB.mp4\">\n  <\/video>\n\n  <button id=\"site-video-close\" aria-label=\"Close video popup\">\u00d7<\/button>\n<\/div>\n\n<style>\n  :root {\n    --site-close-bg-image: none;\n    --site-mute-bg-image: none;\n    --site-mute-selected-bg-image: none;\n\n    --floating-edge-gap: 50px;\n    --floating-z-top: 999999;\n    --floating-z-bottom: 100000;\n    --floating-z-under-video: 10;\n\n    --site-close-z: 1000001;\n    --site-mute-z: 1000002;\n\n    --site-mute-size: 40px;\n  }\n\n  html.site-video-lock,\n  body.site-video-lock {\n    overflow: hidden;\n    min-height: 100svh;\n    margin: 0;\n  }\n\n  \/* =========================\n     TOP-RIGHT DRAWER ANCHOR\n     ========================= *\/\n\n  .drawer-toggle {\n    position: fixed !important;\n    top: calc(env(safe-area-inset-top, 0px) + var(--floating-edge-gap)) !important;\n    right: calc(env(safe-area-inset-right, 0px) + var(--floating-edge-gap)) !important;\n    bottom: auto !important;\n    left: auto !important;\n\n    z-index: var(--floating-z-top) !important;\n\n    margin: 0 !important;\n    width: auto !important;\n    max-width: none !important;\n    overflow: visible !important;\n    box-sizing: border-box !important;\n\n    pointer-events: auto !important;\n    touch-action: manipulation;\n  }\n\n  .drawer-toggle,\n  .drawer-toggle * {\n    pointer-events: auto !important;\n  }\n\n  \/*\n    The real Elementor mute button lives inside .drawer-toggle,\n    but stays hidden. The floating mute button is created by JS.\n  *\/\n  .drawer-toggle .mute-button,\n  .mute-button {\n    width: var(--site-mute-size) !important;\n    height: var(--site-mute-size) !important;\n    min-width: var(--site-mute-size) !important;\n    min-height: var(--site-mute-size) !important;\n    max-width: var(--site-mute-size) !important;\n    max-height: var(--site-mute-size) !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n    box-sizing: border-box !important;\n\n    background-size: contain !important;\n    background-position: center center !important;\n    background-repeat: no-repeat !important;\n\n    opacity: 0 !important;\n    visibility: hidden !important;\n    pointer-events: none !important;\n  }\n\n  \/*\n    While the video is open, the drawer is pushed under the video\n    and cannot be clicked.\n  *\/\n  body.site-video-open .drawer-toggle {\n    z-index: var(--floating-z-under-video) !important;\n    pointer-events: none !important;\n  }\n\n  \/*\n    Hide the drawer graphic while video is open.\n    This keeps .drawer-toggle measurable, which is important.\n  *\/\n  body.site-video-open .drawer-toggle > img,\n  body.site-video-open .drawer-toggle picture,\n  body.site-video-open .drawer-toggle .elementor-widget-image,\n  body.site-video-open .drawer-toggle .elementor-widget-image *,\n  body.site-video-open .drawer-toggle .elementor-widget-container img {\n    opacity: 0 !important;\n    visibility: hidden !important;\n    pointer-events: none !important;\n  }\n\n  \/* =========================\n     VIDEO OVERLAY\n     ========================= *\/\n\n  #site-video-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 999998;\n    background: #000;\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    transition: opacity 1s ease, visibility 1s ease;\n  }\n\n  #site-video-overlay.is-active {\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n  }\n\n  #site-video-overlay video {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: none;\n    background: #000;\n    z-index: 5;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n  }\n\n  #site-video-overlay video.site-video-visible {\n    opacity: 1;\n  }\n\n  #site-video-close {\n    display: none !important;\n  }\n\n  \/* =========================\n     VIDEO TRIGGER\n     ========================= *\/\n\n  .site-video-trigger {\n    cursor: pointer;\n    transition: opacity 1s ease, transform 0.25s ease;\n  }\n\n  .site-video-trigger.site-video-trigger-hidden {\n    opacity: 0 !important;\n    visibility: hidden !important;\n    pointer-events: none !important;\n  }\n\n  .site-video-trigger.site-video-trigger-open,\n  .site-video-trigger.site-video-trigger-open:hover,\n  .site-video-trigger.site-video-trigger-open:focus,\n  .site-video-trigger.site-video-trigger-open:active {\n    transform: none !important;\n    filter: none !important;\n    box-shadow: none !important;\n  }\n\n  \/* ============================\n     BOTTOM-RIGHT PLAY ROW ANCHOR\n     ============================ *\/\n\n  .play_row {\n    position: fixed !important;\n    right: calc(env(safe-area-inset-right, 0px) + var(--floating-edge-gap)) !important;\n    bottom: calc(env(safe-area-inset-bottom, 0px) + var(--floating-edge-gap)) !important;\n    top: auto !important;\n    left: auto !important;\n\n    z-index: var(--floating-z-bottom) !important;\n\n    width: auto !important;\n    max-width: none !important;\n    overflow: visible !important;\n    isolation: isolate;\n    pointer-events: none !important;\n  }\n\n  .play_row > *,\n  .play_row .e-con-inner,\n  .play_row .elementor-widget-wrap,\n  .play_row .elementor-widget-container,\n  .play_row .elementor-button-wrapper {\n    overflow: visible !important;\n  }\n\n  .play_row .site-video-trigger,\n  .play_row .site-video-trigger *,\n  .play_row a.site-video-trigger,\n  .play_row button.site-video-trigger {\n    pointer-events: auto !important;\n  }\n\n  .play_row .site-video-trigger {\n    position: relative !important;\n    z-index: calc(var(--floating-z-bottom) + 1) !important;\n    cursor: pointer !important;\n    touch-action: manipulation;\n  }\n\n  .play_row .site-video-trigger > * {\n    position: relative;\n    z-index: calc(var(--floating-z-bottom) + 1);\n  }\n\n  \/* =========================\n     FLOATING VIDEO CLOSE\n     ========================= *\/\n\n  .site-floating-video-close {\n    position: fixed !important;\n    z-index: var(--site-close-z) !important;\n\n    display: block !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n    border: 0 !important;\n    outline: none !important;\n\n    appearance: none !important;\n    -webkit-appearance: none !important;\n\n    cursor: pointer;\n\n    background-color: transparent !important;\n    background-image: var(--site-close-bg-image) !important;\n    background-size: cover !important;\n    background-position: center center !important;\n    background-repeat: no-repeat !important;\n\n    opacity: 0.6;\n\n    transform: translateZ(0);\n    -webkit-transform: translateZ(0);\n    backface-visibility: hidden;\n    -webkit-backface-visibility: hidden;\n\n    will-change: top, left, width, height, transform;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .site-floating-video-close:hover {\n      transform: translateZ(0) scale(1.02);\n    }\n  }\n\n  \/* =========================\n     FLOATING VIDEO MUTE\n     ========================= *\/\n\n  .site-floating-video-mute {\n    position: fixed !important;\n    z-index: var(--site-mute-z) !important;\n\n    width: var(--site-mute-size) !important;\n    height: var(--site-mute-size) !important;\n    min-width: var(--site-mute-size) !important;\n    min-height: var(--site-mute-size) !important;\n    max-width: var(--site-mute-size) !important;\n    max-height: var(--site-mute-size) !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n    border: 0 !important;\n    outline: none !important;\n\n    box-sizing: border-box !important;\n\n    appearance: none !important;\n    -webkit-appearance: none !important;\n\n    cursor: pointer;\n\n    background-color: transparent !important;\n    background-image: var(--site-mute-bg-image) !important;\n    background-size: contain !important;\n    background-position: center center !important;\n    background-repeat: no-repeat !important;\n\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n\n    transform: translateZ(0);\n    -webkit-transform: translateZ(0);\n    backface-visibility: hidden;\n    -webkit-backface-visibility: hidden;\n\n    will-change: top, right, opacity, transform;\n    transition: opacity 0.35s ease, visibility 0.35s ease, transform 0.25s ease;\n  }\n\n  .site-floating-video-mute.site-floating-video-mute-visible {\n    opacity: 0.6;\n    visibility: visible;\n    pointer-events: auto;\n  }\n\n  .site-floating-video-mute.site-audio-muted {\n    background-image: var(--site-mute-selected-bg-image) !important;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .site-floating-video-mute.site-floating-video-mute-visible:hover {\n      transform: translateZ(0) scale(1.02);\n    }\n  }\n\n  \/* =========================\n     VIDEO LOADER\n     ========================= *\/\n\n  #site-video-loader {\n    position: absolute;\n    inset: 0;\n    z-index: 20;\n    display: grid;\n    place-items: center;\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    transition: opacity 0.2s ease, visibility 0.2s ease;\n    background: rgba(0, 0, 0, 0.45);\n  }\n\n  #site-video-overlay.site-video-loading #site-video-loader {\n    opacity: 1;\n    visibility: visible;\n  }\n\n  .site-video-loader-inner {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  #site-video-overlay .loader {\n    width: 120px;\n    height: 22px;\n    border-radius: 20px;\n    color: #FFFFFF;\n    border: 2px solid;\n    position: relative;\n    box-sizing: border-box;\n  }\n\n  #site-video-overlay .loader::before {\n    content: \"\";\n    position: absolute;\n    margin: 2px;\n    inset: 0 100% 0 0;\n    border-radius: inherit;\n    background: currentColor;\n    animation: l6 2s infinite;\n  }\n\n  @keyframes l6 {\n    100% {\n      inset: 0;\n    }\n  }\n\n  \/* =========================\n     BACKGROUND FADE\n     ========================= *\/\n\n  .rotating-bg::before {\n    transition: opacity 1s ease;\n  }\n\n  .rotating-bg.site-bg-faded::before {\n    opacity: 0;\n  }\n\n  .site-video-open .site-video-hide-during-video {\n    opacity: 0 !important;\n    visibility: hidden !important;\n    pointer-events: none !important;\n  }\n\n  \/* =========================\n     WORDPRESS ADMIN BAR\n     ========================= *\/\n\n  body.admin-bar .drawer-toggle {\n    top: calc(env(safe-area-inset-top, 0px) + var(--floating-edge-gap) + 46px) !important;\n  }\n\n  @media (min-width: 783px) {\n    body.admin-bar .drawer-toggle {\n      top: calc(env(safe-area-inset-top, 0px) + var(--floating-edge-gap) + 32px) !important;\n    }\n  }\n\n  \/* =========================\n     MOBILE\n     ========================= *\/\n\n  @media (max-width: 767px) {\n    :root {\n      --floating-edge-gap: 30px;\n    }\n\n    .drawer-toggle {\n      width: 100px !important;\n      min-width: 100px !important;\n    }\n  }\n<\/style>\n\n<script>\n  (function () {\n    const overlay = document.getElementById('site-video-overlay');\n    const loader = document.getElementById('site-video-loader');\n    const horizontalVideo = document.getElementById('site-video-horizontal');\n    const verticalVideo = document.getElementById('site-video-vertical');\n    const closeBtn = document.getElementById('site-video-close');\n\n    const triggers = document.querySelectorAll('.site-video-trigger');\n    const rotatingBgs = document.querySelectorAll('.rotating-bg');\n\n    const drawerToggle = document.querySelector('.drawer-toggle');\n    const muteSource = document.querySelector('.drawer-toggle .mute-button, .mute-button');\n\n    \/*\n      EDIT THESE 3 URLS IF NEEDED\n    *\/\n    const closeButtonImageUrl = 'https:\/\/seasoneddesigner.com\/wp-content\/uploads\/2026\/04\/Close_Button.png';\n    const muteButtonImageUrl = 'https:\/\/seasoneddesigner.com\/wp-content\/uploads\/2026\/04\/AudioMute.png';\n    const muteButtonSelectedImageUrl = 'https:\/\/seasoneddesigner.com\/wp-content\/uploads\/2026\/04\/AudioPlay.png';\n\n    document.documentElement.style.setProperty(\n      '--site-close-bg-image',\n      'url(\"' + closeButtonImageUrl + '\")'\n    );\n\n    document.documentElement.style.setProperty(\n      '--site-mute-bg-image',\n      'url(\"' + muteButtonImageUrl + '\")'\n    );\n\n    document.documentElement.style.setProperty(\n      '--site-mute-selected-bg-image',\n      'url(\"' + muteButtonSelectedImageUrl + '\")'\n    );\n\n    function preloadImageAsset(url) {\n      if (!url || url.indexOf('PASTE-YOUR-') === 0) return null;\n\n      const img = new Image();\n      img.src = url;\n\n      if ('decode' in img) {\n        img.decode().catch(function () {});\n      }\n\n      return img;\n    }\n\n    preloadImageAsset(closeButtonImageUrl);\n    preloadImageAsset(muteButtonImageUrl);\n    preloadImageAsset(muteButtonSelectedImageUrl);\n\n    let activeVideo = null;\n    let activeTrigger = null;\n    let floatingClose = null;\n    let floatingMute = null;\n    let preloadStarted = false;\n    let openToken = 0;\n    let isMuted = false;\n\n    function getPreferredVideo() {\n      const ratio = window.innerWidth \/ window.innerHeight;\n      return ratio > 1 ? horizontalVideo : verticalVideo;\n    }\n\n    function getOtherVideo(video) {\n      return video === horizontalVideo ? verticalVideo : horizontalVideo;\n    }\n\n    function loadVideoSource(video, preloadMode) {\n      if (!video) return;\n\n      const source = video.getAttribute('data-src');\n      if (!source) return;\n\n      const desiredPreload = preloadMode || 'metadata';\n      let shouldLoad = false;\n\n      if (video.getAttribute('src') !== source) {\n        video.setAttribute('src', source);\n        shouldLoad = true;\n      }\n\n      if (video.preload !== desiredPreload) {\n        video.preload = desiredPreload;\n        shouldLoad = true;\n      }\n\n      if (shouldLoad) {\n        try {\n          video.load();\n        } catch (e) {}\n      }\n    }\n\n    function unloadVideoSource(video) {\n      if (!video) return;\n\n      video.pause();\n      video.removeAttribute('src');\n\n      try {\n        video.load();\n      } catch (e) {}\n\n      video.classList.remove('site-video-visible');\n      video.style.display = 'none';\n    }\n\n    function startPreferredVideoPreload() {\n      const preferred = getPreferredVideo();\n      const other = getOtherVideo(preferred);\n\n      \/*\n        Important:\n        This unloads the wrong-orientation video so the browser is not\n        downloading\/decoding both videos at the same time.\n      *\/\n      if (other !== activeVideo) {\n        unloadVideoSource(other);\n      }\n\n      loadVideoSource(preferred, 'auto');\n\n      preloadStarted = true;\n\n      return preferred;\n    }\n\n    function wait(ms) {\n      return new Promise(function (resolve) {\n        setTimeout(resolve, ms);\n      });\n    }\n\n    function waitForVideoReady(video, timeoutMs) {\n      return new Promise(function (resolve) {\n        if (!video) {\n          resolve();\n          return;\n        }\n\n        loadVideoSource(video, 'auto');\n\n        if (video.readyState >= 2) {\n          resolve();\n          return;\n        }\n\n        let done = false;\n        let timeoutId = null;\n\n        function finish() {\n          if (done) return;\n          done = true;\n\n          video.removeEventListener('loadeddata', finish);\n          video.removeEventListener('canplay', finish);\n          video.removeEventListener('canplaythrough', finish);\n          video.removeEventListener('error', finish);\n\n          if (timeoutId) {\n            clearTimeout(timeoutId);\n          }\n\n          resolve();\n        }\n\n        video.addEventListener('loadeddata', finish);\n        video.addEventListener('canplay', finish);\n        video.addEventListener('canplaythrough', finish);\n        video.addEventListener('error', finish);\n\n        timeoutId = setTimeout(finish, timeoutMs || 1200);\n      });\n    }\n\n    function stopAndReset(video) {\n      if (!video) return;\n\n      video.pause();\n\n      try {\n        video.currentTime = 0;\n      } catch (e) {}\n\n      video.classList.remove('site-video-visible');\n      video.style.display = 'none';\n    }\n\n    function setRotatingBgState(isOpen) {\n      rotatingBgs.forEach(function (bg) {\n        bg.classList.toggle('site-bg-faded', isOpen);\n      });\n    }\n\n    function copyVisualStyles(source, target, computed) {\n      const props = [\n        'borderTopLeftRadius',\n        'borderTopRightRadius',\n        'borderBottomLeftRadius',\n        'borderBottomRightRadius',\n        'borderTopWidth',\n        'borderRightWidth',\n        'borderBottomWidth',\n        'borderLeftWidth',\n        'borderTopStyle',\n        'borderRightStyle',\n        'borderBottomStyle',\n        'borderLeftStyle',\n        'borderTopColor',\n        'borderRightColor',\n        'borderBottomColor',\n        'borderLeftColor',\n        'boxShadow'\n      ];\n\n      props.forEach(function (prop) {\n        target.style[prop] = computed[prop];\n      });\n    }\n\n    function createFloatingClose(trigger) {\n      removeFloatingClose();\n\n      const rect = trigger.getBoundingClientRect();\n      const computed = window.getComputedStyle(trigger);\n\n      const clone = document.createElement('button');\n      clone.type = 'button';\n      clone.className = 'site-floating-video-close';\n      clone.setAttribute('aria-label', 'Close video popup');\n      clone.style.backgroundImage = 'url(\"' + closeButtonImageUrl + '\")';\n\n      clone.style.top = rect.top + 'px';\n      clone.style.left = rect.left + 'px';\n      clone.style.width = rect.width + 'px';\n      clone.style.height = rect.height + 'px';\n\n      copyVisualStyles(trigger, clone, computed);\n\n      clone.addEventListener('click', function (e) {\n        e.preventDefault();\n        closeOverlay();\n      });\n\n      document.body.appendChild(clone);\n      floatingClose = clone;\n\n      trigger.classList.add('site-video-trigger-hidden');\n      trigger.classList.add('site-video-trigger-open');\n\n      if (typeof trigger.blur === 'function') {\n        trigger.blur();\n      }\n    }\n\n    function updateFloatingClosePosition() {\n      if (!activeTrigger || !floatingClose) return;\n\n      const rect = activeTrigger.getBoundingClientRect();\n\n      floatingClose.style.top = rect.top + 'px';\n      floatingClose.style.left = rect.left + 'px';\n      floatingClose.style.width = rect.width + 'px';\n      floatingClose.style.height = rect.height + 'px';\n    }\n\n    function removeFloatingClose() {\n      if (floatingClose && floatingClose.parentNode) {\n        floatingClose.parentNode.removeChild(floatingClose);\n      }\n\n      floatingClose = null;\n\n      if (activeTrigger) {\n        activeTrigger.classList.remove('site-video-trigger-hidden');\n        activeTrigger.classList.remove('site-video-trigger-open');\n\n        if (typeof activeTrigger.blur === 'function') {\n          activeTrigger.blur();\n        }\n      }\n    }\n\n    \/*\n      The floating mute is anchored to .drawer-toggle,\n      not the hidden .mute-button geometry.\n    *\/\n    function getMuteAnchor() {\n      return drawerToggle || muteSource;\n    }\n\n    function createFloatingMute() {\n      removeFloatingMute(false);\n\n      const clone = document.createElement('button');\n      clone.type = 'button';\n      clone.className = 'site-floating-video-mute';\n      clone.setAttribute('aria-label', 'Mute video audio');\n      clone.setAttribute('aria-pressed', 'false');\n\n      clone.style.backgroundImage = 'url(\"' + muteButtonImageUrl + '\")';\n\n      const anchor = getMuteAnchor();\n\n      if (anchor) {\n        const computed = window.getComputedStyle(anchor);\n        copyVisualStyles(anchor, clone, computed);\n      }\n\n      clone.addEventListener('click', function (e) {\n        e.preventDefault();\n        e.stopPropagation();\n        toggleMute();\n      });\n\n      clone.addEventListener('keydown', function (e) {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          toggleMute();\n        }\n      });\n\n      document.body.appendChild(clone);\n      floatingMute = clone;\n\n      updateFloatingMutePosition();\n      applyMuteState();\n\n      requestAnimationFrame(function () {\n        requestAnimationFrame(function () {\n          if (floatingMute) {\n            floatingMute.classList.add('site-floating-video-mute-visible');\n          }\n        });\n      });\n    }\n\n    function updateFloatingMutePosition() {\n      if (!floatingMute) return;\n\n      const anchor = getMuteAnchor();\n\n      if (!anchor) {\n        floatingMute.style.top = 'calc(env(safe-area-inset-top, 0px) + var(--floating-edge-gap))';\n        floatingMute.style.right = 'calc(env(safe-area-inset-right, 0px) + var(--floating-edge-gap))';\n        floatingMute.style.left = 'auto';\n        floatingMute.style.bottom = 'auto';\n        return;\n      }\n\n      const rect = anchor.getBoundingClientRect();\n\n      \/*\n        This locks the mute button to the same top\/right anchor\n        as the drawer-toggle, regardless of Elementor sizing.\n      *\/\n      const top = rect.top;\n      const right = window.innerWidth - rect.right;\n\n      floatingMute.style.top = top + 'px';\n      floatingMute.style.right = right + 'px';\n      floatingMute.style.left = 'auto';\n      floatingMute.style.bottom = 'auto';\n    }\n\n    function removeFloatingMute(animate) {\n      if (!floatingMute) return;\n\n      const muteToRemove = floatingMute;\n      floatingMute = null;\n\n      muteToRemove.classList.remove('site-floating-video-mute-visible');\n\n      if (animate === false) {\n        if (muteToRemove.parentNode) {\n          muteToRemove.parentNode.removeChild(muteToRemove);\n        }\n        return;\n      }\n\n      setTimeout(function () {\n        if (muteToRemove.parentNode) {\n          muteToRemove.parentNode.removeChild(muteToRemove);\n        }\n      }, 350);\n    }\n\n    function applyMuteState() {\n      horizontalVideo.muted = isMuted;\n      verticalVideo.muted = isMuted;\n\n      if (floatingMute) {\n        floatingMute.classList.toggle('site-audio-muted', isMuted);\n        floatingMute.setAttribute('aria-pressed', isMuted ? 'true' : 'false');\n        floatingMute.setAttribute(\n          'aria-label',\n          isMuted ? 'Unmute video audio' : 'Mute video audio'\n        );\n\n        if (isMuted) {\n          floatingMute.style.backgroundImage = 'url(\"' + muteButtonSelectedImageUrl + '\")';\n        } else {\n          floatingMute.style.backgroundImage = 'url(\"' + muteButtonImageUrl + '\")';\n        }\n      }\n    }\n\n    function toggleMute() {\n      isMuted = !isMuted;\n      applyMuteState();\n\n      if (activeVideo && !isMuted) {\n        const playPromise = activeVideo.play();\n\n        if (playPromise && typeof playPromise.catch === 'function') {\n          playPromise.catch(function () {});\n        }\n      }\n    }\n\n    function showLoader() {\n      overlay.classList.add('site-video-loading');\n      loader.setAttribute('aria-hidden', 'false');\n    }\n\n    function hideLoader() {\n      overlay.classList.remove('site-video-loading');\n      loader.setAttribute('aria-hidden', 'true');\n    }\n\n    function playCurrentVideo(token) {\n      if (!activeVideo || token !== openToken) return;\n\n      applyMuteState();\n      activeVideo.classList.add('site-video-visible');\n\n      const playPromise = activeVideo.play();\n\n      if (playPromise && typeof playPromise.catch === 'function') {\n        playPromise.catch(function () {});\n      }\n    }\n\n    async function openOverlay(trigger, e) {\n      if (e) e.preventDefault();\n\n      openToken += 1;\n      const token = openToken;\n\n      stopAndReset(horizontalVideo);\n      stopAndReset(verticalVideo);\n\n      activeTrigger = trigger;\n      isMuted = false;\n\n      createFloatingClose(trigger);\n\n      overlay.classList.add('is-active');\n      overlay.setAttribute('aria-hidden', 'false');\n\n      document.documentElement.classList.add('site-video-lock');\n      document.body.classList.add('site-video-lock');\n      document.body.classList.add('site-video-open');\n\n      setRotatingBgState(true);\n      showLoader();\n\n      activeVideo = startPreferredVideoPreload();\n      activeVideo.style.display = 'block';\n\n      createFloatingMute();\n      applyMuteState();\n      updateFloatingMutePosition();\n\n      \/*\n        This waits for the selected video to be ready.\n        The wait(250) keeps the loader from flashing too quickly.\n        You can change 250 to 0 if you want the fastest possible opening.\n      *\/\n      await Promise.all([\n        waitForVideoReady(activeVideo, 1200),\n        wait(250)\n      ]);\n\n      if (token !== openToken || !overlay.classList.contains('is-active')) {\n        return;\n      }\n\n      hideLoader();\n      playCurrentVideo(token);\n    }\n\n    function closeOverlay() {\n      openToken += 1;\n\n      stopAndReset(horizontalVideo);\n      stopAndReset(verticalVideo);\n      activeVideo = null;\n\n      hideLoader();\n\n      overlay.classList.remove('is-active');\n      overlay.setAttribute('aria-hidden', 'true');\n\n      document.documentElement.classList.remove('site-video-lock');\n      document.body.classList.remove('site-video-lock');\n      document.body.classList.remove('site-video-open');\n\n      setRotatingBgState(false);\n\n      isMuted = false;\n      horizontalVideo.muted = false;\n      verticalVideo.muted = false;\n\n      \/*\n        Keep only the current-orientation video available.\n        Remove the wrong-orientation video source.\n      *\/\n      const preferred = getPreferredVideo();\n      const other = getOtherVideo(preferred);\n      unloadVideoSource(other);\n\n      removeFloatingMute(true);\n      removeFloatingClose();\n\n      activeTrigger = null;\n    }\n\n    function toggleOverlay(e) {\n      if (overlay.classList.contains('is-active')) {\n        e.preventDefault();\n        closeOverlay();\n        return;\n      }\n\n      openOverlay(e.currentTarget, e);\n    }\n\n    async function swapToPreferredVideo() {\n      if (!overlay.classList.contains('is-active')) return;\n\n      const preferred = getPreferredVideo();\n\n      if (preferred === activeVideo) return;\n\n      openToken += 1;\n      const token = openToken;\n\n      const currentTime = activeVideo ? activeVideo.currentTime : 0;\n      const shouldResume = activeVideo ? !activeVideo.paused : true;\n\n      stopAndReset(horizontalVideo);\n      stopAndReset(verticalVideo);\n\n      const other = getOtherVideo(preferred);\n      unloadVideoSource(other);\n\n      activeVideo = preferred;\n      loadVideoSource(activeVideo, 'auto');\n      activeVideo.style.display = 'block';\n\n      try {\n        activeVideo.currentTime = currentTime;\n      } catch (e) {}\n\n      applyMuteState();\n\n      showLoader();\n\n      await Promise.all([\n        waitForVideoReady(activeVideo, 800),\n        wait(200)\n      ]);\n\n      if (token !== openToken || !overlay.classList.contains('is-active')) {\n        return;\n      }\n\n      hideLoader();\n      activeVideo.classList.add('site-video-visible');\n\n      if (shouldResume) {\n        const playPromise = activeVideo.play();\n\n        if (playPromise && typeof playPromise.catch === 'function') {\n          playPromise.catch(function () {});\n        }\n      }\n    }\n\n    function handleResize() {\n      if (!overlay.classList.contains('is-active')) return;\n\n      updateFloatingClosePosition();\n      updateFloatingMutePosition();\n      swapToPreferredVideo();\n    }\n\n    triggers.forEach(function (trigger) {\n      trigger.addEventListener('click', toggleOverlay);\n      trigger.addEventListener('pointerenter', startPreferredVideoPreload, { passive: true });\n      trigger.addEventListener('touchstart', startPreferredVideoPreload, { passive: true });\n      trigger.addEventListener('focus', startPreferredVideoPreload, { passive: true });\n      trigger.setAttribute('aria-pressed', 'false');\n    });\n\n    \/*\n      Quietly warm only the correct-orientation video after the page settles.\n      This replaces the old behavior that loaded both videos almost immediately.\n    *\/\n    window.addEventListener('load', function () {\n      setTimeout(startPreferredVideoPreload, 700);\n    });\n\n    if (closeBtn) {\n      closeBtn.addEventListener('click', closeOverlay);\n    }\n\n    document.addEventListener('keydown', function (e) {\n      if (e.key === 'Escape' && overlay.classList.contains('is-active')) {\n        closeOverlay();\n      }\n    });\n\n    window.addEventListener('resize', handleResize);\n\n    window.addEventListener('orientationchange', function () {\n      setTimeout(function () {\n        if (overlay.classList.contains('is-active')) {\n          handleResize();\n        } else {\n          startPreferredVideoPreload();\n        }\n      }, 250);\n    });\n\n    \/*\n      Helpful manual hooks, in case you need to call these elsewhere.\n    *\/\n    window.SeasnVideoPopup = {\n      open: openOverlay,\n      close: closeOverlay,\n      preload: startPreferredVideoPreload,\n      reposition: function () {\n        updateFloatingClosePosition();\n        updateFloatingMutePosition();\n      }\n    };\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c400c8 e-con-full site-video-hide-during-video e-flex e-con e-parent\" data-id=\"7c400c8\" data-element_type=\"container\" data-e-type=\"container\" id=\"Contact_Drawer\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2dec9b1 e-con e-atomic-element e-div-block-base e-2dec9b1-b13ce9c drawer-toggle\" data-id=\"2dec9b1\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"2dec9b1\" data-e-type=\"e-div-block\" data-id=\"2dec9b1\">\n\t\t<div class=\"elementor-element elementor-element-0b7aa71 e-con-full mute-button e-flex e-con e-child\" data-id=\"0b7aa71\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-05da322 click-rotate elementor-widget__width-auto elementor-widget elementor-widget-image\" data-id=\"05da322\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#elementor-action%3Aaction%3Doff_canvas%3Atoggle%26settings%3DeyJpZCI6ImRkODg3N2UiLCJkaXNwbGF5TW9kZSI6InRvZ2dsZSJ9\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"98\" height=\"98\" src=\"https:\/\/seasoneddesigner.com\/wp-content\/uploads\/2026\/04\/PlusX.png\" class=\"attachment-large size-large wp-image-19\" alt=\"\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f4f9c0 elementor-fixed elementor-widget elementor-widget-html\" data-id=\"1f4f9c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;fixed&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.click-rotate {\n  transition: transform 0.3s ease;\n  cursor: pointer;\n  transform-origin: center center;\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  document.querySelectorAll(\".click-rotate\").forEach(function (el) {\n    let rotation = 0;\n\n    el.addEventListener(\"click\", function () {\n      rotation += 45;\n      el.style.transform = \"rotate(\" + rotation + \"deg)\";\n    });\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd8877e elementor-widget elementor-widget-off-canvas\" data-id=\"dd8877e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;entrance_animation&quot;:&quot;fadeInRight&quot;,&quot;exit_animation&quot;:&quot;fadeInRight&quot;,&quot;prevent_scroll&quot;:&quot;yes&quot;}\" data-widget_type=\"off-canvas.default\">\n\t\t\t\t\t\t\t<div id=\"off-canvas-dd8877e\" class=\"e-off-canvas\" role=\"dialog\" aria-hidden=\"true\" aria-label=\"Contact\" aria-modal=\"true\" inert=\"\" data-delay-child-handlers=\"true\">\n\t\t\t<div class=\"e-off-canvas__overlay\"><\/div>\n\t\t\t<div class=\"e-off-canvas__main\">\n\t\t\t\t<div class=\"e-off-canvas__content\">\n\t\t\t\t\t<div class=\"elementor-element elementor-element-dfbcce8 e-con-full e-flex e-con e-child\" data-id=\"dfbcce8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-d796f61 e-con-full e-flex e-con e-child\" data-id=\"d796f61\" data-element_type=\"container\" data-e-type=\"container\" id=\"vertical-marquee\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0dd0a7a e-con e-atomic-element e-div-block-base e-0dd0a7a-85b6a78\" data-id=\"0dd0a7a\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"0dd0a7a\" data-e-type=\"e-div-block\" data-id=\"0dd0a7a\">\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a648b1a elementor-widget elementor-widget-html\" data-id=\"a648b1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"vertical-marquee-track\">\n  <img decoding=\"async\" src=\"https:\/\/seasoneddesigner.com\/wp-content\/uploads\/2026\/04\/Marquee-scaled.jpg\" alt=\"\">\n  <img decoding=\"async\" src=\"https:\/\/seasoneddesigner.com\/wp-content\/uploads\/2026\/04\/Marquee-scaled.jpg\" alt=\"\" aria-hidden=\"true\">\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a8beb23 e-con-full drawer-text e-flex e-con e-child\" data-id=\"a8beb23\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a85c2d0 drawer-logo animated-slow elementor-invisible elementor-widget elementor-widget-image\" data-id=\"a85c2d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"466\" height=\"223\" src=\"https:\/\/seasoneddesigner.com\/wp-content\/uploads\/2026\/04\/Logo.png\" class=\"attachment-large size-large wp-image-84\" alt=\"\" srcset=\"https:\/\/seasoneddesigner.com\/wp-content\/uploads\/2026\/04\/Logo.png 466w, https:\/\/seasoneddesigner.com\/wp-content\/uploads\/2026\/04\/Logo-300x144.png 300w\" sizes=\"(max-width: 466px) 100vw, 466px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47ff45c elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"47ff45c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Correspond<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2511d5d gradient-text elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"2511d5d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:600}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"mailto:Adam@SeasonedDesigner.com\">Adam@SeasonedDesigner.com<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e6da90 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"8e6da90\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:1000}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Call<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a619795 gradient-text elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"a619795\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:1200}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"tel:+15135154714\">513 515 4714<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-799bd4c elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"799bd4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:1600}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Connect<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f0aa9f gradient-text elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"9f0aa9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:1800}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/www.linkedin.com\/in\/adamgreber\/\" target=\"_blank\" rel=\"noopener\">linkedin.com\/in\/adamgreber<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d312795 e-flex e-con-boxed e-con e-parent\" data-id=\"d312795\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;fixed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e49127e elementor-fixed elementor-widget elementor-widget-html\" data-id=\"e49127e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;fixed&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<img\n  src=\"https:\/\/seasoneddesigner.com\/wp-content\/uploads\/2026\/04\/Close_Button.png\"\n  alt=\"\"\n  aria-hidden=\"true\"\n  fetchpriority=\"high\"\n  loading=\"eager\"\n  decoding=\"async\"\n  style=\"position:fixed; width:1px; height:1px; opacity:0; pointer-events:none; left:-9999px; top:-9999px;\">\n\n<img\n  src=\"https:\/\/seasoneddesigner.com\/wp-content\/uploads\/2026\/04\/AudioMute.png\"\n  alt=\"\"\n  aria-hidden=\"true\"\n  fetchpriority=\"high\"\n  loading=\"eager\"\n  decoding=\"async\"\n  style=\"position:fixed; width:1px; height:1px; opacity:0; pointer-events:none; left:-9999px; top:-9999px;\">\n\n<img\n  src=\"https:\/\/seasoneddesigner.com\/wp-content\/uploads\/2026\/04\/AudioPlay.png\"\n  alt=\"\"\n  aria-hidden=\"true\"\n  fetchpriority=\"high\"\n  loading=\"eager\"\n  decoding=\"async\"\n  style=\"position:fixed; width:1px; height:1px; opacity:0; pointer-events:none; left:-9999px; top:-9999px;\">\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37f2953 elementor-widget elementor-widget-html\" data-id=\"37f2953\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \n\na,\na:link,\na:visited,\na:active,\na:focus {\n  color: #999999 !important;\n  text-decoration: none !important;\n}\n\na:hover {\n  color: #575757 !important;\n  text-decoration: none !important;\n}\n    \n    \n.elementor-widget-off-canvas .e-off-canvas {\n    z-index: 999 !important;\n      padding-bottom: env(safe-area-inset-bottom, 0); \/* Adds necessary space *\/\n  height: 100vh; \/* Fallback for older browsers *\/\n\n}\n    \n    \n    \n<\/style>\n\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a522d6a elementor-widget elementor-widget-html\" data-id=\"a522d6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ======================================================\n   DRAWER \/ MUTE CENTERING PATCH\n   Use this WITH your original working video popup code.\n   This replaces the previous drawer\/mute patch.\n====================================================== *\/\n\n:root {\n  --floating-edge-gap: 50px;\n  --floating-z-top: 999999;\n\n  \/* Outer clickable area *\/\n  --drawer-hit-size: 105px;\n\n  \/* Actual visible icon\/graphic size *\/\n  --drawer-graphic-size: 45px;\n}\n\n\/* =========================\n   TOP-RIGHT DRAWER CONTAINER\n   ========================= *\/\n\n.drawer-toggle {\n  position: fixed !important;\n\n  top: calc(env(safe-area-inset-top, 0px) + var(--floating-edge-gap)) !important;\n  right: calc(env(safe-area-inset-right, 0px) + var(--floating-edge-gap)) !important;\n  bottom: auto !important;\n  left: auto !important;\n\n  width: var(--drawer-hit-size) !important;\n  height: var(--drawer-hit-size) !important;\n  min-width: var(--drawer-hit-size) !important;\n  min-height: var(--drawer-hit-size) !important;\n  max-width: var(--drawer-hit-size) !important;\n  max-height: var(--drawer-hit-size) !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  box-sizing: border-box !important;\n  overflow: visible !important;\n\n  z-index: var(--floating-z-top) !important;\n\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n\n  pointer-events: auto !important;\n  touch-action: manipulation;\n}\n\n\/* Keep drawer clickable in normal state *\/\n.drawer-toggle,\n.drawer-toggle * {\n  pointer-events: auto !important;\n}\n\n\/* =========================\n   CENTER THE PLUS GRAPHIC\n   ========================= *\/\n\n\/*\n  This targets the visible plus-sign image\/widget inside drawer-toggle.\n  The outer .drawer-toggle stays 120px\/100px.\n  The visible graphic becomes 45px\/35px and true-centered.\n*\/\n\n.drawer-toggle > img,\n.drawer-toggle > picture,\n.drawer-toggle > .elementor-widget-image,\n.drawer-toggle .elementor-widget-image,\n.drawer-toggle .elementor-widget-image .elementor-widget-container {\n  width: var(--drawer-graphic-size) !important;\n  height: var(--drawer-graphic-size) !important;\n  min-width: var(--drawer-graphic-size) !important;\n  min-height: var(--drawer-graphic-size) !important;\n  max-width: var(--drawer-graphic-size) !important;\n  max-height: var(--drawer-graphic-size) !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n\n  box-sizing: border-box !important;\n}\n\n\/* Image itself *\/\n.drawer-toggle img {\n  width: var(--drawer-graphic-size) !important;\n  height: var(--drawer-graphic-size) !important;\n  min-width: var(--drawer-graphic-size) !important;\n  min-height: var(--drawer-graphic-size) !important;\n  max-width: var(--drawer-graphic-size) !important;\n  max-height: var(--drawer-graphic-size) !important;\n\n  object-fit: contain !important;\n  object-position: center center !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  display: block !important;\n  box-sizing: border-box !important;\n}\n\n\/* =========================\n   HIDDEN MUTE SOURCE\n   ========================= *\/\n\n\/*\n  The real .mute-button lives inside .drawer-toggle.\n  It must fill the same outer hit area as the drawer-toggle,\n  but it must NOT affect layout or push the plus sign around.\n*\/\n\n.drawer-toggle .mute-button {\n  position: absolute !important;\n  inset: 0 !important;\n\n  width: 100% !important;\n  height: 100% !important;\n  min-width: 100% !important;\n  min-height: 100% !important;\n  max-width: 100% !important;\n  max-height: 100% !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  box-sizing: border-box !important;\n  overflow: hidden !important;\n\n  background-size: var(--drawer-graphic-size) var(--drawer-graphic-size) !important;\n  background-position: center center !important;\n  background-repeat: no-repeat !important;\n\n  opacity: 0 !important;\n  visibility: hidden !important;\n  pointer-events: none !important;\n\n  transform: none !important;\n  z-index: -1 !important;\n}\n\n\/* =========================\n   FLOATING VIDEO MUTE CLONE\n   ========================= *\/\n\n\/*\n  Your original video code creates .site-floating-video-mute.\n  This forces the mute\/play graphics to be 45px\/35px and centered\n  inside the same 120px\/100px rectangle as drawer-toggle.\n*\/\n\n.site-floating-video-mute {\n  width: var(--drawer-hit-size) !important;\n  height: var(--drawer-hit-size) !important;\n  min-width: var(--drawer-hit-size) !important;\n  min-height: var(--drawer-hit-size) !important;\n  max-width: var(--drawer-hit-size) !important;\n  max-height: var(--drawer-hit-size) !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  box-sizing: border-box !important;\n\n  background-size: var(--drawer-graphic-size) var(--drawer-graphic-size) !important;\n  background-position: center center !important;\n  background-repeat: no-repeat !important;\n}\n\n\/* =========================\n   VIDEO-OPEN STATE\n   ========================= *\/\n\n\/*\n  Keep drawer-toggle measurable, but put it below the video and\n  prevent clicks while video is open.\n*\/\n\nbody.site-video-open .drawer-toggle {\n  z-index: 999997 !important;\n  pointer-events: none !important;\n}\n\n\/*\n  Hide the visible plus graphic while video is open.\n  Do NOT hide .drawer-toggle itself.\n*\/\n\nbody.site-video-open .drawer-toggle > :not(.mute-button),\nbody.site-video-open .drawer-toggle .elementor-widget-image,\nbody.site-video-open .drawer-toggle .elementor-widget-image *,\nbody.site-video-open .drawer-toggle img,\nbody.site-video-open .drawer-toggle picture {\n  opacity: 0 !important;\n  visibility: hidden !important;\n  pointer-events: none !important;\n}\n\n\/* =========================\n   WORDPRESS ADMIN BAR\n   ========================= *\/\n\nbody.admin-bar .drawer-toggle {\n  top: calc(env(safe-area-inset-top, 0px) + var(--floating-edge-gap) + 46px) !important;\n}\n\n@media (min-width: 783px) {\n  body.admin-bar .drawer-toggle {\n    top: calc(env(safe-area-inset-top, 0px) + var(--floating-edge-gap) + 32px) !important;\n  }\n}\n\n\/* =========================\n   MOBILE\n   ========================= *\/\n\n@media (max-width: 767px) {\n  :root {\n    --floating-edge-gap: 30px;\n\n    \/* Outer clickable area on mobile *\/\n    --drawer-hit-size: 90px;\n\n    \/* Actual visible graphic size on mobile *\/\n    --drawer-graphic-size: 35px;\n  }\n}\n\n\/* ======================================================\n   MOBILE LANDSCAPE DRAWER \/ MUTE PATCH\n   Place this AFTER the current working drawer\/mute patch.\n====================================================== *\/\n\n@media (orientation: landscape) and (max-height: 600px) and (pointer: coarse) {\n  :root {\n    --floating-edge-gap: 30px;\n\n    \/* Keep the visible graphic small on mobile landscape *\/\n    --drawer-graphic-size: 35px;\n  }\n\n  .drawer-toggle {\n    width: 120px !important;\n    height: 60px !important;\n\n    min-width: 120px !important;\n    min-height: 60px !important;\n\n    max-width: 120px !important;\n    max-height: 60px !important;\n  }\n\n  .drawer-toggle .mute-button {\n    width: 100% !important;\n    height: 100% !important;\n\n    min-width: 100% !important;\n    min-height: 100% !important;\n\n    max-width: 100% !important;\n    max-height: 100% !important;\n\n    background-size: var(--drawer-graphic-size) var(--drawer-graphic-size) !important;\n    background-position: center center !important;\n    background-repeat: no-repeat !important;\n  }\n\n  .site-floating-video-mute {\n    width: 120px !important;\n    height: 60px !important;\n\n    min-width: 120px !important;\n    min-height: 60px !important;\n\n    max-width: 120px !important;\n    max-height: 60px !important;\n\n    background-size: var(--drawer-graphic-size) var(--drawer-graphic-size) !important;\n    background-position: center center !important;\n    background-repeat: no-repeat !important;\n  }\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c213d15 elementor-widget elementor-widget-html\" data-id=\"c213d15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n\n\n\n\n\/**** CUSTOM \"mobile landscape\" iOS 26 ****\/\n@media screen and (max-width: 932px)\n       and (max-height: 500px)\n       and (min-aspect-ratio: 13\/9)\n       and (orientation: landscape) \n {\n     \n     \n  .lottie-portrait {\n    display: none !important;\n     z-index: 3;\n  }\n\n  .lottie-landscape {\n    display:block !important;\n    width:70vw;\n    z-index: 3;\n    position: fixed;\n    bottom: 17px;\n  }\n  \n  .animation_holder{\n      min-height: 20vh!important;\n  }\n  \n  \n  .drawer-logo{\n          display:none;\n  }\n  \n  .drawer-text{\n      row-gap: 10px;\n      margin-top: -60px;\n      padding-top: 0px;\n  }\n  \n}\n\n<\/style>\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>\u00d7 Correspond Adam@SeasonedDesigner.com Call 513 515 4714 Connect linkedin.com\/in\/adamgreber Correspond Adam@SeasonedDesigner.com Call 513 515 4714 Connect linkedin.com\/in\/adamgreber<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_angie_page":false,"_genesis_block_theme_hide_title":true,"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry","post","without-featured-image"],"_links":{"self":[{"href":"https:\/\/seasoneddesigner.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seasoneddesigner.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seasoneddesigner.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/seasoneddesigner.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seasoneddesigner.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":0,"href":"https:\/\/seasoneddesigner.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"wp:attachment":[{"href":"https:\/\/seasoneddesigner.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}