/** Shopify CDN: Minification failed

Line 320:13 Expected identifier but found whitespace
Line 344:5 Expected "}" to go with "{"

**/
/* ============================================================
   CINDER HAUS — Custom Styles
   All overrides live here. base.css stays untouched.
   Palette: #1a1008 charcoal | #c4983b/#C9A55C ember gold | #f5efe6 cream
   ============================================================ */


/* ==============================
   HEADER
   ============================== */

.header-wrapper { padding: 0 !important; }
.header { padding: 10px 0 !important; }
.header__heading { display: flex !important; align-items: center !important; gap: 12px !important; }

.header__heading-link .h2,
.header__heading-link .h1 {
  font-family: "Cormorant Garamond", serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: none !important;
  position: relative !important;
  font-size: 0 !important;
}
.header__heading-link .h2::after,
.header__heading-link .h1::after {
  content: "Cinder Haus";
  font-size: 28px !important;
  color: #141414 !important;
}

.header__heading-link::before {
  content: "";
  width: 34px;
  height: 34px;
  display: inline-block;
  background-image: url("mini-crest.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.25));
}

.header__heading-link {
  display: flex;
  align-items: center;
  gap: 10px;
}

.header__inline-menu a,
.header__menu-item {
  font-family: "Inter", sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #C7854E !important;
}
.header__inline-menu a:hover,
.header__menu-item:hover {
  opacity: .85 !important;
  text-decoration: underline !important;
  text-underline-offset: 6px !important;
}
.header__icon,
.header__icon .icon {
  color: #C7854E !important;
}

@media screen and (min-width: 990px) {
  .header__menu-item {
    font-size: 1.25rem;
    padding: 1.0rem 1.1rem;
    white-space: nowrap;
  }
}

@media (max-width: 989px) {
  .header__heading-link::before { width: 28px; height: 28px; }
  .header__heading-link .h2::after,
  .header__heading-link .h1::after { font-size: 22px !important; }
}


/* ==============================
   GLOBAL CANVAS + SECTION FLOW
   ============================== */

#MainContent { background: #fbf6f2; }

#MainContent .banner,
#MainContent .image-banner,
#MainContent .image-with-text,
#MainContent .slideshow {
  position: relative;
  overflow: hidden;
}

#MainContent .banner::before,
#MainContent .image-banner::before,
#MainContent .image-with-text::before,
#MainContent .slideshow::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 220px;
  pointer-events: none;
  z-index: 2;
  background: linear-gradient(to bottom,
    #fbf6f2 0%,
    rgba(251,246,242,.75) 28%,
    rgba(251,246,242,0) 100%
  );
}

#MainContent .banner::after,
#MainContent .image-banner::after,
#MainContent .image-with-text::after,
#MainContent .slideshow::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 220px;
  pointer-events: none;
  z-index: 2;
  background: linear-gradient(to top,
    #fbf6f2 0%,
    rgba(251,246,242,.75) 28%,
    rgba(251,246,242,0) 100%
  );
}

#MainContent .banner__content,
#MainContent .image-with-text__content,
#MainContent .slideshow__text-wrapper {
  position: relative;
  z-index: 3;
}


/* ==============================
   MULTICOLUMN / CARDS
   ============================== */

#MainContent .multicolumn {
  background: #fbf6f2 !important;
  padding-top: clamp(44px, 5vw, 72px) !important;
  padding-bottom: clamp(54px, 6vw, 86px) !important;
  position: relative;
  overflow: visible;
}

#MainContent .multicolumn::before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: -140px;
  height: 140px;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(251,246,242,0) 0%, #fbf6f2 100%);
}

#MainContent .multicolumn::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -1px;
  height: 120px;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(251,246,242,0) 0%, #fbf6f2 100%);
}

#MainContent .multicolumn-card {
  border-radius: 20px !important;
  box-shadow:
    0 30px 70px rgba(0,0,0,.16),
    0 12px 24px rgba(0,0,0,.12) !important;
  border: 1px solid rgba(0,0,0,.07) !important;
  background: rgba(255,255,255,.78) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease !important;
}

#MainContent .multicolumn-card:hover {
  transform: translateY(-2px) !important;
  box-shadow:
    0 34px 74px rgba(0,0,0,.18),
    0 12px 26px rgba(0,0,0,.12) !important;
}

#MainContent .multicolumn-card,
#MainContent .multicolumn-card__info {
  border-radius: 18px;
}

#MainContent .multicolumn .title,
#MainContent .multicolumn .title-wrapper-with-link .title,
#MainContent .multicolumn .title-wrapper-with-link h2 {
  color: #1f120c !important;
  opacity: 1 !important;
}

#MainContent .multicolumn-card__info h3,
#MainContent .multicolumn-card__info .h3,
#MainContent .multicolumn-card__info .inline-richtext,
#MainContent .multicolumn-card__info h4,
#MainContent .multicolumn-card__info .h4 {
  font-style: italic !important;
  color: #8e6512 !important;
  font-weight: 750 !important;
  letter-spacing: .02em !important;
  line-height: 1.35 !important;
  opacity: 1 !important;
}

#MainContent .multicolumn-card__info p,
#MainContent .multicolumn-card__info li,
#MainContent .multicolumn-card__info span {
  color: rgba(25,25,25,.74) !important;
  font-weight: 450 !important;
  opacity: 1 !important;
}

#MainContent .multicolumn-card__info p {
  margin-top: 12px !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
}

#MainContent .multicolumn-card__info .rte {
  color: rgba(25,25,25,.74) !important;
}

#MainContent .multicolumn-card__info a {
  color: #b8841c !important;
  font-weight: 650 !important;
  text-decoration: none;
}
#MainContent .multicolumn-card__info a:hover {
  color: #8e6512 !important;
}

#MainContent .multicolumn-card__image-wrapper {
  display: none !important;
}

#MainContent .multicolumn .multicolumn-card__info ul,
#MainContent .multicolumn .multicolumn-card__info .rte ul {
  list-style: none !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
}

#MainContent .multicolumn .multicolumn-card__info li {
  position: relative !important;
  padding-left: 1.35em !important;
  line-height: 1.65 !important;
}

#MainContent .multicolumn .multicolumn-card__info li + li {
  margin-top: 10px !important;
}

#MainContent .multicolumn .multicolumn-card__info li::before {
  content: "◆" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.15em !important;
  font-size: 0.9em !important;
  line-height: 1 !important;
  color: #2b1a12 !important;
  opacity: 0.9 !important;
}


/* ==============================
   CHOOSE YOUR ERA — CENTER FIX
   ============================== */

#shopify-section-template--21100240240888__multicolumn_N78Kkh {
  text-align: center;
}

#shopify-section-template--21100240240888__multicolumn_N78Kkh .title-wrapper,
#shopify-section-template--21100240240888__multicolumn_N78Kkh .multicolumn-card__info,
#shopify-section-template--21100240240888__multicolumn_N78Kkh .multicolumn-card__info h3,
#shopify-section-template--21100240240888__multicolumn_N78Kkh .multicolumn-card__info p {
  text-align: center !important;
}

#shopify-section-template--21100240240888__multicolumn_N78Kkh .multicolumn-list {
  justify-content: center;
}

#shopify-section-template--21100240240888__multicolumn_N78Kkh a {
  color: #C6A15B;
  font-weight: 500;
  text-decoration: none;
}
#shopify-section-template--21100240240888__multicolumn_N78Kkh a:hover {
  color: #B08A45;
}


/* ==============================
   CARD HOVER (global)
   ============================== */

.multicolumn-card,
.card-wrapper,
.card {
  transition:
    box-shado
    
a.button.button--secondary.cinder-hero__btn {
  background-color: #A67C3D !important;
  color: #f5efe6 !important;
  border: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

a.button.button--secondary.cinder-hero__btn:hover {
  background-color: #8B6A2E !important;
  color: #f5efe6 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
a.button.button--primary.cinder-hero__btn {
  background-color: #f5efe6 !important;
    color: #1a1008 !important;
}
a.button.button--primary.cinder-hero__btn:hover {
  background-color: #ede3d8 !important;
    color: #1a1008 !important;
    }