body:has(.brand-book){overflow-x:hidden}
body:has(.brand-book) .site-header nav a,
body:has(.brand-book) .site-header .logo small{color:#f7f2e8!important}
.identity-hero>*,
.identity-opening>*,
.identity-rationale>*,
.identity-anatomy>*,
.identity-clearspace>*{min-width:0}
.identity-hero h1{max-width:100%;overflow-wrap:break-word}
.identity-hero-mark{overflow:hidden}
.identity-hero-mark img{max-width:100%}
@media(max-width:560px){
 .identity-hero{padding-left:24px;padding-right:24px}
 .identity-hero-copy,.identity-hero-mark{width:calc(100vw - 48px);max-width:342px}
 .identity-hero h1{width:100%;font-size:3.45rem;line-height:.88;letter-spacing:-.065em;white-space:normal!important}
 .identity-hero h1 span{display:block;font-size:.87em}
 .identity-hero-copy>p{width:100%;max-width:342px;font-size:1rem;overflow-wrap:anywhere}
 .identity-hero-mark{padding:1.25rem}
 .identity-hero-mark img{width:100%}
}