* {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}

@font-face {
  font-family: 'Bodoni 72 Book';
  src: url('/assets/fonts/alt-bodoni-72-book-webfont.woff2') format('woff2'),
    url('/assets/fonts/alt-bodoni-72-book-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Foundry Tiento';
  src: url('/assets/fonts/FoundryTientoWeb-Regular.woff2') format('woff2'),
    url('/assets/fonts/FoundryTientoWeb-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Bordeaux Script';
  src: url('/assets/fonts/BordeauxScriptLetPlain.ttf') format('ttf'),
    url('/assets/fonts/BordeauxScriptLetPlain.woff') format('woff'), 
    url('/assets/fonts/BordeauxScriptLetPlain.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Bordeaux';
  src: url('/assets/fonts/BordeauxRomanLetPlain.ttf') format('ttf'),
    url('/assets/fonts/BordeauxRomanLetPlain.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Exposure';
  src: url('/assets/fonts/Exposurethick.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Dactyl Mono';
  src: url("../fonts/DactylMono-Regular.woff2") format("woff2"),
    url("../fonts/DactylMono-Regular.woff") format("woff"),
    url("../fonts/DactylMono-Regular.otf"),
    url("../fonts/DactylMono-Regular.ttf") format("truetype"),
    url("../fonts/DactylMono-Regular.svg#DactylMono-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.header-3000-icon{
  display: none!important;
}

:root {
  --padding: 1.5rem;
  --color-black: #000;
  --color-white: #fff;
  --color-grey: #777;
  --color-light: #efefef;
  --color-text: var(--color-black);
  --color-text-grey: var(--color-grey);
  --color-background: var(--color-white);
  --color-code-light-grey: #cacbd1;
  --color-code-comment: #a9aaad;
  --color-code-white: #c5c9c6;
  --color-code-red: #d16464;
  --color-code-orange: #de935f;
  --color-code-yellow: #f0c674;
  --color-code-green: #a7bd68;
  --color-code-aqua: #8abeb7;
  --color-code-blue: #7e9abf;
  --color-code-purple: #b294bb;
  --font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

html {
  font-family: var(--font-family-sans);
  color: var(--color-text);
  background: var(--color-background);
}

.se-pre-con p,
.se-pre-con button {
  font-weight: bold;
}
img.slider-item{
  width: inherit !important;
}
h1.loading-site-title {
  font-family: 'Foundry Tiento';
  font-size: 60px;
  line-height: 60px;
  font-weight: 200;
  letter-spacing: -2px;
  text-align: center;
  padding: 15px 5px 10px 5px;
}
p.loading-company-tag {
  font-size: 51px;
  font-family: 'Bordeaux Script';
  font-weight: 100;
  letter-spacing: 1px;
  max-width: unset;
  color: black;
  text-align: center;
}
.se-pre-con h2.address {
  padding: 0px 0 40px 0;
  font-family: 'Bordeaux Script';
  font-weight: 100;
  letter-spacing: 1px;
  max-width: 530px;
  text-align: center;
  margin: auto;
  font-size: 27px;
  line-height: 32px;
}
img.logo-load {
  position: absolute;
  width: 50vw;
  top: 100px;
  left: 0;
  right: 0;
  margin: auto;
}
.se-pre-con button {
  background: black;
  color: white;
  width: fit-content;
  margin: auto;
  padding: 6px 54px;
  border-radius: 31px;
  font-family: sans-serif;
  font-size: 14px;
}
.se-pre-con button:hover {
  background: rgb(201 78 88);
  color: #bdbdbd;
}

img {
  width: 100%;
}
body {
  padding: 0;
  max-width: 70rem;
  margin: 0 auto;
}

li {
  list-style: none;
}

a {
  color: currentColor;
  text-decoration: none;
}

button {
  font: inherit;
  background: none;
  border: 0;
  color: currentColor;
  cursor: pointer;
}

strong,
b {
  font-weight: 600;
}

small {
  font-size: inherit;
  color: var(--color-text-grey);
}

.bg-light {
  background-color: var(--color-light);
}

.color-grey {
  color: var(--color-text-grey);
}

.menu ul.nav-list {
  padding: 5px 0 0 0;
  opacity: 1;
}
.reduced .menu ul.nav-list {
  opacity: 0;
}

.reduced .collapsed-nav {
  display: block;    
}
.pagetop .header-star-icon {
  display: none;
}
.reduced .header-star-icon {
  top: 5px;
}
.header-star-icon {
  display: inline-block;
  max-width: 44px;
  transition: .1s;
  position: absolute;
}


h1.site-title {
  font-family: 'Foundry Tiento';
  font-weight: 200;
  letter-spacing: -1px;
}

.reduced h1.site-title {
  transition: .3s;
}



a#mobile-menu-trigger {
  background: black;
  color: white;
  border-radius: 50px;
  padding: 0 12px;
}

nav.menu a, nav.menu button {
  font-family: 'Foundry Tiento';
  padding: 3px 0;
}

.lSSlideOuter .lSPager.lSpg > li a{
  background-color: #d5d5d5
}
a.nav-item-link:hover {
  color: #525252;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-skip-ink: 1px;
  -moz-text-decoration-style: 1px;
  -moz-text-decoration-line: 1px;
  cursor: pointer;
}
.no-scroll .collapsed-nav {
  padding-bottom: 30vh;
}

header.header.reduced {
  margin-bottom: 35px;
}

.header {
  transition: .3s;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: sticky;
  width: 100%;
  z-index: 11;
  top: 0;
  left: 0px;
  right: 0px;
  max-width: 70rem;
  margin: auto;
  border-bottom: 1px solid black;
  -webkit-transition: background-color .3s ease-out;
  -moz-transition: background-color .3s ease-out;
  -o-transition: background-color .3s ease-out;
  transition: background-color .3s ease-out;
}
.header-holder {
  position: relative;
}

.scrolled-site-company-tag {
  font-family: 'Bordeaux Script';
  font-size: 29px;
  font-weight: 100;
  transition: .9s;
  letter-spacing: 1px;
}
.reduced .scrolled-site-company-tag {
  opacity: 1;
  transition: .9s;
}
.pagetop .scrolled-site-company-tag {
  opacity: 0;
  color: white;
}
span.presale-price {
  display: block;
  font-family: sans-serif;
  font-size: 13px;
  margin: 0 0 5px 0;
  color: gray;
  text-decoration: line-through;
}
p.old-price.price {
  color: gray;
  text-decoration: line-through;
}
.priceblock {
  margin: 20px 0 0 0;
}
.header-3000-icon {
  position: absolute;
  top: 18px;
  left: 149px;
  width: 58px;
  transition: .1s;
}
.pagetop .header-3000-icon {
  position: absolute;
  top: 26px;
  width: 103px;
  filter: brightness(0);
}
.featured-container.lighttext {
  color: white;
}
@media (max-width:1160px){
  .pagetop .header-3000-icon {
    left: 287px;
    
}
}
@media (min-width:1160px){
  .pagetop .header-3000-icon {
    left: 267px;
}
}
@media (max-width:868px){
  .pagetop .header-3000-icon {
    position: absolute;
    top: 14px;
    left: 0;
    right: 0;
    width: 65px;
    margin: auto;
    padding-left: 130px;
}
  .logo .header-star-icon {
    right: 0;
}
.header-star-icon.mobile {
  left: 0px;
}
  .featured-text,
  .featured-img-holder {
    width: 100%;
  } 
  .newest-item-tag img {
    width: 170px;
  }
  .collapsed-nav {
    display: none;
    padding: 31px 0;
  }
  .logo{
    z-index: 10;
  }
  .no-scroll .logo {
    z-index: 0;
}
  nav.menu {
    right: 0;
    left: 0;
    text-align: center;
    margin: auto;
    position: absolute;
    transition: .3s;
    padding: 16px 0;
    z-index: 0;
}
  nav.menu button {
    font-size: 13px;
    line-height: 19px;
    border: 1px solid black;
    border-radius: 30px;
    padding: 0 10px;
}
  nav.menu a.nav-item-link {
    font-size: 28px;
    line-height: 40px;
  }
  .collapsed-nav {
    display: inline-block;}

    .menu ul.nav-list{
      display:none;
    }
  main.main {
    padding-top: 10px;
}
img.sitelogo {
  width: 70%;
}
.featured-text h2 {
  font-size: 2.5rem;
  line-height: 2.7rem;
}
.header-title-block {
  background: white;
  color: black !important;
  padding: 13px;
  margin: 0 0 14px;
}
.featured-img-holder img.featured-img{
display:none;
}
img.mobile-featured-img {
  width: 94%;
  margin: 50px auto 5px;
  text-align: center;
}

}

@media (min-width:868px){
  .featured-text {
    vertical-align: top;
    text-align: right;
    padding: 0 0 80px 0;
    position: relative;
    z-index:5;
  }
  .header-title-block {
    padding: 63px 0 0 0;
    font-size: 2.7rem;
    line-height: 2.8rem;
}
  .header-star-icon.mobile {
   display: none;
}
  img.mobile-featured-img {
display: none;
}
  .featured-text,
.featured-img-holder {
  width: 37%;
  max-width:470px;
  display: inline-block;
}

  .newest-item-tag img {
    width: 200px;
  }
  nav.menu a, nav.menu button {
    font-size: 24px;
    line-height: 27px;
  }
 nav.menu {
    padding: 0;
    
  }
  .header {
    height: 85px;
  }
  img.sitelogo {
    width: auto;
    max-height: 66px;
  }
  
 h2 {
    font-size: 2.9rem;
    line-height: 3rem;
  }
  h2.featured-subhead {
    font-size: 1.7rem;
    line-height: 2.6rem;
    margin: 0 0 6px 0;
}
  .featured-img-holder img.featured-img{
    top: -2vw;
    left: 6px;
    max-width: 687px;
  }
  
}

@media (min-width:868px) and (max-width:1200px){
main.main {
  padding-top: 70px;
}
    .collection-header, .collection-description {
        padding: 0 36px;
    }
    span.collection-status{
     left: 220px;
    }
}
@media (min-width:1200px){
  .home main.main {
    padding-top:70px !important;
}

main.main {
  padding-top: 1px;
}
}
header.reduced .site-logo-holder {
  display: none;
}
.pagetop .scrolled-site-logo-holder {
  display: none;
}
img.scrolledsitelogo {
  width: 92px;
  padding: 6px 0;
}
.logo {
  padding: 0;
  display: flex;
  align-items: center;
  font-weight: 600;
  cursor: pointer;
}

.newest-item-tag img {
  display: none;
  top: -93px;
  position: absolute;
  right: 0;
  filter: hue-rotate(312deg) grayscale(0.7) brightness(1.3);
}

.menu a {
  padding: 1rem;
  display: block;
}


.individual-item figure {
  border: 1px solid black;
}
.individual-collection ul {
  text-align: center;
}
li.individual-item {
  padding: 10px 0 33px 0;
  text-align: center;
}
h4.variation-name {
  font-family: 'Foundry Tiento';
  font-size: 26px;
  line-height: 30px;
}

@media (min-width:1000px){
  /*Homepage Grid*/
  .individual-item figure {
    width: inherit;
  }
}
@media (max-width:1000px){
  /*Homepage Grid*/
    .individual-item figure {
      width: inherit;
    }
}

a.item-cta {
  background: black;
  color: white;
  padding: 3px 31px;
  margin: 25px 0 0px 0;
  border-radius: 19px;
  font-family: sans-serif;
  transition: .3s;
  font-size: 13px;
}

span.cartnotice {
  font-style: italic;
  color: red;
}

.menu a[aria-current] {
  text-decoration: underline;
}

.section {
  padding: 3rem 0;
}

.grid {
  --columns: 12;
  --gutter: 3rem;
  display: grid;
  grid-gap: var(--gutter);
  grid-template-columns: 1fr;
}

.grid>.column {
  margin-bottom: var(--gutter);
}

.autogrid {
  --gutter: 3rem;
  --min: 10rem;
  display: grid;
  grid-gap: var(--gutter);
  grid-template-columns: repeat(auto-fit, minmax(var(--min), 1fr));
  grid-auto-flow: dense;
}
.iconholder {
  position: relative;
}
.home-grid img.icon-img {
  height: 44px;
  width: auto;
  position: absolute;
  top: -68px;
  margin: auto;
  left: 0;
  right: 0;
}
.variation-holder li.variation-item {
  display: inline-block;
  vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.text {
  line-height: 1.5em;
}

.text a {
  text-decoration: underline;
}

.text :first-child {
  margin-top: 0;
}

.text :last-child {
  margin-bottom: 0;
}

.text p,
.text ul,
.text ol {
  margin-bottom: 1.5rem;
}

.text ul,
.text ol {
  margin-left: 1rem;
}

.text ul p,
.text ol p {
  margin-bottom: 0;
}

.text ul>li {
  list-style: disc;
}

.text ol>li {
  list-style: decimal;
}

.text ul ol,
.text ul ul,
.text ol ul,
.text ol ol {
  margin-bottom: 0;
}

.text h1,
.h1,
.intro {
  font-size: 4rem;
  margin-bottom: 3rem;
  line-height: 1.25em;
  font-family: 'Foundry Tiento';
}

.text h2,
.h2 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1.25rem;
}

.text h3,
.h3 {
  font-weight: 600;
}

.text .codeblock {
  display: grid;
}

.text code {
  font-family: var(--font-family-mono);
  font-size: 1em;
  background: var(--color-light);
  padding: 0 .5rem;
  display: inline-block;
  color: var(--color-black);
}

.text pre {
  margin: 3rem 0;
  background: var(--color-black);
  color: var(--color-white);
  padding: 1.5rem;
  overflow-x: scroll;
  overflow-y: hidden;
  line-height: 1.5rem;
}

.text pre code {
  padding: 0;
  background: none;
  color: inherit;
}

.text hr {
  margin: 6rem 0;
}

.text dt {
  font-weight: 600;
}

.text blockquote {
  font-size: 1.25rem;
  line-height: 1.325em;
  border-left: 2px solid var(--color-black);
  padding-left: 1rem;
  margin: 3rem 0;
  max-width: 25rem;
}
h1.footer-site-title {
  display: inline-block;
  vertical-align: top;
}
.footer-drawing-logo-holder {
  text-align: center;
}
img.footer-drawing-logo {
  max-width: 500px;
}
.footer p.footer-company-tag{
  font-family: 'Bordeaux Script';
  font-weight: 100;
  letter-spacing: 1px;
  max-width: unset;
  color: black;
  text-align: center;
}
.footer h2.address {
  padding: 0px 0 10px 0;
  font-family: 'Bordeaux Script';
  font-weight: 100;
  letter-spacing: 1px;
  max-width: 530px;
  text-align: center;
  margin: auto;
}
.text blockquote footer {
  font-size: .875rem;
  font-style: italic;
}

ul.variation-holder {
  text-align: center;
  margin: auto;
}
.lSSlideOuter .lSPager.lSpg {
  margin: 0 !important;
}
.lSAction > a{
  transition: .3s;
  color: #00000029;
  font-family: sans-serif;
  font-size: 30px;
  width: 32px;
  display: block;
  top: 57%;
  height: 32px;
  cursor: pointer;
  position: absolute;
  z-index: 9;
  margin-top: -16px;
  opacity: 1;
}
.item:hover .lSAction > a {
  color: #cbcbcb;
}
.item .lSAction > a:hover {
  color: black !important;
}
.homepage-gallery img, .category-gallery img {
  max-width: 260px !important;
}
/*Sale Page*/
.featured-text a.main-cta {
  display: none !important;
}
.category-text p {
  padding: 0 0 10px 0;
}
.christmas-2024 .pagetop h1.site-title {
  margin: 0 0 0 20px;
  color: white;
}
.christmas-2024 .pagetop .header-3000-icon {
  filter: brightness(0) invert(1);
  margin: 0 0 0 6px;
}
html.christmas-2024 .hero-section {
  display: none !important;
  background: rgb(182 0 0);
  width: 100%;
  margin-left: -20px;
  margin-top: -90px;
  padding: 110px 20px;
  height: 280px;
  color: white;
  background: rgb(182 0 0) url(https://ateliercoopi.com/media/site/dad8b016aa-1730273942/snow.gif);

}
.christmas-2024 .category-text {
  width: 55%;
  margin-top: 21px;
}
.christmas-2024 .individual-item {
  background: white;
  color: black;
}
.christmas-2024 div.category-container {
  margin-top: 40px;
}
.individual-item {
  position: relative;
  padding: 10px;
}
main.product-page {
  position: relative;
  margin: 0px;
}
/*Border BEGINNING*/
.christmas-2024 .individual-item {
  position: relative;
  padding: 20px 20px 40px 20px;
  z-index: 1;
}

/* Left and right lines (original code) */
.christmas-2024 .individual-item::before, 
.christmas-2024 .individual-item::after {
  content: "";
  position: absolute;
  inset: 0 auto; /* Align both borders with top and bottom */
  width: 50px;
  background-image: url('/assets/temp_imgs/LineFrame5.png');
  background-size: 50px 100%;
  background-repeat: repeat-y;
  z-index: 0;
}

.christmas-2024 .individual-item::before {
  left: -25px; /* Left border */
}

.christmas-2024 .individual-item::after {
  right: -25px; /* Right border */
}

/* Top and bottom borders */
.christmas-2024 .individual-item .top-border,
.christmas-2024 .individual-item .bottom-border {
  position: absolute;
  left: 48px;
  right: 48px;
  height: 25px;
  background-image: url(/assets/temp_imgs/LineFrame5_top.png);
  background-size: 100% 25px;
  background-repeat: repeat-x;
}

.christmas-2024 .individual-item .top-border {
  top: 0px; /* Top border position */
}

.christmas-2024 .individual-item .bottom-border {
  bottom: 0px; /* Bottom border position */
}

/*Border END */

.christmas-2024 .individual-collection {
  width: 38%;
  display: inline-block;
  position: relative;
  background: white;
  color: black;
  margin: 0 20px;
}
.christmas-2024 .category-container {
  text-align: center;
  margin: 40px 0;
}

/*Category Page*/
.product-page h2 {
  font-family: 'Foundry Tiento';
  font-size: 2.3rem;
}
main.product-page .category-text {
  font-size: 10px;
}

/*Stock Display*/
.clearfix {
  position: relative;
}
.stock-number-holder {
  z-index: 10;
  font-size: 20px;
  position: absolute;
  background: #dcdcdce3;
  padding: 5px 25px;
  border-radius: 40px;
  right: 0;
  left: 0;
  top: 40%;
  width: fit-content;
  margin: auto;
  font-family: 'Foundry Tiento';
}

/*Free Shipping Display*/
.free-shipping-holder {
  font-size: 10px;
  margin: 20px 0;
  color: #929292;
}

.category-gallery li {
  display: inline-block;
  width: auto; /* Ensures the images are displayed correctly */
}

.category-gallery img {
  width: 100%; /* Ensures images take full width of the container */
  height: auto;
}
p.main-title {
  font-weight: bold;
}

/*Mobile style */
@media (max-width: 868px){
  .info-excerpt{
    font-size: 11px;
    padding: 0 0 10px 0;
  }
  .product-info-block {
    padding: 0 10px;
}
  .desktop-image-holder {
    display: none;
}
.image-holder.mobile-image-holder img{
  width: 70%;
}
.image-holder.mobile-image-holder {
    margin: auto;
    text-align: center;
}
.line-drawing {
  text-align: center;
}
  .lSAction > .lSPrev, .lSAction > .lSNext{
   display:none;
  }
  .mobile-image-holder .lSSlideOuter .lSPager.lSpg > li a{
    z-index: 0 !important;
  }
  .mobile-image-holder .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #686868;
}
  body.non-home main {
    margin: 8px;
}

h3.product-name {
  width: auto;
  border-top: 1px solid black;
}

.reduced .collapsed-nav {
  padding: 17px 15px;
}
  .header {
    height: 80px;
  }
  header.header.reduced {
    height: 63px;
  }
  ul.variation-holder {
    background: white;
    text-align: center;

}
li.individual-item {
  width: 47%;
  text-align: center;
  padding: 10px 0;
  margin: 5px 0;
  display:inline-block;
}
.variation-holder li.individual-item
  .pagetop h1.site-title {
    font-size: 40px;
    line-height: 50px;
    padding: 0 16px;
}
.reduced h1.site-title {
  font-size: 16px;
  padding-right: 51px;
}
.pagetop h1.site-title {
  font-size: 26px;
}
.reduced .header-3000-icon {
  position: absolute;
  top: 9px;
  left: 0;
  width: 45px;
  right: 0;
  margin: auto;
  padding-left: 80px;
}
  h1.site-title {
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    border: 1px solid;
    width: fit-content;
    border-radius: 50px;
    padding: 0px 13px;
    margin: auto;
}
p.variation-title, .main-title {
    font-size: 9px;
    font-family: sans-serif;
}
.variation-title-holder {
  padding: 5px 0;
}
  .featured-container{
    background: rgb(182, 0, 0);
    margin: -92px 0 0 0;
    text-align: center;
  }
  h2.featured-subhead {
    font-size: 1.2rem;
    margin: 5px 0 0 0;
    line-height: 1.5rem;
}
  .featured-text {
    z-index: 1;
    margin: 0 0 50px 0;
}
  h4.collection-title {
    font-size: 40px;
    line-height: 48px;
  }
.collection-name-holder{
  display: none;
  text-align: center;
  position: sticky;
  top: 63px;
  background: #f2f2f2;
  margin: auto;
padding: 0
}
h3.product-name {
  z-index: 10;
  top: 110px;
  line-height: 24px;
  font-size: 27px;
}
.home-container h3.product-name{
  text-align: center;
  display: none;
}
.variation-holder{
  margin: 0 5px;
}
img.footer-drawing-logo {
  width: 90%;
}
ul.variation-holder{
  padding: 0 0 5px 0;
}
h3.product-name {
  margin: auto
}
}
@media (min-width:800px){
  .item-status-overlay {
    font-size: 170px;
  }
}
@media (max-width:800px){
   .item-status-overlay  {
    font-size: 100px;
    line-height: 84px;
  }
}
 .item-status-overlay  {
  position: absolute;
  text-align: center;
  margin: auto;
  left: 0;
  right: 0;
  top: 30%;
  font-family: 'Bordeaux Script';
  z-index: -1;
}
@media (min-width: 868px) and (max-width:1160px){
  .pagetop h1.site-title {
    padding: 0 0 0 20px;
  }
  .home .pagetop h1.site-title {
    padding: 0 0 0 35px;
  }
    .marquetry .product-section.right {
        max-width: 330px;
            width: 36%;
}

}

@media (min-width:1160px){

    .marquetry .product-section.right {
        max-width: 500px;
            width: 50%;
}

}

/*Desktop */
@media (min-width: 868px){
  .individual-item {
    width: 44%;
    display: inline-block;
}
.christmas-2024 .individual-item{
  width: 66%;
  min-width: 290px;
  max-width: 400px;
}
  .info-excerpt {
    font-size: 11px;
    padding: 0 0 30px 0;
  }

  ul.variation-holder{
    padding: 0 0 80px 0;
  }
  nav.menu {
    right: 0;
    left: 0;
    text-align: right;
    transition: .3s;
}
  .non-home .image-holder.mobile-image-holder{
    display: none; 
  }
  .product-section.left {
    position: sticky;
    top: 110px;
  }
  .product-section.right {
    margin-top: -90px;
    width: 36%;
    margin-left: 100px;
    margin-bottom: 300px;
  }
  .marquetry .product-section.right {
        margin-top: 10px;
}
  .product-section {
    display: inline-block;
    vertical-align: top;
    width: 46%;
  }

  .collection-name-holder {
    padding: 0px 0 0 0;
  }
  h3.product-name {
    width: fit-content;
  }
  .reduced .collapsed-nav {   
    padding: 9px 15px;
  }

  header.header.reduced {
    height: 51px;
  }
  .header-star-icon{
    left: 230px;
  }
  body.home {
    background: #ef0000;
    }
    body.home.no-featured {
      background: none;
  }
  .no-featured .home-container {
    margin-top: -48px;
}
    .reduced h1.site-title {
      font-size: 26px;
      position: absolute;
      width: fit-content;
      top: 10px;
      left: 0px;
      right: 0;
    }
    .pagetop button#menuButton {
      display: none;
  }
    .pagetop h1.site-title {
      font-size: 40px;
      line-height: 49px;
    }

    p.variation-title {
      padding: 0 0 7px 0;
      font-size: 11px;
      font-family: sans-serif;
  }
    .collection-name-holder, .collection-name-holder h4{
      display: inline-block;
    }
  .collection-name-holder{
    position: sticky;
    border-bottom: 1px solid black;
    top: 51px;
    background: white;
    margin: auto;
  }
  h4.collection-title {
    font-size: 48px;
    line-height: 53px;
    padding: 0 20px;
    border-top: 1px solid black;
    border-left: 4px solid black;
    border-right: 4px solid black;
  }
  h3.product-name {
    z-index: 15;
    line-height: 30px;
    font-size: 27px;
    top: 59px;
    border-top: 1px solid #eaeaea;
    margin: 0 auto -50px;
}
}
@media (min-width: 868px) and (max-width:1160px){
  main.product-page {
    padding: 20px;
}
    .reduced h1.site-title {
        left: 20px;
    }

}

.footer-3000-icon {
  display: none !important;
}
/*Desktop Footer*/
@media (min-width: 868px){
  .footer-3000-icon {
    width: 152px;
    padding-top: 33px;
    padding-left: 5px;
}

  .main-title {
    margin: 7px 0 2px 0;
    font-size: 14px;
}
  .footer p.footer-company-tag{
    font-size: 50px;
  }
  .footer h2.address{
    font-size: 33px;
    line-height: 20px;
  }
  h1.footer-site-title {
    font-family: 'Foundry Tiento';
    font-size: 57px;
    line-height: 80px;
    font-weight: 200;
    letter-spacing: -4px;
    text-align: center;
    padding: 20px 0;
  }
}
/*Mobile Footer*/
@media (max-width: 868px){
  .footer-3000-icon {
    padding-top: 9px;
    width: 60px;
}
  .main-title {
    font-weight: bolder;
}
  .footer p.footer-company-tag{
    font-size: 28px;
    line-height: 28px;
    padding-top: 10px;
  }
  .footer h2.address{
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0;
  }
  h1.footer-site-title {
    font-family: 'Foundry Tiento';
    font-size: 28px;
    line-height:28px;
    font-weight: 200;
    letter-spacing: -2px;
    text-align: center;
    padding: 5px 0;
  }
}

.text figure {
  margin: 3rem 0;
}

.text figcaption {
  padding-top: .75rem;
  color: var(--color-text-grey);
}

.text figure ul {
  line-height: 0;
  display: grid;
  gap: 1.5rem;
  margin: 0;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}

.text figure ul li {
  list-style: none;
}

hr {
  border: 0;
  background: currentColor;
  height: 2px;
  width: 1.5rem;
  margin: 3rem auto;
}

.align-center {
  text-align: center;
}

.intro {
  max-width: 40rem;
}

.intro *:not(:last-child) {
  margin-bottom: 1em;
}
.scrolled-site-company-tag {
  position: absolute;
  top: 17px;
  left: 290px;
}
@media (max-width:868px){
  .scrolled-site-company-tag {
    display: none;
  }
}
.cta {
  background: var(--color-black);
  color: var(--color-white);
  display: inline-flex;
  justify-content: center;
  padding: .75rem 1.5rem;
  border: 4px solid var(--color-white);
  outline: 2px solid var(--color-black);
}

.box {
  background: var(--color-light);
  padding: 1.5rem;
  border: 4px solid var(--color-white);
  outline: 2px solid var(--color-light);
}

.video,
.img {
  position: relative;
  display: block;
  --w: 1;
  --h: 1;
  padding-bottom: calc(100% / var(--w) * var(--h));
  background: var(--color-black);
}

.img img,
.video iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
}

.img[data-contain] img {
  object-fit: contain;
}

.img-caption,
.video-caption {
  padding-top: .75rem;
  line-height: 1.5em;
}

.footer .grid>.column {
  margin: 0;
  text-align: center
}

.footer {
  padding: 7rem 0 5rem;
  background: white;
  z-index: 10;
  position: relative;
  font-family: 'Foundry Tiento';
  border-bottom: 20px solid black;
}
footer .grid {
  padding-top: 60px;
  border-top: 1px solid black;
}
.footer ul#navlist {
  font-size: 16px;
  color: black;
  margin: 0 0 20px 0;
}
.column.footer-info {
  text-align: center;
  margin: 35px 0 0 0;
  position: relative;
}
.tagline-holder img.company-tag {
  width: 320px;
}
.column.footer-text {
  margin: 30px 0;
}

.footer h2 {
  font-size: 16px;
  line-height: 23px;
}

.footer ul,
.footer p {
  color: var(--color-text-grey);
}



.footer a:hover {
  color: var(--color-text);
}


.map {
  --w: 2;
  --h: 1;
  padding-bottom: calc(100% / var(--w) * var(--h));
  position: relative;
  overflow: hidden;
  background: var(--color-black);
}

.map iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.margin-s {
  margin-bottom: .75rem;
}

.margin-m {
  margin-bottom: 1.5rem;
}

.margin-l {
  margin-bottom: 3rem;
}

.margin-xl {
  margin-bottom: 4.5rem;
}

.margin-xxl {
  margin-bottom: 6rem;
}


@media screen and (min-width: 60rem) {
  body {
    --padding: 0 1rem;
  }

  .grid {
    grid-template-columns: repeat(12, 1fr);
  }

  .grid>.column {
    grid-column: span var(--columns);
  }

}

.pagination {
  display: flex;
  padding-top: 6rem;
}

.pagination>span {
  color: var(--color-text-grey);
}

.pagination>* {
  padding: .5rem;
  width: 3rem;
  text-align: center;
  border: 2px solid currentColor;
  margin-right: 1.5rem;
}

.pagination>a:hover {
  background: var(--color-black);
  color: var(--color-white);
  border-color: var(--color-black);
}

.note-excerpt {
  line-height: 1.5em;
}

.note-excerpt header {
  margin-bottom: 1.5rem;
}

.note-excerpt figure {
  margin-bottom: .5rem;
}

.note-excerpt-title {
  font-weight: 600;
}

.note-excerpt-date {
  color: var(--color-text-grey);
}


/*Header*/
img.sitelogo {
  opacity: 1;
  transition: .4s;
}

header.reduced img.sitelogo {
  opacity: 0;
}




/* Homepage */
/*Featured Item*/
.featured-text,
.featured-img-holder {
  display: inline-block;
  position: relative;
}


.featured-text h2 {
  font-family: 'Foundry Tiento';
}

.featured-img-holder img.featured-img {
  position: absolute;
  width: 61vw;
  z-index: 2;
}

p.home-price {
  font-family: sans-serif;
  font-size: 12px;
  line-height: 13px;
  margin: 0px 0 13px 0;
}

/*Main CTA*/
a.main-cta {
  font-size: 12px;
  font-family: sans-serif;
  padding: 3px 15px;
  border-radius: 20px;
  border: 1px solid #c8c8c8;
}

a.main-cta.green {
  background: #ACE458;
}



/*Product Page*/
main.product-page {
  position: relative;
}
h3.product-title {
    font-size: 26px;
    font-family: 'Foundry Tiento';
    line-height: 30px;
    margin-top: -5px;
}

.product-section h2 {
  font-size: 40px;
  line-height: 40px;
  font-family: 'Foundry Tiento';
  margin: 0 0 10px 0;
}
.product-section .material {
  font-size: 25px;
  line-height: 25px;
  padding: 0 0 13px 0px;
  font-family: 'Foundry Tiento';
}
.snipcart__box label.snipcart-form__label.snipcart__font--tiny, .snipcart__box .snipcart__font--secondary {
  font-family: sans-serif;
  font-size: 16px;
}
h1.snipcart-empty-cart__title.snipcart__font--secondary.snipcart__font--xlarge.snipcart__font--bold {
  font-family: 'Bordeaux Script';
  font-size: 100px;
  color: black;
}
.snipcart-base-button__wrapper .snipcart-base-button__label {
  font-family: 'Foundry Tiento';
  font-size: 25px;
}
button.snipcart-add-item.add-to-cart-btn {
  background: #fffb2f;
  padding: 4px 31px;
  margin: 15px 0 0px 0;
  border-radius: 19px;
  font-family: sans-serif;
  transition: .3s;
  font-size: 13px;
}
button.snipcart-add-item.add-to-cart-btn:hover {
  background: #e5e116;
}
p.price {
  font-family: sans-serif;
  font-size: 13px;
}
a.item-cta:hover {
  background: gainsboro;
  cursor: pointer;
  border: 1px solid black;
}

.paymentstatement, .product-description {
  font-family:sans-serif;
}

.product-description {
  font-size: 12px;
  line-height: 17px;
  padding: 10px 0 0px 0;
    white-space: pre-line;
}
.product-description ul li {
  list-style: circle;
  margin: 0 0 0 20px;
}
.paymentstatement, .shipping-holder{
  font-size: 11px;
  line-height: 15px;
  font-family: sans-serif;
  padding: 6px 0;
}
h4.details-title {
  font-weight: bold;
}
.details {
  font-family: sans-serif;
  font-size: 12px;
  padding: 20px 0 0 0;
}
.detail-row {
  padding: 10px 0 0 0;
}
p.detail-q, .shipping-holder, .shipping-addition {
  color: #b7b7b7;
}
.line-drawing img {
  margin: 20px 0 0 0;
  width: 250px;
}

/* Snipcart*/
.snipcart-layout.snipcart-modal, .snipcart-cart__content, .snipcart-modal__container, .snipcart-cart-header, #snipcart.snipcart {
  background-color: white;
  font-family: 'Foundry Tiento';
}
.snipcart__actions--link, .snipcart-button-link, .snipcart-cart-summary-expanded-item, .snipcart-test-banner__message, .snipcart-modal__close, .snipcart__font--secondary, .snipcart__font--subtitle, .snipcart__font--subtitle-small{
  font-family: 'Foundry Tiento';
}
header.snipcart-cart-header {
  border-bottom: 1px solid;
}
.snipcart-cart-header .snipcart-modal__close-icon, .snipcart-cart-header__icon {
  color: black;
}
span.snipcart-modal__close-title.snipcart__font--std {
  font-size: 19px;
  margin: -8px 0 0 0;
}
button.snipcart-cart-header__option.snipcart-cart-header__count.snipcart__font--secondary.snipcart__font--bold {
  font-size: 19px;
}
h3.snipcart-cart-header__title.snipcart__font--black.snipcart__font--secondary {
  font-size: 26px;
}
.snipcart-item-line__container {
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-right: 3px solid;
  border-left: 3px solid;
}
button.snipcart-button-primary.snipcart-base-button {
  background: black;
}
button.snipcart-button-icon.is-small.is-secondary, .snipcart-button-secondary {
  background-color: #efefef;
  color: black;
}


#navlist ul li {
  margin-bottom: 20px;
}

#navlist ul li a {
  color: white;
  text-decoration: none;
  font-size: 20px;
}
ul#navlist.displayed {
  display: contents;
  opacity: 1;
  text-align: center;
}
.no-scroll nav.menu {
  background: white;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  padding: 0;
  max-width: 70rem;
  margin: auto;
}
body.no-scroll {
  overflow: hidden;
}


/* NEW ADDITIONS */
/* Category sections on the homepage */
.collection-header {
    position: relative;
}
h2.collection-title {
    font-family: 'Foundry Tiento';
    font-weight: 200;
    letter-spacing: -1px;
    font-size: 30px;
}
hr.collection-divider {
    display: none;
}

.individual-collection ~ .individual-collection hr.collection-divider {
    display: block;
    width: 100%;
    height: 1px;
}
.collection-status {
    background: gainsboro;
    padding: 2px 20px;
    position: absolute;
    top: 12px;
    left: 190px;
    font-size: 10px;
    text-transform: uppercase;
}.collection-description {
    font-size: 13px;
    padding: 10px 0;
    line-height: 17px;
    width: 100%;
    border-bottom: 1px solid #cacaca;
}
.marquetry .collection-description {
    margin-bottom: 20px;
}
button.add-to-cart-btn[disabled] {
    font-size: 13px;
    padding: 2px 20px;
    background-color: gainsboro;
    margin-top: 15px;
}
@media (min-width:868px) and (max-width:1200px){
  .collection-description {
    padding: 10px 40px !important;
    width: calc(100% - 80px)!important;
}
}
@media (max-width:868px){
.collection-header, .collection-description {
    padding: 0 10px;
}
.collection-description {
    padding-bottom: 10px;
}
}