/* Shared site frame: one header and footer on every page.
   Colors inherit from each page so each case keeps its own look.
   Selectors are tag.class so they win over page-level header/footer rules. */
header.frame-header{position:relative;z-index:10;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;height:84px;margin:0;padding:0 max(16px,5%);background:transparent;border:0;border-bottom:1px solid color-mix(in srgb,currentColor 16%,transparent);color:inherit;font-family:Arial,Helvetica,sans-serif;font-size:13px;letter-spacing:0}
header.frame-header--overlay{position:absolute;top:0;left:0;right:0;border-bottom-color:transparent}
.frame-wordmark{font-family:Georgia,'Times New Roman',serif;font-size:26px;font-weight:400;letter-spacing:-1.1px;line-height:1;text-decoration:none;color:inherit;white-space:nowrap}
.frame-wordmark span{color:#9b5d35}
header.frame-header .frame-links{display:flex;flex-direction:row;align-items:center;gap:28px;margin:0;padding:0;font-size:13px;letter-spacing:0}
.frame-links a{color:inherit;text-decoration:none;font-size:13px;letter-spacing:0;white-space:nowrap}
.frame-links a:hover,.frame-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.frame-header a:focus-visible,.frame-footer a:focus-visible{outline:2px solid #b16a22;outline-offset:5px}

/* Closing question on each case: same band as the case navigation below it */
section.frame-cta{display:block;margin:0;padding:64px max(16px,5%) 56px;background:#f5f3ed;color:#172d43;border:0;font-family:Arial,Helvetica,sans-serif;text-align:left}
section.frame-cta h2{max-width:24ch;margin:0;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:normal;font-size:clamp(28px,3.2vw,46px);line-height:1.1;letter-spacing:-.025em;color:#172d43;text-transform:none}
.frame-cta-links{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;margin-top:30px}
.frame-cta-links a{color:#172d43;font-size:15px;letter-spacing:0;text-decoration:none;border-bottom:1px solid #172d4366;padding-bottom:4px}
.frame-cta-links a:hover{border-bottom-color:#172d43}
.frame-cta-links a.frame-button{display:inline-block;padding:14px 26px;border:0;border-radius:999px;background:#172d43;color:#f5f3ed;font-size:15px}
.frame-cta-links a.frame-button:hover{background:#1f487c}
.frame-cta a:focus-visible{outline:2px solid #b16a22;outline-offset:5px}
section.frame-cta + nav.case-navigation{border-top:1px solid #7b85884a}

footer.frame-footer{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px;margin:0;padding:34px max(16px,5%) 40px;background:#172d43;color:#f5f3ed;border:0;font-family:Arial,Helvetica,sans-serif;font-size:13px;letter-spacing:0;line-height:1.5;grid-template-columns:none}
.frame-footer .frame-wordmark{font-size:24px}
.frame-footer .frame-wordmark span{color:#d9a27a}
.frame-footer p{margin:10px 0 0;font-size:10px;letter-spacing:1.8px;color:#f5f3edb3}
footer.frame-footer .frame-contact{display:flex;flex-wrap:wrap;gap:12px 30px;margin:0;padding:0;list-style:none}
.frame-footer a{color:inherit;font-size:13px;letter-spacing:0;text-decoration:none}
.frame-contact a{border-bottom:1px solid #f5f3ed66;padding-bottom:3px}
.frame-footer .frame-note{flex-basis:100%;margin:6px 0 0;font-size:11px;letter-spacing:.2px;line-height:1.6;color:#f5f3ed99}

.frame-footer .frame-credit{flex-basis:100%;margin:8px 0 0;padding-top:16px;border-top:1px solid #f5f3ed26;font-size:11px;letter-spacing:.3px;color:#f5f3ed99}

@media(max-width:680px){
  header.frame-header{height:68px;gap:14px}
  .frame-wordmark{font-size:22px}
  header.frame-header .frame-links{gap:16px}
  .frame-links a{font-size:12px}
  .frame-links .frame-work{display:none}
  section.frame-cta{padding:48px 16px 40px}
  footer.frame-footer{flex-direction:column;align-items:flex-start;padding:30px 16px 36px}
}