/* ALFRED: a compact standalone identity in page headers. */
.alfred-brand{display:flex!important;align-items:center;gap:10px;text-decoration:none}
.header>.alfred-brand,.demo-header>.alfred-brand,.client-header>.alfred-brand,.footer>.alfred-brand{width:132px!important;flex-shrink:0}
.alfred-symbol{display:block;flex:0 0 30px;width:30px}
.alfred-symbol img{display:block;width:100%;height:auto}
.alfred-identity{display:block;flex:1;min-width:0}
.alfred-identity .alfred-wordmark{display:block;width:100%;height:auto}
/* Both hero lines are part of one scalable vector: their widths stay aligned. */
.hero .alfred-hero-brand{display:block;width:390px;max-width:100%;color:#c6a447;text-transform:none;letter-spacing:0}
.alfred-hero-logo{display:block;width:100%;height:auto}
.pp-alfred-name{font:400 16px/1.25 var(--sans);letter-spacing:.2em;color:#edece2}
.pp-monogram img{display:block;width:39px;height:auto}
.pp-reader-property{display:flex;align-items:center;gap:8px}
.pp-reader-property>img{width:21px;height:auto}
.pp-reader-head .pp-reader-property>span{margin-left:0}
@media(max-width:560px){
 .header>.alfred-brand,.demo-header>.alfred-brand,.client-header>.alfred-brand{width:110px!important;gap:8px}
 .alfred-brand .alfred-symbol{flex-basis:25px;width:25px}
 .footer>.alfred-brand{width:125px!important}
 .hero .alfred-hero-brand{width:340px}
 .pp-alfred-name{font-size:14px}
 .pp-monogram img{width:33px}
}
@media(max-width:390px){
 .header>.alfred-brand,.demo-header>.alfred-brand,.client-header>.alfred-brand{width:105px!important;gap:7px}
 .alfred-brand .alfred-symbol{flex-basis:23px;width:23px}
 .header{padding-left:12px;padding-right:12px;gap:7px}
 .header .header-actions{gap:6px}
}