/* Shared DOCOM lockup. The SVG contains the approved small, high-contrast dot. */
.docom-brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;vertical-align:middle}
.docom-brand .docom-brand-mark{display:block;width:var(--docom-mark-size,40px);height:var(--docom-mark-size,40px);max-width:none;flex:0 0 var(--docom-mark-size,40px);margin:0}
.docom-brand .docom-brand-copy{display:block;font:inherit;letter-spacing:inherit;line-height:1.2;margin:0}
.docom-brand .docom-brand-sub{display:block;font-size:9px;font-weight:500;line-height:1.3;letter-spacing:.37em;margin-top:7px}
.docom-brand-small{--docom-mark-size:28px;gap:9px}
/* Allow room for the new mark before the full navigation becomes crowded. */
@media(max-width:900px){
  .site-header .menu-toggle{display:flex;align-items:center;gap:15px}
  .site-header .header-inner nav{display:none;position:absolute;left:5%;right:5%;top:70px;background:#30362f;border:1px solid #8e9782;padding:18px;box-shadow:0 15px 35px #000a;align-items:stretch;gap:0}
  .site-header .header-inner nav.is-open{display:flex;flex-direction:column}
  .site-header .header-inner nav>a{padding:12px}
  .site-header .header-inner nav .button{margin:10px 0 0}
}
@media(max-width:760px){
  .site-header .docom-brand,.pv-header .docom-brand{--docom-mark-size:32px;gap:9px}
}