/* Control and supervision: original controller image and four complementary roles. */
.usage-section{padding:80px 8%;background:#e8ebe2;color:#1d3029}
.usage-heading{max-width:880px;margin-bottom:38px}
.usage-heading .eyebrow{margin-bottom:20px}
.usage-heading h2{font-size:clamp(36px,4.4vw,62px);max-width:18ch;margin:0 0 24px}
.usage-heading>p:last-child{max-width:760px;font-size:16px;line-height:1.8;color:#596e60;margin:0}
.usage-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:32px;align-items:center}
.usage-controller{margin:0;min-width:0;border:1px solid #c6d0bf;background:#fff}
.usage-controller>a{display:block;position:relative;padding:18px;cursor:zoom-in}
.usage-controller>a:after{content:"↗";position:absolute;right:12px;bottom:12px;width:32px;height:32px;display:grid;place-items:center;background:#142c24;color:#e8d4a1;border-radius:50%;font-size:20px}
.usage-controller>a:focus-visible{outline:3px solid #c7a65e;outline-offset:4px}
.usage-controller img{width:100%;height:auto;max-height:420px;object-fit:contain}
.usage-controller figcaption{padding:16px 20px;border-top:1px solid #d9dfd3;font-size:12px;line-height:1.7;color:#596e60}
.usage-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.usage-cards article{padding:24px;background:#f4f3eb;border-top:2px solid #b89c59;min-width:0}
.usage-number{display:block;margin-bottom:18px;color:#8a7139;font-size:11px;font-weight:700;letter-spacing:.12em}
.usage-cards h3{font-family:Manrope,sans-serif;font-size:21px;line-height:1.25;font-weight:600;letter-spacing:-.035em;margin:0 0 14px}
.usage-cards p{font-size:14px;line-height:1.75;color:#596e60;margin:0}
@media(max-width:1000px){.usage-layout{grid-template-columns:1fr}.usage-controller{max-width:460px;width:100%;margin:0 auto}.usage-controller img{max-height:330px}}
@media(max-width:760px){.usage-section{padding:60px 6%}.usage-heading{margin-bottom:28px}.usage-heading>p:last-child{font-size:14px}.usage-layout{gap:24px}.usage-controller{max-width:230px}.usage-controller img{max-height:220px}.usage-controller>a{padding:12px}.usage-controller figcaption{padding:12px 15px;font-size:11px}.usage-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.usage-cards article{padding:17px 14px}.usage-number{margin-bottom:13px}.usage-cards h3{font-size:18px}.usage-cards p{font-size:13px;line-height:1.65}}