/* MNS sky-blue identity, based on the supplied October 2026 logo. */
:root{--paper:#f5f8fa;--ink:#414c56;--dark:#1e2c36;--accent:#78ccf4;--accent-hover:#91d8f8;--focus:#246b94;--muted:#647580;--line:#d4dfe5;--surface:#eaf0f4}
html{color-scheme:light}body{background:var(--paper)}
.accent:hover,.signature-cta:is(:hover,:focus-visible) .cta-field{background:var(--accent-hover)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,#header :is(a,button):focus-visible{outline-color:var(--focus)}
.footer-brand img,.mobile-home img{filter:none}
.footer-brand strong,.mobile-home{color:#f7f9fb}
.signature-shell .header-brand small{color:var(--muted)}
#header.is-scrolled{background:#f5f8faf5}
.mobile-navigation :is(a,button):focus-visible,#lightbox :is(a,button):focus-visible{outline-color:var(--accent)}
.contact-form :is(input,textarea,select):focus{border-color:var(--focus);box-shadow:0 0 0 1px var(--focus);background:#fff}

/* Preserve image slots while documenting assets that were not supplied. */
.media-unavailable{display:grid;place-items:center;padding:32px;border:1px solid var(--line);background:var(--surface);color:var(--ink);min-height:180px}.media-unavailable p{max-width:32ch;font-size:13px;text-align:center}.story-hero img[src*="residence-night"],.index-entry[data-index-composition="lead"] img[src*="residence-night"]{object-fit:contain;background:var(--dark)}

/* Transparent identity: uncropped artwork with calm, balanced clear space.
   A white silhouette keeps the complete logo legible on dark surfaces. */
#header .header-brand img{display:block;width:188px;height:76px;object-fit:contain;object-position:left center;filter:none}
#header.is-compact .header-brand img{width:150px;height:54px}
.footer-brand img{display:block;width:230px;height:100px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}
.mobile-home img{display:block;width:156px;height:64px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}
@media(min-width:1001px) and (max-width:1200px){#header .header-brand img{width:164px;height:68px}}
@media(max-width:600px){#header .header-brand img,#header.is-compact .header-brand img{width:130px;height:56px}.footer-brand img{width:210px;height:90px}.mobile-home img{width:146px;height:60px}}
@media(max-width:360px){#header .header-brand img,#header.is-compact .header-brand img{width:112px;height:48px}#header .signature-cta,#header.is-compact .signature-cta{width:112px}.signature-actions{gap:10px}}