/*
  WF Carousel stylesheet (no JS)
  - Fits within existing page container (no outer widths/max-widths applied)
  - Images display at their intrinsic/native size (as defined by the image itself / HTML attributes)
  - Images will NOT scale up to fill the slide; they will shrink on small screens to avoid overflow

  IMPORTANT:
  This stylesheet targets the 3-slide markup using radio IDs:
    wf-c1-s1, wf-c1-s2, wf-c1-s3
  If you change the IDs or add slides, the sliding selectors must be updated.
*/


/* Force carousel slide titles to solid black, overriding general page styles */
.wf-carousel .wf-carousel__title {
  color: #000 !important;
  text-shadow: none;
	font-size: 1.2em;

}


.wf-carousel__control {
   z-index: 5;
}



.wf-carousel,
.wf-carousel * {
  box-sizing: border-box;
}

.wf-carousel {
  position: relative;
}

/* Visually hide radio inputs while keeping them available for assistive tech */
.wf-carousel__toggle {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* Viewport and track */
.wf-carousel__viewport {
  overflow: hidden;
}

.wf-carousel__track {
  display: flex;
  transform: translateX(0);
  transition: transform 400ms ease;
  will-change: transform;
}

/* Each slide uses full width of its container */
.wf-carousel__slide {
  flex: 0 0 100%;
  display: grid;
  grid-template-rows: auto 1fr;
  background: #fff;
}

/* MEDIA AREA
   We do NOT force an aspect ratio.
   We centre the image, and allow it to render at its intrinsic/native size.
*/
.wf-carousel__media {
  margin: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;           /* optional: remove if you want the image flush */
  overflow: visible;       /* no cropping */
}

/* KEY CHANGE: do not stretch the image */
.wf-carousel__media img {
  width: auto;
  height: auto;
  max-width: 100%;         /* allows shrinking on narrow screens */
  max-height: 100%;
  display: block;
  object-fit: none;        /* no cover/cropping */
}

/* Text area */
.wf-carousel__body {
  padding: 1rem;
}

.wf-carousel__title {
  margin: 0 0 0.5rem;
  font-size: 1.25rem;
  line-height: 1.3;
}

.wf-carousel__text {
  margin: 0;
  line-height: 1.6;
  color: #444;
}

/* Controls (Prev/Next) */
.wf-carousel__controls-group {
  display: none; /* Only show the correct pair depending on checked slide */
}

.wf-carousel__control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: rgba(255, 255, 255, 0.95);
  color: #111;
  padding: 0.5rem 0.75rem;
  border-radius: 999px;
  cursor: pointer;
  user-select: none;
  line-height: 1;
  font-weight: 600;
}

.wf-carousel__control--prev {
  left: 0.75rem;
}

.wf-carousel__control--next {
  right: 0.75rem;
}

.wf-carousel__control:focus {
  outline: 3px solid rgba(0, 120, 212, 0.35);
  outline-offset: 2px;
}

/* Dots */
.wf-carousel__nav {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  padding-top: 0.75rem;
}

.wf-carousel__dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.25);
  cursor: pointer;
}

.wf-carousel__dot:focus {
  outline: 3px solid rgba(0, 120, 212, 0.35);
  outline-offset: 3px;
}

/* ===== Sliding logic (56 slides) ===== */
/* Inputs must appear before .wf-carousel__viewport in the HTML */



#wf-c1-s01:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(0); }
#wf-c1-s02:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-100%); }
#wf-c1-s03:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-200%); }
#wf-c1-s04:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-300%); }
#wf-c1-s05:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-400%); }
#wf-c1-s06:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-500%); }
#wf-c1-s07:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-600%); }
#wf-c1-s08:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-700%); }
#wf-c1-s09:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-800%); }
#wf-c1-s10:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-900%); }
#wf-c1-s11:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-1000%); }
#wf-c1-s12:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-1100%); }
#wf-c1-s13:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-1200%); }
#wf-c1-s14:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-1300%); }
#wf-c1-s15:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-1400%); }
#wf-c1-s16:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-1500%); }
#wf-c1-s17:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-1600%); }
#wf-c1-s18:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-1700%); }
#wf-c1-s19:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-1800%); }
#wf-c1-s20:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-1900%); }
#wf-c1-s21:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-2000%); }
#wf-c1-s22:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-2100%); }
#wf-c1-s23:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-2200%); }
#wf-c1-s24:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-2300%); }
#wf-c1-s25:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-2400%); }
#wf-c1-s26:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-2500%); }
#wf-c1-s27:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-2600%); }
#wf-c1-s28:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-2700%); }
#wf-c1-s29:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-2800%); }
#wf-c1-s30:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-2900%); }
#wf-c1-s31:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-3000%); }
#wf-c1-s32:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-3100%); }
#wf-c1-s33:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-3200%); }
#wf-c1-s34:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-3300%); }
#wf-c1-s35:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-3400%); }
#wf-c1-s36:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-3500%); }
#wf-c1-s37:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-3600%); }
#wf-c1-s38:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-3700%); }
#wf-c1-s39:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-3800%); }
#wf-c1-s40:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-3900%); }
#wf-c1-s41:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-4000%); }
#wf-c1-s42:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-4100%); }
#wf-c1-s43:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-4200%); }
#wf-c1-s44:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-4300%); }
#wf-c1-s45:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-4400%); }
#wf-c1-s46:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-4500%); }
#wf-c1-s47:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-4600%); }
#wf-c1-s48:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-4700%); }
#wf-c1-s49:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-4800%); }
#wf-c1-s50:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-4900%); }
#wf-c1-s51:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-5000%); }
#wf-c1-s52:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-5100%); }
#wf-c1-s53:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-5200%); }
#wf-c1-s54:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-5300%); }
#wf-c1-s55:checked ~ .wf-carousel__viewport .wf-carousel__track { transform: translateX(-5400%); }



/* Show the correct control pair */

#wf-c1-s01:checked ~ .wf-carousel__controls .wf-carousel__controls--1  { display: block; }
#wf-c1-s02:checked ~ .wf-carousel__controls .wf-carousel__controls--2  { display: block; }
#wf-c1-s03:checked ~ .wf-carousel__controls .wf-carousel__controls--3  { display: block; }
#wf-c1-s04:checked ~ .wf-carousel__controls .wf-carousel__controls--4  { display: block; }
#wf-c1-s05:checked ~ .wf-carousel__controls .wf-carousel__controls--5  { display: block; }
#wf-c1-s06:checked ~ .wf-carousel__controls .wf-carousel__controls--6  { display: block; }
#wf-c1-s07:checked ~ .wf-carousel__controls .wf-carousel__controls--7  { display: block; }
#wf-c1-s08:checked ~ .wf-carousel__controls .wf-carousel__controls--8  { display: block; }
#wf-c1-s09:checked ~ .wf-carousel__controls .wf-carousel__controls--9  { display: block; }
#wf-c1-s10:checked ~ .wf-carousel__controls .wf-carousel__controls--10 { display: block; }
#wf-c1-s11:checked ~ .wf-carousel__controls .wf-carousel__controls--11 { display: block; }
#wf-c1-s12:checked ~ .wf-carousel__controls .wf-carousel__controls--12 { display: block; }
#wf-c1-s13:checked ~ .wf-carousel__controls .wf-carousel__controls--13 { display: block; }
#wf-c1-s14:checked ~ .wf-carousel__controls .wf-carousel__controls--14 { display: block; }
#wf-c1-s15:checked ~ .wf-carousel__controls .wf-carousel__controls--15 { display: block; }
#wf-c1-s16:checked ~ .wf-carousel__controls .wf-carousel__controls--16 { display: block; }
#wf-c1-s17:checked ~ .wf-carousel__controls .wf-carousel__controls--17 { display: block; }
#wf-c1-s18:checked ~ .wf-carousel__controls .wf-carousel__controls--18 { display: block; }
#wf-c1-s19:checked ~ .wf-carousel__controls .wf-carousel__controls--19 { display: block; }
#wf-c1-s20:checked ~ .wf-carousel__controls .wf-carousel__controls--20 { display: block; }
#wf-c1-s21:checked ~ .wf-carousel__controls .wf-carousel__controls--21 { display: block; }
#wf-c1-s22:checked ~ .wf-carousel__controls .wf-carousel__controls--22 { display: block; }
#wf-c1-s23:checked ~ .wf-carousel__controls .wf-carousel__controls--23 { display: block; }
#wf-c1-s24:checked ~ .wf-carousel__controls .wf-carousel__controls--24 { display: block; }
#wf-c1-s25:checked ~ .wf-carousel__controls .wf-carousel__controls--25 { display: block; }
#wf-c1-s26:checked ~ .wf-carousel__controls .wf-carousel__controls--26 { display: block; }
#wf-c1-s27:checked ~ .wf-carousel__controls .wf-carousel__controls--27 { display: block; }
#wf-c1-s28:checked ~ .wf-carousel__controls .wf-carousel__controls--28 { display: block; }
#wf-c1-s29:checked ~ .wf-carousel__controls .wf-carousel__controls--29 { display: block; }
#wf-c1-s30:checked ~ .wf-carousel__controls .wf-carousel__controls--30 { display: block; }
#wf-c1-s31:checked ~ .wf-carousel__controls .wf-carousel__controls--31 { display: block; }
#wf-c1-s32:checked ~ .wf-carousel__controls .wf-carousel__controls--32 { display: block; }
#wf-c1-s33:checked ~ .wf-carousel__controls .wf-carousel__controls--33 { display: block; }
#wf-c1-s34:checked ~ .wf-carousel__controls .wf-carousel__controls--34 { display: block; }
#wf-c1-s35:checked ~ .wf-carousel__controls .wf-carousel__controls--35 { display: block; }
#wf-c1-s36:checked ~ .wf-carousel__controls .wf-carousel__controls--36 { display: block; }
#wf-c1-s37:checked ~ .wf-carousel__controls .wf-carousel__controls--37 { display: block; }
#wf-c1-s38:checked ~ .wf-carousel__controls .wf-carousel__controls--38 { display: block; }
#wf-c1-s39:checked ~ .wf-carousel__controls .wf-carousel__controls--39 { display: block; }
#wf-c1-s40:checked ~ .wf-carousel__controls .wf-carousel__controls--40 { display: block; }
#wf-c1-s41:checked ~ .wf-carousel__controls .wf-carousel__controls--41 { display: block; }
#wf-c1-s42:checked ~ .wf-carousel__controls .wf-carousel__controls--42 { display: block; }
#wf-c1-s43:checked ~ .wf-carousel__controls .wf-carousel__controls--43 { display: block; }
#wf-c1-s44:checked ~ .wf-carousel__controls .wf-carousel__controls--44 { display: block; }
#wf-c1-s45:checked ~ .wf-carousel__controls .wf-carousel__controls--45 { display: block; }
#wf-c1-s46:checked ~ .wf-carousel__controls .wf-carousel__controls--46 { display: block; }
#wf-c1-s47:checked ~ .wf-carousel__controls .wf-carousel__controls--47 { display: block; }
#wf-c1-s48:checked ~ .wf-carousel__controls .wf-carousel__controls--48 { display: block; }
#wf-c1-s49:checked ~ .wf-carousel__controls .wf-carousel__controls--49 { display: block; }
#wf-c1-s50:checked ~ .wf-carousel__controls .wf-carousel__controls--50 { display: block; }
#wf-c1-s51:checked ~ .wf-carousel__controls .wf-carousel__controls--51 { display: block; }
#wf-c1-s52:checked ~ .wf-carousel__controls .wf-carousel__controls--52 { display: block; }
#wf-c1-s53:checked ~ .wf-carousel__controls .wf-carousel__controls--53 { display: block; }
#wf-c1-s54:checked ~ .wf-carousel__controls .wf-carousel__controls--54 { display: block; }
#wf-c1-s55:checked ~ .wf-carousel__controls .wf-carousel__controls--55 { display: block; }


/* Active dot */

#wf-c1-s01:checked ~ .wf-carousel__nav label[for="wf-c1-s01"]  { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s02:checked ~ .wf-carousel__nav label[for="wf-c1-s02"]  { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s03:checked ~ .wf-carousel__nav label[for="wf-c1-s03"]  { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s04:checked ~ .wf-carousel__nav label[for="wf-c1-s04"]  { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s05:checked ~ .wf-carousel__nav label[for="wf-c1-s05"]  { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s06:checked ~ .wf-carousel__nav label[for="wf-c1-s06"]  { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s07:checked ~ .wf-carousel__nav label[for="wf-c1-s07"]  { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s08:checked ~ .wf-carousel__nav label[for="wf-c1-s08"]  { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s09:checked ~ .wf-carousel__nav label[for="wf-c1-s09"]  { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s10:checked ~ .wf-carousel__nav label[for="wf-c1-s10"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s11:checked ~ .wf-carousel__nav label[for="wf-c1-s11"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s12:checked ~ .wf-carousel__nav label[for="wf-c1-s12"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s13:checked ~ .wf-carousel__nav label[for="wf-c1-s13"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s14:checked ~ .wf-carousel__nav label[for="wf-c1-s14"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s15:checked ~ .wf-carousel__nav label[for="wf-c1-s15"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s16:checked ~ .wf-carousel__nav label[for="wf-c1-s16"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s17:checked ~ .wf-carousel__nav label[for="wf-c1-s17"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s18:checked ~ .wf-carousel__nav label[for="wf-c1-s18"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s19:checked ~ .wf-carousel__nav label[for="wf-c1-s19"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s20:checked ~ .wf-carousel__nav label[for="wf-c1-s20"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s21:checked ~ .wf-carousel__nav label[for="wf-c1-s21"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s22:checked ~ .wf-carousel__nav label[for="wf-c1-s22"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s23:checked ~ .wf-carousel__nav label[for="wf-c1-s23"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s24:checked ~ .wf-carousel__nav label[for="wf-c1-s24"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s25:checked ~ .wf-carousel__nav label[for="wf-c1-s25"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s26:checked ~ .wf-carousel__nav label[for="wf-c1-s26"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s27:checked ~ .wf-carousel__nav label[for="wf-c1-s27"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s28:checked ~ .wf-carousel__nav label[for="wf-c1-s28"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s29:checked ~ .wf-carousel__nav label[for="wf-c1-s29"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s30:checked ~ .wf-carousel__nav label[for="wf-c1-s30"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s31:checked ~ .wf-carousel__nav label[for="wf-c1-s31"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s32:checked ~ .wf-carousel__nav label[for="wf-c1-s32"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s33:checked ~ .wf-carousel__nav label[for="wf-c1-s33"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s34:checked ~ .wf-carousel__nav label[for="wf-c1-s34"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s35:checked ~ .wf-carousel__nav label[for="wf-c1-s35"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s36:checked ~ .wf-carousel__nav label[for="wf-c1-s36"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s37:checked ~ .wf-carousel__nav label[for="wf-c1-s37"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s38:checked ~ .wf-carousel__nav label[for="wf-c1-s38"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s39:checked ~ .wf-carousel__nav label[for="wf-c1-s39"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s40:checked ~ .wf-carousel__nav label[for="wf-c1-s40"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s41:checked ~ .wf-carousel__nav label[for="wf-c1-s41"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s42:checked ~ .wf-carousel__nav label[for="wf-c1-s42"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s43:checked ~ .wf-carousel__nav label[for="wf-c1-s43"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s44:checked ~ .wf-carousel__nav label[for="wf-c1-s44"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s45:checked ~ .wf-carousel__nav label[for="wf-c1-s45"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s46:checked ~ .wf-carousel__nav label[for="wf-c1-s46"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s47:checked ~ .wf-carousel__nav label[for="wf-c1-s47"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s48:checked ~ .wf-carousel__nav label[for="wf-c1-s48"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s49:checked ~ .wf-carousel__nav label[for="wf-c1-s49"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s50:checked ~ .wf-carousel__nav label[for="wf-c1-s50"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s51:checked ~ .wf-carousel__nav label[for="wf-c1-s51"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s52:checked ~ .wf-carousel__nav label[for="wf-c1-s52"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s53:checked ~ .wf-carousel__nav label[for="wf-c1-s53"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s54:checked ~ .wf-carousel__nav label[for="wf-c1-s54"] { background: rgba(0, 0, 0, 0.85); }
#wf-c1-s55:checked ~ .wf-carousel__nav label[for="wf-c1-s55"] { background: rgba(0, 0, 0, 0.85); }


/* Desktop layout: image left, text right */
@media (min-width: 900px) {
  .wf-carousel__slide {
    grid-template-rows: none;
    grid-template-columns: 40% 60%;
    align-items: center;
  }

  .wf-carousel__media {
    padding: 1.25rem;
  }

  .wf-carousel__body {
    padding: 1.25rem 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .wf-carousel__track {
    transition: none;
  }
}




/* =========================
   Fixed height carousel
   ========================= */

/* Change this value if you want a different fixed height */
:root {
  --wf-carousel-height: 600px;
}

/* Lock the visible area */
.wf-carousel .wf-carousel__viewport {
  height: var(--wf-carousel-height);
}

/* Make the track and each slide fill that height */
.wf-carousel .wf-carousel__track {
  height: 100%;
}

.wf-carousel .wf-carousel__slide {
  height: 100%;
}

/* MOBILE / stacked layout:
   Give the image the flexible space, keep text in a capped area */
.wf-carousel .wf-carousel__slide {
  grid-template-rows: minmax(0, 1fr) minmax(0, 260px);
}

/* Ensure the media and body can actually shrink within the fixed height */
.wf-carousel .wf-carousel__media,
.wf-carousel .wf-carousel__body {
  min-height: 0;
}

/* Keep the image centred and do not stretch it (matches your native-size requirement) */
.wf-carousel .wf-carousel__media {
  overflow: hidden; /* prevents the image overflowing the fixed height area */
}

/* If text is long, scroll inside the text panel rather than growing the slide */
.wf-carousel .wf-carousel__body {
  overflow: auto;
}

/* DESKTOP / side-by-side layout:
   Both columns fill the 800px height */
@media (min-width: 900px) {
  .wf-carousel .wf-carousel__slide {
    grid-template-rows: none;
    grid-template-columns: 40% 60%;
    align-items: stretch;
  }

  .wf-carousel .wf-carousel__media {
    height: 100%;
  }

  .wf-carousel .wf-carousel__body {
    height: 100%;
    overflow: auto;
  }
}