/* The MA symbol supplies the initials; the adjacent lines complete the name. */
:root{--brand-navy:#0B1F3B;--brand-ivory:#F4EFE8;--brand-rose:#B23B38;--brand-emerald:#067A5E;--deep:#0B1F3B}
.site-header{background:rgba(11,31,59,.98)}
.brand{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.brand-primary{display:flex;align-items:center;gap:2px;line-height:1}
.brand-monogram{display:block;width:50px;height:auto;flex:none;aspect-ratio:437/270}
.brand-name{display:flex;flex-direction:column;gap:2px;font-family:var(--sans);font-size:12.5px;font-weight:700;line-height:1.05;letter-spacing:.19em;color:var(--brand-ivory)}
.brand-name span{display:block}
.brand-descriptor{display:block;margin:0;color:#bac9cd;font-size:7.7px;letter-spacing:.14em;line-height:1.2;font-weight:700;white-space:nowrap}
.footer-brand{display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px;flex:none;white-space:normal;letter-spacing:normal}
.footer-primary{display:flex;align-items:center;gap:4px}
.footer-monogram{width:72px;height:auto;aspect-ratio:437/270;flex:none}
.footer-name{display:flex;flex-direction:column;gap:3px;font:700 17px/1.08 var(--sans);letter-spacing:.2em}
.footer-brand .footer-name>span{color:var(--brand-ivory)}
.footer-brand .footer-descriptor{color:#c1d2d3;font:700 8px/1.2 var(--sans);letter-spacing:.15em;white-space:nowrap}
.hero-caption-mark{width:34px;height:auto;margin-right:3px;flex:none}
.portrait-caption{background:#0d443f}
.site-footer{border-color:rgba(244,239,232,.24)}
.case-signature{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid rgba(244,239,232,.22);padding-block:25px;color:#c1d2d3;font-size:12px}
.case-signature .footer-monogram{width:56px}
.case-signature .footer-name{font-size:12px}
.case-signature .footer-descriptor{font-size:7px}
@media(max-width:1120px){
  .brand-monogram{width:46px}
  .brand-name{font-size:11.5px}
  .brand-descriptor{font-size:7.2px}
  .header-inner{gap:16px}
}
@media(max-width:840px){
  .brand-monogram{width:49px}
  .brand-name{font-size:12px}
}
@media(max-width:460px){
  .brand-monogram{width:42px}
  .brand-name{font-size:10px;letter-spacing:.16em}
  .brand-descriptor{font-size:6.7px;letter-spacing:.09em}
  .footer-monogram{width:56px}
  .footer-name{font-size:12px}
  .footer-brand .footer-descriptor{font-size:6.7px}
  .hero-caption-mark{width:25px;margin-right:0}
  .portrait-caption{gap:5px}
  .case-signature{align-items:flex-start;flex-direction:column}
}