<!doctype html>
<html class="no-js" lang="en">
  <head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="theme-color" content="">
    <link rel="icon" type="image/png" href="cdn/shop/files/otto-logo_crop-center-height-32-v-1701981648-width-32.png"><link rel="preconnect" href="https://fonts.shopifycdn.com/" crossorigin><title>
      James Otto | Official Website
</title>
	<link rel="canonical" href="https://jamesotto.net/" />
      <meta name="description" content="Immerse in the world of James Otto: Stream new music, find tour dates, and exclusive merchandise, and connect with the fan community.">
<meta property="og:site_name" content="James Otto">
<meta property="og:url" content="https://jamesotto.net/">
<meta property="og:title" content="James Otto | Official Website">
<meta property="og:type" content="website">
<meta property="og:description" content="Immerse in the world of James Otto: Stream new music, find tour dates, and exclusive merchandise, and connect with the fan community."><meta name="twitter:site" content="@jamesotto"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="James Otto | Official Website">
<meta name="twitter:description" content="Immerse in the world of James Otto: Stream new music, find tour dates, and exclusive merchandise, and connect with the fan community.">
    <script src="cdn/shop/t/2/assets/constants_v-58251544750838685771701981758.js" defer="defer"></script>
    <script src="cdn/shop/t/2/assets/pubsub_v-158357773527763999511701981762.js" defer="defer"></script>
    <script src="cdn/shop/t/2/assets/global_v-33290601270256261281702399259.js" defer="defer"></script><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/56216944753/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="90f04cd17d3080f9748799a02978f29c">
<script async="async" src="checkouts/internal/preloads_locale-en-US.js"></script>
<link rel="preconnect" href="https://shop.app/" >
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&amp;shop_id=56216944753" ></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":56216944753,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/56216944753","merchantName":"James Otto","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"James Otto","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"90f04cd17d3080f9748799a02978f29c","betas":["rich-media-storefront-analytics"],"domain":"jamesotto.net","predictiveSearch":true,"shopId":56216944753,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "jamesotto.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"Wisdom","id":123781021809,"schema_name":"Dawn","schema_version":"11.0.0","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "jamesotto.net/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">var _____WB$wombat$assign$function_____=function(name){return (globalThis._wb_wombat && globalThis._wb_wombat.local_init && globalThis._wb_wombat.local_init(name))||globalThis[name];};if(!globalThis.__WB_pmw){globalThis.__WB_pmw=function(obj){this.__WB_source=obj;return this;}}var window = _____WB$wombat$assign$function_____("window");
var self = _____WB$wombat$assign$function_____("self");
var document = _____WB$wombat$assign$function_____("document");
var location = _____WB$wombat$assign$function_____("location");
var top = _____WB$wombat$assign$function_____("top");
var parent = _____WB$wombat$assign$function_____("parent");
var frames = _____WB$wombat$assign$function_____("frames");
var opener = _____WB$wombat$assign$function_____("opener");
!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
  window.ShopifyPay = window.ShopifyPay || {};
  window.ShopifyPay.apiHost = "shop.app\/pay";
  window.ShopifyPay.redirectState = null;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="https://jamesotto.net/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_DiTRV90_.en.esm.js"></script>
<script defer="defer" async type="module" src="https://jamesotto.net/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CHqTNAGj.esm.js"></script>
<script type="module">var _____WB$wombat$assign$function_____=function(name){return (globalThis._wb_wombat && globalThis._wb_wombat.local_init && globalThis._wb_wombat.local_init(name))||globalThis[name];};if(!globalThis.__WB_pmw){globalThis.__WB_pmw=function(obj){this.__WB_source=obj;return this;}}var window = _____WB$wombat$assign$function_____("window");
var self = _____WB$wombat$assign$function_____("self");
var document = _____WB$wombat$assign$function_____("document");
var location = _____WB$wombat$assign$function_____("location");
var top = _____WB$wombat$assign$function_____("top");
var parent = _____WB$wombat$assign$function_____("parent");
var frames = _____WB$wombat$assign$function_____("frames");
var opener = _____WB$wombat$assign$function_____("opener");
  await import("//jamesotto.net/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_DiTRV90_.en.esm.js");
await import("//jamesotto.net/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CHqTNAGj.esm.js");
  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-button":["modules/v2/client.shop-button_CNJPAhgB.en.esm.js","modules/v2/chunk.common_CHqTNAGj.esm.js"],"shop-cart-sync":["modules/v2/client.shop-cart-sync_nm_mpWEh.en.esm.js","modules/v2/chunk.common_CHqTNAGj.esm.js"],"init-windoid":["modules/v2/client.init-windoid_G8TOmGgs.en.esm.js","modules/v2/chunk.common_CHqTNAGj.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_DW4d5S2t.en.esm.js","modules/v2/chunk.common_CHqTNAGj.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_D-FK2gj4.en.esm.js","modules/v2/client.shop-login-button_ChFoJK1V.en.esm.js","modules/v2/chunk.common_CHqTNAGj.esm.js","modules/v2/chunk.modal_DR3HSxSv.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_B-TyWnvq.en.esm.js","modules/v2/chunk.common_CHqTNAGj.esm.js","modules/v2/chunk.modal_DR3HSxSv.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_CM_UIaSB.en.esm.js","modules/v2/client.shop-login-button_ChFoJK1V.en.esm.js","modules/v2/chunk.common_CHqTNAGj.esm.js","modules/v2/chunk.modal_DR3HSxSv.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_BhXds-Kh.en.esm.js","modules/v2/chunk.common_CHqTNAGj.esm.js"],"pay-button":["modules/v2/client.pay-button_MaFtLrId.en.esm.js","modules/v2/chunk.common_CHqTNAGj.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_DqOdJxiQ.en.esm.js","modules/v2/chunk.common_CHqTNAGj.esm.js","modules/v2/chunk.modal_DR3HSxSv.esm.js"],"init-fed-cm":["modules/v2/client.init-fed-cm_B1g7dmUH.en.esm.js","modules/v2/chunk.common_CHqTNAGj.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_ChFoJK1V.en.esm.js","modules/v2/chunk.common_CHqTNAGj.esm.js","modules/v2/chunk.modal_DR3HSxSv.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_Bqi074w5.en.esm.js","modules/v2/client.shop-login-button_ChFoJK1V.en.esm.js","modules/v2/chunk.common_CHqTNAGj.esm.js","modules/v2/chunk.modal_DR3HSxSv.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"init-shop-cart-sync":["modules/v2/client.init-shop-cart-sync_DiTRV90_.en.esm.js","modules/v2/chunk.common_CHqTNAGj.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_WubFR6kq.en.esm.js","modules/v2/chunk.common_CHqTNAGj.esm.js","modules/v2/chunk.modal_DR3HSxSv.esm.js"],"lead-capture":["modules/v2/client.lead-capture_B8Yyczr-.en.esm.js","modules/v2/chunk.common_CHqTNAGj.esm.js","modules/v2/chunk.modal_DR3HSxSv.esm.js"],"shop-login":["modules/v2/client.shop-login_AB15wS6t.en.esm.js","modules/v2/chunk.common_CHqTNAGj.esm.js","modules/v2/chunk.modal_DR3HSxSv.esm.js"],"payment-terms":["modules/v2/client.payment-terms_BHGoB06L.en.esm.js","modules/v2/chunk.common_CHqTNAGj.esm.js","modules/v2/chunk.modal_DR3HSxSv.esm.js"]};
</script>
<script>(function() {
  var isLoaded = false;
  function asyncLoad() {
    if (isLoaded) return;
    isLoaded = true;
    var urls = ["scripttag/js/cloud/jamesotto.myshopify.com/1.0/pMRzZRnDwMMDj2BLHJ3dSC2dhpfbeBzv_shop-jamesotto.myshopify.com.js"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":56216944753,"offset":-14400,"reqid":"abfbd567-d2c7-4c97-b45d-b7d286238964-1760366548","pageurl":"jamesotto.net\/","u":"00aa9930838a","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script data-source-attribution="shopify.loadfeatures" defer="defer" src="https://jamesotto.net/cdn/shopifycloud/storefront/assets/storefront/load_feature-81c60534.js" ></script>
<script defer="defer" src="cdn/shopifycloud/storefront/assets/shopify_pay/storefront-65b4c6d7_v-20250812.js"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" >
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}
#shopify-buyer-consent.hidden {
  display: none;
}
#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}
#shopify-subscription-policy-button::before {
  box-shadow: none;
}
      </style>
<script id="sections-script" data-sections="header" defer="defer" src="https://jamesotto.net/cdn/shop/t/2/compiled_assets/scripts.js?164"></script>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<link rel="stylesheet" href="ync7wki.css">
<style data-shopify>
  :root {
    --font-body-family: Jost, sans-serif;
    --font-body-style: normal;
    --font-body-weight: 400;
    --font-body-weight-bold: 700;
    --font-heading-family: "Stud", Jost, sans-serif;
    --font-heading-style: normal;
    --font-heading-weight: 400;
  }
</style>
    <style data-shopify>
      @font-face {
  font-family: Jost;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("https://jamesotto.net/cdn/fonts/jost/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2?h1=amFtZXNvdHRvLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=amFtZXNvdHRvLm5ldA&hmac=fe050a6dcf0382a01922700c377bbeda20689bdcec2eefee0f285f78d6694694") format("woff2"),
       url("https://jamesotto.net/cdn/fonts/jost/jost_n4.791c46290e672b3f85c3d1c651ef2efa3819eadd.woff?h1=amFtZXNvdHRvLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=amFtZXNvdHRvLm5ldA&hmac=d9093f293c1e83b6a9ed94cc02b78b25d728461ddf38dcc0f03832e79b1b7e90") format("woff");
}
      @font-face {
  font-family: Jost;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("https://jamesotto.net/cdn/fonts/jost/jost_n7.921dc18c13fa0b0c94c5e2517ffe06139c3615a3.woff2?h1=amFtZXNvdHRvLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=amFtZXNvdHRvLm5ldA&hmac=85df8919010fb2c0f6950dc70f01727d05a80b43d97c932d5cb654e72231e55a") format("woff2"),
       url("https://jamesotto.net/cdn/fonts/jost/jost_n7.cbfc16c98c1e195f46c536e775e4e959c5f2f22b.woff?h1=amFtZXNvdHRvLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=amFtZXNvdHRvLm5ldA&hmac=b42eb1ec5f53611c446656569dd410d2e4e591b8ae0ae65ed7d352bb9da6451b") format("woff");
}
      @font-face {
  font-family: Jost;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("https://jamesotto.net/cdn/fonts/jost/jost_i4.b690098389649750ada222b9763d55796c5283a5.woff2?h1=amFtZXNvdHRvLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=amFtZXNvdHRvLm5ldA&hmac=575681a73055bae122ecefb2f12c4244ca745ef0d4b379c8b60f3ee31accb207") format("woff2"),
       url("https://jamesotto.net/cdn/fonts/jost/jost_i4.fd766415a47e50b9e391ae7ec04e2ae25e7e28b0.woff?h1=amFtZXNvdHRvLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=amFtZXNvdHRvLm5ldA&hmac=959e8fa5b1673eb7e00dd5db7dd34fadfd7bfc5230e3a2caaf8ff5e907d3a6ea") format("woff");
}
      @font-face {
  font-family: Jost;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("https://jamesotto.net/cdn/fonts/jost/jost_i7.d8201b854e41e19d7ed9b1a31fe4fe71deea6d3f.woff2?h1=amFtZXNvdHRvLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=amFtZXNvdHRvLm5ldA&hmac=38dc80c5835830c90723dc5dad49ba2b30dd30485545bc48fc1342228882a9e5") format("woff2"),
       url("https://jamesotto.net/cdn/fonts/jost/jost_i7.eae515c34e26b6c853efddc3fc0c552e0de63757.woff?h1=amFtZXNvdHRvLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=amFtZXNvdHRvLm5ldA&hmac=59fca9658707c57daabe84e77fa45250ae2d44c1afdb6952555bb72eb1e29fc5") format("woff");
}
      @font-face {
  font-family: Jost;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("https://jamesotto.net/cdn/fonts/jost/jost_n7.921dc18c13fa0b0c94c5e2517ffe06139c3615a3.woff2?h1=amFtZXNvdHRvLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=amFtZXNvdHRvLm5ldA&hmac=85df8919010fb2c0f6950dc70f01727d05a80b43d97c932d5cb654e72231e55a") format("woff2"),
       url("https://jamesotto.net/cdn/fonts/jost/jost_n7.cbfc16c98c1e195f46c536e775e4e959c5f2f22b.woff?h1=amFtZXNvdHRvLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=amFtZXNvdHRvLm5ldA&hmac=b42eb1ec5f53611c446656569dd410d2e4e591b8ae0ae65ed7d352bb9da6451b") format("woff");
}
        :root,
        .color-background-1 {
          --color-background: 20,19,19;
          --gradient-background: #141313;
        --color-foreground: 218,213,207;
        --color-shadow: 20,19,19;
        --color-button: 204,142,44;
        --color-button-text: 20,19,19;
        --color-secondary-button: 20,19,19;
        --color-secondary-button-text: 218,213,207;
        --color-link: 218,213,207;
        --color-badge-foreground: 218,213,207;
        --color-badge-background: 20,19,19;
        --color-badge-border: 218,213,207;
        --payment-terms-background-color: rgb(20 19 19);
      }
        .color-background-2 {
          --color-background: 246,239,229;
          --gradient-background: #f6efe5;
        --color-foreground: 20,19,19;
        --color-shadow: 20,19,19;
        --color-button: 204,142,44;
        --color-button-text: 20,19,19;
        --color-secondary-button: 246,239,229;
        --color-secondary-button-text: 20,19,19;
        --color-link: 20,19,19;
        --color-badge-foreground: 20,19,19;
        --color-badge-background: 246,239,229;
        --color-badge-border: 20,19,19;
        --payment-terms-background-color: rgb(246 239 229);
      }
        .color-inverse {
          --color-background: 20,19,19;
          --gradient-background: #141313;
        --color-foreground: 218,213,207;
        --color-shadow: 20,19,19;
        --color-button: 218,213,207;
        --color-button-text: 20,19,19;
        --color-secondary-button: 20,19,19;
        --color-secondary-button-text: 218,213,207;
        --color-link: 218,213,207;
        --color-badge-foreground: 218,213,207;
        --color-badge-background: 20,19,19;
        --color-badge-border: 218,213,207;
        --payment-terms-background-color: rgb(20 19 19);
      }
        .color-accent-1 {
          --color-background: 246,239,229;
          --gradient-background: #f6efe5;
        --color-foreground: 20,19,19;
        --color-shadow: 20,19,19;
        --color-button: 20,19,19;
        --color-button-text: 218,213,207;
        --color-secondary-button: 246,239,229;
        --color-secondary-button-text: 20,19,19;
        --color-link: 20,19,19;
        --color-badge-foreground: 20,19,19;
        --color-badge-background: 246,239,229;
        --color-badge-border: 20,19,19;
        --payment-terms-background-color: rgb(246 239 229);
      }
        .color-accent-2 {
          --color-background: 204,142,44;
          --gradient-background: #cc8e2c;
        --color-foreground: 20,19,19;
        --color-shadow: 20,19,19;
        --color-button: 20,19,19;
        --color-button-text: 218,213,207;
        --color-secondary-button: 204,142,44;
        --color-secondary-button-text: 20,19,19;
        --color-link: 20,19,19;
        --color-badge-foreground: 20,19,19;
        --color-badge-background: 204,142,44;
        --color-badge-border: 20,19,19;
        --payment-terms-background-color: rgb(204 142 44);
      }
      body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2 {
        color: rgba(var(--color-foreground), 1);
        background-color: rgb(var(--color-background));
      }
      :root {
        /* --font-body-family: Jost, sans-serif;
        --font-body-style: normal;
        --font-body-weight: 400;
        --font-body-weight-bold: 700;
        --font-heading-family: Jost, sans-serif;
        --font-heading-style: normal;
        --font-heading-weight: 700; */
        --font-body-scale: 1.0;
        --font-heading-scale: 1.0;
        --media-padding: px;
        --media-border-opacity: 1.0;
        --media-border-width: 0px;
        --media-radius: 0px;
        --media-shadow-opacity: 0.0;
        --media-shadow-horizontal-offset: -40px;
        --media-shadow-vertical-offset: -40px;
        --media-shadow-blur-radius: 0px;
        --media-shadow-visible: 0;
        --page-width: 140rem;
        --page-width-margin: 0rem;
        --product-card-image-padding: 0.0rem;
        --product-card-corner-radius: 0.0rem;
        --product-card-text-alignment: left;
        --product-card-border-width: 0.0rem;
        --product-card-border-opacity: 1.0;
        --product-card-shadow-opacity: 0.0;
        --product-card-shadow-visible: 0;
        --product-card-shadow-horizontal-offset: -4.0rem;
        --product-card-shadow-vertical-offset: -4.0rem;
        --product-card-shadow-blur-radius: 0.0rem;
        --collection-card-image-padding: 0.0rem;
        --collection-card-corner-radius: 0.0rem;
        --collection-card-text-alignment: left;
        --collection-card-border-width: 0.0rem;
        --collection-card-border-opacity: 1.0;
        --collection-card-shadow-opacity: 0.0;
        --collection-card-shadow-visible: 0;
        --collection-card-shadow-horizontal-offset: -4.0rem;
        --collection-card-shadow-vertical-offset: -4.0rem;
        --collection-card-shadow-blur-radius: 0.0rem;
        --blog-card-image-padding: 0.0rem;
        --blog-card-corner-radius: 0.0rem;
        --blog-card-text-alignment: left;
        --blog-card-border-width: 0.0rem;
        --blog-card-border-opacity: 1.0;
        --blog-card-shadow-opacity: 0.0;
        --blog-card-shadow-visible: 0;
        --blog-card-shadow-horizontal-offset: -4.0rem;
        --blog-card-shadow-vertical-offset: -4.0rem;
        --blog-card-shadow-blur-radius: 0.0rem;
        --badge-corner-radius: 4.0rem;
        --popup-border-width: 0px;
        --popup-border-opacity: 1.0;
        --popup-corner-radius: 0px;
        --popup-shadow-opacity: 0.0;
        --popup-shadow-horizontal-offset: -40px;
        --popup-shadow-vertical-offset: -40px;
        --popup-shadow-blur-radius: 0px;
        --drawer-border-width: 0px;
        --drawer-border-opacity: 1.0;
        --drawer-shadow-opacity: 0.0;
        --drawer-shadow-horizontal-offset: -40px;
        --drawer-shadow-vertical-offset: -40px;
        --drawer-shadow-blur-radius: 0px;
        --spacing-sections-desktop: 0px;
        --spacing-sections-mobile: 0px;
        --grid-desktop-vertical-spacing: 32px;
        --grid-desktop-horizontal-spacing: 32px;
        --grid-mobile-vertical-spacing: 16px;
        --grid-mobile-horizontal-spacing: 16px;
        --text-boxes-border-opacity: 1.0;
        --text-boxes-border-width: 0px;
        --text-boxes-radius: 0px;
        --text-boxes-shadow-opacity: 0.0;
        --text-boxes-shadow-visible: 0;
        --text-boxes-shadow-horizontal-offset: -40px;
        --text-boxes-shadow-vertical-offset: -40px;
        --text-boxes-shadow-blur-radius: 0px;
        --buttons-radius: 0px;
        --buttons-radius-outset: 0px;
        --buttons-border-width: 2px;
        --buttons-border-opacity: 1.0;
        --buttons-shadow-opacity: 0.0;
        --buttons-shadow-visible: 0;
        --buttons-shadow-horizontal-offset: -12px;
        --buttons-shadow-vertical-offset: -12px;
        --buttons-shadow-blur-radius: 0px;
        --buttons-border-offset: 0px;
        --inputs-radius: 0px;
        --inputs-border-width: 2px;
        --inputs-border-opacity: 1.0;
        --inputs-shadow-opacity: 0.0;
        --inputs-shadow-horizontal-offset: -12px;
        --inputs-margin-offset: 0px;
        --inputs-shadow-vertical-offset: -12px;
        --inputs-shadow-blur-radius: 0px;
        --inputs-radius-outset: 0px;
        --variant-pills-radius: 40px;
        --variant-pills-border-width: 2px;
        --variant-pills-border-opacity: 1.0;
        --variant-pills-shadow-opacity: 0.0;
        --variant-pills-shadow-horizontal-offset: -12px;
        --variant-pills-shadow-vertical-offset: -12px;
        --variant-pills-shadow-blur-radius: 0px;
      }
      *,
      *::before,
      *::after {
        box-sizing: inherit;
      }
      html {
        box-sizing: border-box;
        font-size: calc(var(--font-body-scale) * 62.5%);
        height: 100%;
      }
      body {
        display: grid;
        grid-template-rows: auto auto 1fr auto;
        grid-template-columns: 100%;
        min-height: 100%;
        margin: 0;
        font-size: 1.5rem;
        line-height: calc(1 + 0.8 / var(--font-body-scale));
        font-family: var(--font-body-family);
        font-style: var(--font-body-style);
        font-weight: var(--font-body-weight);
      }
      @media screen and (min-width: 750px) {
        body {
          font-size: 1.6rem;
        }
      }
    </style>
    <link href="cdn/shop/t/2/assets/base_v-127473852177345320381704206229.css" rel="stylesheet" type="text/css" media="all"/>
<link rel="preload" as="font" href="https://jamesotto.net/cdn/fonts/jost/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2?h1=amFtZXNvdHRvLmFjY291bnQubXlzaG9waWZ5LmNvbQ&amp;h2=amFtZXNvdHRvLm5ldA&amp;hmac=fe050a6dcf0382a01922700c377bbeda20689bdcec2eefee0f285f78d6694694" type="font/woff2" crossorigin><link rel="preload" as="font" href="https://jamesotto.net/cdn/fonts/jost/jost_n7.921dc18c13fa0b0c94c5e2517ffe06139c3615a3.woff2?h1=amFtZXNvdHRvLmFjY291bnQubXlzaG9waWZ5LmNvbQ&amp;h2=amFtZXNvdHRvLm5ldA&amp;hmac=85df8919010fb2c0f6950dc70f01727d05a80b43d97c932d5cb654e72231e55a" type="font/woff2" crossorigin><script>
      document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
      if (Shopify.designMode) {
        document.documentElement.classList.add('shopify-design-mode');
      }
    </script>
  <!-- BEGIN app block: shopify://apps/cozy-youtube-videos-gallery/blocks/Cozy_Video_Gallery_1.0.0/67a28817-46c0-483c-acf5-86cdbe7f16ba --><script src="scripttag/js/cloud/jamesotto.myshopify.com/1.0/pMRzZRnDwMMDj2BLHJ3dSC2dhpfbeBzv_shop-jamesotto.myshopify.com.js" type="text/javascript"></script>
<!-- END app block --><!-- BEGIN app block: shopify://apps/hulk-form-builder/blocks/app-embed/b6b8dd14-356b-4725-a4ed-77232212b3c3 --><!-- BEGIN app snippet: hulkapps-formbuilder-theme-ext --><script type="text/javascript">
  if (typeof window.formbuilder_customer != "object") {
        window.formbuilder_customer = {}
  }
  window.hulkFormBuilder = {
    form_data: {},
    shop_data: {"shop_2qRsQtzu-dIbkcaZyIw3lA":{"shop_uuid":"2qRsQtzu-dIbkcaZyIw3lA","shop_timezone":"America\/New_York","shop_id":97032,"shop_is_after_submit_enabled":true,"shop_shopify_plan":"basic","shop_shopify_domain":"jamesotto.myshopify.com","shop_remove_watermark":false,"shop_created_at":"2023-12-15T13:03:37.255-06:00","is_skip_metafield":false,"shop_deleted":false,"shop_disabled":false}},
    settings_data: {"shop_settings":{"shop_customise_msgs":[],"default_customise_msgs":{"is_required":"is required","thank_you":"Thank you! The form was submitted successfully.","processing":"Processing...","valid_data":"Please provide valid data","valid_email":"Provide valid email format","valid_tags":"HTML Tags are not allowed","valid_phone":"Provide valid phone number","valid_captcha":"Please provide valid captcha response","valid_url":"Provide valid URL","only_number_alloud":"Provide valid number in","number_less":"must be less than","number_more":"must be more than","image_must_less":"Image must be less than 20MB","image_number":"Images allowed","image_extension":"Invalid extension! Please provide image file","error_image_upload":"Error in image upload. Please try again.","error_file_upload":"Error in file upload. Please try again.","your_response":"Your response","error_form_submit":"Error occur.Please try again after sometime.","email_submitted":"Form with this email is already submitted","invalid_email_by_zerobounce":"The email address you entered appears to be invalid. Please check it and try again.","download_file":"Download file","card_details_invalid":"Your card details are invalid","card_details":"Card details","please_enter_card_details":"Please enter card details","card_number":"Card number","exp_mm":"Exp MM","exp_yy":"Exp YY","crd_cvc":"CVV","payment_value":"Payment amount","please_enter_payment_amount":"Please enter payment amount","address1":"Address line 1","address2":"Address line 2","city":"City","province":"Province","zipcode":"Zip code","country":"Country","blocked_domain":"This form does not accept addresses from","file_must_less":"File must be less than 20MB","file_extension":"Invalid extension! Please provide file","only_file_number_alloud":"files allowed","previous":"Previous","next":"Next","must_have_a_input":"Please enter at least one field.","please_enter_required_data":"Please enter required data","atleast_one_special_char":"Include at least one special character","atleast_one_lowercase_char":"Include at least one lowercase character","atleast_one_uppercase_char":"Include at least one uppercase character","atleast_one_number":"Include at least one number","must_have_8_chars":"Must have 8 characters long","be_between_8_and_12_chars":"Be between 8 and 12 characters long","please_select":"Please Select","phone_submitted":"Form with this phone number is already submitted","user_res_parse_error":"Error while submitting the form","valid_same_values":"values must be same","product_choice_clear_selection":"Clear Selection","picture_choice_clear_selection":"Clear Selection","remove_all_for_file_image_upload":"Remove All","invalid_file_type_for_image_upload":"You can't upload files of this type.","invalid_file_type_for_signature_upload":"You can't upload files of this type.","max_files_exceeded_for_file_upload":"You can not upload any more files.","max_files_exceeded_for_image_upload":"You can not upload any more files.","file_already_exist":"File already uploaded","max_limit_exceed":"You have added the maximum number of text fields.","cancel_upload_for_file_upload":"Cancel upload","cancel_upload_for_image_upload":"Cancel upload","cancel_upload_for_signature_upload":"Cancel upload"},"shop_blocked_domains":[]}},
    features_data: {"shop_plan_features":{"shop_plan_features":["unlimited-forms","full-design-customization","export-form-submissions","multiple-recipients-for-form-submissions","multiple-admin-notifications","enable-captcha","unlimited-file-uploads","save-submitted-form-data","set-auto-response-message","conditional-logic","form-banner","save-as-draft-facility","include-user-response-in-admin-email","disable-form-submission","file-upload"]}},
    shop: null,
    shop_id: null,
    plan_features: null,
    validateDoubleQuotes: false,
    assets: {
      extraFunctions: "extensions/01997aef-feb0-7975-85ec-ec83cf443fd6/form_builder-45/assets/extra-functions.js",
      extraStyles: "extensions/01997aef-feb0-7975-85ec-ec83cf443fd6/form_builder-45/assets/extra-styles.css",
      bootstrapStyles: "extensions/01997aef-feb0-7975-85ec-ec83cf443fd6/form_builder-45/assets/theme-app-extension-bootstrap.css"
    },
    translations: {
      htmlTagNotAllowed: "HTML Tags are not allowed",
      sqlQueryNotAllowed: "SQL Queries are not allowed",
      doubleQuoteNotAllowed: "Double quotes are not allowed",
      vorwerkHttpWwwNotAllowed: "The words \u0026#39;http\u0026#39; and \u0026#39;www\u0026#39; are not allowed. Please remove them and try again.",
      maxTextFieldsReached: "You have added the maximum number of text fields.",
      avoidNegativeWords: "Avoid negative words: Don\u0026#39;t use negative words in your contact message.",
      customDesignOnly: "This form is for custom designs requests. For general inquiries please contact our team at info@stagheaddesigns.com",
      zerobounceApiErrorMsg: "We couldn\u0026#39;t verify your email due to a technical issue. Please try again later.",
    }
  }
  window.FbThemeAppExtSettingsHash = {}
</script><!-- END app snippet --><!-- END app block --><script src="extensions/01997aef-feb0-7975-85ec-ec83cf443fd6/form_builder-45/assets/form-builder-script.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com/" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 56216944753,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 56216944753,storefrontBaseUrl: "https://jamesotto.net/",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86"],webPixelsConfigList: [{"id":"397344881","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-NTKR51E2H4\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"G-NTKR51E2H4\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"G-NTKR51E2H4\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"G-NTKR51E2H4\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-NTKR51E2H4\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-NTKR51E2H4\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-NTKR51E2H4\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-NTKR51E2H4\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"b2a88bafab3e21179ed38636efcd8a93","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"James Otto","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"jamesotto.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/jamesotto.net"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://jamesotto.net/cdn","98688ed7w4720d202p17656315m70f274df",{"modern":"","legacy":""},{"shopId":"56216944753","storefrontBaseUrl":"https:\/\/jamesotto.net","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\"]","isMerchantRequest":"false","hashVersion":"98688ed7w4720d202p17656315m70f274df","publish":"custom","events":"[[\"page_viewed\",{}]]"});</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'USD';
  var meta = {"page":{"pageType":"home"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;
      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }
      if (jquery) {
        jquery('body').append(content);
      }
    };
    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }
    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }
    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
      var script = document.createElement('script');
      script.type = 'text/javascript';
      script.onerror = function(e) {
        var scriptFallback = document.createElement('script');
        scriptFallback.type = 'text/javascript';
        scriptFallback.onerror = function(error) {
                var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });
          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful
        } // XHR beacon
        var xhr = new XMLHttpRequest();
        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }
        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 56216944753,
      theme_id: 123781021809,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "https://jamesotto.net/cdn/s/trekkie.storefront.b81d65ce2f8f872f81be881c15886f2b53772471.min.js"});
        };
        scriptFallback.async = true;
        scriptFallback.src = 'https://jamesotto.net/cdn/s/trekkie.storefront.b81d65ce2f8f872f81be881c15886f2b53772471.min.js';
        first.parentNode.insertBefore(scriptFallback, first);
      };
      script.async = true;
      script.src = 'https://jamesotto.net/cdn/s/trekkie.storefront.b81d65ce2f8f872f81be881c15886f2b53772471.min.js';
      first.parentNode.insertBefore(script, first);
    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":56216944753,"isMerchantRequest":null,"themeId":123781021809,"themeCityHash":"1058406783187597682","contentLanguage":"en","currency":"USD","eventMetadataId":"150e32a7-bfae-4a21-a420-c924210718af"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["f0df213a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );
    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;
      window.ShopifyAnalytics.lib = window.trekkie;
      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;
      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","shopifyEmitted":true});
      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
      }
    });
        var eventsListenerScript = document.createElement('script');
        eventsListenerScript.async = true;
        eventsListenerScript.src = "https://jamesotto.net/cdn/shopifycloud/storefront/assets/shop_events_listener-abeef7a0.js";
        document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script defer src="https://jamesotto.net/cdn/shopifycloud/perf-kit/shopify-perf-kit-2.0.16.min.js" data-application="storefront-renderer" data-shop-id="56216944753" data-render-region="gcp-us-east1" data-page-type="index" data-theme-instance-id="123781021809" data-theme-name="Dawn" data-theme-version="11.0.0" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" data-shs="true" data-shs-beacon="true" data-shs-export-with-fetch="true" data-shs-logs-sample-rate="1"></script>
</head>
  <body class="gradient">
    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
      Skip to content
    </a>
<link href="cdn/shop/t/2/assets/quantity-popover_v-9930724175525251611701981762.css" rel="stylesheet" type="text/css" media="all"/>
<script src="cdn/shop/t/2/assets/cart_v-4193034376803868811701981756.js" defer="defer"></script>
<script src="cdn/shop/t/2/assets/quantity-popover_v-82513154315370490311701981762.js" defer="defer"></script>
<style>
  .drawer {
    visibility: hidden;
  }
</style>
<cart-drawer class="drawer is-empty">
  <div id="CartDrawer" class="cart-drawer">
    <div id="CartDrawer-Overlay" class="cart-drawer__overlay"></div>
    <div class="drawer__inner" role="dialog" aria-modal="true" aria-label="Your cart" tabindex="-1"><div class="drawer__inner-empty">
          <div class="cart-drawer__warnings center">
            <div class="cart-drawer__empty-content">
              <h2 class="cart__empty-text">Your cart is empty</h2>
              <button class="drawer__close" type="button" onclick="this.closest('cart-drawer').close()" aria-label="Close">
                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewbox="0 0 18 17">
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>
              </button>
              <a href="collections/all" class="button">
                Continue shopping
              </a><p class="cart__login-title h3">Have an account?</p>
                <p class="cart__login-paragraph">
                  <a href="/" class="link underlined-link">Log in</a> to check out faster.
                </p></div>
          </div></div><div class="drawer__header">
        <h2 class="drawer__heading">Your cart</h2>
        <button class="drawer__close" type="button" onclick="this.closest('cart-drawer').close()" aria-label="Close">
          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewbox="0 0 18 17">
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>
        </button>
      </div>
      <cart-drawer-items class=" is-empty">
        <form action="/" id="CartDrawer-Form" class="cart__contents cart-drawer__form" method="post">
          <div id="CartDrawer-CartItems" class="drawer__contents js-contents"><p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p>
            <p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status">
              Loading...
            </p>
          </div>
          <div id="CartDrawer-CartErrors" role="alert"></div>
        </form>
      </cart-drawer-items>
      <div class="drawer__footer"><!-- Start blocks -->
        <!-- Subtotals -->
        <div class="cart-drawer__footer">
          <div></div>
          <div class="totals" role="status">
            <h2 class="totals__total">Estimated total</h2>
            <p class="totals__total-value">$0.00 USD</p>
          </div>
          <small class="tax-note caption-large rte">Taxes, discounts and shipping calculated at checkout
</small>
        </div>
        <!-- CTAs -->
        <div class="cart__ctas">
          <noscript>
            <button type="submit" class="cart__update-button button button--secondary" form="CartDrawer-Form">
              Update
            </button>
          </noscript>
          <button type="submit" id="CartDrawer-Checkout" class="cart__checkout-button button" name="checkout" form="CartDrawer-Form" disabled>
            Check out
          </button>
        </div>
      </div>
    </div>
  </div>
</cart-drawer>
<script>
  document.addEventListener('DOMContentLoaded', function () {
    function isIE() {
      const ua = window.navigator.userAgent;
      const msie = ua.indexOf('MSIE ');
      const trident = ua.indexOf('Trident/');
      return msie > 0 || trident > 0;
    }
    if (!isIE()) return;
    const cartSubmitInput = document.createElement('input');
    cartSubmitInput.setAttribute('name', 'checkout');
    cartSubmitInput.setAttribute('type', 'hidden');
    document.querySelector('#cart').appendChild(cartSubmitInput);
    document.querySelector('#checkout').addEventListener('click', function (event) {
      document.querySelector('#cart').submit();
    });
  });
</script>
<!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--14861507199089__announcement-bar" class="shopify-section shopify-section-group-header-group announcement-bar-section"><link href="cdn/shop/t/2/assets/component-slideshow_v-107725913939919748051701981763.css" rel="stylesheet" type="text/css" media="all"/>
<link href="cdn/shop/t/2/assets/component-slider_v-114212096148022386971701981756.css" rel="stylesheet" type="text/css" media="all"/>
  <link href="cdn/shop/t/2/assets/component-list-social_v-35792976012981934991701981762.css" rel="stylesheet" type="text/css" media="all"/>
<div class="utility-bar color-background-1 section-background--sections--14861507199089__announcement-bar gradient ">
  <div class="page-width utility-bar__grid"><div class="localization-wrapper">
</div>
  </div>
</div>
</div><div id="shopify-section-sections--14861507199089__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="cdn/shop/t/2/assets/component-list-menu_v-151968516119678728991701981760.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="cdn/shop/t/2/assets/component-search_v-130382253973794904871701981761.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="cdn/shop/t/2/assets/component-menu-drawer_v-150202286448876199321701981757.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="cdn/shop/t/2/assets/component-cart-notification_v-54116361853792938221701981762.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="cdn/shop/t/2/assets/component-cart-items_v-63185545252468242311701981755.css" media="print" onload="this.media='all'"><link href="cdn/shop/t/2/assets/component-cart-drawer_v-147838144396349376841701981763.css" rel="stylesheet" type="text/css" media="all"/>
  <link href="cdn/shop/t/2/assets/component-cart_v-150915052884658833881701981760.css" rel="stylesheet" type="text/css" media="all"/>
  <link href="cdn/shop/t/2/assets/component-totals_v-15906652033866631521701981761.css" rel="stylesheet" type="text/css" media="all"/>
  <link href="cdn/shop/t/2/assets/component-price_v-178333380766003010531701981761.css" rel="stylesheet" type="text/css" media="all"/>
  <link href="cdn/shop/t/2/assets/component-discounts_v-152760482443307489271701981760.css" rel="stylesheet" type="text/css" media="all"/>
  <link href="cdn/shop/t/2/assets/component-loading-overlay_v-58800470094666109841701981760.css" rel="stylesheet" type="text/css" media="all"/>
<noscript><link href="cdn/shop/t/2/assets/component-list-menu_v-151968516119678728991701981760.css" rel="stylesheet" type="text/css" media="all"/></noscript>
<noscript><link href="cdn/shop/t/2/assets/component-search_v-130382253973794904871701981761.css" rel="stylesheet" type="text/css" media="all"/></noscript>
<noscript><link href="cdn/shop/t/2/assets/component-menu-drawer_v-150202286448876199321701981757.css" rel="stylesheet" type="text/css" media="all"/></noscript>
<noscript><link href="cdn/shop/t/2/assets/component-cart-notification_v-54116361853792938221701981762.css" rel="stylesheet" type="text/css" media="all"/></noscript>
<noscript><link href="cdn/shop/t/2/assets/component-cart-items_v-63185545252468242311701981755.css" rel="stylesheet" type="text/css" media="all"/></noscript>
<style>
  header-drawer {
    justify-self: start;
    margin-left: -1.2rem;
  }@media screen and (min-width: 990px) {
      header-drawer {
        display: none;
      }
    }.menu-drawer-container {
    display: flex;
  }
  .list-menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .list-menu--inline {
    display: inline-flex;
    flex-wrap: wrap;
  }
  summary.list-menu__item {
    padding-right: 2.7rem;
  }
  .list-menu__item {
    display: flex;
    align-items: center;
    line-height: calc(1 + 0.3 / var(--font-body-scale));
  }
  .list-menu__item--link {
    text-decoration: none;
    padding-bottom: 1rem;
    padding-top: 1rem;
    line-height: calc(1 + 0.8 / var(--font-body-scale));
  }
  @media screen and (min-width: 750px) {
    .list-menu__item--link {
      padding-bottom: 0.5rem;
      padding-top: 0.5rem;
    }
  }
</style><style data-shopify>.header {
    padding: 10px 3rem 10px 3rem;
  }
  .section-header {
    position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */
    margin-bottom: 0px;
  }
  @media screen and (min-width: 750px) {
    .section-header {
      margin-bottom: 0px;
    }
  }
  @media screen and (min-width: 990px) {
    .header {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  }
  .header__heading-link {
    --width: 250px
  }</style>
<style>
  .section-background--sections--14861507199089__header {
    background-image: url(cdn/shop/files/otto-bg-lines_v-1701981647.png);
    background-attachment: scroll;
    background-position: top center;
  }
</style>
<script src="cdn/shop/t/2/assets/details-disclosure_v-13653116266235556501701981762.js" defer="defer"></script>
<script src="cdn/shop/t/2/assets/details-modal_v-25581673532751508451701981755.js" defer="defer"></script>
<script src="cdn/shop/t/2/assets/cart-notification_v-133508293167896966491701981760.js" defer="defer"></script>
<script src="cdn/shop/t/2/assets/search-form_v-133129549252120666541701981755.js" defer="defer"></script><script src="cdn/shop/t/2/assets/cart-drawer_v-105077087914686398511701981757.js" defer="defer"></script><svg xmlns="http://www.w3.org/2000/svg" class="hidden">
  <symbol id="icon-search" viewbox="0 0 18 19" fill="none">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"/>
  </symbol>
  <symbol id="icon-reset" class="icon icon-close" fill="none" viewbox="0 0 18 18" stroke="currentColor">
    <circle r="8.5" cy="9" cx="9" stroke-opacity="0.2"/>
    <path d="M6.82972 6.82915L1.17193 1.17097" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/>
    <path d="M1.22896 6.88502L6.77288 1.11523" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/>
  </symbol>
  <symbol id="icon-close" class="icon icon-close" fill="none" viewbox="0 0 18 17">
    <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
  </symbol>
</svg>
<div class="header-wrapper color-background-1  section-background--sections--14861507199089__header gradient "><header class="header header--middle-left header--mobile-center page-width header--has-menu header--has-social header--has-account">
<header-drawer data-breakpoint="tablet">
  <details id="Details-menu-drawer-container" class="menu-drawer-container">
    <summary class="header__icon header__icon--menu header__icon--summary link focus-inset" aria-label="Menu">
      <span>
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-hamburger" fill="none" viewbox="0 0 18 16">
  <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor">
</svg>
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewbox="0 0 18 17">
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>
      </span>
    </summary>
    <div id="menu-drawer" class="gradient menu-drawer motion-reduce color-background-1">
      <div class="menu-drawer__inner-container">
        <div class="menu-drawer__navigation-container">
          <nav class="menu-drawer__navigation">
            <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><a id="HeaderDrawer-music" href="pages/music" class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
                      Music
                    </a></li><li><a id="HeaderDrawer-about" href="pages/about" class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
                      About
                    </a></li><li><a id="HeaderDrawer-tour" href="pages/tour" class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
                      Tour
                    </a></li><li><a id="HeaderDrawer-shop" href="collections/all" class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
                      Shop
                    </a></li><li><a id="HeaderDrawer-videos" href="pages/videos" class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
                      Videos
                    </a></li><li><a id="HeaderDrawer-updates" href="pages/updates" class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
                      Updates
                    </a></li><li><a id="HeaderDrawer-contact" href="pages/contact" class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
                      Contact
                    </a></li></ul>
            <div class="menu-drawer__utility" role="list"><a id="HeaderDrawer-utility-book-now" href="pages/booking" class="menu-drawer__utility-item button">
                Book Now
              </a></div>
          </nav>
          <div class="menu-drawer__utility-links"><a href="/" class="menu-drawer__account link focus-inset h5 medium-hide large-up-hide">
                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-account" fill="none" viewbox="0 0 18 19">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35z" fill="currentColor">
</svg>
Log in</a><div class="menu-drawer__localization header-localization">
</div>
<ul class="list-unstyled list-social header-drawer__list-social" role="list"><li class="list-social__item">
      <a href="https://facebook.com/jamesotto" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-facebook" viewbox="0 0 20 20">
  <path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z"/>
</svg>
<span class="visually-hidden">Facebook</span>
      </a>
    </li><li class="list-social__item">
      <svg aria-hidden="true" focusable="false" class="icon icon-instagram" viewbox="0 0 20 20">
  <path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z" clip-rule="evenodd"/>
</svg>
<span class="visually-hidden">Instagram</span>
    </li><li class="list-social__item">
      <a href="https://www.youtube.com/user/jamesotto" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-youtube" viewbox="0 0 20 20">
  <path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z"/>
</svg>
<span class="visually-hidden">YouTube</span>
      </a>
    </li><li class="list-social__item">
      <a href="https://www.tiktok.com/@thejamesotto" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-tiktok" viewbox="0 0 20 20">
  <path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205L10.51 1.705Z"/>
</svg>
<span class="visually-hidden">TikTok</span>
      </a>
    </li><li class="list-social__item">
      <svg aria-hidden="true" focusable="false" class="icon icon-twitter" viewbox="0 0 20 20">
  <path fill="currentColor" d="m14.01,3.34h2.24l-4.89,5.58,5.75,7.6h-4.5l-3.53-4.61-4.03,4.61h-2.24l5.23-5.97L2.53,3.34h4.61l3.18,4.21,3.69-4.21Zm-.79,11.84h1.24L6.47,4.6h-1.33l8.09,10.58Z"/>
</svg><span class="visually-hidden">Twitter</span>
    </li><li class="list-social__item">
      <a href="https://open.spotify.com/artist/3VStI6m5Ig9FAyUaa0lYAP" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-spotify" viewbox="0 0 20 20">
  <path fill="currentColor" d="m10,2.54c-4.12,0-7.46,3.34-7.46,7.46s3.34,7.46,7.46,7.46,7.46-3.34,7.46-7.46-3.34-7.46-7.46-7.46Zm3.03,10.98c-.12,0-.21-.03-.32-.1-1.87-1.14-4.06-1.19-6.22-.75-.11.02-.27.08-.36.08-.29,0-.48-.23-.48-.48,0-.3.18-.46.41-.5,2.46-.54,4.98-.5,7.13.79.18.11.29.23.29.5s-.22.46-.46.46h.02Zm.81-1.98c-.16,0-.26-.07-.37-.12-1.88-1.1-4.68-1.56-7.19-.89-.14.03-.23.08-.36.08-.32,0-.57-.26-.57-.57s.16-.54.46-.62c.83-.24,1.7-.41,2.94-.41,1.96,0,3.84.49,5.33,1.37.25.14.34.34.34.58,0,.32-.26.58-.57.58h0Zm.94-2.3c-.16,0-.26-.03-.38-.11-2.14-1.28-5.98-1.58-8.45-.91-.1.02-.25.08-.38.08-.4,0-.7-.3-.7-.71s.26-.65.52-.72c1.06-.3,2.25-.46,3.54-.46,2.2,0,4.51.46,6.18,1.44.24.14.38.32.38.68,0,.41-.34.7-.7.7h0v.02h-.01Z"/>
</svg><span class="visually-hidden">Spotify</span>
      </a>
    </li><li class="list-social__item">
      <a href="https://itunes.apple.com/us/artist/james-otto/id2556367?uo=4" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-apple" viewbox="0 0 20 20">
  <path fill="currentColor" d="m14.36,9.89c0-1.27.56-2.22,1.73-2.92-.65-.93-1.63-1.44-2.92-1.54-1.21-.1-2.56.71-3.04.71-.53,0-1.7-.68-2.64-.68-1.93.02-3.96,1.53-3.96,4.58,0,.91.16,1.84.49,2.79.44,1.27,2.03,4.35,3.69,4.31.86-.02,1.48-.62,2.6-.62s1.66.62,2.64.62c1.67-.02,3.12-2.84,3.52-4.11-2.24-1.05-2.12-3.1-2.12-3.16h0v.02h.01Zm-1.95-5.64c.94-1.12.85-2.13.83-2.49-.83.05-1.78.56-2.33,1.2-.61.68-.95,1.53-.89,2.47.9.08,1.72-.39,2.4-1.18,0,0-.01,0-.01,0Z"/>
</svg><span class="visually-hidden">Apple</span>
      </a>
    </li></ul>
</div>
        </div>
      </div>
    </div>
  </details>
</header-drawer>
<h1 class="header__heading"><a href="/" class="header__heading-link link link--text focus-inset"><div class="header__heading-logo-wrapper">
                <img src="cdn/shop/files/otto-logo_v-1701981648-width-600.png" alt="James Otto" srcset="cdn/shop/files/otto-logo_v-1701981648-width-250.png 250w, cdn/shop/files/otto-logo_v-1701981648-width-375.png 375w, cdn/shop/files/otto-logo_v-1701981648-width-500.png 500w" width="250" height="189.78310502283105" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 500px) 50vw, 250px">
              </div></a></h1>
<nav class="header__inline-menu">
  <ul class="list-menu list-menu--inline" role="list"><li><a id="HeaderMenu-music" href="pages/music" class="header__menu-item list-menu__item link link--text focus-inset">
            <span>Music</span>
          </a></li><li><a id="HeaderMenu-about" href="pages/about" class="header__menu-item list-menu__item link link--text focus-inset">
            <span>About</span>
          </a></li><li><a id="HeaderMenu-tour" href="pages/tour" class="header__menu-item list-menu__item link link--text focus-inset">
            <span>Tour</span>
          </a></li><li><a id="HeaderMenu-shop" href="collections/all" class="header__menu-item list-menu__item link link--text focus-inset">
            <span>Shop</span>
          </a></li><li><a id="HeaderMenu-videos" href="pages/videos" class="header__menu-item list-menu__item link link--text focus-inset">
            <span>Videos</span>
          </a></li><li><a id="HeaderMenu-updates" href="pages/updates" class="header__menu-item list-menu__item link link--text focus-inset">
            <span>Updates</span>
          </a></li><li><a id="HeaderMenu-contact" href="pages/contact" class="header__menu-item list-menu__item link link--text focus-inset">
            <span>Contact</span>
          </a></li></ul>
</nav>
<ul class="list-unstyled list-social header__list-social" role="list"><li class="list-social__item">
      <a href="https://facebook.com/jamesotto" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-facebook" viewbox="0 0 20 20">
  <path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z"/>
</svg>
<span class="visually-hidden">Facebook</span>
      </a>
    </li><li class="list-social__item">
      <svg aria-hidden="true" focusable="false" class="icon icon-instagram" viewbox="0 0 20 20">
  <path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z" clip-rule="evenodd"/>
</svg>
<span class="visually-hidden">Instagram</span>
    </li><li class="list-social__item">
      <a href="https://www.youtube.com/user/jamesotto" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-youtube" viewbox="0 0 20 20">
  <path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z"/>
</svg>
<span class="visually-hidden">YouTube</span>
      </a>
    </li><li class="list-social__item">
      <a href="https://www.tiktok.com/@thejamesotto" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-tiktok" viewbox="0 0 20 20">
  <path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205L10.51 1.705Z"/>
</svg>
<span class="visually-hidden">TikTok</span>
      </a>
    </li><li class="list-social__item">
      <svg aria-hidden="true" focusable="false" class="icon icon-twitter" viewbox="0 0 20 20">
  <path fill="currentColor" d="m14.01,3.34h2.24l-4.89,5.58,5.75,7.6h-4.5l-3.53-4.61-4.03,4.61h-2.24l5.23-5.97L2.53,3.34h4.61l3.18,4.21,3.69-4.21Zm-.79,11.84h1.24L6.47,4.6h-1.33l8.09,10.58Z"/>
</svg><span class="visually-hidden">Twitter</span>
    </li><li class="list-social__item">
      <a href="https://open.spotify.com/artist/3VStI6m5Ig9FAyUaa0lYAP" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-spotify" viewbox="0 0 20 20">
  <path fill="currentColor" d="m10,2.54c-4.12,0-7.46,3.34-7.46,7.46s3.34,7.46,7.46,7.46,7.46-3.34,7.46-7.46-3.34-7.46-7.46-7.46Zm3.03,10.98c-.12,0-.21-.03-.32-.1-1.87-1.14-4.06-1.19-6.22-.75-.11.02-.27.08-.36.08-.29,0-.48-.23-.48-.48,0-.3.18-.46.41-.5,2.46-.54,4.98-.5,7.13.79.18.11.29.23.29.5s-.22.46-.46.46h.02Zm.81-1.98c-.16,0-.26-.07-.37-.12-1.88-1.1-4.68-1.56-7.19-.89-.14.03-.23.08-.36.08-.32,0-.57-.26-.57-.57s.16-.54.46-.62c.83-.24,1.7-.41,2.94-.41,1.96,0,3.84.49,5.33,1.37.25.14.34.34.34.58,0,.32-.26.58-.57.58h0Zm.94-2.3c-.16,0-.26-.03-.38-.11-2.14-1.28-5.98-1.58-8.45-.91-.1.02-.25.08-.38.08-.4,0-.7-.3-.7-.71s.26-.65.52-.72c1.06-.3,2.25-.46,3.54-.46,2.2,0,4.51.46,6.18,1.44.24.14.38.32.38.68,0,.41-.34.7-.7.7h0v.02h-.01Z"/>
</svg><span class="visually-hidden">Spotify</span>
      </a>
    </li><li class="list-social__item">
      <a href="https://itunes.apple.com/us/artist/james-otto/id2556367?uo=4" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-apple" viewbox="0 0 20 20">
  <path fill="currentColor" d="m14.36,9.89c0-1.27.56-2.22,1.73-2.92-.65-.93-1.63-1.44-2.92-1.54-1.21-.1-2.56.71-3.04.71-.53,0-1.7-.68-2.64-.68-1.93.02-3.96,1.53-3.96,4.58,0,.91.16,1.84.49,2.79.44,1.27,2.03,4.35,3.69,4.31.86-.02,1.48-.62,2.6-.62s1.66.62,2.64.62c1.67-.02,3.12-2.84,3.52-4.11-2.24-1.05-2.12-3.1-2.12-3.16h0v.02h.01Zm-1.95-5.64c.94-1.12.85-2.13.83-2.49-.83.05-1.78.56-2.33,1.2-.61.68-.95,1.53-.89,2.47.9.08,1.72-.39,2.4-1.18,0,0-.01,0-.01,0Z"/>
</svg><span class="visually-hidden">Apple</span>
      </a>
    </li></ul>
<div class="header__utility" role="list"><a id="Header-utility-book-now" href="pages/booking" class="header__utility-item button">
        Book Now
      </a></div><div class="header__icons">
      <div class="desktop-localization-wrapper">
</div>
<details-modal class="header__search">
  <details>
    <summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Search">
      <span>
        <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false">
          <use href="#icon-search">
        </svg>
        <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false">
          <use href="#icon-close">
        </svg>
      </span>
    </summary>
    <div class="search-modal modal__content gradient" role="dialog" aria-modal="true" aria-label="Search">
      <div class="modal-overlay"></div>
      <div class="search-modal__content search-modal__content-top" tabindex="-1"><search-form class="search-modal__form"><form action="/" method="get" role="search" class="search search-modal__form">
              <div class="field">
                <input class="search__input field__input" id="Search-In-Modal" type="search" name="q" value="" placeholder="Search">
                <label class="field__label" for="Search-In-Modal">Search</label>
                <input type="hidden" name="options[prefix]" value="last">
                <button type="reset" class="reset__button field__button hidden" aria-label="Clear search term">
                  <svg class="icon icon-close" aria-hidden="true" focusable="false">
                    <use >
                  </svg>
                </button>
                <button class="search__button field__button" aria-label="Search">
                  <svg class="icon icon-search" aria-hidden="true" focusable="false">
                    <use href="#icon-search">
                  </svg>
                </button>
              </div></form></search-form><button type="button" class="search-modal__close-button modal__close-button link link--text focus-inset" aria-label="Close">
          <svg class="icon icon-close" aria-hidden="true" focusable="false">
            <use href="#icon-close">
          </svg>
        </button>
      </div>
    </div>
  </details>
</details-modal>
<a href="/" class="header__icon header__icon--account link focus-inset small-hide">
          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-account" fill="none" viewbox="0 0 18 19">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35z" fill="currentColor">
</svg>
          <span class="visually-hidden">Log in</span>
        </a><a href="/" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble"><svg class="icon icon-cart-empty" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 40 40" fill="none">
  <path d="m15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33l-.78-11.61zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1 -9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z" fill="currentColor" fill-rule="evenodd"/>
</svg>
<span class="visually-hidden">Cart</span></a>
    </div>
  </header>
</div>
<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "James Otto",
      "logo": "https:\/\/jamesotto.net\/cdn\/shop\/files\/otto-logo.png?v=1701981648\u0026width=500",
    "sameAs": [
      "http:\/\/twitter.com\/jamesotto",
      "http:\/\/facebook.com\/jamesotto",
      "",
      "http:\/\/instagram.com\/jamesotto",
      "https:\/\/www.tiktok.com\/@thejamesotto",
      "",
      "",
      "https:\/\/www.youtube.com\/user\/jamesotto",
      ""
    ],
    "url": "https:\/\/jamesotto.net"
  }
</script>
  <script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "WebSite",
      "name": "James Otto",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https:\/\/jamesotto.net\/search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      },
      "url": "https:\/\/jamesotto.net"
    }
  </script>
</div>
<!-- END sections: header-group -->
    <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
      <section id="shopify-section-template--14861507919985__f8431ea6-6023-484e-a656-237e4b5b5b67" class="shopify-section section"><link href="cdn/shop/t/2/assets/section-image-banner_v-157856879886144226731701981762.css" rel="stylesheet" type="text/css" media="all"/>
<link href="cdn/shop/t/2/assets/component-slider_v-114212096148022386971701981756.css" rel="stylesheet" type="text/css" media="all"/>
<link href="cdn/shop/t/2/assets/component-slideshow_v-107725913939919748051701981763.css" rel="stylesheet" type="text/css" media="all"/>
<slideshow-component class="slider-mobile-gutter mobile-text-below " role="region" aria-roledescription="Carousel" aria-label="Slideshow about our brand"><div class="slideshow banner banner--medium grid grid--1-col slider slider--everywhere banner--mobile-bottom" id="Slider-template--14861507919985__f8431ea6-6023-484e-a656-237e4b5b5b67" aria-live="polite" aria-atomic="true" data-autoplay="true" data-speed="5"><style>
        #Slide-template--14861507919985__f8431ea6-6023-484e-a656-237e4b5b5b67-1 .banner__media::after {
          opacity: 0.0;
        }
      </style>
      <div class="slideshow__slide grid__item grid--1-col slider__slide" id="Slide-template--14861507919985__f8431ea6-6023-484e-a656-237e4b5b5b67-1" role="group" aria-roledescription="Slide" aria-label="1 of 1" tabindex="-1">
        <div class="slideshow__media banner__media media"><img src="cdn/shop/files/otto-singing_-_2_bd24abcf-9c45-444e-ad11-e15277c27ed8_v-1705519299-width-3840.jpg" alt="" srcset="cdn/shop/files/otto-singing_-_2_bd24abcf-9c45-444e-ad11-e15277c27ed8_v-1705519299-width-375.jpg 375w, cdn/shop/files/otto-singing_-_2_bd24abcf-9c45-444e-ad11-e15277c27ed8_v-1705519299-width-550.jpg 550w, cdn/shop/files/otto-singing_-_2_bd24abcf-9c45-444e-ad11-e15277c27ed8_v-1705519299-width-750.jpg 750w, cdn/shop/files/otto-singing_-_2_bd24abcf-9c45-444e-ad11-e15277c27ed8_v-1705519299-width-1100.jpg 1100w, cdn/shop/files/otto-singing_-_2_bd24abcf-9c45-444e-ad11-e15277c27ed8_v-1705519299-width-1500.jpg 1500w, cdn/shop/files/otto-singing_-_2_bd24abcf-9c45-444e-ad11-e15277c27ed8_v-1705519299-width-1780.jpg 1780w, cdn/shop/files/otto-singing_-_2_bd24abcf-9c45-444e-ad11-e15277c27ed8_v-1705519299-width-2000.jpg 2000w, cdn/shop/files/otto-singing_-_2_bd24abcf-9c45-444e-ad11-e15277c27ed8_v-1705519299-width-3000.jpg 3000w, cdn/shop/files/otto-singing_-_2_bd24abcf-9c45-444e-ad11-e15277c27ed8_v-1705519299-width-3840.jpg 3840w" height="1272" loading="lazy" sizes="100vw">
</div>
        <div class="slideshow__text-wrapper banner__content banner__content--middle-center page-width banner--desktop-transparent">
          <div class="slideshow__text banner__box content-container content-container--full-width-mobile color-background-1 section-background--template--14861507919985__f8431ea6-6023-484e-a656-237e4b5b5b67 gradient slideshow__text--center slideshow__text-mobile--center"></div>
        </div>
      </div></div></slideshow-component>
</section><section id="shopify-section-template--14861507919985__9ea6c2fb-555e-4da9-959d-fb9cb0f8e778" class="shopify-section section"><link href="cdn/shop/t/2/assets/section-rich-text_v-66806345751687753751701981761.css" rel="stylesheet" type="text/css" media="all"/>
<style data-shopify>.section-template--14861507919985__9ea6c2fb-555e-4da9-959d-fb9cb0f8e778-padding {
    padding-top: 30px;
    padding-bottom: 0px;
  }
  @media screen and (min-width: 750px) {
    .section-template--14861507919985__9ea6c2fb-555e-4da9-959d-fb9cb0f8e778-padding {
      padding-top: 40px;
      padding-bottom: 0px;
    }
  }</style>
<style>
  .section-background--template--14861507919985__9ea6c2fb-555e-4da9-959d-fb9cb0f8e778 {
    background-image: url(cdn/shop/files/otto-bg-leather_v-1701981662.jpg);
    background-attachment: scroll;
    background-position: top center;
  }
</style>
<div class="isolate ">
  <div class="rich-text content-container color-background-1 section-background--template--14861507919985__9ea6c2fb-555e-4da9-959d-fb9cb0f8e778 gradient rich-text--full-width content-container--full-width section-template--14861507919985__9ea6c2fb-555e-4da9-959d-fb9cb0f8e778-padding">
    <div class="rich-text__wrapper rich-text__wrapper--center page-width">
      <div class="rich-text__blocks center"><h2 class="rich-text__heading title--styled rte inline-richtext h1">
                <span class="title--styled-gradient" data-text="Videos">Videos</span>
              </h2></div>
    </div>
  </div>
</div>
</section><section id="shopify-section-template--14861507919985__2bf02f5b-a990-45be-aac2-2dd2cc9e9764" class="shopify-section section"><style data-shopify>.section-template--14861507919985__2bf02f5b-a990-45be-aac2-2dd2cc9e9764-padding {
    padding-top: calc(40px * 0.75);
    padding-bottom: calc(52px  * 0.75);
  }
  @media screen and (min-width: 750px) {
    .section-template--14861507919985__2bf02f5b-a990-45be-aac2-2dd2cc9e9764-padding {
      padding-top: 40px;
      padding-bottom: 52px;
    }
  }</style>
<style>
  .section-background--template--14861507919985__2bf02f5b-a990-45be-aac2-2dd2cc9e9764 {
    background-image: url(cdn/shop/files/otto-bg-leather_v-1701981662.jpg);
    background-attachment: scroll;
    background-position: top center;
  }
</style>
<div class="color-background-1 section-background--template--14861507919985__2bf02f5b-a990-45be-aac2-2dd2cc9e9764 gradient ">
  <div class="section-template--14861507919985__2bf02f5b-a990-45be-aac2-2dd2cc9e9764-padding">
    <div class="page-width">
<p><div class="cozy-video-gallery" id="cozy-video-gallery11602"><!-- ALWAYS KEEP THIS EMPTY --></p>
</div>
<div class="center" style="margin-top:3rem;"><a class="button button--primary" href="pages/videos">
          View All
        </a></div>
  </div>
</div>
</section><section id="shopify-section-template--14861507919985__be715842-370a-4afd-b2dd-470fa7570c09" class="shopify-section section"><link href="cdn/shop/t/2/assets/section-multicolumn_v-132946531950910518871702578977.css" rel="stylesheet" type="text/css" media="all"/>
<link href="cdn/shop/t/2/assets/component-slider_v-114212096148022386971701981756.css" rel="stylesheet" type="text/css" media="all"/>
<style data-shopify>.section-template--14861507919985__be715842-370a-4afd-b2dd-470fa7570c09-padding {
    padding-top: 45px;
    padding-bottom: 27px;
  }
  @media screen and (min-width: 750px) {
    .section-template--14861507919985__be715842-370a-4afd-b2dd-470fa7570c09-padding {
      padding-top: 60px;
      padding-bottom: 36px;
    }
  }</style>
<style>
  .section-background--template--14861507919985__be715842-370a-4afd-b2dd-470fa7570c09 {
    background-image: url(cdn/shop/files/otto-bg-lines_v-1701981647.png);
    background-attachment: scroll;
    background-position: top center;
  }
</style>
<div class="multicolumn color-background-1 section-background--template--14861507919985__be715842-370a-4afd-b2dd-470fa7570c09 gradient background-primary ">
  <div class="page-width section-template--14861507919985__be715842-370a-4afd-b2dd-470fa7570c09-padding isolate"><div class="title-wrapper center title-wrapper--self-padded-mobile title-wrapper--no-top-margin">
        <h2 class="title title--styled inline-richtext h1">
          <span class="title--styled-gradient" data-text="Music">Music</span>
        </h2>
      </div><slider-component class="slider-mobile-gutter">
      <ul class="multicolumn-list contains-content-container grid grid--1-col-tablet-down grid--3-col-desktop" id="Slider-template--14861507919985__be715842-370a-4afd-b2dd-470fa7570c09" role="list"><li id="Slide-template--14861507919985__be715842-370a-4afd-b2dd-470fa7570c09-1" class="multicolumn-list__item grid__item center">
            <div class="multicolumn-card content-container">
                <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--full-width multicolumn-card-spacing">
                  <div class="media media--transparent media--adapt" style="padding-bottom: 100.0%;">
                    <img src="cdn/shop/files/592x592bb_v-1703190828-width-3200.webp" alt="" srcset="cdn/shop/files/592x592bb_v-1703190828-width-50.webp 50w, cdn/shop/files/592x592bb_v-1703190828-width-75.webp 75w, cdn/shop/files/592x592bb_v-1703190828-width-100.webp 100w, cdn/shop/files/592x592bb_v-1703190828-width-150.webp 150w, cdn/shop/files/592x592bb_v-1703190828-width-200.webp 200w, cdn/shop/files/592x592bb_v-1703190828-width-300.webp 300w, cdn/shop/files/592x592bb_v-1703190828-width-400.webp 400w, cdn/shop/files/592x592bb_v-1703190828-width-500.webp 500w, cdn/shop/files/592x592bb_v-1703190828-width-750.webp 750w, cdn/shop/files/592x592bb_v-1703190828-width-1000.webp 1000w, cdn/shop/files/592x592bb_v-1703190828-width-1250.webp 1250w, cdn/shop/files/592x592bb_v-1703190828-width-1500.webp 1500w, cdn/shop/files/592x592bb_v-1703190828-width-1750.webp 1750w, cdn/shop/files/592x592bb_v-1703190828-width-2000.webp 2000w, cdn/shop/files/592x592bb_v-1703190828-width-2250.webp 2250w, cdn/shop/files/592x592bb_v-1703190828-width-2500.webp 2500w, cdn/shop/files/592x592bb_v-1703190828-width-2750.webp 2750w, cdn/shop/files/592x592bb_v-1703190828-width-3000.webp 3000w, cdn/shop/files/592x592bb_v-1703190828-width-3200.webp 3200w" width="3200" height="3200" loading="lazy" sizes="
                      (min-width: 1400px) calc((1400px - 164px) * 1 /  3),
                      (min-width: 990px) calc((100vw - 164px) * 1 / 3),
                      (min-width: 750px) calc((100vw - 100px) * 1 / 1),
                      calc((100vw - 30px) * 1 / 1)
                    " class="multicolumn-card__image">
                  </div>
                </div><div class="multicolumn-card__info"><h3 class="inline-richtext">That Spirit of Christmas</h3><div class="rte"><p>2023</p></div><a class="link animate-arrow " href="pages/music_album-that-spirit-of-christmas">
View
                    <span class="icon-wrap">&nbsp;<svg viewbox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>
</span></a></div>
            </div>
          </li><li id="Slide-template--14861507919985__be715842-370a-4afd-b2dd-470fa7570c09-2" class="multicolumn-list__item grid__item center">
            <div class="multicolumn-card content-container">
                <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--full-width multicolumn-card-spacing">
                  <div class="media media--transparent media--adapt" style="padding-bottom: 100.0%;">
                    <img src="cdn/shop/files/41ggcFvEhHL__UX500_FMwebp_QL85__jpg_ecda028e-1044-4252-a252-b6b7d33f4f60_v-1702578524-width-3200.webp" alt="" srcset="cdn/shop/files/41ggcFvEhHL__UX500_FMwebp_QL85__jpg_ecda028e-1044-4252-a252-b6b7d33f4f60_v-1702578524-width-50.webp 50w, cdn/shop/files/41ggcFvEhHL__UX500_FMwebp_QL85__jpg_ecda028e-1044-4252-a252-b6b7d33f4f60_v-1702578524-width-75.webp 75w, cdn/shop/files/41ggcFvEhHL__UX500_FMwebp_QL85__jpg_ecda028e-1044-4252-a252-b6b7d33f4f60_v-1702578524-width-100.webp 100w,   cdn/shop/files/41ggcFvEhHL__UX500_FMwebp_QL85__jpg_ecda028e-1044-4252-a252-b6b7d33f4f60_v-1702578524-width-300.webp 300w, cdn/shop/files/41ggcFvEhHL__UX500_FMwebp_QL85__jpg_ecda028e-1044-4252-a252-b6b7d33f4f60_v-1702578524-width-400.webp 400w, cdn/shop/files/41ggcFvEhHL__UX500_FMwebp_QL85__jpg_ecda028e-1044-4252-a252-b6b7d33f4f60_v-1702578524-width-500.webp 500w,  cdn/shop/files/41ggcFvEhHL__UX500_FMwebp_QL85__jpg_ecda028e-1044-4252-a252-b6b7d33f4f60_v-1702578524-width-1000.webp 1000w, cdn/shop/files/41ggcFvEhHL__UX500_FMwebp_QL85__jpg_ecda028e-1044-4252-a252-b6b7d33f4f60_v-1702578524-width-1250.webp 1250w, cdn/shop/files/41ggcFvEhHL__UX500_FMwebp_QL85__jpg_ecda028e-1044-4252-a252-b6b7d33f4f60_v-1702578524-width-1500.webp 1500w, cdn/shop/files/41ggcFvEhHL__UX500_FMwebp_QL85__jpg_ecda028e-1044-4252-a252-b6b7d33f4f60_v-1702578524-width-1750.webp 1750w, cdn/shop/files/41ggcFvEhHL__UX500_FMwebp_QL85__jpg_ecda028e-1044-4252-a252-b6b7d33f4f60_v-1702578524-width-2000.webp 2000w, cdn/shop/files/41ggcFvEhHL__UX500_FMwebp_QL85__jpg_ecda028e-1044-4252-a252-b6b7d33f4f60_v-1702578524-width-2250.webp 2250w, cdn/shop/files/41ggcFvEhHL__UX500_FMwebp_QL85__jpg_ecda028e-1044-4252-a252-b6b7d33f4f60_v-1702578524-width-2500.webp 2500w, cdn/shop/files/41ggcFvEhHL__UX500_FMwebp_QL85__jpg_ecda028e-1044-4252-a252-b6b7d33f4f60_v-1702578524-width-2750.webp 2750w, cdn/shop/files/41ggcFvEhHL__UX500_FMwebp_QL85__jpg_ecda028e-1044-4252-a252-b6b7d33f4f60_v-1702578524-width-3000.webp 3000w, cdn/shop/files/41ggcFvEhHL__UX500_FMwebp_QL85__jpg_ecda028e-1044-4252-a252-b6b7d33f4f60_v-1702578524-width-3200.webp 3200w" width="3200" height="3200" loading="lazy" sizes="
                      (min-width: 1400px) calc((1400px - 164px) * 1 /  3),
                      (min-width: 990px) calc((100vw - 164px) * 1 / 3),
                      (min-width: 750px) calc((100vw - 100px) * 1 / 1),
                      calc((100vw - 30px) * 1 / 1)
                    " class="multicolumn-card__image">
                  </div>
                </div><div class="multicolumn-card__info"><h3 class="inline-richtext">The Warner Years</h3><div class="rte"><p>2023</p></div><a class="link animate-arrow " href="pages/music_album-the-warner-years">
View
                    <span class="icon-wrap">&nbsp;<svg viewbox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>
</span></a></div>
            </div>
          </li><li id="Slide-template--14861507919985__be715842-370a-4afd-b2dd-470fa7570c09-3" class="multicolumn-list__item grid__item center">
            <div class="multicolumn-card content-container">
                <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--full-width multicolumn-card-spacing">
                  <div class="media media--transparent media--adapt" style="padding-bottom: 100.0%;">
                    <img src="cdn/shop/files/jamesotto-somewheretonight_82a34733-cc8b-465c-b8f6-bc1e083f965a_v-1702578658-width-3200.jpg" alt="" srcset=" cdn/shop/files/jamesotto-somewheretonight_82a34733-cc8b-465c-b8f6-bc1e083f965a_v-1702578658-width-75.jpg 75w, cdn/shop/files/jamesotto-somewheretonight_82a34733-cc8b-465c-b8f6-bc1e083f965a_v-1702578658-width-100.jpg 100w, cdn/shop/files/jamesotto-somewheretonight_82a34733-cc8b-465c-b8f6-bc1e083f965a_v-1702578658-width-150.jpg 150w, cdn/shop/files/jamesotto-somewheretonight_82a34733-cc8b-465c-b8f6-bc1e083f965a_v-1702578658-width-200.jpg 200w, cdn/shop/files/jamesotto-somewheretonight_82a34733-cc8b-465c-b8f6-bc1e083f965a_v-1702578658-width-300.jpg 300w, cdn/shop/files/jamesotto-somewheretonight_82a34733-cc8b-465c-b8f6-bc1e083f965a_v-1702578658-width-400.jpg 400w, cdn/shop/files/jamesotto-somewheretonight_82a34733-cc8b-465c-b8f6-bc1e083f965a_v-1702578658-width-500.jpg 500w, cdn/shop/files/jamesotto-somewheretonight_82a34733-cc8b-465c-b8f6-bc1e083f965a_v-1702578658-width-750.jpg 750w, cdn/shop/files/jamesotto-somewheretonight_82a34733-cc8b-465c-b8f6-bc1e083f965a_v-1702578658-width-1000.jpg 1000w, cdn/shop/files/jamesotto-somewheretonight_82a34733-cc8b-465c-b8f6-bc1e083f965a_v-1702578658-width-1250.jpg 1250w, cdn/shop/files/jamesotto-somewheretonight_82a34733-cc8b-465c-b8f6-bc1e083f965a_v-1702578658-width-1500.jpg 1500w, cdn/shop/files/jamesotto-somewheretonight_82a34733-cc8b-465c-b8f6-bc1e083f965a_v-1702578658-width-1750.jpg 1750w, cdn/shop/files/jamesotto-somewheretonight_82a34733-cc8b-465c-b8f6-bc1e083f965a_v-1702578658-width-2000.jpg 2000w, cdn/shop/files/jamesotto-somewheretonight_82a34733-cc8b-465c-b8f6-bc1e083f965a_v-1702578658-width-2250.jpg 2250w, cdn/shop/files/jamesotto-somewheretonight_82a34733-cc8b-465c-b8f6-bc1e083f965a_v-1702578658-width-2500.jpg 2500w, cdn/shop/files/jamesotto-somewheretonight_82a34733-cc8b-465c-b8f6-bc1e083f965a_v-1702578658-width-2750.jpg 2750w, cdn/shop/files/jamesotto-somewheretonight_82a34733-cc8b-465c-b8f6-bc1e083f965a_v-1702578658-width-3000.jpg 3000w, cdn/shop/files/jamesotto-somewheretonight_82a34733-cc8b-465c-b8f6-bc1e083f965a_v-1702578658-width-3200.jpg 3200w" width="3200" height="3200" loading="lazy" sizes="
                      (min-width: 1400px) calc((1400px - 164px) * 1 /  3),
                      (min-width: 990px) calc((100vw - 164px) * 1 / 3),
                      (min-width: 750px) calc((100vw - 100px) * 1 / 1),
                      calc((100vw - 30px) * 1 / 1)
                    " class="multicolumn-card__image">
                  </div>
                </div><div class="multicolumn-card__info"><h3 class="inline-richtext">Somewhere Tonight</h3><div class="rte"><p>2015</p></div><a class="link animate-arrow " href="pages/music_album-somewhere-tonight">
View
                    <span class="icon-wrap">&nbsp;<svg viewbox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>
</span></a></div>
            </div>
          </li></ul></slider-component>
    <div class="center"><a class="button button--primary" href="pages/music">
          View All
        </a></div>
  </div>
</div>
</section><div id="shopify-section-template--14861507919985__5a9244b2-ecea-4e29-af8a-9f2fbfafee3d" class="shopify-section section"><link href="cdn/shop/t/2/assets/component-image-with-text_v-77496188948220712211701981761.css" rel="stylesheet" type="text/css" media="all"/>
<style data-shopify>.section-template--14861507919985__5a9244b2-ecea-4e29-af8a-9f2fbfafee3d-padding {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  @media screen and (min-width: 750px) {
    .section-template--14861507919985__5a9244b2-ecea-4e29-af8a-9f2fbfafee3d-padding {
      padding-top: 60px;
      padding-bottom: 60px;
    }
  }</style>
<style>
  .section-background--template--14861507919985__5a9244b2-ecea-4e29-af8a-9f2fbfafee3d {
    background-image: url(cdn/shop/files/otto-bg-soundboard_v-1701981646.jpg);
    background-attachment: scroll;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
</style>
<div class="image-with-text image-with-text--no-overlap isolate collapse-corners section-template--14861507919985__5a9244b2-ecea-4e29-af8a-9f2fbfafee3d-padding gradient color-background-1 section-background--template--14861507919985__5a9244b2-ecea-4e29-af8a-9f2fbfafee3d section--about">
  <div class="page-width">
    <div class="image-with-text__grid grid grid--gapless grid--1-col grid--2-col-tablet image-with-text__grid--reverse">
      <div class="image-with-text__media-item image-with-text__media-item--medium image-with-text__media-item--top grid__item">
        <div class="image-with-text__media image-with-text__media--adapt  global-media-settings media" style="padding-bottom: 118.89140271493213%;"><img src="cdn/shop/files/otto-journal_v-1701981649-width-1500.png" alt="" srcset="cdn/shop/files/otto-journal_v-1701981649-width-165.png 165w, cdn/shop/files/otto-journal_v-1701981649-width-360.png 360w, cdn/shop/files/otto-journal_v-1701981649-width-535.png 535w, cdn/shop/files/otto-journal_v-1701981649-width-750.png 750w, cdn/shop/files/otto-journal_v-1701981649-width-1070.png 1070w, cdn/shop/files/otto-journal_v-1701981649-width-1500.png 1500w" width="1500" height="1783" loading="lazy" sizes="(min-width: 1400px) 650px,
                (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)">
</div>
      </div>
      <div class="image-with-text__text-item grid__item">
        <div id="ImageWithText--template--14861507919985__5a9244b2-ecea-4e29-af8a-9f2fbfafee3d" class="image-with-text__content image-with-text__content--top image-with-text__content--desktop-left image-with-text__content--mobile-left image-with-text__content--adapt content-container"><h2 class="image-with-text__heading inline-richtext title--styled h1">
                  <span class="title--styled-gradient" data-text="About James">About James</span>
                </h2><p class="image-with-text__text image-with-text__text--caption subtitle subtitle--large subtitle">
                  There’s a certain chemistry that happens when a great vocalist collides with a hit song.
                </p><div class="image-with-text__text rte body">
                  <p>James Otto, has been called The Biggest Voice In Country Music & that might just be true, his voice is as big as he is.  He’s a seasoned and soulful singer that understands the electrifying magic that occurs when a remarkable voice meets a hit song. His breakthrough hit in 2008, "Just Got Started Lovin' You," soared to the top of the country charts and was the Most Played Country Single of the Year.</p>
                </div><a href="pages/about" class="button button--primary">
                    Read More
                  </a></div>
      </div>
    </div>
  </div>
</div>
<style>
  @media screen and (min-width: 750px) {
.section--about {overflow: hidden }
.section--about .image-with-text__media {
  margin-bottom: -25%;
}
}
</style>
</div><section id="shopify-section-template--14861507919985__fbd42473-2efe-4f05-bd86-5b62bf6f3a90" class="shopify-section section"><link href="cdn/shop/t/2/assets/section-rich-text_v-66806345751687753751701981761.css" rel="stylesheet" type="text/css" media="all"/>
<style data-shopify>.section-template--14861507919985__fbd42473-2efe-4f05-bd86-5b62bf6f3a90-padding {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  @media screen and (min-width: 750px) {
    .section-template--14861507919985__fbd42473-2efe-4f05-bd86-5b62bf6f3a90-padding {
      padding-top: 60px;
      padding-bottom: 60px;
    }
  }</style>
<style>
  .section-background--template--14861507919985__fbd42473-2efe-4f05-bd86-5b62bf6f3a90 {
    background-image: url(cdn/shop/files/otto-bg-leather_v-1701981662.jpg);
    background-attachment: scroll;
    background-position: top center;
  }
</style>
<div class="isolate ">
  <div class="rich-text content-container color-background-1 section-background--template--14861507919985__fbd42473-2efe-4f05-bd86-5b62bf6f3a90 gradient rich-text--full-width content-container--full-width section-template--14861507919985__fbd42473-2efe-4f05-bd86-5b62bf6f3a90-padding">
    <div class="rich-text__wrapper rich-text__wrapper--center page-width">
      <div class="rich-text__blocks center"><h2 class="rich-text__heading title--styled rte inline-richtext h1">
                <span class="title--styled-gradient" data-text="Upcoming Shows">Upcoming Shows</span>
              </h2><script charset="utf-8" src="main.min.js"></script>
              <div style="text-align: initial">
              <a class="bit-widget-initializer" data-artist-name="James Otto" data-background-color="transparent" data-separator-color="rgba(var(--color-foreground),.5)" data-text-color="rgb(var(--color-foreground))" data-font="var(--font-body-family)" data-auto-style="true" data-button-label-capitalization="capitalize" data-header-capitalization="" data-location-capitalization="capitalize" data-venue-capitalization="capitalize" data-display-local-dates="false" data-local-dates-position="tab" data-display-past-dates="false" data-display-details="" data-display-lineup="false" data-display-start-time="true" data-social-share-icon="false" data-display-limit="all" data-date-format="MMM DD" data-date-orientation="vertical" data-date-border-color="rgb(var(--color-foreground))" data-date-border-width="0px" data-date-capitalization="capitalize" data-date-border-radius="0px" data-event-ticket-cta-size="small" data-event-custom-ticket-text="" data-event-ticket-text="TICKETS" data-event-ticket-icon="" data-event-ticket-cta-text-color="rgb(var(--color-button-text))" data-event-ticket-cta-bg-color="rgb(204,142,44)" data-event-ticket-cta-border-color="rgb(var(--color-button))" data-event-ticket-cta-border-width="0px" data-event-ticket-cta-border-radius="0px" data-sold-out-button-text-color="rgb(var(--color-button-text))" data-sold-out-button-background-color="rgb(204,142,44)" data-sold-out-button-border-color="rgb(var(--color-button))" data-sold-out-button-clickable="true" data-event-rsvp-position="hidden" data-follow-section-position="hidden" data-play-my-city-position="hidden" data-play-my-city-alignment="Center" data-play-my-city-header-text="Don’t see a show near you?" data-play-my-city-cta-size="small" data-play-my-city-cta-text="REQUEST A SHOW" data-play-my-city-cta-icon="false" data-play-my-city-cta-text-color="rgb(var(--color-button-text))" data-play-my-city-cta-bg-color="rgb(204,142,44)" data-play-my-city-cta-border-color="rgb(var(--color-button))" data-play-my-city-cta-border-width="0px" data-play-my-city-cta-border-radius="0px" data-language="en" data-layout-breakpoint="900" data-bit-logo-position="hidden"></a>
            </div><div class="rich-text__buttons"><a href="pages/tour" class="button button--primary">View All</a></div></div>
    </div>
  </div>
</div>
</section><section id="shopify-section-template--14861507919985__3fe756ef-1ed4-4222-9b19-f2c7f2582370" class="shopify-section section"><link href="cdn/shop/t/2/assets/component-newsletter_v-4727253280200485261701981755.css" rel="stylesheet" type="text/css" media="all"/>
<link href="cdn/shop/t/2/assets/newsletter-section_v-62410470717655853621701981756.css" rel="stylesheet" type="text/css" media="all"/>
<style data-shopify>.section-template--14861507919985__3fe756ef-1ed4-4222-9b19-f2c7f2582370-padding {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  @media screen and (min-width: 750px) {
    .section-template--14861507919985__3fe756ef-1ed4-4222-9b19-f2c7f2582370-padding {
      padding-top: 60px;
      padding-bottom: 60px;
    }
  }</style>
<style>
  .section-background--template--14861507919985__3fe756ef-1ed4-4222-9b19-f2c7f2582370 {
    background-image: url(cdn/shop/files/otto-bg-lines_v-1701981647.png);
    background-attachment: scroll;
    background-position: top center;
  }
</style>
<div class="newsletter center ">
  <div class="newsletter__wrapper color-background-1 section-background--template--14861507919985__3fe756ef-1ed4-4222-9b19-f2c7f2582370 gradient content-container isolate content-container--full-width section-template--14861507919985__3fe756ef-1ed4-4222-9b19-f2c7f2582370-padding "><h2 class="inline-richtext title--styled h1">
            <span class="title--styled-gradient" data-text="Get Updates">Get Updates</span>
          </h2><div class="newsletter__subheading rte">
            <p>Be the first to know about the latest tour dates and more</p>
          </div><div>
            <form method="post" action="contact#contact_form" id="contact_form" accept-charset="UTF-8" class="newsletter-form"><input type="hidden" name="form_type" value="customer"/><input type="hidden" name="utf8" value="✓"/>
              <input type="hidden" name="contact[tags]" value="newsletter">
              <div class="newsletter-form__field-wrapper">
                <div class="field">
                  <input id="NewsletterForm--template--14861507919985__3fe756ef-1ed4-4222-9b19-f2c7f2582370" type="email" name="contact[email]" class="field__input" value="" aria-required="true" autocorrect="off" autocapitalize="off" autocomplete="email" placeholder="Email" required>
                  <label class="field__label" for="NewsletterForm--template--14861507919985__3fe756ef-1ed4-4222-9b19-f2c7f2582370">
                    Email
                  </label>
                  <button type="submit" class="newsletter-form__button field__button" name="commit" id="Subscribe" aria-label="Subscribe">
                    <svg viewbox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>
                  </button>
                </div></div></form>
          </div></div>
</div>
</section>
    </main>
    <!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--14861507231857__footer" class="shopify-section shopify-section-group-footer-group">
<link href="cdn/shop/t/2/assets/section-footer_v-165539980823016953431701981756.css" rel="stylesheet" type="text/css" media="all"/>
<link href="cdn/shop/t/2/assets/component-newsletter_v-4727253280200485261701981755.css" rel="stylesheet" type="text/css" media="all"/>
<link href="cdn/shop/t/2/assets/component-list-menu_v-151968516119678728991701981760.css" rel="stylesheet" type="text/css" media="all"/>
<link href="cdn/shop/t/2/assets/component-list-payment_v-69253961410771838501701981756.css" rel="stylesheet" type="text/css" media="all"/>
<link href="cdn/shop/t/2/assets/component-list-social_v-35792976012981934991701981762.css" rel="stylesheet" type="text/css" media="all"/>
<style data-shopify>.footer {
    margin-top: 0px;
  }
  .section-sections--14861507231857__footer-padding {
    padding-top: 27px;
    padding-bottom: 27px;
  }
  @media screen and (min-width: 750px) {
    .footer {
      margin-top: 0px;
    }
    .section-sections--14861507231857__footer-padding {
      padding-top: 36px;
      padding-bottom: 36px;
    }
  }</style>
<footer class="footer color-background-1 section-background--sections--14861507231857__footer gradient section-sections--14861507231857__footer-padding "><div class="footer__content-top page-width"><div class="footer-block--newsletter">
<ul class="list-unstyled list-social footer__list-social" role="list"><li class="list-social__item">
      <a href="https://facebook.com/jamesotto" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-facebook" viewbox="0 0 20 20">
  <path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z"/>
</svg>
<span class="visually-hidden">Facebook</span>
      </a>
    </li><li class="list-social__item">
      <svg aria-hidden="true" focusable="false" class="icon icon-instagram" viewbox="0 0 20 20">
  <path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z" clip-rule="evenodd"/>
</svg>
<span class="visually-hidden">Instagram</span>
    </li><li class="list-social__item">
      <a href="https://www.youtube.com/user/jamesotto" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-youtube" viewbox="0 0 20 20">
  <path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z"/>
</svg>
<span class="visually-hidden">YouTube</span>
      </a>
    </li><li class="list-social__item">
      <a href="https://www.tiktok.com/@thejamesotto" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-tiktok" viewbox="0 0 20 20">
  <path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205L10.51 1.705Z"/>
</svg>
<span class="visually-hidden">TikTok</span>
      </a>
    </li><li class="list-social__item">
      <svg aria-hidden="true" focusable="false" class="icon icon-twitter" viewbox="0 0 20 20">
  <path fill="currentColor" d="m14.01,3.34h2.24l-4.89,5.58,5.75,7.6h-4.5l-3.53-4.61-4.03,4.61h-2.24l5.23-5.97L2.53,3.34h4.61l3.18,4.21,3.69-4.21Zm-.79,11.84h1.24L6.47,4.6h-1.33l8.09,10.58Z"/>
</svg><span class="visually-hidden">Twitter</span>
    </li><li class="list-social__item">
      <a href="https://open.spotify.com/artist/3VStI6m5Ig9FAyUaa0lYAP" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-spotify" viewbox="0 0 20 20">
  <path fill="currentColor" d="m10,2.54c-4.12,0-7.46,3.34-7.46,7.46s3.34,7.46,7.46,7.46,7.46-3.34,7.46-7.46-3.34-7.46-7.46-7.46Zm3.03,10.98c-.12,0-.21-.03-.32-.1-1.87-1.14-4.06-1.19-6.22-.75-.11.02-.27.08-.36.08-.29,0-.48-.23-.48-.48,0-.3.18-.46.41-.5,2.46-.54,4.98-.5,7.13.79.18.11.29.23.29.5s-.22.46-.46.46h.02Zm.81-1.98c-.16,0-.26-.07-.37-.12-1.88-1.1-4.68-1.56-7.19-.89-.14.03-.23.08-.36.08-.32,0-.57-.26-.57-.57s.16-.54.46-.62c.83-.24,1.7-.41,2.94-.41,1.96,0,3.84.49,5.33,1.37.25.14.34.34.34.58,0,.32-.26.58-.57.58h0Zm.94-2.3c-.16,0-.26-.03-.38-.11-2.14-1.28-5.98-1.58-8.45-.91-.1.02-.25.08-.38.08-.4,0-.7-.3-.7-.71s.26-.65.52-.72c1.06-.3,2.25-.46,3.54-.46,2.2,0,4.51.46,6.18,1.44.24.14.38.32.38.68,0,.41-.34.7-.7.7h0v.02h-.01Z"/>
</svg><span class="visually-hidden">Spotify</span>
      </a>
    </li><li class="list-social__item">
      <a href="https://itunes.apple.com/us/artist/james-otto/id2556367?uo=4" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-apple" viewbox="0 0 20 20">
  <path fill="currentColor" d="m14.36,9.89c0-1.27.56-2.22,1.73-2.92-.65-.93-1.63-1.44-2.92-1.54-1.21-.1-2.56.71-3.04.71-.53,0-1.7-.68-2.64-.68-1.93.02-3.96,1.53-3.96,4.58,0,.91.16,1.84.49,2.79.44,1.27,2.03,4.35,3.69,4.31.86-.02,1.48-.62,2.6-.62s1.66.62,2.64.62c1.67-.02,3.12-2.84,3.52-4.11-2.24-1.05-2.12-3.1-2.12-3.16h0v.02h.01Zm-1.95-5.64c.94-1.12.85-2.13.83-2.49-.83.05-1.78.56-2.33,1.2-.61.68-.95,1.53-.89,2.47.9.08,1.72-.39,2.4-1.18,0,0-.01,0-.01,0Z"/>
</svg><span class="visually-hidden">Apple</span>
      </a>
    </li></ul>
</div>
      </div><div class="footer__content-bottom">
    <div class="footer__content-bottom-wrapper page-width">
      <div class="footer__column footer__localization isolate"></div>
      <div class="footer__column footer__column--info"></div>
    </div>
    <div class="footer__content-bottom-wrapper page-width footer__content-bottom-wrapper--center">
      <div class="footer__copyright caption">
        <small class="copyright__content">&copy; 2025, <a href="/" title="">James Otto</a></small><ul class="policies list-unstyled"><li>
                  <small class="copyright__content"><a href="/">Privacy Policy</a></small>
                </li><li>
                  <small class="copyright__content"><a href="/">Terms of Service</a></small>
                </li></ul><small class="copyright__content">
  <div class="footer__core">
    <a href="https://www.bubbleup.net/" target="_blank" class="footer__core-image" aria-label="Website Development &amp; Design by BubbleUp"><svg fill="currentcolor" width="90" height="44" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 83.41 39"><path d="m0,37.38v-5h1.62c.4-.01.8.01,1.2.08.29.08.54.25.72.49.21.29.31.64.29,1,0,.27-.05.54-.17.78-.1.19-.25.36-.43.49-.16.12-.34.21-.53.27-.33.03-.67.03-1,0h-.65v1.89H0Zm1-4.16v1.42h.54c.27.01.54-.01.8-.08.14-.04.27-.13.36-.25.07-.12.11-.25.11-.39.01-.34-.23-.63-.57-.67-.24-.02-.49-.02-.73,0l-.51-.03Zm3.05,1.68c-.02-.44.06-.88.23-1.29.11-.26.27-.49.47-.69.19-.18.41-.33.65-.43.34-.14.71-.21,1.08-.2.66-.03,1.3.22,1.77.69.88,1.12.88,2.69,0,3.81-.46.47-1.1.72-1.76.7-.67.03-1.32-.23-1.79-.72-.46-.51-.69-1.18-.65-1.87Zm1,0c-.04.46.1.93.39,1.29.5.55,1.34.59,1.89.1,0,0,0,0,0,0l.1-.09c.28-.38.42-.84.39-1.31.03-.46-.1-.92-.38-1.29-.54-.55-1.43-.56-1.98-.02,0,0-.01.01-.02.02h0c-.27.37-.4.82-.36,1.28l-.04.03Zm4.94,2.48l-1.2-5h1l.75,3.43,1-3.44h1.16l.88,3.5.77-3.5h1l-1.22,5h-1.05l-1-3.75-1,3.75h-1.09Zm5.55,0v-5h3.72v.85h-2.72v1.11h2.52v.84h-2.52v1.31h2.8v.84l-3.8.05Zm4.31,0v-5h2.13c.39-.02.79.02,1.17.13.24.09.44.26.58.48.15.24.22.51.22.79,0,.34-.11.67-.33.93-.27.27-.62.43-1,.46.2.11.38.25.54.42.22.25.41.52.58.81l.61,1h-1.21l-.73-1.09c-.16-.26-.34-.5-.53-.74-.08-.09-.18-.16-.3-.21-.17-.05-.34-.07-.51-.06h-.21v2.09h-1.01Zm1-2.89h.75c.3.02.61,0,.91-.06.11-.04.21-.11.28-.21.07-.11.1-.25.1-.38,0-.15-.04-.29-.13-.41-.1-.11-.23-.18-.38-.2h-1.53v1.26Zm3.69,2.89v-5h3.72v.85h-2.72v1.11h2.52v.84h-2.52v1.31h2.8v.84l-3.8.05Zm4.31-5.01h1.85c.34-.01.67.02,1,.1.29.08.55.24.76.46.21.23.38.51.48.81.11.38.17.78.16,1.18,0,.36-.04.72-.15,1.07-.11.34-.29.64-.54.89-.2.18-.45.32-.71.4-.29.08-.6.12-.9.11h-1.9l-.05-5.02Zm1,.85v3.27h.76c.2.02.41.02.61,0,.15-.04.29-.11.41-.21.13-.13.22-.3.27-.48.07-.3.11-.61.1-.92.01-.3-.02-.6-.1-.89-.06-.18-.16-.35-.29-.49-.13-.12-.3-.2-.47-.24-.28-.03-.55-.03-.83,0l-.46-.04Zm4.95-.85h2c.3-.02.59-.02.89,0,.38.06.72.29.91.63.1.18.15.38.15.59,0,.47-.27.9-.7,1.09.28.07.52.23.7.46.16.22.25.48.25.75,0,.23-.06.46-.16.67-.1.21-.25.39-.43.52-.2.14-.44.22-.68.24h-2.93v-4.95Zm1,.83v1.16h1.39c.15,0,.3-.07.41-.18.1-.1.15-.25.15-.39,0-.14-.04-.27-.13-.38-.1-.11-.24-.17-.38-.18h-.86l-.58-.03Zm0,2v1.29h.9c.23.02.46.02.69,0,.14-.02.27-.09.37-.2.1-.12.15-.27.14-.43,0-.13-.03-.26-.1-.37-.08-.11-.19-.19-.32-.23-.3-.06-.6-.09-.9-.07h-.78Zm4.74,2.18v-2.11l-1.84-2.9h1.19l1.18,2,1.16-2h1.17l-1.86,2.91v2.1h-1Zm4.57-5.73h3.31c.46-.03.91.12,1.27.41.28.26.44.62.44,1,0,.32-.11.63-.32.87-.17.18-.38.31-.62.38.35.06.67.24.91.51.2.26.3.58.29.91,0,.56-.29,1.08-.78,1.36-.21.1-.44.17-.67.19-.26.04-.53.07-.79.08h-3l-.04-5.71Zm1.79,2.25h.8c.2.02.41-.03.58-.14.11-.11.17-.26.16-.41,0-.15-.05-.29-.16-.39-.17-.11-.36-.16-.56-.14h-.78l-.04,1.08Zm0,2.25h.9c.23.02.45-.04.64-.16.12-.11.19-.27.19-.44,0-.16-.07-.31-.19-.41-.19-.12-.42-.18-.65-.15h-.9v1.16Zm8.27,1.23h-1.47v-.67c-.18.24-.41.44-.67.59-.26.13-.54.19-.83.18-.37.01-.73-.13-1-.39-.28-.34-.41-.77-.37-1.21v-2.65h1.6v2.26c-.02.19.03.39.14.55.11.11.26.17.41.16.18,0,.35-.08.47-.22.14-.24.21-.51.18-.79v-2h1.57l-.03,4.19Zm.53-5.73h1.61v2c.15-.16.33-.29.54-.37.21-.08.44-.12.67-.12.47,0,.93.19,1.25.54.35.44.53,1,.5,1.56,0,.41-.07.82-.23,1.2-.13.31-.35.58-.63.77-.26.17-.57.26-.88.26-.27,0-.53-.06-.77-.18-.22-.14-.42-.32-.57-.53v.61h-1.49v-5.74Zm1.6,3.64c-.03.28.04.55.2.78.13.15.31.24.51.24.19,0,.37-.09.48-.24.15-.24.21-.51.19-.79.02-.25-.05-.51-.19-.72-.11-.15-.28-.23-.46-.23-.2,0-.4.08-.53.24-.15.21-.22.46-.2.72Zm3.34-3.64h1.61v2c.15-.16.33-.29.54-.37.21-.08.44-.12.67-.12.47,0,.93.19,1.25.54.35.44.53,1,.5,1.56,0,.41-.07.82-.23,1.2-.13.31-.35.58-.63.77-.27.17-.57.26-.89.26-.27,0-.53-.06-.77-.18-.22-.14-.42-.32-.57-.53v.61h-1.48v-5.74Zm1.6,3.64c-.03.28.04.55.2.78.13.15.31.24.51.24.19,0,.37-.09.48-.24.15-.24.21-.51.19-.79.02-.25-.05-.51-.19-.72-.11-.15-.28-.23-.46-.23-.2,0-.4.08-.53.24-.15.21-.22.46-.2.72Zm3.36-3.64h1.59v5.73h-1.59v-5.73Zm6.76,4.05h-3.18c0,.21.08.41.21.57.15.18.37.28.6.27.16,0,.31-.04.45-.12.11-.07.2-.16.28-.26l1.57.14c-.2.38-.5.69-.87.9-.46.21-.96.3-1.46.27-.45.02-.89-.06-1.3-.23-.33-.16-.6-.42-.78-.74-.23-.36-.34-.77-.34-1.19-.03-.59.2-1.16.62-1.57.47-.42,1.09-.64,1.72-.6.48-.02.97.07,1.41.27.34.17.62.44.79.78.19.41.29.85.28,1.3v.21Zm-1.66-.76c-.01-.24-.1-.47-.25-.66-.32-.28-.8-.26-1.09.06,0,0,0,0-.01.01h0c-.11.17-.17.36-.18.56l1.53.03Zm5.74-3.29h1.77v3.41c0,.34-.05.68-.16,1-.11.3-.28.57-.5.79-.2.21-.44.37-.71.47-.4.13-.82.19-1.24.17-.3.02-.6.02-.9,0-.29-.03-.57-.1-.83-.23-.23-.12-.44-.29-.61-.49-.17-.19-.3-.42-.38-.66-.11-.32-.16-.66-.16-1v-3.46h1.77v3.49c-.01.27.08.53.26.73.42.35,1.02.35,1.44,0,.18-.2.28-.47.26-.74v-3.48Zm2.38,7.31v-5.73h1.49v.61c.15-.21.35-.39.57-.52.24-.12.5-.18.77-.18.51-.02,1,.22,1.29.64.31.46.47,1.01.46,1.57.04.57-.14,1.14-.5,1.58-.31.37-.78.57-1.26.56-.23,0-.46-.04-.67-.12-.21-.08-.39-.21-.54-.37v2l-1.61-.04Zm1.59-3.64c-.02.26.05.52.21.73.13.15.32.24.52.24.18,0,.35-.09.46-.23.15-.23.21-.51.19-.78.02-.26-.05-.52-.2-.74-.11-.15-.29-.24-.48-.24-.2,0-.38.09-.51.24-.16.23-.22.51-.19.78Zm-38.22-6.59h-1.16c-6.02-.28-11.16-4.42-12.72-10.24-.17-.66-.3-1.33-.38-2,0-.34-.06-.68-.08-1v-1.25c.3-6.07,4.51-11.23,10.39-12.75,1.2-.3,2.43-.44,3.67-.43,3.22.03,6.33,1.19,8.79,3.28l.5.45s.03.09,0,.13c-.91,3.43.86,7,4.13,8.36.08.01.13.08.12.16,0,0,0,0,0,0,.06.73.06,1.47,0,2.2-.03.72-.13,1.44-.28,2.14-.4,2-1.24,3.89-2.47,5.53-1.16,1.51-2.62,2.76-4.28,3.69-1.11.61-2.29,1.07-3.52,1.37-.8.18-1.61.3-2.42.35h-.29Zm-8.57-14.71l.21-.15c.52-.48.56-1.29.08-1.81,0,0,0,0,0,0-.07-.07-.14-.14-.23-.19-.29-.2-.64-.3-1-.29h-2.98c-.08,0-.11,0-.11.11v5.17c0,.08,0,.11.11.11h2.2c.44,0,.89-.02,1.33-.08.32-.03.62-.16.86-.36.38-.34.55-.86.45-1.36-.04-.46-.34-.85-.77-1l-.28-.1.13-.05Zm11.56,2.62c.54.63,1.49.71,2.13.17.17-.14.3-.32.39-.52v-.09c.29-.63.34-1.34.14-2-.21-.85-1.07-1.36-1.91-1.15,0,0-.01,0-.02,0-.13.03-.26.08-.37.15-.12.07-.24.15-.34.25-.01-.04-.01-.07,0-.11v-1.62c0-.07,0-.09-.09-.09h-1.41c-.08,0-.1,0-.1.1v5.17c0,.07,0,.09.09.09h1.23c.06,0,.09,0,.08-.08s0-.3,0-.47l.18.2Zm-4.57-3.31v-1.61c0-.07,0-.1-.1-.1h-1.33c-.07,0-.09,0-.09.09v5.19c0,.07,0,.1.09.09h1.22c.07,0,.1,0,.1-.09v-.47c.13.15.27.3.43.42.72.44,1.66.22,2.11-.49l.06-.1c.34-.66.39-1.43.16-2.13-.28-.83-1.17-1.28-2-1,0,0,0,0,0,0h-.09c-.22.07-.42.19-.58.36l.02-.16Zm-3.26,3.57c0,.07,0,.1.1.1h1.25c.07,0,.1,0,.1-.09v-3.72c0-.07,0-.1-.09-.1h-1.36c-.08,0-.1,0-.1.1v2c0,.22-.07.43-.22.59-.2.19-.52.19-.72,0-.06-.07-.1-.15-.13-.23-.01-.1-.01-.21,0-.31v-2c0-.08,0-.1-.1-.1h-1.3c-.1,0-.12,0-.12.12v2.33c-.01.15-.01.29,0,.44.05.65.61,1.14,1.26,1.1.41.02.81-.11,1.12-.37.11-.11.22-.22.31-.33,0,.14,0,.3,0,.47Zm15.44-1.47h1.41c.07,0,.09,0,.09-.09,0-.28-.02-.55-.08-.82-.11-.68-.62-1.23-1.29-1.39-.55-.15-1.14-.15-1.69,0-.6.13-1.09.54-1.31,1.11-.17.43-.21.91-.11,1.36.14.74.72,1.32,1.46,1.46.5.08,1.02.08,1.52,0,.58-.1,1.09-.47,1.36-1,0,0,.08-.08,0-.09l-1.3-.12c-.07-.02-.14.01-.18.07-.16.19-.41.29-.66.27-.35-.03-.64-.31-.67-.66q0-.12.1-.12h1.38l-.03.02Zm-4.71,1.47c0,.08,0,.1.1.1h1.3c.08,0,.1,0,.1-.1v-5.18c0-.08,0-.1-.1-.1h-1.3c-.08,0-.1,0-.1.1v5.18Zm-16.91-1.61v-.45c0-.15,0-.08.08-.08h.93c.19-.02.38.06.5.22.16.23.11.55-.12.71l-.12.06c-.13.04-.26.06-.39.06h-.81c-.07,0-.09,0-.09-.09s.02-.23.02-.43Zm0-2.07v-.43c0-.14,0-.07.06-.07.31-.02.61-.02.92,0,.27.03.46.27.43.54,0,0,0,0,0,0-.02.09-.06.17-.11.24-.11.13-.28.2-.45.19h-.79q-.06,0-.06-.07v-.41Zm13.94,1.83c-.01-.22.04-.43.14-.62.12-.22.37-.33.61-.28.23.03.42.2.47.43.11.32.11.68,0,1-.07.26-.29.44-.56.45-.27-.01-.51-.2-.59-.46-.05-.17-.07-.34-.07-.52Zm-3.23-.03c0,.17-.01.34-.06.51-.06.26-.3.45-.57.46-.27-.04-.49-.23-.55-.5-.07-.27-.07-.56,0-.83.05-.34.35-.57.69-.53.27.04.49.25.52.53,0,.12,0,.24-.03.36Zm10.15-.33h-.65c-.06,0-.08,0-.07-.08.02-.26.17-.49.39-.62.35-.17.77-.04.94.31.03.06.05.12.06.19q0,.16-.14.16l-.53.04Zm8.81-8.44c-.27-.03-.52.13-.61.38-.13.34-.13.72,0,1.06.1.25.35.41.62.39.25-.03.45-.21.51-.45.07-.29.07-.59,0-.88-.05-.26-.26-.46-.52-.5Zm3.48-2.04c-.59-1.5-1.71-2.73-3.15-3.46-.91-.48-1.91-.74-2.94-.75h-.64c-.57.03-1.13.14-1.66.33-2.78.95-4.63,3.58-4.58,6.51.01.49.07.97.18,1.45.81,3.35,4,5.56,7.42,5.13.79-.1,1.56-.34,2.26-.71,2.24-1.16,3.64-3.48,3.63-6v-.12c-.02-.82-.2-1.63-.52-2.38Zm-5.91,3c.01.6-.22,1.17-.65,1.59-.32.31-.74.5-1.18.54-.61.08-1.22.06-1.82-.08-.71-.16-1.26-.73-1.41-1.44-.06-.26-.1-.52-.1-.79v-3c0-.09,0-.12.12-.12h1.42q.13,0,.13.13v1.63h0v1.6c-.01.45.34.82.79.84h0c.23.02.46-.04.65-.16.22-.16.34-.41.34-.68v-3.29c0-.09,0-.11.11-.11h1.46c.07,0,.1,0,.1.09.05,1.07.06,2.14.05,3.21v.04Zm4.52.15c.01.41-.09.82-.3,1.17-.25.42-.7.69-1.19.72-.46.05-.92-.11-1.26-.43-.01.04-.01.08,0,.12v1.61c0,.07,0,.1-.1.1h-1.38c-.08,0-.1,0-.1-.1v-5.17c0-.09,0-.11.11-.11h1.19c.1,0,.12,0,.11.12s0,.28,0,.44c.11-.12.24-.24.37-.34.66-.45,1.55-.32,2.05.31.34.45.51,1.01.49,1.57h.01Zm-3.52,8.5c0,.77-.61,1.39-1.38,1.4,0,0,0,0-.01,0-.77,0-1.4-.63-1.4-1.4s.63-1.4,1.4-1.4h0c.5,0,.96.26,1.21.7.12.21.19.45.18.7Zm-.27,0c0-.62-.49-1.12-1.11-1.13,0,0-.01,0-.02,0-.62,0-1.13.51-1.13,1.13s.51,1.13,1.13,1.13c.3,0,.58-.12.8-.33.22-.21.34-.5.33-.8Zm-1.76-.75h.67c.15-.02.3.03.41.12.09.08.14.19.13.31,0,.1-.04.19-.1.26-.08.08-.19.14-.31.16l.13.07c.05.04.09.09.12.15l.24.43h-.44c-.08-.18-.18-.35-.29-.51-.03-.05-.09-.08-.15-.08h0v.59h-.37l-.04-1.5Zm.37.63h.16c.08,0,.16-.01.23-.05.04-.03.07-.08.07-.13,0-.05-.02-.1-.06-.13-.06-.05-.14-.06-.22-.05h-.18v.36Z"/></svg></a>
  </div>
</small>
      </div>
    </div>
  </div>
</footer>
</div>
<!-- END sections: footer-group -->
    <ul hidden>
      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
      <li id="a11y-new-window-message">Opens in a new window.</li>
    </ul>
    <script>
      window.shopUrl = 'https://jamesotto.net/';
      window.routes = {
        cart_add_url: '/cart/add',
        cart_change_url: '/cart/change',
        cart_update_url: '/cart/update',
        cart_url: '/cart',
        predictive_search_url: '/search/suggest',
      };
      window.cartStrings = {
        error: `There was an error while updating your cart. Please try again.`,
        quantityError: `You can only add [quantity] of this item to your cart.`,
      };
      window.variantStrings = {
        addToCart: `Add to cart`,
        soldOut: `Sold out`,
        unavailable: `Unavailable`,
        unavailable_with_option: `[value] - Unavailable`,
      };
      window.quickOrderListStrings = {
        itemsAdded: `[quantity] items added`,
        itemAdded: `[quantity] item added`,
        itemsRemoved: `[quantity] items removed`,
        itemRemoved: `[quantity] item removed`,
        viewCart: `View cart`,
        each: `[money]/ea`,
      };
      window.accessibilityStrings = {
        imageAvailable: `Image [index] is now available in gallery view`,
        shareSuccess: `Link copied to clipboard`,
        pauseSlideshow: `Pause slideshow`,
        playSlideshow: `Play slideshow`,
        recipientFormExpanded: `Gift card recipient form expanded`,
        recipientFormCollapsed: `Gift card recipient form collapsed`,
      };
    </script><div id="shopify-block-AaUY3TDlOK3J2UVAyQ__4015264832934714879" class="shopify-block shopify-app-block">
<link rel="stylesheet" href="extensions/0199cc51-79a9-7683-9ccd-23cc01a7d5f7/ecomsend-app-88/assets/style.css"/>
<script>
  function createEcomSendMainStyleEle() {
    const ele = document.createElement("link");
    ele.rel = "stylesheet";
    ele.href = 'extensions/0199cc51-79a9-7683-9ccd-23cc01a7d5f7/ecomsend-app-88/assets/style.css';
    ele.dataset.ecomsendTag = "load-alternate-css";
    return ele;
  };
  if (window.EcomSendApps?.enableAlternateCSSLoading ?? false) {
    document.head.appendChild(createEcomSendMainStyleEle());
  };
  try {
    function checkMarketingEvent() {
      const urlParams = new URLSearchParams(window.location.search)
      const marketingId = urlParams.get("es_marketingId")
      if (marketingId && window.localStorage) {
        window.localStorage.setItem("ecomsend_marketingId", marketingId)
      }
    }
    checkMarketingEvent()
  } catch (e) {}
  let isEcomSendInitialized = false;
  function createEcomSendMainJSEle() {
    if (isEcomSendInitialized) return;
    if (!window.React || !window.ReactDOM || !window.React.useContext) {
      return false;
    }
    const ele = document.createElement("script");
    ele.defer = true;
    ele.id = "ecomsend-main-js";
    ele.src = 'extensions/0199cc51-79a9-7683-9ccd-23cc01a7d5f7/ecomsend-app-88/assets/ecomsend.js';
    if (null === document.getElementById(ele.id)) {
      document.head.appendChild(ele);
      isEcomSendInitialized = true;
      return true;
    }
    return false;
  };
  function EcomsendOnMobxLoaded() {
    setTimeout(() => {
      createEcomSendMainJSEle();
    }, 100);
  };
  let checkCount = 0;
  const maxChecks = 20;
  function EcomsendBackupCheck() {
    if (isEcomSendInitialized) return;
    checkCount++;
    if (window.React && 
        window.ReactDOM && 
        window.React.useContext &&
        window.React.createElement &&
        window.ReactDOM.createRoot) {
      if (createEcomSendMainJSEle()) {
        return;
      }
    }
    if (checkCount < maxChecks) {
      setTimeout(EcomsendBackupCheck, 1000);
    } else {
      createEcomSendMainJSEle();
    }
  }
  setTimeout(EcomsendBackupCheck, 2000);
</script>
<style id="ecomsend-custom-style"></style>
<div id="ecomsend-widget"></div>
<!-- BEGIN app snippet: ecomsend-app --><script type="text/javascript">
  //EcomSend APPS COMMON JS CODE
  window.EcomSendApps = window.EcomSendApps || {}
  window.EcomSendApps.design_mode = false
  window.EcomSendApps.common = window.EcomSendApps.common || {}
  window.EcomSendApps.common.shop = {
    permanent_domain: 'jamesotto.myshopify.com',
    currency: "USD",
    money_format: "${{amount}}",
    id: 56216944753,
  }
    window.EcomSendApps.common.customer = {
      id: null,
      tags: null,
      email: null,
      accepts_marketing: null,
      first_name: null,
    }
  window.EcomSendApps.common.template = 'index'
</script>
<!-- END app snippet -->
<script>window.shopLocale = 'en'</script>
<script>
  function loadReactDependencies() {
    return new Promise((resolve, reject) => {
      const reactScript = document.createElement('script');
      reactScript.defer = true;
      reactScript.src = 'extensions/0199cc51-79a9-7683-9ccd-23cc01a7d5f7/ecomsend-app-88/assets/react_react-dom.min.js';
      reactScript.onload = () => {
        if (window.React && window.ReactDOM) {
          resolve();
        } else {
          reject(new Error('React not properly loaded'));
        }
      };
      reactScript.onerror = () => {
        reject(new Error('Failed to load React'));
      };
      document.head.appendChild(reactScript);
    });
  }
  function loadMobxDependencies() {
    return new Promise((resolve, reject) => {
      const mobxScript = document.createElement('script');
      mobxScript.defer = true;
      mobxScript.src = 'extensions/0199cc51-79a9-7683-9ccd-23cc01a7d5f7/ecomsend-app-88/assets/mobx_react-custom-roulette.min.js';
      mobxScript.onload = () => {
        resolve();
      };
      mobxScript.onerror = () => {
        reject(new Error('Failed to load MobX'));
      };
      document.head.appendChild(mobxScript);
    });
  }
  async function initializeEcomSend() {
    try {
      await loadReactDependencies();
      await loadMobxDependencies();
      setTimeout(() => {
        if (window.EcomsendOnMobxLoaded) {
          window.EcomsendOnMobxLoaded();
        }
      }, 200);
    } catch (error) {
      setTimeout(EcomsendBackupCheck, 1000);
    }
  }
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initializeEcomSend);
  } else {
    initializeEcomSend();
  }
</script>
</div></body>
</html>