.officials-intro{display:grid;grid-template-columns:1.7fr .7fr;gap:70px;align-items:center;padding-top:85px;padding-bottom:80px;border-bottom:1px solid #293039}.officials-intro h1{font-size:clamp(3rem,5.6vw,5.8rem);line-height:1.03;margin:22px 0 28px}.officials-intro h1 span{color:#c5ced8}.officials-intro p{max-width:630px;color:#aeb4bd;font-size:18px;line-height:1.6}.officials-intro .officials-lead{color:#ece9e2;font-size:22px}.officials-intro .actions{margin-top:30px;gap:24px}.officials-mark{padding:30px;border-left:1px solid #4e5b6b;text-align:center}.officials-mark img{width:210px;max-width:90%}.officials-mark p{font-family:'Barlow Condensed',sans-serif;font-size:29px;line-height:1.2;color:#c5ced8;text-transform:uppercase;letter-spacing:.05em;margin-top:25px}.officials-resources{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.officials-resources .resource{display:flex;flex-direction:column}.officials-resources .textlink{margin-top:auto;padding-top:20px;align-self:flex-start}.certification-panel{padding:48px;display:grid;grid-template-columns:1.2fr .8fr;gap:65px;align-items:center;border:1px solid #3f4b58;background:#080b0f}.certification-panel h2{margin:18px 0}.certification-panel .button{margin-top:24px}.certification-status{border-left:1px solid #4a4e55;padding-left:36px}.status-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#c5ced8;margin-bottom:15px}.certification-status h3{font-family:'Barlow Condensed',sans-serif;font-size:32px;line-height:1.15;margin-bottom:20px}.officials-faq h2{margin:20px 0 35px}section[id]{scroll-margin-top:105px}@media(max-width:760px){.officials-intro{grid-template-columns:1fr;padding-top:50px;padding-bottom:45px;gap:30px}.officials-intro h1{font-size:3rem}.officials-intro p{font-size:16px}.officials-mark{display:none}.officials-resources{grid-template-columns:1fr}.certification-panel{grid-template-columns:1fr;padding:28px;gap:35px}.certification-status{border-left:0;border-top:1px solid #4a4e55;padding:25px 0 0}.officials-intro .actions{align-items:flex-start;flex-direction:column}}
/* A full-width, blended training photograph behind the next-step guidance. */
.certification-band{position:relative;isolation:isolate;overflow:hidden;background:#080b0f}
.certification-training-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;z-index:-2;filter:brightness(.72);mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 85%,transparent)}
.certification-band::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,11,15,.88),rgba(8,11,15,.62) 55%,rgba(8,11,15,.78))}
.certification-band .certification-panel{min-height:580px;padding:90px 5%;border:0;background:transparent;gap:70px}
.certification-band .certification-panel p{color:#e0e3e7;text-shadow:0 1px 5px #080b0f}
.certification-band .certification-panel h2{color:var(--naska-gold);text-shadow:0 2px 8px #080b0f}
.certification-band .certification-status h3{color:#fff;text-shadow:0 2px 8px #080b0f}
.certification-band .certification-status{border-color:rgba(255,255,255,.25)}
@media(max-width:760px){
.certification-training-photo{height:320px;object-position:50% 48%;mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 65%,transparent)}
.certification-band::after{background:linear-gradient(to bottom,rgba(8,11,15,.12),rgba(8,11,15,.72) 240px,#080b0f 340px)}
.certification-band .certification-panel{min-height:0;padding:220px 6% 54px;gap:30px}
}
