.acf-employee-highlight-quote {
  padding: 0rem;
  display: flex;
  justify-content: center;
}

.employee-highlight-inner {
  width: 100%;
  overflow: hidden;
}
/* Ensure portrait never overruns column */
.employee-cutout {
  display: block;
  max-height: var(--cutout-max-h, 560px); /* 👈 this is the important line */
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
/* 2 columns on desktop */
.employee-highlight-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

/* Base column: vertically center everything */
.employee-col {
  display: flex;
  align-items: center;       /* <-- vertical centering */
  min-height: 350px;         /* tweak as needed; ensures nice vertical balance */
}

/* Inner wrapper aligns content and constrains width */
.col-inner {
  width: 100%;
  padding: 3rem;
  margin-inline: auto;
  display: flex;
  align-items: center;       /* vertical align if the inner wraps */
  justify-content: center;
}
.employee-figure {
	margin:0 !important;
}
/* When a column has a portrait, switch to 2-up layout: image next to text */
.employee-col.has-portrait .col-inner {
  display: grid;
  grid-template-columns: minmax(180px, 420px) minmax(340px, 1fr);
  gap: .6rem;
  max-width:620px;
	padding: 5rem 0rem 0 3rem;
  align-items: flex-start;
	    margin-right: 0;
}
.is-flipped .employee-figure {
	margin-right: auto;
margin-left:0;}
.is-flipped .employee-col.has-portrait .col-inner {
  display: grid;
  grid-template-columns: minmax(160px, 1fr) minmax(180px, 420px) ;
  gap: 2rem;
  max-width:720px;
	padding: 0 3rem 0 0rem;
  align-items: center;
	    margin-left: 0;
}
/* Content width limit for clean measure */
.employee-highlight-content { max-width: 520px; }

/* Portrait figure reset */
.employee-figure { margin-left: auto; }


/* Flip is now handled by PHP (image moves columns), so no order hacks needed */

/* Brand-approved background tints */
.bg-white   { background-color: #ffffff; }
.bg-fffaf0  { background-color: #fffaf0; }
.bg-edf7f7  { background-color: #edf7f7; }
.bg-fff0d9  { background-color: #fff0d9; }
.bg-f5e0b0  { background-color: #f5e0b0; }
.bg-d6f5eb  { background-color: #d6f5eb; }
.bg-8ac9c2  { background-color: #8ac9c2; }

/* Responsive */
@media (max-width: 1024px) {
  .employee-col { min-height: 460px; }
}
@media (max-width: 900px) {
  .employee-highlight-columns { grid-template-columns: 1fr; }
  .employee-col { min-height: auto; }
  .employee-col.has-portrait .col-inner {
    grid-template-columns: 1fr 1fr;  /* stack on mobile */
    text-align: left;
	  gap:0;
	  padding: 3rem 0rem 0 2rem;
  }
	.is-flipped .col-inner {
		padding: 3rem 4rem 3rem 3rem;
	}
  .employee-figure { margin-top: auto !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
} 
	.employee-highlight-content { max-width: 520px; 
	padding-bottom:1rem;}
	.employee-highlight-content h5 {
		margin-bottom:0px;
	}
	.col-inner {
padding: 2rem 3rem 1.6rem;
}
}