/* Team Slider */

/* Poppins 100 + 400, bundled locally (no Google Fonts request). */
@font-face { font-family: 'STM Poppins'; font-style: normal; font-weight: 100; font-display: swap;
	src: url(fonts/poppins-latin-ext-100-normal.woff2) format('woff2');
	unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'STM Poppins'; font-style: normal; font-weight: 100; font-display: swap;
	src: url(fonts/poppins-latin-100-normal.woff2) format('woff2');
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'STM Poppins'; font-style: normal; font-weight: 400; font-display: swap;
	src: url(fonts/poppins-latin-ext-400-normal.woff2) format('woff2');
	unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'STM Poppins'; font-style: normal; font-weight: 400; font-display: swap;
	src: url(fonts/poppins-latin-400-normal.woff2) format('woff2');
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }

.stm-team {
	--stm-font: 'STM Poppins', 'Poppins', sans-serif;
	--stm-text: #4C382E;
	--stm-hover: #FAF7F4;
	--stm-gap: 10px;
	--stm-per-view: 4.25; /* the .25 lets the next member peek in */
	position: relative;
	width: 100%;
	color: var(--stm-text);
}

/* Header: title left, arrows right */
.stm-team .stm-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin: 0 0 24px;
}
.stm-team .stm-title {
	margin: 0;
	padding: 0;
	font-family: var(--stm-font);
	font-size: 38px;
	line-height: 1.2;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	text-transform: none;
	color: var(--stm-text);
}
.stm-team .stm-nav {
	display: flex;
	flex-shrink: 0;
	gap: 8px;
	margin-left: auto;
}

/* Arrow buttons (same design as testimonials) */
.stm-team .stm-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 1.5px solid var(--stm-text);
	border-radius: 50%;
	background: transparent;
	color: var(--stm-text);
	box-shadow: none;
	cursor: pointer;
	transition: background-color .2s, opacity .2s;
}
.stm-team .stm-btn:hover,
.stm-team .stm-btn:focus,
.stm-team .stm-btn:active {
	border-color: var(--stm-text);
	color: var(--stm-text);
	box-shadow: none;
}
.stm-team .stm-btn:hover:not(:disabled) { background: var(--stm-hover); }
.stm-team .stm-btn:focus:not(:hover),
.stm-team .stm-btn:disabled { background: transparent; }
.stm-team .stm-btn:focus-visible { outline: 2px solid var(--stm-text); outline-offset: 2px; }
.stm-team .stm-btn:disabled { opacity: .35; cursor: default; }
.stm-team.stm-no-scroll .stm-nav { visibility: hidden; }

/* Track */
.stm-team .stm-track {
	display: flex;
	gap: var(--stm-gap);
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}
.stm-team .stm-track::-webkit-scrollbar { display: none; }
.stm-team .stm-track:focus-visible { outline: 2px solid var(--stm-text); outline-offset: 4px; }

.stm-team .stm-slide {
	flex: 0 0 calc((100% - (var(--stm-per-view) - 1) * var(--stm-gap)) / var(--stm-per-view));
	margin: 0;
	padding: 0;
	list-style: none;
	min-width: 0;
	scroll-snap-align: start;
}
.stm-team .stm-slide::before { content: none; }

.stm-team .stm-photo {
	position: relative;
	aspect-ratio: 600 / 760;
	overflow: hidden;
	background: var(--stm-hover);
}
.stm-team .stm-photo img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	border-radius: 0;
	box-shadow: none;
}

.stm-team .stm-name {
	margin: 14px 0 8px;
	padding: 0;
	font-family: var(--stm-font);
	font-size: 38px;
	line-height: 1.15;
	font-weight: 100;
	font-style: normal;
	overflow-wrap: anywhere;
	letter-spacing: normal;
	text-transform: none;
	color: var(--stm-text);
}
.stm-team .stm-desc {
	margin: 0;
	padding: 0;
	font-family: var(--stm-font);
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	text-transform: none;
	color: var(--stm-text);
}

@media (max-width: 1024px) { .stm-team { --stm-per-view: 3.25; } }
@media (max-width: 768px)  {
	.stm-team { --stm-per-view: 2.2; }
	.stm-team .stm-title { font-size: 30px; }
	.stm-team .stm-name  { font-size: 30px; }
}
@media (max-width: 520px)  { .stm-team { --stm-per-view: 1.3; } }

@media (prefers-reduced-motion: reduce) {
	.stm-team .stm-track { scroll-behavior: auto; }
}