/* OIBT service page: shared typefaces, palette and navigation from the main site. */
.controls-hero{position:relative;isolation:isolate;overflow:hidden;min-height:640px;padding:76px 7%;background:var(--paper)}
.controls-copy{position:relative;z-index:2;width:55%;max-width:720px}
.controls-copy>.eyebrow{color:var(--ink)}
.controls-copy h1{font-size:clamp(44px,4.6vw,76px);font-weight:500;line-height:1.09;letter-spacing:-3px;margin:0 0 27px}
.controls-copy .intro{max-width:41ch;margin:0 0 24px}
.controls-photo{position:absolute;z-index:0;inset:0 0 0 35%;margin:0;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.08) 18%,#000 49%);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.08) 18%,#000 49%)}
.controls-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:75% center}
.controls-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 0;font-size:15px;font-weight:600;text-decoration:underline;text-decoration-color:#697e25;text-decoration-thickness:2px;text-underline-offset:7px}
.controls-link:hover{text-decoration-color:currentColor}
.controls .section>.eyebrow,.controls-process-heading>.eyebrow,.controls-authorization>div>.eyebrow{display:flex;align-items:center;gap:12px;color:var(--ink)}
.controls .section>.eyebrow:before,.controls-process-heading>.eyebrow:before,.controls-authorization>div>.eyebrow:before{content:'';width:24px;height:2px;background:#697e25;flex:none}
.controls-services{background:var(--ink);color:var(--paper)}
.controls-services>.eyebrow{color:var(--accent)!important}
.controls-services>.eyebrow:before{background:var(--accent)!important}
.controls-services h2 em{color:var(--accent)}
.controls-lead{max-width:57ch;color:#c5cdd1;margin:28px 0 52px;font-size:18px}
.controls-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.controls-service-grid article{border-top:1px solid #465159;padding-top:22px}
.controls-kicker{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:1px;margin:0 0 22px;min-height:1.8em}
.controls-service-grid h3{font-size:clamp(25px,2.2vw,34px);line-height:1.2;letter-spacing:-.9px;margin:0 0 20px}
.controls-service-grid article>p:last-child{max-width:34ch;color:#c5cdd1;margin:0}
.controls-independence{color:#b0bac0;font-size:13px;max-width:85ch;margin:42px 0 0}
.controls-process{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#fff}
.controls-process-heading>p:last-child{max-width:40ch;color:var(--muted);margin:26px 0 0}
.controls-process-steps{padding-top:8px}
.controls-process-steps article+article{margin-top:34px}
.controls-process-steps h3{font-size:24px;line-height:1.3;letter-spacing:-.6px;margin:0 0 12px}
.controls-process-steps p{color:var(--muted);margin:0;max-width:52ch}
.controls-authorization{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#e9eeeb}
.controls-authorization h2{max-width:13ch}
.authorization-copy{align-self:center}
.authorization-copy>p:first-child{margin:0 0 12px;max-width:48ch}
.authorization-copy strong{font-weight:600;white-space:nowrap}
.authorization-hint{color:var(--muted);font-size:13px;max-width:44ch;margin:12px 0 0}
.controls-contact{background:var(--paper)}
.controls-contact h2{max-width:26ch}
.controls-contact>p:not(.eyebrow){color:var(--muted);max-width:56ch;margin:28px 0 20px}
.controls-contact-links{display:flex;align-items:center;flex-wrap:wrap;gap:18px 36px}
.controls-phone{font-size:15px;min-height:44px;display:inline-flex;align-items:center}
.controls footer{border-top:1px solid var(--line)}
@media(min-width:1600px){.controls-hero{min-height:700px;padding-block:90px}}
@media(min-width:761px) and (max-width:1000px){.controls-hero{padding:60px 6%;min-height:570px}.controls-copy{width:60%}.controls-copy h1{font-size:clamp(38px,4.6vw,48px)}.controls-copy .intro{font-size:16px;max-width:33ch}.controls-photo{left:35%}.controls-service-grid{gap:26px}.controls-service-grid h3{font-size:26px}.controls-kicker{min-height:3.6em}}
@media(max-width:760px){.controls-hero{padding:32px 0 0;min-height:0;display:flex;flex-direction:column}.controls-copy{width:100%;max-width:none;padding:0 6%}.controls-copy>.eyebrow{font-size:10px;letter-spacing:1.3px;margin-bottom:20px}.controls-copy h1{font-size:clamp(32px,8.5vw,44px);line-height:1.12;letter-spacing:-1.4px;margin-bottom:20px}.controls-copy .intro{font-size:16px;line-height:1.6;max-width:40ch;margin-bottom:14px}.controls-photo{position:relative;inset:auto;width:100%;height:300px;margin-top:10px;mask-image:linear-gradient(to bottom,transparent 0%,#000 28%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 28%)}.controls-photo img{object-position:80% center}.controls h2{font-size:34px;line-height:1.15;letter-spacing:-1.6px}.controls-lead{font-size:16px;margin:24px 0 36px}.controls-service-grid{grid-template-columns:1fr;gap:32px}.controls-service-grid h3{font-size:28px}.controls-kicker{min-height:0;margin-bottom:14px}.controls-service-grid article>p:last-child{max-width:none}.controls-independence{margin-top:30px}.controls-process,.controls-authorization{grid-template-columns:1fr;gap:36px}.controls-process-steps{padding-top:0}.controls-process-steps h3{font-size:23px}.controls-process-steps article+article{margin-top:28px}.controls-authorization h2{max-width:18ch}.controls-contact-links{align-items:flex-start;flex-direction:column;gap:6px}.controls-contact>p:not(.eyebrow){margin-top:24px}}

.controls-link,.controls-link:hover{text-decoration:none}.controls-link-label{text-decoration:underline;text-decoration-color:#697e25;text-decoration-thickness:2px;text-underline-offset:7px}.controls-link:hover .controls-link-label{text-decoration-color:currentColor}

/* Match the understated outlined contact button on the recruitment page. */
.controls-write{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;min-height:48px;border:1px solid #697e25;color:#697e25;font-weight:500;text-decoration:none}
.controls-write:hover{background:#697e25;color:var(--paper);text-decoration:none}
.controls-write:focus-visible{outline:2px solid #697e25;outline-offset:5px}

/* Share a single title/content row below the ESTI label. */
.controls-authorization{gap:26px 8%;align-items:start}
.controls-authorization>div:first-child{display:contents}
.controls-authorization>div>.eyebrow{grid-column:1/-1;margin:0}
.authorization-copy{align-self:start}
@media(max-width:760px){.controls-authorization{gap:26px}}

@media(min-width:761px){.controls-hero{padding-inline:var(--page-gutter)}}
@media(max-width:760px){.controls-copy{padding-inline:var(--page-gutter)}}
