/* ZARREDO: Italian luxury materials. Ivory, near-black and muted gold; Cormorant Garamond with Hanken Grotesk.
   Contrast checked: muted text 6.3:1, gold text (#7A6133) 5.4:1 on ivory, ivory on near-black 16:1. */
:root {
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --display-weight: 500;
  --display-tracking: 0;
  --eyebrow-tracking: 0.24em;
  --c-bg: #F9F6F1;
  --c-surface: #F1ECE3;
  --c-ink: #1C1A17;
  --c-muted: #5F5A52;
  --c-line: rgba(28, 26, 23, 0.14);
  --c-accent: #B89A5E;
  --c-accent-ink: #1C1A17;
  --c-accent-text: #7A6133;
  --c-dark: #1C1A17;
  --c-dark-ink: #F9F6F1;
  --c-dark-muted: #C9B7A0;
  --c-dark-line: rgba(249, 246, 241, 0.16);
  --radius: 0;
  --radius-lg: 2px;
}
h1 { font-weight: 500; font-size: clamp(2.6rem, 5.6vw, 4.8rem); }
h2 { font-size: clamp(2rem, 3.8vw, 3.2rem); }
h3 { font-weight: 600; }
.brand__logo { height: 50px; }
.statement { font-style: italic; }

/* Arabic version (15 Oct 2026): Noto Naskh Arabic for text, Amiri for the serif headings */
:root { --font-arabic: "Noto Naskh Arabic", "Segoe UI", Tahoma, sans-serif; }
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] .statement { font-family: "Amiri", "Noto Naskh Arabic", serif; font-weight: 700; }
[dir="rtl"] .lead, [dir="rtl"] p { line-height: 1.85; }
.lang-switch a, a[lang="ar"] { letter-spacing: 0 !important; text-transform: none !important; }
[dir="rtl"] .hero .eyebrow::before, [dir="rtl"] .page-hero--image .eyebrow::before { margin: 0 0 4px 12px; }
/* Natural Stone Collection swatches (catalogue, 15 Oct 2026): portrait tiles, six across */
.gallery--stones { grid-template-columns: repeat(6, 1fr); margin-bottom: 8px; }
.gallery--stones img { aspect-ratio: 3 / 4; }
@media (max-width: 960px) { .gallery--stones { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 640px) { .gallery--stones { grid-template-columns: repeat(3, 1fr); } }
/* LinkedIn + WhatsApp icons in the header, right of the menu (15 Oct 2026) */
.header-social { display: flex; align-items: center; gap: 4px; }
.header-social a { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; color: var(--c-ink); transition: color .2s, background .2s; }
.header-social a:hover { background: var(--c-accent); color: var(--c-accent-ink); }
.header-social svg { width: 17px; height: 17px; }
.has-hero .site-header:not(.is-scrolled) .header-social a { color: var(--c-dark-ink); }
.has-hero .site-header.menu-open .header-social a { color: var(--c-ink); }
@media (max-width: 960px) { .header-social { justify-content: center; gap: 14px; padding: 18px 0 6px; } .header-social a { border: 1px solid var(--c-line); width: 42px; height: 42px; } }