/* Team — Carousel / Team — Grid (ACTS, web 1440 + mobile 393) */
.cew-tm{
	--tm-gap:16px;
	--tm-per:4;
	--tm-li:32px;
	--tm-li-ic:16px;
	--tm-nav:48px;
	--tm-gray:0;
	--tm-gray-h:0;
	--tm-zoom:1.04;
	background:#FAFBF8;
	padding:78px 64px 80px;
	box-sizing:border-box;
	color:#000;
}
.cew-tm--grid{padding-bottom:100px;background:#fff}
.cew-tm *,.cew-tm *::before,.cew-tm *::after{box-sizing:border-box}

/* heading */
.cew-tm-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 45px}
.cew-tm-head-main{min-width:0}
.cew-tm-eyebrow{margin:0 0 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:14px;letter-spacing:.02em;text-transform:uppercase;color:#727272}
.cew-tm-title{margin:0;padding:0;font-size:36px;font-weight:400;line-height:43px;letter-spacing:-.01em;color:#000;text-transform:none}
.cew-tm-hl{color:#023820}
.cew-tm-all{display:inline-flex;align-items:center;gap:6px;flex:none;margin-bottom:-2px;font-size:16px;line-height:20px;color:#023820;text-decoration:none;white-space:nowrap;transition:color .2s ease}
.cew-tm-all svg{flex:none;transition:transform .2s ease}
.cew-tm-all:hover{color:#012A18;text-decoration:none}
.cew-tm-all:hover svg{transform:translateX(3px)}

/* card */
.cew-tm-card{min-width:0}
.cew-tm-photo{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:#fff}
.cew-tm-photo img{
	position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;
	object-fit:cover;object-position:center center;border:0;border-radius:0;
	filter:grayscale(var(--tm-gray));
	transition:transform .5s ease,filter .4s ease;
	-webkit-user-drag:none;user-select:none;
}
.cew-tm-card--color .cew-tm-photo img{filter:none!important}
.cew-tm-card:hover .cew-tm-photo img{transform:scale(var(--tm-zoom));filter:grayscale(var(--tm-gray-h))}
.cew-tm-info{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}
.cew-tm-text{min-width:0}
.cew-tm-name{margin:0;padding:0;font-size:20px;font-weight:400;line-height:24px;color:#000;text-transform:none}
.cew-tm-name a{color:inherit;text-decoration:none}
.cew-tm-name a:hover{text-decoration:underline;text-underline-offset:3px}
.cew-tm-role{margin-top:7px;font-size:16px;line-height:20px;color:#4B4B4B}
.cew-tm-li{
	display:inline-flex;align-items:center;justify-content:center;flex:none;
	width:var(--tm-li);height:var(--tm-li);
	background:#E0E1DE;color:#4B4B4B;font-size:var(--tm-li-ic);line-height:1;text-decoration:none;
	transition:background-color .2s ease,color .2s ease;
}
.cew-tm-li svg{display:block;width:var(--tm-li-ic);height:var(--tm-li-ic)}
.cew-tm-li:hover{background:#0A66C2;color:#fff}

/* grid */
.cew-tm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 16px;align-items:start}

/* carousel */
.cew-tm-viewport{overflow:hidden;margin:0;touch-action:pan-y}
.cew-tm-track{
	display:flex;gap:var(--tm-gap);
	overflow-x:auto;overflow-y:hidden;
	scroll-snap-type:x mandatory;scroll-behavior:smooth;
	scrollbar-width:none;-ms-overflow-style:none;
	overscroll-behavior-x:contain;
	-webkit-overflow-scrolling:touch;
}
.cew-tm-track::-webkit-scrollbar{display:none}
.cew-tm-track.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing}
.cew-tm-track.is-dragging *{pointer-events:none}
.cew-tm-slide{flex:0 0 calc((100% - (var(--tm-per) - 1) * var(--tm-gap)) / var(--tm-per));min-width:0;scroll-snap-align:start}
.cew-tm-nav{display:flex;justify-content:center;gap:16px;margin-top:60px}
.cew-tm-arrow{
	display:inline-flex;align-items:center;justify-content:center;
	width:var(--tm-nav);height:var(--tm-nav);padding:0;
	border:1px solid #023820;border-radius:0;background:transparent;color:#023820;
	cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease;
}
.cew-tm-arrow:not(:disabled):hover{background:#023820;color:#fff}
.cew-tm-arrow:disabled{opacity:.35;cursor:default}
.cew-tm-arrow:focus{outline:none;box-shadow:none}
.cew-tm-arrow:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.cew-tm-arrow svg{display:block}

@media(max-width:1024px){
	.cew-tm{padding:64px 32px}
	.cew-tm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
	.cew-tm{--tm-per:2.4}
}
@media(max-width:767px){
	.cew-tm{padding:38px 16px 40px;--tm-per:1.13}
	.cew-tm--grid{padding-bottom:60px}
	.cew-tm-head{flex-direction:column;align-items:stretch;gap:0;margin-bottom:25px}
	.cew-tm--carousel .cew-tm-head{margin-bottom:16px}
	.cew-tm-all{align-self:flex-end;margin:var(--tm-va-m,13px) 0 0}
	.cew-tm-eyebrow{font-size:12px;line-height:12px}
	.cew-tm-title{font-size:28px;line-height:34px;max-width:310px}
	.cew-tm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:31px 8px}
	.cew-tm--grid .cew-tm-photo{aspect-ratio:4/5}
	.cew-tm--grid .cew-tm-info{margin-top:12px;gap:4px}
	.cew-tm--grid .cew-tm-name{font-size:14px;line-height:17px}
	.cew-tm--grid .cew-tm-role{margin-top:6px;font-size:12px;line-height:12px}
	.cew-tm-nav{margin-top:36px}
}
@media(prefers-reduced-motion:reduce){
	.cew-tm-track{scroll-behavior:auto}
	.cew-tm-photo img,.cew-tm-all svg{transition:none}
}