#fw-section-text-blocks-04a9617b-996c-40df-b67d-9906fa01004c {

 *{
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
      z-index:1;
 }

section{
  max-width: 1400px;
  margin: 0 auto;

}


h2 {
    font-family: 'Schwabacher', serif;
    font-size: 4em;
    text-transform: lowercase;
    text-align: center; 
  color: #525252;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 3em;
    transition: all 0.3s ease;
}
}
}
#fw-section-image-with-text-70daafc2-e516-4ead-8a38-56dfc65dc245 {

 
div {
  max-width: 1200px;
  width:100%;
  margin: 0 auto;
  margin-top: 0.3em;
  margin-bottom: 0.7em;
}

p {
  line-break: normal;
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  min-width: 320px;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.7em;
  columns: 2;
  column-gap: 1.5em;
  
}

  h2 {
    font-family: 'Schwabacher', serif;
    font-size: 1.4em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    margin-top: 0.7em;
        margin-bottom: -0.3em;
    transition: all 0.3s ease;
}


img {
  min-width: 200px;
  width: 100%;
  max-width: 330px;
  padding: 1em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: -1em;
  margin-bottom: 1em;
  padding-bottom: 0;
  pointer-events: none;
  -webkit-touch-callout: none;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
  img{
max-width: 230px;
  margin-left: auto;
  margin-right: auto;
  
}

}
}
#fw-section-rich-text-e2acc118-34ce-4ea1-acc9-cd0eb56da2f7 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #191919;
--color-background-rgb: 25, 25, 25;
--color-on-background: #bfbfbf;
--color-on-background-rgb: 191, 191, 191;
--color-on-primary: #bfbfbf;
--color-on-primary-rgb: 191, 191, 191;
--color-product-image-background: #bfbfbf;
--color-background-brightness: 25;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #bfbfbf;
--primary-btn-border-color: #bfbfbf;
--secondary-btn-bg: transparent;
--secondary-btn-text: #bfbfbf;
--secondary-btn-border-color: #bfbfbf;
div {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}

p {
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  min-width: 320px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  columns: 2;
  column-gap: 1.5em;
  
}

  h2 {
    font-family: 'Schwabacher', serif;
    font-size: 1.4em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    margin-top: 0.5em;
    transition: all 0.3s ease;
}
}
#fw-section-image-with-text-19bf2086-50a6-4d65-985e-86c9f9638c6d {

 
div {
  max-width: 1200px;
  width:100%;
  margin: 0 auto;
  margin-top: 0.3em;
  margin-bottom: 0.7em;
}

p {
  line-break: normal;
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  min-width: 320px;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.7em;
  columns: 2;
  column-gap: 1.5em;
  
}

  h2 {
    font-family: 'Schwabacher', serif;
    font-size: 1.4em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    margin-top: 0.7em;
        margin-bottom: -0.3em;
    transition: all 0.3s ease;
}


img {
  min-width: 200px;
  width: 100%;
  max-width: 330px;
  padding: 1em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: -1em;
  margin-bottom: 1em;
  padding-bottom: 0;
  pointer-events: none;
  -webkit-touch-callout: none;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
  img{
max-width: 230px;
  margin-left: auto;
  margin-right: auto;
  
}

}
}
#fw-section-image-with-text-f0117c63-ef7c-4faf-a44c-ebd6a071a23b {


div {
  max-width: 1200px;
  width:100%;
  margin: 0 auto;
  margin-top: 0.3em;
  margin-bottom: 0.7em;
}

p {
  line-break: normal;
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  min-width: 320px;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.7em;
  columns: 2;
  column-gap: 1.5em;
  
}

  h2 {
    font-family: 'Schwabacher', serif;
    font-size: 1.4em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    margin-top: 0.7em;
        margin-bottom: -0.3em;
    transition: all 0.3s ease;
}


img {
  min-width: 200px;
  width: 100%;
  max-width: 600px;
  padding: 1em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: -1em;
  margin-bottom: -1.7em;
  padding-bottom: 0;
  pointer-events: none;
  -webkit-touch-callout: none;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){

  img{
margin-top: -3em;
    margin-bottom: -3em;
  }
}
}
#fw-section-custom-html-7604c0b4-ea07-4061-94bf-842724f8bfae {


html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;
}



/** GALLERY MARKUP **/
.gallery {
  align-items: center;
  justify-content: center;
  margin-top: -2em;
  flex: 1;
  display: grid;
  column-gap: 0.51rem;
  row-gap: 0.7rem;
  margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0.7rem;
  padding-top: 0rem;
  padding-bottom:0em;
  margin-bottom: -2rem;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr max-content;
  border: 1px transprent;
  border-radius: 3px;
  justify-content: center;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}

.galleryitem2{
  grid-column: 1/4 ;
  width: 100%;
  max-width: 1140px;
  justify-content: center;
  align-items: center;
  flex: 1;
   border: 2px transparent;
}

.galleryitem2 img {
  flex: 1;
    aspect-ratio: 1.68/1;
  width: 100%;
  height: auto;
  max-width:calc(1200px - 1.6em);
  object-fit: fill;
    	border: 1px solid #191919;
	border-radius:2px;
       transition: ease-out 0.2s;

}
/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem2 img:hover {
   cursor: zoom-in;
  scale: 100.5%;
  transition: scale 0.6s;
}

.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {
  flex: 1;
  margin: auto;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: auto;
  aspect-ratio: 1.414/1;
  object-fit: fill;
  max-width: calc 399px;

    	border: 1px solid #191919;
	border-radius:2px;

     transition: ease-out 0.2s;
}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
  scale: 101.3%;
  transition: scale 0.6s;
   cursor: zoom-in;
}

/** LIGHTBOX MARKUP **/

.under-text {      
     text-shadow: 2px 2px 1px #000000;
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 2em;
  padding-left: 3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
  
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
   
  
  /* A bit of padding around image */
  padding: 3rem;
  padding-bottom: 5rem;

  /* Translucent background */
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));

}


/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
 
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
 
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
 
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;

}


/* 'close' button */
.close{
  position: fixed;
  right: 0;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  margin-top: -1.5em;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.7s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  }

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
 
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:-1.5em;
  padding-top:0;
  width: 100%;
  max-width:648px;
padding: 10px;
   row-gap: 0.3rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 3.5rem;
   right: -1.5rem;
}

}

}
#fw-section-custom-html-073931ed-82da-498d-a3c5-3ab3aa5bff47 {

div{
  padding: 0;
}

.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section{
  border: solid transparent 1px;
    margin: 0; 
  padding: 0 !important;
  padding-bottom: 0.25em !important;
 overflow: visible;
}

*{
  line-height: 0.99 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1.414/1;
  object-fit: fill;
  max-width: 399px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 101.5%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 
background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);

text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */
  padding: 0.7rem;
  padding-bottom: 3rem;


  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
}


/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}

section{
  padding-bottom: 0em !important;
margin-right: 0.1em;
margin-left: 0.1em;
margin-top: 0;
padding-top: 0 !important;
}

}
@media only screen and (max-width: 648px){
}

}
#fw-section-custom-html-98981991-f373-4530-bde6-2547fedc4741 {

div{
  padding: 0;
}

.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section{
  border: solid transparent 1px;
    margin: 0; 
  padding: 0 !important;
  padding-bottom: 0.25em !important;
 overflow: visible;
}

*{
  line-height: 0.99 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
    aspect-ratio: 1.68/1;
  object-fit: fill;
  max-width: 1140px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 100.5%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 
background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);

text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */
  padding: 0.7rem;
  padding-bottom: 3rem;


  /* Translucent background */
  
   background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}

section{
  padding-bottom: 0em !important;
margin-right: 0.1em;
margin-left: 0.1em;
margin-top: 0;
padding-top: 0 !important;
}

}
@media only screen and (max-width: 648px){
}

}
#fw-section-image-with-text-2341d5bd-809f-4c7a-91a2-e9ed29d3d639 {

 
div {
  max-width: 1200px;
  width:100%;
  margin: 0 auto;
  margin-top: 0.3em;
  margin-bottom: 0.7em;
}

p {
  line-break: normal;
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  min-width: 320px;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.7em;
  columns: 2;
  column-gap: 1.5em;
  
}

  h2 {
    font-family: 'Schwabacher', serif;
    font-size: 1.4em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    margin-top: 0.7em;
        margin-bottom: -0.3em;
    transition: all 0.3s ease;
}

img {
 min-width: 200px;
  width: 100%;
  max-width: 600px;
  padding: 1em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
  margin-bottom: 1em;
  padding-bottom: 0;
  pointer-events: none;
  -webkit-touch-callout: none;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
  img{
max-width: 450px;
  margin-left: auto;
  margin-right: auto;
margin-top: -0.3em;

}

}
}
#fw-section-image-dc8c625a-5a99-4c8b-97ef-ca83d52b3037 {

div{
  max-width: 1200px;
  width: 100%;
      margin-left: auto;
  margin-right: auto;
  
  display:flex;

}

img {
  min-width: 200px;
  width: 100%;
  max-width: 1140px;
  padding-top: 1em;
  padding-bottom: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
  pointer-events: none;
  -webkit-touch-callout: none;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){

div {
  width: 100%;
  max-width:660px;

}
}
}
#fw-section-rich-text-1be6e2de-9053-42b1-95ed-3aae2182d6e0 {

* {
  padding: 0.15em;

   text-decoration: none !important;
}
p {
    font-family: 'Schwabacher', serif;
    font-size: 1.2em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    transition: all ease 0.2s;
}
/*
p:hover {
   transform: scale(1.05);
  transition: all ease 0.5s;
}
*/
}
#fw-section-custom-html-a044e73a-067e-4780-873c-104241fbc230 {

div{
  padding: 0;
}

.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section{
  border: solid transparent 1px;
    margin: 0; 
  padding: 0 !important;
  padding-bottom: 0.25em !important;
 overflow: visible;
}

*{
  line-height: 0.99 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 
background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);

text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */



  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}

section{
  padding-bottom: 0em !important;
margin-right: 0.1em;
margin-left: 0.1em;
margin-top: 0;
padding-top: 0 !important;
}

}
@media only screen and (max-width: 648px){
}

}

#fw-section-custom-html-11553303-87a1-451b-b0a6-ed008f274f06 {

div{
  padding: 0;
}

.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section{
  border: solid transparent 1px;
    margin: 0; 
  padding: 0 !important;
  padding-bottom: 0.25em !important;
 overflow: visible;
}

*{
  line-height: 0.99 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 
background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);

text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */



  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}

section{
  padding-bottom: 0em !important;
margin-right: 0.1em;
margin-left: 0.1em;
margin-top: 0;
padding-top: 0 !important;
}

}
@media only screen and (max-width: 648px){
}

}
#fw-section-custom-html-46847ab4-2c02-4fe8-a0be-c0d7e8cea5c0 {


html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;
}



/** GALLERY MARKUP **/
.gallery {
  align-items: center;
  justify-content: center;
  margin-top: -2em;
  flex: 1;
  display: grid;
  column-gap: 0.51rem;
  row-gap: 0.7rem;
  margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0.7rem;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: -2rem;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr max-content;
  border: 1px transprent;
  border-radius: 3px;
  justify-content: center;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}


.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {
  flex: 1;
  margin: auto;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 380px;

    	border: 1px solid #191919;
	border-radius:2px;

     transition: ease-out 0.2s;
}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
  scale: 102%;
  transition: scale 0.6s;
   cursor: zoom-in;
}

/** LIGHTBOX MARKUP **/

.under-text {      
     text-shadow: 2px 2px 1px #000000;
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 2em;
  padding-left: 3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
  
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
   
  
  /* A bit of padding around image */
  padding: 3rem;
  padding-bottom: 5rem;

  /* Translucent background */
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));

}


/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
 
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
 
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
 
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;

}


/* 'close' button */
.close{
  position: fixed;
  right: 0;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  margin-top: -1.5em;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.7s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  }

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
 
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:-1.5em;
  padding-top:0;
  width: 100%;
  max-width:624px;
padding: 10px;
   row-gap: 0.3rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 3.5rem;
   right: -1.5rem;
}

}

}
#fw-section-image-e019c0d3-fdee-4a27-880c-86b64ce0573e {

img {
  min-width: 50px;
  width: 100%;
  max-width: 110px;
  padding: 0.7em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  pointer-events: none;
  -webkit-touch-callout: none;
  transition: all 0.3s ease;
}

}
#fw-section-links-list-dbe58720-3dff-4802-89f9-56b0bafa907b {

 *{
   max-width: 1200px;
   width: 100%;
   border-top:transparent;
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
   text-align: center !important;
  text-justify: inter-word;
 line-break: normal;
   margin-top:0px !important;
 
 }

.text-blocks{
 padding-top: 0;
  margin-top: 0px;
}

.wrapper{
  padding-top: 32px;

}


.text-blocks{
max-width: 624px;
}

a{
  color: #525252;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
}



.button{
  display:flex;
   justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 3.2em;
  background: #191919;
  border-radius: 0.7em;
  border-top: solid;
  margin-top: -2em;
  z-index: 2;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
transition: ease 0.2s;
  max-width: 1140px;
  width:100%;
  background-color: solid #191919;
   border-top: solid 1px #525252;
  outline: 1px solid black;
  box-shadow: inset 0 -15em 10em rgba(0, 0, 0, 0.3);
  transition: ease-out 0.1s;
 filter: drop-shadow(0px 1px 0px #4d4d4d);

}



h4{
padding: 0 !important;
opacity: 50%;
  letter-spacing: 1px;
}
/*
a:focus{
    color: white !important;
}
*/

p, h4  {

padding: 0 !important;
  text-transform: none;
  max-width: 624px;
  text-align: justify !important;
  line-break: normal;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  columns: 1;
  column-gap: 1.5em;
  
}
section{
    padding-top: 32px;
  padding-bottom: 32px;
  margin-bottom: 0;
  padding-top: 0;
  text-align: center !important;
  margin: 0 auto;
  margin-left: auto;
  width: 100%;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
}
 
h2 {
    font-family: 'Schwabacher', serif;
    font-size: 6em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 2em;
    transition: all 0.3s ease;
}
}
}
#fw-section-text-blocks-ad783644-1a38-4673-b193-d08b76170adc {

 *{
   padding: 0;
   margin-top: 0.3em;
   margin-bottom: 1em;
   border-right: transparent;
   border-left: transparent;
   border-bottom: transparent;
   border-radius: 0;
 }
div{
    border-top: transparent;
}

.button:hover{
transform: translate(0, 5px);
  transition: ease 0.3s;
}

.button{
  border-top: solid;
  margin-top: -2em;
  z-index: 2;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
transition: ease 0.2s;
}

section{

    max-width: 1200px;
  margin: 0 auto;

}

h2 {
    font-family: 'Schwabacher', serif;
    font-size: 6em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 2em;
    transition: all 0.3s ease;
}
}
}
#fw-section-custom-html-69d05c0c-b37e-4e6d-8ae7-27885dce0971 {

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;
}
.overlay{
    content: '';
    position:fixed;
  flex: 1;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
  height: 100%;
  width: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,  black 120%);
   background-blend-mode: darken; 
  z-index: 1;
   pointer-events: none;
  -webkit-touch-callout: none;
opacity: 0;
}

/** GALLERY MARKUP **/
.gallery {
  align-items: center;
  justify-content: center;
  margin-top: -1em;
  flex: 1;
  display: grid;
  column-gap: 0.51rem;
  row-gap: 0.51rem;
  margin-inline: auto;
  max-width: 1140px;
  padding: 0.7rem;
  padding-top: 0.7rem;
  padding-bottom:0;
  margin-bottom: -1.5rem;
  grid-template-columns: repeat(4, 1fr);
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}

.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {
  
  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text {      
   text-shadow: 2px 2px 1px #000000;
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 2em;
  padding-left: 3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
  
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */
  padding: 3rem;
  padding-bottom: 5rem;

  /* Translucent background */
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));

}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  margin-top: -1.5em;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.7s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){


/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}
.gallery {
   row-gap: 0.3rem;
  column-gap: 0.23rem;
   transition: ease-out 0.1s;
}

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 3.5rem;
   right: -1.5rem;
}


}
}
#fw-section-custom-html-00cbc7e4-8664-497e-b989-93ba234be5f6 {

* {
  top:0;
  padding: 0;
  margin-top: -2em;
  transition: all 0.3s;
width: 100%;
  
}

.scrollback{
    transition: all 0.05s;
	position:fixed;
  z-index: 999;
	width:1.5em;
left: 94vw;
	height:1.5em;
  top:95vh;
	bottom:4em;
	right:4em;
	background-color:#bfbfbf;
	color:#191919;
	border-radius:50px;
	text-align:center;
    font-size: 1em;
    text-decoration: none;
	box-shadow: 2px 2px 3px #999;
}

@media only screen and (max-width: 1200px){
*{
    margin: -1.5em;
}

}
}
#fw-section-custom-html-773bc433-9e3a-4536-b9fe-dc3043be513d {

*{
left:13,5%;
  webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}

.container {
    display: flex;
  align-items: center;
  justify-content: center;
 max-width: 1232px;
  width: 100%;
  left: 50%;
  margin-top: -0.5em;
  margin-bottom: -0.5em;
  
}

/*  Toggle Switch  */
.toggle {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 0em;
  padding-top: 0em;
  margin-bottom: -2.9em;
  
}


.toggleSwitch span span {
	display: none;
}  
  
.toggleSwitch {

    flex: 1;
	display: inline-block;
	height: 3rem;
	position: relative;
	overflow: visible;
	cursor: pointer;
	width: 100%;
	background-color: #bfbfbf;
	border: 1px solid #bfbfbf;
	border-radius:2px;
	height:3rem;
}
.toggleSwitch * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.toggleSwitch label,
.toggleSwitch > span {
	height: 4.1em;
}
.toggleSwitch input:focus ~ a,
.toggleSwitch input:focus + label {
	outline: solid 4px #bfbfbf;
  transition: ease-out 0.3s;
}
.toggleSwitch label {
	position: relative;
	z-index: 3;
	display: block;
	width: 100%;

}
.toggleSwitch input {
	position: absolute;
	opacity: 0;
	z-index: 5;

}
.toggleSwitch > span {
	position: absolute;
	left: 0;
	width: calc(100% - 6px);
	margin: 0;
	text-align: left;
	white-space: nowrap;
  margin:0 3px;
  
}
.toggleSwitch > span span {
	position: absolute;

	z-index: 5;
	display: block;
	width: 50%;
	text-align: center;
  	vertical-align: middle;
    font-family: 'Schwabacher', serif;
   font-size: 150%;;
    text-transform: lowercase;
	opacity: 1;
  top: 0.4em;

}
.toggleSwitch a {
  
	position: absolute;
	right: 50%;
	z-index: 3;
	display: block;
	top: 3px;
	bottom: 3px;
	padding: 0;
	left: 3px;
	width: 50%;
  opacity: 50%;
	background-color: #191919;
	border-radius: 0px;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.toggleSwitch > span span:first-of-type {
	color: #bfbfbf;
	opacity: 1;
	left: 0;
	margin: 0;
    width: 50%;
  
}
.toggleSwitch > span span:last-of-type {
	left:auto;
	right:0;
	color: #191919;
	margin: 0;
    width: 50%;
 
}
.toggleSwitch > span:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: -2px;
  
	/* background-color: #bfbfbf;
	border: 1px solid #191919; */
	
  border-radius: 30px;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}
.toggleSwitch input:checked ~ a {
	left: calc(50% - 3px);
}
.toggleSwitch input:checked ~ span:before {
	/* border-color: #191919;
	box-shadow: inset 0 0 0 30px #191919; */
}
.toggleSwitch input:checked ~ span span:first-of-type {
	left:0;
	color:#191919;
}


.toggleSwitch input:checked ~ span span:last-of-type {
	/* opacity: 1;
	color: #bfbfbf;	 */
	color:#bfbfbf;
}

@media only screen and (max-width: 1256px){

  .toggleSwitch {
  width: 100%;
  max-width: 1200px;

  height: 2rem;
  margin-right: 0.7rem;
  margin-left: 0.7rem;
  margin-bottom: 1.1rem;
    -webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}
  
.toggleSwitch label,
.toggleSwitch > span {
  font-size: 80%;
    top: -0.4em;
  
  	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}
  
}


  /*  End Toggle Switch  */
}
#fw-section-custom-html-d9e57525-f30f-447c-9faa-a504394adfd7 {

.parent {
  display: flex;
  flex-shrink: 0;
  font-family: eb garamond, serif; text-align: left;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.94rem);
}
  h2 {
    font-family: 'Schwabacher', serif;
    font-size: 2em;
    text-transform: lowercase; text-align: left; 
    color: #bfbfbf;
}

.item {
  width: 50%;
  padding: 2em;
  color: #191919;
  background: #191919;
}

.last {
  color: #bfbfbf;
  background: #191919;
}

@media screen and (max-width: 800px){
  
  .parent {
    flex-direction: column;
    max-height: 270px;
  }
  
  .item {
    width: auto;
    min-height: 140px;
    align-content: center;
  }
  
  .last {
    background: #191919;
    padding: 1em;
    vertical-align: middle;
  }
}
}
#fw-section-image-with-text-91f898d9-af4f-468d-b2ff-29d9f3c578f5 {

p{
   font-family: eb garamond, serif; text-align: left;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.94rem);
 }

h2 {
    font-family: 'Schwabacher', serif;
    font-size: clamp(1.20rem, calc(0.955rem + 1.227vw), 1.88rem);
    text-transform: lowercase; text-align: left; 
    color: #bfbfbf;
}

img {
    pointer-events: none;
    cursor: default;
}


html {
    scroll-behavior: smooth;
}
}
#fw-section-custom-html-cae8a3ca-6c80-418d-bfad-da464bbb607b {

 .container {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: #191919;
  height: 22vw;
  width: 90vw;
  max-width: 1200px;
  max-height: 400px;
  text-align: center;
 }

.box {
  flex: 1;
  transition: .5s;
  margin: 0 .2%;
  align-self: center;
}

.box > img {
  width: 100%;
  object-fit: contain; 
  transition: 1s;
}

.box:hover {
  transform: scale(2.2);
  transition-duration: .8s;
  transition-timing-function: ease;
  z-index: 100;
  filter: contrast(200%);
}

img {
    pointer-events: none;
    cursor: default;
}


html {
    scroll-behavior: smooth;
}
}
#fw-section-image-with-text-a5e6cc4b-44e9-41ec-8c8e-89b0d89b12cf {

p{
   font-family: eb garamond, serif; text-align: left;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.94rem);
 }

h2 {
    font-family: 'Schwabacher', serif;
    font-size: clamp(1.20rem, calc(0.955rem + 1.227vw), 1.88rem);
    text-transform: lowercase; text-align: right; 
    color: #bfbfbf;
}

img {
    pointer-events: none;
    cursor: default;
}


html {
    scroll-behavior: smooth;
}
}
#fw-section-custom-html-0d80ade1-0ec0-4e4e-a4f2-b762382175c0 {

.parent {
  display: flex;
  flex-shrink: 0;
  font-family: eb garamond, serif; text-align: left;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.94rem);
}
  h2 {
    font-family: 'Schwabacher', serif;
    font-size: 2em;
    text-transform: lowercase; text-align: left; 
    color: #bfbfbf;
}

.item {
  width: 50%;
  padding: 2em;
  color: #191919;
  background: #191919;
}

.last {
  color: #bfbfbf;
  background: #191919;
}

@media screen and (max-width: 800px){
  
  .parent {
    flex-direction: column;
    max-height: 270px;
  }
  
  .item {
    width: auto;
    min-height: 140px;
    align-content: center;
  }
  
  .last {
    background: #191919;
    padding: 1em;
    vertical-align: middle;
  }
}
}
#fw-section-custom-html-4ad93609-e10e-4eb8-bf7f-ec472d8437e1 {

 .container {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: #191919;
  height: 22vw;
  width: 90vw;
  max-width: 1200px;
  max-height: 400px;
  text-align: center;
 }

.box {
  flex: 1;
  transition: .5s;
  margin: 0 .2%;
  align-self: center;
}

.box > img {
  width: 100%;
  object-fit: contain; 
  transition: 1s;
}

.box:hover {
  transform: scale(2.2);
  transition-duration: .8s;
  transition-timing-function: ease;
  z-index: 100;
  filter: contrast(200%);
}

img {
    pointer-events: none;
    cursor: default;
}


html {
    scroll-behavior: smooth;
}
}

#fw-section-image-with-text-8323ca72-55dd-4fd0-b797-7773d1cb6f9e {

p{
   font-family: eb garamond, serif; text-align: left;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.94rem);
 }

h2 {
    font-family: 'Schwabacher', serif;
    font-size: clamp(1.20rem, calc(0.955rem + 1.227vw), 1.88rem);
    text-transform: lowercase; text-align: left; 
    color: #bfbfbf;
}

img {
    pointer-events: none;
    cursor: default;
}


html {
    scroll-behavior: smooth;
}
}
#fw-section-custom-html-bbf2d718-0eb3-4eb2-aad7-f740ffa989cd {

 .container {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: #191919;
  height: 22vw;
  width: 90vw;
  max-width: 1200px;
  max-height: 400px;
  text-align: center;
 }

.box {
  flex: 1;
  transition: .5s;
  margin: 0 .2%;
  align-self: center;
}

.box > img {
  width: 100%;
  object-fit: contain; 
  transition: 1s;
}

.box:hover {
  transform: scale(2.2);
  transition-duration: .8s;
  transition-timing-function: ease;
  z-index: 100;
  filter: contrast(200%);
}

img {
    pointer-events: none;
    cursor: default;
}


html {
    scroll-behavior: smooth;
}
}
#fw-section-image-with-text-bec77e19-ddd0-4129-a5b4-aae891cf8d02 {

p{
   font-family: eb garamond, serif; text-align: left;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.94rem);
 }

h2 {
    font-family: 'Schwabacher', serif;
    font-size: clamp(1.20rem, calc(0.955rem + 1.227vw), 1.88rem);
    text-transform: lowercase; text-align: right; 
    color: #bfbfbf;
}

img {
    pointer-events: none;
    cursor: default;
}


html {
    scroll-behavior: smooth;
}
}
#fw-section-custom-html-af324f08-f75a-40ab-a5c7-a7c687a15433 {

 .container {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: #191919;
  height: 22vw;
  width: 90vw;
  max-width: 1200px;
  max-height: 400px;
  text-align: center;
 }

.box {
  flex: 1;
  transition: .5s;
  margin: 0 .2%;
  align-self: center;
}

.box > img {
  width: 100%;
  object-fit: contain; 
  transition: 1s;
}

.box:hover {
  transform: scale(2.2);
  transition-duration: .8s;
  transition-timing-function: ease;
  z-index: 100;
  filter: contrast(200%);
}

img {
    pointer-events: none;
    cursor: default;
}


html {
    scroll-behavior: smooth;
}
}
#fw-section-custom-html-9f3f1b32-b8f9-4a98-9802-aafe16709680 {

body{ 
  margin: 0 0 0 0;
  padding: 1px;
  background: #191919;
}

a {
  text-decoration: none;
}

.container {
  z-index:2;
  padding: -3em 0 0 0 0em;
  width: 97vw;
  height: 25vh;
  object-fit: contain;
  min-width: 0;
  max-width: 770px;
  overflow: visible;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative; top: 0rem;
}


.book {
 width: 235px;
  height: 350px;
  position: relative;
  text-align: center;
  object-position: center;
  margin: 10px;

}
  
.book-cover {
  position: absolute;
  z-index:1;
  display: flex;
  width: 100%;
  height: 100%;
  max-height: 40vw;
  max-width: 28vw;
  transform-origin: 0 50%;
  -webkit-transform-origin: 0 50%;
  background-size:cover;
  border-radius: 3px;
  box-shadow: 
    inset 4px 1px 3px #ffffff60,
    inset 0 -1px 2px #00000080;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
}

.cover1 {
  background: url('https://imgproxy.fourthwall.com/KGXjL6qsubGUhcaCOEi4A-g7ZvMKCNPSPuZRthY7hso/w:1400/sm:1/enc/n6skdWTZ14U5zjvj/YhrS7uvF4e08_A_u/ZbdYU1p5i5YAoC-Y/V5s75N5cwEPmT2C7/YPTisGRQlOyOFfgl/TsPWFNjbAY8vbGDo/0tNKjjq_5CppueWd/p_eZQUKwWNO-TbBG/lC2ble2Eng5v0wvk/_xgIU7Iv62k916u9/ncj6TlUY-DWHx463/NpQE96UTL1J126rE/3N6_XXbZbfF6EDms/kL673GIS80V5TSkC/a6iGHN-kYhF9nqXc/DUeeFfDd2OyVuYHf');
}

.cover2 {
  background: url('https://imgproxy.fourthwall.com/7_UTWds6bYARE2BJENy9T3zvFBflVbjfIW-iT18DWmc/w:1400/sm:1/enc/jpN7nBiDLJJ0k2fS/Hzx3zyC8v0le6jFg/u_LFyuE_aoE4xvV_/QsABGPDbRFBFkinx/T_AR7x-wcbeIMTpX/wemX378dt5JAIKTv/CbGE18Ud2Xojduid/WavN5Hi7HwpOI5hy/LhP2oPsjdbeuqxmR/-2BeJ0grvaxSgyL3/RYbXPzk6CNVcn4u9/_w4H51TpQfYJylbq/hHs5kvLRqlaBRrYT/b4OdHM-6MToZNLSP/gZ0l6MCA22vg88d7/tEp3_O08WKjnH5aa');
}

.cover3 {
  background: url('https://imgproxy.fourthwall.com/_sb0LgF8N2kwHOlQAAlLZK1ZNztKbg56Fo7PAa1Hvok/w:1400/sm:1/enc/HyZPkRIeu83CPAk1/b-73G1qlTLKZPKpH/iw9KjROYrXiv4HoY/k7F91fTdl8ZHgZnw/acr8Mt5Ocoy7nWg-/crisKrr0o4rznB86/9M-fh-HvKxd8utFT/occTYDeyDg5So0-4/5TXRl7MqGfgpe6at/qMCDQbXDSGM_8Su5/Pz9d8vXEYXrilN4G/IfdoakrBrWiLnB0Z/LYNFtxL1gH9fPB91/-wYGx6hLyM-c8Sce/eycRC2qw-Sr6w8VY/lYDqzx5nMW7ag_WQ');
}

.book .book-cover {
  background-size: 100% 100%;
}


.effect {
  width: 20px;
  height: 100%;
  margin-left: 0.2rem;
  border-left: 0.2rem solid #00000010;
  background-image: linear-gradient(90deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
  transition: all .5s ease;
}

.light {
  width: 90%;
  height: 100%;
  position: absolute;
  border-radius: 3px; 
  background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 100%);
  top: 0;
  right:0;
  opacity: .1;
 box-shadow: 0.1rem 0px 0px 1px rgba(25, 25, 25, 1);
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
}

.book:hover { cursor:pointer; }

.book:hover .book-cover {
  transform: perspective(2000px) rotateY(-30deg);
  -webkit-transform: perspective(2000px) rotateY(-30deg);
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  box-shadow: 
    inset 4px 1px 3px #ffffff60,
    inset 0 -1px 2px #00000080,
    10px 0px 10px -5px #00000030
}

.book:hover .effect {
  width: 40px;
  margin-left: 0.3rem;
  opacity: 0.7; 
}

.book:hover .light {
  opacity: 1;
  width: 70%;
}

.book-inside{
  diplay: flex;
  width: 100%;
  height: 100%;
  max-height: 40vw;
  max-width: 28vw;
  position:relative;
  text-align: center;
  margin: 0%;
  border: 1px solid grey;
  border-radius:3px;
  background: url('https://imgproxy.fourthwall.com/-pQs3GH2AZDCt_Z4OtumCRTSeVHN5v8AoswUmXUQg-g/w:1400/sm:1/enc/u4dIZYPPvChQKMAc/PdGPf397jfzAWp9i/dYpEJrB-YdXQ5pG8/KJvIzhgxkf-YMmOP/IwXm7sjw4ZqUYuSz/vsaurqKriDZBBk9C/NRJLxmy-IjLQoQV1/yHtP1ZHOgegJuyZt/0HTSNxWvA3qvKgoi/gEqE1w9rcl0BwA-i/WerO4gkdoaEQcqzp/Q8eo4bGuraxHAypA/DFuoG90MbxyJJ_4H/5AAtv5pe3pwiFL1R/mFccZgr9rkvo69BH/6LaUmG18NN-0lAzH');
  box-shadow: 
  0.1rem 0px 0px 1px rgba(25, 25, 25, 1),
  10px 40px 40px -10px #00000030,
  inset -2px 0 0 grey,
  inset -3px 0 0 #dbdbdb,
  inset -4px 0 0 white,
  inset -5px 0 0 #dbdbdb,
  inset -6px 0 0 white,
  inset -7px 0 0 #dbdbdb,
  inset -8px 0 0 white,
  inset -9px 0 0 #dbdbdb;
}

.title {
  width: 100%;
  text-align: center;
  justify-content: center;
  position: absolute;
  top:-30px;
  height: 0px;
  display: flex;
  align-items: flex-end;
  opacity: 0;
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
}

.title p {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height:100%;
  padding-bottom: 0.5em;
  margin:0;
  line-height:0.7;
  font-family: 'Schwabacher', serif;
  font-size: clamp(0.30rem, calc(0.155rem + 4.227vw), 1.88rem);
  text-transform: lowercase; text-align: center; 
  color: #bfbfbf;
}


.btn {
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.5rem, calc(0.555rem + 0.377vw), 0.94rem);
  position:relative;
  background: #191919;
  border-radius:50px;
  color: #bfbfbf;
  bottom: -0.6rem;
  padding: 0.5em;
  margin-left: -0.5rem;
  display: inline-block;
  opacity: 0;
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
}

.book:hover .btn, .book:hover {
  opacity: 1;
}
}

#fw-section-custom-html-8656f263-c182-403c-9fb6-d60de3906c41 {




.grandparent {
display:inline-block;
    vertical-align:top;
      text-align: center;
width: 100%;

.parent {
    height: 100%;
    padding: 0%;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
   

.top
{
	box-sizing:border-box;
	padding:0rem;
    padding-left: 0;
    margin-bottom: 0.525rem;
	border:#191919 solid 1px;
	height: 340px;
    max-width: 764px;
    max-height: 45vw;
    display: flex;
   align-items: flex-start;
    justify-content: center;
 
}
.container {
  z-index:8;
  padding-left: 0.1rem;
  width: 88vw;
  height: 25vh;
  object-fit: contain;
  max-width: 764px;
  max-height: 340px;
  overflow: visible;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}

  .container2 {
  z-index:7;
  padding-left: 0.1rem;
  width: 88vw;
  height: 25vh;
  object-fit: contain;
  max-width: 764px;
  max-height: 340px;
  overflow: visible;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}
  .container3 {
  z-index:6;
  padding-left: 0.1rem;
  width: 88vw;
  height: 25vh;
  object-fit: contain;
  max-width: 764px;
  max-height: 340px;
  overflow: visible;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}

.book {
 width: 235px;
  height: 340px;
  position: relative;
  text-align: center;
  object-position: center;
  margin: 0.4rem;
}

  .relative { 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;

  z-index: 40;

  background-image: url('https://imgproxy.fourthwall.com/CTCbO5deXxmn6aa3mf4oWsa0NHGpzDertpqfNQ9dZsg/w:1400/sm:1/enc/S92qHXLQ3KgdUVdj/yw6J0dCGsF6YDTYs/Nn6FNt8Fu-VQlPFj/nyvIOGp2fnWldhU2/hcERmy-OrfB1kkJL/VUysR4UWejOTlTNC/vvqPLExwXLeRrAQk/u_KG0NzuA2RqywWE/QNcTpfBmuHI0d-kq/d0-WiF0wH6YwC0Vj/tXzk65C5f8iGQWHe/1W2ggd60yQ5DMkSL/ob-VVO8TmM5Fn-2h/wuViPHc7G2UnZxC8/hKtHpgX3pxhPEA4K/OWMSL7cIXv_ZR-65');
}  

  
  
.book-cover {
  position: absolute;
  z-index:1;
  display: flex;
  width: 100%;
  height: 100%;
  max-height: 40vw;
  max-width: 28vw;
  transform-origin: 0 50%;
  -webkit-transform-origin: 0 50%;
  background-size:cover;
  border-radius: 3px;
  box-shadow: 
    inset 4px 1px 3px #ffffff60,
    inset 0 -1px 2px #00000080;
  transition: all .5s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}

.cover1 {
  background: url('https://imgproxy.fourthwall.com/CTCbO5deXxmn6aa3mf4oWsa0NHGpzDertpqfNQ9dZsg/w:1400/sm:1/enc/S92qHXLQ3KgdUVdj/yw6J0dCGsF6YDTYs/Nn6FNt8Fu-VQlPFj/nyvIOGp2fnWldhU2/hcERmy-OrfB1kkJL/VUysR4UWejOTlTNC/vvqPLExwXLeRrAQk/u_KG0NzuA2RqywWE/QNcTpfBmuHI0d-kq/d0-WiF0wH6YwC0Vj/tXzk65C5f8iGQWHe/1W2ggd60yQ5DMkSL/ob-VVO8TmM5Fn-2h/wuViPHc7G2UnZxC8/hKtHpgX3pxhPEA4K/OWMSL7cIXv_ZR-65');
}

.cover2 {
  background: url('https://imgproxy.fourthwall.com/jVLxY0q4UKKcZSrbQkO1WAFP1gnrvy5eC2da0L6SXa0/w:1400/sm:1/enc/cKhkpsPnoXvgu4iq/2BLSPbsCAJNHuYXT/y4SSCbRqZKT33s9R/Ge00qPVJwjzzfFFS/vxqSlfZ7789NAvz6/cOW4A7XJIVWM4LkY/sGbcq26knm5YDFS4/aIBg42dtIm56JVZO/lBgERSzP78XTgcDi/e-CdXIjt_GTTyt2s/yhJazkCT6gp67IEP/76pESRxBy-Qou0bo/CWpSyoPAAG4lbn-1/l0MYpibbYj6dRCA_/kGP1V63qnYOBpjFA/ux153gdZg2Njctmq');
}

.cover3 {
  background: url('https://imgproxy.fourthwall.com/ry9saEOz6-1JrUiY9Ku_wb4YlP3isxPo7EDSCkAWLX4/w:1400/sm:1/enc/HLlhnJ0_6jfGZsX9/7mFuaRApzZDpnHMe/49O4ZKVPAdhPxbe3/THe57lm3cGKZzIVt/w-BFqZ11bqsF1dSn/ZwAKQqcWveGDUxoX/Qz5wxUc-p_g59jqF/cFnAugwj1lokjHgH/TxKq4uGoxSPnHCtW/RBSMipfDPWM3yuca/Lswvl56UUFEl7xfH/EyPGDblqLdUMeJF1/5jF8cDWc8KaIf-Y8/qoMqS_SuXJZ7ikg9/PZev6g8v0uZiqbKF/tRj3Wweh2Q9tRmtQ');
}

.book .book-cover {
  background-size: 100% 100%;
}


.effect {
  width: 20px;
  height: 100%;
  margin-left: 0.2rem;
  border-left: 0.2rem solid #00000010;
  background-image: linear-gradient(90deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
  transition: all 0.3s ease;
}

.light {
  width: 90%;
  height: 100%;
  position: absolute;
  border-radius: 3px; 
  background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 100%);
  top: 0;
  right:0;
  opacity: .1;
  box-shadow: 0.1rem 0px 0rem 0.05rem rgba(25, 25, 25, 1);
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
}

.book:hover { cursor:pointer; }

.book:hover .book-cover {
  transform: perspective(1800px) rotateY(-25deg);
  -webkit-transform: perspective(1800px) rotateY(-25deg);
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  box-shadow: 
    inset 0.1em 1px 3px #ffffff60,
    inset 1em -1px 2em #00000080,
    10px 0px 10px 12px #00000030
}

.book:hover .effect {
  width: 10px;
  margin-left: 0.3rem;
  opacity: 0.7; 
}

.book:hover .light {
  opacity: 1;
  width: 0.7;
}

.book-inside{
  diplay: flex;
  width: 100%;
  height: 100%;
  max-height: 40vw;
  max-width: 28vw;
  position:relative;
  text-align: center;
  margin: 0%;
  border: 1px solid grey;
  border-radius:2px;
  box-shadow: 
  0.1rem 0px 0px 1px rgba(25, 25, 25, 1),
  10px 40px 40px -10px #00000030,
  inset -2px 0 0 grey,
  inset -3px 0 0 #dbdbdb,
  inset -4px 0 0 white,
  inset -5px 0 0 #dbdbdb,
  inset -6px 0 0 white,
  inset -7px 0 0 #dbdbdb,
  inset -8px 0 0 white,
  inset -9px 0 0 #dbdbdb;
}

.title {
  width: 100%;
  text-align: center;
  justify-content: center;
  position: absolute;
  top:-30px;
  height: 0px;
  display: flex;
  align-items: flex-end;
  opacity: 0;
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
}

.title p {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height:100%;
  padding-bottom: 0.5em;
  margin:0;
  line-height:0.7;
  font-family: 'Schwabacher', serif;
  font-size: clamp(0.30rem, calc(0.155rem + 4.227vw), 1.88rem);
  text-transform: lowercase; text-align: center; 
  color: #bfbfbf;
  opacity: 0;
}


.btn {
  z-index:-1;
    transform: translateY(-100px);
  box-shadow: 0em 0em 1em 1em #191919; transition: 0.3s ease-in-out;
  font-family: eb garamond, serif; text-align: center;
  font-size: clamp(0.5rem, calc(0.255rem + 0.477vw), 0.94rem);
  position:relative;
  background: #191919;
  border-radius:0px;
  color: #bfbfbf;
  bottom: -0.6rem;
    top: 0rem;
  padding: 0.6em;
  margin-left: 0rem;
  display: flex;
    align-items: center;
    justify-content: center;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.book:hover .btn, .book:hover {
  opacity: 1;
  
}

.book:hover .btn{
    transform: translateY(0);
  transition: 0.45s ease-in-out;
}





}
}
}
#fw-section-custom-html-9e1439a5-39dd-4197-8c84-031a8005274c {

*{
    padding: 0px;
    box-sizing: border-box;
}

body{
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #191919;
    display: flex;
}

.gallery{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.2vh;
    margin-inline: auto;
    max-width: 760px;
    background: #191919;
    padding: 0.5vh;
}

 .gallery > img{
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    transition: all 0.6s ease;
}

.gallery:has(img:hover) img:not(:hover) {
    scale: 0.99;
    opacity: 0.9;
    contrast: 1.1;
    filter: grayscale(70%);
}

}

#fw-section-custom-html-6dd8c215-f32a-432e-9af2-3b36abdd1748 {

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300);
html{
  height:100%;
}
body{
  text-align:center;
  height:100%;
    background-color: #2C4159;
  font-family:'Open Sans', sans-serif;
  &:before{
    content:'';
    display:inline-block;
    height:100%;
    vertical-align:middle;
  }
}
.reflection-container{
  position:relative;
  display:inline-block;
  vertical-align:middle;
  transform-style: preserve-3d;
  perspective: 1000px;
  &:before{
    color:#fff;
    position:absolute;
    left:-1rem;
    top:50%;
    font-size:6vh;
    transform:translateX(-100%) translateY(-50%);
  }
  .reflection-content{
    height:80vh;
    width:80vh;
    background:#000 url(https://unsplash.it/800/800/?random);
    background-size:cover;
    background-position:center;
    transform:rotateX(0) rotateY(0);
    pointer-events:none;
    transition:100ms linear transform;
    overflow:hidden;
    &:before{
      content:'';
      position:absolute;
      width:200%;
      height:200%;
      left:-50%;
      top:-50%;
      background: linear-gradient(rgba(255,255,255,0.2),rgba(0,0,0,0.2));
    }
  }
  .reflection-grid-cell{
    position:absolute;
    z-index: 1;
    width:10%;
    height:10%;
  }
  @for $r from 1 to 11{ 
    @for $c from 1 to 11 {
      .reflection-grid-cell-#{( ($r*10) + $c - 10)}{
        top:($r*10%)-10%;
        left:($c*10%)-10%;
      }
      .reflection-grid-cell-#{( ($r*10) + $c - 10)}:hover ~ .reflection-content{
        transform:rotateX((($r*-5)+25deg)) rotateY((-25deg+($c*5)));
        &:before{
          transform:translateY(25-(5%*$r));
        }
      }
    }
  }
}
}
#fw-section-custom-html-5c447299-22a8-4966-ab81-4dbe231e82ca {

.container {
  padding: 0 0 0 0;
  overflow: block;
  display: block;
  align-items: start;
  display: flex;
  flex-direction: column;
  background: #191919;
  width: 90vw;
  max-width: 745px;
  text-align: center;
 }
.masonry {
  column-count: 2;
  column-gap: 0px;
  @media (min-width: 768px) {
    column-count: 3;
  }

  .brick {
    box-sizing: border-box;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    counter-increment: brick-counter;
  }
  img {
    width: 100%;
    height: 100%;
    padding: 2 0 0 0;
    object-fit: cover;
  }
  
  
.brick {
  flex: 1;
  transition: .5s;
  margin: 0 .2%;
  align-self: center;
}

  .brick > img {
  width: 100%;
  object-fit: contain; 
  transition: 1s;
}

.brick:hover {
  overflow: block;
  transform: scale(1.1);
  transition-duration: .8s;
  transition-timing-function: ease;
  z-index: 1;
  filter: contrast(200%);
}

img {
    pointer-events: none;
    cursor: default;
}
  
  html {
    scroll-behavior: smooth;
}
}
}
#fw-section-custom-html-d850c3cd-fb0f-4d08-b64a-cc6ba26a24ef {

.body {
  display: flex;
  justify-content: center;
}

.Rw{
  display:flex;
  flex-wrap:wrap;
  flex-direction: row;
  max-width:1200px;
}

.Col{
  align-items: center;
  display: flex;
}

.box {
  flex: 1;
  transition: 1s;
  margin: 0 .2%;
  align-self: center;
  z-index: 90;
}

.box:hover {
  transform: scale(2.2);
  transition-duration: .8s;
  transition-timing-function: ease;
  z-index: 100;
  filter: contrast(200%);
}
}
#fw-section-custom-html-28686819-3790-490b-b748-d097b9aaca47 {

.body {
  display: flex;
  justify-content: center;
  align-items: center;
}

.gallery {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: 0.2fr;
  grid-gap: .25em;
}
img {
  max-width: 240px;
}
.box {
  flex: 1;
  transition: .5s;
  align-self: center;
}

.box > img {
  width: 100%;
  object-fit: contain; 
  transition: 1s;
}

.box:hover {
 flex: 1.2 0 20%; 
  transition-duration: .8s;
  transition-timing-function: ease;
}

.box:hover > img {
  filter: contrast(200%);
  transition: 2s ease;
}

img {
    pointer-events: none;
    cursor: default;
}


html {
    scroll-behavior: smooth;
}

}
#fw-section-custom-html-7e549d06-8577-4a54-8904-ecfa8ec9ad04 {

body{ 
  margin: 0 0 0 0;
  padding: 0;
}

a {
  text-decoration: none;
}

.container {
  z-index:2;
  padding: -3m 0 0 0 0em;
  width: 97vw;
  height: 30vh;
  object-fit: contain;
  min-width: 0;
  max-width: 770px;
  overflow: visible;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative; top: 3rem;
}


.book {
 width: 235px;
  height: 350px;
  position: relative;
  text-align: center;
  object-position: center;
  margin: 10px;

}
  
.book-cover {
  position: absolute;
  z-index:3;
  display: flex;
  width: 100%;
  height: 100%;
  max-height: 40vw;
  max-width: 28vw;
  transform-origin: 0 50%;
  -webkit-transform-origin: 0 50%;
  background-size:cover;
  border-radius: 3px;
  box-shadow: 
    inset 4px 1px 3px #ffffff60,
    inset 0 -1px 2px #00000080;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
}

.cover1 {
  background: url('https://imgproxy.fourthwall.com/KGXjL6qsubGUhcaCOEi4A-g7ZvMKCNPSPuZRthY7hso/w:1400/sm:1/enc/n6skdWTZ14U5zjvj/YhrS7uvF4e08_A_u/ZbdYU1p5i5YAoC-Y/V5s75N5cwEPmT2C7/YPTisGRQlOyOFfgl/TsPWFNjbAY8vbGDo/0tNKjjq_5CppueWd/p_eZQUKwWNO-TbBG/lC2ble2Eng5v0wvk/_xgIU7Iv62k916u9/ncj6TlUY-DWHx463/NpQE96UTL1J126rE/3N6_XXbZbfF6EDms/kL673GIS80V5TSkC/a6iGHN-kYhF9nqXc/DUeeFfDd2OyVuYHf');
}

.cover2 {
  background: url('https://imgproxy.fourthwall.com/7_UTWds6bYARE2BJENy9T3zvFBflVbjfIW-iT18DWmc/w:1400/sm:1/enc/jpN7nBiDLJJ0k2fS/Hzx3zyC8v0le6jFg/u_LFyuE_aoE4xvV_/QsABGPDbRFBFkinx/T_AR7x-wcbeIMTpX/wemX378dt5JAIKTv/CbGE18Ud2Xojduid/WavN5Hi7HwpOI5hy/LhP2oPsjdbeuqxmR/-2BeJ0grvaxSgyL3/RYbXPzk6CNVcn4u9/_w4H51TpQfYJylbq/hHs5kvLRqlaBRrYT/b4OdHM-6MToZNLSP/gZ0l6MCA22vg88d7/tEp3_O08WKjnH5aa');
}

.cover3 {
  background: url('https://imgproxy.fourthwall.com/_sb0LgF8N2kwHOlQAAlLZK1ZNztKbg56Fo7PAa1Hvok/w:1400/sm:1/enc/HyZPkRIeu83CPAk1/b-73G1qlTLKZPKpH/iw9KjROYrXiv4HoY/k7F91fTdl8ZHgZnw/acr8Mt5Ocoy7nWg-/crisKrr0o4rznB86/9M-fh-HvKxd8utFT/occTYDeyDg5So0-4/5TXRl7MqGfgpe6at/qMCDQbXDSGM_8Su5/Pz9d8vXEYXrilN4G/IfdoakrBrWiLnB0Z/LYNFtxL1gH9fPB91/-wYGx6hLyM-c8Sce/eycRC2qw-Sr6w8VY/lYDqzx5nMW7ag_WQ');
}

.book .book-cover {
  background-size: 100% 100%;
}


.effect {
  width: 20px;
  height: 100%;
  margin-left: 0.2rem;
  border-left: 0.2rem solid #00000010;
  background-image: linear-gradient(90deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
  transition: all .5s ease;
}

.light {
  width: 90%;
  height: 100%;
  position: absolute;
  border-radius: 3px; 
  background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 100%);
  top: 0;
  right:0;
  opacity: .1;
 box-shadow: 0.1rem 0px 0px 1px rgba(25, 25, 25, 1);
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
}

.book:hover { cursor:pointer; }

.book:hover .book-cover {
  transform: perspective(2000px) rotateY(-30deg);
  -webkit-transform: perspective(2000px) rotateY(-30deg);
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  box-shadow: 
    inset 4px 1px 3px #ffffff60,
    inset 0 -1px 2px #00000080,
    10px 0px 10px -5px #00000030
}

.book:hover .effect {
  width: 40px;
  margin-left: 0.3rem;
  opacity: 0.7; 
}

.book:hover .light {
  opacity: 1;
  width: 70%;
}

.book-inside{
  diplay: flex;
  width: 100%;
  height: 100%;
  max-height: 40vw;
  max-width: 28vw;
  position:relative;
  text-align: center;
  margin: 0%;
  border: 1px solid grey;
  border-radius:3px;
  background: url('https://imgproxy.fourthwall.com/-pQs3GH2AZDCt_Z4OtumCRTSeVHN5v8AoswUmXUQg-g/w:1400/sm:1/enc/u4dIZYPPvChQKMAc/PdGPf397jfzAWp9i/dYpEJrB-YdXQ5pG8/KJvIzhgxkf-YMmOP/IwXm7sjw4ZqUYuSz/vsaurqKriDZBBk9C/NRJLxmy-IjLQoQV1/yHtP1ZHOgegJuyZt/0HTSNxWvA3qvKgoi/gEqE1w9rcl0BwA-i/WerO4gkdoaEQcqzp/Q8eo4bGuraxHAypA/DFuoG90MbxyJJ_4H/5AAtv5pe3pwiFL1R/mFccZgr9rkvo69BH/6LaUmG18NN-0lAzH');
  box-shadow: 
  0.1rem 0px 0px 1px rgba(25, 25, 25, 1),
  10px 40px 40px -10px #00000030,
  inset -2px 0 0 grey,
  inset -3px 0 0 #dbdbdb,
  inset -4px 0 0 white,
  inset -5px 0 0 #dbdbdb,
  inset -6px 0 0 white,
  inset -7px 0 0 #dbdbdb,
  inset -8px 0 0 white,
  inset -9px 0 0 #dbdbdb;
}

.title {
  width: 100%;
  text-align: center;
  justify-content: center;
  position: absolute;
  top:-30px;
  height: 0px;
  display: flex;
  align-items: flex-end;
  opacity: 0;
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
}

.title p {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height:100%;
  padding-bottom: 0.5em;
  margin:0;
  line-height:0.7;
  font-family: 'Schwabacher', serif;
  font-size: clamp(0.30rem, calc(0.155rem + 4.227vw), 1.88rem);
  text-transform: lowercase; text-align: center; 
  color: #bfbfbf;
}


.btn {
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.5rem, calc(0.555rem + 0.377vw), 0.94rem);
  position:relative;
  background: #191919;
  border-radius:50px;
  color: #bfbfbf;
  bottom: -0.6rem;
  padding: 0.5em;
  margin-left: -0.5rem;
  display: inline-block;
  opacity: 0;
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
}

.book:hover .btn, .book:hover {
  opacity: 1;
}
}
#fw-section-custom-html-0f71889d-0ff4-4fe1-8ca8-acdf30dc92bf {




.grandparent {
display:inline-block;
    vertical-align:top;
      text-align: center;
width: 100%;

.parent {
    height: 100%;
    padding: 0%;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
   

.top
{
	box-sizing:border-box;
	padding:0rem;
    padding-left: 0;
    margin-bottom: 0.525rem;
	border:#191919 solid 1px;
	height: 340px;
    max-width: 764px;
    max-height: 45vw;
    display: flex;
   align-items: flex-start;
    justify-content: center;
 
}
.container {
  z-index:2;
  padding-left: 0.1rem;
  width: 88vw;
  height: 25vh;
  object-fit: contain;
  max-width: 764px;
  max-height: 340px;
  overflow: visible;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}

 

.book {
 width: 235px;
  height: 340px;
  position: relative;
  text-align: center;
  object-position: center;
  margin: 0.4rem;
}

  .relative { 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;

  z-index: 40;

  background-image: url('https://imgproxy.fourthwall.com/CTCbO5deXxmn6aa3mf4oWsa0NHGpzDertpqfNQ9dZsg/w:1400/sm:1/enc/S92qHXLQ3KgdUVdj/yw6J0dCGsF6YDTYs/Nn6FNt8Fu-VQlPFj/nyvIOGp2fnWldhU2/hcERmy-OrfB1kkJL/VUysR4UWejOTlTNC/vvqPLExwXLeRrAQk/u_KG0NzuA2RqywWE/QNcTpfBmuHI0d-kq/d0-WiF0wH6YwC0Vj/tXzk65C5f8iGQWHe/1W2ggd60yQ5DMkSL/ob-VVO8TmM5Fn-2h/wuViPHc7G2UnZxC8/hKtHpgX3pxhPEA4K/OWMSL7cIXv_ZR-65');
}  

  
  
.book-cover {
  position: absolute;
  z-index:1;
  display: flex;
  width: 100%;
  height: 100%;
  max-height: 40vw;
  max-width: 28vw;
  transform-origin: 0 50%;
  -webkit-transform-origin: 0 50%;
  background-size:cover;
  border-radius: 3px;
  box-shadow: 
    inset 4px 1px 3px #ffffff60,
    inset 0 -1px 2px #00000080;
  transition: all .5s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}

.cover1 {
  background: url('https://imgproxy.fourthwall.com/CTCbO5deXxmn6aa3mf4oWsa0NHGpzDertpqfNQ9dZsg/w:1400/sm:1/enc/S92qHXLQ3KgdUVdj/yw6J0dCGsF6YDTYs/Nn6FNt8Fu-VQlPFj/nyvIOGp2fnWldhU2/hcERmy-OrfB1kkJL/VUysR4UWejOTlTNC/vvqPLExwXLeRrAQk/u_KG0NzuA2RqywWE/QNcTpfBmuHI0d-kq/d0-WiF0wH6YwC0Vj/tXzk65C5f8iGQWHe/1W2ggd60yQ5DMkSL/ob-VVO8TmM5Fn-2h/wuViPHc7G2UnZxC8/hKtHpgX3pxhPEA4K/OWMSL7cIXv_ZR-65');
}

.cover2 {
  background: url('https://imgproxy.fourthwall.com/jVLxY0q4UKKcZSrbQkO1WAFP1gnrvy5eC2da0L6SXa0/w:1400/sm:1/enc/cKhkpsPnoXvgu4iq/2BLSPbsCAJNHuYXT/y4SSCbRqZKT33s9R/Ge00qPVJwjzzfFFS/vxqSlfZ7789NAvz6/cOW4A7XJIVWM4LkY/sGbcq26knm5YDFS4/aIBg42dtIm56JVZO/lBgERSzP78XTgcDi/e-CdXIjt_GTTyt2s/yhJazkCT6gp67IEP/76pESRxBy-Qou0bo/CWpSyoPAAG4lbn-1/l0MYpibbYj6dRCA_/kGP1V63qnYOBpjFA/ux153gdZg2Njctmq');
}

.cover3 {
  background: url('https://imgproxy.fourthwall.com/ry9saEOz6-1JrUiY9Ku_wb4YlP3isxPo7EDSCkAWLX4/w:1400/sm:1/enc/HLlhnJ0_6jfGZsX9/7mFuaRApzZDpnHMe/49O4ZKVPAdhPxbe3/THe57lm3cGKZzIVt/w-BFqZ11bqsF1dSn/ZwAKQqcWveGDUxoX/Qz5wxUc-p_g59jqF/cFnAugwj1lokjHgH/TxKq4uGoxSPnHCtW/RBSMipfDPWM3yuca/Lswvl56UUFEl7xfH/EyPGDblqLdUMeJF1/5jF8cDWc8KaIf-Y8/qoMqS_SuXJZ7ikg9/PZev6g8v0uZiqbKF/tRj3Wweh2Q9tRmtQ');
}

.book .book-cover {
  background-size: 100% 100%;
}


.effect {
  width: 20px;
  height: 100%;
  margin-left: 0.2rem;
  border-left: 0.2rem solid #00000010;
  background-image: linear-gradient(90deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
  transition: all 0.3s ease;
}

.light {
  width: 90%;
  height: 100%;
  position: absolute;
  border-radius: 3px; 
  background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 100%);
  top: 0;
  right:0;
  opacity: .1;
  box-shadow: 0.1rem 0px 0rem 0.05rem rgba(25, 25, 25, 1);
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
}

.book:hover { cursor:pointer; }

.book:hover .book-cover {
  transform: perspective(1800px) rotateY(-25deg);
  -webkit-transform: perspective(1800px) rotateY(-25deg);
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  box-shadow: 
    inset 0.1em 1px 3px #ffffff60,
    inset 1em -1px 2em #00000080,
    10px 0px 10px 12px #00000030
}

.book:hover .effect {
  width: 10px;
  margin-left: 0.3rem;
  opacity: 0.7; 
}

.book:hover .light {
  opacity: 1;
  width: 0.7;
}

.book-inside{
  diplay: flex;
  width: 100%;
  height: 100%;
  max-height: 40vw;
  max-width: 28vw;
  position:relative;
  text-align: center;
  margin: 0%;
  border: 1px solid grey;
  border-radius:2px;
  box-shadow: 
  0.1rem 0px 0px 1px rgba(25, 25, 25, 1),
  10px 40px 40px -10px #00000030,
  inset -2px 0 0 grey,
  inset -3px 0 0 #dbdbdb,
  inset -4px 0 0 white,
  inset -5px 0 0 #dbdbdb,
  inset -6px 0 0 white,
  inset -7px 0 0 #dbdbdb,
  inset -8px 0 0 white,
  inset -9px 0 0 #dbdbdb;
}

.title {
  width: 100%;
  text-align: center;
  justify-content: center;
  position: absolute;
  top:-30px;
  height: 0px;
  display: flex;
  align-items: flex-end;
  opacity: 0;
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
}

.title p {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height:100%;
  padding-bottom: 0.5em;
  margin:0;
  line-height:0.7;
  font-family: 'Schwabacher', serif;
  font-size: clamp(0.30rem, calc(0.155rem + 4.227vw), 1.88rem);
  text-transform: lowercase; text-align: center; 
  color: #bfbfbf;
  opacity: 0;
}


.btn {
  z-index:-1;
    transform: translateY(-100px);
  box-shadow: 0em 0em 1em 1em #191919; transition: 0.3s ease-in-out;
  font-family: eb garamond, serif; text-align: center;
  font-size: clamp(0.5rem, calc(0.355rem + 0.377vw), 0.94rem);
  position:relative;
  background: #191919;
  border-radius:0px;
  color: #bfbfbf;
  bottom: -0.6rem;
    top: 0rem;
  padding: 0.6em;
  margin-left: 0rem;
  display: flex;
    align-items: center;
    justify-content: center;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.book:hover .btn, .book:hover {
  opacity: 1;
  
}

.book:hover .btn{
    transform: translateY(0);
  transition: 0.45s ease-in-out;
}


.bottom
{
    width: 88vw;
    max-width: 764px;
	box-sizing:border-box;
	padding:1px;
	border:#191919 solid 1px;
	min-height:200px;

}
.gallery{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.525rem;
    margin-inline: auto;
    max-width: 760px;
    background: #191919;
    padding: 0.5rem;
}

 .gallery > img{
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    transition: all 0.6s ease;
}


.gallery:has(img:hover) img:not(:hover) {
    scale: 1;
    opacity: 0.9;
    contrast: 1.1;
    filter: grayscale(70%);
}
.gallery:hover {
  cursor:pointer;
}




}
}
}
#fw-section-custom-html-e414c60a-7139-4a04-96b4-d409102198d1 {

*{
  line-height: 0 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

div{
  padding-top: 0 !important;
   padding-bottom: 0 !important;
  margin-bottom: -1.4em !important;
  margin-top: -2.7em;
}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
  row-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: -1.5rem;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text {      
   text-shadow: 2px 2px 1px #000000;
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 2em;
  padding-left: 3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */
  padding: 3rem;
  padding-bottom: 5rem;

  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));

}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  margin-top: -1.5em;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.7s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:-1.5em;
  padding-top:0;
  width: 100%;
  max-width:648px;
padding: 10px;
   row-gap: 0.3rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 3.5rem;
   right: -1.5rem;
}
div{
  padding-top: 0 !important;
   padding-bottom: 0 !important;
  margin-bottom: -3.3em !important;
  margin-top: 0.51em;
}
}

@media only screen and (max-width: 648px){

div{
  padding-top: 0 !important;
   padding-bottom: 0 !important;
  margin-bottom: -2.1em !important;
  margin-top: 0.51em;
}
}


}
#fw-section-custom-html-39339c4c-842f-46b2-b52a-c55f16efdf49 {

section{
  padding: 0 !important;
  margin: 0 !important;
}


*{
  line-height: 0 !important;
  padding: 0 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
  row-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text {      
   text-shadow: 2px 2px 1px #000000;
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 2em;
  padding-left: 3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */
  padding: 3rem;
  padding-bottom: 5rem;

  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));

}

.span lightbox{
  height: 430px;
  width: 500oxl
}

/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  margin-top: -1.5em;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.7s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:-1.5em;
  padding-top:0;
  width: 100%;
  max-width:648px;
padding: 10px;
   row-gap: 0.3rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 3.5rem;
   right: -1.5rem;
}
div{
  padding-top: 0 !important;
   padding-bottom: 0 !important;
  margin-bottom: -3.3em !important;
  margin-top: 0.51em;
}
}

@media only screen and (max-width: 648px){

div{
  padding-top: 0 !important;
   padding-bottom: 0 !important;
  margin-bottom: -2.1em !important;
  margin-top: 0.51em;
}
}


}
#fw-section-custom-html-dacfae7c-63ec-4bea-b24c-65f85b0a7425 {

#wrapper{
    background:gray;
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}


section{
    display: flex;
  justify-content: center;
  align-items:center;
  margin: 0 auto; 
    box-sizing: border-box;
  padding-bottom: 0.51rem;
  position: relative;
    display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  border: solid red 1px;
}


*{

  text-decoration: none;

}



.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

*{
  line-height: 0.99 !important;
}



html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  display: grid;
  column-gap: 0.51rem;
  row-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 

background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);
  backdrop-filter: blur(15px);
text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
  
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */
  padding: 0.7rem;
  padding-bottom: 3rem;

  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
   display: flex;
  flex-wrap: wrap;

}

.lightbox {
  display:grid;
  place-items:center;
  min-height:100vh;
  justify-items: center;
}

/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{

  position: fixed;
  right: 0;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 1.5rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
  padding-top: 1.3em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }


  
.close{
   padding-top: calc(0vh - 1.5rem);

}


section{
  padding: 0 !important;
padding-bottom: 0.33em !important;
 overflow: hidden;
}



}
@media only screen and (max-width: 648px){
.close{
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}
}

}
#fw-section-text-blocks-e03517f4-eb73-4bc8-b05c-9f248b25817c {

 *{
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
   z-index:1;
 }

section{
  max-width: 1400px;
  margin: 0 auto;

}


h2 {
    font-family: 'Schwabacher', serif;
    font-size: 4em;
    text-transform: lowercase;
    text-align: center; 
  color: #525252;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 3em;
    transition: all 0.3s ease;
}
}
}
#fw-section-custom-html-67b30a06-3c7a-4b10-813a-d1e8f0b068e4 {

div{
  padding: 0;
}

.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section{
  border: solid transparent 1px;
    margin: 0; 
  padding: 0 !important;
  padding-bottom: 0.25em !important;
 overflow: visible;
}

*{
  line-height: 0.99 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 
background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);

text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */



  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}

section{
  padding-bottom: 0em !important;
margin-right: 0.1em;
margin-left: 0.1em;
margin-top: 0;
padding-top: 0 !important;
}

}
@media only screen and (max-width: 648px){
}

}
#fw-section-custom-html-b91ac0e1-520a-422d-9edd-ff3a0fefa3ed {

div{
  padding: 0;
}

.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section{
  border: solid transparent 1px;
    margin: 0; 
  padding: 0 !important;
  padding-bottom: 0.25em !important;
 overflow: visible;
}

*{
  line-height: 0.99 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 
background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);

text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */



  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}

section{
  padding-bottom: 0em !important;
margin-right: 0.1em;
margin-left: 0.1em;
margin-top: 0;
padding-top: 0 !important;
}

}
@media only screen and (max-width: 648px){
}

}
#fw-section-custom-html-ccc78181-ec90-4ae9-a00f-20bf7898a5fc {

div{
  padding: 0;
}

.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section{
  border: solid transparent 1px;
    margin: 0; 
  padding: 0 !important;
  padding-bottom: 0.25em !important;
 overflow: visible;
}

*{
  line-height: 0.99 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 
background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);

text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */



  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}

section{
  padding-bottom: 0em !important;
margin-right: 0.1em;
margin-left: 0.1em;
margin-top: 0;
padding-top: 0 !important;
}

}
@media only screen and (max-width: 648px){
}

}
#fw-section-custom-html-b5787b32-4a88-4988-aac5-4a70dece20e7 {

div{
  padding: 0;
}

.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section{
  border: solid transparent 1px;
    margin: 0; 
  padding: 0 !important;
  padding-bottom: 0.25em !important;
 overflow: visible;
}

*{
  line-height: 0.99 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 
background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);

text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */



  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}

section{
  padding-bottom: 0em !important;
margin-right: 0.1em;
margin-left: 0.1em;
margin-top: 0;
padding-top: 0 !important;
}

}
@media only screen and (max-width: 648px){
}

}
#fw-section-custom-html-c03d02e6-045f-4082-a670-8e1d2d392087 {

div{
  padding: 0;
}

.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section{
  border: solid transparent 1px;
    margin: 0; 
  padding: 0 !important;
  padding-bottom: 0.25em !important;
 overflow: visible;
}

*{
  line-height: 0.99 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 
background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);

text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */



  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}

section{
  padding-bottom: 0em !important;
margin-right: 0.1em;
margin-left: 0.1em;
margin-top: 0;
padding-top: 0 !important;
}

}
@media only screen and (max-width: 648px){
}

}
#fw-section-custom-html-78e4a9b9-9dad-4adb-88a3-aeaf7c8d5a0c {

div{
  padding: 0;
}

.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section{
  border: solid transparent 1px;
    margin: 0; 
  padding: 0 !important;
  padding-bottom: 0.25em !important;
 overflow: visible;
}

*{
  line-height: 0.99 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 
background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);

text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */



  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}

section{
  padding-bottom: 0em !important;
margin-right: 0.1em;
margin-left: 0.1em;
margin-top: 0;
padding-top: 0 !important;
}

}
@media only screen and (max-width: 648px){
}

}
#fw-section-custom-html-7fbdb77e-6983-4c24-8827-fd14b206d1e7 {

div{
  padding: 0;
}

.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section{
  border: solid transparent 1px;
    margin: 0; 
  padding: 0 !important;
  padding-bottom: 0.25em !important;
 overflow: visible;
}

*{
  line-height: 0.99 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 
background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);

text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */



  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}

section{
  padding-bottom: 0em !important;
margin-right: 0.1em;
margin-left: 0.1em;
margin-top: 0;
padding-top: 0 !important;
}

}
@media only screen and (max-width: 648px){
}

}
#fw-section-custom-html-7ef1eae8-5fd1-444e-a099-d1d6437fa70b {

div{
  padding: 0;
}

.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section{
  border: solid transparent 1px;
    margin: 0; 
  padding: 0 !important;
  padding-bottom: 0.25em !important;
 overflow: visible;
}

*{
  line-height: 0.99 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 
background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);

text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */



  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}

section{
  padding-bottom: 0em !important;
margin-right: 0.1em;
margin-left: 0.1em;
margin-top: 0;
padding-top: 0 !important;
}

}
@media only screen and (max-width: 648px){
}

}
#fw-section-custom-html-6c928715-85ba-44a8-8c74-98a484a24e58 {

div{
  padding: 0;
}

.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section{
  border: solid transparent 1px;
    margin: 0; 
  padding: 0 !important;
  padding-bottom: 0.25em !important;
 overflow: visible;
}

*{
  line-height: 0.99 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 
background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);

text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */



  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}

section{
  padding-bottom: 0em !important;
margin-right: 0.1em;
margin-left: 0.1em;
margin-top: 0;
padding-top: 0 !important;
}

}
@media only screen and (max-width: 648px){
}

}
#fw-section-custom-html-af64e85f-bd34-442f-9b4a-ed6ec5093af3 {

div{
  padding: 0;
}

.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section{
  border: solid transparent 1px;
    margin: 0; 
  padding: 0 !important;
  padding-bottom: 0.25em !important;
 overflow: visible;
}

*{
  line-height: 0.99 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 
background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);

text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */



  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}

section{
  padding-bottom: 0em !important;
margin-right: 0.1em;
margin-left: 0.1em;
margin-top: 0;
padding-top: 0 !important;
}

}
@media only screen and (max-width: 648px){
}

}
#fw-section-custom-html-6597414b-f9a5-48a9-a3a5-929bb8ac3750 {

div{
  padding: 0;
}

.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section{
  border: solid transparent 1px;
    margin: 0; 
  padding: 0 !important;
  padding-bottom: 0.25em !important;
 overflow: visible;
}

*{
  line-height: 0.99 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 
background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);

text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */



  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}

section{
  padding-bottom: 0em !important;
margin-right: 0.1em;
margin-left: 0.1em;
margin-top: 0;
padding-top: 0 !important;
}

}
@media only screen and (max-width: 648px){
}

}
#fw-section-custom-html-069ec272-da47-42d7-bc34-dc64b6ff0dbe {

div{
  padding: 0;
}

.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section{
  border: solid transparent 1px;
    margin: 0; 
  padding: 0 !important;
  padding-bottom: 0.25em !important;
 overflow: visible;
}

*{
  line-height: 0.99 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 
background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);

text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */



  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}

section{
  padding-bottom: 0em !important;
margin-right: 0.1em;
margin-left: 0.1em;
margin-top: 0;
padding-top: 0 !important;
}

}
@media only screen and (max-width: 648px){
}

}
#fw-section-custom-html-39eb59ba-1956-40ed-bca2-4ad15e3dc9f4 {

div{
  padding: 0;
}

.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section{
  border: solid transparent 1px;
    margin: 0; 
  padding: 0 !important;
  padding-bottom: 0.25em !important;
 overflow: visible;
}

*{
  line-height: 0.99 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 
background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);

text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */



  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}

section{
  padding-bottom: 0em !important;
margin-right: 0.1em;
margin-left: 0.1em;
margin-top: 0;
padding-top: 0 !important;
}

}
@media only screen and (max-width: 648px){
}

}
#fw-section-custom-html-d395ba9d-b298-4282-9853-f9fbec68c0e4 {

div{
  padding: 0;
}

.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section{
  border: solid transparent 1px;
    margin: 0; 
  padding: 0 !important;
  padding-bottom: 0.25em !important;
 overflow: visible;
}

*{
  line-height: 0.99 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 
background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);

text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */



  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}

section{
  padding-bottom: 0em !important;
margin-right: 0.1em;
margin-left: 0.1em;
margin-top: 0;
padding-top: 0 !important;
}

}
@media only screen and (max-width: 648px){
}

}
#fw-section-custom-html-a8336b84-8b5c-4d17-9e40-1fd5ddf6d349 {

div{
  padding: 0;
}

.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section{
  border: solid transparent 1px;
    margin: 0; 
  padding: 0 !important;
  padding-bottom: 0.25em !important;
 overflow: visible;
}

*{
  line-height: 0.99 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 
background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);

text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */



  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}

section{
  padding-bottom: 0em !important;
margin-right: 0.1em;
margin-left: 0.1em;
margin-top: 0;
padding-top: 0 !important;
}

}
@media only screen and (max-width: 648px){
}

}
#fw-section-rich-text-59644b02-e3ae-4b04-9b1b-a70e1fa6b9e2 {

* {
  padding: 0.15em;
   text-decoration: none !important;
}
p {
    font-family: 'Schwabacher', serif;
    font-size: 1.2em;
  line-height: 1.2em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    transition: all ease 0.2s;
}

p:hover {
   transform: scale(1.05);
  transition: all ease 0.5s;
}
}
#fw-section-text-blocks-0271debf-1dc8-4c30-aa9b-270c0a2227ef {

 *{
   padding: 0;
   margin-top: 0.3em;
   margin-bottom: 1em;
   border-right: transparent;
   border-left: transparent;
   border-bottom: transparent;
   border-radius: 0;
 }
div{
    border-top: transparent;
}

.button:hover{
transform: translate(0, 5px);
  transition: ease 0.3s;
}

.button{
  border-top: solid;
  margin-top: -2em;
  z-index: 2;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
transition: ease 0.2s;
}


section{

    max-width: 1200px;
  margin: 0 auto;

}

h2 {
    font-family: 'Schwabacher', serif;
    font-size: 6em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 2em;
    transition: all 0.3s ease;
}
}
}
#fw-section-text-blocks-77e70613-68c8-4df7-963d-4f89b2d51d64 {

 *{
   width: 100%;
   border-top:transparent;
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
   text-align: center !important;
  text-justify: inter-word;
 line-break: normal;
 
 }

.text-blocks{
 padding-top: 0;
  margin-top: 0;
}

.wrapper{
display: block;

}

.button:hover ~ .box {
  transform: rotate3d(-1, 0, 0, var(--angle))  translate(0, -1px);;
 transition: 0.5s ease-in;}


.text-blocks{
max-width: 624px;
}


.button:hover{
transform: translate(0, 5px);
  transition: ease 0.3s;
}
a{
  color: #525252;
}

.button{
  display:inherit;
   justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 3.2em;
  background: #191919;
  border-radius: 0.7em;
  border-top: solid;
  margin-top: -2em;
  z-index: 2;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
transition: ease 0.2s;
  max-width: 620px;
  width:100%;
  background-color: solid #191919;
   border-top: solid 1px #525252;
  outline: 1px solid black;
  box-shadow: inset 0 -15em 10em rgba(0, 0, 0, 0.3);
  transition: ease-out 0.1s;
 filter: drop-shadow(0px -1px 0px #4d4d4d);

}

.button:hover{
   box-shadow: inset 0 -15em 10em rgba(0, 0, 0, 0.5);
  filter: drop-shadow(0px 1px 0px #4d4d4d);
 transition: 0.2s ease-in;
}


.button:not(:hover){
filter: drop-shadow(0px 2px 4px black) brightness(110%);

}

h4{
padding: 0 !important;
opacity: 50%;
  letter-spacing: 1px;
}


p, h4  {
padding: 0 !important;
  text-transform: none;
  max-width: 624px;
  text-align: justify !important;
  line-break: normal;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  columns: 1;
  column-gap: 1.5em;
  
}
section{
  padding-top: 0;
  text-align: center !important;
  margin: 0 auto;
  margin-left: auto;
  width: 100%;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
}

h2 {
    font-family: 'Schwabacher', serif;
    font-size: 6em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 2em;
    transition: all 0.3s ease;
}
}
}
#fw-section-links-list-95a05329-3069-4f4c-9875-d497a9ca29ea {

 *{
   max-width: 1200px;
   width: 100%;
   border-top:transparent;
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
   text-align: center !important;
  text-justify: inter-word;
 line-break: normal;
   margin-top:0px !important;
 
 }

.text-blocks{
 padding-top: 0;
  margin-top: 0px;
}

.wrapper{
  padding-top: 32px;

}


.text-blocks{
max-width: 624px;
}




a{
  color: #525252;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
}



.button{
  display:flex;
   justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 3.2em;
  background: #191919;
  border-radius: 0.7em;
  border-top: solid;
  margin-top: -2em;
  z-index: 2;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
transition: ease 0.2s;
  max-width: 1140px;
  width:100%;
  background-color: solid #191919;
   border-top: solid 1px #525252;
  outline: 1px solid black;
  box-shadow: inset 0 -15em 10em rgba(0, 0, 0, 0.3);
  transition: ease-out 0.1s;
 filter: drop-shadow(0px -1px 0px #4d4d4d);

}

.button:hover{
   box-shadow: inset 0 -15em 10em rgba(0, 0, 0, 0.5);
  filter: drop-shadow(0px 1px 0px #4d4d4d);
 transition: 0.2s ease-in;
}


.button:not(:hover){
filter: drop-shadow(0px 2px 4px black) brightness(110%);

}

h4{
padding: 0 !important;
opacity: 50%;
  letter-spacing: 1px;
}
/*
a:focus{
    color: white !important;
}
*/

p, h4  {

padding: 0 !important;
  text-transform: none;
  max-width: 624px;
  text-align: justify !important;
  line-break: normal;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  columns: 1;
  column-gap: 1.5em;
  
}
section{
    padding-top: 32px;
  padding-bottom: 32px;
  margin-bottom: 0;
  padding-top: 0;
  text-align: center !important;
  margin: 0 auto;
  margin-left: auto;
  width: 100%;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
}
 
h2 {
    font-family: 'Schwabacher', serif;
    font-size: 6em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 2em;
    transition: all 0.3s ease;
}
}
}
#fw-section-text-blocks-6a9350b7-ddd7-47e6-89c0-9fb2203a39eb {

 *{
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
      z-index:1;
 }

section{
  max-width: 1400px;
  margin: 0 auto;

}


h2 {
    font-family: 'Schwabacher', serif;
    font-size: 4em;
    text-transform: lowercase;
    text-align: center; 
  color: #525252;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 3em;
    transition: all 0.3s ease;
}
}
}
#fw-section-image-with-text-b79c6cd5-6ff8-46f9-979f-a17a73d5b6ac {


div {
  max-width: 1200px;
  width:100%;
  margin: 0 auto;
  margin-top: 0.3em;
  margin-bottom: 0.7em;
}

p {
  line-break: normal;
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  min-width: 320px;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.7em;
  columns: 2;
  column-gap: 1.5em;
  
}

  h2 {
    font-family: 'Schwabacher', serif;
    font-size: 1.4em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    margin-top: 0.7em;
        margin-bottom: -0.3em;
    transition: all 0.3s ease;
}


img {
  min-width: 200px;
  width: 100%;
  max-width: 350px;
  padding: 1em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: -1em;
  margin-bottom: -1em;
  padding-bottom: 0;
  pointer-events: none;
  -webkit-touch-callout: none;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 1000px){
img {
  min-width: 150px;
  width: 60%;
  max-width: 250px;
  margin-top: 0;
  margin-bottom: 0.7em;
}
}

}
#fw-section-image-with-text-9350f1e2-c7e2-411d-a8ae-686d7dcb05ff {


div {
  max-width: 1200px;
  width:100%;
  margin: 0 auto;
  margin-top: 0.3em;
  margin-bottom: 0.7em;
}

p {
  line-break: normal;
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  min-width: 320px;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.7em;
  columns: 2;
  column-gap: 1.5em;
  
}

  h2 {
    font-family: 'Schwabacher', serif;
    font-size: 1.4em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    margin-top: 0.7em;
        margin-bottom: -0.3em;
    transition: all 0.3s ease;
}


img {
  min-width: 200px;
  width: 100%;
  max-width: 600px;
  padding: 1em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: -1em;
  margin-bottom: -1.7em;
  padding-bottom: 0;
  pointer-events: none;
  -webkit-touch-callout: none;
  transition: all 0.3s ease;
}
/*
img:hover {
  scale: 1.02;
  transition: all 0.3s ease;
  
}
*/

@media only screen and (max-width: 1000px){
img {
  min-width: 150px;
  width: 60%;
  max-width: 300px;
  margin-top: 0;
  margin-bottom: 0.7em;
}
}

}
#fw-section-custom-html-723bcc14-8d87-4fc4-b2a1-09295143ef4e {

div{
  padding: 0;
}

.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section{
  border: solid transparent 1px;
    margin: 0; 
  padding: 0 !important;
  padding-bottom: 0.25em !important;
 overflow: visible;
}

*{
  line-height: 0.99 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 
background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);

text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */



  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}

section{
  padding-bottom: 0em !important;
margin-right: 0.1em;
margin-left: 0.1em;
margin-top: 0;
padding-top: 0 !important;
}

}
@media only screen and (max-width: 648px){
}

}
#fw-section-image-2e2da74b-3a40-44a7-91a1-8d07deac4b08 {
--font-heading-scale: 1.0;
--font-body-scale: 0.95;
}
#fw-section-image-2e2da74b-3a40-44a7-91a1-8d07deac4b08 {

img {
    max-width: 1220px;
    min-width: 320px;
    padding: 0px;
    pointer-events: none;
    -webkit-touch-callout: none;
}

}
#fw-section-image-67e9677a-046a-4d86-9acc-48659d2b614a {

img {
    max-width: 1100px;
    min-width: 320px;
    pointer-events: none;
    -webkit-touch-callout: none;
}

}
#fw-section-custom-html-e7298ba1-81de-4139-9a77-b59acb8f7262 {


html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;
}


/** GALLERY MARKUP **/
.gallery {
  align-items: center;
  justify-content: center;
  margin-top: -1em;
  flex: 1;
  display: grid;
  column-gap: 0.51rem;
  row-gap: 0.7rem;
  margin-inline: auto;
  max-width: 1140px;
  padding: 0.7rem;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: -2rem;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr max-content;
  border: 1px transprent;
  border-radius: 3px;
  justify-content: center;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}

.galleryitem2{
  grid-column: 1/5 ;
  width: 100%;
  max-width: 1200px;
  justify-content: center;
  align-items: center;
  flex: 1;
   border: 2px transparent;
}

.galleryitem2 img {
  flex: 1;
    aspect-ratio: 5/4;
  width: 100%;
  height: auto;
  max-width:calc(1200px - 1.6em);
  aspect-ratio: 1/1.414;
  object-fit: fill;
    	border: 1px solid #191919;
	border-radius:2px;
       transition: ease-out 0.2s;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem2 img:hover {
  scale: 100.5%;
  transition: scale 0.6s;
}

.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {
  
  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;

    	border: 1px solid #191919;
	border-radius:2px;
     transition: ease-out 0.2s;
}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
  scale: 102%;
  transition: scale 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text {      
     text-shadow: 2px 2px 1px #000000;
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 2em;
  padding-left: 3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
  
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */
  padding: 3rem;
  padding-bottom: 5rem;

  /* Translucent background */
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));

}




/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
 
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
 
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
 
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;

}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  margin-top: -1.5em;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.7s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  }

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
 
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}
.gallery {
  margin-top:-1.5em;
  padding-top:0;
  width: 100%;
  max-width:624px;
padding: 10px;
   row-gap: 0.3rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 3.5rem;
   right: -1.5rem;
}

}
}
#fw-section-custom-html-ffbb47ee-9204-4d64-b84c-acfcd77d93cb {

div{
  padding: 0;
}

.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section{
  border: solid transparent 1px;
    margin: 0; 
  padding: 0 !important;
  padding-bottom: 0.25em !important;
 overflow: visible;
}

*{
  line-height: 0.99 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 1140px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 100.5%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 
background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);

text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */
  padding: 0.7rem;
  padding-bottom: 3rem;


  /* Translucent background */
  
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}

section{
  padding-bottom: 0em !important;
margin-right: 0.1em;
margin-left: 0.1em;
margin-top: 0;
padding-top: 0 !important;
}

}
@media only screen and (max-width: 648px){
}

}
#fw-section-links-list-f86be09a-f1b3-466d-8a26-9609c010720b {

 *{
   max-width: 1200px;
   width: 100%;
   border-top:transparent;
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
   text-align: center !important;
  text-justify: inter-word;
 line-break: normal;
   margin-top:0px !important;
 
 }

.text-blocks{
 padding-top: 0;
  margin-top: 0px;
}

.wrapper{
  padding-top: 32px;

}


.text-blocks{
max-width: 624px;
}
a{
  color: #525252;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
}



.button{
  display:flex;
   justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 3.2em;
  background: #191919;
  border-radius: 0.7em;
  border-top: solid;
  margin-top: -2em;
  z-index: 2;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
transition: ease 0.2s;
  max-width: 1140px;
  width:100%;
  background-color: solid #191919;
   border-top: solid 1px #525252;
  outline: 1px solid black;
  box-shadow: inset 0 -15em 10em rgba(0, 0, 0, 0.3);
  transition: ease-out 0.1s;
 filter: drop-shadow(0px 1px 0px #4d4d4d);

}



h4{
padding: 0 !important;
opacity: 50%;
  letter-spacing: 1px;
}
/*
a:focus{
    color: white !important;
}
*/

p, h4  {

padding: 0 !important;
  text-transform: none;
  max-width: 624px;
  text-align: justify !important;
  line-break: normal;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  columns: 1;
  column-gap: 1.5em;
  
}
section{
    padding-top: 32px;
  padding-bottom: 32px;
  margin-bottom: 0;
  padding-top: 0;
  text-align: center !important;
  margin: 0 auto;
  margin-left: auto;
  width: 100%;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
}
 
h2 {
    font-family: 'Schwabacher', serif;
    font-size: 6em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 2em;
    transition: all 0.3s ease;
}
}
}
#fw-section-text-blocks-0b471ea1-e1dc-430d-9998-f937b3b49c71 {

 *{
   padding: 0;
   margin-top: 0.3em;
   margin-bottom: 1em;
   border-right: transparent;
   border-left: transparent;
   border-bottom: transparent;
   border-radius: 0;
 }
div{
    border-top: transparent;
}

.button:hover{
transform: translate(0, 5px);
  transition: ease 0.3s;
}

.button{
  border-top: solid;
  margin-top: -2em;
  z-index: 2;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
transition: ease 0.2s;
}


section{

    max-width: 1200px;
  margin: 0 auto;

}

h2 {
    font-family: 'Schwabacher', serif;
    font-size: 6em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 2em;
    transition: all 0.3s ease;
}
}
}
#fw-section-text-blocks-09c6c05e-e5cf-40f6-a4a2-36810ee03b8c {

 *{
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
      z-index:1;
 }

section{
  max-width: 1400px;
  margin: 0 auto;

}


h2 {
    font-family: 'Schwabacher', serif;
    font-size: 4em;
    text-transform: lowercase;
    text-align: center; 
  color: #525252;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 3em;
    transition: all 0.3s ease;
}
}
}
#fw-section-image-with-text-bd1fade5-1c33-45c5-940a-659bf6f6174c {


div {
  max-width: 1200px;
  width:100%;
  margin: 0 auto;
  margin-top: 0.3em;
  margin-bottom: 0.7em;
}

p {
  line-break: normal;
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  min-width: 320px;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.7em;
  columns: 2;
  column-gap: 1.5em;
  
}

  h2 {
    font-family: 'Schwabacher', serif;
    font-size: 1.4em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    margin-top: 0.7em;
        margin-bottom: -0.3em;
    transition: all 0.3s ease;
}


img {
  min-width: 300px;
  width: 100%;
  max-width: 400px;
  padding: 0px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  transition: all 0.3s ease;
}
/*
img:hover {
  scale: 1.02;
  transition: all 0.3s ease;
  
}
*/

@media only screen and (max-width: 1000px){
img {
  min-width: 250px;
  width: 60%;
  max-width: 300px;
  margin-top: 0;
  margin-bottom: 0.7em;
}
}

}
#fw-section-image-with-text-b65885f8-f139-45b9-8d2d-c55d9219d302 {



div {
  max-width: 1200px;
  width:100%;
  margin: 0 auto;
  margin-top: 0.3em;
  margin-bottom: 0.7em;
}

p {
  line-break: normal;
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  min-width: 320px;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.7em;
  columns: 2;
  column-gap: 1.5em;
  
}

  h2 {
    font-family: 'Schwabacher', serif;
    font-size: 1.4em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    margin-top: 0.7em;
        margin-bottom: -0.3em;
    transition: all 0.3s ease;
}

img {
  min-width: 200px;
  width: 100%;
  max-width: 450px;
  padding: 1em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: -1em;
  margin-bottom: auto;
  padding-bottom: 0;
  pointer-events: none;
  -webkit-touch-callout: none;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
  img{
max-width: 230px;
  margin-left: auto;
  margin-right: auto;
  
}

}
}
#fw-section-image-with-text-0ae525a5-3942-46ab-9a73-6c6a966b7b2a {


div {
  max-width: 1200px;
  width:100%;
  margin: 0 auto;
  margin-top: 0.3em;
  margin-bottom: 0.7em;
}

p {
  line-break: normal;
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  min-width: 320px;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.7em;
  columns: 2;
  column-gap: 1.5em;
  
}

  h2 {
    font-family: 'Schwabacher', serif;
    font-size: 1.4em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    margin-top: 0.7em;
        margin-bottom: -0.3em;
    transition: all 0.3s ease;
}


img {
  min-width: 200px;
  width: 100%;
  max-width: 600px;
  padding: 1em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: -1em;
  margin-bottom: -1.7em;
  padding-bottom: 0;
  pointer-events: none;
  -webkit-touch-callout: none;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
  img{
max-width: 230px;
  margin-left: auto;
  margin-right: auto;
  
}

}
}
#fw-section-custom-html-11c560a8-c986-4f89-b117-2716f294cebd {

div{
  padding: 0;
}

.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section{
  border: solid transparent 1px;
    margin: 0; 
  padding: 0 !important;
  padding-bottom: 0.25em !important;
 overflow: visible;
}

*{
  line-height: 0.99 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 
background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);

text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */



  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}

section{
  padding-bottom: 0em !important;
margin-right: 0.1em;
margin-left: 0.1em;
margin-top: 0;
padding-top: 0 !important;
}

}
@media only screen and (max-width: 648px){
}

}
#fw-section-rich-text-2eec1fd5-38e3-4821-8367-af59e53a9b8c {

* {
padding: 0.15em;
   text-decoration: none !important;
}
p {
    font-family: 'Schwabacher', serif;
    font-size: 1.2em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    transition: all ease 0.2s;
}
/*
p:hover {
   transform: scale(1.05);
  transition: all ease 0.5s;
}
*/
}
#fw-section-custom-html-8a644189-8cc3-4874-841d-8ed08b353f85 {

div{
  padding: 0;
}

.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section{
  border: solid transparent 1px;
    margin: 0; 
  padding: 0 !important;
  padding-bottom: 0.25em !important;
 overflow: visible;
}

*{
  line-height: 0.99 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 
background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);

text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */



  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}

section{
  padding-bottom: 0em !important;
margin-right: 0.1em;
margin-left: 0.1em;
margin-top: 0;
padding-top: 0 !important;
}

}
@media only screen and (max-width: 648px){
}

}
#fw-section-custom-html-5ca37f27-756d-43b0-8079-4fc842a29150 {

div{
  padding: 0;
}

.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section{
  border: solid transparent 1px;
    margin: 0; 
  padding: 0 !important;
  padding-bottom: 0.25em !important;
 overflow: visible;
}

*{
  line-height: 0.99 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 
background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);

text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */



  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}

section{
  padding-bottom: 0em !important;
margin-right: 0.1em;
margin-left: 0.1em;
margin-top: 0;
padding-top: 0 !important;
}

}
@media only screen and (max-width: 648px){
}

}
#fw-section-text-blocks-0c03711e-0103-4eb8-90ac-9a72b87c2d18 {

 *{
   padding: 0;
   margin-top: 0.3em;
   margin-bottom: 1em;
   border-right: transparent;
   border-left: transparent;
   border-bottom: transparent;
   border-radius: 0;
 }
div{
    border-top: transparent;
}

.button:hover{
transform: translate(0, 5px);
  transition: ease 0.3s;
}

.button{
  border-top: solid;
  margin-top: -2em;
  z-index: 2;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
transition: ease 0.2s;
}

section{

    max-width: 1200px;
  margin: 0 auto;

}

h2 {
    font-family: 'Schwabacher', serif;
    font-size: 6em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 2em;
    transition: all 0.3s ease;
}
}
}
#fw-section-links-list-868d470a-dfa4-4a25-bfc3-0c3509bea614 {

 *{
   max-width: 1200px;
   width: 100%;
   border-top:transparent;
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
   text-align: center !important;
  text-justify: inter-word;
 line-break: normal;
   margin-top:0px !important;
 
 }

.text-blocks{
 padding-top: 0;
  margin-top: 0px;
}

.wrapper{
  padding-top: 32px;

}

.text-blocks{
max-width: 624px;
}
a{
  color: #525252;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
}



.button{
  display:flex;
   justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 3.2em;
  background: #191919;
  border-radius: 0.7em;
  border-top: solid;
  margin-top: -2em;
  z-index: 2;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
transition: ease 0.2s;
  max-width: 1140px;
  width:100%;
  background-color: solid #191919;
   border-top: solid 1px #525252;
  outline: 1px solid black;
  box-shadow: inset 0 -15em 10em rgba(0, 0, 0, 0.3);
  transition: ease-out 0.1s;
 filter: drop-shadow(0px 1px 0px #4d4d4d);

}



h4{
padding: 0 !important;
opacity: 50%;
  letter-spacing: 1px;
}
/*
a:focus{
    color: white !important;
}
*/

p, h4  {

padding: 0 !important;
  text-transform: none;
  max-width: 624px;
  text-align: justify !important;
  line-break: normal;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  columns: 1;
  column-gap: 1.5em;
  
}
section{
    padding-top: 32px;
  padding-bottom: 32px;
  margin-bottom: 0;
  padding-top: 0;
  text-align: center !important;
  margin: 0 auto;
  margin-left: auto;
  width: 100%;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
}
 
h2 {
    font-family: 'Schwabacher', serif;
    font-size: 6em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 2em;
    transition: all 0.3s ease;
}
}
}
#fw-section-text-blocks-2093b613-7218-4a64-8566-7c987e2b6642 {

 *{
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
   padding-bottom: 0!important;
 }

section{
  height:10px;
  max-width: 1200px;
  margin: 0 auto;

}


h2 {
    font-family: 'Schwabacher', serif;
    font-size: 4em;
    text-transform: lowercase;
    text-align: center; 
  color: #525252;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 2em;
    transition: all 0.3s ease;
}
}
}
#fw-section-text-blocks-4e087b99-f694-48d5-b50a-badc9719a219 {

 *{
   padding-bottom: 0!important;
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
      z-index:1;
   
 }

section{
  max-width: 1400px;
  margin: 0 auto;
  padding: 0!important;
}


h2 {
    font-family: 'Schwabacher', serif;
    font-size: 4em;
    text-transform: lowercase;
    text-align: center; 
  color: #525252;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

p{
    padding: 0!important;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 3em;
    transition: all 0.3s ease;
}
}
}
#fw-section-links-list-5db485bb-2ab2-4418-8197-b80ebf6faa05 {

 *{
   padding-bottom: 0!important;
   max-width: 1200px;
   width: 100%;
   border-top:transparent;
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
   text-align: center !important;
  text-justify: inter-word;
 line-break: normal;
   margin-top:0px !important;
 
 }

p{
  text-align:center!important;

}

.text-blocks{
 padding-top: 0;
  margin-top: 0px;
}

.wrapper{
  padding-top: 32px;

}


.text-blocks{
max-width: 624px;
}

a{
  color: #525252;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
}



.button{
  display:flex;
   justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 3.2em;
  background: #191919;
  border-radius: 0.7em;
  border-top: solid;
  margin-top: -2em;
  z-index: 2;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
transition: ease 0.2s;
  max-width: 1140px;
  width:100%;
  background-color: solid #191919;
   border-top: solid 1px #525252;
  outline: 1px solid black;
  box-shadow: inset 0 -15em 10em rgba(0, 0, 0, 0.3);
  transition: ease-out 0.1s;
 filter: drop-shadow(0px 1px 0px #4d4d4d);

}



h4{
padding: 0 !important;
opacity: 50%;
  letter-spacing: 1px;
}
/*
a:focus{
    color: white !important;
}
*/

p, h4  {

padding: 0 !important;
  text-transform: none;
  max-width: 624px;
  text-align: justify !important;
  line-break: normal;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  columns: 1;
  column-gap: 1.5em;
  
}
section{
    padding-top: 32px;
  padding-bottom: 32px;
  margin-bottom: 0;
  padding-top: 0;
  text-align: center !important;
  margin: 0 auto;
  margin-left: auto;
  width: 100%;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
}
 
h2 {
    font-family: 'Schwabacher', serif;
    font-size: 6em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 2em;
    transition: all 0.3s ease;
}
}
}
#fw-section-text-blocks-abe0fc37-5e5c-4019-a63b-f214a88269cf {

 *{
   padding-top: 0.4em;
   padding-bottom:0.3em!important;
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
      z-index:1;
   
 }

p{
  color:#6e6e6e!important;
font-weight:bold;
}

section{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 !important;
  padding-top: 0!important;
}


h2 {
    font-family: 'Schwabacher', serif;
    font-size: 4em;
    text-transform: lowercase;
    text-align: center; 
  color: #525252;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}



@media only screen and (max-width: 1024px){
h2{
   font-size: 3em;
    transition: all 0.3s ease;
}
*{
   padding-bottom:0!important;
  padding-top:0.3em!important;
}
  
}
}
#fw-section-links-list-f2146798-13f7-4764-bf03-c24e919efa1a {

 *{
   padding-top: 0!important;
   padding-bottom: 0!important;
   max-width: 1200px;
   width: 100%;
   border-top:transparent;
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
   text-align: center !important;
  text-justify: inter-word;
 line-break: normal;
   margin-top:0px !important;
 
 }



p{
  text-align:center!important;

}

.text-blocks{
 padding-top: 0;
  margin-top: 0px;
}

.wrapper{
  padding-top: 32px;

}


.text-blocks{
max-width: 624px;
}

a{
  color: #525252;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
}



.button{
  text-transform:none!important;
  display:flex;
   justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 3.2em;
  background: #191919;
  border-radius: 0.7em;
  border-top: solid;
  margin-top: -2em;
  z-index: 2;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
transition: ease 0.2s;
  max-width: 1140px;
  width:100%;
  background-color: solid #191919;
   border-top: solid 1px #525252;
  outline: 1px solid black;
  box-shadow: inset 0 -15em 10em rgba(0, 0, 0, 0.3);
  transition: ease-out 0.1s;
 filter: drop-shadow(0px 1px 0px #4d4d4d);

}



h4{
padding: 0 !important;
opacity: 50%;
  letter-spacing: 1px;
}
/*
a:focus{
    color: white !important;
}
*/

p, h4  {

padding: 0 !important;
  text-transform: none;
  max-width: 624px;
  text-align: justify !important;
  line-break: normal;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  columns: 1;
  column-gap: 1.5em;
  
}
section{
    padding-top: 32px;
  padding-bottom: 32px;
  margin-bottom: 0;
  padding-top: 0;
  text-align: center !important;
  margin: 0 auto;
  margin-left: auto;
  width: 100%;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
}
 
h2 {
    font-family: 'Schwabacher', serif;
    font-size: 6em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 2em;
    transition: all 0.3s ease;
}
*{
    padding-top:0.3em!important;
  }

}
}
#fw-section-text-blocks-31a0a769-ea02-444a-9688-5949deb672c5 {

 *{
   padding-top: 0.4em;
   padding-bottom:0.3em!important;
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
      z-index:1;
   
 }

p{
  color:#6e6e6e!important;
font-weight:bold;
}

section{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 !important;
  padding-top: 0!important;
}


h2 {
    font-family: 'Schwabacher', serif;
    font-size: 4em;
    text-transform: lowercase;
    text-align: center; 
  color: #525252;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}



@media only screen and (max-width: 1024px){
h2{
   font-size: 3em;
    transition: all 0.3s ease;
}
*{
   padding-bottom:0!important;
  padding-top:0.3em!important;
}
  
}
}
#fw-section-links-list-57cde1cc-ac6d-4c7b-9da3-0fae2db39ec9 {

 *{
   padding-top: 0!important;
   padding-bottom: 0!important;
   max-width: 1200px;
   width: 100%;
   border-top:transparent;
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
   text-align: center !important;
  text-justify: inter-word;
 line-break: normal;
   margin-top:0px !important;
 
 }



p{
  text-align:center!important;

}

.text-blocks{
 padding-top: 0;
  margin-top: 0px;
}

.wrapper{
  padding-top: 32px;

}


.text-blocks{
max-width: 624px;
}

a{
  color: #525252;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
}



.button{
  display:flex;
   justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 3.2em;
  background: #191919;
  border-radius: 0.7em;
  border-top: solid;
  margin-top: -2em;
  z-index: 2;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
transition: ease 0.2s;
  max-width: 1140px;
  width:100%;
  background-color: solid #191919;
   border-top: solid 1px #525252;
  outline: 1px solid black;
  box-shadow: inset 0 -15em 10em rgba(0, 0, 0, 0.3);
  transition: ease-out 0.1s;
 filter: drop-shadow(0px 1px 0px #4d4d4d);

}



h4{
padding: 0 !important;
opacity: 50%;
  letter-spacing: 1px;
}
/*
a:focus{
    color: white !important;
}
*/

p, h4  {

padding: 0 !important;
  text-transform: none;
  max-width: 624px;
  text-align: justify !important;
  line-break: normal;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  columns: 1;
  column-gap: 1.5em;
  
}
section{
    padding-top: 32px;
  padding-bottom: 32px;
  margin-bottom: 0;
  padding-top: 0;
  text-align: center !important;
  margin: 0 auto;
  margin-left: auto;
  width: 100%;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
}
 
h2 {
    font-family: 'Schwabacher', serif;
    font-size: 6em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 2em;
    transition: all 0.3s ease;
}
*{
    padding-top:0.3em!important;
  }

}
}
#fw-section-text-blocks-99e2a636-b12e-4654-856a-422501ea07af {

 *{
   padding-top: 0.4em;
   padding-bottom:0.3em!important;
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
      z-index:1;
   
 }

p{
  color:#6e6e6e!important;
font-weight:bold;
}

section{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 !important;
  padding-top: 0!important;
}


h2 {
    font-family: 'Schwabacher', serif;
    font-size: 4em;
    text-transform: lowercase;
    text-align: center; 
  color: #525252;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}



@media only screen and (max-width: 1024px){
h2{
   font-size: 3em;
    transition: all 0.3s ease;
}
*{
   padding-bottom:0!important;
  padding-top:0.3em!important;
}
  
}
}
#fw-section-links-list-f60a2d33-ec97-4c94-9da3-3e13d5cbf969 {

 *{
   padding-top: 0!important;
   padding-bottom: 0!important;
   max-width: 1200px;
   width: 100%;
   border-top:transparent;
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
   text-align: center !important;
  text-justify: inter-word;
 line-break: normal;
   margin-top:0px !important;
 
 }



p{
  text-align:center!important;

}

.text-blocks{
 padding-top: 0;
  margin-top: 0px;
}

.wrapper{
  padding-top: 32px;

}


.text-blocks{
max-width: 624px;
}

a{
  color: #525252;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
}



.button{
  display:flex;
   justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 3.2em;
  background: #191919;
  border-radius: 0.7em;
  border-top: solid;
  margin-top: -2em;
  z-index: 2;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
transition: ease 0.2s;
  max-width: 1140px;
  width:100%;
  background-color: solid #191919;
   border-top: solid 1px #525252;
  outline: 1px solid black;
  box-shadow: inset 0 -15em 10em rgba(0, 0, 0, 0.3);
  transition: ease-out 0.1s;
 filter: drop-shadow(0px 1px 0px #4d4d4d);

}



h4{
padding: 0 !important;
opacity: 50%;
  letter-spacing: 1px;
}
/*
a:focus{
    color: white !important;
}
*/

p, h4  {

padding: 0 !important;
  text-transform: none;
  max-width: 624px;
  text-align: justify !important;
  line-break: normal;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  columns: 1;
  column-gap: 1.5em;
  
}
section{
    padding-top: 32px;
  padding-bottom: 32px;
  margin-bottom: 0;
  padding-top: 0;
  text-align: center !important;
  margin: 0 auto;
  margin-left: auto;
  width: 100%;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
}
 
h2 {
    font-family: 'Schwabacher', serif;
    font-size: 6em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 2em;
    transition: all 0.3s ease;
}
*{
    padding-top:0.3em!important;
  }

}
}
#fw-section-text-blocks-f9667021-2918-4821-a047-698502317d98 {

 *{
   padding-top: 0.4em;
   padding-bottom:0.3em!important;
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
      z-index:1;
   
 }

p{
  color:#6e6e6e!important;
font-weight:bold;
}

section{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 !important;
  padding-top: 0!important;
}


h2 {
    font-family: 'Schwabacher', serif;
    font-size: 4em;
    text-transform: lowercase;
    text-align: center; 
  color: #525252;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}



@media only screen and (max-width: 1024px){
h2{
   font-size: 3em;
    transition: all 0.3s ease;
}
*{
   padding-bottom:0!important;
  padding-top:0.3em!important;
}
  
}
}
#fw-section-links-list-7d35c7a5-265a-48e9-b315-10baeea753db {

 *{
   padding-top: 0!important;
 
   max-width: 1200px;
   width: 100%;
   border-top:transparent;
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
   text-align: center !important;
  text-justify: inter-word;
 line-break: normal;
   margin-top:0px !important;
 
 }



p{
  text-align:center!important;

}

.text-blocks{
 padding-top: 0;
  margin-top: 0px;
}

.wrapper{
  padding-top: 32px;

}


.text-blocks{
max-width: 624px;
}

a{
  color: #525252;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
}



.button{
  display:flex;
   justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 3.2em;
  background: #191919;
  border-radius: 0.7em;
  border-top: solid;
  margin-top: -2em;
  z-index: 2;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
transition: ease 0.2s;
  max-width: 1140px;
  width:100%;
  background-color: solid #191919;
   border-top: solid 1px #525252;
  outline: 1px solid black;
  box-shadow: inset 0 -15em 10em rgba(0, 0, 0, 0.3);
  transition: ease-out 0.1s;
 filter: drop-shadow(0px 1px 0px #4d4d4d);

}



h4{
padding: 0 !important;
opacity: 50%;
  letter-spacing: 1px;
}
/*
a:focus{
    color: white !important;
}
*/

p, h4  {

padding: 0 !important;
  text-transform: none;
  max-width: 624px;
  text-align: justify !important;
  line-break: normal;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  columns: 1;
  column-gap: 1.5em;
  
}
section{
    padding-top: 32px;
  padding-bottom: 32px;
  margin-bottom: 0;
  padding-top: 0;
  text-align: center !important;
  margin: 0 auto;
  margin-left: auto;
  width: 100%;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
}
 
h2 {
    font-family: 'Schwabacher', serif;
    font-size: 6em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 2em;
    transition: all 0.3s ease;
}
*{
    padding-top:0.3em!important;
  }

}
}
#fw-section-text-blocks-a534eb3a-3c2f-4b1a-90b6-c480746de8fc {

 *{
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
      z-index:1;
 }

section{
  max-width: 1400px;
  margin: 0 auto;

}


h2 {
    font-family: 'Schwabacher', serif;
    font-size: 4em;
    text-transform: lowercase;
    text-align: center; 
  color: #525252;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 3em;
    transition: all 0.3s ease;
}
}
}
#fw-section-image-with-text-6f97993d-0500-482f-8a74-78e77ff6ff80 {


div {
  max-width: 1200px;
  width:100%;
  margin: 0 auto;
  margin-top: 0.3em;
  margin-bottom: 0.7em;
}

p {
  line-break: normal;
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  min-width: 320px;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.7em;
  columns: 2;
  column-gap: 1.5em;
  
}

  h2 {
    font-family: 'Schwabacher', serif;
    font-size: 1.4em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    margin-top: 0.7em;
        margin-bottom: -0.3em;
    transition: all 0.3s ease;
}


img {
  min-width: 200px;
  width: 100%;
  max-width: 400px;
  padding: 0px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  transition: all 0.3s ease;
}
/*
img:hover {
  scale: 1.02;
  transition: all 0.3s ease;
  
}
*/

@media only screen and (max-width: 1000px){
img {
  min-width: 250px;
  width: 60%;
  max-width: 300px;
  margin-top: 0;
  margin-bottom: 0.7em;
}
} 

}
#fw-section-image-with-text-6eee4986-e480-4da3-adbc-591c473ffe16 {


div {
  max-width: 1200px;
  width:100%;
  margin: 0 auto;
  margin-top: 0.3em;
  margin-bottom: 0.7em;
}

p {
  line-break: normal;
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  min-width: 320px;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.7em;
  columns: 2;
  column-gap: 1.5em;
  
}

  h2 {
    font-family: 'Schwabacher', serif;
    font-size: 1.4em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    margin-top: 0.7em;
        margin-bottom: -0.3em;
    transition: all 0.3s ease;
}


img {
  min-width: 200px;
  width: 100%;
  max-width: 400px;
  padding: 1em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: -1em;
  margin-bottom: 0.3em;
  padding-bottom: 0;
  pointer-events: none;
  -webkit-touch-callout: none;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
  img{
max-width: 230px;
  margin-left: auto;
  margin-right: auto;
  
}

}
}
#fw-section-image-with-text-d1bf948e-d7d3-4da7-92b0-5e5e06f43d50 {


div {
  max-width: 1200px;
  width:100%;
  margin: 0 auto;
  margin-top: 0.3em;
  margin-bottom: 0.7em;
}

p {
  line-break: normal;
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  min-width: 320px;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.7em;
  columns: 2;
  column-gap: 1.5em;
  
}

  h2 {
    font-family: 'Schwabacher', serif;
    font-size: 1.4em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    margin-top: 0.7em;
        margin-bottom: -0.3em;
    transition: all 0.3s ease;
}



img {
  min-width: 200px;
  width: 100%;
  max-width: 600px;
  padding: 1em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: -1em;
  margin-bottom: -1em;
  padding-bottom: 0;
  pointer-events: none;
  -webkit-touch-callout: none;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
  img{
max-width: 230px;
  margin-left: auto;
  margin-right: auto;
  
}
  p{
      columns: 2;
  }

}

}
#fw-section-custom-html-b7a95ad0-ad25-443e-9ca9-708edefcab64 {

div{
  padding: 0;
}

.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section{
  border: solid transparent 1px;
    margin: 0; 
  padding: 0 !important;
  padding-bottom: 0.25em !important;
 overflow: visible;
}

*{
  line-height: 0.99 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 
background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);

text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */



  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}

section{
  padding-bottom: 0em !important;
margin-right: 0.1em;
margin-left: 0.1em;
margin-top: 0;
padding-top: 0 !important;
}

}
@media only screen and (max-width: 648px){
}

}
#fw-section-rich-text-25048698-6186-420f-a2cc-f2241990af00 {

* {
  padding: 0.07rem;
  padding-bottom: 0.07rem;


   text-decoration: none !important;
}
p {
    font-family: 'Schwabacher', serif;
    font-size: 1.2em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    transition: all ease 0.2s;
}
/*
p:hover {
   transform: scale(1.05);
  transition: all ease 0.5s;
}
*/
}
#fw-section-custom-html-e4c4e47b-b880-4e1d-81dd-95ee42dd0417 {

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;
}



   /** GALLERY MARKUP **/
.gallery {
  align-items: center;
  justify-content: center;
  margin-top: -2.4rem;
  flex: 1;
  display: grid;
  column-gap: 0.51rem;
  row-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: -1.5rem;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text {      
   text-shadow: 2px 2px 1px #000000;
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 2em;
  padding-left: 3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */
  padding: 3rem;
  padding-bottom: 5rem;

  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));

}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  margin-top: -1.5em;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.7s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:-1.5em;
  padding-top:0;
  width: 100%;
  max-width:648px;
padding: 10px;
   row-gap: 0.3rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 3.5rem;
   right: -1.5rem;
}
}



}
#fw-section-custom-html-b437db35-d26c-4dcd-99a3-1c89cf71dbd8 {

div{
  padding: 0;
}

.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section{
  border: solid transparent 1px;
    margin: 0; 
  padding: 0 !important;
  padding-bottom: 0.25em !important;
 overflow: visible;
}

*{
  line-height: 0.99 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 
background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);

text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */



  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}

section{
  padding-bottom: 0em !important;
margin-right: 0.1em;
margin-left: 0.1em;
margin-top: 0;
padding-top: 0 !important;
}

}
@media only screen and (max-width: 648px){
}

}
#fw-section-custom-html-d428d2fc-d7fe-474a-a85a-98fe7a50b9e2 {

div{
  padding: 0;
}

.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section{
  border: solid transparent 1px;
    margin: 0; 
  padding: 0 !important;
  padding-bottom: 0.25em !important;
 overflow: visible;
}

*{
  line-height: 0.99 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 
background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);

text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */



  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}

section{
  padding-bottom: 0em !important;
margin-right: 0.1em;
margin-left: 0.1em;
margin-top: 0;
padding-top: 0 !important;
}

}
@media only screen and (max-width: 648px){
}

}
#fw-section-links-list-f8359903-acac-4f80-b90b-0174663496a5 {

 *{
   max-width: 1200px;
   width: 100%;
   border-top:transparent;
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
   text-align: center !important;
  text-justify: inter-word;
 line-break: normal;
   margin-top:0px !important;
 
 }

.text-blocks{
 padding-top: 0;
  margin-top: 0px;
}

.wrapper{
  padding-top: 32px;

}

.text-blocks{
max-width: 624px;
}
a{
  color: #525252;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
}



.button{
  display:flex;
   justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 3.2em;
  background: #191919;
  border-radius: 0.7em;
  border-top: solid;
  margin-top: -2em;
  z-index: 2;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
transition: ease 0.2s;
  max-width: 1140px;
  width:100%;
  background-color: solid #191919;
   border-top: solid 1px #525252;
  outline: 1px solid black;
  box-shadow: inset 0 -15em 10em rgba(0, 0, 0, 0.3);
  transition: ease-out 0.1s;
 filter: drop-shadow(0px 1px 0px #4d4d4d);

}



h4{
padding: 0 !important;
opacity: 50%;
  letter-spacing: 1px;
}
/*
a:focus{
    color: white !important;
}
*/

p, h4  {

padding: 0 !important;
  text-transform: none;
  max-width: 624px;
  text-align: justify !important;
  line-break: normal;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  columns: 1;
  column-gap: 1.5em;
  
}
section{
    padding-top: 32px;
  padding-bottom: 32px;
  margin-bottom: 0;
  padding-top: 0;
  text-align: center !important;
  margin: 0 auto;
  margin-left: auto;
  width: 100%;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
}
 
h2 {
    font-family: 'Schwabacher', serif;
    font-size: 6em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 2em;
    transition: all 0.3s ease;
}
}
}
#fw-section-text-blocks-0300e457-f146-43ff-9812-4c72c9328235 {

 *{
   padding: 0;
   margin-top: 0.3em;
   margin-bottom: 1em;
   border-right: transparent;
   border-left: transparent;
   border-bottom: transparent;
   border-radius: 0;
 }
div{
    border-top: transparent;
}

.button:hover{
transform: translate(0, 5px);
  transition: ease 0.3s;
}

.button{
  border-top: solid;
  margin-top: -2em;
  z-index: 2;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
transition: ease 0.2s;
}


section{

    max-width: 1200px;
  margin: 0 auto;

}

h2 {
    font-family: 'Schwabacher', serif;
    font-size: 6em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 2em;
    transition: all 0.3s ease;
}
}
}
#fw-section-image-c55ea900-1ecf-4910-adf5-2b14d53c4ba8 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-bd44bedd-80d5-48d2-a896-cd94ddcd4e5e {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-8be2acec-a9b0-4f57-921a-85a40734b793 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-21b9c0c4-c1b6-4699-83dc-fe20fc740796 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-c16c43a0-e177-4c0a-a48f-76880446e322 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-6e74f306-40e1-4e3b-94c5-b30904b3a39f {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-8a5b4ddc-9678-4e5c-921f-40a1322eaeb7 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-11975617-4297-4bf5-a844-89c7a6b9e4d7 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-dedb569b-5ce8-4dba-8e07-40ab721ca9f5 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-25e6c403-806a-439c-95c6-2f8c179c931d {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-c255b8b4-3521-4ae9-b140-2f521eb89881 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-d53fb486-7e1a-489f-b091-577a681b2aa9 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-7513d01d-759e-4c4d-8deb-f02d50713a76 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-7a568f41-963e-4c4d-aa25-73f63f85c1e8 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-4ca38951-2c20-47aa-9dd2-11509759ed07 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-d25f13cf-1d17-432a-8786-9dad8a441ea0 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-e44c5e18-d7e8-4aa9-bfed-a7ddd6652c86 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-35bace7e-011f-451b-b22e-2ce36471fa24 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-0d79b276-3748-4680-8ea3-0fc4baa3e6cf {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-5b3d25b9-56c4-4773-bb1b-7619618dbb43 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-540a13cc-a05f-4eb7-90c7-e949f645edb8 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-68473472-6a87-4042-b6ec-099c43502446 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-86ae5a12-02c8-4cea-ad8b-1615f29256a0 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-28788e87-21c9-4e6b-8dcf-99dd2edccd69 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-e779d344-9ba8-4ffd-89a5-38615036b216 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-6d399dc1-9461-41fb-a5f7-142674a7de58 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-49a57ecf-bfc3-4b38-a65b-935d49741a27 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-531e7f68-34c3-43cf-ba77-b0b71ac842a5 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-3ef8c261-c42f-42f8-88ad-c6e7080143f6 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-08036e2e-a3f6-4970-aaae-cddead7dc3c6 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-33f611d4-9d8d-4d43-91e9-a8c2227630a7 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}













#fw-section-image-7714b206-fab4-44ee-880e-6978d5bd6acf {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-ab8272a7-1df4-4be6-924d-79c29fb7345a {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-1c73549e-be79-4597-9f44-92ea8deebafe {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-7fb7d55a-a859-4163-b1a5-cbd5c0f60ef0 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-ac43e731-7af8-4e36-8e6b-8ca05e328e49 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-3a48a58c-1803-4518-98b4-1e2ccf7a44cf {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-7beff228-68f0-4d19-91ee-f097bdba6570 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-f98b42e5-7c40-4516-b75d-7582b6e6951b {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-8ebac50a-d469-4f1d-b1d3-c2a59f66f446 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-36643b58-8d1d-45bb-b7a0-7e6ab0d500f6 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-c560b65a-4e13-40c0-86a2-5916e897812c {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-2202862c-3d82-4d24-8fbf-fa05097669a5 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-c95d228a-f035-4fbe-95bf-e180c7ed9eda {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-8c001282-edb9-4bd9-a64d-87ccc879344d {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-f363c185-5b5b-4038-911d-3c46e0701638 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-15e73d1f-58e0-4dc4-9928-bd270d5ee120 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-9b7ec062-75c3-4a46-8164-c63573e4a155 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-1bccc082-4d9c-4bb9-a8b2-7c0283f81be3 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-ff8f9215-5209-47ba-95c0-5ab1a124e1fe {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-0a401c5b-77e4-45fd-b936-6cbdb2fae395 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-e1b3007f-4409-4d85-8225-859697745fe2 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-de838ff9-1dbe-4f98-a2a0-0a29ba644ae6 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-f0db51a6-919e-4d8e-8227-46515756df43 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-3f265a1c-fe00-4fa7-9e0e-cd99c65c2191 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-7a7a164a-cf08-49aa-8cdb-5007c7d36b51 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-d4ce2e1d-f1ba-4495-a175-db7b86378ccb {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-d1504023-21fb-414a-91cc-824bf2d0716c {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-5990d7bf-6bb3-49de-aeb3-01b8d15bf703 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-1860a6c2-8067-46e1-9491-86e8ad1a1083 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-2fdbc6d1-0f34-4afb-92e7-3c2ebf7f62a9 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-94a01479-9384-478c-8b4a-da1c493d1477 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-3b5648e2-21fa-439f-bcbf-46508908be04 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-0d1b3e31-b9a9-4d67-a710-2a16094ff682 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-1d6e83f3-8f32-4b09-8cb3-d52ee7dad80d {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-7d00385f-a3af-43cc-8bb7-b736d72f4627 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-6220e540-2b5b-4abc-b12f-f921fabf66c0 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-d466fc78-ccf2-421e-a8c9-5b516d8c4710 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-a1a7b103-93b2-4534-a1f8-f20afb807d60 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-afaaafa0-428d-4a3a-904a-ab731a70786c {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-e3052ca3-51ab-4419-985b-664b344882ef {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-d3058146-4506-4364-9327-206a8511c1fa {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-92672283-64c8-4a25-9b41-b35911bd084c {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-988f2209-bd21-445a-aaf5-e19d82a4d2ac {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-de2b8781-abfc-42df-9631-cd46002f51e1 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-d2f84da1-57b6-4468-9cf2-e29f1a01b4a3 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-4f869e08-3e92-4dcd-9ce8-1904f0e62bb8 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-a39c00e3-a6a6-472d-b148-155805359962 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-fa85d114-ff74-45ab-b11c-e440681dc870 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-97300ab0-52f6-4914-a9c8-93e07a3bb5f2 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-ac297292-1471-44c5-bf7c-c81e43322bc0 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-3ca573e4-d41c-43bd-ae46-8141cbdc7d7b {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-0d20bb46-c3a5-4bcd-9024-21e1ad71727a {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-b1c2f443-2bba-4e55-9a05-b8145921f581 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-61c5c5ff-ee32-4b02-9fcf-70d86a6c43a0 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-43bc4798-8c37-46e6-8ef2-555ed4242db8 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-de656c08-adf6-43ef-90b5-c60c1fada67a {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-b38c33e2-cf74-485e-9107-4152f772f0ed {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-6028f106-38f3-4914-84f8-043f38f65603 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-8a319abc-a39c-4ec4-b05c-ad3bbe0eeca2 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-dce71f49-3b9f-4712-b2bf-6e9d8de4850e {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-54609f94-1aa5-40d3-b0b1-743327520e4b {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-a4f30ca1-66d4-4bd7-b402-d6fec0fabc6a {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-a1847844-841f-41b4-b89b-f8ad51acd310 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-3875ff5b-f00f-4e2d-9172-28151152a4be {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-8cd3b6f9-bca1-492c-a6ab-3b7b49edda8d {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-bf38896f-06a7-4009-8d94-47fa50b3b6a0 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-9508dd6b-5780-40dd-8c22-f54c739b2b47 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-c8f3d082-3feb-4c15-bd39-6d7cdf763155 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-607f8dfd-6fc8-4157-bcab-be820ed51954 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-8c89ad53-3f36-4030-812b-f73daac2e2c2 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-text-blocks-b9c6d819-4094-4609-ab6f-65ff0eff6666 {

 *{
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
      z-index:1;
 }

section{
  max-width: 1400px;
  margin: 0 auto;

}


h2 {
    font-family: 'Schwabacher', serif;
    font-size: 4em;
    text-transform: lowercase;
    text-align: center; 
  color: #525252;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 3em;
    transition: all 0.3s ease;
}
}
}
#fw-section-image-with-text-e8ee0c04-c95c-4b90-9d43-4fe688d001b3 {


div {
  max-width: 1200px;
  width:100%;
  margin: 0 auto;
  margin-top: 0.3em;
  margin-bottom: 0.7em;
}

p {
  line-break: normal;
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  min-width: 320px;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.7em;
  columns: 2;
  column-gap: 1.5em;
  
}

  h2 {
    font-family: 'Schwabacher', serif;
    font-size: 1.4em ;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    margin-top: 0.7em;
        margin-bottom: -0.3em;
    transition: all 0.3s ease;
}


img {
  min-width: 200px;
  width: 100%;
  max-width: 300px;
  padding: 0px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
  margin-bottom: auto;
  transition: all 0.3s ease;
}
/*
img:hover {
  scale: 1.02;
  transition: all 0.3s ease;
  
}
*/

@media only screen and (max-width: 1000px){
img {
  min-width: 200px;
  width: 60%;
  max-width: 300px;
  margin-top: 0;
  margin-bottom: 0.7em;
}
} 

}
#fw-section-image-with-text-ead6b239-4861-4a63-83eb-ae668d15bc2c {


div {
  max-width: 1200px;
  width:100%;
  margin: 0 auto;
  margin-top: 0.3em;
  margin-bottom: 0.7em;
}

p {
  line-break: normal;
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  min-width: 320px;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.7em;
  columns: 2;
  column-gap: 1.5em;
  
}

  h2 {
    font-family: 'Schwabacher', serif;
    font-size: 1.4em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    margin-top: 0.7em;
        margin-bottom: -0.3em;
    transition: all 0.3s ease;
}



img {
  min-width: 200px;
  width: 100%;
  max-width: 400px;
  padding: 1em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: -1em;
  margin-bottom: 0.3em;
  padding-bottom: 0;
  pointer-events: none;
  -webkit-touch-callout: none;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
  img{
max-width: 230px;
  margin-left: auto;
  margin-right: auto;
  
}

}
}
#fw-section-image-with-text-8594eca3-ba53-46c0-841c-a890cf0e6699 {


div {
  max-width: 1200px;
  width:100%;
  margin: 0 auto;
  margin-top: 0.3em;
  margin-bottom: 0.7em;
}

p {
  line-break: normal;
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  min-width: 320px;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.7em;
  columns: 2;
  column-gap: 1.5em;
  
}

  h2 {
    font-family: 'Schwabacher', serif;
    font-size: 1.4em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    margin-top: 0.7em;
        margin-bottom: -0.3em;
    transition: all 0.3s ease;
}

img {
  min-width: 200px;
  width: 100%;
  max-width: 600px;
  padding: 1em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: -1em;
  margin-bottom: -1.7em;
  padding-bottom: 0;
  pointer-events: none;
  -webkit-touch-callout: none;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
  img{
max-width: 230px;
  margin-left: auto;
  margin-right: auto;
  
}
  p{
      columns: 2;
  }

}

}
#fw-section-custom-html-5fbf692d-5d8d-4e0a-b45c-2dae9135d386 {

div{
  padding: 0;
}

.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section{
  border: solid transparent 1px;
    margin: 0; 
  padding: 0 !important;
  padding-bottom: 0.25em !important;
 overflow: visible;
}

*{
  line-height: 0.99 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 
background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);

text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */



  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}

section{
  padding-bottom: 0em !important;
margin-right: 0.1em;
margin-left: 0.1em;
margin-top: 0;
padding-top: 0 !important;
}

}
@media only screen and (max-width: 648px){
}

}
#fw-section-rich-text-320ad57e-c1a4-4c95-973e-b825c6d02f02 {


div {
  max-width: 1200px;
  width:100%;
  margin: 0 auto;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}

p {
  line-break: normal;
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  min-width: 320px;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;

  columns: 3;
  column-gap: 1.5em;
  
}

  h2 {
    font-family: 'Schwabacher', serif;
    font-size: 1.4em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    margin-top: 0.7em;
        margin-bottom: 1em;
    transition: all 0.3s ease;
}

img {
  min-width: 200px;
  width: 100%;
  max-width: 600px;
  padding: 1em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: -1em;
  margin-bottom: -1.7em;
  padding-bottom: 0;
  pointer-events: none;
  -webkit-touch-callout: none;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
  img{
max-width: 230px;
  margin-left: auto;
  margin-right: auto;
  
}
  p{
      columns: 2;
  }

}
}
#fw-section-rich-text-691a4ff6-6020-4cb6-a13e-7290f290b1a8 {

* {
  padding: 0.15em;
  padding-bottom: 0.17em;

   text-decoration: none !important;
}
p {
    font-family: 'Schwabacher', serif;
    font-size: 1.2em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    transition: all ease 0.2s;
}
/*
p:hover {
   transform: scale(1.05);
  transition: all ease 0.5s;
}
*/
}
#fw-section-custom-html-029d94db-6638-4042-97e5-63bbcaa9cecb {

div{
  padding: 0;
}

.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section{
  border: solid transparent 1px;
    margin: 0; 
  padding: 0 !important;
  padding-bottom: 0.25em !important;
 overflow: visible;
}

*{
  line-height: 0.99 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 
background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);

text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */



  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}

section{
  padding-bottom: 0em !important;
margin-right: 0.1em;
margin-left: 0.1em;
margin-top: 0;
padding-top: 0 !important;
}

}
@media only screen and (max-width: 648px){
}

}
#fw-section-custom-html-8cad5417-dee9-449b-a12d-6c3e098c31d3 {

div{
  padding: 0;
}

.zoom {
  min-height: 200px;
  max-width: 90%;
  max-height: 90%;
  bottom: 6em;
  top: 2em;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section{
  border: solid transparent 1px;
    margin: 0; 
  padding: 0 !important;
  padding-bottom: 0.25em !important;
 overflow: visible;
}

*{
  line-height: 0.99 !important;
}

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;

}

   /** GALLERY MARKUP **/

.gallery {
  align-items: center;
  justify-content: center;

  flex: 1;
  display: grid;
  column-gap: 0.51rem;
margin-inline: auto;
    margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding: 0;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border: 1px transparent;
  border-radius: 3px;
  width: 100%;
  place-items: center;
     transition: ease-out 0.2s;

}
.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {

  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
   cursor: zoom-in;
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text { 
background: transparent;
   mask: linear-gradient(to bottom, transparent, black 2em);

text-shadow: -1px 0 black,
  0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black ;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-top: 2.3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */



  /* Translucent background */
  
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){

/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}

.gallery {
  margin-top:0;
  padding-top:0;
  width: 100%;
  max-width:1140px;
padding: 0;
   row-gap: 0.23rem;
  column-gap: 0.23rem;
  }

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}

section{
  padding-bottom: 0em !important;
margin-right: 0.1em;
margin-left: 0.1em;
margin-top: 0;
padding-top: 0 !important;
}

}
@media only screen and (max-width: 648px){
}

}
#fw-section-text-blocks-598b9785-fa5b-4f91-aeb7-b2f4cea8f17c {

 *{
   padding: 0;
   margin-top: 0.3em;
   margin-bottom: 1em;
   border-right: transparent;
   border-left: transparent;
   border-bottom: transparent;
   border-radius: 0;
 }
div{
    border-top: transparent;
}

.button:hover{
transform: translate(0, 5px);
  transition: ease 0.3s;
}

.button{
  border-top: solid;
  margin-top: -2em;
  z-index: 2;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
transition: ease 0.2s;
}


section{

    max-width: 1200px;
  margin: 0 auto;

}

h2 {
    font-family: 'Schwabacher', serif;
    font-size: 6em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 2em;
    transition: all 0.3s ease;
}
}
}
#fw-section-links-list-7bf72f5f-74cb-4d0e-a0a1-9b3f81f68abc {

 *{
   max-width: 1200px;
   width: 100%;
   border-top:transparent;
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
   text-align: center !important;
  text-justify: inter-word;
 line-break: normal;
   margin-top:0px !important;
 
 }

.text-blocks{
 padding-top: 0;
  margin-top: 0px;
}

.wrapper{
  padding-top: 32px;

}


.text-blocks{
max-width: 624px;
}
a{
  color: #525252;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
}



.button{
  display:flex;
   justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 3.2em;
  background: #191919;
  border-radius: 0.7em;
  border-top: solid;
  margin-top: -2em;
  z-index: 2;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
transition: ease 0.2s;
  max-width: 1140px;
  width:100%;
  background-color: solid #191919;
   border-top: solid 1px #525252;
  outline: 1px solid black;
  box-shadow: inset 0 -15em 10em rgba(0, 0, 0, 0.3);
  transition: ease-out 0.1s;
 filter: drop-shadow(0px 1px 0px #4d4d4d);

}



h4{
padding: 0 !important;
opacity: 50%;
  letter-spacing: 1px;
}
/*
a:focus{
    color: white !important;
}
*/

p, h4  {

padding: 0 !important;
  text-transform: none;
  max-width: 624px;
  text-align: justify !important;
  line-break: normal;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  columns: 1;
  column-gap: 1.5em;
  
}
section{
    padding-top: 32px;
  padding-bottom: 32px;
  margin-bottom: 0;
  padding-top: 0;
  text-align: center !important;
  margin: 0 auto;
  margin-left: auto;
  width: 100%;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
}
 
h2 {
    font-family: 'Schwabacher', serif;
    font-size: 6em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 2em;
    transition: all 0.3s ease;
}
}
}
#fw-section-image-34f94a50-c8fe-4132-83d0-86fbcfaf3d30 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-197879fb-8884-4188-92ab-a20f4986e761 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-68c40e46-56b4-4d31-8d27-8182b34400b2 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-16a6f43d-2487-448d-b069-ad78f324cc87 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-98bd0bf8-d5ad-4894-a8fe-c6d8459ab10f {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-c3ad867b-db71-4c65-bc56-3b176d54c57c {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-cee0795b-6641-4adb-aba4-6f1f0fa1a774 {

*{
  padding: 0 !important;
}

img {
  max-height: 300px;
}
}
#fw-section-image-ed5efb65-95ee-443b-861f-e57a7fa0913c {

img {
  max-height: 300px;
}
}
#fw-section-image-c927c59c-b5ad-42ce-b366-d7692b20dea7 {

img {
  max-height: 300px;
}
}
#fw-section-image-1de49eee-7944-4fad-8041-034628ebfaf3 {

img {
  max-height: 300px;
}
}
#fw-section-image-d295f7ac-a838-4521-97c0-c0ae9da71111 {

img {
  max-height: 300px;
}
}
#fw-section-image-95b241a5-2e2b-463f-b2f1-726e8ab088f9 {

img {
  max-height: 300px;
}
}
#fw-section-image-cea9dce8-c2b0-4f28-b9cf-3ed889e2f05e {

img {
  max-height: 300px;
}
}
#fw-section-image-172272eb-efc3-4bec-94c5-64dff0989246 {

img {
  max-height: 300px;
}
}
#fw-section-image-3cc02899-e3b1-49aa-b1bc-4a26bbf993a9 {

img {
  max-height: 300px;
}
}
#fw-section-image-b57ac114-ac98-4ada-aa92-4e1cd0d8762e {

img {
  max-height: 300px;
}
}
#fw-section-image-4470e1ef-086b-4721-82c6-5d03f793c0cf {

img {
  max-height: 300px;
}
}
#fw-section-image-5ddba478-d1c2-43be-8670-5fbd8a44c7a1 {

img {
  max-height: 300px;
}
}
#fw-section-image-b70c5f78-ab70-431f-b7ff-f59aa2609e65 {

img {
  max-height: 300px;
}
}
#fw-section-image-60f60a07-06c7-42af-8756-c81d2bb7451b {

img {
  max-height: 300px;
}
}
#fw-section-image-22eebeaa-6cd5-4a47-9aa4-5f82e8d15372 {

img {
  max-height: 300px;
}
}
#fw-section-image-5d2d3b30-caa8-4bbe-9774-09f92e519567 {

img {
  max-height: 300px;
}
}
#fw-section-image-45d8f3d7-07a7-4241-8069-1a7ee40aadbf {

img {
  max-height: 300px;
}
}
#fw-section-image-9f964152-ff0a-40c9-a897-d0cabc7102e8 {

img {
  max-height: 300px;
}
}
#fw-section-image-ce47e717-aa65-410a-a864-5b3f18ca4e35 {

img {
  max-height: 300px;
}
}
#fw-section-image-c451dfae-570b-4699-918f-f507c57c58c7 {

img {
  max-height: 300px;
}
}
#fw-section-image-908fdcf0-dafc-40f0-a6bc-ce6799d1112e {

img {
  max-height: 300px;
}
}
#fw-section-image-765ba056-ee89-418f-bb3f-8eb847a95374 {

img {
  max-height: 300px;
}
}
#fw-section-image-03de101b-0753-4194-a2fd-1b2147c63751 {

img {
  max-height: 300px;
}
}
#fw-section-image-e217b0db-4810-47e7-9b79-922c42e83965 {

img {
  max-height: 300px;
}
}
#fw-section-image-33d05a1f-85f8-49a7-aac4-97c4bcdacf94 {

img {
  max-height: 300px;
}
}
#fw-section-image-0e0a9451-ed67-4410-91b2-fc56d969767d {

img {
  max-height: 300px;
}
}
#fw-section-image-05206293-5cde-4502-9367-64c2e4fc737b {

img {
  max-height: 300px;
}
}
#fw-section-image-2920263b-0d84-46ce-9ed5-c16dcba6a7e7 {

img {
  max-height: 300px;
}
}
#fw-section-image-931328cf-3a54-48f8-b263-9bfb5ce2098e {

img {
  max-height: 300px;
}
}
#fw-section-image-13425dc1-82f8-4167-8ebf-79ccc4f6d0e9 {

img {
  max-height: 300px;
}
}
#fw-section-image-6b0208e4-a08b-4dd6-99b7-56799da05c47 {

img {
  max-height: 300px;
}
}
#fw-section-image-c4cf0fea-8279-46c3-8efd-2598d6af2dbd {

img {
  max-height: 300px;
}
}
#fw-section-image-9c668ae9-cae9-4474-89b9-d5227b49179d {

img {
  max-height: 300px;
}
}
#fw-section-image-48744eba-2763-42b8-ac6b-2ebf83426b7e {

img {
  max-height: 300px;
}
}
#fw-section-image-fdd2b0d9-a344-4433-ad9e-ce2bbd8aca46 {

img {
  max-height: 300px;
}
}
#fw-section-image-c3673f70-2bd7-483f-9634-49d626f4c4a3 {

img {
  max-height: 300px;
}
}
#fw-section-image-673908bf-afa3-4234-aaba-b5641529f786 {

img {
  max-height: 300px;
}
}
#fw-section-image-a46626ae-05bf-41c9-8367-b62e30853da4 {

img {
  max-height: 300px;
}
}
#fw-section-image-9360009f-6a98-439a-aa28-e33fce003abe {

img {
  max-height: 300px;
}
}
#fw-section-image-521cec8a-2ee0-4cac-bba9-e40aa84455a3 {

img {
  max-height: 300px;
}
}
#fw-section-image-d5361a59-e7f8-4840-812e-4ae10cd51aa9 {

img {
  max-height: 300px;
}
}
#fw-section-image-401c1078-2788-4d7d-9d45-1af44c6073d4 {

img {
  max-height: 300px;
}
}
#fw-section-image-75e5b947-158a-4aa0-a596-7a84f4b1f2ab {

img {
  max-height: 300px;
}
}
#fw-section-image-07a96827-1cd4-4f7a-8303-7a6e1eb7a4be {

img {
  max-height: 300px;
}
}
#fw-section-image-acf0caf1-ba60-4d91-8f3e-a02e527ec43c {

img {
  max-height: 300px;
}
}
#fw-section-image-b549668a-ba8f-401d-9045-9b91e96c664b {

img {
  max-height: 300px;
}
}
#fw-section-image-5093e8c3-d662-4519-a2cd-982a77e8301c {

img {
  max-height: 300px;
}
}
#fw-section-image-7a2f87df-1be8-46bb-ab0a-1cae2c184719 {

img {
  max-height: 300px;
}
}
#fw-section-image-60655673-e8fd-4e19-be39-29f210a8271b {

img {
  max-height: 300px;
}
}
#fw-section-custom-html-098b70a3-00e1-446c-905e-64a1495ef5ed {

*{

  margin: 0;
   font-family: eb garamond, serif; text-align: left;
  font-size: 2em;
  display: block;
outline: transparent;
  border: transparent;
  border-top: 5px solid #191919;
  background-color: #191919;
}





div{

  padding: 0;
width: 100%;
    zoom: 1.1;
    margin-left:-10%;
  filter:brightness(0.8);
  mix-blend-mode:lighten;
   }




@media only screen and (max-width: 1024px){
div{
  margin-top:-1em;
   zoom:1;
   margin-left: 0;
    transition: all 0.3s ease;
}
}


}
#fw-section-custom-html-98badf85-6522-410c-b7a4-8d7d1ea8bdb4 {

.box{
  width:300%;
  height:3em;


}

section{
  padding:0!important;
  z-index: 2;
  position:relative;
    margin-top:-2.3em;

  left:-33%;
}
}
#fw-section-custom-html-55f52438-0f17-4ec6-95e5-8fb3144f615a {

section{
  padding: 0;
  position: absolute;
  z-index: 1;
}

.correction{

  height:3em;
  margin-top:-1em;
  margin-left:-25vw;
  width:150vw;
  background-color: #191919;
  
}
}
#fw-section-hmac-a3e2887d-183d-48ac-9698-d4647c08aa41 {



.container{
flex:1;
display: flex;
align-items:center;
flex-direction: column;
  width: 100%;
  height: 100%;
  zoom: 1.2;
  opacity: 0.9;
  position: static;
  display: contain;
 margin-top:-1em;

  

}

*{
border: 1px transparent;
height: 80vh;
  width: 100vw;
mix-blend-mode: lighten;

z-index:1!important;

 
}
section{
 filter: contrast(300%) brightness(90%) invert(1) saturate(0);



  width: 100%;
    height: 100%;

 
}

@media only screen and (max-width: 1080px){
.container{
    zoom: 1!important;
  padding-left: 0.7em;
  padding-right: 0.7em;
  
}
  *{
    height: 100vh;
  }

}

}
#fw-section-custom-html-ed0e6461-d1fb-4ed2-a028-27b7964dcedc {

*{
  height: 100%;
outline: transparent;
    border: 1px solid red;
  background-color: #191919;
}




div{


width: 100%;

  filter:brightness(0.8);
  mix-blend-mode:lighten;
   }




@media only screen and (max-width: 1024px){
div{
  margin-top:-1em;
   zoom:1;
   margin-left: 0;
    transition: all 0.3s ease;
}
}


}
#fw-section-custom-html-1317d64a-0c86-41a5-8807-4ee90c8204e3 {



.container{

display: flex;
align-items:center;
flex-direction: column;
  width: 100%;
  height: 100%;
  zoom: 1.2;

  position: static;
  display: contain;


  

}

*{
border: 1px transparent;
height: 80vh;
  width: 100vw;
  z-index: -1!important;


}
section{
 filter: contrast(300%) brightness(90%) invert(1) saturate(0);
opacity: 0.8;
  width: 100%;
    height: 100%;




 
}

@media only screen and (max-width: 1080px){
.container{
    zoom: 1!important;
  padding-left: 0.7em;
  padding-right: 0.7em;
  
}
  *{
    height: 100vh;
  }

}



}
#fw-section-text-blocks-05fc6940-2d78-486e-8de4-6ff719195976 {

 *{
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
   padding-bottom: 0!important;
 }

section{
  max-width: 1400px;
  margin: 0 auto;

}


h2 {
    font-family: 'Schwabacher', serif;
    font-size: 4em;
    text-transform: lowercase;
    text-align: center; 
  color: #525252;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 2em;
    transition: all 0.3s ease;
}
}
}
#fw-section-custom-html-571bcd63-aa8b-4bce-9c76-d82e6a647ac4 {

input::placeholder, textarea::placeholder {
   color: #525252 !important;
}

input, textarea{
  color: #bfbfbf !important;
   
}

.faq{
  border: 1px solid #525252;
  margin-top:1em;
  margin-bottom: 0.7em;
  border-radius: 0.7em;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.faq-item{
    width: 100%;
    padding: 0;
  padding-bottom:1em;
   padding-top:1em;
    background: #191919;
    border-bottom: 1px solid #525252;
    font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem)!important;
}

.faq-title{
    display: flex;
    cursor: pointer;
    color: #6e6e6e;
  

    .material-icons{
        margin-left: auto;
        margin-right: 0.7em;
        &:before{
            content: "+";
        }
    }
}

.faq-text {
      font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem)!important;
    color: #bfbfbf;
    display: grid;
    grid-template-rows: 0fr;
    transition: .2s ease-in-out;
    > * {
        overflow: hidden;
    }
}

/* radio or checkbox */
.faq-toggle {
 
    display: none;
    &:checked{
        ~ .faq-title{
            padding-bottom: .5rem;
        }
        ~ .faq-title .material-icons:before{
            content: "·";
        }
        ~ .faq-text{
            grid-template-rows: 1fr;
        }
    }
}


/* reset */

html, body {
    height: 100%;
}

body {
    display: flex;
    gap: 3rem;
    align-items: center;
    justify-content: center;

}

h4{
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem)!important;
  color: #525252;
    font-weight:bold;

}
.answer{
  line-break: normal;
   text-align: justify;
  text-justify: inter-word;
  padding-left: 0.7em;
  padding-right: 0.7em;
}

.note-text{
    padding: 0.5rem;
}

h3{
 font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem)!important;
  color: #bfbfbf;
    font-weight:bold;
      text-align: center;
}









input[type="checkbox"]{
  vertical-align: middle;
  position:relative;
  margin: 0;
  width: 0.8em;
  height: 0.8em;
  border-radius:1em;
  border: 0.15em solid #bfbfbf;
  -webkit-appearance: none;
  -moz-appearance: none;
   transition: ease 0.3s;
}

   input[type="checkbox"]:checked {
  background: #bfbfbf;
      transition: ease 0.3s;
   }

input[type="checkbox"]:hover{
  border: 0.25em solid white !important;
 transition: ease-out 0.2s;
}



  

input {
    vertical-align: middle;
  width: 0.8em;
  height: 0.8em;
 transition: ease 0.3s;
}

.form-control{
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: grid;
  grid-template: 1em auto;
  gap: 0.5em;
   place-content: center;
  line-height: 1.1;
}

form{


}


legend {
  pointer-events: none;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  font-weight: bold;
 color: #525252;
  padding-bottom: 0.7em;
}


label{
  position: relative;
     vertical-align: middle;
    cursor: pointer;
  padding-left:0.7em;
font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
color: #bfbfbf;
}








section{
height: auto;
  width: auto;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

textarea {
  resize: none;
}

.form-input,.form-textarea{
  border: solid 1px #525252 !important; 

}

.form-input{
  border-bottom: transparent !important;
 border-left: transparent !important;
 border-right: transparent !important;
 border-radius: 0px !important;
}


.form-textarea
{
 border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

  input:required:invalid{
    transition: 0.1s;
    color: #bfbfbf;
  }

  input:required:valid{
color: #bfbfbf;
    transition: 0.1s;
  }

.ordersupport{
  color: white;
}

.ordersupport:hover{
  color: #bfbfbf;
}

button{
  color: #525252 !important;
text-decoration: none;
 text-decoration-color: #141414;
}

a{
  text-decoration: none !important;
}


.contact-section {
  width: 100%;
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0rem 1rem;
}

.contact-intro > * + * {
  margin-top: 0rem;
}

.contact-title {
    font-family: 'Schwabacher', serif;
    font-size: 4em;
    text-transform: lowercase;
    text-align: center; 
  color: #525252;
    word-spacing: -0.2em;
    transition: all 0.1s ease;

}


.form-group-container {
  display: grid;
  gap: 1rem;
  margin-top: 2rem;
}

.form-group {
  display: flex;
  flex-direction: column;
}

.form-label {
  margin-bottom: 0.5rem;
}

.form-input,
.form-textarea {
  background-color: #191919;
  padding: 0.5rem;
  border: 1px solid #bfbfbf;
  display: flex;
  height: 2.5rem;
  width: 100%;
 border-radius: 0.7em;
  font-size: 0.875rem;
  line-height: 1.25rem;
    line-break: normal;
  font-family: eb garamond, serif;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  margin-left: auto;
  margin-right: auto;
  transition: all 0.1s ease;
}

.form-input::placeholder,
.form-textarea:focus-visible {
  color: #bfbfbf;
    line-break: normal;
  font-family: eb garamond, serif;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  margin-left: auto;
  margin-right: auto;
}

.form-input:focus-visible,
.form-textarea:focus-visible {
  outline: 2px solid #bfbfbf;
  outline-offset: 2px;

}

.form-textarea {
  min-height: 120px;
}

/*



.form-submit {
  width: 100%;
  margin-top: 1.2rem;
  background-color: #3124ca;
  color: #fff;
  padding: 13px 5px;
  border-radius: 0.375rem;
}
*/

.contact-description {
color: #bfbfbf;
text-align: center;
   line-break: normal;
  font-family: eb garamond, serif;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  margin-left: auto;
  margin-right: auto;
}

.form-submit:hover{
   box-shadow: inset 0 -15em 10em rgba(0, 0, 0, 0.4);
  filter: drop-shadow(0px 1px 0px #4d4d4d);
 transition: 0.1s ease-in !important;
}

.form-submit:not(:hover){
filter: drop-shadow(0px 2px 4px black) brightness(110%);
transition: all ease 0.2s !important;
}


.form-submit:hover{
transform: translate(0, 3px);
  transition: all ease 0.1s !important;
}

.form-submit{
  display:flex;
    margin-top: 1.5em;
min-height: 3em;
   justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 100% !important;
  background: #191919;
  border-radius: 0.7em;
  border-top: solid;
  z-index: 2;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
transition: ease 0.2s;
  width:100%;
  background-color: solid #191919;
   border-top: solid 1px #525252;
  outline: 1px solid black;
  box-shadow: inset 0 -15em 10em rgba(0, 0, 0, 0.3);
  transition: ease-out 0.1s;
 filter: drop-shadow(0px 1px 0px #4d4d4d);
}


.form-submit:focus{
  border-radius: 0.7em !important;
transform: translate(0, -2px) !important;
   box-shadow: inset 0 0.7em 3em rgba(0, 0, 0, 0.8) !important;
  filter:  contrast(103%) drop-shadow(0px 2px 0px #4d4d4d) !important;
 transition: 0.2s ease-out !important;

}


.form-submit:not(:focus){
filter: drop-shadow(0px 2px 4px black) brightness(110%) !important;
 transition: 0.2s ease-out !important;
}


p {
  line-break: normal;
  font-family: eb garamond, serif;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  margin-left: auto;
  margin-right: auto;
}

  h2 {
    font-family: 'Schwabacher', serif;
    font-size: 1.4em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
}



/** LIGHTBOX MARKUP **/

.lightbox {
  display:inline-block;
z-index: 999;
  height: 100%;
 width: 100%;
 transition: height cubic-bezier(0.6, -0.28, 0.735, 0.045) .3s .6s;
  }

#thankyou:focus {
transition: all ease 0.2s !important;
}


.under-text { 
background: transparent;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 50%;
  z-index: 9999;
  flex: 1;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

transition: all 0.2 ease;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */
  padding: 0;
  padding-bottom: 0;


  /* Translucent background */
  
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
transition: all ease 0.2s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}



/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){



.lightboxCont {
  margin-top: -4rem;
   padding: 2.3rem;

}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}
}

@media only screen and (max-width: 1024px){
.contact.title, h2, h1{
   font-size: 3em;
    transition: all 0.1s ease;
}
}
}
#fw-section-text-blocks-caa943d3-4653-49d8-a5aa-01caeb72f46e {

 *{
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
   padding-bottom: 0!important;
 }

section{
  max-width: 1400px;
  margin: 0 auto;

}


h2 {
    font-family: 'Schwabacher', serif;
    font-size: 4em;
    text-transform: lowercase;
    text-align: center; 
  color: #525252;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 2em;
    transition: all 0.3s ease;
}
}
}
#fw-section-custom-html-61f464d4-91dd-496c-baa4-5964fc07151a {

input::placeholder, textarea::placeholder {
   color: #525252 !important;
}

input, textarea{
  color: #bfbfbf !important;
   
}


section{
height: auto;
  width: auto;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

textarea {
  resize: none;
}

.form-input,.form-textarea{
  border: solid 1px #525252 !important; 
}
.form-input{
  border-bottom: transparent !important;
 border-left: transparent !important;
 border-right: transparent !important;
 border-radius: 0px !important;
}

.form-textarea
{
 border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

  input:required:invalid{
    transition: 0.1s;
    color: #bfbfbf;
  }

  input:required:valid{
color: #bfbfbf;
    transition: 0.1s;
  }

.ordersupport{
  color: white;
}

.ordersupport:hover{
  color: #bfbfbf;
}

button{
  color: #525252 !important;
text-decoration: none;
 text-decoration-color: #141414;
}

a{
  text-decoration: none !important;
}


.contact-section {
  width: 100%;
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0rem 1rem;
}

.contact-intro > * + * {
  margin-top: 0rem;
}

.contact-title {
    font-family: 'Schwabacher', serif;
    font-size: 4em;
    text-transform: lowercase;
    text-align: center; 
  color: #525252;
    word-spacing: -0.2em;
    transition: all 0.1s ease;

}


.form-group-container {
  display: grid;
  gap: 1rem;
  margin-top: 2rem;
}

.form-group {
  display: flex;
  flex-direction: column;
}

.form-label {
  margin-bottom: 0.5rem;
}

.form-input,
.form-textarea {
  background-color: #191919;
  padding: 0.5rem;
  border: 1px solid #bfbfbf;
  display: flex;
  height: 2.5rem;
  width: 100%;
 border-radius: 0.7em;
  font-size: 0.875rem;
  line-height: 1.25rem;
    line-break: normal;
  font-family: eb garamond, serif;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  margin-left: auto;
  margin-right: auto;
  transition: all 0.1s ease;
}

.form-input::placeholder,
.form-textarea:focus-visible {
  color: #bfbfbf;
    line-break: normal;
  font-family: eb garamond, serif;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  margin-left: auto;
  margin-right: auto;
}

.form-input:focus-visible,
.form-textarea:focus-visible {
  outline: 2px solid #bfbfbf;
  outline-offset: 2px;

}

.form-textarea {
  min-height: 120px;
}

/*



.form-submit {
  width: 100%;
  margin-top: 1.2rem;
  background-color: #3124ca;
  color: #fff;
  padding: 13px 5px;
  border-radius: 0.375rem;
}
*/

.contact-description {
color: #bfbfbf;
text-align: center;
   line-break: normal;
  font-family: eb garamond, serif;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  margin-left: auto;
  margin-right: auto;
}

.form-submit:hover{
   box-shadow: inset 0 -15em 10em rgba(0, 0, 0, 0.4);
  filter: drop-shadow(0px 1px 0px #4d4d4d);
 transition: 0.1s ease-in !important;
}

.form-submit:not(:hover){
filter: drop-shadow(0px 2px 4px black) brightness(110%);
transition: all ease 0.2s !important;
}


.form-submit:hover{
transform: translate(0, 3px);
  transition: all ease 0.1s !important;
}

.form-submit{
  display:flex;
    margin-top: 1.5em;
min-height: 3em;
   justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 100% !important;
  background: #191919;
  border-radius: 0.7em;
  border-top: solid;
  z-index: 2;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
transition: ease 0.2s;
  width:100%;
  background-color: solid #191919;
   border-top: solid 1px #525252;
  outline: 1px solid black;
  box-shadow: inset 0 -15em 10em rgba(0, 0, 0, 0.3);
  transition: ease-out 0.1s;
 filter: drop-shadow(0px 1px 0px #4d4d4d);
}


.form-submit:focus{
  border-radius: 0.7em !important;
transform: translate(0, -2px) !important;
   box-shadow: inset 0 0.7em 3em rgba(0, 0, 0, 0.8) !important;
  filter:  contrast(103%) drop-shadow(0px 2px 0px #4d4d4d) !important;
 transition: 0.2s ease-out !important;

}


.form-submit:not(:focus){
filter: drop-shadow(0px 2px 4px black) brightness(110%) !important;
 transition: 0.2s ease-out !important;
}


p {
  line-break: normal;
  font-family: eb garamond, serif;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  margin-left: auto;
  margin-right: auto;
}

  h2 {
    font-family: 'Schwabacher', serif;
    font-size: 1.4em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
}



/** LIGHTBOX MARKUP **/

.lightbox {
  display:inline-block;
z-index: 999;
  height: 100%;
 width: 100%;
 transition: height cubic-bezier(0.6, -0.28, 0.735, 0.045) .3s .6s;
  }

#thankyou:focus {
transition: all ease 0.2s !important;
}


.under-text { 
background: transparent;
  text-stroke: 5px black;
  text-align: center !important;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  text-color: solid white;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 50%;
  z-index: 9999;
  flex: 1;
  width: 100%;
text-decoration: none;
   pointer-events: none;
  -webkit-touch-callout: none;

transition: all 0.2 ease;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;

  
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */
  padding: 0;
  padding-bottom: 0;


  /* Translucent background */
  
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));
  background-size: auto;
  background-attachment: scroll !important;
margin-bottom: -4em;
transition: all ease 0.2s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  top: 2rem;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  padding-top: calc(0vh - 4rem) !important;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}



/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  
    background-size: clamp(300px, 80%, 1080px);
}

@media only screen and (max-width: 1024px){



.lightboxCont {
  margin-top: -4rem;
   padding: 2.3rem;

}
  
.close{
    margin-top: 2rem;
   right: -1.5rem;
   padding-top: calc(0vh - 1.5rem);

}
}

@media only screen and (max-width: 1024px){
.contact.title, h2, h1{
   font-size: 3em;
    transition: all 0.1s ease;
}
}
}
#fw-section-rich-text-41854482-1627-46e7-a273-e542b4b28520 {

section{
  max-width: 1140px;
  width: 100%;
    text-align:center;
  margin:0 auto;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

p{
  padding-left: 0;
  text-justify: inter-word;
 font-family: 'EB Garamond', serif;
 font-size: clamp(0.75rem, calc(0.682rem + 0.341vw), 0.94rem);
    color: #bfbfbf;
}


h2{
  padding-top: 0;
margin-top: 0;
  padding: 0;
  font-family: 'Schwabacher', serif;
 font-size: clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem);
    text-transform: lowercase;
    color: #bfbfbf;
}
}
#fw-section-custom-html-fd56654b-d742-42d1-8b57-8d57aa1b4099 {

* {
  top:0;
  padding: 0;
  margin-top: -2em;
  transition: all 0.3s;
width: 100%;
  
}

.scrollback{
    transition: all 0.05s;
	position:fixed;
  z-index: 999;
	width:1.5em;
left: 94vw;
	height:1.5em;
  top:95vh;
	bottom:4em;
	right:4em;
	background-color:#bfbfbf;
	color:#191919;
	border-radius:50px;
	text-align:center;
    font-size: 1em;
    text-decoration: none;
	box-shadow: 2px 2px 3px #999;
}

@media only screen and (max-width: 1200px){
*{
    margin: -1.5em;
}

}
}
#fw-section-custom-html-fce29219-e32f-4eca-8c50-0fe05ac4143f {

*{
left:13,5%;
  webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}

.container {
    display: flex;
  align-items: center;
  justify-content: center;
 max-width: 1232px;
  width: 100%;
  left: 50%;
  margin-top: -0.5em;
  margin-bottom: -0.5em;
  
}

/*  Toggle Switch  */
.toggle {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 0em;
  padding-top: 0em;
  margin-bottom: -2.9em;
  
}


.toggleSwitch span span {
	display: none;
}  
  
.toggleSwitch {

    flex: 1;
	display: inline-block;
	height: 3rem;
	position: relative;
	overflow: visible;
	cursor: pointer;
	width: 100%;
	background-color: #bfbfbf;
	border: 1px solid #bfbfbf;
	border-radius:2px;
	height:3rem;
}
.toggleSwitch * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.toggleSwitch label,
.toggleSwitch > span {
	height: 4.1em;
}
.toggleSwitch input:focus ~ a,
.toggleSwitch input:focus + label {
	outline: solid 4px #bfbfbf;
  transition: ease-out 0.3s;
}
.toggleSwitch label {
	position: relative;
	z-index: 3;
	display: block;
	width: 100%;

}
.toggleSwitch input {
	position: absolute;
	opacity: 0;
	z-index: 5;

}
.toggleSwitch > span {
	position: absolute;
	left: 0;
	width: calc(100% - 6px);
	margin: 0;
	text-align: left;
	white-space: nowrap;
  margin:0 3px;
  
}
.toggleSwitch > span span {
	position: absolute;

	z-index: 5;
	display: block;
	width: 50%;
	text-align: center;
  	vertical-align: middle;
    font-family: 'Schwabacher', serif;
   font-size: 150%;;
    text-transform: lowercase;
	opacity: 1;
  top: 0.4em;

}
.toggleSwitch a {
  
	position: absolute;
	right: 50%;
	z-index: 3;
	display: block;
	top: 3px;
	bottom: 3px;
	padding: 0;
	left: 3px;
	width: 50%;
  opacity: 50%;
	background-color: #191919;
	border-radius: 0px;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.toggleSwitch > span span:first-of-type {
	color: #bfbfbf;
	opacity: 1;
	left: 0;
	margin: 0;
    width: 50%;
  
}
.toggleSwitch > span span:last-of-type {
	left:auto;
	right:0;
	color: #191919;
	margin: 0;
    width: 50%;
 
}
.toggleSwitch > span:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: -2px;
  
	/* background-color: #bfbfbf;
	border: 1px solid #191919; */
	
  border-radius: 30px;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}
.toggleSwitch input:checked ~ a {
	left: calc(50% - 3px);
}
.toggleSwitch input:checked ~ span:before {
	/* border-color: #191919;
	box-shadow: inset 0 0 0 30px #191919; */
}
.toggleSwitch input:checked ~ span span:first-of-type {
	left:0;
	color:#191919;
}


.toggleSwitch input:checked ~ span span:last-of-type {
	/* opacity: 1;
	color: #bfbfbf;	 */
	color:#bfbfbf;
}

@media only screen and (max-width: 1256px){

  .toggleSwitch {
  width: 100%;
  max-width: 1200px;

  height: 2rem;
  margin-right: 0.7rem;
  margin-left: 0.7rem;
  margin-bottom: 1.1rem;
    -webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}
  
.toggleSwitch label,
.toggleSwitch > span {
  font-size: 80%;
    top: -0.4em;
  
  	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}
  
}


  /*  End Toggle Switch  */
}
#fw-section-custom-html-53eaf58f-49fa-4e2b-97f1-826f8504372b {

html {
	scroll-behavior: smooth;
	container-type: scroll-state;
  container-name: scroller;
}


/** GALLERY MARKUP **/
.gallery {
  align-items: center;
  justify-content: center;
  margin-top: -1em;
  flex: 1;
  display: grid;
  column-gap: 0.51rem;
  row-gap: 0.65rem;
  margin-inline: auto;
  max-width: 1200px;
  padding: 0.7rem;
  padding-top: 0rem;
  padding-bottom:0;
  margin-bottom: -2rem;
  grid-template-columns: repeat(4, 1fr);
  border: 1px solid yellow;
  border-radius: 3px;
  justify-content: center;
  width: 100%;
  place-items: center;

}

.galleryitem {
  padding: auto;
  justify-content: center;
  align-items: center;
    width: 100%;
  
}

.galleryitem img {
  
  width: 100%;
  height: auto;
  aspect-ratio: 1/1.414;
  object-fit: fill;
  max-width: 282px;
  transition: all 0.3s;
    	border: 1px solid #191919;
	border-radius:2px;

}

/*changes what happens when you hover the cursor on the thumbnail*/
.galleryitem img:hover {
  scale: 102%;
  transition: all 0.6s;
}

/** LIGHTBOX MARKUP **/

.under-text {      
   text-shadow: 2px 2px 1px #000000;
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: flex;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 50%;
  bottom: 0;
  z-index: 999;
  flex: 1;
  padding-bottom: 2em;
  padding-left: 3em;
  padding-right: 3em;
  margin-top: 1em;
  width: 100%;
   pointer-events: none;
  -webkit-touch-callout: none;

}


.lightboxCont:target{
   visibility: visible;
    opacity: 1;
  
}


.lightboxCont {
  /* Default to hidden */
    visibility: hidden;
    opacity: 0;
    
  /* Overlay entire screen */
  position: fixed;
  /* make sure the z-index(controls overlapping order) here is less that the .next and .previous */
  z-index: 898;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */
  padding: 3rem;
  padding-bottom: 5rem;

  /* Translucent background */
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.92));

}



/* 'next' button */
.next{
  position: fixed;
  right: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:899;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: right;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
   
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.next:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.next:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* 'previous' button */
.previous{
  position: fixed;
  left: 0;
  width: 6vw;
  height:100%; 
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  text-align: left;
  padding-right: 4em;
  padding-top: calc(50vh - 3rem);
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.1s;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.previous:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.previous:focus{
  background: #191919;
  transition: ease-out 0.5s;
}

/* 'close' button */
.close{
  position: fixed;
  right: 0;
  width: 1.5em;
  height: 4em;
  /* z-index is higher than .lightboxCont */
  z-index:999;
  margin:0;
  color:white;
  text-decoration:none;
  padding-right: 4em;
  margin-top: -1.5em;
  padding-left: 4em;
  background: transparent;
  transition: ease-in 0.7s;
}

.close span {
  display: inline-block;
  vertical-align: middle;
  line-height: 4em;
}

/* highlighting the button on hover to make it more intuitive for mouse users */
.close:hover{
  transition: ease-out 0.5s;
}

/* highlighting the button on focus to make it more intuitive for keyboard users */
.close:focus{
  background: #191919;
  transition: ease-out 0.5s;
}


/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}

/* Unhide the lightbox when it's the target */
.lightboxCont:target {
  display: block;
}


.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;
  
  
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 1024px){


/* these are for hiding the 'next' and 'previous' buttons on mobile devices, since the smaller screen will make them overlap the image */
.previous span{
  display:none;
}

.next span{
  display:none;
}

.previous {
  background: transparent;
  }
  
.next {
  background: transparent;
  }

.previous:hover{
  background-color:transparent;
}

.next:hover{
  background-color:transparent;
}
.gallery {
   row-gap: 0.3rem;
  column-gap: 0.23rem;
}

.lightboxCont {
  margin-top: -5rem;
   padding: 2.3rem;
}
  
.close{
    margin-top: 3.5rem;
   right: -1.5rem;
}


}
}
#fw-section-custom-html-ca8d6174-27a8-42a4-a9ca-7dbaf11803af {

.parent {
  display: flex;
  flex-shrink: 0;
  font-family: eb garamond, serif; text-align: left;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.94rem);
}
  h2 {
    font-family: 'Schwabacher', serif;
    font-size: 2em;
    text-transform: lowercase; text-align: left; 
    color: #bfbfbf;
}

.item {
  width: 50%;
  padding: 2em;
  color: #191919;
  background: #191919;
}

.last {
  color: #bfbfbf;
  background: #191919;
}

@media screen and (max-width: 800px){
  
  .parent {
    flex-direction: column;
    max-height: 270px;
  }
  
  .item {
    width: auto;
    min-height: 140px;
    align-content: center;
  }
  
  .last {
    background: #191919;
    padding: 1em;
    vertical-align: middle;
  }
}
}
#fw-section-image-with-text-aed72788-8bb0-4bda-b720-c6757dc97b0d {

p{
   font-family: eb garamond, serif; text-align: left;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.94rem);
 }

h2 {
    font-family: 'Schwabacher', serif;
    font-size: clamp(1.20rem, calc(0.955rem + 1.227vw), 1.88rem);
    text-transform: lowercase; text-align: left; 
    color: #bfbfbf;
}

img {
    pointer-events: none;
    cursor: default;
}


html {
    scroll-behavior: smooth;
}
}
#fw-section-custom-html-4c056f5c-e0f0-45a5-aec8-94c169a50036 {

 .container {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: #191919;
  height: 22vw;
  width: 90vw;
  max-width: 1200px;
  max-height: 400px;
  text-align: center;
 }

.box {
  flex: 1;
  transition: .5s;
  margin: 0 .2%;
  align-self: center;
}

.box > img {
  width: 100%;
  object-fit: contain; 
  transition: 1s;
}

.box:hover {
  transform: scale(2.2);
  transition-duration: .8s;
  transition-timing-function: ease;
  z-index: 100;
  filter: contrast(200%);
}

img {
    pointer-events: none;
    cursor: default;
}


html {
    scroll-behavior: smooth;
}
}
#fw-section-image-with-text-92e2a1a5-02ee-46be-a5fb-f74526184276 {

p{
   font-family: eb garamond, serif; text-align: left;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.94rem);
 }

h2 {
    font-family: 'Schwabacher', serif;
    font-size: clamp(1.20rem, calc(0.955rem + 1.227vw), 1.88rem);
    text-transform: lowercase; text-align: right; 
    color: #bfbfbf;
}

img {
    pointer-events: none;
    cursor: default;
}


html {
    scroll-behavior: smooth;
}
}
#fw-section-custom-html-36a6e8dd-bc87-436e-871a-5a8debc14106 {

.parent {
  display: flex;
  flex-shrink: 0;
  font-family: eb garamond, serif; text-align: left;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.94rem);
}
  h2 {
    font-family: 'Schwabacher', serif;
    font-size: 2em;
    text-transform: lowercase; text-align: left; 
    color: #bfbfbf;
}

.item {
  width: 50%;
  padding: 2em;
  color: #191919;
  background: #191919;
}

.last {
  color: #bfbfbf;
  background: #191919;
}

@media screen and (max-width: 800px){
  
  .parent {
    flex-direction: column;
    max-height: 270px;
  }
  
  .item {
    width: auto;
    min-height: 140px;
    align-content: center;
  }
  
  .last {
    background: #191919;
    padding: 1em;
    vertical-align: middle;
  }
}
}
#fw-section-custom-html-e71e382e-a7b0-464c-81c6-4a0096045315 {

 .container {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: #191919;
  height: 22vw;
  width: 90vw;
  max-width: 1200px;
  max-height: 400px;
  text-align: center;
 }

.box {
  flex: 1;
  transition: .5s;
  margin: 0 .2%;
  align-self: center;
}

.box > img {
  width: 100%;
  object-fit: contain; 
  transition: 1s;
}

.box:hover {
  transform: scale(2.2);
  transition-duration: .8s;
  transition-timing-function: ease;
  z-index: 100;
  filter: contrast(200%);
}

img {
    pointer-events: none;
    cursor: default;
}


html {
    scroll-behavior: smooth;
}
}

#fw-section-custom-html-8556ceb9-1760-4a6e-9370-c1b0eef341a4 {

.projects{
  
 align-items: center;
  justify-content: center;
  margin-top: -1em;
  flex: 1;
  display: grid;
  column-gap: 0.51rem;
  row-gap: 0.7rem;
  margin-inline: auto;
  max-width: 1140px;
  min-height: 300px;
  padding: 0.7rem;
  padding-top: 0;
  padding-bottom:0;
  margin-bottom: -2rem;
  grid-template-columns: max-content 1fr;
  border: 1px solid yellow;
  border-radius: 3px;
  width: 100%;
  place-items: start;
  transition: ease-out 0.2s;

}

.tile1 {
    background: #2c2d2f linear-gradient(to left, #3B3D3F 50%, #2c2d2f 50%) repeat scroll 0 0 / 200% 100%;
   color: #FFF;
  width: 100%;
  max-width: 1140px;
  text-decoration: none;
    color: #000;
    min-height: 4rem;
    display: flex;
    align-items: center;
    justify-content: left;
    text-align: left !important;
    word-break: break-word;
}
}
#fw-section-custom-html-0cf69ae9-c94b-47cd-9dc7-d2149bf0724c {

.container {
  display: grid; 
  grid-template-columns: 1.2fr 0.9fr; 
  grid-template-rows: 1fr; 
  gap: 0 0px; 
  grid-template-areas: 
    "thumbnail, text"; 
  justify-content: start; 
  align-content: stretch; 
  justify-items: start; 
  align-items: center;
   border: 1px solid yellow;
  border-radius: 3px;
  max-width: 1140px;
  height: auto;
}
.thumbnail { grid-area: thumbnail; }
.text { grid-area: text; }
.project { cursor: pointer; }
}
#fw-section-custom-html-29cb363d-e611-40a3-a4ea-c9260602da87 {

 .container {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: #191919;
  height: 22vw;
  width: 90vw;
  max-width: 1200px;
  max-height: 400px;
  text-align: center;
 }

.box {
  flex: 1;
  transition: .5s;
  margin: 0 .2%;
  align-self: center;
}

.box > img {
  width: 100%;
  object-fit: contain; 
  transition: 1s;
}

.box:hover {
  transform: scale(2.2);
  transition-duration: .8s;
  transition-timing-function: ease;
  z-index: 100;
  filter: contrast(200%);
}

img {
    pointer-events: none;
    cursor: default;
}


html {
    scroll-behavior: smooth;
}
}
#fw-section-image-with-text-a0207b73-4aab-480a-9cef-6a5c4c86eac9 {

p{
   font-family: eb garamond, serif; text-align: left;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.94rem);
 }

h2 {
    font-family: 'Schwabacher', serif;
    font-size: clamp(1.20rem, calc(0.955rem + 1.227vw), 1.88rem);
    text-transform: lowercase; text-align: right; 
    color: #bfbfbf;
}

img {
    pointer-events: none;
    cursor: default;
}


html {
    scroll-behavior: smooth;
}
}
#fw-section-custom-html-0fc5e9cb-910a-47da-9e31-0eaa978dfec3 {

 .container {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: #191919;
  height: 22vw;
  width: 90vw;
  max-width: 1200px;
  max-height: 400px;
  text-align: center;
 }

.box {
  flex: 1;
  transition: .5s;
  margin: 0 .2%;
  align-self: center;
}

.box > img {
  width: 100%;
  object-fit: contain; 
  transition: 1s;
}

.box:hover {
  transform: scale(2.2);
  transition-duration: .8s;
  transition-timing-function: ease;
  z-index: 100;
  filter: contrast(200%);
}

img {
    pointer-events: none;
    cursor: default;
}


html {
    scroll-behavior: smooth;
}
}
#fw-section-custom-html-9ab91e4c-466b-4163-985d-40cf3653f1eb {

body{ 
  margin: 0 0 0 0;
  padding: 1px;
  background: #191919;
}

a {
  text-decoration: none;
}

.container {
  z-index:2;
  padding: -3em 0 0 0 0em;
  width: 97vw;
  height: 25vh;
  object-fit: contain;
  min-width: 0;
  max-width: 770px;
  overflow: visible;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative; top: 0rem;
}


.book {
 width: 235px;
  height: 350px;
  position: relative;
  text-align: center;
  object-position: center;
  margin: 10px;

}
  
.book-cover {
  position: absolute;
  z-index:1;
  display: flex;
  width: 100%;
  height: 100%;
  max-height: 40vw;
  max-width: 28vw;
  transform-origin: 0 50%;
  -webkit-transform-origin: 0 50%;
  background-size:cover;
  border-radius: 3px;
  box-shadow: 
    inset 4px 1px 3px #ffffff60,
    inset 0 -1px 2px #00000080;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
}

.cover1 {
  background: url('https://imgproxy.fourthwall.com/KGXjL6qsubGUhcaCOEi4A-g7ZvMKCNPSPuZRthY7hso/w:1400/sm:1/enc/n6skdWTZ14U5zjvj/YhrS7uvF4e08_A_u/ZbdYU1p5i5YAoC-Y/V5s75N5cwEPmT2C7/YPTisGRQlOyOFfgl/TsPWFNjbAY8vbGDo/0tNKjjq_5CppueWd/p_eZQUKwWNO-TbBG/lC2ble2Eng5v0wvk/_xgIU7Iv62k916u9/ncj6TlUY-DWHx463/NpQE96UTL1J126rE/3N6_XXbZbfF6EDms/kL673GIS80V5TSkC/a6iGHN-kYhF9nqXc/DUeeFfDd2OyVuYHf');
}

.cover2 {
  background: url('https://imgproxy.fourthwall.com/7_UTWds6bYARE2BJENy9T3zvFBflVbjfIW-iT18DWmc/w:1400/sm:1/enc/jpN7nBiDLJJ0k2fS/Hzx3zyC8v0le6jFg/u_LFyuE_aoE4xvV_/QsABGPDbRFBFkinx/T_AR7x-wcbeIMTpX/wemX378dt5JAIKTv/CbGE18Ud2Xojduid/WavN5Hi7HwpOI5hy/LhP2oPsjdbeuqxmR/-2BeJ0grvaxSgyL3/RYbXPzk6CNVcn4u9/_w4H51TpQfYJylbq/hHs5kvLRqlaBRrYT/b4OdHM-6MToZNLSP/gZ0l6MCA22vg88d7/tEp3_O08WKjnH5aa');
}

.cover3 {
  background: url('https://imgproxy.fourthwall.com/_sb0LgF8N2kwHOlQAAlLZK1ZNztKbg56Fo7PAa1Hvok/w:1400/sm:1/enc/HyZPkRIeu83CPAk1/b-73G1qlTLKZPKpH/iw9KjROYrXiv4HoY/k7F91fTdl8ZHgZnw/acr8Mt5Ocoy7nWg-/crisKrr0o4rznB86/9M-fh-HvKxd8utFT/occTYDeyDg5So0-4/5TXRl7MqGfgpe6at/qMCDQbXDSGM_8Su5/Pz9d8vXEYXrilN4G/IfdoakrBrWiLnB0Z/LYNFtxL1gH9fPB91/-wYGx6hLyM-c8Sce/eycRC2qw-Sr6w8VY/lYDqzx5nMW7ag_WQ');
}

.book .book-cover {
  background-size: 100% 100%;
}


.effect {
  width: 20px;
  height: 100%;
  margin-left: 0.2rem;
  border-left: 0.2rem solid #00000010;
  background-image: linear-gradient(90deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
  transition: all .5s ease;
}

.light {
  width: 90%;
  height: 100%;
  position: absolute;
  border-radius: 3px; 
  background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 100%);
  top: 0;
  right:0;
  opacity: .1;
 box-shadow: 0.1rem 0px 0px 1px rgba(25, 25, 25, 1);
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
}

.book:hover { cursor:pointer; }

.book:hover .book-cover {
  transform: perspective(2000px) rotateY(-30deg);
  -webkit-transform: perspective(2000px) rotateY(-30deg);
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  box-shadow: 
    inset 4px 1px 3px #ffffff60,
    inset 0 -1px 2px #00000080,
    10px 0px 10px -5px #00000030
}

.book:hover .effect {
  width: 40px;
  margin-left: 0.3rem;
  opacity: 0.7; 
}

.book:hover .light {
  opacity: 1;
  width: 70%;
}

.book-inside{
  diplay: flex;
  width: 100%;
  height: 100%;
  max-height: 40vw;
  max-width: 28vw;
  position:relative;
  text-align: center;
  margin: 0%;
  border: 1px solid grey;
  border-radius:3px;
  background: url('https://imgproxy.fourthwall.com/-pQs3GH2AZDCt_Z4OtumCRTSeVHN5v8AoswUmXUQg-g/w:1400/sm:1/enc/u4dIZYPPvChQKMAc/PdGPf397jfzAWp9i/dYpEJrB-YdXQ5pG8/KJvIzhgxkf-YMmOP/IwXm7sjw4ZqUYuSz/vsaurqKriDZBBk9C/NRJLxmy-IjLQoQV1/yHtP1ZHOgegJuyZt/0HTSNxWvA3qvKgoi/gEqE1w9rcl0BwA-i/WerO4gkdoaEQcqzp/Q8eo4bGuraxHAypA/DFuoG90MbxyJJ_4H/5AAtv5pe3pwiFL1R/mFccZgr9rkvo69BH/6LaUmG18NN-0lAzH');
  box-shadow: 
  0.1rem 0px 0px 1px rgba(25, 25, 25, 1),
  10px 40px 40px -10px #00000030,
  inset -2px 0 0 grey,
  inset -3px 0 0 #dbdbdb,
  inset -4px 0 0 white,
  inset -5px 0 0 #dbdbdb,
  inset -6px 0 0 white,
  inset -7px 0 0 #dbdbdb,
  inset -8px 0 0 white,
  inset -9px 0 0 #dbdbdb;
}

.title {
  width: 100%;
  text-align: center;
  justify-content: center;
  position: absolute;
  top:-30px;
  height: 0px;
  display: flex;
  align-items: flex-end;
  opacity: 0;
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
}

.title p {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height:100%;
  padding-bottom: 0.5em;
  margin:0;
  line-height:0.7;
  font-family: 'Schwabacher', serif;
  font-size: clamp(0.30rem, calc(0.155rem + 4.227vw), 1.88rem);
  text-transform: lowercase; text-align: center; 
  color: #bfbfbf;
}


.btn {
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.5rem, calc(0.555rem + 0.377vw), 0.94rem);
  position:relative;
  background: #191919;
  border-radius:50px;
  color: #bfbfbf;
  bottom: -0.6rem;
  padding: 0.5em;
  margin-left: -0.5rem;
  display: inline-block;
  opacity: 0;
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
}

.book:hover .btn, .book:hover {
  opacity: 1;
}
}

#fw-section-custom-html-99bfce60-b93b-4757-8e04-9544e44ff12e {




.grandparent {
display:inline-block;
    vertical-align:top;
      text-align: center;
width: 100%;

.parent {
    height: 100%;
    padding: 0%;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
   

.top
{
	box-sizing:border-box;
	padding:0rem;
    padding-left: 0;
    margin-bottom: 0.525rem;
	border:#191919 solid 1px;
	height: 340px;
    max-width: 764px;
    max-height: 45vw;
    display: flex;
   align-items: flex-start;
    justify-content: center;
 
}
.container {
  z-index:8;
  padding-left: 0.1rem;
  width: 88vw;
  height: 25vh;
  object-fit: contain;
  max-width: 764px;
  max-height: 340px;
  overflow: visible;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}

  .container2 {
  z-index:7;
  padding-left: 0.1rem;
  width: 88vw;
  height: 25vh;
  object-fit: contain;
  max-width: 764px;
  max-height: 340px;
  overflow: visible;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}
  .container3 {
  z-index:6;
  padding-left: 0.1rem;
  width: 88vw;
  height: 25vh;
  object-fit: contain;
  max-width: 764px;
  max-height: 340px;
  overflow: visible;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}

.book {
 width: 235px;
  height: 340px;
  position: relative;
  text-align: center;
  object-position: center;
  margin: 0.4rem;
}

  .relative { 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;

  z-index: 40;

  background-image: url('https://imgproxy.fourthwall.com/CTCbO5deXxmn6aa3mf4oWsa0NHGpzDertpqfNQ9dZsg/w:1400/sm:1/enc/S92qHXLQ3KgdUVdj/yw6J0dCGsF6YDTYs/Nn6FNt8Fu-VQlPFj/nyvIOGp2fnWldhU2/hcERmy-OrfB1kkJL/VUysR4UWejOTlTNC/vvqPLExwXLeRrAQk/u_KG0NzuA2RqywWE/QNcTpfBmuHI0d-kq/d0-WiF0wH6YwC0Vj/tXzk65C5f8iGQWHe/1W2ggd60yQ5DMkSL/ob-VVO8TmM5Fn-2h/wuViPHc7G2UnZxC8/hKtHpgX3pxhPEA4K/OWMSL7cIXv_ZR-65');
}  

  
  
.book-cover {
  position: absolute;
  z-index:1;
  display: flex;
  width: 100%;
  height: 100%;
  max-height: 40vw;
  max-width: 28vw;
  transform-origin: 0 50%;
  -webkit-transform-origin: 0 50%;
  background-size:cover;
  border-radius: 3px;
  box-shadow: 
    inset 4px 1px 3px #ffffff60,
    inset 0 -1px 2px #00000080;
  transition: all .5s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}

.cover1 {
  background: url('https://imgproxy.fourthwall.com/CTCbO5deXxmn6aa3mf4oWsa0NHGpzDertpqfNQ9dZsg/w:1400/sm:1/enc/S92qHXLQ3KgdUVdj/yw6J0dCGsF6YDTYs/Nn6FNt8Fu-VQlPFj/nyvIOGp2fnWldhU2/hcERmy-OrfB1kkJL/VUysR4UWejOTlTNC/vvqPLExwXLeRrAQk/u_KG0NzuA2RqywWE/QNcTpfBmuHI0d-kq/d0-WiF0wH6YwC0Vj/tXzk65C5f8iGQWHe/1W2ggd60yQ5DMkSL/ob-VVO8TmM5Fn-2h/wuViPHc7G2UnZxC8/hKtHpgX3pxhPEA4K/OWMSL7cIXv_ZR-65');
}

.cover2 {
  background: url('https://imgproxy.fourthwall.com/jVLxY0q4UKKcZSrbQkO1WAFP1gnrvy5eC2da0L6SXa0/w:1400/sm:1/enc/cKhkpsPnoXvgu4iq/2BLSPbsCAJNHuYXT/y4SSCbRqZKT33s9R/Ge00qPVJwjzzfFFS/vxqSlfZ7789NAvz6/cOW4A7XJIVWM4LkY/sGbcq26knm5YDFS4/aIBg42dtIm56JVZO/lBgERSzP78XTgcDi/e-CdXIjt_GTTyt2s/yhJazkCT6gp67IEP/76pESRxBy-Qou0bo/CWpSyoPAAG4lbn-1/l0MYpibbYj6dRCA_/kGP1V63qnYOBpjFA/ux153gdZg2Njctmq');
}

.cover3 {
  background: url('https://imgproxy.fourthwall.com/ry9saEOz6-1JrUiY9Ku_wb4YlP3isxPo7EDSCkAWLX4/w:1400/sm:1/enc/HLlhnJ0_6jfGZsX9/7mFuaRApzZDpnHMe/49O4ZKVPAdhPxbe3/THe57lm3cGKZzIVt/w-BFqZ11bqsF1dSn/ZwAKQqcWveGDUxoX/Qz5wxUc-p_g59jqF/cFnAugwj1lokjHgH/TxKq4uGoxSPnHCtW/RBSMipfDPWM3yuca/Lswvl56UUFEl7xfH/EyPGDblqLdUMeJF1/5jF8cDWc8KaIf-Y8/qoMqS_SuXJZ7ikg9/PZev6g8v0uZiqbKF/tRj3Wweh2Q9tRmtQ');
}

.book .book-cover {
  background-size: 100% 100%;
}


.effect {
  width: 20px;
  height: 100%;
  margin-left: 0.2rem;
  border-left: 0.2rem solid #00000010;
  background-image: linear-gradient(90deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
  transition: all 0.3s ease;
}

.light {
  width: 90%;
  height: 100%;
  position: absolute;
  border-radius: 3px; 
  background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 100%);
  top: 0;
  right:0;
  opacity: .1;
  box-shadow: 0.1rem 0px 0rem 0.05rem rgba(25, 25, 25, 1);
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
}

.book:hover { cursor:pointer; }

.book:hover .book-cover {
  transform: perspective(1800px) rotateY(-25deg);
  -webkit-transform: perspective(1800px) rotateY(-25deg);
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  box-shadow: 
    inset 0.1em 1px 3px #ffffff60,
    inset 1em -1px 2em #00000080,
    10px 0px 10px 12px #00000030
}

.book:hover .effect {
  width: 10px;
  margin-left: 0.3rem;
  opacity: 0.7; 
}

.book:hover .light {
  opacity: 1;
  width: 0.7;
}

.book-inside{
  diplay: flex;
  width: 100%;
  height: 100%;
  max-height: 40vw;
  max-width: 28vw;
  position:relative;
  text-align: center;
  margin: 0%;
  border: 1px solid grey;
  border-radius:2px;
  box-shadow: 
  0.1rem 0px 0px 1px rgba(25, 25, 25, 1),
  10px 40px 40px -10px #00000030,
  inset -2px 0 0 grey,
  inset -3px 0 0 #dbdbdb,
  inset -4px 0 0 white,
  inset -5px 0 0 #dbdbdb,
  inset -6px 0 0 white,
  inset -7px 0 0 #dbdbdb,
  inset -8px 0 0 white,
  inset -9px 0 0 #dbdbdb;
}

.title {
  width: 100%;
  text-align: center;
  justify-content: center;
  position: absolute;
  top:-30px;
  height: 0px;
  display: flex;
  align-items: flex-end;
  opacity: 0;
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
}

.title p {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height:100%;
  padding-bottom: 0.5em;
  margin:0;
  line-height:0.7;
  font-family: 'Schwabacher', serif;
  font-size: clamp(0.30rem, calc(0.155rem + 4.227vw), 1.88rem);
  text-transform: lowercase; text-align: center; 
  color: #bfbfbf;
  opacity: 0;
}


.btn {
  z-index:-1;
    transform: translateY(-100px);
  box-shadow: 0em 0em 1em 1em #191919; transition: 0.3s ease-in-out;
  font-family: eb garamond, serif; text-align: center;
  font-size: clamp(0.5rem, calc(0.255rem + 0.477vw), 0.94rem);
  position:relative;
  background: #191919;
  border-radius:0px;
  color: #bfbfbf;
  bottom: -0.6rem;
    top: 0rem;
  padding: 0.6em;
  margin-left: 0rem;
  display: flex;
    align-items: center;
    justify-content: center;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.book:hover .btn, .book:hover {
  opacity: 1;
  
}

.book:hover .btn{
    transform: translateY(0);
  transition: 0.45s ease-in-out;
}





}
}
}
#fw-section-custom-html-a6d24e0c-0a76-4e23-a387-17b393739bb7 {

*{
    padding: 0px;
    box-sizing: border-box;
}

body{
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #191919;
    display: flex;
}

.gallery{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.2vh;
    margin-inline: auto;
    max-width: 760px;
    background: #191919;
    padding: 0.5vh;
}

 .gallery > img{
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    transition: all 0.6s ease;
}

.gallery:has(img:hover) img:not(:hover) {
    scale: 0.99;
    opacity: 0.9;
    contrast: 1.1;
    filter: grayscale(70%);
}

}

#fw-section-custom-html-dc46910e-72de-4cf4-8e9c-0fce1a2a514b {

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300);
html{
  height:100%;
}
body{
  text-align:center;
  height:100%;
    background-color: #2C4159;
  font-family:'Open Sans', sans-serif;
  &:before{
    content:'';
    display:inline-block;
    height:100%;
    vertical-align:middle;
  }
}
.reflection-container{
  position:relative;
  display:inline-block;
  vertical-align:middle;
  transform-style: preserve-3d;
  perspective: 1000px;
  &:before{
    color:#fff;
    position:absolute;
    left:-1rem;
    top:50%;
    font-size:6vh;
    transform:translateX(-100%) translateY(-50%);
  }
  .reflection-content{
    height:80vh;
    width:80vh;
    background:#000 url(https://unsplash.it/800/800/?random);
    background-size:cover;
    background-position:center;
    transform:rotateX(0) rotateY(0);
    pointer-events:none;
    transition:100ms linear transform;
    overflow:hidden;
    &:before{
      content:'';
      position:absolute;
      width:200%;
      height:200%;
      left:-50%;
      top:-50%;
      background: linear-gradient(rgba(255,255,255,0.2),rgba(0,0,0,0.2));
    }
  }
  .reflection-grid-cell{
    position:absolute;
    z-index: 1;
    width:10%;
    height:10%;
  }
  @for $r from 1 to 11{ 
    @for $c from 1 to 11 {
      .reflection-grid-cell-#{( ($r*10) + $c - 10)}{
        top:($r*10%)-10%;
        left:($c*10%)-10%;
      }
      .reflection-grid-cell-#{( ($r*10) + $c - 10)}:hover ~ .reflection-content{
        transform:rotateX((($r*-5)+25deg)) rotateY((-25deg+($c*5)));
        &:before{
          transform:translateY(25-(5%*$r));
        }
      }
    }
  }
}
}
#fw-section-custom-html-2e6fcf34-f464-4d24-9ee4-7b43e0ec535f {

.container {
  padding: 0 0 0 0;
  overflow: block;
  display: block;
  align-items: start;
  display: flex;
  flex-direction: column;
  background: #191919;
  width: 90vw;
  max-width: 745px;
  text-align: center;
 }
.masonry {
  column-count: 2;
  column-gap: 0px;
  @media (min-width: 768px) {
    column-count: 3;
  }

  .brick {
    box-sizing: border-box;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    counter-increment: brick-counter;
  }
  img {
    width: 100%;
    height: 100%;
    padding: 2 0 0 0;
    object-fit: cover;
  }
  
  
.brick {
  flex: 1;
  transition: .5s;
  margin: 0 .2%;
  align-self: center;
}

  .brick > img {
  width: 100%;
  object-fit: contain; 
  transition: 1s;
}

.brick:hover {
  overflow: block;
  transform: scale(1.1);
  transition-duration: .8s;
  transition-timing-function: ease;
  z-index: 1;
  filter: contrast(200%);
}

img {
    pointer-events: none;
    cursor: default;
}
  
  html {
    scroll-behavior: smooth;
}
}
}
#fw-section-custom-html-02883226-232f-4846-9f5b-1ad2ecb900a2 {

.body {
  display: flex;
  justify-content: center;
}

.Rw{
  display:flex;
  flex-wrap:wrap;
  flex-direction: row;
  max-width:1200px;
}

.Col{
  align-items: center;
  display: flex;
}

.box {
  flex: 1;
  transition: 1s;
  margin: 0 .2%;
  align-self: center;
  z-index: 90;
}

.box:hover {
  transform: scale(2.2);
  transition-duration: .8s;
  transition-timing-function: ease;
  z-index: 100;
  filter: contrast(200%);
}
}
#fw-section-custom-html-e184a801-b303-4e48-b358-2c55fcedd820 {

.body {
  display: flex;
  justify-content: center;
  align-items: center;
}

.gallery {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: 0.2fr;
  grid-gap: .25em;
}
img {
  max-width: 240px;
}
.box {
  flex: 1;
  transition: .5s;
  align-self: center;
}

.box > img {
  width: 100%;
  object-fit: contain; 
  transition: 1s;
}

.box:hover {
 flex: 1.2 0 20%; 
  transition-duration: .8s;
  transition-timing-function: ease;
}

.box:hover > img {
  filter: contrast(200%);
  transition: 2s ease;
}

img {
    pointer-events: none;
    cursor: default;
}


html {
    scroll-behavior: smooth;
}

}
#fw-section-custom-html-f35d55d7-ca79-42a3-8c1c-e6d07800b257 {

body{ 
  margin: 0 0 0 0;
  padding: 0;
}

a {
  text-decoration: none;
}

.container {
  z-index:2;
  padding: -3m 0 0 0 0em;
  width: 97vw;
  height: 30vh;
  object-fit: contain;
  min-width: 0;
  max-width: 770px;
  overflow: visible;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative; top: 3rem;
}


.book {
 width: 235px;
  height: 350px;
  position: relative;
  text-align: center;
  object-position: center;
  margin: 10px;

}
  
.book-cover {
  position: absolute;
  z-index:3;
  display: flex;
  width: 100%;
  height: 100%;
  max-height: 40vw;
  max-width: 28vw;
  transform-origin: 0 50%;
  -webkit-transform-origin: 0 50%;
  background-size:cover;
  border-radius: 3px;
  box-shadow: 
    inset 4px 1px 3px #ffffff60,
    inset 0 -1px 2px #00000080;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
}

.cover1 {
  background: url('https://imgproxy.fourthwall.com/KGXjL6qsubGUhcaCOEi4A-g7ZvMKCNPSPuZRthY7hso/w:1400/sm:1/enc/n6skdWTZ14U5zjvj/YhrS7uvF4e08_A_u/ZbdYU1p5i5YAoC-Y/V5s75N5cwEPmT2C7/YPTisGRQlOyOFfgl/TsPWFNjbAY8vbGDo/0tNKjjq_5CppueWd/p_eZQUKwWNO-TbBG/lC2ble2Eng5v0wvk/_xgIU7Iv62k916u9/ncj6TlUY-DWHx463/NpQE96UTL1J126rE/3N6_XXbZbfF6EDms/kL673GIS80V5TSkC/a6iGHN-kYhF9nqXc/DUeeFfDd2OyVuYHf');
}

.cover2 {
  background: url('https://imgproxy.fourthwall.com/7_UTWds6bYARE2BJENy9T3zvFBflVbjfIW-iT18DWmc/w:1400/sm:1/enc/jpN7nBiDLJJ0k2fS/Hzx3zyC8v0le6jFg/u_LFyuE_aoE4xvV_/QsABGPDbRFBFkinx/T_AR7x-wcbeIMTpX/wemX378dt5JAIKTv/CbGE18Ud2Xojduid/WavN5Hi7HwpOI5hy/LhP2oPsjdbeuqxmR/-2BeJ0grvaxSgyL3/RYbXPzk6CNVcn4u9/_w4H51TpQfYJylbq/hHs5kvLRqlaBRrYT/b4OdHM-6MToZNLSP/gZ0l6MCA22vg88d7/tEp3_O08WKjnH5aa');
}

.cover3 {
  background: url('https://imgproxy.fourthwall.com/_sb0LgF8N2kwHOlQAAlLZK1ZNztKbg56Fo7PAa1Hvok/w:1400/sm:1/enc/HyZPkRIeu83CPAk1/b-73G1qlTLKZPKpH/iw9KjROYrXiv4HoY/k7F91fTdl8ZHgZnw/acr8Mt5Ocoy7nWg-/crisKrr0o4rznB86/9M-fh-HvKxd8utFT/occTYDeyDg5So0-4/5TXRl7MqGfgpe6at/qMCDQbXDSGM_8Su5/Pz9d8vXEYXrilN4G/IfdoakrBrWiLnB0Z/LYNFtxL1gH9fPB91/-wYGx6hLyM-c8Sce/eycRC2qw-Sr6w8VY/lYDqzx5nMW7ag_WQ');
}

.book .book-cover {
  background-size: 100% 100%;
}


.effect {
  width: 20px;
  height: 100%;
  margin-left: 0.2rem;
  border-left: 0.2rem solid #00000010;
  background-image: linear-gradient(90deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
  transition: all .5s ease;
}

.light {
  width: 90%;
  height: 100%;
  position: absolute;
  border-radius: 3px; 
  background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 100%);
  top: 0;
  right:0;
  opacity: .1;
 box-shadow: 0.1rem 0px 0px 1px rgba(25, 25, 25, 1);
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
}

.book:hover { cursor:pointer; }

.book:hover .book-cover {
  transform: perspective(2000px) rotateY(-30deg);
  -webkit-transform: perspective(2000px) rotateY(-30deg);
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  box-shadow: 
    inset 4px 1px 3px #ffffff60,
    inset 0 -1px 2px #00000080,
    10px 0px 10px -5px #00000030
}

.book:hover .effect {
  width: 40px;
  margin-left: 0.3rem;
  opacity: 0.7; 
}

.book:hover .light {
  opacity: 1;
  width: 70%;
}

.book-inside{
  diplay: flex;
  width: 100%;
  height: 100%;
  max-height: 40vw;
  max-width: 28vw;
  position:relative;
  text-align: center;
  margin: 0%;
  border: 1px solid grey;
  border-radius:3px;
  background: url('https://imgproxy.fourthwall.com/-pQs3GH2AZDCt_Z4OtumCRTSeVHN5v8AoswUmXUQg-g/w:1400/sm:1/enc/u4dIZYPPvChQKMAc/PdGPf397jfzAWp9i/dYpEJrB-YdXQ5pG8/KJvIzhgxkf-YMmOP/IwXm7sjw4ZqUYuSz/vsaurqKriDZBBk9C/NRJLxmy-IjLQoQV1/yHtP1ZHOgegJuyZt/0HTSNxWvA3qvKgoi/gEqE1w9rcl0BwA-i/WerO4gkdoaEQcqzp/Q8eo4bGuraxHAypA/DFuoG90MbxyJJ_4H/5AAtv5pe3pwiFL1R/mFccZgr9rkvo69BH/6LaUmG18NN-0lAzH');
  box-shadow: 
  0.1rem 0px 0px 1px rgba(25, 25, 25, 1),
  10px 40px 40px -10px #00000030,
  inset -2px 0 0 grey,
  inset -3px 0 0 #dbdbdb,
  inset -4px 0 0 white,
  inset -5px 0 0 #dbdbdb,
  inset -6px 0 0 white,
  inset -7px 0 0 #dbdbdb,
  inset -8px 0 0 white,
  inset -9px 0 0 #dbdbdb;
}

.title {
  width: 100%;
  text-align: center;
  justify-content: center;
  position: absolute;
  top:-30px;
  height: 0px;
  display: flex;
  align-items: flex-end;
  opacity: 0;
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
}

.title p {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height:100%;
  padding-bottom: 0.5em;
  margin:0;
  line-height:0.7;
  font-family: 'Schwabacher', serif;
  font-size: clamp(0.30rem, calc(0.155rem + 4.227vw), 1.88rem);
  text-transform: lowercase; text-align: center; 
  color: #bfbfbf;
}


.btn {
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.5rem, calc(0.555rem + 0.377vw), 0.94rem);
  position:relative;
  background: #191919;
  border-radius:50px;
  color: #bfbfbf;
  bottom: -0.6rem;
  padding: 0.5em;
  margin-left: -0.5rem;
  display: inline-block;
  opacity: 0;
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
}

.book:hover .btn, .book:hover {
  opacity: 1;
}
}
#fw-section-custom-html-78fb15a2-f927-44e0-814a-d9cf074e18c8 {




.grandparent {
display:inline-block;
    vertical-align:top;
      text-align: center;
width: 100%;

.parent {
    height: 100%;
    padding: 0%;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
   

.top
{
	box-sizing:border-box;
	padding:0rem;
    padding-left: 0;
    margin-bottom: 0.525rem;
	border:#191919 solid 1px;
	height: 340px;
    max-width: 764px;
    max-height: 45vw;
    display: flex;
   align-items: flex-start;
    justify-content: center;
 
}
.container {
  z-index:2;
  padding-left: 0.1rem;
  width: 88vw;
  height: 25vh;
  object-fit: contain;
  max-width: 764px;
  max-height: 340px;
  overflow: visible;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}

 

.book {
 width: 235px;
  height: 340px;
  position: relative;
  text-align: center;
  object-position: center;
  margin: 0.4rem;
}

  .relative { 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;

  z-index: 40;

  background-image: url('https://imgproxy.fourthwall.com/CTCbO5deXxmn6aa3mf4oWsa0NHGpzDertpqfNQ9dZsg/w:1400/sm:1/enc/S92qHXLQ3KgdUVdj/yw6J0dCGsF6YDTYs/Nn6FNt8Fu-VQlPFj/nyvIOGp2fnWldhU2/hcERmy-OrfB1kkJL/VUysR4UWejOTlTNC/vvqPLExwXLeRrAQk/u_KG0NzuA2RqywWE/QNcTpfBmuHI0d-kq/d0-WiF0wH6YwC0Vj/tXzk65C5f8iGQWHe/1W2ggd60yQ5DMkSL/ob-VVO8TmM5Fn-2h/wuViPHc7G2UnZxC8/hKtHpgX3pxhPEA4K/OWMSL7cIXv_ZR-65');
}  

  
  
.book-cover {
  position: absolute;
  z-index:1;
  display: flex;
  width: 100%;
  height: 100%;
  max-height: 40vw;
  max-width: 28vw;
  transform-origin: 0 50%;
  -webkit-transform-origin: 0 50%;
  background-size:cover;
  border-radius: 3px;
  box-shadow: 
    inset 4px 1px 3px #ffffff60,
    inset 0 -1px 2px #00000080;
  transition: all .5s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}

.cover1 {
  background: url('https://imgproxy.fourthwall.com/CTCbO5deXxmn6aa3mf4oWsa0NHGpzDertpqfNQ9dZsg/w:1400/sm:1/enc/S92qHXLQ3KgdUVdj/yw6J0dCGsF6YDTYs/Nn6FNt8Fu-VQlPFj/nyvIOGp2fnWldhU2/hcERmy-OrfB1kkJL/VUysR4UWejOTlTNC/vvqPLExwXLeRrAQk/u_KG0NzuA2RqywWE/QNcTpfBmuHI0d-kq/d0-WiF0wH6YwC0Vj/tXzk65C5f8iGQWHe/1W2ggd60yQ5DMkSL/ob-VVO8TmM5Fn-2h/wuViPHc7G2UnZxC8/hKtHpgX3pxhPEA4K/OWMSL7cIXv_ZR-65');
}

.cover2 {
  background: url('https://imgproxy.fourthwall.com/jVLxY0q4UKKcZSrbQkO1WAFP1gnrvy5eC2da0L6SXa0/w:1400/sm:1/enc/cKhkpsPnoXvgu4iq/2BLSPbsCAJNHuYXT/y4SSCbRqZKT33s9R/Ge00qPVJwjzzfFFS/vxqSlfZ7789NAvz6/cOW4A7XJIVWM4LkY/sGbcq26knm5YDFS4/aIBg42dtIm56JVZO/lBgERSzP78XTgcDi/e-CdXIjt_GTTyt2s/yhJazkCT6gp67IEP/76pESRxBy-Qou0bo/CWpSyoPAAG4lbn-1/l0MYpibbYj6dRCA_/kGP1V63qnYOBpjFA/ux153gdZg2Njctmq');
}

.cover3 {
  background: url('https://imgproxy.fourthwall.com/ry9saEOz6-1JrUiY9Ku_wb4YlP3isxPo7EDSCkAWLX4/w:1400/sm:1/enc/HLlhnJ0_6jfGZsX9/7mFuaRApzZDpnHMe/49O4ZKVPAdhPxbe3/THe57lm3cGKZzIVt/w-BFqZ11bqsF1dSn/ZwAKQqcWveGDUxoX/Qz5wxUc-p_g59jqF/cFnAugwj1lokjHgH/TxKq4uGoxSPnHCtW/RBSMipfDPWM3yuca/Lswvl56UUFEl7xfH/EyPGDblqLdUMeJF1/5jF8cDWc8KaIf-Y8/qoMqS_SuXJZ7ikg9/PZev6g8v0uZiqbKF/tRj3Wweh2Q9tRmtQ');
}

.book .book-cover {
  background-size: 100% 100%;
}


.effect {
  width: 20px;
  height: 100%;
  margin-left: 0.2rem;
  border-left: 0.2rem solid #00000010;
  background-image: linear-gradient(90deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
  transition: all 0.3s ease;
}

.light {
  width: 90%;
  height: 100%;
  position: absolute;
  border-radius: 3px; 
  background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 100%);
  top: 0;
  right:0;
  opacity: .1;
  box-shadow: 0.1rem 0px 0rem 0.05rem rgba(25, 25, 25, 1);
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
}

.book:hover { cursor:pointer; }

.book:hover .book-cover {
  transform: perspective(1800px) rotateY(-25deg);
  -webkit-transform: perspective(1800px) rotateY(-25deg);
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  box-shadow: 
    inset 0.1em 1px 3px #ffffff60,
    inset 1em -1px 2em #00000080,
    10px 0px 10px 12px #00000030
}

.book:hover .effect {
  width: 10px;
  margin-left: 0.3rem;
  opacity: 0.7; 
}

.book:hover .light {
  opacity: 1;
  width: 0.7;
}

.book-inside{
  diplay: flex;
  width: 100%;
  height: 100%;
  max-height: 40vw;
  max-width: 28vw;
  position:relative;
  text-align: center;
  margin: 0%;
  border: 1px solid grey;
  border-radius:2px;
  box-shadow: 
  0.1rem 0px 0px 1px rgba(25, 25, 25, 1),
  10px 40px 40px -10px #00000030,
  inset -2px 0 0 grey,
  inset -3px 0 0 #dbdbdb,
  inset -4px 0 0 white,
  inset -5px 0 0 #dbdbdb,
  inset -6px 0 0 white,
  inset -7px 0 0 #dbdbdb,
  inset -8px 0 0 white,
  inset -9px 0 0 #dbdbdb;
}

.title {
  width: 100%;
  text-align: center;
  justify-content: center;
  position: absolute;
  top:-30px;
  height: 0px;
  display: flex;
  align-items: flex-end;
  opacity: 0;
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
}

.title p {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height:100%;
  padding-bottom: 0.5em;
  margin:0;
  line-height:0.7;
  font-family: 'Schwabacher', serif;
  font-size: clamp(0.30rem, calc(0.155rem + 4.227vw), 1.88rem);
  text-transform: lowercase; text-align: center; 
  color: #bfbfbf;
  opacity: 0;
}


.btn {
  z-index:-1;
    transform: translateY(-100px);
  box-shadow: 0em 0em 1em 1em #191919; transition: 0.3s ease-in-out;
  font-family: eb garamond, serif; text-align: center;
  font-size: clamp(0.5rem, calc(0.355rem + 0.377vw), 0.94rem);
  position:relative;
  background: #191919;
  border-radius:0px;
  color: #bfbfbf;
  bottom: -0.6rem;
    top: 0rem;
  padding: 0.6em;
  margin-left: 0rem;
  display: flex;
    align-items: center;
    justify-content: center;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.book:hover .btn, .book:hover {
  opacity: 1;
  
}

.book:hover .btn{
    transform: translateY(0);
  transition: 0.45s ease-in-out;
}


.bottom
{
    width: 88vw;
    max-width: 764px;
	box-sizing:border-box;
	padding:1px;
	border:#191919 solid 1px;
	min-height:200px;

}
.gallery{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.525rem;
    margin-inline: auto;
    max-width: 760px;
    background: #191919;
    padding: 0.5rem;
}

 .gallery > img{
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    transition: all 0.6s ease;
}


.gallery:has(img:hover) img:not(:hover) {
    scale: 1;
    opacity: 0.9;
    contrast: 1.1;
    filter: grayscale(70%);
}
.gallery:hover {
  cursor:pointer;
}




}
}
}
#fw-section-text-blocks-a787c0f1-a0db-43ef-9ca4-000f74af568e {

 *{
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
      z-index:1;
 }

section{
  max-width: 1400px;
  margin: 0 auto;

}


h2 {
    font-family: 'Schwabacher', serif;
    font-size: 4em;
    text-transform: lowercase;
    text-align: center; 
  color: #525252;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 3em;
    transition: all 0.3s ease;
}
}
}
#fw-section-custom-html-4a3b21cf-2479-4fdc-a4a5-f3d8ccd294af {

body{
  max-width:98%
}

.author{
  left:13%;
  top:-70%;
  transform: scale(0.98);
  text-shadow: 2px 2px 1px #000000;
  position: absolute;
  line-height: calc(clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem)/1.4);
  text-align: justify;
  text-justify: inter-word;
  margin: 0;
  padding: 0;
  z-index: 999;
  font-family: 'EB Garamond', serif;
  font-size: clamp(0.75rem, calc(0.682rem + 0.341vw), 0.94rem);
  text-transform: uppercase;
  color: #ffffff !important;
  transition: all ease-out 0.3s;
}

.title{
  top:calc(50% - calc(clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem)/4));
  left: 5%;
  transform: scale(0.98);
  text-shadow: 2px 2px 1px #000000;
  position: absolute;
  line-height: calc(clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem)/1.4);
  text-align: justify;
  text-justify: inter-word;
  margin: 0;
  padding: 0;
  z-index: 999;
  font-family: 'Schwabacher', serif;
  font-size: clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem);
  text-transform: lowercase;
  color: #ffffff !important;
  transition: all ease-out 0.3s;
}

 a:not(:focus){
   transition: ease-out 0.3s;
   }

a:focus .title,.author{
 transform: scale(1);
   margin-left: -0.1em;
  transition: all ease-out 0.6s;
  filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 1));
 box-shadow: inset 0 0 0 rgba(191, 191, 191, 0) !important;
  transition: ease-out 0.3s !important;
}

a:focus img {
  transform: scale(1);
  opacity: 0.6;
   transition: all ease 0.5s;
  }


  @media (min-width: 1024px){ 
 a:focus img {
  transform: translate(2.5em, 0px);
   transition: all ease 0.6s;
 }
  }







section{
  max-width: 1140px;
    display: flex;
  justify-content: center;
  align-items:center;
  width: 100%;
  margin: 0 auto;

}

*{
  padding: 0;
  text-decoration: none;
  margin: 0;
}

h2{
  padding-left: 100px;
}

p{

  padding-left: 100px;
    font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
   line-height: 1.2em;
}



  
section:hover .title,.author{
   transform: scale(1);
   margin-left: -0.1em;
  transition: all ease 0.5s;
  filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 1));
}

section:hover img {
  opacity: 0.6;
  transition: all ease 0.6s;
   transform: scale(1);
  }
  @media (min-width: 1024px){ 
 section:hover img {
   margin-left: 2em;
}
 }

img{
   transform: scale(0.98);
  display: flex;
  justify-content: center;
  align-items:center;
  width: 100%;
    pointer-events: none;
  -webkit-touch-callout: none;
   transition: all ease 0.3s;

}

element.style {
}
* {
    box-sizing: inherit;
   
}

section{
   transform: scale(1);
  position: relative;
    display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  height:100%;
  width:100%;
  border: solid transparent 1px;
 transition: all ease 0.2s;
}

user agent stylesheet


div {
  
    display: block;
    unicode-bidi: isolate;
  
}
body {
    color: var(--color-on-background);
    font-family: var(--font-family-base);
    font-size: calc(var(--font-body-scale) * 1rem);
    line-height: 1.5;
    font-weight: var(--font-weight-base);
    font-style: var(--font-style-base);
    text-transform: var(--text-transform-base);
}
:root {
    --color-primary: #000000;
    --color-on-primary: #bfbfbf;
    --color-background: #191919;
    --color-on-background: #bfbfbf;
    --color-product-image-background: rgba(191, 191, 191, 0.1);
    --color-primary-rgb: 0, 0, 0;
    --color-on-primary-rgb: 191, 191, 191;
    --color-background-rgb: 25, 25, 25;
    --color-on-background-rgb: 191, 191, 191;
    --color-background-brightness: 25;
    --pale-background-alpha: calc(0.1 - 0.06 * var(--color-background-brightness) / 255);
    --primary-button-border-radius: 10px 10px 10px 10px;
    --input-corner-radius: 16px;
    --image-corner-radius: 10px;
    --font-family-base: "EB Garamond", serif;
    --font-family-heading: "EB Garamond", serif;
    --font-weight-base: 400;
    --font-family-base-url: https://themes.fourthwall.com/themes/fonts/woff2/eb_garamond_n4.woff2;
    --font-family-base-name: "EB Garamond";
    --font-weight-base-bold: bolder;
    --font-weight-heading: 400;
    --font-style-base: normal;
    --font-style-heading: normal;
    --text-transform-base: none;
    --text-transform-heading: uppercase;
    --logo-width: 40px;
    --image-ratio-padding: 133.34%;
    --font-body-scale: 0.95;
    --font-heading-scale: 1.0;
    --font-text-logo-scale: 0.4;
}
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

  h2 {
    font-family: 'Schwabacher', serif;
    font-size: 1.4em;
    text-transform: lowercase;
    text-align: left; 
    color: #bfbfbf;
    margin-top: 0.5em;
    transition: all 0.3s ease;
  }

@media only screen and (max-width: 1024px){
p {
 display: none;
  transition: all 0s;
}
  
h2 {
display: none;
    transition: all 0s;
}

.title{
font-size: calc(clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem)*1.2);
  top:calc(50% - calc(clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem)/4));
}

.author{
 font-size: calc(clamp(0.75rem, calc(0.682rem + 0.341vw), 0.94rem)*1);
  left:13%;
  top:-90%;
}

  img{
 max-width: 600px;
 min-width: 300px;
  width: 100%;
 display: flex;
  flex-flow: row;
margin-left: auto; 
margin-right: 0;
}

/*

section{
   transform: scale(0.89);
}
section:hover {
   transform: scale(0.9);
   }
   
*/
}
}
#fw-section-custom-html-58542e4f-123a-45bc-8d30-6e28dc318835 {

body{
  max-width:98%
}

.author{
  left:22%;
  top:-40%;
  transform: scale(0.98);
  text-shadow: 2px 2px 1px #000000;
  position: absolute;
  line-height: calc(clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem)/1.4);
  text-align: justify;
  text-justify: inter-word;
  margin: 0;
  padding: 0;
  z-index: 999;
  font-family: 'EB Garamond', serif;
  font-size: clamp(0.75rem, calc(0.682rem + 0.341vw), 0.94rem);
  text-transform: uppercase;
  color: #ffffff !important;
  transition: all ease-out 0.3s;
}

.title{
  top:calc(50% - calc(clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem)/1.7));
  left: 5%;
  transform: scale(0.98);
  text-shadow: 2px 2px 1px #000000;
  position: absolute;
  line-height: calc(clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem)/1.4);
  text-align: justify;
  text-justify: inter-word;
  margin: 0;
  padding: 0;
  z-index: 999;
  font-family: 'Schwabacher', serif;
  font-size: clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem);
  text-transform: lowercase;
  color: #ffffff !important;
  transition: all ease-out 0.3s;
}

 a:not(:focus){
   transition: ease-out 0.3s;
   }

a:focus .title,.author{
 transform: scale(1);
   margin-left: -0.1em;
  transition: all ease-out 0.6s;
  filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 1));
 box-shadow: inset 0 0 0 rgba(191, 191, 191, 0) !important;
  transition: ease-out 0.3s !important;
}

a:focus img {
  transform: scale(1);
  opacity: 0.6;
   transition: all ease 0.5s;
  }


  @media (min-width: 1024px){ 
 a:focus img {
  transform: translate(2.5em, 0px);
   transition: all ease 0.6s;
 }
  }







section{
  max-width: 1140px;
    display: flex;
  justify-content: center;
  align-items:center;
  width: 100%;
  margin: 0 auto;

}

*{
  padding: 0;
  text-decoration: none;
  margin: 0;
}

h2{
  padding-left: 100px;
}

p{

  padding-left: 100px;
    font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
   line-height: 1.2em;
}



  
section:hover .title,.author{
   transform: scale(1);
   margin-left: -0.1em;
  transition: all ease 0.5s;
  filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 1));
}

section:hover img {
  opacity: 0.6;
  transition: all ease 0.6s;
   transform: scale(1);
  }
  @media (min-width: 1024px){ 
 section:hover img {
   margin-left: 2em;
}
 }

img{
   transform: scale(0.98);
  display: flex;
  justify-content: center;
  align-items:center;
  width: 100%;
    pointer-events: none;
  -webkit-touch-callout: none;
   transition: all ease 0.3s;

}

element.style {
}
* {
    box-sizing: inherit;
   
}

section{
   transform: scale(1);
  position: relative;
    display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  height:100%;
  width:100%;
  border: solid transparent 1px;
 transition: all ease 0.2s;
}

user agent stylesheet


div {
  
    display: block;
    unicode-bidi: isolate;
  
}
body {
    color: var(--color-on-background);
    font-family: var(--font-family-base);
    font-size: calc(var(--font-body-scale) * 1rem);
    line-height: 1.5;
    font-weight: var(--font-weight-base);
    font-style: var(--font-style-base);
    text-transform: var(--text-transform-base);
}
:root {
    --color-primary: #000000;
    --color-on-primary: #bfbfbf;
    --color-background: #191919;
    --color-on-background: #bfbfbf;
    --color-product-image-background: rgba(191, 191, 191, 0.1);
    --color-primary-rgb: 0, 0, 0;
    --color-on-primary-rgb: 191, 191, 191;
    --color-background-rgb: 25, 25, 25;
    --color-on-background-rgb: 191, 191, 191;
    --color-background-brightness: 25;
    --pale-background-alpha: calc(0.1 - 0.06 * var(--color-background-brightness) / 255);
    --primary-button-border-radius: 10px 10px 10px 10px;
    --input-corner-radius: 16px;
    --image-corner-radius: 10px;
    --font-family-base: "EB Garamond", serif;
    --font-family-heading: "EB Garamond", serif;
    --font-weight-base: 400;
    --font-family-base-url: https://themes.fourthwall.com/themes/fonts/woff2/eb_garamond_n4.woff2;
    --font-family-base-name: "EB Garamond";
    --font-weight-base-bold: bolder;
    --font-weight-heading: 400;
    --font-style-base: normal;
    --font-style-heading: normal;
    --text-transform-base: none;
    --text-transform-heading: uppercase;
    --logo-width: 40px;
    --image-ratio-padding: 133.34%;
    --font-body-scale: 0.95;
    --font-heading-scale: 1.0;
    --font-text-logo-scale: 0.4;
}
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

  h2 {
    font-family: 'Schwabacher', serif;
    font-size: 1.4em;
    text-transform: lowercase;
    text-align: left; 
    color: #bfbfbf;
    margin-top: 0.5em;
    transition: all 0.3s ease;
  }

@media only screen and (max-width: 1024px){
p {
 display: none;
  transition: all 0s;
}
  
h2 {
display: none;
    transition: all 0s;
}

.title{
font-size: calc(clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem)*1.2);
  top:calc(50% - calc(clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem)/1.9));
}

.author{
 font-size: calc(clamp(0.75rem, calc(0.682rem + 0.341vw), 0.94rem)*1);
top:-55%;
}

  img{
 max-width: 600px;
 min-width: 300px;
  width: 100%;
 display: flex;
  flex-flow: row;
margin-left: auto; 
margin-right: 0;
}

/*

section{
   transform: scale(0.89);
}
section:hover {
   transform: scale(0.9);
   }
   
*/
}
}
#fw-section-custom-html-b91bd3a7-4840-4ef8-804c-7c5ed73fcc2d {

body{
  max-width:98%
}

.author{
  left:8%;
  top:-40%;
  transform: scale(0.98);
  text-shadow: 2px 2px 1px #000000;
  position: absolute;
  line-height: calc(clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem)/1.4);
  text-align: justify;
  text-justify: inter-word;
  margin: 0;
  padding: 0;
  z-index: 999;
  font-family: 'EB Garamond', serif;
  font-size: clamp(0.75rem, calc(0.682rem + 0.341vw), 0.94rem);
  text-transform: uppercase;
  color: #ffffff !important;
  transition: all ease-out 0.3s;
}

.title{
  top:calc(50% - calc(clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem)/1.7));
  left: 5%;
  transform: scale(0.98);
  text-shadow: 2px 2px 1px #000000;
  position: absolute;
  line-height: calc(clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem)/1.4);
  text-align: justify;
  text-justify: inter-word;
  margin: 0;
  padding: 0;
  z-index: 999;
  font-family: 'Schwabacher', serif;
  font-size: clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem);
  text-transform: lowercase;
  color: #ffffff !important;
  transition: all ease-out 0.3s;
}

 a:not(:focus){
   transition: ease-out 0.3s;
   }

a:focus .title,.author{
 transform: scale(1);
   margin-left: -0.1em;
  transition: all ease-out 0.6s;
  filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 1));
 box-shadow: inset 0 0 0 rgba(191, 191, 191, 0) !important;
  transition: ease-out 0.3s !important;
}

a:focus img {
  transform: scale(1);
  opacity: 0.6;
   transition: all ease 0.5s;
  }


  @media (min-width: 1024px){ 
 a:focus img {
  transform: translate(2.5em, 0px);
   transition: all ease 0.6s;
 }
  }







section{
  max-width: 1140px;
    display: flex;
  justify-content: center;
  align-items:center;
  width: 100%;
  margin: 0 auto;

}

*{
  padding: 0;
  text-decoration: none;
  margin: 0;
}

h2{
  padding-left: 100px;
}

p{

  padding-left: 100px;
    font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
   line-height: 1.2em;
}



  
section:hover .title,.author{
   transform: scale(1);
   margin-left: -0.1em;
  transition: all ease 0.5s;
  filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 1));
}

section:hover img {
  opacity: 0.6;
  transition: all ease 0.6s;
   transform: scale(1);
  }
  @media (min-width: 1024px){ 
 section:hover img {
   margin-left: 2em;
}
 }

img{
   transform: scale(0.98);
  display: flex;
  justify-content: center;
  align-items:center;
  width: 100%;
    pointer-events: none;
  -webkit-touch-callout: none;
   transition: all ease 0.3s;

}

element.style {
}
* {
    box-sizing: inherit;
   
}

section{
   transform: scale(1);
  position: relative;
    display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  height:100%;
  width:100%;
  border: solid transparent 1px;
 transition: all ease 0.2s;
}

user agent stylesheet


div {
  
    display: block;
    unicode-bidi: isolate;
  
}
body {
    color: var(--color-on-background);
    font-family: var(--font-family-base);
    font-size: calc(var(--font-body-scale) * 1rem);
    line-height: 1.5;
    font-weight: var(--font-weight-base);
    font-style: var(--font-style-base);
    text-transform: var(--text-transform-base);
}
:root {
    --color-primary: #000000;
    --color-on-primary: #bfbfbf;
    --color-background: #191919;
    --color-on-background: #bfbfbf;
    --color-product-image-background: rgba(191, 191, 191, 0.1);
    --color-primary-rgb: 0, 0, 0;
    --color-on-primary-rgb: 191, 191, 191;
    --color-background-rgb: 25, 25, 25;
    --color-on-background-rgb: 191, 191, 191;
    --color-background-brightness: 25;
    --pale-background-alpha: calc(0.1 - 0.06 * var(--color-background-brightness) / 255);
    --primary-button-border-radius: 10px 10px 10px 10px;
    --input-corner-radius: 16px;
    --image-corner-radius: 10px;
    --font-family-base: "EB Garamond", serif;
    --font-family-heading: "EB Garamond", serif;
    --font-weight-base: 400;
    --font-family-base-url: https://themes.fourthwall.com/themes/fonts/woff2/eb_garamond_n4.woff2;
    --font-family-base-name: "EB Garamond";
    --font-weight-base-bold: bolder;
    --font-weight-heading: 400;
    --font-style-base: normal;
    --font-style-heading: normal;
    --text-transform-base: none;
    --text-transform-heading: uppercase;
    --logo-width: 40px;
    --image-ratio-padding: 133.34%;
    --font-body-scale: 0.95;
    --font-heading-scale: 1.0;
    --font-text-logo-scale: 0.4;
}
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

  h2 {
    font-family: 'Schwabacher', serif;
    font-size: 1.4em;
    text-transform: lowercase;
    text-align: left; 
    color: #bfbfbf;
    margin-top: 0.5em;
    transition: all 0.3s ease;
  }

@media only screen and (max-width: 1024px){
p {
 display: none;
  transition: all 0s;
}
  
h2 {
display: none;
    transition: all 0s;
}

.title{
font-size: calc(clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem)*1.2);
  top:calc(50% - calc(clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem)/1.9));
}

.author{
 font-size: calc(clamp(0.75rem, calc(0.682rem + 0.341vw), 0.94rem)*1);
top:-55%;
}

  img{
 max-width: 600px;
 min-width: 300px;
  width: 100%;
 display: flex;
  flex-flow: row;
margin-left: auto; 
margin-right: 0;
}

/*

section{
   transform: scale(0.89);
}
section:hover {
   transform: scale(0.9);
   }
   
*/
}
}
#fw-section-custom-html-d5d5dc64-2839-4b36-83dd-705fb7735575 {

body{
  max-width:98%
}

.author{
  left:29%;
  top:-40%;
  transform: scale(0.98);
  text-shadow: 2px 2px 1px #000000;
  position: absolute;
  line-height: calc(clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem)/1.4);
  text-align: justify;
  text-justify: inter-word;
  margin: 0;
  padding: 0;
  z-index: 999;
  font-family: 'EB Garamond', serif;
  font-size: clamp(0.75rem, calc(0.682rem + 0.341vw), 0.94rem);
  text-transform: uppercase;
  color: #ffffff !important;
  transition: all ease-out 0.3s;
}

.title{
  top:calc(50% - calc(clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem)/1.7));
  left: 5%;
  transform: scale(0.98);
  text-shadow: 2px 2px 1px #000000;
  position: absolute;
  line-height: calc(clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem)/1.4);
  text-align: justify;
  text-justify: inter-word;
  margin: 0;
  padding: 0;
  z-index: 999;
  font-family: 'Schwabacher', serif;
  font-size: clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem);
  text-transform: lowercase;
  color: #ffffff !important;
  transition: all ease-out 0.3s;
}

 a:not(:focus){
   transition: ease-out 0.3s;
   }

a:focus .title,.author{
 transform: scale(1);
   margin-left: -0.1em;
  transition: all ease-out 0.6s;
  filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 1));
 box-shadow: inset 0 0 0 rgba(191, 191, 191, 0) !important;
  transition: ease-out 0.3s !important;
}

a:focus img {
  transform: scale(1);
  opacity: 0.6;
   transition: all ease 0.5s;
  }


  @media (min-width: 1024px){ 
 a:focus img {
  transform: translate(2.5em, 0px);
   transition: all ease 0.6s;
 }
  }







section{
  max-width: 1140px;
    display: flex;
  justify-content: center;
  align-items:center;
  width: 100%;
  margin: 0 auto;

}

*{
  padding: 0;
  text-decoration: none;
  margin: 0;
}

h2{
  padding-left: 100px;
}

p{

  padding-left: 100px;
    font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
   line-height: 1.2em;
}



  
section:hover .title,.author{
   transform: scale(1);
   margin-left: -0.1em;
  transition: all ease 0.5s;
  filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 1));
}

section:hover img {
  opacity: 0.6;
  transition: all ease 0.6s;
   transform: scale(1);
  }
  @media (min-width: 1024px){ 
 section:hover img {
   margin-left: 2em;
}
 }

img{
   transform: scale(0.98);
  display: flex;
  justify-content: center;
  align-items:center;
  width: 100%;
    pointer-events: none;
  -webkit-touch-callout: none;
   transition: all ease 0.3s;

}

element.style {
}
* {
    box-sizing: inherit;
   
}

section{
   transform: scale(1);
  position: relative;
    display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  height:100%;
  width:100%;
  border: solid transparent 1px;
 transition: all ease 0.2s;
}

user agent stylesheet


div {
  
    display: block;
    unicode-bidi: isolate;
  
}
body {
    color: var(--color-on-background);
    font-family: var(--font-family-base);
    font-size: calc(var(--font-body-scale) * 1rem);
    line-height: 1.5;
    font-weight: var(--font-weight-base);
    font-style: var(--font-style-base);
    text-transform: var(--text-transform-base);
}
:root {
    --color-primary: #000000;
    --color-on-primary: #bfbfbf;
    --color-background: #191919;
    --color-on-background: #bfbfbf;
    --color-product-image-background: rgba(191, 191, 191, 0.1);
    --color-primary-rgb: 0, 0, 0;
    --color-on-primary-rgb: 191, 191, 191;
    --color-background-rgb: 25, 25, 25;
    --color-on-background-rgb: 191, 191, 191;
    --color-background-brightness: 25;
    --pale-background-alpha: calc(0.1 - 0.06 * var(--color-background-brightness) / 255);
    --primary-button-border-radius: 10px 10px 10px 10px;
    --input-corner-radius: 16px;
    --image-corner-radius: 10px;
    --font-family-base: "EB Garamond", serif;
    --font-family-heading: "EB Garamond", serif;
    --font-weight-base: 400;
    --font-family-base-url: https://themes.fourthwall.com/themes/fonts/woff2/eb_garamond_n4.woff2;
    --font-family-base-name: "EB Garamond";
    --font-weight-base-bold: bolder;
    --font-weight-heading: 400;
    --font-style-base: normal;
    --font-style-heading: normal;
    --text-transform-base: none;
    --text-transform-heading: uppercase;
    --logo-width: 40px;
    --image-ratio-padding: 133.34%;
    --font-body-scale: 0.95;
    --font-heading-scale: 1.0;
    --font-text-logo-scale: 0.4;
}
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

  h2 {
    font-family: 'Schwabacher', serif;
    font-size: 1.4em;
    text-transform: lowercase;
    text-align: left; 
    color: #bfbfbf;
    margin-top: 0.5em;
    transition: all 0.3s ease;
  }

@media only screen and (max-width: 1024px){
p {
 display: none;
  transition: all 0s;
}
  
h2 {
display: none;
    transition: all 0s;
}

.title{
font-size: calc(clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem)*1.2);
  top:calc(50% - calc(clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem)/1.9));
}

.author{
 font-size: calc(clamp(0.75rem, calc(0.682rem + 0.341vw), 0.94rem)*1);
top:-55%;
}

  img{
 max-width: 600px;
 min-width: 300px;
  width: 100%;
 display: flex;
  flex-flow: row;
margin-left: auto; 
margin-right: 0;
}

/*

section{
   transform: scale(0.89);
}
section:hover {
   transform: scale(0.9);
   }
   
*/
}
}
#fw-section-custom-html-21b4281f-6861-475d-87d9-12836ef5ed34 {

body{
  max-width:98%
}

.author{
  left:18%;
  top:-40%;
  transform: scale(0.98);
  text-shadow: 2px 2px 1px #000000;
  position: absolute;
  line-height: calc(clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem)/1.4);
  text-align: justify;
  text-justify: inter-word;
  margin: 0;
  padding: 0;
  z-index: 999;
  font-family: 'EB Garamond', serif;
  font-size: clamp(0.75rem, calc(0.682rem + 0.341vw), 0.94rem);
  text-transform: uppercase;
  color: #ffffff !important;
  transition: all ease-out 0.3s;
}

.title{
  top:calc(50% - calc(clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem)/1.7));
  left: 5%;
  transform: scale(0.98);
  text-shadow: 2px 2px 1px #000000;
  position: absolute;
  line-height: calc(clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem)/1.4);
  text-align: justify;
  text-justify: inter-word;
  margin: 0;
  padding: 0;
  z-index: 999;
  font-family: 'Schwabacher', serif;
  font-size: clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem);
  text-transform: lowercase;
  color: #ffffff !important;
  transition: all ease-out 0.3s;
}

 a:not(:focus){
   transition: ease-out 0.3s;
   }

a:focus .title,.author{
 transform: scale(1);
   margin-left: -0.1em;
  transition: all ease-out 0.6s;
  filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 1));
 box-shadow: inset 0 0 0 rgba(191, 191, 191, 0) !important;
  transition: ease-out 0.3s !important;
}

a:focus img {
  transform: scale(1);
  opacity: 0.6;
   transition: all ease 0.5s;
  }


  @media (min-width: 1024px){ 
 a:focus img {
  transform: translate(2.5em, 0px);
   transition: all ease 0.6s;
 }
  }







section{
  max-width: 1140px;
    display: flex;
  justify-content: center;
  align-items:center;
  width: 100%;
  margin: 0 auto;

}

*{
  padding: 0;
  text-decoration: none;
  margin: 0;
}

h2{
  padding-left: 100px;
}

p{

  padding-left: 100px;
    font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
   line-height: 1.2em;
}



  
section:hover .title,.author{
   transform: scale(1);
   margin-left: -0.1em;
  transition: all ease 0.5s;
  filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 1));
}

section:hover img {
  opacity: 0.6;
  transition: all ease 0.6s;
   transform: scale(1);
  }
  @media (min-width: 1024px){ 
 section:hover img {
   margin-left: 2em;
}
 }

img{
   transform: scale(0.98);
  display: flex;
  justify-content: center;
  align-items:center;
  width: 100%;
    pointer-events: none;
  -webkit-touch-callout: none;
   transition: all ease 0.3s;

}

element.style {
}
* {
    box-sizing: inherit;
   
}

section{
   transform: scale(1);
  position: relative;
    display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  height:100%;
  width:100%;
  border: solid transparent 1px;
 transition: all ease 0.2s;
}

user agent stylesheet


div {
  
    display: block;
    unicode-bidi: isolate;
  
}
body {
    color: var(--color-on-background);
    font-family: var(--font-family-base);
    font-size: calc(var(--font-body-scale) * 1rem);
    line-height: 1.5;
    font-weight: var(--font-weight-base);
    font-style: var(--font-style-base);
    text-transform: var(--text-transform-base);
}
:root {
    --color-primary: #000000;
    --color-on-primary: #bfbfbf;
    --color-background: #191919;
    --color-on-background: #bfbfbf;
    --color-product-image-background: rgba(191, 191, 191, 0.1);
    --color-primary-rgb: 0, 0, 0;
    --color-on-primary-rgb: 191, 191, 191;
    --color-background-rgb: 25, 25, 25;
    --color-on-background-rgb: 191, 191, 191;
    --color-background-brightness: 25;
    --pale-background-alpha: calc(0.1 - 0.06 * var(--color-background-brightness) / 255);
    --primary-button-border-radius: 10px 10px 10px 10px;
    --input-corner-radius: 16px;
    --image-corner-radius: 10px;
    --font-family-base: "EB Garamond", serif;
    --font-family-heading: "EB Garamond", serif;
    --font-weight-base: 400;
    --font-family-base-url: https://themes.fourthwall.com/themes/fonts/woff2/eb_garamond_n4.woff2;
    --font-family-base-name: "EB Garamond";
    --font-weight-base-bold: bolder;
    --font-weight-heading: 400;
    --font-style-base: normal;
    --font-style-heading: normal;
    --text-transform-base: none;
    --text-transform-heading: uppercase;
    --logo-width: 40px;
    --image-ratio-padding: 133.34%;
    --font-body-scale: 0.95;
    --font-heading-scale: 1.0;
    --font-text-logo-scale: 0.4;
}
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

  h2 {
    font-family: 'Schwabacher', serif;
    font-size: 1.4em;
    text-transform: lowercase;
    text-align: left; 
    color: #bfbfbf;
    margin-top: 0.5em;
    transition: all 0.3s ease;
  }

@media only screen and (max-width: 1024px){
p {
 display: none;
  transition: all 0s;
}
  
h2 {
display: none;
    transition: all 0s;
}

.title{
font-size: calc(clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem)*1.2);
  top:calc(50% - calc(clamp(2.25rem, calc(1.711rem + 2.695vw), 3.73rem)/1.9));
}

.author{
 font-size: calc(clamp(0.75rem, calc(0.682rem + 0.341vw), 0.94rem)*1);
top:-55%;
}

  img{
 max-width: 600px;
 min-width: 300px;
  width: 100%;
 display: flex;
  flex-flow: row;
margin-left: auto; 
margin-right: 0;
}

/*

section{
   transform: scale(0.89);
}
section:hover {
   transform: scale(0.9);
   }
   
*/
}
}
#fw-section-text-blocks-36a87669-936c-4810-a589-c1d04e0653d6 {

 *{
   padding: 0;
   margin-top: 0.3em;
   margin-bottom: 1em;
   border-right: transparent;
   border-left: transparent;
   border-bottom: transparent;
   border-radius: 0;
 }
div{
    border-top: transparent;
}

.button:hover{
transform: translate(0, 5px);
  transition: ease 0.3s;
}

.button{
  border-top: solid;
  margin-top: -2em;
  z-index: 2;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
transition: ease 0.2s;
}


section{

    max-width: 1200px;
  margin: 0 auto;

}

h2 {
    font-family: 'Schwabacher', serif;
    font-size: 6em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 2em;
    transition: all 0.3s ease;
}
}
}
#fw-section-links-list-be6b118e-8764-4010-ac96-f2bcef76ef55 {

 *{
   max-width: 1140px;
   width: 100%;
   border-top:transparent;
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
   text-align: center !important;
  text-justify: inter-word;
 line-break: normal;
   margin-top:0px !important;
 
 }

.text-blocks{
 padding-top: 0;
  margin-top: 0px;
}

.wrapper{
  padding-top: 32px;

}

.text-blocks{
max-width: 624px;
}
a{
  color: #525252;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
}



.button{
  display:flex;
   justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 3.2em;
  background: #191919;
  border-radius: 0.7em;
  border-top: solid;
  margin-top: -2em;
  z-index: 2;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
transition: ease 0.2s;
  max-width: 1140px;
  width:100%;
  background-color: solid #191919;
   border-top: solid 1px #525252;
  outline: 1px solid black;
  box-shadow: inset 0 -15em 10em rgba(0, 0, 0, 0.3);
  transition: ease-out 0.1s;
 filter: drop-shadow(0px 1px 0px #4d4d4d);

}



h4{
padding: 0 !important;
opacity: 50%;
  letter-spacing: 1px;
}
/*
a:focus{
    color: white !important;
}
*/

p, h4  {

padding: 0 !important;
  text-transform: none;
  max-width: 624px;
  text-align: justify !important;
  line-break: normal;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  columns: 1;
  column-gap: 1.5em;
  
}
section{
    padding-top: 32px;
  padding-bottom: 32px;
  margin-bottom: 0;
  padding-top: 0;
  text-align: center !important;
  margin: 0 auto;
  margin-left: auto;
  width: 100%;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
}
 
h2 {
    font-family: 'Schwabacher', serif;
    font-size: 6em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 2em;
    transition: all 0.3s ease;
}
}
}
#fw-section-text-blocks-78e73655-ea81-4213-9ffc-fb5f9968c80b {

 *{
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
   padding-bottom: 0!important;
 }

section{
  max-width: 1400px;
  margin: 0 auto;

}


h2 {
    font-family: 'Schwabacher', serif;
    font-size: 4em;
    text-transform: lowercase;
    text-align: center; 
  color: #525252;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 2em;
    transition: all 0.3s ease;
}
}
}
#fw-section-collection-template-collection-default {

@import url('https://fonts.cdnfonts.com/css/schwabacher');
*{
  transition: all ease-out 0.3s!important;
}


.main {
  line-break: normal;
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;

}

p {
    line-break: normal;
  text-align: justify;
  text-justify: inter
    -word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
}

h2, h1{
 font-family: 'Schwabacher', serif !important;
    font-size: 4em;
    text-transform: lowercase;
    text-align: center; 
  color: #525252;
    word-spacing: -0.2em;
    transition: all 0.1s ease;
}

@media only screen and (max-width: 1024px){
h2, h1{
  font-family: 'Schwabacher', serif !important;
   font-size: 3em;
    transition: all 0.1s ease;
}
}
}
#fw-section-links-list-539eeb0a-eafa-486e-ae1d-e06c0f61a87a {

 *{
   max-width: 1400px;
   width: 100%;
   border-top:transparent;
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
   text-align: center !important;
  text-justify: inter-word;
 line-break: normal;
   margin-top:0px !important;
 
 }

.text-blocks{
 padding-top: 0;
  margin-top: 0px;
}

.wrapper{
  padding-top: 32px;

}


.text-blocks{
max-width: 624px;
}




a{
  color: #525252;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
}



.button{
  display:flex;
   justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 3.2em;
  background: #191919;
  border-radius: 0.7em;
  border-top: solid;
  margin-top: -2em;
  z-index: 2;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
transition: ease 0.2s;
  max-width: 1400px;
  width:100%;
  background-color: solid #191919;
   border-top: solid 1px #525252;
  outline: 1px solid black;
  box-shadow: inset 0 -15em 10em rgba(0, 0, 0, 0.3);
  transition: ease-out 0.1s;
 filter: drop-shadow(0px -1px 0px #4d4d4d);

}

.button:hover{
   box-shadow: inset 0 -15em 10em rgba(0, 0, 0, 0.5);
  filter: drop-shadow(0px 1px 0px #4d4d4d);
 transition: 0.2s ease-in;
}


.button:not(:hover){
filter: drop-shadow(0px 2px 4px black) brightness(110%);

}

h4{
padding: 0 !important;
opacity: 50%;
  letter-spacing: 1px;
}
/*
a:focus{
    color: white !important;
}
*/

p, h4  {

padding: 0 !important;
  text-transform: none;
  max-width: 624px;
  text-align: justify !important;
  line-break: normal;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  columns: 1;
  column-gap: 1.5em;
  
}
section{
    padding-top: 32px;
  padding-bottom: 32px;
  margin-bottom: 0;
  padding-top: 0;
  text-align: center !important;
  margin: 0 auto;
  margin-left: auto;
  width: 100%;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
}
 
h2 {
    font-family: 'Schwabacher', serif;
    font-size: 6em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 2em;
    transition: all 0.3s ease;
}
}
}
#fw-section-text-blocks-3a3d5137-45ad-472f-b0bf-ad1cb1aa8946 {

 *{
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
   z-index:1;
 }

section{
  max-width: 1400px;
  margin: 0 auto;
  padding-bottom:0!important;
line-height:0!important;
  height: 1em;
}


h2 {
    font-family: 'Schwabacher', serif;
    font-size: 4em;
    text-transform: lowercase;
    text-align: center; 
  color: #525252;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 3em;
    transition: all 0.3s ease;
}
}
}
#fw-section-custom-html-2dd828b6-2418-4e73-bf87-7912a24b7070 {

*{overflow-x : clip}section{max-width: 100%;display: flex;justify-content: center;align-items:center;max-height: 60% !important;max-width: 100% !important;padding: 0;margin: 0;margin-left:-5px !important}.body{flex: 1;--angle: 2deg;position: relative;top: 0;left: 0;width: 100vw;height: 60vh;margin: 0!important;padding: 0!important;background: transparent;perspective: 1000px;overflow: visible;display: grid;grid-template-columns: 1fr 1fr 1fr;grid-template-rows: repeat(3, 1fr)}.grid{border: solid transparent 1px;width: 100%;height: 100%;z-index: 2}.grid-1:hover ~ .box{transform: rotate3d(1, 0, 0, var(--angle))translate(0, 2px);;transition: transform 0.6s ease-out}.grid-7:hover ~ .box{transform: rotate3d(-1, 0, 0, var(--angle))translate(0, -1px);;transition: 0.5s ease-in}.grid-7:not(:hover) ~ .box{filter:hue-rotate(40deg) saturate(0%) drop-shadow(0px 6px 4px black) brightness(110%);transition: 0.6s ease-out}.container{aspect-ratio: 1/1.44230 !important;display: flex;flex-direction: column;justify-content: center;align-items: center}.box{display: flex;flex: 1;align-items: center;justify-content: center;position: absolute;aspect-ratio: 1/1.44230 !important;left: 50%;margin-top: 0vmin;margin-left: -50vmin;width: 100vmin;height: 100%;transform-style: preserve-3d;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transition: transform 0.8s}.box div{aspect-ratio: 1/1.44230 !important;border: 1px solid black;box-shadow: inset 0 -10em 10em rgba(0, 0, 0, 0.3);transition: ease-in 0.6s;filter: drop-shadow(0px -1px 0px #4d4d4d);display: inline-block;flex-direction: column;justify-content: center;align-items: center;position: absolute;box-sizing: border-box;aspect-ratio: 1 / 1.4423}.layer{width: 100%;aspect-ratio: 1/1.44230 !important;height: 100%}*{padding: 0;margin: 0;transition: ease 2s}.card{aspect-ratio: 1/1.44230 !important;flex: 1;display: inline-block;height: auto;min-height: 53.5vh;min-width: calc(53.5vh/1.44230);max-width: 624px !important;max-height: 900px !important;top: 30vh;right: 50%;transform: translate(50%,-50%);background: #191919;border-radius: 1em;max-width: 624px !important;max-height: 900px !important;width: auto;border: solid black 1px;filter: drop-shadow(0px 0px 2px #bfbfbf);background-size:100% 100%;background-repeat: no-repeat;z-index: 50}.card::after{left: 0;right: 0;display: block;position: static;aspect-ratio: 1/1.44230 !important;max-width: 624px;max-height: 900px;border: solid transparent 1px;background: #191919;border-radius: 1em}img{aspect-ratio: 1/1.44230 !important;width:auto;height: auto;max-height: 900px;max-width: 624px}overlay img{width: 100%;height: 100%;object-fit: contain}box img{width: 100%;height: 100%;object-fit: contain}@media only screen and (max-width: 1024px){.body{--angle: 5deg}.grid-7:not(:hover) ~ .box{filter: hue-rotate(40deg) saturate(0%) drop-shadow(0px 6px 4px black)}section{margin-left:0px !important}}.grid-1:hover ~ .overlay{transform: rotate3d(1, 0, 0, var(--angle))translate(0, 2px);transition: all 0.6s ease-out;filter: drop-shadow(0px 15px 10px black)}.grid-7:hover ~ .overlay{transform: rotate3d(-1, 0, 0, var(--angle))translate(0, -1px);;transition: 0.5s ease-in}.grid-1:not(:hover) ~ .overlay{opacity: 0;transition: 0.8s}.overlay{opacity:50%;z-index: 1;display: flex;flex: 1;align-items: center;justify-content: center;position: absolute;aspect-ratio: 1/1.44230 !important;left: 50%;margin-top: 0vmin;margin-left: -50vmin;width: 100vmin;height: 100%;transform-style: preserve-3d;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transition: transform 0.8s;transition: opacity ease 0.8s}.overlay div{aspect-ratio: 1/1.44230 !important;border: 1px solid black;box-shadow: inset 0 10em 10em rgba(0, 0, 0, 0.3);transition: ease-in 0.6s;filter: drop-shadow(0px -1px 0px #4d4d4d);display: inline-block;flex-direction: column;justify-content: center;align-items: center;position: absolute;aspect-ratio: 1 / 1.4423}.highlight{background-blend-mode:screen;aspect-ratio: 1/1.44230 !important;flex: 1;display: inline-block;height: auto;min-height: 53.5vh;min-width: calc(53.5vh/1.44230);max-width: 624px !important;max-height: 900px !important;top: 30vh;right: 50%;transform: translate(50%,-50%);background: #191919;border-radius: 1em;max-width: 624px;max-height: 900px;width: auto;border: solid black 1px;filter: drop-shadow(0px 0px 2px #bfbfbf);background-size:100% 100%;background-repeat: no-repeat;z-index: 50}.highlight::after{left: 0;right: 0;display: block;position: static;aspect-ratio: 1/1.44230 !important;max-width: 624px;max-height: 900px;border: solid transparent 1px;background: #191919;border-radius: 1em}@media only screen and (max-width: 1024px){.grid-1:not(:hover) ~ .overlay{filter: drop-shadow(0px 6px 4px black)}}

}
#fw-section-custom-html-b037b7df-b275-49cc-84a1-83fe93f8ddad {

* { overflow-x : clip; 
}

section{
  max-width: 100%;
    display: flex;
  justify-content: center;
  align-items:center;
  max-height: 60% !important;
  max-width: 100% !important;
  padding: 0;
  margin: 0;
    margin-left:-5px !important;
}


.body {
  flex: 1;
  --angle: 2deg;
  position: relative;
  top: 0;
  left: 0;
  width: 100vw;
  height: 60vh;
  margin: 0!important;
  padding: 0!important;
  background: transparent;
  perspective: 1000px;
  overflow: visible;
  display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: repeat(3, 1fr);

}


.grid {

  border: solid transparent 1px;
  width: 100%;
  height: 100%;
  z-index: 2;

  
}
/*
.grid-0:hover ~ .box {
  transform: rotate3d(-1, 1, 1, var(--angle));
  transition: transform 0.6s ease-out;
}
*/

.grid-1:hover ~ .box {
  transform: rotate3d(1, 0, 0, var(--angle))  translate(0, 2px);;
  transition: transform 0.6s ease-out;
}

  
/*
.grid-2:hover ~ .box {
  transform: rotate3d(1, -1, -1, var(--angle));
  transition: transform 0.6s ease-out;
}

.grid-3:hover ~ .box {
  transform: rotate3d(0, 1, 0, var(--angle));
  transition: transform 0.6s ease-out;
}

.grid-4:hover ~ .box {
  transform: rotate3d(0, 0, 0, var(--angle));
    transition: transform 0.6s ease-out;
}

.grid-5:hover ~ .box {
  transform: rotate3d(0, -1, 0, var(--angle));
}


.grid-6:hover ~ .box {
  transform: rotate3d(1, 1, -1, var(--angle));
}
*/

.grid-7:hover ~ .box {
  transform: rotate3d(-1, 0, 0, var(--angle))  translate(0, -1px);;
 transition: 0.5s ease-in;
}
.grid-7:not(:hover) ~ .box { 
  
  filter:  hue-rotate(40deg) saturate(0%) drop-shadow(0px 6px 4px black) brightness(110%);
  transition: 0.6s ease-out;
}
/*

.grid-8:hover ~ .box {
  transform: rotate3d(-1, -1, 1, var(--angle));
}
*/

.container{
  aspect-ratio: 1/1.44230 !important;
   display: flex;
  flex-direction: column ;
   justify-content: center;
  align-items: center;
}

.box {

  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  position: absolute;
 aspect-ratio: 1/1.44230 !important;
  left: 50%;
  margin-top: 0vmin;
  margin-left: -50vmin;
  width: 100vmin;
  height: 100%;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transition: transform 0.8s;
}


.box div {
  aspect-ratio: 1/1.44230 !important;
  border: 1px solid black;
  box-shadow: inset 0 -10em 10em rgba(0, 0, 0, 0.3);
  transition: ease-in 0.6s;
 filter: drop-shadow(0px -1px 0px #4d4d4d);
  display: inline-block;
  flex-direction: column ;
  justify-content: center;
  align-items: center;
  position: absolute;
  box-sizing: border-box;
  aspect-ratio: 1 / 1.4423;
  
}


.layer {
  width: 100%;
   aspect-ratio: 1/1.44230 !important;
  height: 100%;
}

*{
  padding: 0;
  margin: 0;
    transition: ease 2s;
}
/*
section:not(:hover) {
filter: hue-rotate(40deg) saturate(0%) drop-shadow(0px 10px 6px black);
  transition: 0.6s ease-out;

}
*/
.card {
   aspect-ratio: 1/1.44230 !important;
    flex: 1;
   display: inline-block;
height: auto;
  min-height: 53.5vh;
  min-width: calc(53.5vh/1.44230);
  max-width: 624px !important;
  max-height: 900px !important;
   top: 30vh;
  right: 50%;
  transform: translate(50%,-50%);
  background: #191919;
   border-radius: 1em;
    max-width: 624px !important;
  max-height: 900px !important;
  width: auto;
  border: solid black 1px;
  filter: drop-shadow(0px 0px 2px #bfbfbf);
  background-size:100% 100%; 
  background-repeat: no-repeat;
z-index: 50;
}



.card::after {
   
  left: 0;
  right: 0;
  display: block;
  position: static;
 aspect-ratio: 1/1.44230 !important;
  max-width: 624px;
  max-height: 900px;
   border: solid transparent 1px;
  background: #191919;
  border-radius: 1em;
}

img{
 aspect-ratio: 1/1.44230 !important;
width:auto;
    height: auto;
  max-height: 900px;
  max-width: 624px;


}

overlay img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  }

box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}


@media only screen and (max-width: 1024px){
.body {
  --angle: 5deg;
}
  .grid-7:not(:hover) ~ .box { 
filter: hue-rotate(40deg) saturate(0%) drop-shadow(0px 6px 4px black);
  }
section{
 margin-left:0px !important;

}

}



/*
.grid-0:hover ~ .overlay {
  transform: rotate3d(-1, 1, 1, var(--angle));
  transition: transform 0.6s ease-out;
}
*/

.grid-1:hover ~ .overlay {
  transform: rotate3d(1, 0, 0, var(--angle))  translate(0, 2px);
  transition: all 0.6s ease-out;
filter: drop-shadow(0px 15px 10px black) 
}

  
/*
.grid-2:hover ~ .overlay {
  transform: rotate3d(1, -1, -1, var(--angle));
  transition: transform 0.6s ease-out;
}

.grid-3:hover ~ .overlay {
  transform: rotate3d(0, 1, 0, var(--angle));
  transition: transform 0.6s ease-out;
}

.grid-4:hover ~ .overlay {
  transform: rotate3d(0, 0, 0, var(--angle));
    transition: transform 0.6s ease-out;
}

.grid-5:hover ~ .overlay {
  transform: rotate3d(0, -1, 0, var(--angle));
}


.grid-6:hover ~ .overlay {
  transform: rotate3d(1, 1, -1, var(--angle));
}
*/

.grid-7:hover ~ .overlay {
  transform: rotate3d(-1, 0, 0, var(--angle))  translate(0, -1px);;
 transition: 0.5s ease-in;

}
.grid-1:not(:hover) ~ .overlay { 
  opacity: 0;
  transition: 0.8s;
}
/*

.grid-8:hover ~ .overlay {
  transform: rotate3d(-1, -1, 1, var(--angle));
}
*/


.overlay {

  opacity:50%;
  z-index: 1;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  position: absolute;
 aspect-ratio: 1/1.44230 !important;
  left: 50%;
  margin-top: 0vmin;
  margin-left: -50vmin;
  width: 100vmin;
  height: 100%;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transition: transform 0.8s;
    transition: opacity ease 0.8s;
}


.overlay div {
  aspect-ratio: 1/1.44230 !important;
  border: 1px solid black;
  box-shadow: inset 0 10em 10em rgba(0, 0, 0, 0.3);
  transition: ease-in 0.6s;
 filter: drop-shadow(0px -1px 0px #4d4d4d);
  display: inline-block;
  flex-direction: column ;
  justify-content: center;
  align-items: center;
  position: absolute;
  overlay-sizing: border-overlay;
  aspect-ratio: 1 / 1.4423;
  
}


.highlight {
background-blend-mode:screen;
   aspect-ratio: 1/1.44230 !important;
    flex: 1;
   display: inline-block;
height: auto;
 min-height: 53.5vh;
  min-width: calc(53.5vh/1.44230);
  max-width: 624px !important;
  max-height: 900px !important;
   top: 30vh;
  right: 50%;
  transform: translate(50%,-50%);
  background: #191919;
   border-radius: 1em;
    max-width: 624px;
  max-height: 900px;
  width: auto;
  border: solid black 1px;
  filter: drop-shadow(0px 0px 2px #bfbfbf);
  background-size:100% 100%; 
  background-repeat: no-repeat;
z-index: 50;
}



.highlight::after {
   
  left: 0;
  right: 0;
  display: block;
  position: static;
 aspect-ratio: 1/1.44230 !important;
  max-width: 624px;
  max-height: 900px;
   border: solid transparent 1px;
  background: #191919;
  border-radius: 1em;
}


@media only screen and (max-width: 1024px){

  .grid-1:not(:hover) ~ .overlay { 
filter: drop-shadow(0px 6px 4px black);
  }


}

}
#fw-section-custom-html-8f276f56-f739-48e3-8123-ddf7ec9f626b {



section{
  padding: 0;
  margin: 0;
    margin-left:-5px !important;

}

.body {

  --angle: 2deg;
  position: relative;
  top: 0;
  left: 0;
  width: 100vw;
  height: 60vh;
  margin: 0!important;
  padding: 0!important;
  background: transparent;
  perspective: 1000px;
  overflow: visible;
  display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);


}


.grid {
  width: 100%;
  height: 100%;
  z-index: 2;
    border: solid transparent 1px;
  
}
/*
.grid-0:hover ~ .box {
  transform: rotate3d(-1, 1, 1, var(--angle));
  transition: transform 0.6s ease-out;
}
*/

.grid-1:hover ~ .box {
  transform: rotate3d(1, 0, 0, var(--angle))  translate(0, 2px);;
  transition: transform 0.6s ease-out;
}

  
/*
.grid-2:hover ~ .box {
  transform: rotate3d(1, -1, -1, var(--angle));
  transition: transform 0.6s ease-out;
}

.grid-3:hover ~ .box {
  transform: rotate3d(0, 1, 0, var(--angle));
  transition: transform 0.6s ease-out;
}

.grid-4:hover ~ .box {
  transform: rotate3d(0, 0, 0, var(--angle));
    transition: transform 0.6s ease-out;
}

.grid-5:hover ~ .box {
  transform: rotate3d(0, -1, 0, var(--angle));
}


.grid-6:hover ~ .box {
  transform: rotate3d(1, 1, -1, var(--angle));
}
*/

.grid-7:hover ~ .box {
  transform: rotate3d(-1, 0, 0, var(--angle))  translate(0, -1px);;
 transition: 0.5s ease-in;

}
.grid-7:not(:hover) ~ .box { 
  
  filter:  hue-rotate(40deg) saturate(0%) drop-shadow(0px 6px 4px black) brightness(110%);
  transition: 0.6s ease-out;
}
/*

.grid-8:hover ~ .box {
  transform: rotate3d(-1, -1, 1, var(--angle));
}
*/

.container{
   display: flex;
  flex-direction: column ;
   justify-content: center;
  align-items: center;
}

.box {

  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  position: absolute;
 aspect-ratio: 1/1.44230 !important;
  left: 50%;
  margin-top: 0vmin;
  margin-left: -50vmin;
  width: 100vmin;
  height: 100%;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transition: transform 0.8s;
}


.box div {
  aspect-ratio: 1/1.44230 !important;
  border: 1px solid black;
  box-shadow: inset 0 -15em 10em rgba(0, 0, 0, 0.3);
  transition: ease-in 0.6s;
 filter: drop-shadow(0px -1px 0px #4d4d4d);
  display: inline-block;
  flex-direction: column ;
  justify-content: center;
  align-items: center;
  position: absolute;
  box-sizing: border-box;
  aspect-ratio: 1 / 1.4423;
  
}


.layer {
  width: 100%;
   aspect-ratio: 1/1.44230 !important;
  height: 100%;
}

*{
  padding: 0;
  margin: 0;
    transition: ease 2s;
}
/*
section:not(:hover) {
filter: hue-rotate(40deg) saturate(0%) drop-shadow(0px 10px 6px black);
  transition: 0.6s ease-out;

}
*/
.card {
   aspect-ratio: 1/1.44230 !important;
    flex: 1;
   display: inline-block;
height: auto;
 
  min-width: calc(53.5vh/1.44230);
  max-width: 624px !important;
  max-height: 900px !important;
   top: 30vh;
  right: 50%;
  transform: translate(50%,-50%);
  background: #191919;
   border-radius: 1em;
    max-width: 624px;
  max-height: 900px;
  width: auto;
  border: solid black 1px;
  filter: drop-shadow(0px 0px 2px #bfbfbf);
  background-size:100% 100%; 
  background-repeat: no-repeat;
z-index: 50;
}



.card::after {
   
  left: 0;
  right: 0;
  display: block;
  position: static;
 aspect-ratio: 1/1.44230 !important;
  max-width: 624px;
  max-height: 900px;
   border: solid transparent 1px;
  background: #191919;
  border-radius: 1em;
}

img{
 aspect-ratio: 1/1.44230 !important;
width:auto;
    height: auto;
  max-height: 900px;


}

@media only screen and (max-width: 1024px){
.body {
  --angle: 5deg;
}
  .grid-7:not(:hover) ~ .box { 
filter: hue-rotate(40deg) saturate(0%) drop-shadow(0px 6px 4px black);
  }
section{
 margin-left:0px !important;

}

}
}
#fw-section-custom-html-cf291dff-0ff6-4173-a39e-7892f15c4905 {

.body {
  --angle: 7deg;
  position: static;
  top: 0;
  left: 0;
  width: 100vw;
  height: 55vh;
  margin: 0!important;
  padding: 0!important;
  background: transparent;
  perspective: 1000px;
  overflow: hidden;
  display: block;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);


}
}
#fw-section-custom-html-03189c42-3862-4078-81e0-08faec125feb {

.holographic-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
}

.holographic-card {
  width: 624px;
  height: 900px;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  border-radius: 25px;
  transition: all 0.5s ease;
background-image: url('https://imgproxy.fourthwall.com/7l5ZkWppbrDSEywRs7YgXJnReXN9BaFOLRPy3YRGS9M/w:1920/sm:1/enc/pGWEL2HMJAZk7nYD/Qw90jVL5Lozp873T/ZaSMRjZgIGj5sH7t/d-MwAMdwqhnVCJnp/PWZp8t0UJs4xrJig/EfJJDKMdsVRuNv6F/CwYYEbJG5CI1R0Ds/ZyBAp3QSbQA1Fz1X/LGXvDl6-bMyz7-hI/kKnYYll-T-Bd0psE/JZgKghr-GjbVp3Kz/lyWW6eDCaVauX8w6/rp3f-Wi0T4lQxSYa/MmSQNlboxBhW11DJ/wr1hoZIvfrfnxAob/N_CrCsBJq3ewom34');
}

.holographic-card p {
  position: relative;
  z-index: 2;
}

.holographic-card::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
   rgba(176,170,170,0.3)
  );
  transform: rotate(-45deg);
  transition: all 2s ease;
  filter: blur(2px);
  opacity: 0;
}

.holographic-card:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(255,191,0,0.0);
}

.holographic-card:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}
}
#fw-section-rich-text-d93503b8-e2e0-4945-afe8-b37c8aff2bb7 {

 *{
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
 }



p {
  text-align: center;
  line-break: normal;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  columns: 1;
  column-gap: 1.5em;
  
}

section{
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

h2 {
    font-family: 'Schwabacher', serif;
    font-size: 6em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 2em;
    transition: all 0.3s ease;
}
}
}
#fw-section-text-blocks-c54a3e0d-53d1-428b-8da5-8bfe63de851f {

 *{
   border-top:transparent;
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
   text-align: center !important;
  text-justify: inter-word;
 line-break: normal;
   padding-bottom: 0;
      z-index:1;
 }

.text-blocks__item-content{
  padding-top: 0 !important;
}

a:focus{
  color: white !important;
}




.text-blocks{
max-width: 648px;
}


a{
  color: #525252;
}

.button{
  display:inherit;
   justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 3.2em;
  background: #191919;
  border-radius: 0.7em;
  border-top: solid;
  margin-top: -2em;
  z-index: 2;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  max-width: 620px;
  width:100%;
  background-color: solid #191919;
   border-top: solid 1px #525252;
  outline: 1px solid black;
  box-shadow: inset 0 -15em 10em rgba(0, 0, 0, 0.3);
  transition: ease-out 0.1s;
 filter: drop-shadow(0px -1px 0px #4d4d4d);

}

h4{
padding: 0;
opacity: 50%;
  letter-spacing: 1px;
}


p, h4  {

  text-transform: none;
  max-width: 624px;
  text-align: justify !important;
  line-break: normal;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  columns: 1;
  column-gap: 1.5em;
  
}
section{
  padding-top: 0 !important;
  text-align: center !important;
  margin: 0 auto;
  margin-left: auto;
  width: 100%;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
}

h2 {
  padding-top: 0 !important;
  margin-top: 0 !important;
  visibility: hidden;
  opacity: 0%;
    font-family: 'Schwabacher', serif;
    font-size: 6em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    word-spacing: -0.2em;
    transition: all 0.1s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 2em;
    transition: all 0.1s ease;
}
}
}
#fw-section-links-list-4d8cfb62-a720-4e66-9cb2-31beb4e9d724 {

 *{
   max-width: 624px;
   width: 100%;
   border-top:transparent;
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
   text-align: center !important;
  text-justify: inter-word;
 line-break: normal;
   margin-top:0px !important;
 
 }

.text-blocks{
 padding-top: 0;
  margin-top: 0px;
}

.wrapper{
  padding-top: 32px;

}


.text-blocks{
max-width: 624px;
}


a{
  color: #525252;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
}



.button{
  display:flex;
   justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 3.2em;
  background: #191919;
  border-radius: 0.7em;
  border-top: solid;
  margin-top: -2em;
  z-index: 2;
   font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
transition: ease 0.2s;
  max-width: 1140px;
  width:100%;
  background-color: solid #191919;
   border-top: solid 1px #525252;
  outline: 1px solid black;
  box-shadow: inset 0 -15em 10em rgba(0, 0, 0, 0.3);
  transition: ease-out 0.1s;
 filter: drop-shadow(0px 1px 0px #4d4d4d);

}



h4{
padding: 0 !important;
opacity: 50%;
  letter-spacing: 1px;
}
/*
a:focus{
    color: white !important;
}
*/

p, h4  {

padding: 0 !important;
  text-transform: none;
  max-width: 624px;
  text-align: justify !important;
  line-break: normal;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  columns: 1;
  column-gap: 1.5em;
  
}
section{
    padding-top: 32px;
  padding-bottom: 32px;
  margin-bottom: 0;
  padding-top: 0;
  text-align: center !important;
  margin: 0 auto;
  margin-left: auto;
  width: 100%;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
}
 
h2 {
    font-family: 'Schwabacher', serif;
    font-size: 6em;
    text-transform: lowercase;
    text-align: center; 
    color: #bfbfbf;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 2em;
    transition: all 0.3s ease;
}
}
}
#fw-section-links-list-979ee737-aa82-4a16-bc85-4072d6300c73 {
--color-primary: #191919;
--color-primary-rgb: 25, 25, 25;
--color-background: #191919;
--color-background-rgb: 25, 25, 25;
--color-on-background: #bfbfbf;
--color-on-background-rgb: 191, 191, 191;
--color-on-primary: #bfbfbf;
--color-on-primary-rgb: 191, 191, 191;
--color-product-image-background: #bfbfbf;
--color-background-brightness: 25;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #191919;
--primary-btn-text: #bfbfbf;
--primary-btn-border-color: #bfbfbf;
--secondary-btn-bg: transparent;
--secondary-btn-text: #bfbfbf;
--secondary-btn-border-color: #bfbfbf;
wrapper{
  display:flex;
  align-items: center;
  align-self: center;
  left:50%;
    max-width: 624px;
}

section{
  margin-top: 5em;
}

a, p, h4 {
  text-transform: none;
  max-width: 600px;
  text-align: center !important;
  line-break: normal;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  margin-left: auto;
  margin-right: auto;
  
}

.button--primary{
  max-width: 624px;
  background-color: solid #191919;
  border: 1px solid black;
  box-shadow: inset 0 -15em 10em rgba(0, 0, 0, 0.3);
  transition: ease-out 0.1s;
 filter: drop-shadow(0px -1px 0px #4d4d4d);

}

.button--primary:hover{
   box-shadow: inset 0 -15em 10em rgba(0, 0, 0, 0.5);
  filter: drop-shadow(0px 1px 0px #4d4d4d);
 transition: 0.2s ease-in;
}


.button--primary:not(:hover){
filter: drop-shadow(0px 4px 4px black) brightness(110%);

}

}
#fw-section-image-b3e11448-c46b-430d-9a08-c046534dd7c8 {

img{
  height: 50px;
width: 50px;

  
}
}

#fw-section-header {

@import url('https://fonts.cdnfonts.com/css/schwabacher');


ul
{
    font-family: 'Schwabacher', sans-serif;
    font-size: 130%;
    text-transform: lowercase; text-align: left; 
    color: #bfbfbf;
}

.header {
  
  overflow: visible;
  top: 0;
  width: 100%;
  height: auto;
}

img {
  opacity: 0;
}

.header__grid{

}

.admin-bar-container{
  display: none;
}


}
#fw-section-text-blocks-16e4eb9a-49d4-4191-bb7f-93a9ef15d5bb {

 *{
   border-bottom: transparent;
   border-right: transparent;
   border-left: transparent;
   border-radius: 0;
   padding-bottom: 0!important;
 }

section{
  max-width: 1400px;
  margin: 0 auto;

}


h2 {
    font-family: 'Schwabacher', serif;
    font-size: 4em;
    text-transform: lowercase;
    text-align: center; 
  color: #525252;
    word-spacing: -0.2em;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
   font-size: 2em;
    transition: all 0.3s ease;
}
}
}
#fw-section-product-product-default {

.product-info__description {
  line-break: normal;
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
}

p{
    line-break: normal;
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
}

  h2 {
    font-family: 'Schwabacher', serif;
    font-size: 1.7em;
      color: #525252;
    text-transform: lowercase;
    text-align: left; 
  }


}
#fw-section-product-recommendations-product-default {
--font-heading-scale: 0.7;
--font-body-scale: 0.95;
}
#fw-section-product-recommendations-product-default {

section{
 display: flex;
flex-direction: column;
align-items: center;
}
*{
  transition: all ease-out 0.3s!important;
}

.collection{
flex:1;
width: 100%;

}


.product-info__description {
  line-break: normal;
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
  
}

p{
    line-break: normal;
  text-align: justify;
  text-justify: inter-word;
  font-family: eb garamond, serif; text-align: left;
  font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);
  display: block;
}


  h2 {
    text-transform: lowercase;
    text-align: center; 
     font-size: clamp(0.73rem, calc(0.655rem + 0.377vw), 0.84rem);

    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px){
h2{
    transition: all 0.3s ease;
}
}
}