/* A single aligned desktop row; collapse when measured space runs out. */
body{padding-bottom:48px}
.portfolio-header,.header{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 235px minmax(0,1fr);align-items:center;gap:24px;min-height:88px;height:auto;padding:20px 4%;box-sizing:border-box}
.portfolio-home .portfolio-header{position:absolute;inset:0 0 auto}
.portfolio-header>a:first-child,.header .brand{position:static;transform:none;grid-column:2;grid-row:1;justify-self:center;width:235px;margin:0}
.portfolio-header img,.header .brand img{width:235px;height:auto;display:block}
.portfolio-header nav,.header nav{position:static;transform:none;grid-column:1;grid-row:1;display:flex;flex-wrap:nowrap;gap:24px;justify-content:flex-start;width:100%;min-width:0;order:0;white-space:nowrap}
.portfolio-header nav a,.header nav a,.header nav button{flex-shrink:0;font-size:12px}
.portfolio-header .access-link,.header .header-actions{grid-column:3;grid-row:1;justify-self:end;position:static;transform:none;width:auto;height:auto}
.mobile-menu-toggle,.mobile-bank-link{display:none}
.portfolio-header nav a:hover,.header nav a:hover,.portfolio-header nav a[aria-current=page],.header nav a[aria-current=page]{color:#f4f000}
.preview-access{position:fixed;z-index:90;bottom:0;left:0;right:0;background:#eeece5;border-top:1px solid #ccc;display:flex;justify-content:center;align-items:center;gap:28px;padding:12px 20px;font-size:12px;color:#333}
.preview-access a{text-decoration:underline;text-underline-offset:3px}.preview-access a:last-child{font-weight:600}.preview-access span{color:#666}
@media(max-width:600px){.preview-access{gap:18px;padding:12px;font-size:11px}.preview-access span{display:none}.art-hero .hero-intro{top:36%}.home-hero .hero-copy{padding-top:28px}}

 .portfolio-header.has-mobile-menu.compact-menu,.header.has-mobile-menu.compact-menu{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;min-height:80px;padding:18px 20px;gap:14px;z-index:50}
 .has-mobile-menu.compact-menu.portfolio-header>a:first-child,.has-mobile-menu.compact-menu.header .brand{grid-column:1;grid-row:1;justify-self:start;width:min(190px,100%)}
 .has-mobile-menu.compact-menu.portfolio-header img,.has-mobile-menu.compact-menu.header .brand img{width:100%;height:auto}
 .has-mobile-menu.compact-menu .mobile-menu-toggle{display:block;grid-column:2;grid-row:1;min-height:44px;padding:10px 12px;border:1px solid #666;border-radius:3px;background:transparent;color:#fff;font:inherit;font-size:13px;white-space:nowrap;cursor:pointer}
 .has-mobile-menu.compact-menu .mobile-menu-toggle:hover,.has-mobile-menu.compact-menu .mobile-menu-toggle[aria-expanded=true]{background:#f4f000;color:#111;border-color:#f4f000}
 .has-mobile-menu.compact-menu .mobile-menu-toggle:focus-visible,.has-mobile-menu.compact-menu nav a:focus-visible{outline:2px solid #f4f000;outline-offset:4px}
 .has-mobile-menu.compact-menu.portfolio-header nav,.has-mobile-menu.compact-menu.header nav{display:none;position:absolute;top:100%;left:0;right:0;width:auto;transform:none;padding:12px 20px 20px;background:#111;border-top:1px solid #333;box-shadow:0 14px 20px #0003;z-index:60;grid-column:auto;grid-row:auto}
 .has-mobile-menu.compact-menu.menu-open nav{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .has-mobile-menu.compact-menu nav a,.has-mobile-menu.compact-menu.header nav a,.has-mobile-menu.compact-menu.header nav button{display:block;text-align:left;font-size:15px;padding:13px 10px;min-height:44px;border:0;line-height:1.4}
 .has-mobile-menu.compact-menu nav a:hover,.has-mobile-menu.compact-menu nav a[aria-current=page]{background:#f4f000;color:#111}
 .has-mobile-menu.compact-menu.portfolio-header>.access-link{display:none}
 .has-mobile-menu.compact-menu .mobile-bank-link{display:block;border-top:1px solid #444}
 .has-mobile-menu.compact-menu.header .header-actions{grid-column:1/-1;grid-row:2;justify-self:end;display:flex;align-items:center;gap:12px;height:36px}

/* Owner controls follow the header in normal flow, including the homepage. */
body.has-owner-menu .portfolio-header{position:relative!important;inset:auto!important;background:#111}
.owner-menu{clear:both;isolation:isolate;z-index:40}
.account-menu-link{white-space:nowrap}

/* Compact headers sit above the hero and need their own contrast. */
.portfolio-header.has-mobile-menu.compact-menu,.header.has-mobile-menu.compact-menu{background:#111;color:#fff}