/* One header geometry for The Entrance and every detail/companion page. */
:is(body>header,#app>.site-header){--nav-height:80px;box-sizing:border-box;height:var(--nav-height)!important;min-height:var(--nav-height);padding:12px clamp(20px,4.5vw,100px)!important;display:flex;align-items:center;gap:24px!important}
:is(body>header,#app>.site-header) .brand{flex:none;order:0;display:flex;flex-direction:column;gap:3px}
:is(body>header,#app>.site-header) .brand img{display:block;width:144px!important;max-width:none!important;height:32px!important;object-fit:contain}
:is(body>header,#app>.site-header) .brand span{font:400 9px/1.2 Geist,sans-serif!important;white-space:nowrap}
:is(body>header,#app>.site-header) nav{order:1;display:flex;align-items:center;justify-content:center;flex:1;max-width:none;gap:clamp(14px,1.8vw,28px);font:400 14px/1.3 Geist,sans-serif!important;overflow:visible}
:is(body>header,#app>.site-header) .header-ctas{order:2;display:flex;align-items:center;gap:12px!important;margin-left:auto;flex:none}
:is(body>header,#app>.site-header) .header-ctas :is(.header-contact,.agent-link,.agent){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:44px!important;min-height:44px!important;width:auto;max-width:none;padding:0 20px!important;gap:12px!important;font:400 14px/1.2 Geist,sans-serif!important;white-space:nowrap;border-radius:99px!important;transform:none}
:is(body>header,#app>.site-header) .menu-toggle{order:3;display:none;width:44px!important;height:44px!important;min-width:44px;padding:10px!important;border:0!important;background:transparent!important;color:#04050a;align-items:center;justify-content:center;flex:none}
:is(body>header,#app>.site-header) .menu-toggle:before,:is(body>header,#app>.site-header) .menu-toggle:after{content:none!important}
.menu-toggle svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
@media(min-width:2200px){:is(body>header,#app>.site-header){--nav-height:94px}:is(body>header,#app>.site-header) .brand img{width:180px!important;height:40px!important}:is(body>header,#app>.site-header) .brand span{font-size:11px!important}:is(body>header,#app>.site-header) nav{font-size:18px!important}:is(body>header,#app>.site-header) .header-ctas :is(.header-contact,.agent-link,.agent){height:50px!important;font-size:17px!important;padding:0 24px!important}}
@media(max-width:1100px){:is(body>header,#app>.site-header){--nav-height:72px;gap:12px!important}:is(body>header,#app>.site-header) nav{display:none}:is(body>header,#app>.site-header) .menu-toggle{display:flex}:is(body>header,#app>.site-header).menu-open nav,body.menu-open>header nav{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:#fafaf6;padding:24px;gap:0}:is(body>header,#app>.site-header).menu-open nav a,body.menu-open>header nav a{padding:12px;min-height:44px}}
@media(max-width:600px){:is(body>header,#app>.site-header){--nav-height:68px;padding:10px 16px!important;gap:8px!important}:is(body>header,#app>.site-header) .brand img{width:108px!important;height:25px!important}:is(body>header,#app>.site-header) .brand span{font-size:7px!important}:is(body>header,#app>.site-header) .header-ctas{gap:8px!important}:is(body>header,#app>.site-header) .header-ctas :is(.header-contact,.agent-link,.agent){font-size:12px!important;padding:0 12px!important;gap:6px!important}:is(body>header,#app>.site-header) .header-ctas :is(.agent-link,.agent)>span{display:none}:is(body>header,#app>.site-header) .menu-toggle{width:36px!important;min-width:36px;padding:6px!important}
main :is(.action,.pill,.folio-cta),.closing-ctas>*{box-sizing:border-box;min-height:44px;font-size:16px!important;line-height:1.3!important;padding:12px 20px!important;gap:12px!important;max-width:100%;white-space:normal}
}
@media(max-width:359px){:is(body>header,#app>.site-header){padding-inline:10px!important;gap:4px!important}:is(body>header,#app>.site-header) .brand img{width:92px!important;height:23px!important}:is(body>header,#app>.site-header) .header-ctas{gap:4px!important}:is(body>header,#app>.site-header) .header-ctas :is(.header-contact,.agent-link,.agent){padding-inline:8px!important;font-size:11px!important}}
.reading-graphic{opacity:0;transition:opacity 420ms ease}.reading-graphic.reading-ready{opacity:1}
@media(prefers-reduced-motion:reduce){.reading-graphic{opacity:1;transition:none}}