/* A purpose-designed, edge-to-edge 1900 x 300 hero. */
.page-head.work-designed-banner{margin-top:var(--header-total);padding:0;height:300px;display:flex;align-items:center;background-color:#142a49;background-size:cover;background-position:center;overflow:hidden}
.page-head.work-designed-banner::before{background:linear-gradient(90deg,rgba(12,29,51,.12),transparent 62%)}
.work-designed-banner .container{width:100%}
.page-head.work-designed-banner h1{font-size:40px;line-height:1.2;max-width:650px;letter-spacing:-.025em;margin:0;text-wrap:balance}
.page-head.work-designed-banner p{font-size:15px;line-height:1.75;max-width:530px;margin-top:18px;color:#d8e2ee}
@media(max-width:1100px){.page-head.work-designed-banner h1{max-width:52%;font-size:34px}.page-head.work-designed-banner p{max-width:49%;font-size:14px}.page-head.work-designed-banner{background-position:60% center}}
@media(max-width:640px){.page-head.work-designed-banner{background-position:65% center}.page-head.work-designed-banner::before{background:linear-gradient(90deg,rgba(12,29,51,.92),rgba(12,29,51,.72) 58%,rgba(12,29,51,.3))}.page-head.work-designed-banner h1{max-width:100%;font-size:30px}.page-head.work-designed-banner p{max-width:100%;font-size:14px}}

/* White and gold hierarchy for the approved navy banner. */
.work-designed-banner .work-banner-eyebrow{display:block;margin-bottom:12px;color:#d1bc91;font-size:11px;font-weight:600;letter-spacing:.19em;line-height:1.4}
.page-head.work-designed-banner h1{color:#fff}
.work-designed-banner h1 .work-banner-gold{color:#d1bc91}
.page-head.work-designed-banner p{color:rgba(255,255,255,.88);max-width:490px;margin-top:16px}
@media(min-width:641px) and (max-width:1100px){.page-head.work-designed-banner p{max-width:49%}}

/* Keep the hero content visible at narrow widths and separate the approval steps. */
.page-head.work-designed-banner{height:auto;min-height:300px;padding-block:32px}
.page-head.work-designed-banner p{margin-top:12px}
.pup-work .work-approval-intro{max-width:none}
.pup-work .work-approval-intro > p{text-align:center;margin:0 0 22px}
.pup-work .work-approvals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.pup-work .work-approvals li{border-top:1px solid #c0a062;padding:14px 0 0}
.pup-work .work-approvals strong,.pup-work .work-approvals span{display:block}
.pup-work .work-approvals strong{color:#1a365d;margin-bottom:6px}
.pup-work .work-approvals span{color:var(--ink-soft);line-height:1.55}
@media(max-width:640px){.pup-work .work-approvals{grid-template-columns:1fr;gap:16px}.pup-work .work-approval-intro > p{text-align:left}}