@media all{     
    body {  
      background:rgb(var(--background));
      color:rgb(var(--text-color));
      font:var(--text-font-style) var(--text-font-weight) var(--text-base) / 1.6 var(--text-font-family);
      letter-spacing:var(--text-letter-spacing);
      line-height:1.5;
    }  
  }  
  body { 
  /* CSS Variables that may have been missed get put on body */ 
      --context-section-spacing-block-start:  var(--section-outer-spacing-block);  
      --context-section-spacing-block-end:  var(--section-outer-spacing-block);  
      --context-section-spacing-inline:  var(--container-gutter);  
      --calculated-section-spacing-block-start:  var(--section-spacing-block-start, var(--section-spacing-block, var(--context-section-spacing-block-start)));  
      --calculated-section-spacing-block-end:  var(--section-spacing-block-end, var(--section-spacing-block, var(--context-section-spacing-block-end)));  
      --calculated-section-spacing-inline:  var(--section-spacing-inline, var(--context-section-spacing-inline));  
      --container-inner-width:  min((100vw - var(--scrollbar-width, 0px)) - var(--calculated-section-spacing-inline, 0px) * 2, var(--container-max-width));  
      --container-outer-width:  calc(((100vw - var(--scrollbar-width, 0px)) - var(--container-inner-width, 0px)) / 2);  
      --section-stack-spacing-inline:  var(--section-inner-spacing-inline, 0px);  
      --calculated-row-height:  max(150px, min(100vw / 5, var(--media-grid-row-height)));  
      --content-over-media-overlay:  0 0 0 /0.0; 
      --content-over-media-overlay:  255 255 255 /0.0; 
      --content-over-media-overlay:  0 0 0 /0.0; 
      --content-over-media-overlay:  0 0 0 /0.0; 
  } 
  
  @media all{ 
    * { 
      box-sizing: border-box; 
      border-style: solid; 
      border-width: 0; 
      border-color: rgb(var(--text-color) / .12);
    } 
  
    * { 
      -webkit-box-sizing: border-box; 
      box-sizing: border-box;
    } 
  
    [role="main"] .shopify-section:not(.contents)  { 
      display: flow-root;
    } 
  
    body { 
      --background: var(--background-primary); 
      --text-color: var(--text-primary); 
      background: rgb(var(--background)); 
      color: rgb(var(--text-color)); 
      font: var(--text-font-style) var(--text-font-weight) var(--text-base) / 1.6 var(--text-font-family); 
      letter-spacing: var(--text-letter-spacing); 
      margin: 0; 
      position: relative;
    } 
  
    html { 
      -webkit-text-size-adjust: 100%; 
      -moz-tab-size: 4; 
      tab-size: 4; 
      scroll-padding-block-start: calc(var(--sticky-area-height) + 20px); 
      line-height: 1.5;
    } 
  }     
  
  :root { 
      --spacing-2: 0.5rem; 
      --spacing-4: 1rem; 
      --spacing-5: 1.25rem; 
      --spacing-6: 1.5rem; 
      --spacing-8: 2rem; 
      --spacing-10: 2.5rem; 
      --spacing-12: 3rem; 
      --spacing-16: 4rem; 
      --spacing-18: 4.5rem; 
      --spacing-20: 5rem; 
      --spacing-24: 6rem; 
      --container-max-width: 1600px; 
      --container-gutter: var(--spacing-5); 
      --section-outer-spacing-block: var(--spacing-12); 
      --section-inner-max-spacing-block: var(--spacing-10); 
      --section-inner-spacing-inline: var(--container-gutter); 
      --section-stack-spacing-block: var(--spacing-8); 
      --grid-gutter: var(--spacing-5); 
      --product-list-row-gap: var(--spacing-8); 
      --product-list-column-gap: var(--grid-gutter); 
      --input-gap: var(--spacing-2); 
      --input-padding-inline: var(--spacing-4); 
      --sticky-area-height: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px) + var(--sticky-header-enabled, 0) * var(--header-height, 0px)); 
      --heading-font-family: "DIN Next", sans-serif; 
      --heading-font-weight: 700; 
      --heading-font-style: normal; 
      --heading-text-transform: normal; 
      --heading-letter-spacing: -0.02em; 
      --text-font-family: "DIN Next", sans-serif; 
      --text-font-weight: 400; 
      --text-font-style: normal; 
      --text-letter-spacing: 0.0em; 
      --text-h3: 1.5rem; 
      --text-h4: 1.375rem; 
      --text-base: 0.875rem; 
      --text-primary: 0 0 0; 
      --background-primary: 255 255 255; 
      --border-color: var(--text-color, var(--text-primary)) / 0.12; 
      --rounded: 0.75rem; 
      --shadow-sm: 0 2px 8px rgb(var(--text-primary) / 0.1); 
      --shadow: 0 5px 15px rgb(var(--text-primary) / 0.1); 
      --shadow-md: 0 5px 30px rgb(var(--text-primary) / 0.1); 
      --shadow-block: 0px 18px 50px rgb(var(--text-primary) / 0.1); 
  } 
  
  @media screen and (min-width: 700px){ 
    :root { 
      --text-h3: 2rem; 
      --text-h4: 1.625rem; 
      --text-base: 1.125rem; 
      --container-gutter: 2rem; 
      --section-outer-spacing-block: var(--spacing-16); 
      --section-inner-max-spacing-block: var(--spacing-12); 
      --section-inner-spacing-inline: var(--spacing-12); 
      --section-stack-spacing-block: var(--spacing-12); 
      --grid-gutter: var(--spacing-6); 
      --product-list-row-gap: var(--spacing-12); 
      --input-padding-inline: var(--spacing-5);
    } 
  }     
  
  @media screen and (min-width: 1000px){ 
    :root { 
      --container-gutter: var(--spacing-12); 
      --section-outer-spacing-block: var(--spacing-18); 
      --section-inner-max-spacing-block: var(--spacing-16); 
      --section-inner-spacing-inline: var(--spacing-16); 
      --section-stack-spacing-block: var(--spacing-12);
    } 
  }     
  
  @media screen and (min-width: 1150px){ 
    :root { 
      --container-gutter: var(--spacing-12); 
      --section-outer-spacing-block: var(--spacing-20); 
      --section-inner-max-spacing-block: var(--spacing-16); 
      --section-inner-spacing-inline: var(--spacing-16); 
      --section-stack-spacing-block: var(--spacing-12);
    } 
  }     
  
  @media screen and (min-width: 1400px){ 
    :root { 
      --text-h3: 2.25rem; 
      --text-h4: 2rem; 
      --section-outer-spacing-block: var(--spacing-24); 
      --section-inner-max-spacing-block: var(--spacing-18); 
      --section-inner-spacing-inline: var(--spacing-18);
    } 
  }     
  
  @media screen and (min-width: 1600px){ 
    :root { 
      --section-outer-spacing-block: var(--spacing-24); 
      --section-inner-max-spacing-block: var(--spacing-20); 
      --section-inner-spacing-inline: var(--spacing-20);
    } 
  }     
  
  :root { 
      --sticky-header-enabled: 1;
  } 
  
  @media all{ 
    .section { 
      --context-section-spacing-block-start: var(--section-outer-spacing-block); 
      --context-section-spacing-block-end: var(--section-outer-spacing-block); 
      --context-section-spacing-inline: var(--container-gutter); 
      --calculated-section-spacing-block-start: var(--section-spacing-block-start, var(--section-spacing-block, var(--context-section-spacing-block-start))); 
      --calculated-section-spacing-block-end: var(--section-spacing-block-end, var(--section-spacing-block, var(--context-section-spacing-block-end))); 
      --calculated-section-spacing-inline: var(--section-spacing-inline, var(--context-section-spacing-inline)); 
      --container-inner-width: min((100vw - var(--scrollbar-width, 0px)) - var(--calculated-section-spacing-inline, 0px) * 2, var(--container-max-width)); 
      --container-outer-width: calc(((100vw - var(--scrollbar-width, 0px)) - var(--container-inner-width, 0px)) / 2); 
      --section-stack-spacing-inline: var(--section-inner-spacing-inline, 0px); 
      padding-inline-start: max(var(--calculated-section-spacing-inline),50% - var(--container-max-width) / 2); 
      padding-inline-end: max(var(--calculated-section-spacing-inline),50% - var(--container-max-width) / 2);
    } 
  
    .section { 
      padding-block-start: calc(var(--background-differs-from-previous) * var(--calculated-section-spacing-block-start)); 
      padding-block-end: var(--calculated-section-spacing-block-end);
    } 
  
    .bg-custom { 
      background: rgb(var(--background));
    } 
  
    *,:before,:after { 
      box-sizing: border-box; 
      border-style: solid; 
      border-width: 0; 
      border-color: rgb(var(--text-color) / .12);
    } 
  
    .media-grid { 
      align-items: start; 
      gap: calc(var(--grid-gutter) / 2); 
      grid: auto-flow dense var(--media-grid-row-height) / repeat(2,minmax(0,1fr)); 
      display: grid;
    } 
  }     
  
  @media screen and (min-width: 700px){ 
    .media-grid { 
      --calculated-row-height: max(150px, min(100vw / 5, var(--media-grid-row-height))); 
      grid: auto-flow dense var(--calculated-row-height) / repeat(4,minmax(0,1fr));
    } 
  }     
  
  @media screen and (min-width: 1000px){ 
    .media-grid { 
      gap: var(--grid-gutter);
    } 
  }     
  
  @media all{ 
    a { 
      color: inherit; 
      -webkit-text-decoration: inherit; 
      text-decoration: inherit;
    } 
  
    .media-grid__item { 
      grid-area: span min(2,var(--media-grid-row-span)) / span min(2,var(--media-grid-column-span)); 
      height: 100%;
    } 
  }     
  
  @media screen and (min-width: 700px){ 
    .media-grid__item { 
      grid-area: span var(--media-grid-row-span) / span var(--media-grid-column-span);
    } 
  }     
  
  @media (prefers-reduced-motion: no-preference){ 
    [reveal-js] { 
      opacity: 0;
    } 
  }     
  
  @media all{ 
    .shadow { 
      filter: drop-shadow(var(--shadow));
    } 
  
    .content-over-media { 
      grid-template: 0 minmax(0,1fr) 0 / minmax(0,1fr) minmax(0,min(var(--container-max-width),100% - var(--content-over-media-gap, var(--content-over-media-column-gap, var(--container-gutter))) * 2)) minmax(0,1fr); 
      gap: var(--content-over-media-row-gap, var(--content-over-media-gap, var(--container-gutter))) var(--content-over-media-column-gap, var(--content-over-media-gap, var(--container-gutter))); 
      place-items: center; 
      display: grid; 
      position: relative; 
      overflow: hidden; 
      transform: translateZ(0);
    } 
  
    .media-grid__item > *  { 
      height: 100%;
    } 
  
    .rounded { 
      border-radius: var(--rounded);
    } 
  
    .text-custom { 
      color: rgb(var(--text-color));
    } 
  }     
  
  #media-grid-image_jmjfCe { 
      --content-over-media-overlay: 0 0 0 /0.0;
  } 
  
  @media all{ 
    .content-over-media:before { 
      content: ""; 
      background: rgb(var(--content-over-media-overlay)); 
      border-radius: inherit; 
      z-index: 1; 
      pointer-events: none; 
      transition: background .2s ease-in-out; 
      position: absolute; 
      top: 0; 
      bottom: 0; 
      left: 0; 
      right: 0;
    } 
  }     
  
  #media-grid-image_kLwTNa { 
      --content-over-media-overlay: 255 255 255 /0.0;
  } 
  
  #media-grid-image_YyqhDg { 
      --content-over-media-overlay: 0 0 0 /0.0;
  } 
  
  #media-grid-image_faFjGe { 
      --content-over-media-overlay: 0 0 0 /0.0;
  } 
  
  @media all{ 
    img { 
    
    display: block;
    } 
  
    img { 
      color: #0000; 
      max-width: min(var(--image-mobile-max-width, var(--image-max-width, 100%)),100%); 
      object-fit: inherit; 
      object-position: inherit; 
      height: auto;
    } 
  }     
  
  @media screen and (min-width: 700px){ 
    img { 
      max-width: min(var(--image-max-width, 100%),100%);
    } 
  }     
  
  @media all{ 
    .content-over-media > :is(picture, img, video, iframe, svg, video-media)  { 
      height: var(--content-over-media-height, auto); 
      transform-origin: top; 
      overflow-wrap: anywhere; 
      object-fit: cover; 
      object-position: center; 
      border-radius: inherit; 
      -webkit-user-select: none; 
      user-select: none; 
      -webkit-touch-callout: none; 
      grid-area: 1 / 1 / span 3 / span 3; 
      place-self: stretch stretch; 
      width: 100%; 
      min-height: 100%; 
      max-height: 100%; 
      position: relative;
    } 
  }     
  
  @media screen and (pointer: fine){ 
    .zoom-image  { 
      transform-origin: center; 
      transition: transform 1.5s cubic-bezier(.22,1,.36,1);
    } 
  
    .zoom-image--enabled .group:hover .zoom-image { 
      transform: scale(1.06);
    } 
  }     
  
  @media all{ 
    .text-center { 
      text-align: center;
    } 
  
    .place-self-center { 
      place-self: center;
    } 
  }     
  
  @media screen and (min-width: 700px){ 
    .sm\:text-center { 
      text-align: center;
    } 
  
    .sm\:place-self-center { 
      place-self: center;
    } 
  }     
  
  @media all{ 
    .content-over-media > :not(img, video, iframe, svg, video-media, picture)  { 
      max-width: var(--content-over-media-content-max-width, 780px); 
      z-index: 1; 
      grid-area: 2 / 2 / auto / span 1; 
      position: relative;
    } 
  
    .text-start { 
      text-align: start;
    } 
  
    .place-self-start { 
      place-self: start;
    } 
  
    p { 
      margin: 0;
    } 
  
    .h3 { 
      font-family: var(--heading-font-family); 
      font-weight: var(--heading-font-weight); 
      font-style: var(--heading-font-style); 
      letter-spacing: var(--heading-letter-spacing); 
      text-transform: var(--heading-text-transform); 
      overflow-wrap: anywhere;
    } 
  
    .h3 { 
      font-size: var(--text-h3); 
      line-height: 1.2;
    } 
  
    .prose > :first-child  { 
      margin-block-start: 0!important;
    } 
  
    .prose > :last-child  { 
      margin-block-end: 0!important;
    } 
  
    .h4 { 
      font-family: var(--heading-font-family); 
      font-weight: var(--heading-font-weight); 
      font-style: var(--heading-font-style); 
      letter-spacing: var(--heading-letter-spacing); 
      text-transform: var(--heading-text-transform); 
      overflow-wrap: anywhere;
    } 
  
    .h4 { 
      font-size: var(--text-h4); 
      line-height: 1.3;
    } 
  }     
  
  
  /* These were inline style tags. Uses id+class to override almost everything */
  #style-CLNbx.style-CLNbx {  
     --background: 250 250 250;  
  }  
  #style-1VPPX.style-1VPPX {  
     --media-grid-column-span: 2;  
      --media-grid-row-span: 2;  
      opacity: 1;  
      transform: translateY(0px);  
  }  
  #media-grid-image_jmjfCe.style-nOx25 {  
     --background: 0 0 0;  
      --text-color: 255 255 255;  
  }  
  #style-O29oz.style-O29oz {  
     opacity: 1;  
  }  
  #style-azeWi.style-azeWi {  
     --media-grid-column-span: 2;  
      --media-grid-row-span: 1;  
      opacity: 1;  
      transform: translateY(0px);  
  }  
  #media-grid-image_kLwTNa.style-rKV6Z {  
     --background: 0 0 0;  
      --text-color: 255 255 255;  
  }  
  #style-ZG9bp.style-ZG9bp {  
     opacity: 1;  
  }  
  #style-JnQCX.style-JnQCX {  
     --media-grid-column-span: 2;  
      --media-grid-row-span: 2;  
      opacity: 1;  
      transform: translateY(0px);  
  }  
  #media-grid-image_YyqhDg.style-Tl5H9 {  
     --background: 0 0 0;  
      --text-color: 255 255 255;  
  }  
  #style-nlnlr.style-nlnlr {  
     opacity: 1;  
  }  
  #style-o4rD8.style-o4rD8 {  
     --media-grid-column-span: 2;  
      --media-grid-row-span: 1;  
      opacity: 1;  
      transform: translateY(0px);  
  }  
  #media-grid-image_faFjGe.style-nWVjG {  
     --background: 0 0 0;  
      --text-color: 255 255 255;  
  }  
  #style-TLk9h.style-TLk9h {  
     opacity: 1;  
  }