/* WordPress-side additions to the generated mockup CSS. Loaded after wsta.css, before wsta-light.css. */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}
.skip-link:focus{clip:auto;clip-path:none;height:auto;width:auto;left:12px;top:12px;z-index:1000;padding:10px 16px;background:#fff;color:#07111d;border-radius:8px}
/* Cloudflare Stream iframe takes the mockup <video>'s place inside .video-wrap. */
.video-wrap iframe{width:100%;display:block;aspect-ratio:16/9;border:0}
/* Editor content on generic pages (Policies & Terms). */
.entry > * + *{margin-top:1em}
/* Home hero: the film takes the illustration's place (Kurt, 10/22/2026). */
.hero-film .video-wrap{max-width:none;margin:0}
/* Phones/tablets (hero is one column at <=1024px): film right under the headline, then intro, the "AI builder…" line and buttons. */
@media (max-width:1024px){
 .hero-grid{row-gap:22px}
 .hero-grid > div:first-child{display:contents}
 .hero-grid .mono{order:1}.hero-grid h1{order:2}.hero-grid .hero-film{order:3}.hero-grid .lead{order:4}.hero-grid .hero-ask{order:5}.hero-grid .btn-row{order:6}
}
/* "Watch with sound" over the muted hero film (pattern from mycallcenter.jobs, WSTA colors). */
.hero-film .video-wrap{position:relative}
.film-sound{position:absolute;right:16px;top:16px;z-index:3;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:0;background:linear-gradient(90deg,#00D4F5,#007cc2);color:#04121f;font:700 15px/1 Barlow,system-ui,sans-serif;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.film-sound:hover{filter:brightness(1.08)}
.film-sound:focus-visible{outline:3px solid #fff;outline-offset:2px}
.film-sound[hidden]{display:none}
@media (max-width:760px){.film-sound{right:10px;top:10px;font-size:14px;padding:0 14px}}
/* Contact Form 7 (forms defined in scripts/seed/seed-forms.php): map its markup onto the mockup's form styles. */
.form .wpcf7-form-control-wrap{display:block}
.form input.wpcf7-submit{display:inline-flex;width:auto;margin-top:8px;padding:14px 26px;border:2px solid transparent;background:linear-gradient(90deg,#00D4F5,#007cc2);color:#04121f;font-weight:700;font-size:16px;cursor:pointer}
.form input.wpcf7-submit.btn-lg{padding:17px 34px;font-size:18px}
.form input.wpcf7-submit.btn-block{display:block;width:100%}
.form .chk-grid{display:block}
.chk-grid .wpcf7-checkbox{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}
.chk-grid.one .wpcf7-checkbox{grid-template-columns:1fr}
.form .wpcf7-list-item{display:block;margin:0}
.form .wpcf7-list-item label{display:flex;gap:10px;align-items:center;font-weight:500;margin:0 0 6px}
.form .wpcf7-list-item input{display:inline-block;width:auto;margin:0}
.form .wpcf7-acceptance{display:block;margin:6px 0 12px}
.form .wpcf7-not-valid-tip{display:block;margin-top:4px;font-size:13px;font-weight:500;color:#ff8a80}
.wpcf7 form.form .wpcf7-response-output{margin:14px 0 0;padding:12px 14px;border:0;border-radius:6px;font-size:14.5px}
.wpcf7 form.form.sent .wpcf7-response-output{background:rgba(66,166,51,.15);color:#a7f3a0}
.wpcf7 form.form.invalid .wpcf7-response-output,.wpcf7 form.form.unaccepted .wpcf7-response-output,.wpcf7 form.form.failed .wpcf7-response-output,.wpcf7 form.form.spam .wpcf7-response-output{background:rgba(255,196,0,.12);color:#ffd666}
@media (max-width:760px){.chk-grid .wpcf7-checkbox{grid-template-columns:1fr}}
/* Board card photo placeholder (initials) until a headshot arrives; same box as .person img. */
.person-ph{width:100%;aspect-ratio:1/1;margin-bottom:16px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0b3f66,#007cc2)}
.person .person-ph span{display:block;margin:0;font-size:64px;font-weight:800;letter-spacing:.04em;color:#fff}