.topbar .brand.firm-name {
  width:auto;height:auto;min-height:44px;display:flex;flex-direction:column;
  justify-content:center;align-items:flex-start;background:transparent;color:white;
  text-decoration:none;border:0;border-radius:0;text-shadow:0 1px 6px #091c30,0 2px 16px #091c30;
}
.firm-name strong {font:600 clamp(18px,2vw,26px)/1.15 Georgia,serif}
.firm-name small {margin-top:4px;font:600 9px/1.4 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.topbar .work-link {margin-left:auto;border-bottom:1px solid #ffffff85;color:white;text-decoration:none;text-shadow:0 1px 6px #091c30,0 1px 3px #091c30;padding:8px 0;font:600 14px/1.4 system-ui,sans-serif}
.topbar .work-link~.icon {margin-left:0}
.site-links {display:grid;gap:0;border-top:1px solid #cdd8e3}
.site-links a {display:flex;justify-content:space-between;gap:16px;align-items:center;color:#174e78;padding:12px 0;text-decoration:none;border-bottom:1px solid #cdd8e3;font-weight:600}
.site-links a:hover, .work-link:hover {text-decoration:underline}
.site-links span {color:#52677a;text-align:right;font-size:12px;font-weight:400}
.chapter-heading {margin:28px 0 4px;font:400 23px/1.3 Georgia,serif}
dialog .eyebrow {color:#52677a}
@media(max-width:600px) {
 .topbar .work-link {font-size:12px}
 .firm-name strong {font-size:17px}
 .firm-name small {font-size:8px;letter-spacing:.04em}
 .topbar {column-gap:8px}
}
@media(max-width:380px) {
 .topbar {left:12px;right:12px;column-gap:6px}
 .topbar .icon {width:34px;height:34px}
}
:root {--mast-height:76px}
.topbar {inset:0 0 auto;height:var(--mast-height);padding:0 clamp(16px,4vw,64px);background:#f5f7f8;border-bottom:1px solid #d6dfe3;color:#102738;pointer-events:auto}
.topbar .brand.firm-name img {display:block;width:132px;height:66px;object-fit:contain}
.topbar .work-link {color:#102738;border-color:#9aadb8;text-shadow:none}
.topbar #menu-open {background:transparent;border-color:#bbcbd2;color:#102738;backdrop-filter:none}
.intro-logo {display:block;width:min(430px,100%);height:auto}
.portfolio-cta {display:none}
#journey[data-step="0"] .portfolio-cta,.topbar .work-link {align-items:center;gap:10px;background:#0758a4;color:#fff;text-decoration:none;border:0;border-radius:4px;font-weight:700}
#journey[data-step="0"] .portfolio-cta {display:inline-flex;min-height:48px;padding:0 18px;margin:0 0 16px;font-size:16px;box-shadow:0 2px 8px #091c3045}
.portfolio-cta svg {width:19px;height:19px}
.topbar .work-link {display:inline-flex;min-height:40px;padding:0 14px}
#journey[data-step="0"] .portfolio-cta:hover,.topbar .work-link:hover {background:#06417c}
.portfolio-cta:focus-visible,.topbar .work-link:focus-visible {outline:3px solid #72b9f3;outline-offset:3px}
@media(max-width:600px) {
 .intro-logo {width:min(280px,100%);}
 .topbar .work-link {padding:0 9px}
}
@media(max-width:380px){.topbar .brand.firm-name img{width:82px;height:41px}}
#journey {margin-top:var(--mast-height)}
#journey .viewport {top:var(--mast-height);height:calc(100svh - var(--mast-height))}
@media(max-width:600px),(max-height:600px) {
 :root {--mast-height:60px}
 .topbar .brand.firm-name img {width:104px;height:52px}
}

#journey[data-step="0"] #category {
  font-size:clamp(14px,1.3vw,18px);
  line-height:1.4;
  font-weight:700;
}