.hero {position:relative;isolation:isolate;overflow:hidden}
.hero::before {content:"";position:absolute;pointer-events:none;z-index:-1;inset:0;background:url("/assets/engraving.svg") 54% 50% / min(55vw,640px) auto no-repeat;opacity:.37}
.record-head {background:#19382f;color:#f9f6ed;padding-block:clamp(38px,6vw,76px);border-bottom:4px solid #c9ac71}
.record-head .eyebrow {color:var(--gold)}
.record-head h1 {font-size:clamp(42px,5.4vw,75px);letter-spacing:-.045em;margin:14px 0}
.record-head p:last-child {line-height:1.6;color:#e4e7dc;max-width:660px}
.record {max-width:1100px;padding-block:28px 60px}
.record section {padding:32px 0;border-bottom:1px solid var(--line)}
.record h2 {font-size:clamp(29px,4vw,42px);margin-bottom:18px}
.record h3 {font-size:22px;margin:16px 0 5px}
.record p {line-height:1.65}
.record .source {display:inline-block;margin:7px 12px 0 0}
.record .offices {display:grid;grid-template-columns:1fr 1fr;gap:28px}
.record .offices article {border-left:2px solid #b89c61;padding-left:18px}
.record .offices h3 {margin-top:4px}
.record table {border-collapse:collapse;width:100%;margin:16px 0;font-size:clamp(13px,1.6vw,16px)}
.record th,.record td {text-align:left;border-bottom:1px solid var(--line);padding:12px 8px;line-height:1.45}
.record thead {background:#eae9dd}
.record th {font-weight:600}
.record nav {position:static;display:flex;flex-flow:row wrap;gap:16px;margin-top:22px}
#nav [aria-current="page"] {text-decoration:underline;text-underline-offset:6px}
@media (min-width:851px) and (max-width:1100px) {.bar {padding-inline:20px;gap:12px}#nav {gap:14px}.identity {gap:7px;font-size:18px}}
@media(max-width:620px) {.hero::before {background-size:min(109vw,490px);background-position:calc(100% + 25vw) 15px;opacity:.34}.record .offices {grid-template-columns:1fr;gap:18px}.record th,.record td {padding:10px 5px}}