/*
 * Dexus — brand colours and type on the coastal layout.
 *
 * Evidence (October 2026):
 *  - dexus.com homepage (curl + Chrome): white page, light 4.5rem headings, black pill buttons with spaced text,
 *    mint profile cards, rounded (20px) photography, charcoal footer.
 *  - dexus.com/etc.clientlibs/dexus/clientlibs/clientlib-site.lc-…-lc.min.css + clientlib-react: --background-dark:
 *    #1e1d1c (1063 uses), --background-grey: #f5f5f5, greys #d3d1d0 / #777673 / #7c7874, mint #d7ebe6 (cards,
 *    header bar) with #9ccec1 hover; .button.primary { background-color: #1e1d1c; border-radius: 999px;
 *    color: #fff } :hover #777673; h1 { font-family: Poppins-Light }, h3 Poppins-Bold, body Poppins-Regular.
 *  - underconsideration.com/brandnew (Hulsbosch identity): palette Cod Gray #1e1d1c, Dove Gray #666666, white.
 * Typefaces: the site sets everything in Poppins, a Google Font, so it is used as-is (Light headings, Regular body).
 */
.brand-dexus {
  --font-display: "Poppins", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Poppins", "Helvetica Neue", Arial, sans-serif;
  --font-ui: "Poppins", "Helvetica Neue", Arial, sans-serif;

  --color-bg: #ffffff;
  --color-bg-alt: #f5f5f5;
  --color-surface: #ffffff;
  --color-text: #1e1d1c;
  --color-muted: #5f5e5b;
  --color-rule: #d3d1d0;
  --color-heading: #1e1d1c;
  --color-accent: #1e1d1c;
  --color-accent-hover: #4c4a47;
  --color-accent-contrast: #ffffff;
  --color-dark: #1e1d1c;
  --color-mint: #d7ebe6;
  --color-mint-strong: #9ccec1;

  --radius-sm: 10px;
  --radius-md: 20px;
  --radius-lg: 20px;
  --radius-btn: 999px;
  --heading-weight: 300;
  --heading-case: none;
  --heading-tracking: -0.01em;
  --title-size: clamp(2.1rem, 1.3rem + 2.8vw, 3.6rem);
  --label-tracking: 0.16em;
  --btn-case: none;
  --btn-tracking: 0.08em;
  --btn-weight: 400;
  --btn-pad: 0.95rem 1.6rem;
  --nav-font: "Poppins", sans-serif;
  --nav-font-size: 0.9rem;
  --nav-tracking: 0;
  --nav-case: none;
  --nav-bg: #ffffff;
  --nav-color: #1e1d1c;
  --nav-height: 78px;
  --gallery-gap: 12px;
  --gallery-radius: 20px;
  --field-radius: 10px;
  --footer-bg: #1e1d1c;
  --footer-text: #ffffff;
  --footer-rule: rgba(255, 255, 255, 0.16);
  --back-to-top-bg: #1e1d1c;
  --back-to-top-color: #ffffff;
  --back-to-top-radius: 50%;
}
.brand-dexus body { line-height: 1.65; }
.brand-dexus .btn--primary { background: var(--color-accent); }
.brand-dexus .btn--primary:hover { background: var(--color-accent-hover); }

/* headings: big, light, sentence case — left-aligned like dexus.com rather than the layout's centred caps */
.brand-dexus .section-head { margin-inline: 0; text-align: left; }
.brand-dexus .section-head__lede { margin-inline: 0; }
.brand-dexus .section-head__eyebrow { color: #4c4a47; }
.brand-dexus .story-block__title, .brand-dexus .room-card__title { font-weight: 300; text-transform: none; letter-spacing: -0.01em; }
.brand-dexus .story-block--text_only .story-block__body, .brand-dexus .story__intro { margin-inline: 0; text-align: left; }
.brand-dexus .pull-quote { text-align: left; border-left: 3px solid var(--color-mint-strong); padding-left: 1.25rem; color: var(--color-text); font-family: var(--font-display); font-weight: 300; }
.brand-dexus :is(.stat__value, .facts__price, .highlight__value) { font-weight: 300; color: var(--color-text); }
.brand-dexus h3 { font-weight: 500; }

/* nav */
.brand-dexus .site-nav__brand-street { color: var(--color-text); font-weight: 400; letter-spacing: -0.01em; text-transform: none; font-size: 1.15rem; }
.brand-dexus .site-nav__links a[aria-current] { border-bottom-width: 1px; }

/* hero: the panoramic photo sits inset with rounded corners under a white caption card */
.brand-dexus .hero--coastal { padding: clamp(0.75rem, 1.7vw, 1.5rem) clamp(0.75rem, 1.7vw, 1.5rem) 0; }
.brand-dexus .hero--coastal .hero__media { border-radius: var(--radius-md); }
.brand-dexus .hero--coastal .hero__band { left: clamp(1.75rem, 4vw, 3.5rem); bottom: clamp(1.75rem, 6vh, 3.5rem); max-width: min(760px, calc(100vw - 3.5rem)); border-radius: var(--radius-md); background: rgba(255, 255, 255, 0.94); color: var(--color-text); box-shadow: 0 18px 50px rgba(30, 29, 28, 0.16); }
.brand-dexus .hero--coastal .hero__title { color: var(--color-text); font-weight: 300; text-transform: none; letter-spacing: -0.015em; line-height: 1.08; }
.brand-dexus .hero--coastal .hero__suburb { color: var(--color-muted); letter-spacing: 0.14em; }
.brand-dexus .hero--coastal .status-banner { background: var(--color-mint); color: var(--color-text); border-radius: 999px; letter-spacing: 0.12em; }
.brand-dexus .jump-row { border-bottom-color: var(--color-rule); }
.brand-dexus .jump-row__link { font-weight: 400; letter-spacing: 0.08em; text-transform: none; color: var(--color-text); }
.brand-dexus .jump-row__link:hover { background: var(--color-mint); color: var(--color-text); }

/* mint panels and pill chips */
.brand-dexus :is(.highlight, .places-group, .document-card, .facts__price-card) { background: var(--color-mint); border-color: transparent; }
.brand-dexus .document-card__badge { background: #ffffff; color: var(--color-text); }
.brand-dexus .inspection__date { background: var(--color-mint); }
.brand-dexus .inspection__day, .brand-dexus .inspection__month { color: #4c4a47; }
.brand-dexus .agent-card__initials { background: var(--color-mint); }
.brand-dexus .chip { border-radius: 999px; text-transform: none; letter-spacing: 0.04em; font-size: 0.85rem; }
.brand-dexus .chip.is-active, .brand-dexus .chip[aria-pressed="true"] { background: var(--color-text); border-color: var(--color-text); color: #ffffff; }
.brand-dexus .feature-list__item::before { background: var(--color-mint-strong); }
.brand-dexus .room-card__media img { border-radius: var(--radius-md); }
.brand-dexus .story-block--full_bleed .story-block__media img { border-radius: 0; }
.brand-dexus .agent-grid:has(> .agent-card:only-of-type) { margin-inline: 0; }

.brand-dexus .site-footer__address { color: #ffffff; font-weight: 300; text-transform: none; letter-spacing: -0.01em; }