.working-standards { background: var(--mist); position: relative; overflow: hidden; }
.working-standards::before { content: "STANDARD"; position: absolute; right: -25px; top: -54px; color: rgba(7,27,45,.032); font: 900 190px var(--display); letter-spacing: -.08em; }
.standards-head { display: grid; grid-template-columns: 1.08fr .92fr; align-items: end; gap: 80px; position: relative; margin-bottom: 58px; }
.standards-head h2 { color: var(--navy); font-size: clamp(38px,4.4vw,60px); }
.standards-head h2 span { color: var(--red); }
.standards-head > p { margin: 0 0 5px; color: var(--muted); font-size: 17px; }
.standards-block { position: relative; padding-top: 74px; margin-top: 74px; border-top: 1px solid #cad8dc; }
.standards-block.load-block { padding-top: 0; margin-top: 0; border-top: 0; }
.standards-hero,.standards-side-image,.standards-operations-image { margin: 0; position: relative; overflow: hidden; background: var(--navy); }
.standards-hero { aspect-ratio: 16/7; }
.standards-hero img,.standards-side-image img,.standards-operations-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
.standards-hero:hover img,.standards-side-image:hover img,.standards-operations-image:hover img { transform: scale(1.018); }
.standards-hero figcaption,.standards-side-image figcaption,.standards-operations-image figcaption { position: absolute; left: 20px; bottom: 18px; padding: 7px 10px; background: rgba(4,20,33,.78); color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .13em; }
.standards-subhead { display: grid; grid-template-columns: 1.15fr .85fr; align-items: end; gap: 70px; margin: 44px 0 28px; }
.standards-subhead > div { position: relative; padding-left: 66px; }
.standards-subhead > div > span { position: absolute; left: 0; top: 2px; width: 46px; height: 46px; display: grid; place-items: center; background: var(--red); color: #fff; font-size: 12px; font-weight: 800; }
.standards-subhead > div > p { margin: 0 0 5px; color: var(--red); font-size: 11px; font-weight: 800; letter-spacing: .16em; }
.standards-subhead h3 { margin: 0; color: var(--navy); font: 800 28px/1.2 var(--display); }
.standards-subhead > p { margin: 0; color: var(--muted); font-size: 15px; }
.load-grid { display: grid; grid-template-columns: repeat(6,1fr); gap: 14px; }
.load-card { grid-column: span 2; min-height: 235px; padding: 27px; background: #fff; border-top: 4px solid var(--turq); }
.load-card:nth-child(4),.load-card:nth-child(5) { grid-column: span 3; }
.load-card:nth-child(even) { border-top-color: var(--red); }
.load-card b { display: inline-block; color: var(--turq); font: 800 12px var(--font); letter-spacing: .12em; }
.load-card h4,.operation-card h4 { color: var(--navy); font: 800 20px/1.3 var(--display); margin: 26px 0 10px; }
.load-card p,.operation-card p { margin: 0; color: var(--muted); font-size: 14px; }
.compliance-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 18px; align-items: stretch; }
.standards-side-image { min-height: 620px; }
.standards-table-wrap { overflow-x: auto; background: #fff; }
.standards-table { width: 100%; height: 100%; border-collapse: collapse; color: var(--navy); }
.standards-table th { padding: 18px 17px; background: var(--navy); color: #fff; text-align: left; font-size: 12px; letter-spacing: .08em; }
.standards-table td { padding: 17px; border-bottom: 1px solid var(--line); vertical-align: top; font-size: 14px; }
.standards-table td:first-child { color: var(--red); font-weight: 800; }
.standards-table td:nth-child(2) { font-weight: 800; min-width: 125px; }
.standards-table small { color: #758892; font-size: 11px; }
.standards-note { margin: 18px 0 0; padding: 17px 20px; border-left: 4px solid var(--turq); background: #fff; color: var(--muted); font-size: 13px; }
.standards-operations-image { aspect-ratio: 16/7; }
.operations-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-top: 14px; }
.operation-card { min-height: 240px; padding: 28px; background: var(--navy); }
.operation-card:nth-child(2) { background: var(--turq); }
.operation-card span { color: var(--turq); font: 900 13px var(--font); letter-spacing: .12em; }
.operation-card h4 { color: #fff; }
.operation-card p { color: #a8b8c4; }
.operation-card:nth-child(2) span,.operation-card:nth-child(2) h4 { color: var(--navy); }
.operation-card:nth-child(2) p { color: #164554; }

@media (max-width: 900px) {
  .standards-head,.standards-subhead { grid-template-columns: 1fr; gap: 28px; }
  .standards-hero,.standards-operations-image { aspect-ratio: 4/3; }
  .load-grid { grid-template-columns: 1fr 1fr; }
  .load-card,.load-card:nth-child(4),.load-card:nth-child(5) { grid-column: auto; }
  .load-card:last-child { grid-column: 1/-1; }
  .compliance-layout { grid-template-columns: 1fr; }
  .standards-side-image { min-height: 420px; aspect-ratio: 16/9; }
}
@media (max-width: 600px) {
  .standards-block { padding-top: 56px; margin-top: 56px; }
  .standards-subhead > div { padding-left: 0; padding-top: 61px; }
  .standards-subhead > div > span { top: 0; }
  .load-grid,.operations-grid { grid-template-columns: 1fr; }
  .load-card:last-child { grid-column: auto; }
  .load-card,.operation-card { min-height: 0; }
  .standards-side-image { min-height: 300px; }
  .standards-table { min-width: 680px; }
}