.portfolio-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px; /* Adjust spacing between items */
    width: 100%;
    max-width: 100%;
	/* — Center any Gallery that carries class "center-gallery" — */
.center-gallery{
  max-width: 1000px;       /* ← adjust to taste (e.g. 900 or 800)       */
  margin-left: auto!important;
  margin-right: auto!important;
  display: flex;           /* override WP gallery grid                   */
  flex-wrap: wrap;
  justify-content: center; /* keeps tiles centred even if odd # columns  */
  gap: 24px;               /* row & column gap for a boutique feel       */
}
.center-gallery figure{
  width: 220px;            /* exact tile width—change to 200/240 as you like */
}

	/* Force-centre the intro block no matter what */
.intro-block{
  display:block;          /* overrides any flex/grid parent quirks       */
  width:100%;             /* lets margin:auto actually calculate         */
  max-width:760px;        /* your desired line length                     */
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center;      /* keep the inner lines centred                 */
}

	
	/* keep the intro block centred on every theme */

  .intro-group{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.fixed-height-cover {
  min-height: 600px;
}
/* Gold outline button */
.gold-btn {
  border: 2px solid #b5985f;
  color: #b5985f;
  background: transparent;
  padding: 10px 24px;
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
}

/* Override default outline style with gold border */
.gold-btn.is-style-outline {
  border: 2px solid #b5985f !important;
  color: #b5985f !important;
  background: transparent !important;
}

.gold-btn.is-style-outline:hover {
  background: #b5985f !important;
  color: #fff !important;
}
.section-heading {
  font-size: clamp(1.375rem, 2.5vw + 0.5rem, 1.75rem); /* ≈ 22–28 px */
  font-weight: 700;
  margin: 0.5rem 0 0.25rem;
}
@import url("https://use.typekit.net/lpl7rlr.css");
h1, .hero-title {
    font-family: "Didot", serif;
}
/* DESKTOP colors */
.hero-title {
    color: #2C2C2C !important; /* charcoal desktop */
}
.hero-subtitle {
    color: #2C2C2C !important;
}
.hero-body {
    color: #2C2C2C !important;
}

/* MOBILE colors */
@media only screen and (max-width: 767px) {
    .hero-title {
        color: #F7F2EC !important; /* ivory mobile */
    }
    .hero-subtitle {
        color: #F7F2EC !important;
    }
    .hero-body {
        color: #F7F2EC !important;
    }
}