/* Compact public header; existing navigation and character interactions stay active. */
html body.home-entry-reference #ramos-public-header{height:auto!important;min-height:0!important;background:#fff!important;box-shadow:0 1px 5px #152a3a0d!important}
html body.home-entry-reference #ramos-public-header::before{display:none!important}
html body.home-entry-reference #ramos-public-header .header-inner{height:auto!important;min-height:72px!important;padding:5px 22px!important;gap:12px!important}
html body.home-entry-reference #ramos-public-header .brand{flex:0 0 auto!important;min-width:60px!important}
html body.home-entry-reference #ramos-public-header :is(.preview-abi-brand,.home-abi-mark){font-size:26px!important;line-height:1!important}
html body.home-entry-reference #ramos-public-header #main-nav>a{min-height:54px!important;padding:5px 6px!important;gap:4px!important}
html body.home-entry-reference #ramos-public-header #main-nav>a svg{width:22px!important;height:22px!important}
html body.home-entry-reference #ramos-public-header .cappy-dock{flex-basis:54px!important;width:54px!important;height:60px!important}
html body.home-entry-reference #ramos-public-header #cappy .cappy-trigger{width:54px!important;height:58px!important}
html body.home-entry-reference #ramos-public-header #cappy .cappy-cue{top:62px!important}
html body.home-entry-reference #ramos-public-header .header-actions .popover>div{top:100%!important}
html body.home-entry-reference .hero{margin-top:0!important}
html body.home-entry-reference .hero::after{background:none!important;opacity:0!important;box-shadow:none!important}
html body.home-entry-reference .hero .hero-photo{filter:brightness(.85) saturate(.92)!important}
@media(hover:hover) and (pointer:fine){html body.home-entry-reference .hero:hover .hero-photo{filter:brightness(1.02) saturate(.96)!important}}
html body.home-entry-reference .hero:focus-within .hero-photo{filter:brightness(1.02) saturate(.96)!important}
html body.home-entry-reference .hero::before{filter:blur(2px) brightness(.85)!important}
@media(hover:hover) and (pointer:fine){html body.home-entry-reference .hero:hover::before{filter:blur(2px) brightness(1.02)!important}}
html body.home-entry-reference .hero:focus-within::before{filter:blur(2px) brightness(1.02)!important}
@media(min-width:1101px){html body.home-entry-reference .hero-inner{padding-top:64px!important}}
@media(max-width:1100px){html body.home-entry-reference #ramos-public-header .header-inner{min-height:64px!important;padding:6px 16px!important}}
@media(max-width:700px){
 html body.home-entry-reference #ramos-public-header .header-inner{min-height:60px!important;padding:6px 12px!important;gap:8px!important}
 html body.home-entry-reference #ramos-public-header :is(.preview-abi-brand,.home-abi-mark){font-size:24px!important}
 html body.home-entry-reference #ramos-public-header .cappy-dock{width:44px!important;height:48px!important;flex-basis:44px!important}
 html body.home-entry-reference #ramos-public-header #cappy .cappy-trigger{width:44px!important;height:48px!important}
}

/* The photo is .hero-photo; ::before was the separate white illumination seam. */
html body.home-entry-reference .hero::before{display:none!important;content:none!important}