.page-masthead{padding:18px 24px;background:#fff;border-bottom:1px solid #e5eaf0}
.page-brand,.home-brand-group{--brand-height:56px;display:flex;align-items:center;gap:calc(var(--brand-height)*100/305);flex-wrap:nowrap;text-decoration:none}
.page-brand img{display:block;object-fit:contain}
.home-brand .nakmap-logo,.page-brand>img:first-child{width:calc(var(--brand-height)*695/305);height:var(--brand-height);flex:none}
.home-catchphrase,.page-brand .brand-catchphrase{display:block;width:calc(var(--brand-height)*1200/305);height:var(--brand-height);object-fit:contain;max-width:none;flex:none}
.nav-brand .nakmap-logo,.board-brand .nakmap-logo{height:auto}
.board-header .board-brand{display:none}
#hydro-tab .page-brand{--brand-height:40px;margin-bottom:18px}
.header .brand{--brand-height:42px;gap:calc(var(--brand-height)*100/305)}
.header .brand .nakmap-logo{width:calc(var(--brand-height)*695/305);height:var(--brand-height)}
.header .header-catchphrase{display:none;width:calc(var(--brand-height)*1200/305);height:var(--brand-height);object-fit:contain}
body.utility-view .header .header-catchphrase{display:block}
@media(max-width:720px){
 .page-masthead{padding:14px 18px}
 .page-brand,.home-brand-group{--brand-height:clamp(36px,13vw,46px)}
 #hydro-tab .page-brand{--brand-height:36px}
 .header .brand{--brand-height:32px}
 body.utility-view .header{flex-wrap:wrap}
}