/* Approved photo headers; scoped to the home, nine guide pages and two category archives. */
.mec-photo-page-hero{position:relative;isolation:isolate;height:310px;overflow:hidden;background:#070709;color:#fff;margin-bottom:28px}
.mec-photo-page-hero>.mec-header-photo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:var(--mec-photo-x,50%) 50%}
.mec-photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,9,.98) 0%,rgba(7,7,9,.94) 8%,rgba(7,7,9,.70) 23%,rgba(7,7,9,.22) 39%,rgba(7,7,9,0) 57%)}
.mec-site .mec-photo-copy{position:relative;z-index:1;height:100%;display:flex;align-items:center;padding:24px}
.mec-site .mec-photo-copy h1{color:#fff;font-size:clamp(26px,3.3vw,40px);font-weight:700;line-height:1.55;letter-spacing:.025em;margin:0;max-width:58%;overflow-wrap:anywhere;text-shadow:0 2px 10px #0005}
.mec-site .mec-photo-page-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:36px;margin-bottom:24px}
.mec-site .mec-photo-page-intro .mec-mechanism-lead,.mec-site .mec-photo-system-intro .mec-system-lead{color:#4f5960}
.mec-site .mec-photo-system-intro{margin-bottom:28px}
.mec-photo-system-diagram{display:block;max-width:900px;padding:18px;margin-top:28px;margin-bottom:28px;background:#fff;border:1px solid #e2e5e7}
.mec-photo-system-diagram img{display:block;width:100%;height:auto;object-fit:contain}
.mec-torque-visual img{position:absolute;inset:0;width:100%;height:100%;object-position:55% 58%}
.mec-torque-visual:after{background:linear-gradient(90deg,rgba(7,7,9,.98) 0%,rgba(7,7,9,.94) 8%,rgba(7,7,9,.70) 23%,rgba(7,7,9,.22) 39%,rgba(7,7,9,0) 57%),linear-gradient(0deg,rgba(7,7,9,.5),transparent 18%)}
.mec-torque-copy{padding-top:50px;padding-bottom:120px}
.mec-site .mec-torque-copy h1{max-width:570px}
.mec-torque-description{max-width:460px}
@media(max-width:980px){.mec-site .mec-photo-page-intro{gap:24px}.mec-torque-visual img{object-position:55% 58%}}
@media(min-width:641px) and (max-width:850px){.mec-site .mec-photo-copy h1{max-width:65%;font-size:29px}}
@media(max-width:640px){
 .mec-photo-page-hero{height:240px;margin-bottom:22px}
 .mec-photo-shade{background:linear-gradient(90deg,rgba(7,7,9,.96) 0%,rgba(7,7,9,.88) 10%,rgba(7,7,9,.58) 33%,rgba(7,7,9,.13) 57%,rgba(7,7,9,0) 76%)}
 .mec-site .mec-photo-copy{padding:16px}
 .mec-site .mec-photo-copy h1{font-size:25px;max-width:90%}
 .mec-site .mec-photo-page-intro{grid-template-columns:1fr;gap:20px;margin-bottom:20px}
 .mec-photo-system-diagram{padding:12px}
 .mec-torque-visual img{top:0;height:100%;object-position:55% 58%}
 .mec-torque-visual:after{background:linear-gradient(90deg,rgba(7,7,9,.96) 0%,rgba(7,7,9,.88) 10%,rgba(7,7,9,.58) 33%,rgba(7,7,9,.13) 57%,rgba(7,7,9,0) 76%),linear-gradient(0deg,rgba(7,7,9,.75),transparent 35%)}
 .mec-torque-copy{padding-top:32px;padding-bottom:115px}
 .mec-torque-copy .mec-eyebrow{margin-bottom:24px!important}
 .mec-torque-description{max-width:280px}
}
@media print{.mec-photo-page-hero{height:auto;background:#fff;color:#000}.mec-photo-page-hero>.mec-header-photo,.mec-photo-shade{display:none}.mec-site .mec-photo-copy{display:block;padding:0}.mec-site .mec-photo-copy h1{color:#000;max-width:100%;text-shadow:none}}

.mec-site .mec-photo-page-intro.mec-guide-intro-wide{grid-template-columns:minmax(0,1fr)}
.mec-site .mec-photo-page-intro.mec-guide-intro-wide .mec-mechanism-lead{font-size:20px}
.mec-site .mec-photo-system-intro .mec-system-lead{font-size:20px}
.mec-site .mec-mechanism-main .mec-guide-intro>p,.mec-site .mec-mechanism-main .mec-system-intro{font-size:18px;line-height:1.95}
@media(max-width:640px){.mec-site .mec-photo-page-intro.mec-guide-intro-wide .mec-mechanism-lead,.mec-site .mec-photo-system-intro .mec-system-lead{font-size:19px}.mec-site .mec-mechanism-main .mec-guide-intro>p,.mec-site .mec-mechanism-main .mec-system-intro{font-size:17px}}