/* Direction 12.c only: four generous capability portals. */
.me-capability-panels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;border-block:1px solid var(--me-line);background:#f4f1e9;isolation:isolate}
.me-capability-panels .me-capability-panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:80px;min-width:0;min-height:clamp(390px,34vw,640px);padding:32px clamp(22px,2.5vw,58px) 36px;overflow:hidden;color:var(--me-ink,#123e50);text-decoration:none;border-right:1px solid var(--me-line);background:#f0ede6;transition:color .5s ease;isolation:isolate}
.me-capability-panel:nth-child(2){background:#edf0eb}.me-capability-panel:nth-child(3){background:#eee5e3}.me-capability-panel:nth-child(4){background:#e9e9e4;border-right:0}
.me-capability-panel:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,24,31,.4),rgba(6,24,31,.1) 35%,rgba(6,24,31,.78));opacity:0;transition:opacity .65s ease}
.me-capability-panel .me-capability-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--panel-position,50% 50%);z-index:-2;opacity:0;transform:scale(1.075);transition:opacity .7s ease,transform 1.2s cubic-bezier(.2,.65,.2,1)}
.me-capability-panel .me-capability-number{align-self:auto;position:relative;font:400 10px/1.5 Basis,sans-serif;letter-spacing:.12em}
.me-capability-content{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:25px 14px;align-items:end;width:100%}
.me-capability-panel h3{margin:0;font-family:Adelia,sans-serif;font-size:clamp(36px,3.2vw,72px);font-weight:400;line-height:1.06;letter-spacing:-.035em;text-transform:uppercase;color:inherit;transition:transform .65s cubic-bezier(.2,.65,.2,1);overflow-wrap:normal}
.me-capability-panel .me-capability-arrow{display:grid;place-items:center;align-self:end;width:48px;height:48px;border:1px solid currentColor;border-radius:50%;font:400 27px/1 Basis,sans-serif;transition:background .5s ease,transform .5s ease;border-color:color-mix(in srgb,currentColor 45%,transparent)}
.me-capability-panel p{grid-column:1/-1;margin:0;min-height:44px;font-size:16px;line-height:1.5;max-width:250px;color:inherit}
.me-capability-panels .me-capability-panel:is(:hover,:focus-visible){color:#fff}
.me-capability-panel:is(:hover,:focus-visible):before{opacity:1}
.me-capability-panel:is(:hover,:focus-visible) .me-capability-photo{opacity:1;transform:scale(1)}
.me-capability-panel:is(:hover,:focus-visible) h3{transform:translateY(-5px)}
.me-capability-panel:is(:hover,:focus-visible) .me-capability-arrow{transform:translate(3px,-3px);background:#ffffff20}
.me-capability-panel:focus-visible{outline:3px solid #fff;outline-offset:-7px}
@media(min-width:1001px) and (max-width:1450px){.me-capability-panel:last-child{padding-right:48px}.me-capability-content{gap:20px 12px}.me-capability-panel .me-capability-arrow{width:44px;height:44px}.me-capability-panel p{font-size:15px}.me-capability-panel h3{font-size:clamp(38px,3.5vw,51px)}}
@media(max-width:1000px){.me-capability-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.me-capability-panels .me-capability-panel{min-height:390px;padding:28px;gap:65px;border-bottom:1px solid var(--me-line)}.me-capability-panel:nth-child(even){border-right:0}.me-capability-panel h3{font-size:48px}.me-capability-panel p{font-size:16px}.me-capability-panel:nth-child(n+3){border-bottom:0}}
@media(max-width:600px){.me-capability-panels{grid-template-columns:1fr}.me-capability-panels .me-capability-panel{min-height:330px;padding:26px 7vw;border-right:0;border-bottom:1px solid var(--me-line)}.me-capability-panel:last-child{border-bottom:0}.me-capability-panels .me-capability-panel{color:#fff}.me-capability-panel:before{opacity:1}.me-capability-panel .me-capability-photo{opacity:1;transform:none}.me-capability-panel h3{font-size:46px}.me-capability-panel .me-capability-number{font-size:9px}.me-capability-content{gap:20px 18px}.me-capability-panel p{min-height:0;font-size:16px}}
@media(hover:none){.me-capability-panels .me-capability-panel{color:#fff}.me-capability-panel:before{opacity:1}.me-capability-panel .me-capability-photo{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.me-capability-panels .me-capability-panel,.me-capability-panel:before,.me-capability-panel .me-capability-photo,.me-capability-panel h3,.me-capability-panel .me-capability-arrow{transition:none;transform:none!important}}