.sector-page .sector-hero { padding-block: 42px 0; background: #fff; }
.sector-page .op-breadcrumb { color: #62675f; }
.sector-page .sector-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: start; padding-block: 12px 48px; }
.sector-page .sector-intro h1 { max-width: 650px; margin: 0; }
.sector-page .sector-intro .eyebrow { margin: 0 0 22px; }
.sector-page .sector-lead { font-size: 19px; margin: 0 0 26px; color: #50564d; }
.sector-page .sector-picture { margin: 0; }
.sector-page .sector-picture img { display: block; width: 100%; height: clamp(290px, 34vw, 460px); object-fit: cover; object-position: center 55%; }
.sector-page .sector-picture figcaption { font-size: 12px; line-height: 1.5; color: #62675f; padding-block: 12px 24px; }
.sector-page .op-task { grid-template-columns: 50px 1fr 1.4fr; }
@media(max-width: 900px) { .sector-page .sector-intro { gap: 32px; } }
@media(max-width: 700px) {
  .sector-page .sector-hero { padding-top: 28px; }
  .sector-page .sector-intro { grid-template-columns: 1fr; gap: 24px; padding-block: 0 32px; }
  .sector-page .sector-lead { font-size: 17px; }
  .sector-page .sector-picture img { height: auto; aspect-ratio: 1 / 1; }
  .sector-page .op-task { grid-template-columns: 36px 1fr; gap: 14px; }
  .sector-page .op-task p { grid-column: 2; }
  .sector-page .op-breadcrumb { margin-bottom: 24px; }
}