@import url('fonts/fonts.css');
/* Split Joint wordmark: shared by mastheads, readers and footer home links. */
.identity .brand-wordmark{display:inline-block;color:#f2efe8;font-family:'DM Sans',Arial,sans-serif;font-size:28px;font-weight:600;letter-spacing:-1.15px;line-height:1.15;white-space:nowrap}
.identity .brand-wordmark-light{color:inherit;font-weight:400;letter-spacing:-.9px}
.masthead .identity{display:inline-flex;align-items:center;flex-shrink:0;min-height:56px;padding:4px 0;line-height:1}
.brand-footer{display:flex;justify-content:center;align-items:center;text-align:center;border-top:1px solid #2b2e38;margin:50px 0 0;padding:28px 0;gap:0;background:transparent}
.brand-footer .identity{display:inline-flex;align-items:center;min-height:44px;padding:4px 0;color:inherit;text-decoration:none}
.brand-footer .brand-wordmark{font-size:23px;letter-spacing:-.8px}
.brand-footer a:focus-visible{outline:2px solid #b9c7e9;outline-offset:5px}
@media(max-width:700px){.identity .brand-wordmark{font-size:25px}.masthead .identity{min-height:48px}.brand-footer .brand-wordmark{font-size:22px}}


/* Retain real text as the accessible name and as the no-mask fallback. */
@supports (mask-image: url("")) or (-webkit-mask-image: url("")) {
 .identity .brand-wordmark{position:relative;width:6.5em;height:.9642em;color:transparent;vertical-align:middle}
 .identity .brand-wordmark::before{content:"";position:absolute;inset:0;background:#f2efe8;-webkit-mask:url("/assets/hanson-lab-split-joint.svg") center/contain no-repeat;mask:url("/assets/hanson-lab-split-joint.svg") center/contain no-repeat}
}
@media(forced-colors:active){
 .identity .brand-wordmark{width:auto;height:auto;color:LinkText}
 .identity .brand-wordmark::before{display:none}
}

/* Quieter identity: keep the established layout and home-link hit areas. */
.identity .brand-wordmark{transform:scale(.85);transform-origin:left center}
.brand-footer .brand-wordmark{transform-origin:center}

html:has(.reader-bar),body:has(.reader-bar){background:#14110f}
.reader-bar{width:100%;background:#14110f;position:sticky;top:0;z-index:30;color:#f3ede4;font-family:"DM Sans",Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
.reader-top{max-width:1328px;margin:auto;padding-left:56px;padding-right:56px}
.reader-top a{color:inherit;text-decoration:none}
.reader-top .masthead{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:72px;position:static;background:rgba(20,17,15,.92);backdrop-filter:blur(8px);border-bottom:1px solid #2b2e38;flex-wrap:nowrap}
.reader-top .masthead .site-nav{display:flex;gap:28px;align-items:center;flex-wrap:nowrap;padding:0;background:transparent}
.reader-top .masthead .site-nav a{display:inline;font-family:"DM Sans",Arial,sans-serif;font-size:15px;font-weight:500;line-height:1.55;color:#d8cfc2;padding:12px 0;min-height:0;text-decoration:none;background:transparent}
.reader-top .masthead .site-nav a:hover{color:#f3ede4}
.reader-top .masthead .site-nav .nav-guides{border:1px solid #4a4038;border-radius:99px;padding:6px 14px}
.reader-top .masthead .site-nav a[aria-current="page"]:not(.nav-guides){color:#f3ede4;text-decoration:underline;text-decoration-color:#ffcf4a;text-decoration-thickness:2px;text-underline-offset:6px}
.reader-top .masthead .site-nav .nav-guides[aria-current="page"]{border-color:#ffcf4a;color:#f3ede4}
.reader-top .identity .brand-wordmark{font-family:Fraunces,Georgia,serif;font-weight:800}
@media(max-width:900px){.reader-top .masthead .site-nav{gap:18px}}
@media(max-width:700px){.reader-top .masthead{min-height:52px}}
@media(max-width:540px){.reader-top .masthead{padding:20px 0}}
@media(max-width:500px){
  .reader-top{padding-left:14px;padding-right:14px}
  .reader-top .masthead{gap:12px}
  .reader-top .masthead .site-nav{gap:12px}
}
@media(max-width:360px){
  .masthead,.reader-top .masthead{flex-wrap:nowrap;gap:8px}
  .masthead .site-nav,.reader-top .masthead .site-nav{flex-wrap:nowrap;gap:8px}
  .identity .brand-wordmark{font-size:22px}
}