/* Groundswell Feature Split — duotone image + numbered single-open accordion.
   Mechanics that matter are marked [STRUCTURAL]; restyle the rest freely. */

.gibs-fs{color:var(--gibs-text-ink);
	padding:clamp(48px,7vw,96px) clamp(16px,5vw,64px)}
.gibs-fs__inner{max-width: var(--gibs-maxw);
	margin: 0 auto;
	display: grid;
	grid-template-columns: .85fr 1.15fr;
	gap: clamp(28px, 5vw, 64px);}
/* image side: media is first in DOM; --right flips the columns */
.gibs-fs--right .gibs-fs__media{order:2}            /* [STRUCTURAL] */

/* ---- duotone media ---------------------------------------------------- */
.gibs-fs__media{position:relative;border-radius:18px;overflow:hidden;
	aspect-ratio:1/1;background:#0d1424}
.gibs-fs__media img{display:block;width:100%;height:100%;object-fit:cover;}
/* .gibs-fs__media::after{content:"";position:absolute;inset:0;
	background:linear-gradient(135deg,var(--gibs-green-2),var(--gibs-green));
	mix-blend-mode:screen;opacity:.9} */
/* decorative hotspot from the comp — remove if you don't want it */
.gibs-fs__hotspot{position:absolute;left:38%;top:46%;width:30px;height:30px;border-radius:50%;
	border:1px solid rgba(255,255,255,.7);display:grid;place-items:center;z-index:2}
.gibs-fs__hotspot::after{content:"";width:10px;height:10px;border-radius:50%;background:#fff}
.gibs-acc {
	width: 100%;

}
/* ---- content ---------------------------------------------------------- */
.gibs-fs__kicker{display:flex;align-items:center;gap:12px;margin:0 0 18px;
	font-family:var(--gibs-font-display);font-size:14px;font-weight: 600;letter-spacing:.16em;text-transform:uppercase;
	color:#05b0a6;}
.gibs-fs__kicker::after {
		content: "";
		width: 28px;
		height: 1px;
		background: #05b0a6;
	}
.gibs-fs__heading{font-family:var(--gibs-font-display);font-weight:500;
	font-size:clamp(26px,3.2vw,52px);line-height:1.08;letter-spacing:-.01em;margin:0 0 14px !important;}
.gibs-fs__body{color:var(--gibs-muted-ink);font-size:16px;margin:0 0 28px}
.gibs-fs__content {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}
button.gibs-acc__head:hover {
	background: none;
	opacity: .75;
}
button.gibs-acc__head:focus {
	background: none;
}

/* ---- accordion -------------------------------------------------------- */
.gibs-acc__item{border-top:1px solid var(--gibs-line-ink)}
.gibs-acc__item:last-child{border-bottom:1px solid var(--gibs-line-ink)}
.gibs-acc__head{width:100%;background:none;border:0;cursor:pointer;font:inherit;
	display:flex;align-items:baseline;justify-content:space-between;gap:16px;
	padding:18px 2px;text-align:left}
.gibs-acc__title{font-family:var(--gibs-font-display);font-weight:600;font-size:18px;
	color:var(--gibs-text-ink)}
.gibs-acc__num{font-family:var(--gibs-font-mono);font-size: 14px;
	color: #0aa8c4;}
/* smooth height via grid-template-rows 0fr -> 1fr  [STRUCTURAL] */
.gibs-acc__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}
.gibs-acc__panel > div{overflow:hidden}
.gibs-acc__item.is-open .gibs-acc__panel{grid-template-rows:1fr}
.gibs-acc__panel p{margin: 0 0 20px !important;
	color: var(--gibs-muted-ink);
	font-size: 15px;
	padding-right: 30px;}

@media (max-width:760px){
	.gibs-fs__inner{grid-template-columns:1fr;gap:28px}
	.gibs-fs--right .gibs-fs__media{order:0}
}
@media (prefers-reduced-motion:reduce){
	.gibs-acc__panel{transition:none}
}