.tech-explainers{display:grid;gap:28px}
.tech-explainer{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.6fr);gap:36px;align-items:center;padding:30px;border:1px solid #dce6d5;border-radius:24px;background:white}
.tech-intro h2{font-size:36px;margin:10px 0 14px}
.tech-intro p{font-size:16px;line-height:1.8;color:#52664b}
.tech-intro .eyebrow{font-size:12px}
.tech-explainer figure{margin:0;min-width:0}
.tech-explainer img{display:block;width:100%;height:auto;border-radius:20px}
.tech-explainer figcaption{font-size:14px;line-height:1.6;margin-top:14px;color:#426037;text-align:center}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.tech-explainer img{transition:transform .25s ease}.tech-explainer:hover img{transform:translateY(-4px)}}
@media(max-width:1000px){.tech-explainer{grid-template-columns:1fr;gap:22px}.tech-intro p{max-width:750px}}
@media(max-width:580px){.tech-explainer{padding:22px 16px}.tech-explainer img{max-width:360px;margin:auto}.tech-intro h2{font-size:30px}.tech-intro p{font-size:16px}.tech-explainer figcaption{max-width:330px;margin:14px auto 0}}

.tech-explainer{grid-template-columns:minmax(230px,.75fr) minmax(0,1.5fr)}
.tech-scene{width:100%;aspect-ratio:3/2;object-fit:contain;background:#f4f8f0}
.tech-explainer details{margin-top:18px;border-top:1px solid #dce6d5;padding-top:14px}
.tech-explainer summary{font-size:14px;font-weight:700;color:#376b2b;cursor:pointer;padding:8px 0}
.tech-explainer details picture{display:block;margin-top:12px}
@media(max-width:1000px){.tech-explainer{grid-template-columns:1fr}}
@media(max-width:580px){.tech-explainer .tech-scene{max-width:none}}