/* Content — Learning Formats (ACTS "Hero Section 13 / 14", web 1440 + mobile 393) */
.cew-lf{
	--lf-gap:16px;
	--lf-img-wd:60.67%;
	--lf-btn-y:6px;
	--lf-h:500px;
	--lf-img-hs:230px;
	/* side-by-side (desktop) */
	--lf-dir:row;
	--lf-rev:row-reverse;
	--lf-img-w:var(--lf-img-wd);
	--lf-row-h:var(--lf-h);
	--lf-img-h:0px;
	--lf-fic:20px;
	--lf-head-dir:row;
	--lf-head-align:flex-end;
	--lf-btn-mt:0;
	--lf-btn-d:inline-flex;
	background:#fff;
	padding:118px 64px 120px;
	box-sizing:border-box;
	color:#000;
}
.cew-lf *,.cew-lf *::before,.cew-lf *::after{box-sizing:border-box}
.cew-lf-in{width:100%;margin:0 auto}

/* heading */
.cew-lf-head{display:flex;flex-direction:var(--lf-head-dir);align-items:var(--lf-head-align);justify-content:space-between;column-gap:24px;margin:0 0 46px}
.cew-lf-head-main{min-width:0}
.cew-lf-eyebrow{margin:0 0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:14px;line-height:14px;letter-spacing:.02em;text-transform:uppercase;color:#727272}
.cew-lf-title{margin:0;padding:0;font-size:36px;font-weight:400;line-height:43px;letter-spacing:-.01em;color:#000;text-transform:none}
.cew-lf-hl{color:#023820}
.cew-lf-btn{
	display:var(--lf-btn-d);align-items:center;justify-content:center;flex:none;
	position:relative;top:var(--lf-btn-y,0px);
	margin-top:var(--lf-btn-mt);padding:14px 24px;
	border:0 solid #023820;border-radius:0;background:#023820;color:#fff;
	font-size:16px;line-height:20px;text-decoration:none;white-space:nowrap;
	transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.cew-lf-btn:hover,.cew-lf-btn:focus-visible{background:#012A18;color:#fff;text-decoration:none}

/* rows */
.cew-lf-list{display:flex;flex-direction:column;gap:32px}
.cew-lf-row{position:relative;display:flex;flex-direction:var(--lf-dir);gap:var(--lf-gap);min-height:var(--lf-row-h);align-items:stretch}
.cew-lf-row.is-rev{flex-direction:var(--lf-rev)}
.cew-lf-img{position:relative;flex:0 0 auto;width:var(--lf-img-w);min-height:var(--lf-img-h);overflow:hidden;background:#EFF1ED}
.cew-lf-img picture{display:block;position:absolute;inset:0}
.cew-lf-img 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;transition:transform .6s ease,filter .4s ease}

/* panel */
.cew-lf-panel{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:28px 32px 32px;background:#EFF1ED;transition:background-color .25s ease}
.cew-lf-name{margin:0 0 16px;padding:0;font-size:28px;font-weight:400;line-height:34px;color:#000;text-transform:none}
.cew-lf-sub{margin:0 0 9px;font-size:14px;line-height:18px;color:#4B4B4B}
.cew-lf-text{margin:0;font-size:16px;line-height:22px;color:#727272}
.cew-lf-feats{display:flex;flex-direction:column;gap:14px;margin:41px 0 0;padding:0;list-style:none}
.cew-lf-feat{display:flex;align-items:center;gap:8px;margin:0;padding:0;font-size:16px;line-height:20px;color:#000}
.cew-lf-feat::before{content:none}
.cew-lf-fic{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--lf-fic);height:var(--lf-fic);color:#727272;font-size:calc(var(--lf-fic) * .8);line-height:1}
.cew-lf-fic svg{display:block;width:100%;height:100%;fill:currentColor}
.cew-lf-link{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:var(--lf-link-gap,23px);font-size:16px;line-height:20px;color:#023820;text-decoration:none;transition:color .2s ease}
.cew-lf-link:hover{color:#012A18;text-decoration:none}
.cew-lf-link svg{flex:none;display:block;width:16px;height:16px;fill:currentColor;transition:transform .2s ease}
.cew-lf-link:hover svg{transform:translateX(3px)}
.cew-lf-stretch::after{content:"";position:absolute;inset:0;z-index:1}
.cew-lf-row.is-linked{cursor:pointer}

@media(max-width:1024px){
	.cew-lf{padding:80px 32px;--lf-h:460px;--lf-img-hs:360px}
}
@media(max-width:767px){
	.cew-lf{padding:38px 16px 40px;--lf-dir:column;--lf-rev:column;--lf-img-w:100%;--lf-row-h:0px;--lf-img-h:var(--lf-img-hs);--lf-img-hs:230px;--lf-head-dir:column;--lf-head-align:flex-start;--lf-btn-mt:20px;--lf-btn-y:0px}
	.cew-lf-head{margin-bottom:24px}
	.cew-lf-eyebrow{font-size:12px;line-height:12px;margin-bottom:2px}
	.cew-lf-title{font-size:28px;line-height:34px}
	.cew-lf-panel{padding:21px 24px 24px}
	.cew-lf-name{font-size:24px;line-height:29px}
	.cew-lf-feats{margin-top:25px}
	.cew-lf-link{margin-top:0}
}
@media(prefers-reduced-motion:reduce){
	.cew-lf-img img,.cew-lf-link svg{transition:none}
}