/* Box existing static affordances; no nested button or new card carousel. */
html body.page .card .see-more,
html body.page .property-more>summary,
html body.page .property-more a[href*="home="]{
 display:inline-block;box-sizing:border-box;min-height:44px;padding:.5rem .65rem;
 border:3px solid #512888;border-radius:6px;background:#fff;color:#512888;
 font:inherit;font-weight:700;line-height:1.25;cursor:pointer;
}
html body.page .property-more>summary{display:list-item;list-style-position:inside}
html body.page .property-more a[href*="home="]{margin:.35rem 0}
.brand-zoom-trigger{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:0;margin:0;border:0;background:transparent;line-height:0;cursor:zoom-in;max-width:100%}
.brand-zoom-trigger:focus-visible,.brand-home:focus-visible{outline:3px solid #512888;outline-offset:3px}
.brand-home{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.3rem .5rem;font:700 1rem/1.2 system-ui;color:#512888;background:#fff;border:2px solid #512888;border-radius:5px}
.brand-hero-portrait{grid-area:photo;justify-self:end;align-self:start}
body.page.app[data-v="search"] .rail-brand{flex-wrap:wrap;height:auto!important;min-height:5rem}
body.page.app[data-v="search"] .rail-brand .brand-zoom-trigger{width:42%;height:4rem;max-height:4rem}
body.page.app[data-v="search"] .rail-brand .brand-zoom-trigger img{width:100%!important;height:100%!important;object-fit:contain!important}
body.page.app[data-v="search"] .rail-brand .brand-home{flex:1 0 100%;position:static;transform:none}
/* Native brand modal is independent of listing/data/photo APIs. */
.brand-image-dialog{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:100vw;height:100vh;height:100dvh;max-width:100vw;max-height:100vh;max-height:100dvh;padding:1rem;border:3px solid #512888;background:#fff;color:#1d2a24;overflow:auto;overscroll-behavior:contain}
.brand-image-dialog[hidden]{display:none!important}
.brand-image-dialog::backdrop{background:rgba(0,0,0,.55)}
.brand-image-dialog .brand-image-close{min-height:44px;padding:.4rem 1rem;font:700 1rem/1.2 system-ui}
.brand-image-dialog .brand-image-toggle{display:block;width:100%;height:calc(100vh - 7rem);height:calc(100dvh - 7rem);min-height:0;padding:0;border:0;background:#111;cursor:zoom-out}
.brand-image-dialog .brand-image-toggle img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.brand-image-dialog :is(button,a):focus-visible{outline:3px solid #512888;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.brand-image-dialog,.brand-zoom-trigger{animation:none!important;transition:none!important}}