/* Mirvac — brand colours and type on the heritage layout.
   Evidence (fetched 2026-10-03):
   - https://www.mirvac.com/ (inline styles of the current "Imagine" refresh): .btn-orange / .hero-cta
     { background: #d26f4e; border-radius: 25px }, hover #c96545 or white with #00103f text; label colour #7bb9c7;
     centred white hero headline over a rgba(0,0,0,.5) overlay.
   - https://mirvac-cdn-web.azureedge.net/-/media/project/mirvac/corporate/main-site/corporate-theme/styles/optimized-min.css:
     h1–h6 { font-family: 'At Aero'; color: #00103f }, body/a/button { font-family: 'Inter' }, residential copy
     #181c24 with #666 secondary text, property CTAs background #d26f4e; @font-face 'At Aero' (AtAero-Regular.woff)
     and 'Inter' (Inter_28pt-Regular.woff2); older corporate navy #061e42.
   At Aero (Arillatype.Studio) is proprietary: SUSE is the closest Google Font (single-storey a and g, tailed l, the
   same open, slightly wide grotesque build). Inter is Mirvac's own body face and is free. The brand terracotta
   #d26f4e fails AA behind white text (3.4:1), so buttons use a deeper #bc5536 (4.7:1) and #d26f4e is kept for rules
   and decoration. Heritage layout: Mirvac heroes are full-screen photography with centred type and a pill CTA. */
.brand-mirvac {
  --font-display: "SUSE", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-ui: "Inter", system-ui, sans-serif;
  --color-bg: #ffffff;
  --color-bg-alt: #f2f4f8;
  --color-surface: #ffffff;
  --color-text: #181c24;
  --color-muted: #5a6070;
  --color-rule: #dcdee2;
  --color-accent: #bc5536;
  --color-accent-hover: #00103f;
  --color-accent-contrast: #ffffff;
  --color-gold-text: #a84b2f;
  --color-green: #00103f;
  --color-green-light: #1c2c51;
  --color-dark: #00103f;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-btn: 25px;
  --heading-weight: 400;
  --heading-tracking: -0.015em;
  --title-size: clamp(2.1rem, 1.5rem + 2.2vw, 3.2rem);
  --btn-pad: 0.95rem 2.2rem;
  --btn-weight: 600;
  --btn-tracking: 0;
  --label-tracking: 0.16em;
  --nav-font-size: 0.9rem;
  --nav-tracking: 0;
  --nav-case: none;
  --nav-height: 76px;
  --gallery-radius: 12px;
  --footer-bg: #00103f;
  --footer-text: #ffffff;
  --footer-rule: rgba(255, 255, 255, 0.16);
  --mobile-cta-bg: #00103f;
  --back-to-top-bg: #00103f;
  --back-to-top-color: #ffffff;
}
.brand-mirvac body::after { content: none; }
.brand-mirvac .btn { font-size: 0.95rem; }
.brand-mirvac .btn--small { font-size: 0.82rem; }
.brand-mirvac .btn--primary { box-shadow: 0 10px 26px rgba(188, 85, 54, 0.24); }
.brand-mirvac .btn--primary:hover { box-shadow: 0 14px 30px rgba(0, 16, 63, 0.25); }
.brand-mirvac .section-head__eyebrow { font-weight: 700; }
.brand-mirvac .section-head__eyebrow::before { background: #d26f4e; }
.brand-mirvac .section + .section::before { background: linear-gradient(90deg, transparent, #d26f4e, transparent); }
.brand-mirvac .site-nav__links a { font-weight: 500; }
.brand-mirvac .site-nav__brand-street { font-size: 1.3rem; font-weight: 500; }
.brand-mirvac .chip.is-active, .brand-mirvac .chip[aria-pressed="true"] { color: #ffffff; }
.brand-mirvac .prose a { color: #a84b2f; }

/* nav: transparent over the hero, frosted white with navy type once scrolled */
.brand-mirvac .site-nav { --nav-bg: rgba(255, 255, 255, 0.92); --nav-color: #00103f; }
html.brand-mirvac:not(.is-scrolled):not(.menu-open) .site--homes-show .site-nav { --nav-bg: transparent; --nav-color: #ffffff; --nav-rule: transparent; }

/* hero: navy-tinted overlay, light-teal status pill */
.brand-mirvac .hero--heritage .hero__overlay { background: linear-gradient(180deg, rgba(0, 16, 63, 0.5), rgba(0, 16, 63, 0.28) 45%, rgba(0, 16, 63, 0.66)); }
.brand-mirvac .hero--heritage .hero__pill { border-color: rgba(123, 185, 199, 0.65); background: rgba(0, 16, 63, 0.35); color: #a9d6e0; letter-spacing: 0.22em; }
.brand-mirvac .hero--heritage .hero__title { font-weight: 400; letter-spacing: -0.02em; }
.brand-mirvac .hero--heritage .hero__stat dd { font-weight: 300; }
.brand-mirvac .hero--heritage .btn--primary:hover { background: #ffffff; border-color: #ffffff; color: #00103f; }

/* cards and panels: navy where the layout used forest green, terracotta for small rules */
.brand-mirvac .room-card { border-radius: 20px; box-shadow: 0 12px 36px rgba(0, 16, 63, 0.08); }
.brand-mirvac .room-card__title::after { background: #d26f4e; }
.brand-mirvac .feature-group { border-radius: 16px; background: var(--color-bg-alt); }
.brand-mirvac .feature-group__title::before { border-radius: 50%; background: linear-gradient(135deg, #00103f, #1c2c51); box-shadow: inset 0 0 0 7px rgba(123, 185, 199, 0.22); }
.brand-mirvac .feature-list__item::before { background: #d26f4e; }
.brand-mirvac .places-group { border-left-color: #d26f4e; }
.brand-mirvac .highlight, .brand-mirvac .stats { background: var(--color-bg-alt); border-color: transparent; }
.brand-mirvac .stat { background: transparent; }
.brand-mirvac .facts__price-card { background: #00103f; color: #ffffff; }
.brand-mirvac .facts__price-card .facts__label, .brand-mirvac .facts__price-card .facts__method { color: rgba(255, 255, 255, 0.75); }
.brand-mirvac .facts__price { color: #f0a58c; font-weight: 400; }
.brand-mirvac .inspection__date { background: #00103f; color: #ffffff; }
.brand-mirvac .inspection__day, .brand-mirvac .inspection__month { color: #a9d6e0; }
.brand-mirvac .site-footer { border-top: 0; }
.brand-mirvac .site-footer__address { color: #ffffff; }
.brand-mirvac .site-footer__status { color: #a9d6e0; opacity: 1; }
.brand-mirvac .mobile-cta .btn--outline { color: #ffffff; }