@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap');
body{
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
span, p, a, li, div, button, div {
  font-family: "Open Sans", sans-serif !important;
  font-optical-sizing: auto !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Cormorant Garamond !important;
	font-weight: 300!important;
}
.contact-card-text a,
.contact-card-text span{
	font-family: Cormorant Garamond !important;
}
.syne-font {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
.line {
    height: 2px;
    width: 0;
    background: #000;
    transition: width 1.2s ease;
}

.line.loaded {
    width: 100px;
}
.beautiful{
    font-size: 4.5rem;
}
.fairhall-container {
    background-color: #ffffff;
    padding: 20px;
    box-shadow: 0 0 12px rgba(0, 0, 0, .12);
    max-width: 90%;
    left: 5%;
    position: relative;
}
.pre-wrap{
	white-space: pre-wrap;
}
.cus-banner-arrows{
	font-size: 4rem;
	color: black;
}
.banner-carousel-control-prev{
	justify-content: start !important;
}
.banner-carousel-control-next{
	justify-content: end !important;
}
.nav-logo{
	max-width: 150px;
	max-height: 150px;
}
.cus-navbar-nav{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/*
---------------------------------------
hover effect 30
---------------------------------------
*/
.cus-navbar-nav a{
	position:relative;
}
.cus-navbar-nav a:before, .cus-navbar-nav a:after {
	content: "";
	transition: 0.5s all ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	width: 0;
	height: 2px;
	background: rgba(255, 255, 255, 0.5);
}

.cus-navbar-nav a:before {
	right: 0;
	top: 0;
}

.cus-navbar-nav a:after {
	left: 0;
	bottom: 0;
}

.cus-navbar-nav a:hover:before, .cus-navbar-nav a:hover:after {
	width: 100%;
	background: #000;
}

.arrows-container-img-cat{
	position: relative;
	height: 60px;
}
.cus-img-cat-arrows{
	font-size: 3rem;
	color: black;
}
.img-cat-carousel-control-prev{
	position: absolute;
	top: 0;
	left: 100% !important;
	justify-content: center !important;
	width: 5% !important;
	transform: translate(-100%, -20%);
}
.img-cat-carousel-control-next{
	position: absolute;
	top: 200%;
	left: 100% !important;
	justify-content: center !important;
	width: 5% !important;
	transform: translate(-100%, 100%);
}
.img-cat-carousel-item:nth-of-type(1) {
	background-color: #e77fa0; /* Light Red */
}

.img-cat-carousel-item:nth-of-type(2) {
	background-color: #e49919; /* Light Green */
}

.img-cat-carousel-item:nth-of-type(3) {
	background-color: #009f9a; /* Light Blue */
}
.img-cat-image{
	object-fit: cover;
}
.img-cat-desc{
	font-size: 18px;
	line-height: 2.5;
}
.explore-img-cat-btn{
	color: #fff;
	font-size: 17px;
	background: transparent;
	border: 1px solid #fff;
	padding: 10px;
	transition: all 0.5s ease;
}
.explore-img-cat-btn:hover{
	color: #69271b;
	background-color: #fff;
	transition: all 0.5s ease;
}
.recent-image{
	border: 7px solid #dcd9d4;
	width: 100%;
	height: auto;
}
.recent-cap{
}
.view-more-btn{
	color: #000;
	font-size: 17px;
	background: transparent;
	border: 1px solid #000;
	padding: 10px;
	transition: all 0.5s ease;
}
.view-more-btn:hover{
	background: #d3d3d3;
	transition: all 0.5s ease;
}
.intro-sec{
	background-color: #f4f3ee;
}
.the-artist{
	color: #b6b4b4 !important;
}
.intro-btn{
	background: #fff;
	padding: 10px 80px;
	color: #000;
	font-size: 16px;
	transition: all 0.5s ease;
}
.intro-btn:hover{
	background: transparent;
	border: 1px solid #000;
	transition: all 0.5s ease;
}
.intro-desc{
	font-size: 18px;
}



/* =============== Hero — Classy Strokes =============== */
.cs-hero{
  background:#fbf2e8;                           /* warm ivory */
  padding-block: clamp(56px, 8vw, 110px);
}

.cs-hero__container{
  box-sizing:border-box;
  max-width:1200px;                              /* desktop width similar to comp */
  margin:0 auto;
  padding-inline:24px;
  display:grid;
  grid-template-columns: minmax(480px,1fr) min(520px,42vw);
  gap: clamp(28px, 5vw, 84px);
  align-items:center;
}

/* -------- Typography -------- */
.cs-hero__text{ color:#1f1a17; }

.cs-hero__title{
  font-family: var(--cs-serif,"Playfair Display",ui-serif,Georgia,serif);
  font-weight:400;
  line-height:1.08;
  /* smaller + capped for nicer wrapping */
  font-size: clamp(32px, 3.5vw, 62px);
  letter-spacing:.1px;
  margin:0 0 18px;

}

.cs-hero__sub{
  font-family: var(--cs-sans,"Lora",ui-sans-serif,system-ui,Arial);
  font-size: clamp(14px, 1.2vw, 18px);
  line-height:1.75;
  color:#3a322d;
  max-width:58ch;
  margin:0;
}




/* HERO image: using pre-arched asset — no CSS arching needed */
.cs-hero__arch {
  justify-self: end;
  width: min(520px, 42vw);
  margin: 0;

  /* neutralize any previous arch/box rules */
  overflow: visible !important;
  aspect-ratio: auto !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* keep the class but make it a no-op */
.cs-hero__arch--plain {
  -webkit-mask: none !important;
  mask: none !important;
  clip-path: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* image respects its natural aspect ratio; no cropping */
.cs-hero__arch img {
  display: block;
  width: 100%;
  height: auto;           /* use the image’s own aspect */
  object-fit: contain;    /* or switch to 'cover' if you prefer edge-to-edge */
  object-position: center center;
}

/* mobile: image first and full width */
@media (max-width: 992px) {
  .cs-hero__arch {
    order: -1;
    width: min(640px, 100%);
  }
}


/* ---------- Elegant reveal (optional) ---------- */
.reveal-left,
.reveal-up {
    opacity: 0;
    will-change: transform, opacity;
    transition: transform 900ms cubic-bezier(.22,1,.36,1),
                opacity   900ms cubic-bezier(.22,1,.36,1);
    transition-delay: var(--reveal-delay, 0s);
}
.reveal-left { transform: translateX(-28px); }
.reveal-up   { transform: translateY(24px); }
.reveal-left.is-visible,
.reveal-up.is-visible { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce){
  .reveal-left,.reveal-up{ opacity:1; transform:none; transition:none; }
}

/* -------- Responsive (image first) -------- */
@media (max-width: 992px){
  .cs-hero__container{
    grid-template-columns: 1fr;
    gap:28px;
  }
  .cs-hero__arch{
    order:-1;                                    /* image FIRST on mobile */
    justify-self:center;
    width:min(640px,100%);
    aspect-ratio: 3 / 4;
  }
  .cs-hero__title{
    font-size: clamp(28px, 8vw, 48px);           /* smaller, comfortable mobile size */
    line-height:1.1;
    max-width: 22ch;
  }
  .cs-hero__sub{
    font-size: clamp(14px, 3.8vw, 16px);
  }
}
@media (min-width: 1600px){
  .cs-hero__container{
    max-width:1400px; 
  }
}




/* ===== Art Collection ===== */
.cs-collection {
    background:#fff;
    padding: clamp(56px, 8vw, 110px) 0;
}
.cs-collection__wrap {
    max-width:1200px;
    margin:0 auto;
    padding:0 24px;
}
.cs-collection__title{
    
    font-weight:400;
    line-height:1.18;
    font-size: clamp(26px, 3.2vw, 60px);
    text-align:center;
    color:#1f1a17;
    margin:0 0 clamp(32px,5vw,56px);
    text-wrap:balance;
}
.cs-collection__grid{
    display:grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: clamp(18px, 3vw, 40px);
}

/* Card */
.cs-card{ text-align:center; }
.cs-card__media{
    position:relative;
    display:block;
    overflow:hidden;
    aspect-ratio: 3 / 4;
    transform: translateZ(0);
    transition: box-shadow 600ms ease;
    box-shadow: 0 10px 28px rgba(0,0,0,.06);
}
.cs-card__media::after{
    /* elegant bottom highlight that grows on hover */
    content:"";
    position:absolute; inset:auto 0 0 0; height:2px;
    background: currentColor; opacity:.15;
    transform: scaleX(.2);
    transform-origin: left;
    transition: transform 700ms cubic-bezier(.22,1,.36,1), opacity 300ms ease;
}
.cs-card__media img{
    width:100%; height:100%; object-fit:cover; display:block;
    transition: transform 900ms cubic-bezier(.22,1,.36,1), filter 900ms ease;
    transform: scale(1) translateZ(0);
}
.cs-card:hover .cs-card__media,
.cs-card:focus-within .cs-card__media{
    box-shadow: 0 16px 44px rgba(0,0,0,.12);
}
.cs-card:hover .cs-card__media img,
.cs-card:focus-within .cs-card__media img{
    transform: scale(1.06) translateY(-2px);
    filter: saturate(1.02) contrast(1.02);
}
.cs-card:hover .cs-card__media::after,
.cs-card:focus-within .cs-card__media::after{
    transform: scaleX(1);
    opacity:.35;
}

.cs-card__eyebrow{
    font-family: var(--cs-sans,"Lora",ui-sans-serif,system-ui,Arial);
    color:#6b6058;
    font-size: 14px;
    margin: 14px 0 6px;
}
.cs-card__title{
    font-family: var(--cs-serif,"Playfair Display",ui-serif,Georgia,serif);
    font-weight:400;
    font-size: clamp(16px, 1.6vw, 22px);
    letter-spacing:.08em;
    text-transform: uppercase;
    color:#1f1a17;
    margin:0;
}

/* Reveal animations (same pattern as hero) */
.reveal-up{
    opacity:0;
    transform: translateY(24px);
    transition: transform 900ms cubic-bezier(.22,1,.36,1),
                opacity   900ms cubic-bezier(.22,1,.36,1);
    transition-delay: var(--reveal-delay, 0s);
    will-change: transform, opacity;
}
.reveal-up.is-visible{ opacity:1; transform:none; }

@media (prefers-reduced-motion: reduce){
    .reveal-up{ opacity:1; transform:none; transition:none; }
}

/* Responsive grid */
@media (max-width: 992px){
    .cs-collection__grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
    .cs-card__title{
      font-size: 1.5rem;
    }
}
@media (max-width: 640px){
    .cs-collection__grid{ grid-template-columns: 1fr; }
    .cs-collection__title{ font-size: clamp(22px, 6vw, 34px); }
}






/* ========= Process Section ========= */
.cs-process {
    background:#fbf2e8;
    padding: clamp(56px, 8vw, 110px) 0;
}
.cs-process__wrap {
    max-width:1200px;
    margin:0 auto;
    padding:0 24px;
    display:grid;
    grid-template-columns: 1.05fr 0.95fr;  /* text left, image right */
    gap: clamp(28px, 5vw, 80px);
    align-items:start;
}

/* Content */
.cs-process__title {
    margin:0 0 18px;
    line-height:1.15;
	font-weight: 400;
}
.cs-process__intro {
    color:#3a322d;
    line-height:1.8;
    max-width:62ch;
    margin:0 0 28px;
}

/* Steps */
.cs-steps {
    list-style:none;
    padding:0;
    margin:0;
    display:grid;
    row-gap:22px;
}
.cs-step {
    display:grid;
    grid-template-columns:auto 1fr;
    column-gap:16px;
    align-items:start;
}
.cs-step__num {
    color:#7a6f67;
    font-size:14px;
    letter-spacing:.14em;
    text-transform:uppercase;
    line-height:1;
    padding-top:.35em;
    position:relative;
}
.cs-step__num::after {
    content:"";
    position:absolute;
    left:0; right:-56px; top:1.1em;
    height:1px;
    background:rgba(0,0,0,.18);
	content: none !important;
}
.cs-step__title {
    margin:0 0 6px;
    font-weight:500;
}
.cs-step__text {
    margin:0;
    color:#564c45;
    line-height:1.7;
}

/* Media */
.cs-process__media {
    margin:0;
   
    overflow:hidden;
    background:#e8ded5;
    aspect-ratio:4 / 5;            /* tall portrait */
    box-shadow:0 16px 40px rgba(0,0,0,.10);
}
.cs-process__media img {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/* ---- Elegant reveal animations ---- */
.reveal-up {
    opacity:0;
    transform: translateY(24px);
    transition: transform 900ms cubic-bezier(.22,1,.36,1),
                opacity   900ms cubic-bezier(.22,1,.36,1);
    transition-delay: var(--reveal-delay, 0s);
    will-change: transform, opacity;
}
.reveal-up.is-visible {
    opacity:1;
    transform:none;
}
@media (prefers-reduced-motion: reduce) {
    .reveal-up { opacity:1; transform:none; transition:none; }
}

/* Responsive: stack & show image first */
@media (max-width: 992px) {
    .cs-process__wrap {
        grid-template-columns:1fr;
        gap:28px;
    }
    .cs-process__media {
        order:-1;                  /* image first on mobile */
        aspect-ratio: 4 / 5;
    }
}





/* ===== Studio section ===== */
.cs-studio{
    background:#461054;                 /* deep purple */
    color:#f3edf7;                      /* soft light text */
    padding: clamp(56px, 8vw, 120px) 0;
}
.cs-studio__wrap{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(28px, 6vw, 96px);
    align-items: center;
}

/* media */
.cs-studio__media{
    margin: 0;
    overflow: hidden;
    box-shadow: 0 18px 40px rgba(0,0,0,.22);
    /* background: #2e0a37; */
    /* aspect-ratio: 4 / 3;  */
}
.cs-studio__media img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

/* copy */
.cs-studio__copy{ max-width: 56ch; }
.cs-studio__title{
    margin: 0 0 16px;
    line-height: 1.15;
    font-weight: 400;
    /* font-size: clamp(28px, 3.2vw, 44px); */
    color: #fff;
}
.cs-studio__lead{
    margin: 0 0 28px;
    line-height: 1.8;
    font-size: clamp(18px, 1.6vw, 22px);
    color: #e7dff1;
}
.cs-process__intro{
    font-size: clamp(18px, 1.6vw, 22px);
}
/* button */
.cs-studio__btn{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #ffffff;
    color: #3f0d4b;
    border-radius: 0px;
    padding: 14px 22px;
    font-weight: 500;
    font-size: 1rem;
    text-decoration: none;
    box-shadow: 0 10px 28px rgba(0,0,0,.18);
    transition: transform .25s ease, box-shadow .25s ease, opacity .25s ease;
}
.cs-studio__btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 16px 40px rgba(0,0,0,.26);
}
.cs-studio__btn:active{
    transform: translateY(0);
    box-shadow: 0 8px 20px rgba(0,0,0,.2);
}

/* responsive: image first on mobile */
@media (max-width: 992px){
    .cs-studio__wrap{
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .cs-studio__media{
        order: -1;                      /* image above text */
        aspect-ratio: 4 / 3;
    }
}





/* ===== Art Gallery ===== */
.cs-gallery{
  background:#fff;
  padding: clamp(56px, 8vw, 110px) 0;
}
.cs-gallery__wrap{
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
}
.cs-gallery__title{
  text-align:center;
  font-weight:400;
  margin:0 0 clamp(26px,4vw,40px);
  line-height:1.15;
}

/* viewport + track */
.cs-gallery__viewport{
  --gap: 28px;               /* gutter between slides */
  --spv: 5;                  /* slides per view (desktop default) */
  overflow: hidden;          /* clip overscroll glow */
}
.cs-gallery__track{
  display:flex;
  gap: var(--gap);
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 6px;       /* a little room for shadows */
  scrollbar-width: none;     /* firefox hide bar */
  overflow-y: hidden;
}
.cs-gallery__track::-webkit-scrollbar{ display:none; }

/* slide width = responsive calc by --spv */
.cs-gallery__slide{
  flex: 0 0 calc((100% - (var(--gap) * (var(--spv) - 1))) / var(--spv));
  scroll-snap-align: start;
}

/* image card */
.cs-gallery__media{
  position:relative;
  display:block;
  border-radius: 0px;
  overflow:hidden;
  aspect-ratio: 3 / 4;
  background:#f2f2f2;
  box-shadow: 0 10px 26px rgba(0,0,0,.08);
  transform: translateZ(0);
  transition: box-shadow 450ms ease, transform 450ms ease;
}
.cs-gallery__media img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition: transform 700ms cubic-bezier(.22,1,.36,1);
}
.cs-gallery__media:hover,
.cs-gallery__media:focus{
  transform: translateY(-2px);
  box-shadow: 0 16px 40px rgba(0,0,0,.16);
}
.cs-gallery__media:hover img,
.cs-gallery__media:focus img{
  transform: scale(1.04);
}

/* controls */
.cs-gallery__controls{
  margin-top: clamp(18px,3.5vw,28px);
  display:flex; align-items:center; justify-content:center;
  gap: clamp(20px,5vw,80px);
  color:#1f1a17;
}
.cs-gallery__nav{
  /* background:transparent; border:1px solid rgba(0,0,0,.3);
  width:48px; height:40px; border-radius:999px;
  display:grid; place-items:center;
  cursor:pointer;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
   */
    background: transparent;
    border: 0px solid rgba(0, 0, 0, .3);
    /* width: 48px; */
    /* height: 40px; */
    /* border-radius: 999px; */
    /* display: grid; */
    /* place-items: center; */
    cursor: pointer;
    transition: transform .2s ease, background .2s ease, border-color .2s ease;
    padding: 10px 25px;
    font-size: 2rem;
}
.cs-gallery__nav:focus {
    background: transparent;
}
.cs-gallery__nav:hover{ background:#111; color:#fff; transform: translateY(-1px); border-color:#111; }
.cs-gallery__more{
  text-decoration:none; color:#1f1a17;
  font-size: clamp(16px,1.8vw,22px);
  position:relative;
}
.cs-gallery__more::after{
  content:""; position:absolute; left:0; right:0; bottom:-3px; height:1px;
  background: currentColor; opacity:.25; transform: scaleX(0);
  transform-origin:left; transition: transform .4s ease, opacity .2s ease;
}
.cs-gallery__more:hover::after{ transform: scaleX(1); opacity:.5; }

/* responsive slides-per-view */
@media (max-width: 1200px){
  .cs-gallery__viewport{ --spv: 4; }
}
@media (max-width: 992px){
  .cs-gallery__viewport{ --spv: 3; }
  .cs-footer__right .text-start{
    text-align: center !important;
  }
  .cs-social.list-unstyled li{
    margin: auto;
  }
  /* .line-height-title{
    line-height: 2.5rem ;
  } */
}
@media (max-width: 640px){
  .cs-gallery__viewport{ --spv: 1; }
}

/* subtle reveal (optional; pairs with JS below) */
.cs-gallery__title,
.cs-gallery__slide{
  opacity:0; transform: translateY(24px);
  transition: transform 900ms cubic-bezier(.22,1,.36,1), opacity 900ms cubic-bezier(.22,1,.36,1);
  will-change: transform, opacity;
}
.cs-gallery__title.is-visible,
.cs-gallery__slide.is-visible{ opacity:1; transform:none; }

@media (prefers-reduced-motion: reduce){
  .cs-gallery__track{ scroll-behavior:auto; }
  .cs-gallery__title, .cs-gallery__slide{ opacity:1; transform:none; transition:none; }
}
.cs-gallery__slide::marker{
    content: none !important;
    display: none !important;
    visibility: hidden !important;
    font-size: 0 !important;
    height: 0 !important;
    width: 0 !important;
}



/* ===== Footer — type + spacing tune to match mock ===== */

.cs-footer {
        background: #fbf2e8;
        padding: 20px;
}
/* overall rhythm */
.cs-footer__row{
  padding-block: clamp(48px, 6vw, 84px);
}

/* Brand title (left column) */
.cs-footer__logo{
  font-weight: 400;
  line-height: 1.1;
  font-size: clamp(28px, 2.8vw, 40px);   /* ↑ a touch larger */
  margin-bottom: 18px;
}

/* Blurb paragraph */
.cs-footer__blurb{
  max-width: 48ch;
  font-size: clamp(14px, 1.1vw, 16px);   /* slightly smaller than body */
  line-height: 1.75;
  color: #3a322d;
  margin-bottom: 22px;
}

/* Subscribe row (compact, uppercase placeholder, strong CTA) */
.cs-subscribe__row{ max-width: 460px; gap: 12px; }
.cs-subscribe__input{
  padding: 12px 6px;
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0,0,0,.22);
}
.cs-subscribe__input::placeholder{ color:#8a7f77; }
.cs-subscribe__btn{
  padding: 10px 16px;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 700;
}

/* Socials size and tone */
.cs-social__link{
  font-size: 1.35rem;           /* ~22px */
  color:#1f1a17;
}
.cs-social__link:hover{ opacity:.75; }

/* Right column: vertical divider & padding */
.cs-footer__right{
  border-left: 1px solid rgba(0,0,0,.12);
  padding-left: clamp(28px, 3.2vw, 56px);
}

/* Section headings (Menu / Contact) */
.cs-footer__heading{
  font-weight: 500 !important;
  font-size: clamp(22px, 1.8vw, 30px);
  letter-spacing: .04em;
  margin-bottom: 14px;
  color:#2b241f;
}

/* Menu items: small, uppercase with tracking */
.cs-footer__links a{
  text-transform: capitalize;
  font-size: clamp(12px, 1vw, 16px);
  letter-spacing: .12em;
  color:#6b6058;
  text-decoration: none;
}
.cs-footer__contact a {
  /* text-transform: capitalize; */
  font-size: clamp(12px, 1vw, 16px);
  letter-spacing: .12em;
  color: #6b6058;
  text-decoration: none;
}
.cs-footer__contact li {
    /* text-transform: capitalize; */
    font-size: clamp(12px, 1vw, 16px);
    letter-spacing: .12em;
    color: #6b6058;
    text-decoration: none;
}
.cs-footer__blurb{
    font-size: clamp(12px, 1vw, 16px);
    letter-spacing: .12em;
    color: #6b6058;
    text-decoration: none;
}
.cs-footer__links li + li{ margin-top: .55rem; }
.cs-footer__links a:hover{ color:#1f1a17; }
.cs-footer__contact a:hover{ color:#1f1a17; }

/* Contact details: email uppercase + tracked, phone regular */
.cs-footer__contact p{ margin-bottom: 10px; }
/* .cs-footer__contact a{
  text-decoration: none;
  color:#6b6058;
  font-size: clamp(14px, 1.1vw, 16px);
} */
.cs-footer__contact p:first-child a{
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 500;
  color:#2b241f;
}

/* Bottom bar */
.cs-footer__bar{
  border-top: 1px solid rgba(0,0,0,.08);
  padding: 16px 0 24px;
  color:#5d544d;
  font-size: clamp(12px, .95vw, 14px);
}

/* Responsive touch-ups */
@media (max-width: 992px){
  .cs-footer__right{
    border-left: 0;
    padding-left: 0;
    margin-top: 28px;
  }
  .cs-footer__logo{ font-size: 30px; }
  .cs-footer__blurb{ font-size: 15px; }
  .cs-footer__links a{ font-size: 12px; }
}


.pswp__custom-caption {
background: rgb(94 94 94 / 75%);
    font-size: 26px;
    color: #fff;
    width: calc(100% - 32px);
    max-width: 400px;
    padding: 2px 8px;
    border-radius: 4px;
    position: absolute;
    left: 1%;
    top: 10%;
    transform: translateX(0%);
    text-align: left;
	white-space: pre-wrap;
}
.pswp__custom-caption a {
	color: #fff;
	text-decoration: underline;
}
.hidden-caption-content {
	display: none;
}
.img-hover-container{
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.navbar-toggler:focus{
	background-color: transparent !important;
	box-shadow: 0px 0px 0px 0px !important;
}
@media(max-width: 780px){
	.cus-banner-arrows {
		font-size: 1.5rem;
	}
	.nav-logo {
		max-width: 80px;
		max-height: 80px;
	}
	.cus-navbar-nav {
		position: relative;
		top: 0;
		left: 0;
		transform: none;
		text-align: left;
	}
	.slash{
		display:none;
	}
	.d-sm-none{
		display:none;
	}
    .pswp__custom-caption {
        font-size: 20px;
        left: 50%;
        bottom: 5%;
        transform: translateX(-50%);
        text-align: center;
        top: unset;
    }
}