/* ============================================
   SYRIA INVEST GROUP — Institutional Platform
   #002623 · #b9a779 · #edebe0
   ============================================ */

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

:root {
  --dark:       #002623;
  --gold:       #b9a779;
  --cream:      #edebe0;
  --white:      #ffffff;
  --black:      #0a0a0a;
  --gray-700:   #374151;
  --gray-500:   #6b7280;
  --gray-400:   #9ca3af;
  --gray-200:   #e5e7eb;
  --gray-100:   #f3f4f6;
  --light-gold: #d4c9a8;
  --dark-gold:  #9a8a5e;
  --dark-deep:  #001a18;
  --section-pad: clamp(5rem, 10vw, 9rem);
}

html { scroll-behavior: smooth; font-size: 16px; }
html[dir="rtl"] { direction: rtl; }
html[dir="rtl"] .hero-content,
html[dir="rtl"] .about-text,
html[dir="rtl"] .contact-info,
html[dir="rtl"] .footer-about p { text-align: right; }

body {
  font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  color: var(--dark);
  background: var(--white);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

/* Arabic font */
html[lang="ar"] body,
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3, html[lang="ar"] h4,
html[lang="ar"] p, html[lang="ar"] span, html[lang="ar"] a, html[lang="ar"] li,
html[lang="ar"] label, html[lang="ar"] input, html[lang="ar"] textarea, html[lang="ar"] select, html[lang="ar"] button {
  font-family: 'Noto Kufi Arabic', 'Inter', sans-serif;
}
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3 {
  font-family: 'Noto Kufi Arabic', 'Playfair Display', serif;
}

a { text-decoration: none; color: inherit; transition: all .3s; }
img { max-width: 100%; display: block; }
ul { list-style: none; }
button { cursor: pointer; border: none; background: none; font-family: inherit; }

.container { max-width: 1320px; margin: 0 auto; padding: 0 clamp(1.5rem, 4vw, 3rem); }

/* ---- Typography ---- */
h1, h2, h3, h4, h5 {
  font-family: 'Playfair Display', 'Georgia', serif;
  font-weight: 700;
  line-height: 1.15;
  color: var(--dark);
}
h1 { font-size: clamp(2.8rem, 5.5vw, 4.8rem); letter-spacing: -0.02em; }
h2 { font-size: clamp(2rem, 3.5vw, 3.2rem); letter-spacing: -0.01em; }
h3 { font-size: clamp(1.1rem, 1.8vw, 1.4rem); }

/* Keep desktop layout visually stable during window resize */
@media (min-width: 1025px) {
  :root { --section-pad: 7rem; }
  .container { padding-left: 2.25rem; padding-right: 2.25rem; }
  h1 { font-size: 4.1rem; }
  h2 { font-size: 2.85rem; }
  h3 { font-size: 1.25rem; }
  .hero h1 { font-size: 3.2rem; }
}

.label {
  display: inline-block;
  font-family: 'Inter', sans-serif;
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: 3.5px;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 1.25rem;
}
.label-light { color: rgba(185,167,121,.7); }

/* ---- Buttons ---- */
.btn {
  display: inline-flex; align-items: center; gap: .6rem;
  padding: 1rem 2.25rem;
  font-family: 'Inter', sans-serif;
  font-size: .72rem; font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase;
  border: 1.5px solid transparent;
  transition: all .4s ease;
}
.btn-gold {
  background: var(--gold); color: var(--dark);
}
.btn-gold:hover {
  background: transparent; color: var(--gold); border-color: var(--gold);
}
.btn-outline-gold {
  background: transparent; color: var(--gold); border-color: rgba(185,167,121,.4);
}
.btn-outline-gold:hover {
  background: var(--gold); color: var(--dark);
}
.btn-outline-dark {
  background: transparent; color: var(--dark); border-color: var(--dark);
}
.btn-outline-dark:hover {
  background: var(--dark); color: var(--gold);
}
.btn i { font-size: .65rem; transition: transform .3s; }
.btn:hover i { transform: translateX(4px); }
html[dir="rtl"] .btn:hover i { transform: translateX(-4px); }

/* ============================================
   NAVBAR
   ============================================ */
.navbar {
  position: fixed; top: 0; left: 0; right: 0;
  z-index: 1000;
  padding: 1.5rem 0;
  transition: all .5s ease;
}
.navbar.scrolled {
  background: rgba(0, 38, 35, 0.97);
  padding: .85rem 0;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.navbar .container {
  display: flex; align-items: center; justify-content: space-between;
}

/* Logo */
.logo { display: flex; align-items: center; gap: .6rem; }
.logo-mark {
  width: 38px; height: 38px;
  border: 1.5px solid var(--gold);
  display: flex; align-items: center; justify-content: center;
  font-family: 'Playfair Display', serif;
  font-size: .85rem; font-weight: 700;
  color: var(--gold);
  letter-spacing: 1px;
}
.logo-wordmark {
  font-family: 'Inter', sans-serif;
  font-size: .7rem; font-weight: 700;
  letter-spacing: 3px; text-transform: uppercase;
  color: var(--white);
}
.logo-wordmark span { color: var(--gold); }

/* Nav Links */
.nav-links { display: flex; align-items: center; gap: 2.75rem; }
.nav-links a {
  font-size: .68rem; font-weight: 600;
  letter-spacing: 2px; text-transform: uppercase;
  color: rgba(255,255,255,.6);
  transition: color .3s;
}
.nav-links a:hover { color: var(--white); }

.nav-right { display: flex; align-items: center; gap: 1.5rem; }

/* Language Toggle */
.lang-toggle {
  display: flex; align-items: center;
  border: 1px solid rgba(185,167,121,.3);
  overflow: hidden;
}
.lang-btn {
  padding: .4rem .75rem;
  font-size: .6rem; font-weight: 700;
  letter-spacing: 1.5px; text-transform: uppercase;
  color: rgba(255,255,255,.5);
  transition: all .3s;
}
.lang-btn.active {
  background: var(--gold);
  color: var(--dark);
}
.lang-btn:hover:not(.active) { color: var(--white); }

.nav-cta-btn {
  padding: .55rem 1.5rem;
  background: var(--gold);
  color: var(--dark);
  font-size: .6rem; font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase;
  transition: all .3s;
}
.nav-cta-btn:hover { background: var(--white); }

/* Hamburger */
.hamburger { display: none; flex-direction: column; gap: 6px; cursor: pointer; z-index: 1001; }
.hamburger span { width: 24px; height: 1.5px; background: var(--white); transition: all .3s; }
.hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5.5px); }
.hamburger.active span:nth-child(2) { opacity: 0; }
.hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5.5px); }

/* ============================================
   HERO
   ============================================ */
.hero {
  position: relative;
  min-height: 100vh;
  display: flex; align-items: center;
  background: var(--dark-deep);
  overflow: hidden;
  padding-bottom: 0;
}
.hero-bg {
  position: absolute; inset: 0;
  background:
    linear-gradient(180deg,
      rgba(0,26,24,.12) 0%,
      rgba(0,26,24,.24) 34%,
      rgba(0,26,24,.72) 72%,
      rgba(0,26,24,.97) 100%),
    radial-gradient(ellipse at 50% 38%, rgba(185,167,121,.14) 0%, rgba(185,167,121,0) 52%),
    radial-gradient(circle at 18% 24%, rgba(185,167,121,.18) 0%, rgba(185,167,121,0) 36%), radial-gradient(circle at 82% 72%, rgba(185,167,121,.1) 0%, rgba(185,167,121,0) 40%), linear-gradient(145deg, #001614 0%, #002623 45%, #003a35 100%);
}
.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    radial-gradient(ellipse at 50% 24%, rgba(255,255,255,.06) 0%, rgba(255,255,255,0) 55%),
    radial-gradient(ellipse at 50% 95%, rgba(0,0,0,.45) 0%, rgba(0,0,0,0) 62%);
  pointer-events: none;
}
.hero-bg-fallback {
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse at 30% 20%, rgba(185,167,121,.08) 0%, transparent 50%),
    radial-gradient(ellipse at 70% 80%, rgba(185,167,121,.05) 0%, transparent 50%),
    linear-gradient(160deg, #001a18 0%, #002623 35%, #003d38 70%, #002623 100%);
}
.hero-grain {
  position: absolute; inset: 0;
  opacity: .045;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
  background-size: 256px;
}

.hero .container {
  position: relative; z-index: 2;
  width: 100%;
  padding-top: 7.4rem;
  padding-bottom: 2.2rem;
}
.hero-layout {
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-content {
  width: 100%;
  max-width: 1060px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hero-eyebrow {
  display: flex; align-items: center; gap: .75rem;
  margin-bottom: 1.4rem;
}
.hero-eyebrow-chip {
  width: fit-content;
  border: 1px solid rgba(185,167,121,.26);
  background: rgba(185,167,121,.08);
  padding: .4rem .75rem;
  border-radius: 2px;
  margin: 0 auto .95rem;
}
.hero-eyebrow-dot {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: rgba(185,167,121,.8);
  animation: dot-blink 1.7s ease-in-out infinite;
}
.hero-eyebrow-text {
  font-size: .54rem; font-weight: 700;
  letter-spacing: 3.2px; text-transform: uppercase;
  color: var(--gold); opacity: .8;
}

@keyframes dot-blink {
  0%, 45%, 100% { opacity: .95; transform: scale(1); }
  55%, 85% { opacity: .15; transform: scale(.82); }
}
.hero h1 {
  color: var(--white);
  margin-bottom: 1rem;
  line-height: 1.08;
  font-size: clamp(2rem, 3.8vw, 3.2rem);
  text-shadow: 0 14px 36px rgba(0, 0, 0, .45);
}
.hero h1 em {
  display: inline-block;
  margin-top: .34em;
  font-style: italic;
  color: var(--gold);
  text-shadow: 0 10px 28px rgba(0, 0, 0, .38);
}
.hero-sub {
  font-size: .95rem;
  color: rgba(255,255,255,.72);
  line-height: 1.62;
  max-width: 900px;
  margin-bottom: 1.35rem;
  margin-left: auto;
  margin-right: auto;
}
.hero-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .9rem;
  flex-wrap: wrap;
}
.hero .btn {
  padding: .82rem 1.55rem;
  font-size: .62rem;
  box-shadow: 0 10px 24px rgba(0,0,0,.2);
}
.hero-scroll {
  margin-top: 8rem;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: .45rem;
  color: rgba(185,167,121,.9);
  text-transform: uppercase;
  letter-spacing: 2.2px;
  font-size: .58rem;
  font-weight: 700;
  opacity: .86;
  transition: opacity .25s ease, transform .25s ease;
}
.hero-scroll i {
  font-size: .72rem;
  animation: hero-scroll-bounce 1.55s ease-in-out infinite;
}
.hero-scroll:hover {
  opacity: 1;
  transform: translateY(2px);
}
@keyframes hero-scroll-bounce {
  0%, 100% { transform: translateY(0); opacity: .72; }
  50% { transform: translateY(6px); opacity: 1; }
}
.hero-signals {
  margin-top: 1.25rem;
  width: min(100%, 980px);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid rgba(255,255,255,.14);
  border-bottom: 1px solid rgba(255,255,255,.14);
  background: linear-gradient(90deg, rgba(255,255,255,.03), rgba(255,255,255,.05), rgba(255,255,255,.03));
}
.hero-signal {
  padding: .9rem .8rem .95rem;
  text-align: center;
}
.hero-signal:not(:last-child) {
  border-right: 1px solid rgba(255,255,255,.12);
}
html[dir="rtl"] .hero-signal:not(:last-child) {
  border-right: 0;
  border-left: 1px solid rgba(255,255,255,.12);
}
.hero-signal strong {
  display: block;
  color: var(--gold);
  font-family: 'Inter', sans-serif;
  font-size: .74rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: .2rem;
}
.hero-signal span {
  color: rgba(255,255,255,.66);
  font-size: .72rem;
}
/* ============================================
   TRUST BAR
   ============================================ */
.trust-bar {
  background: var(--dark);
  border-top: 1px solid rgba(185,167,121,.1);
  border-bottom: 1px solid rgba(185,167,121,.1);
  padding: 2rem 0;
}
.trust-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}
.trust-item { text-align: center; position: relative; }
.trust-item:not(:last-child)::after {
  content: '';
  position: absolute;
  right: 0; top: 10%; height: 80%;
  width: 1px;
  background: rgba(185,167,121,.12);
}
html[dir="rtl"] .trust-item:not(:last-child)::after { right: auto; left: 0; }
.trust-number {
  font-family: 'Playfair Display', serif;
  font-size: clamp(1.15rem, 1.8vw, 1.85rem);
  font-weight: 700;
  color: var(--gold);
  line-height: 1.1;
  margin-bottom: .55rem;
  letter-spacing: .01em;
}
.trust-label {
  font-size: .62rem; font-weight: 600;
  letter-spacing: 1.8px; text-transform: uppercase;
  color: rgba(255,255,255,.35);
}

/* ============================================
   ABOUT
   ============================================ */
.about { padding: var(--section-pad) 0; }
.about-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(3rem, 6vw, 6rem);
  align-items: center;
}
.about-visual {
  position: relative;
  aspect-ratio: 2/3;
  overflow: hidden;
  border-radius: 2px;
  box-shadow: 0 24px 70px rgba(0,38,35,.22);
}
.about-visual-img {
  width: 100%; height: 100%;
  background:
    linear-gradient(130deg, rgba(0,38,35,.12), rgba(0,38,35,.38)),
    url('../Web.png') center/cover no-repeat;
}
.about-visual-overlay {
  position: absolute; bottom: 0; left: 0; right: 0;
  height: 60%;
  background: linear-gradient(180deg, transparent, rgba(0,38,35,.78));
}
.about-visual-badge {
  position: absolute;
  bottom: 4.25rem; left: 2rem;
  padding: 1rem 1.5rem;
  background: rgba(0,38,35,.85);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(185,167,121,.2);
}
.about-visual-badge strong {
  display: block;
  font-family: 'Playfair Display', serif;
  font-size: 1.15rem;
  color: var(--gold);
  line-height: 1.25;
  max-width: 280px;
}

.about-text .label { margin-bottom: 1.5rem; }
.about-text h2 { margin-bottom: 2rem; }
.about-text p {
  color: var(--gray-500);
  font-size: 1rem;
  line-height: 1.85;
  margin-bottom: 1.5rem;
}
.about-pillars {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-top: 2.5rem;
}
.about-pillar {
  padding: 1.25rem 1.5rem;
  border: 1px solid var(--gray-200);
  transition: all .4s;
}
.about-pillar:hover { border-color: var(--gold); }
.about-pillar strong {
  display: block;
  font-family: 'Inter', sans-serif;
  font-size: .8rem; font-weight: 700;
  color: var(--dark);
  margin-bottom: .25rem;
}
.about-pillar span {
  font-size: .78rem;
  color: var(--gray-500);
}

/* ============================================
   SECTORS
   ============================================ */
.sectors {
  padding: var(--section-pad) 0;
  background: var(--cream);
}
.sectors .section-head {
  display: flex; align-items: flex-end; justify-content: space-between;
  margin-bottom: 4rem;
  gap: 2rem;
}
.sectors .section-head-text { max-width: 560px; }
.sectors .section-head h2 { margin-bottom: .75rem; }
.sectors .section-head p { color: var(--gray-500); font-size: .95rem; line-height: 1.7; }

.sectors-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: rgba(0,38,35,.08);
}
.sector-card {
  background: var(--white);
  padding: 2.5rem 2rem;
  cursor: pointer;
  transition: all .5s ease;
  position: relative;
  overflow: hidden;
}
.sector-card::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: var(--gold);
  transform: scaleX(0);
  transition: transform .5s ease;
}
.sector-card:hover {
  background: var(--dark);
}
.sector-card:hover::after { transform: scaleX(1); }
.sector-card:hover .sector-card-icon { color: var(--gold); }
.sector-card:hover h3 { color: var(--white); }
.sector-card:hover p { color: rgba(255,255,255,.5); }
.sector-card:hover .sector-card-arrow { color: var(--gold); opacity: 1; }

.sector-card-icon {
  font-size: 1.5rem;
  color: var(--dark);
  margin-bottom: 1.75rem;
  transition: color .5s;
}
.sector-card h3 {
  font-family: 'Inter', sans-serif;
  font-size: .9rem; font-weight: 700;
  color: var(--dark);
  margin-bottom: .6rem;
  transition: color .5s;
}
.sector-card p {
  font-size: .8rem;
  color: var(--gray-500);
  line-height: 1.65;
  transition: color .5s;
  margin-bottom: .95rem;
}
.sector-card-opps {
  display: inline-block;
  font-size: .55rem;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: var(--dark-gold);
  padding: .25rem .55rem;
  border: 1px solid rgba(185,167,121,.45);
  background: rgba(185,167,121,.08);
}
.sector-card:hover .sector-card-opps {
  color: var(--gold);
  border-color: rgba(185,167,121,.8);
  background: rgba(185,167,121,.12);
}
.sector-card-arrow {
  position: absolute;
  top: 2.5rem; right: 2rem;
  font-size: .75rem;
  color: var(--gray-400);
  opacity: 0;
  transition: all .5s;
}
html[dir="rtl"] .sector-card-arrow { right: auto; left: 2rem; transform: scaleX(-1); }

/* ============================================
   FEATURED PROJECTS
   ============================================ */
.projects { padding: var(--section-pad) 0; }
.projects .section-head {
  text-align: center;
  margin-bottom: 4rem;
}
.projects .section-head p {
  color: var(--gray-500);
  font-size: .95rem;
  max-width: 560px;
  margin: .75rem auto 0;
  line-height: 1.7;
}

.projects-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  align-items: stretch;
}
.project-card {
  border: 1px solid var(--gray-200);
  overflow: hidden;
  transition: all .5s;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  background: var(--white);
}
.project-card:hover {
  border-color: var(--gold);
  box-shadow: 0 20px 60px rgba(0,38,35,.08);
  transform: translateY(-4px);
}
.project-card-image {
  width: 100%; height: 220px;
  position: relative;
  overflow: hidden;
}
.project-card-photo {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: .4;
  transform: scale(1.02);
  transition: transform .6s ease, opacity .6s ease;
}
.project-card:hover .project-card-photo {
  opacity: .55;
  transform: scale(1.08);
}
.project-card-image-bg {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  font-size: 2.5rem;
  color: var(--gold);
  opacity: .2;
  transition: all .5s;
}
.project-card:hover .project-card-image-bg { opacity: .35; transform: scale(1.05); }

.project-card-stage {
  position: absolute;
  top: 1rem; left: 1rem;
  padding: .35rem .85rem;
  background: rgba(0,38,35,.85);
  backdrop-filter: blur(6px);
  font-size: .55rem; font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase;
  color: var(--gold);
}
html[dir="rtl"] .project-card-stage { left: auto; right: 1rem; }

.project-card-body {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.project-card-sector {
  font-size: .55rem; font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 1.15rem;
}
.project-card-body h3 {
  font-family: 'Inter', sans-serif;
  font-size: 1.05rem; font-weight: 700;
  margin-bottom: 1rem;
  line-height: 1.4;
}
.project-card-body > p {
  font-size: .85rem;
  color: var(--gray-500);
  line-height: 1.7;
  margin-bottom: 1.5rem;
}
.project-card-meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .75rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--gray-200);
  margin-top: auto;
}
.project-meta-item span:first-child {
  display: block;
  font-size: .55rem; font-weight: 700;
  letter-spacing: 1.5px; text-transform: uppercase;
  color: var(--gray-400);
  margin-bottom: .15rem;
}
.project-meta-item span:last-child {
  font-size: .85rem; font-weight: 700;
  color: var(--dark);
}

/* ============================================
   WHY SYRIA
   ============================================ */
.why-syria {
  padding: var(--section-pad) 0;
  background: var(--dark);
  position: relative;
  overflow: hidden;
}
.why-syria-bg {
  position: absolute; inset: 0;
  opacity: .03;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23b9a779' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.why-syria .container { position: relative; z-index: 1; }

.why-header {
  max-width: 640px;
  margin-bottom: 5rem;
}
.why-header h2 { color: var(--white); margin-bottom: 1.25rem; }
.why-header p { color: rgba(255,255,255,.45); font-size: 1rem; line-height: 1.85; }

.why-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: rgba(185,167,121,.08);
}
.why-card {
  background: rgba(0,38,35,.6);
  padding: 3rem 2.5rem;
  transition: all .5s;
}
.why-card:hover { background: rgba(185,167,121,.06); }
.why-card-num {
  font-family: 'Playfair Display', serif;
  font-size: 2rem; font-weight: 700;
  color: rgba(185,167,121,.2);
  margin-bottom: 1.5rem;
  line-height: 1;
}
.why-card h3 {
  font-family: 'Inter', sans-serif;
  font-size: .95rem; font-weight: 700;
  color: var(--white);
  margin-bottom: .75rem;
}
.why-card p {
  font-size: .85rem;
  color: rgba(255,255,255,.4);
  line-height: 1.75;
}

/* ============================================
   PROCESS
   ============================================ */
.process {
  padding: 2.2rem 0 2.6rem;
  background: var(--cream);
}
.process .section-head {
  max-width: 760px;
  margin-bottom: 1.2rem;
}
.process .section-head h2 { margin-bottom: .75rem; }
.process .section-head p { color: var(--gray-500); font-size: .9rem; line-height: 1.6; }

.process-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  max-width: 100%;
  margin: 0;
}
.process-step {
  position: relative;
  padding: 1rem .95rem 1.05rem;
  border: 1px solid rgba(0,38,35,.16);
  background: rgba(255,255,255,.9);
  box-shadow: 0 8px 24px rgba(0,38,35,.06);
}
.process-step-num {
  font-family: 'Playfair Display', serif;
  font-size: 2rem; font-weight: 700;
  color: rgba(0,38,35,.2);
  margin-bottom: 1.5rem;
  line-height: 1;
}
.process-step h3 {
  font-family: 'Inter', sans-serif;
  font-size: .95rem; font-weight: 700;
  color: var(--dark);
  margin-bottom: .75rem;
}
.process-step p {
  font-size: .85rem;
  color: var(--gray-500);
  line-height: 1.75;
}

/* ============================================
   CONTACT
   ============================================ */
.contact { padding: var(--section-pad) 0; }
.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(3rem, 6vw, 6rem);
  align-items: start;
}
.contact-info h2 { margin-bottom: 1.5rem; }
.contact-info > p {
  color: var(--gray-500);
  font-size: .95rem;
  line-height: 1.8;
  margin-bottom: 3rem;
}
.contact-details { display: flex; flex-direction: column; gap: 1.75rem; }
.contact-detail {
  display: flex; gap: 1rem; align-items: flex-start;
}
.contact-detail-icon {
  width: 44px; height: 44px;
  border: 1px solid var(--gray-200);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.contact-detail-icon i { color: var(--gold); font-size: .9rem; }
.contact-detail strong {
  display: block;
  font-family: 'Inter', sans-serif;
  font-size: .78rem; font-weight: 700;
  color: var(--dark);
  margin-bottom: .15rem;
}
.contact-detail span {
  font-size: .85rem;
  color: var(--gray-500);
  line-height: 1.6;
}

.contact-form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 2rem;
  border: 1px solid var(--gray-200);
  background: linear-gradient(180deg, #ffffff, #fafaf7);
}
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
.form-group { display: flex; flex-direction: column; gap: .4rem; }
.form-group label {
  font-size: .6rem; font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase;
  color: var(--gray-500);
}
.form-group input,
.form-group select,
.form-group textarea {
  padding: .9rem 1rem;
  border: 1px solid var(--gray-200);
  font-family: 'Inter', sans-serif;
  font-size: .85rem;
  color: var(--dark);
  background: var(--white);
  transition: border-color .3s;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  outline: none;
  border-color: var(--gold);
}
.form-group textarea { resize: vertical; min-height: 110px; }
.form-submit {
  padding: 1rem 2.5rem;
  background: var(--dark);
  color: var(--gold);
  font-size: .65rem; font-weight: 700;
  letter-spacing: 2.5px; text-transform: uppercase;
  border: 1.5px solid var(--dark);
  transition: all .4s;
  text-align: center;
  cursor: pointer;
}
.form-submit:hover {
  background: var(--gold);
  color: var(--dark);
}

/* ============================================
   FOOTER
   ============================================ */
.footer {
  background: var(--dark-deep);
  padding: 5rem 0 0;
  color: rgba(255,255,255,.4);
}
.footer-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1.5fr;
  gap: 3rem;
  padding-bottom: 4rem;
}
.footer-about p {
  margin-top: 1.25rem;
  font-size: .85rem;
  line-height: 1.85;
}
.footer h4 {
  font-family: 'Inter', sans-serif;
  font-size: .6rem; font-weight: 700;
  letter-spacing: 2.5px; text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 1.5rem;
}
.footer ul li { margin-bottom: .65rem; }
.footer ul a {
  font-size: .82rem;
  color: rgba(255,255,255,.35);
  transition: color .3s;
}
.footer ul a:hover { color: var(--gold); }

.footer-newsletter p {
  font-size: .82rem;
  margin-bottom: 1.25rem;
  line-height: 1.7;
}
.newsletter-form { display: flex; }
.newsletter-form input {
  flex: 1;
  padding: .7rem 1rem;
  border: 1px solid rgba(185,167,121,.15);
  background: rgba(255,255,255,.03);
  color: var(--white);
  font-family: 'Inter', sans-serif;
  font-size: .8rem;
}
.newsletter-form input::placeholder { color: rgba(255,255,255,.2); }
.newsletter-form input:focus { outline: none; border-color: var(--gold); }
.newsletter-form button {
  padding: .7rem 1.25rem;
  background: var(--gold);
  color: var(--dark);
  font-size: .6rem; font-weight: 700;
  letter-spacing: 1.5px; text-transform: uppercase;
  cursor: pointer;
  transition: background .3s;
}
.newsletter-form button:hover { background: var(--white); }

.footer-bottom {
  padding: 1.75rem 0;
  border-top: 1px solid rgba(255,255,255,.05);
  display: flex; align-items: center; justify-content: space-between;
  font-size: .72rem;
}
.footer-social { display: flex; gap: .75rem; }
.footer-social a {
  width: 34px; height: 34px;
  border: 1px solid rgba(255,255,255,.08);
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,.3);
  font-size: .8rem;
  transition: all .3s;
}
.footer-social a:hover { border-color: var(--gold); color: var(--gold); }

/* ============================================
   SECTOR DETAIL OVERLAY
   ============================================ */
.sector-overlay {
  position: fixed; inset: 0;
  z-index: 2000;
  background: var(--white);
  overflow-y: auto;
  transform: translateY(100%);
  transition: transform .6s cubic-bezier(.4, 0, .2, 1);
}
.sector-overlay.active { transform: translateY(0); }
.sector-overlay-header {
  background: var(--dark);
  padding: 8rem 0 4rem;
  position: relative;
}
.sector-overlay-back {
  position: absolute;
  top: 1.5rem; left: 2rem;
  display: flex; align-items: center; gap: .5rem;
  color: var(--gold);
  font-size: .65rem; font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase;
  cursor: pointer;
  transition: opacity .3s;
}
html[dir="rtl"] .sector-overlay-back { left: auto; right: 2rem; }
html[dir="rtl"] .sector-overlay-back i { transform: scaleX(-1); }
.sector-overlay-back:hover { opacity: .6; }
.sector-overlay-header h2 { color: var(--white); margin-bottom: .5rem; }
.sector-overlay-header p { color: rgba(255,255,255,.5); font-size: 1rem; }

.opps-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
  gap: 1.5rem;
  padding: 4rem 0 6rem;
}
.opp-card {
  border: 1px solid var(--gray-200);
  overflow: hidden;
  transition: all .4s;
}
.opp-card:hover {
  border-color: var(--gold);
  box-shadow: 0 16px 48px rgba(0,38,35,.08);
}
.opp-card-img {
  width: 100%; height: 200px;
  display: flex; align-items: center; justify-content: center;
  font-size: 2.5rem; color: var(--gold); opacity: .2;
}
.opp-card-body { padding: 2rem; }
.opp-card-tag {
  display: inline-block;
  padding: .25rem .65rem;
  background: rgba(185,167,121,.1);
  color: var(--dark-gold);
  font-size: .55rem; font-weight: 700;
  letter-spacing: 1.5px; text-transform: uppercase;
  margin-bottom: 1rem;
}
.opp-card-body h3 {
  font-family: 'Inter', sans-serif;
  font-size: 1.05rem; font-weight: 700;
  margin-bottom: .75rem;
}
.opp-card-body > p {
  font-size: .85rem;
  color: var(--gray-500);
  line-height: 1.75;
  margin-bottom: 1.5rem;
}
.opp-card-meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .75rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--gray-200);
}
.opp-meta-item span:first-child {
  display: block;
  font-size: .55rem; font-weight: 700;
  letter-spacing: 1.5px; text-transform: uppercase;
  color: var(--gray-400);
  margin-bottom: .1rem;
}
.opp-meta-item span:last-child {
  font-size: .85rem; font-weight: 700;
  color: var(--dark);
}
.opp-card-cta {
  display: block;
  text-align: center;
  padding: .85rem;
  background: var(--cream);
  color: var(--dark);
  font-size: .6rem; font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase;
  margin-top: 1.5rem;
  transition: all .3s;
}
.opp-card-cta:hover { background: var(--dark); color: var(--gold); }

/* ============================================
   ANIMATIONS
   ============================================ */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .8s ease, transform .8s ease;
}
.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}
.reveal-delay-1 { transition-delay: .1s; }
.reveal-delay-2 { transition-delay: .2s; }
.reveal-delay-3 { transition-delay: .3s; }

/* ============================================
   RESPONSIVE
   ============================================ */
@media (min-width: 1025px) {
  .hero h1 { font-size: 3.2rem; }
}

@media (max-width: 1024px) {
  .about-visual-img {
    background:
      linear-gradient(130deg, rgba(0,38,35,.12), rgba(0,38,35,.38)),
      url('../Mobile.png') center/cover no-repeat !important;
  }
  .hero-content {
    max-width: 100%;
    display: block;
    text-align: center;
  }
  .hero-eyebrow-chip { margin: 0 auto .95rem; }
  .hero {
    min-height: auto;
  }
  .hero-sub { max-width: 820px; }
  .hero-signals { grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(100%, 820px); }
  .hero-signal:nth-child(2n) { border-right: 0; }
  .hero-signal:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.12); }
  html[dir="rtl"] .hero-signal:nth-child(2n) { border-left: 0; }
  .sectors-grid { grid-template-columns: repeat(2, 1fr); }
  .projects-grid { grid-template-columns: repeat(2, 1fr); }
  .why-grid { grid-template-columns: repeat(2, 1fr); }
  .process-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .9rem;
  }
  .footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
  :root { --section-pad: 4.25rem; }
  .container { padding-left: 1rem; padding-right: 1rem; }
  .hamburger { display: flex; }
  .nav-right { gap: 1.2rem; }
  .nav-cta-btn { display: none; }
  .hero { min-height: 112vh; }
  .nav-links {
    position: fixed;
    top: 0; right: -100%; width: 100%; height: 100vh;
    background: var(--dark);
    flex-direction: column;
    justify-content: center; align-items: center;
    gap: 2.5rem;
    transition: right .4s ease;
  }
  .nav-links.open { right: 0; }
  .nav-links a { font-size: .85rem; color: rgba(255,255,255,.7); }

  .hero .container {
    padding-top: 6.2rem;
    padding-bottom: 5.8rem;
  }
  .hero-eyebrow-chip { padding: .48rem .8rem; margin-bottom: 1.55rem; }
  .hero-eyebrow-text { font-size: .48rem; letter-spacing: 2.6px; }
  .hero h1 { font-size: clamp(1.8rem, 9vw, 2.5rem); }
  .hero h1 { margin-bottom: 1.35rem; }
  .hero h1 em { margin-top: .56em; }
  .hero-sub { font-size: .9rem; max-width: 95%; margin-top: .65rem; margin-bottom: 1.9rem; }
  .hero-actions { gap: 1rem; margin-bottom: 1.1rem; }
  .hero .btn { width: 100%; justify-content: center; }
  .hero-scroll { margin-top: 5.5rem; }
  html[dir="rtl"] .hero-content { text-align: center; }
  html[dir="rtl"] .hero-sub { margin-left: auto; margin-right: auto; }
  html[dir="rtl"] .hero-actions { justify-content: center; align-items: center; }
  html[dir="rtl"] .hero-scroll { margin-left: auto; margin-right: auto; }
  .hero-signals { grid-template-columns: 1fr; }
  .hero-signal { border-right: 0 !important; border-left: 0 !important; }
  .hero-signal:not(:last-child) { border-bottom: 1px solid rgba(255,255,255,.12); }

  .about-grid,
  .contact-grid { grid-template-columns: 1fr; gap: 2rem; }
  .about-visual {
    aspect-ratio: 16 / 9;
    max-height: none;
    min-height: 240px;
  }
  .about-visual-img {
    background:
      linear-gradient(130deg, rgba(0,38,35,.12), rgba(0,38,35,.38)),
      url('../Mobile.png') center/cover no-repeat;
  }
  .about-visual-badge {
    left: 1rem;
    bottom: 1.2rem;
    padding: .75rem 1rem;
  }
  .about-visual-badge strong {
    font-size: .92rem;
    line-height: 1.22;
    max-width: 210px;
  }
  html[dir="rtl"] .about-visual-badge {
    width: auto;
    max-width: calc(100% - 2rem);
  }
  html[dir="rtl"] .about-visual-badge strong {
    max-width: none;
    white-space: normal;
  }

  .sectors-grid,
  .projects-grid,
  .why-grid,
  .process-grid { grid-template-columns: 1fr; }

  .sectors .section-head,
  .projects .section-head,
  .why .section-head,
  .process .section-head,
  .contact .section-head {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 2rem;
  }
  .section-head h2 { margin-bottom: .85rem; }
  .section-head p { margin-bottom: .2rem; }

  .sector-card,
  .project-card,
  .why-card,
  .process-step { padding: 1.35rem 1rem; }

  .form-row { grid-template-columns: 1fr; }
  .contact-form { padding: 1.25rem 1rem; }

  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; gap: 1rem; text-align: center; }

  .opps-grid { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  :root { --section-pad: 3.5rem; }
  .container { padding-left: .9rem; padding-right: .9rem; }
  .hero { min-height: 116vh; }
  .hero .container { padding-top: 6.1rem; padding-bottom: 5.05rem; }
  .hero-eyebrow-text { font-size: .45rem; letter-spacing: 2.3px; }
  .hero h1 { font-size: 2.2rem; }
  .hero-sub { margin-bottom: 1.75rem; }
  .hero-actions { flex-direction: column; align-items: center; }
  .hero-scroll { margin-top: 4.7rem; }
  .trust-grid { grid-template-columns: 1fr 1fr; }
  .about-visual-badge strong {
    font-size: .84rem;
    max-width: 180px;
  }
  html[dir="rtl"] .about-visual-badge {
    width: auto;
    max-width: calc(100% - 1.8rem);
  }
  .about-visual {
    aspect-ratio: 3 / 2;
    min-height: 210px;
  }
}


/* PALMAR Holding OVERRIDES - preserving the Syria Invest institutional layout */
:root {
  --dark: #191817;
  --gold: #b8945d;
  --cream: #f1eadc;
  --dark-gold: #8e6f43;
  --light-gold: #d7bf91;
  --dark-deep: #0f0f0e;
}
body { background: #fffdf8; }
.navbar.scrolled { background: rgba(15,15,14,.96); }
.palmar-logo { gap: 0; }
.palmar-logo img { width: 184px; height: auto; filter: drop-shadow(0 10px 24px rgba(0,0,0,.18)); }
.footer-palmar-logo img { width: 220px; }
.lang-toggle { display: none; }
.hero-bg, .hero-bg-fallback {
  background:
    linear-gradient(180deg, rgba(15,15,14,.18) 0%, rgba(15,15,14,.5) 48%, rgba(15,15,14,.96) 100%),
    radial-gradient(ellipse at 50% 38%, rgba(184,148,93,.18) 0%, rgba(184,148,93,0) 55%),
    linear-gradient(145deg, #111110 0%, #1b1916 48%, #2b251b 100%);
}
.hero h1 { max-width: 920px; }
.hero-sub { max-width: 820px; }
.about-visual-img {
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    linear-gradient(130deg, rgba(15,15,14,.1), rgba(15,15,14,.72)),
    radial-gradient(circle at 50% 32%, rgba(184,148,93,.2), transparent 42%),
    #151413 !important;
}
.about-visual-img::after {
  content: '';
  width: 74%;
  height: 74%;
  background: url('../PALMAR-W.svg') center/contain no-repeat;
  filter: drop-shadow(0 20px 50px rgba(0,0,0,.34));
}
.palmar-card-gradient { background: linear-gradient(135deg,#141312,#3a2d1b) !important; }
.project-card { cursor: default; }
.project-card-photo { display: none; }
.founder-section .why-header { max-width: 980px; margin-bottom: 0; }
.founder-section .why-header p { font-family: 'Playfair Display', Georgia, serif; font-size: clamp(1.35rem, 2.6vw, 2.4rem); line-height: 1.38; color: rgba(255,255,255,.78); }
.founder-title { margin-top: 1.5rem; font-family: 'Inter', sans-serif !important; font-size: .72rem !important; color: var(--gold) !important; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; }
.films-section { padding: var(--section-pad) 0; }
.film-carousel { overflow: hidden; border: 1px solid rgba(25,24,23,.14); background: #fffdf8; box-shadow: 0 18px 60px rgba(25,24,23,.08); }
.film-track { display: flex; transition: transform .55s ease; }
.film-frame { position: relative; min-width: 100%; height: 520px; overflow: hidden; }
.film-frame img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.82); }
.film-frame::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent, rgba(15,15,14,.78)); }
.film-frame div { position: absolute; z-index: 1; left: 2rem; right: 2rem; bottom: 2rem; }
.film-frame span { display: block; color: var(--gold); font-size: .65rem; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; margin-bottom: .8rem; }
.film-frame h3 { color: #fff; max-width: 620px; }
.film-controls { display: flex; gap: .6rem; padding: 1rem; border-top: 1px solid rgba(25,24,23,.1); }
.film-controls button { padding: .6rem .85rem; border: 1px solid rgba(25,24,23,.16); color: var(--dark); font-size: .62rem; font-weight: 700; letter-spacing: 2px; }
.film-controls button.active, .film-controls button:hover { background: var(--dark); color: var(--gold); }
.footer ul li { color: rgba(255,255,255,.35); font-size: .82rem; }
@media (max-width: 768px) {
  .palmar-logo img { width: 142px; }
  .nav-links { background: var(--dark); }
  .hero h1 { font-size: clamp(2.25rem, 10vw, 3rem); }
  .film-frame { height: 390px; }
}


/* INDEX-2 QUOTE + PALMAR FILMS TRANSPLANT */
#quote,
#films {
  --p2-black: #F3F6FB;
  --p2-near-black: #FFFFFF;
  --p2-panel: #EEF3FA;
  --p2-border: #D6DFEB;
  --p2-text: #10233F;
  --p2-muted: #5A6D86;
  --p2-gold: #9E7A3B;
  --p2-gold-dim: #B69053;
  --p2-white: #0F223D;
  --p2-serif: 'Playfair Display', Georgia, serif;
  --p2-sans: 'Inter', system-ui, sans-serif;
}
#quote { background: var(--p2-black); padding: 100px 0; text-align: center; position: relative; overflow: hidden; }
#quote .quote-ring { position: absolute; width: 600px; height: 600px; border-radius: 50%; border: 1px solid rgba(192,154,91,.14); top: 50%; left: 50%; transform: translate(-50%,-50%); }
#quote .quote-ring:nth-child(2) { width: 800px; height: 800px; }
#quote .quote-mark { font-family: var(--p2-serif); font-size: 160px; line-height: .5; color: var(--p2-gold); opacity: .12; margin-bottom: 12px; display: block; }
#quote .quote-text { font-family: var(--p2-serif); font-size: clamp(18px,2.2vw,28px); font-style: italic; font-weight: 400; line-height: 1.45; color: var(--p2-white); max-width: 1100px; margin: 0 auto 44px; position: relative; z-index: 2; }
#quote .quote-rule { width: 44px; height: 1px; background: var(--p2-gold-dim); margin: 0 auto 24px; }
#quote .quote-name { font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: var(--p2-gold); margin-bottom: 5px; font-weight: 700; }
#quote .quote-role { font-size: 11px; letter-spacing: .1em; color: var(--p2-muted); text-transform: uppercase; }
#films { background: var(--p2-black); color: var(--p2-text); }
#films .films-layout { display: grid; grid-template-columns: minmax(320px,.46fr) minmax(0,.54fr); gap: 42px; align-items: start; }
#films .films-header { margin-bottom: 0; position: sticky; top: 96px; }
#films .sec-label { font-size: 10px; letter-spacing: .25em; text-transform: uppercase; color: var(--p2-gold); margin-bottom: 20px; display: flex; align-items: center; gap: 14px; font-weight: 700; }
#films .sec-label::before { content: ''; width: 28px; height: 1px; background: var(--p2-gold); }
#films h2 { font-family: var(--p2-serif); font-size: clamp(36px,4.5vw,62px); font-weight: 400; line-height: 1.05; color: var(--p2-white); }
#films h2 em { font-style: italic; color: var(--p2-gold); }
#films .body { font-size: 15px; line-height: 1.9; color: var(--p2-muted); }
#films .films-carousel { position: relative; width: 100%; overflow: visible; border: 0; background: transparent; box-shadow: none; }
#films .films-track { display: grid; grid-template-columns: 1fr; gap: 1px; background: var(--p2-border); max-width: none; transition: none; }
#films .film-card { background: var(--p2-near-black); cursor: pointer; position: relative; overflow: hidden; transition: background .3s; }
#films .film-card:hover { background: var(--p2-panel); }
#films .film-thumb { aspect-ratio: 16/9; overflow: hidden; position: relative; max-height: 340px; }
#films .film-thumb img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(30%); transition: filter .4s, transform .4s; }
#films .film-card:hover .film-thumb img { filter: grayscale(0%); transform: scale(1.03); }
#films .film-play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
#films .film-play-btn { width: 52px; height: 52px; border: 1px solid rgba(16,35,63,.45); border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.8); backdrop-filter: blur(4px); transition: background .3s,border-color .3s; }
#films .film-card:hover .film-play-btn { background: rgba(255,255,255,.95); border-color: var(--p2-gold); }
#films .film-play-icon { width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 16px solid rgba(16,35,63,.9); margin-left: 4px; }
#films .film-card:hover .film-play-icon { border-left-color: #8F6E35; }
#films .film-info { padding: 22px 24px; }
#films .film-dur { font-size: 10px; letter-spacing: .15em; color: var(--p2-gold-dim); margin-bottom: 6px; }
#films .film-title { font-family: var(--p2-serif); font-size: 17px; font-weight: 400; color: var(--p2-white); margin-bottom: 8px; line-height: 1.3; }
#films .film-desc { font-size: 12px; line-height: 1.7; color: var(--p2-muted); }
#films .films-nav { display: flex; gap: 12px; margin-top: 24px; justify-content: flex-start; }
#films .films-btn { width: 44px; height: 44px; border: 1px solid var(--p2-border); display: flex; align-items: center; justify-content: center; background: none; cursor: pointer; color: var(--p2-muted); font-size: 18px; transition: all .25s; }
#films .films-btn:hover { border-color: var(--p2-gold); color: var(--p2-gold); }
#film-modal { display: none; position: fixed; inset: 0; z-index: 5000; background: rgba(0,0,0,.92); align-items: center; justify-content: center; }
#film-modal.open { display: flex; }
#film-modal .modal-inner { width: 90%; max-width: 900px; position: relative; }
#film-modal .modal-close { position: absolute; top: -44px; right: 0; background: none; border: none; color: #7A766F; font-size: 26px; cursor: pointer; transition: color .2s; line-height: 1; }
#film-modal .modal-close:hover { color: #F2EDE6; }
#film-modal .modal-video { aspect-ratio: 16/9; width: 100%; background: #000; }
#film-modal .modal-video iframe { width: 100%; height: 100%; border: none; }
@media(max-width:1080px) {
  #films .films-layout { grid-template-columns: 1fr; gap: 26px; }
  #films .films-header { position: static; }
}
@media(max-width:640px) {
  #quote { padding: 76px 0; }
  #quote .quote-mark { font-size: 120px; }
  #films .films-track { grid-template-columns: 1fr; }
}


/* HERO LIGHT PALETTE UPDATE */
.hero {
  background: #f4efe5;
}
.hero-bg,
.hero-bg-fallback {
  background:
    radial-gradient(ellipse at 50% 24%, rgba(184,148,93,.2) 0%, rgba(184,148,93,0) 48%),
    radial-gradient(circle at 16% 18%, rgba(25,24,23,.08) 0%, transparent 34%),
    linear-gradient(145deg, #fffdf8 0%, #f4efe5 48%, #e8decd 100%) !important;
}
.hero::before {
  background:
    radial-gradient(ellipse at 50% 22%, rgba(255,255,255,.72) 0%, rgba(255,255,255,0) 56%),
    radial-gradient(ellipse at 50% 95%, rgba(184,148,93,.14) 0%, rgba(184,148,93,0) 62%) !important;
}
.hero h1,
.hero-content h1 {
  color: var(--dark) !important;
  text-shadow: none !important;
}
.hero h1 em {
  color: var(--dark-gold) !important;
  text-shadow: none !important;
}
.hero-sub {
  color: rgba(25,24,23,.72) !important;
}
.hero-eyebrow-chip {
  border-color: rgba(142,111,67,.26) !important;
  background: rgba(184,148,93,.1) !important;
}
.hero-eyebrow-text,
.hero-scroll {
  color: var(--dark-gold) !important;
}
.navbar:not(.scrolled) .nav-links a {
  color: rgba(25,24,23,.62) !important;
}
.navbar:not(.scrolled) .nav-links a:hover {
  color: var(--dark-gold) !important;
}
.navbar:not(.scrolled) .hamburger span {
  background: var(--dark) !important;
}
.navbar:not(.scrolled) .palmar-logo img {
  filter: none !important;
}
.hero .btn-outline-gold {
  color: var(--dark-gold) !important;
  border-color: rgba(142,111,67,.38) !important;
}
.hero .btn-outline-gold:hover {
  background: var(--dark) !important;
  color: var(--gold) !important;
}


/* CLEAN HERO EYEBROW + LIGHT NAV FOR LOGO READABILITY */
.hero-eyebrow,
.hero-eyebrow-chip {
  display: none !important;
}
.navbar,
.navbar.scrolled {
  background: rgba(255,253,248,.94) !important;
  box-shadow: 0 10px 34px rgba(25,24,23,.08);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.navbar:not(.scrolled) .nav-links a,
.navbar.scrolled .nav-links a,
.nav-links a {
  color: rgba(25,24,23,.64) !important;
}
.navbar:not(.scrolled) .nav-links a:hover,
.navbar.scrolled .nav-links a:hover,
.nav-links a:hover {
  color: var(--dark-gold) !important;
}
.navbar .palmar-logo img,
.navbar.scrolled .palmar-logo img,
.navbar:not(.scrolled) .palmar-logo img {
  filter: none !important;
}
.navbar .hamburger span,
.navbar.scrolled .hamburger span,
.navbar:not(.scrolled) .hamburger span {
  background: var(--dark) !important;
}
.hero .container {
  padding-top: 8.2rem;
}

/* STRONGER PALMAR HERO COMPOSITION */
.hero {
  min-height: 96vh !important;
  background: #f5efe4 !important;
  isolation: isolate;
}
.hero-bg,
.hero-bg-fallback {
  background:
    linear-gradient(105deg, rgba(255,253,248,.96) 0%, rgba(246,240,229,.96) 47%, rgba(25,24,23,.98) 47.2%, rgba(15,15,14,.98) 100%),
    radial-gradient(circle at 18% 26%, rgba(184,148,93,.22) 0%, transparent 30%),
    radial-gradient(circle at 72% 40%, rgba(184,148,93,.2) 0%, transparent 36%) !important;
}
.hero::before {
  background:
    linear-gradient(90deg, rgba(25,24,23,.035) 1px, transparent 1px),
    linear-gradient(rgba(25,24,23,.035) 1px, transparent 1px) !important;
  background-size: 92px 92px !important;
  opacity: 1 !important;
}
.hero::after {
  content: '';
  position: absolute;
  z-index: 1;
  inset: auto -8% -22% 42%;
  height: 48%;
  background: radial-gradient(circle, rgba(184,148,93,.2), transparent 65%);
  pointer-events: none;
}
.hero .container {
  padding-top: 7.4rem !important;
  padding-bottom: 3.4rem !important;
}
.hero-layout { justify-content: stretch !important; }
.palmar-hero-content {
  max-width: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, .94fr) minmax(360px, .72fr);
  gap: clamp(2.5rem, 6vw, 6rem);
  align-items: center !important;
  text-align: left !important;
}
.hero-copy-panel {
  position: relative;
  z-index: 2;
  padding: clamp(1.5rem, 3.8vw, 3.25rem) clamp(1.4rem, 3.6vw, 3rem);
  background: rgba(255,253,248,.66);
  border: 1px solid rgba(184,148,93,.28);
  box-shadow: 0 24px 80px rgba(25,24,23,.1);
  backdrop-filter: blur(8px);
}
.hero-copy-panel::before {
  content: '';
  position: absolute;
  left: 0;
  top: 2rem;
  bottom: 2rem;
  width: 3px;
  background: var(--gold);
}
.hero-kicker {
  display: inline-flex;
  align-items: center;
  gap: .85rem;
  margin-bottom: 1.15rem;
  color: var(--dark-gold);
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: 3.2px;
  text-transform: uppercase;
}
.hero-kicker::before {
  content: '';
  width: 42px;
  height: 1px;
  background: currentColor;
}
.hero-copy-panel h1 {
  color: var(--dark) !important;
  font-size: clamp(2.5rem, 5.2vw, 5.1rem) !important;
  line-height: 1.03 !important;
  margin-bottom: 1.2rem !important;
}
.hero-copy-panel h1 em {
  display: inline-block;
  color: var(--dark-gold) !important;
  margin-top: .18em !important;
}
.hero-copy-panel .hero-sub {
  max-width: 720px !important;
  margin: 0 0 1.8rem !important;
  color: rgba(25,24,23,.7) !important;
  font-size: 1rem !important;
}
.hero-copy-panel .hero-actions {
  justify-content: flex-start !important;
}
.hero-brand-panel {
  position: relative;
  z-index: 2;
  min-height: 520px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border: 1px solid rgba(184,148,93,.38);
  background:
    radial-gradient(circle at 50% 28%, rgba(184,148,93,.16), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  box-shadow: 0 32px 90px rgba(0,0,0,.22);
  overflow: hidden;
}
.hero-brand-panel::before {
  content: '';
  position: absolute;
  inset: 1.1rem;
  border: 1px solid rgba(184,148,93,.22);
  pointer-events: none;
}
.hero-brand-panel::after {
  content: 'PALMAR';
  position: absolute;
  right: -1rem;
  bottom: 4.6rem;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  letter-spacing: .38em;
  font-size: clamp(3.5rem, 7vw, 7rem);
  color: rgba(255,255,255,.035);
  pointer-events: none;
}
.hero-brand-panel img {
  position: relative;
  z-index: 1;
  width: min(92%, 430px);
  margin: 0 auto;
  filter: drop-shadow(0 24px 44px rgba(0,0,0,.38));
}
.hero-sector-strip {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 2rem;
  border-top: 1px solid rgba(184,148,93,.22);
  border-bottom: 1px solid rgba(184,148,93,.22);
}
.hero-sector-strip span {
  padding: .8rem .55rem;
  text-align: center;
  color: rgba(255,253,248,.68);
  font-size: .58rem;
  font-weight: 700;
  letter-spacing: 1.7px;
  text-transform: uppercase;
}
.hero-sector-strip span:not(:last-child) { border-right: 1px solid rgba(184,148,93,.18); }
.hero .hero-scroll {
  position: absolute;
  left: 50%;
  bottom: 1.8rem;
  transform: translateX(-50%);
  margin-top: 0 !important;
}
.navbar:not(.scrolled),
.navbar {
  background: rgba(255,253,248,.9) !important;
}
@media (max-width: 1024px) {
  .palmar-hero-content { grid-template-columns: 1fr; text-align: left !important; }
  .hero-brand-panel { min-height: 360px; }
  .hero-brand-panel img { max-width: 360px; }
}
@media (max-width: 768px) {
  .hero { min-height: auto !important; }
  .hero-bg,
  .hero-bg-fallback {
    background:
      linear-gradient(180deg, rgba(255,253,248,.98) 0%, rgba(246,240,229,.96) 58%, rgba(25,24,23,.98) 58.2%, rgba(15,15,14,.98) 100%) !important;
  }
  .hero .container { padding-top: 6.8rem !important; padding-bottom: 5rem !important; }
  .hero-copy-panel { padding: 1.4rem 1.2rem; }
  .hero-copy-panel h1 { font-size: clamp(2.2rem, 10vw, 3.1rem) !important; }
  .hero-brand-panel { min-height: 300px; padding: 1.2rem; }
  .hero-sector-strip { grid-template-columns: repeat(2, 1fr); }
  .hero-sector-strip span:nth-child(2) { border-right: 0; }
  .hero-sector-strip span:nth-child(-n+2) { border-bottom: 1px solid rgba(184,148,93,.18); }
}

/* HERO REFINEMENT: keep copy panel clean, move dark split behind brand panel */
.hero-bg,
.hero-bg-fallback {
  background:
    linear-gradient(105deg, rgba(255,253,248,.96) 0%, rgba(246,240,229,.96) 56%, rgba(25,24,23,.98) 56.2%, rgba(15,15,14,.98) 100%),
    radial-gradient(circle at 18% 26%, rgba(184,148,93,.22) 0%, transparent 30%),
    radial-gradient(circle at 74% 40%, rgba(184,148,93,.2) 0%, transparent 36%) !important;
}
.hero-copy-panel {
  max-width: 690px;
}
.hero-brand-panel {
  justify-self: end;
  width: min(100%, 510px);
}
@media (max-width: 1024px) {
  .hero-bg,
  .hero-bg-fallback {
    background:
      linear-gradient(180deg, rgba(255,253,248,.98) 0%, rgba(246,240,229,.96) 58%, rgba(25,24,23,.98) 58.2%, rgba(15,15,14,.98) 100%) !important;
  }
  .hero-copy-panel { max-width: none; }
  .hero-brand-panel { justify-self: stretch; width: 100%; }
}

/* HERO POLISH: reduce repeated branding and decorative noise */
.navbar:not(.scrolled) .palmar-logo {
  opacity: 0;
  pointer-events: none;
}
.hero::before {
  opacity: .45 !important;
  background-size: 120px 120px !important;
}
.hero::after {
  opacity: .55;
}
.hero-copy-panel {
  box-shadow: 0 22px 65px rgba(25,24,23,.08);
}
.hero-brand-panel::after {
  content: none !important;
}
.hero-brand-panel {
  min-height: 480px;
  background:
    radial-gradient(circle at 50% 30%, rgba(184,148,93,.12), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
}
.hero-brand-panel img {
  width: min(82%, 360px);
}
.hero-sector-strip {
  margin-top: 1.65rem;
}
.hero .hero-scroll {
  opacity: .62;
}
@media (max-width: 1024px) {
  .navbar:not(.scrolled) .palmar-logo {
    opacity: 1;
    pointer-events: auto;
  }
  .hero-brand-panel { min-height: 340px; }
}

/* HERO FINAL TRIM */
.hero-copy-panel::before {
  display: none !important;
}
.hero .hero-scroll {
  display: none !important;
}
.hero-copy-panel h1 {
  font-size: clamp(2.25rem, 4.55vw, 4.45rem) !important;
  line-height: 1.05 !important;
}
.hero-copy-panel .hero-sub {
  font-size: .94rem !important;
  line-height: 1.72 !important;
}
.hero-kicker {
  font-size: .58rem !important;
  letter-spacing: 2.9px !important;
}
@media (max-width: 768px) {
  .hero-copy-panel h1 {
    font-size: clamp(2rem, 9vw, 2.75rem) !important;
  }
}

/* HERO VERTICAL BALANCE */
.hero .container {
  padding-top: 10.4rem !important;
  padding-bottom: 5.6rem !important;
}
.palmar-hero-content {
  align-items: center !important;
}
@media (max-width: 1024px) {
  .hero .container {
    padding-top: 8.4rem !important;
    padding-bottom: 4.8rem !important;
  }
}
@media (max-width: 768px) {
  .hero .container {
    padding-top: 7.6rem !important;
    padding-bottom: 4.2rem !important;
  }
}

/* RESTORE NAV LOGO */
.navbar:not(.scrolled) .palmar-logo {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* REMOVE HEADER GAP AFTER NAV DELETION */
.hero .container {
  padding-top: 5.4rem !important;
}
@media (max-width: 1024px) {
  .hero .container { padding-top: 4.8rem !important; }
}
@media (max-width: 768px) {
  .hero .container { padding-top: 3.8rem !important; }
}

/* HERO FULL SCREEN AFTER HEADER REMOVAL */
.hero {
  min-height: 100vh !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  align-items: center !important;
}
.hero .container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
@media (max-width: 1024px) {
  .hero .container { padding-top: 0 !important; padding-bottom: 0 !important; }
}
@media (max-width: 768px) {
  .hero .container { padding-top: 2rem !important; padding-bottom: 2rem !important; }
}

/* HERO LOGO READABILITY */
.hero-brand-panel img {
  opacity: .98;
  filter: brightness(1.22) contrast(1.18) drop-shadow(0 24px 44px rgba(0,0,0,.38)) !important;
}
.hero-brand-panel {
  background:
    radial-gradient(circle at 50% 30%, rgba(184,148,93,.17), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.028)) !important;
}

/* REBUILD HERO LOGO WORDMARK FOR READABILITY */
.hero-brand-panel > img {
  display: none !important;
}
.hero-brand-logo {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 1.2rem;
  margin: 0 auto;
  width: min(92%, 520px);
}
.hero-brand-mark {
  width: 170px;
  height: 170px;
  background: url('../PALMAR-W.svg') center top / 286px auto no-repeat;
  clip-path: inset(0 0 18% 0);
  filter: brightness(1.05) contrast(1.08) drop-shadow(0 18px 32px rgba(0,0,0,.28));
}
.hero-brand-word {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0;
  font-family: 'Inter', sans-serif;
  font-size: clamp(2.35rem, 4.2vw, 4rem);
  line-height: 1;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;
}
.hero-brand-word span {
  color: var(--gold);
  font-weight: 500;
}
.hero-brand-word strong {
  color: rgba(238,232,220,.72);
  font-weight: 500;
}
@media (max-width: 768px) {
  .hero-brand-mark { width: 132px; height: 132px; background-size: 224px auto; }
  .hero-brand-word { font-size: clamp(1.7rem, 8vw, 2.4rem); }
}

/* REVERSE REBUILT HERO LOGO: restore original PNG */
.hero-brand-logo,
.hero-brand-mark,
.hero-brand-word {
  display: none !important;
}
.hero-brand-panel > img {
  display: block !important;
  position: relative;
  z-index: 1;
  width: min(82%, 360px) !important;
  margin: 0 auto;
  opacity: .98;
  filter: brightness(1.18) contrast(1.14) drop-shadow(0 24px 44px rgba(0,0,0,.38)) !important;
}

/* ============================================
   PALMAR HERO REDESIGN - institutional dossier
   ============================================ */
.hero {
  min-height: 100vh !important;
  align-items: stretch !important;
  background: #f6f1e8 !important;
  color: #171614;
  overflow: hidden;
  isolation: isolate;
}
.hero-bg,
.hero-bg-fallback {
  background:
    linear-gradient(90deg, rgba(183,148,91,.075) 1px, transparent 1px),
    linear-gradient(rgba(183,148,91,.055) 1px, transparent 1px),
    radial-gradient(circle at 14% 18%, rgba(184,148,93,.22), transparent 30%),
    radial-gradient(circle at 85% 18%, rgba(255,255,255,.9), transparent 28%),
    linear-gradient(135deg, #fffdf7 0%, #f4edde 44%, #ebe0ce 100%) !important;
  background-size: 118px 118px, 118px 118px, auto, auto, auto !important;
}
.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(112deg, transparent 0 56%, rgba(28,27,24,.06) 56.1% 100%),
    radial-gradient(ellipse at 76% 58%, rgba(184,148,93,.18), transparent 42%) !important;
  opacity: 1 !important;
  pointer-events: none;
}
.hero::after {
  content: 'PALMAR Holding';
  position: absolute;
  z-index: 1;
  left: clamp(1.2rem, 3vw, 3rem);
  bottom: clamp(.8rem, 2vw, 1.4rem);
  font-family: 'Inter', sans-serif;
  font-size: clamp(2.8rem, 9vw, 9rem);
  font-weight: 700;
  letter-spacing: .16em;
  line-height: 1;
  color: rgba(23,22,20,.035);
  white-space: nowrap;
  pointer-events: none;
}
.hero-grain { opacity: .04 !important; }
.hero .container {
  position: relative;
  z-index: 2;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: clamp(2rem, 5vh, 4.2rem) !important;
  padding-bottom: clamp(1.5rem, 4vh, 3rem) !important;
}
.hero-new {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(360px, .72fr);
  gap: clamp(2rem, 5vw, 5.5rem);
  align-items: center;
  width: 100%;
}
.hero-new-copy {
  max-width: 760px;
}
.hero-new-label {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: clamp(1.1rem, 2vw, 1.75rem);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .36em;
  text-transform: uppercase;
  color: #967844;
}
.hero-new-label::before {
  content: '';
  width: 64px;
  height: 1px;
  background: #967844;
}
.hero-new h1 {
  max-width: 820px;
  margin: 0 0 clamp(1.3rem, 2.5vw, 2rem);
  color: #171614 !important;
  font-size: clamp(3.1rem, 7.2vw, 7.35rem) !important;
  line-height: .92 !important;
  letter-spacing: -.055em;
}
.hero-new-sub {
  max-width: 650px;
  margin: 0 0 clamp(1.8rem, 3vw, 2.6rem);
  color: rgba(23,22,20,.68) !important;
  font-size: clamp(1rem, 1.25vw, 1.18rem) !important;
  line-height: 1.78 !important;
}
.hero-new .hero-actions {
  justify-content: flex-start !important;
  margin: 0 !important;
  gap: 1rem !important;
}
.hero-new .btn-outline-gold {
  color: #80663b !important;
  border-color: rgba(128,102,59,.38) !important;
  background: rgba(255,253,248,.32) !important;
}
.hero-new .btn-outline-gold:hover {
  background: #171614 !important;
  color: #d0ae72 !important;
  border-color: #171614 !important;
}
.hero-new-aside {
  position: relative;
  min-height: 570px;
  padding: clamp(1rem, 2vw, 1.45rem);
  border: 1px solid rgba(128,102,59,.24);
  background:
    linear-gradient(180deg, rgba(255,253,248,.66), rgba(255,253,248,.28)),
    rgba(255,253,248,.26);
  box-shadow: 0 34px 90px rgba(51,40,24,.12);
  display: grid;
  grid-template-rows: 1fr auto auto;
  overflow: hidden;
}
.hero-new-aside::before {
  content: '';
  position: absolute;
  inset: 1.15rem;
  border: 1px solid rgba(128,102,59,.18);
  pointer-events: none;
}
.hero-new-aside::after {
  content: '';
  position: absolute;
  width: 55%;
  aspect-ratio: 1;
  right: -18%;
  top: -14%;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(184,148,93,.22), transparent 62%);
  pointer-events: none;
}
.hero-new-logo-card {
  position: relative;
  z-index: 1;
  align-self: center;
  justify-self: center;
  width: min(92%, 430px);
  padding: clamp(1.8rem, 4vw, 3.2rem);
  border: 1px solid rgba(128,102,59,.2);
  background: rgba(255,253,248,.48);
}
.hero-new-logo-card img {
  width: 100%;
  margin: 0 auto;
  filter: saturate(.95) contrast(1.04) drop-shadow(0 18px 38px rgba(51,40,24,.12));
}
.hero-new-mandate {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: .72fr 1.28fr;
  gap: 1rem;
  padding: 1.15rem 0;
  border-top: 1px solid rgba(128,102,59,.22);
  border-bottom: 1px solid rgba(128,102,59,.22);
}
.hero-new-mandate span {
  color: #967844;
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .22em;
  text-transform: uppercase;
}
.hero-new-mandate p {
  margin: 0;
  color: rgba(23,22,20,.72);
  font-size: .9rem;
  line-height: 1.65;
}
.hero-new-sector-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 1rem;
  border: 1px solid rgba(128,102,59,.2);
}
.hero-new-sector-grid a {
  padding: 1rem .55rem;
  text-align: center;
  color: #171614;
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .2em;
  text-transform: uppercase;
  background: rgba(255,253,248,.36);
}
.hero-new-sector-grid a:not(:last-child) {
  border-right: 1px solid rgba(128,102,59,.2);
}
.hero-new-sector-grid a:hover {
  background: #171614;
  color: #d0ae72;
}
.hero-new-footer {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  width: min(100%, 920px);
  margin-top: clamp(2rem, 5vh, 4rem);
  border-top: 1px solid rgba(128,102,59,.28);
  border-bottom: 1px solid rgba(128,102,59,.28);
}
.hero-new-footer span {
  padding: .88rem 1rem;
  color: rgba(23,22,20,.58);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .24em;
  text-transform: uppercase;
  text-align: center;
}
.hero-new-footer span:not(:last-child) {
  border-right: 1px solid rgba(128,102,59,.22);
}
.hero-copy-panel,
.hero-brand-panel,
.hero-sector-strip,
.hero-kicker,
.hero-scroll,
.palmar-hero-content {
  all: unset;
}
@media (max-width: 1024px) {
  .hero { min-height: auto !important; }
  .hero .container { min-height: auto; }
  .hero-new {
    grid-template-columns: 1fr;
    padding: 4rem 0 0;
  }
  .hero-new-aside {
    min-height: 420px;
  }
  .hero-new h1 {
    font-size: clamp(3.1rem, 12vw, 6rem) !important;
  }
}
@media (max-width: 680px) {
  .hero::after { display: none; }
  .hero .container {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .hero-new {
    gap: 2.2rem;
    padding-top: 1rem;
  }
  .hero-new-label {
    font-size: .56rem;
    letter-spacing: .26em;
  }
  .hero-new-label::before { width: 36px; }
  .hero-new h1 {
    font-size: clamp(2.7rem, 16vw, 4.15rem) !important;
    line-height: .96 !important;
  }
  .hero-new-sub { font-size: .96rem !important; }
  .hero-new .hero-actions {
    flex-direction: column;
    align-items: stretch !important;
  }
  .hero-new .btn { justify-content: center; width: 100%; }
  .hero-new-aside {
    min-height: auto;
  }
  .hero-new-logo-card {
    width: 100%;
    padding: 1.35rem;
  }
  .hero-new-mandate {
    grid-template-columns: 1fr;
  }
  .hero-new-sector-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .hero-new-sector-grid a:nth-child(2n) { border-right: 0; }
  .hero-new-sector-grid a:nth-child(-n+2) { border-bottom: 1px solid rgba(128,102,59,.2); }
  .hero-new-footer {
    grid-template-columns: 1fr;
  }
  .hero-new-footer span:not(:last-child) {
    border-right: 0;
    border-bottom: 1px solid rgba(128,102,59,.2);
  }
}

/* PALMAR HERO REDESIGN - mobile containment polish */
.hero-new,
.hero-new-copy,
.hero-new-aside,
.hero-new-logo-card,
.hero-new-sector-grid {
  min-width: 0;
  max-width: 100%;
}
@media (max-width: 680px) {
  .hero-new h1 {
    font-size: clamp(2.32rem, 12.4vw, 3.32rem) !important;
    letter-spacing: -.048em;
    max-width: 100%;
  }
  .hero-new-sub {
    max-width: 100%;
    overflow-wrap: break-word;
  }
  .hero-new-aside {
    width: 100%;
    overflow: hidden;
  }
  .hero-new-logo-card img {
    width: 100%;
    max-width: 295px;
  }
  .hero-new-sector-grid a {
    min-width: 0;
    padding: .92rem .35rem;
    font-size: .54rem;
    letter-spacing: .14em;
    overflow-wrap: anywhere;
  }
}

/* PALMAR HERO REDESIGN - hard mobile overflow guard */
.hero-new h1 span {
  display: block;
}
@media (max-width: 680px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }
  .hero,
  .hero .container,
  .hero-new,
  .hero-new-copy,
  .hero-new-aside {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }
  .hero .container {
    width: 100% !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .hero-new h1 {
    font-size: clamp(2.18rem, 11.2vw, 3rem) !important;
    line-height: .98 !important;
    overflow-wrap: normal;
  }
  .hero-new-logo-card {
    width: 100% !important;
    padding: 1.1rem !important;
  }
  .hero-new-logo-card img {
    max-width: 230px !important;
  }
  .hero-new-mandate p,
  .hero-new-sub {
    word-break: normal;
    overflow-wrap: break-word;
  }
  .hero-new-sector-grid a {
    font-size: .48rem !important;
    letter-spacing: .1em !important;
  }
}

/* PALMAR HERO REDESIGN - final phone width lock */
@media (max-width: 680px) {
  .hero .container,
  .hero-new,
  .hero-new-copy,
  .hero-new-aside,
  .hero-new-footer {
    width: calc(100vw - 2rem) !important;
    max-width: calc(100vw - 2rem) !important;
  }
  .hero-new-copy p,
  .hero-new-mandate p {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* PALMAR HERO REDESIGN - phone editorial column */
@media (max-width: 680px) {
  .hero-new,
  .hero-new-copy,
  .hero-new-aside,
  .hero-new-footer {
    width: min(100%, 326px) !important;
    max-width: 326px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .hero-new h1 {
    font-size: clamp(2.08rem, 10.4vw, 2.82rem) !important;
  }
  .hero-new-sub {
    font-size: .92rem !important;
    line-height: 1.68 !important;
  }
  .hero-new-logo-card img {
    max-width: 230px !important;
  }
  .hero-new-sector-grid {
    grid-template-columns: 1fr !important;
  }
  .hero-new-sector-grid a,
  .hero-new-sector-grid a:nth-child(2n),
  .hero-new-sector-grid a:nth-child(-n+2) {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(128,102,59,.2) !important;
  }
  .hero-new-sector-grid a:last-child {
    border-bottom: 0 !important;
  }
}

/* PALMAR HERO REDESIGN - phone final tightening */
@media (max-width: 680px) {
  .hero-new,
  .hero-new-copy,
  .hero-new-aside,
  .hero-new-footer {
    width: min(100%, 286px) !important;
    max-width: 286px !important;
  }
  .hero-new h1 {
    font-size: clamp(1.92rem, 9.4vw, 2.48rem) !important;
    letter-spacing: -.038em !important;
  }
  .hero-new-sub {
    font-size: .88rem !important;
  }
  .hero-new-logo-card img {
    max-width: 214px !important;
  }
}

/* PALMAR HERO REDESIGN - phone edge breathing room */
@media (max-width: 680px) {
  .hero-new,
  .hero-new-copy,
  .hero-new-aside,
  .hero-new-footer {
    width: min(100%, 270px) !important;
    max-width: 270px !important;
  }
  .hero-new h1 {
    font-size: clamp(1.86rem, 8.9vw, 2.36rem) !important;
  }
  .hero-new-logo-card img {
    max-width: 204px !important;
  }
}

/* ============================================
   RESTORE PALMAR SPLIT HERO - approved version
   ============================================ */
.hero {
  position: relative !important;
  min-height: 100vh !important;
  display: flex !important;
  align-items: center !important;
  background: #f5efe4 !important;
  overflow: hidden !important;
  isolation: isolate !important;
}
.hero-bg,
.hero-bg-fallback {
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(105deg, rgba(255,253,248,.96) 0%, rgba(246,240,229,.96) 56%, rgba(25,24,23,.98) 56.2%, rgba(15,15,14,.98) 100%),
    radial-gradient(circle at 18% 26%, rgba(184,148,93,.22) 0%, transparent 30%),
    radial-gradient(circle at 74% 40%, rgba(184,148,93,.2) 0%, transparent 36%) !important;
  background-size: auto !important;
}
.hero::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background:
    linear-gradient(90deg, rgba(25,24,23,.035) 1px, transparent 1px),
    linear-gradient(rgba(25,24,23,.035) 1px, transparent 1px) !important;
  background-size: 120px 120px !important;
  opacity: .45 !important;
  pointer-events: none !important;
}
.hero::after {
  content: '' !important;
  position: absolute !important;
  z-index: 1 !important;
  inset: auto -8% -22% 42% !important;
  height: 48% !important;
  background: radial-gradient(circle, rgba(184,148,93,.2), transparent 65%) !important;
  opacity: .55 !important;
  pointer-events: none !important;
}
.hero-grain {
  position: absolute !important;
  inset: 0 !important;
  opacity: .045 !important;
}
.hero .container {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  min-height: auto !important;
  display: block !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.hero-layout {
  display: flex !important;
  justify-content: stretch !important;
  align-items: center !important;
  width: 100% !important;
}
.palmar-hero-content {
  all: revert !important;
  max-width: none !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, .94fr) minmax(360px, .72fr) !important;
  gap: clamp(2.5rem, 6vw, 6rem) !important;
  align-items: center !important;
  text-align: left !important;
}
.hero-copy-panel {
  all: revert !important;
  position: relative !important;
  z-index: 2 !important;
  max-width: 690px !important;
  padding: clamp(1.5rem, 3.8vw, 3.25rem) clamp(1.4rem, 3.6vw, 3rem) !important;
  background: rgba(255,253,248,.66) !important;
  border: 1px solid rgba(184,148,93,.28) !important;
  box-shadow: 0 22px 65px rgba(25,24,23,.08) !important;
  backdrop-filter: blur(8px) !important;
}
.hero-copy-panel::before { display: none !important; }
.hero-kicker {
  all: revert !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: .85rem !important;
  margin-bottom: 1.15rem !important;
  color: var(--dark-gold) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: .58rem !important;
  font-weight: 700 !important;
  letter-spacing: 2.9px !important;
  text-transform: uppercase !important;
}
.hero-kicker::before {
  content: '' !important;
  width: 42px !important;
  height: 1px !important;
  background: currentColor !important;
}
.hero-copy-panel h1 {
  color: var(--dark) !important;
  font-size: clamp(2.25rem, 4.55vw, 4.45rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 1.2rem !important;
  font-family: 'Playfair Display', 'Georgia', serif !important;
  font-weight: 700 !important;
}
.hero-copy-panel h1 em {
  display: inline-block !important;
  color: var(--dark-gold) !important;
  margin-top: .18em !important;
  font-style: italic !important;
}
.hero-copy-panel .hero-sub {
  max-width: 720px !important;
  margin: 0 0 1.8rem !important;
  color: rgba(25,24,23,.7) !important;
  font-size: .94rem !important;
  line-height: 1.72 !important;
}
.hero-copy-panel .hero-actions,
.hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 1rem !important;
  margin: 0 !important;
}
.hero-brand-panel {
  all: revert !important;
  position: relative !important;
  z-index: 2 !important;
  justify-self: end !important;
  width: min(100%, 510px) !important;
  min-height: 480px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: clamp(1.5rem, 3vw, 2.5rem) !important;
  border: 1px solid rgba(184,148,93,.38) !important;
  background:
    radial-gradient(circle at 50% 30%, rgba(184,148,93,.17), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.028)) !important;
  box-shadow: 0 32px 90px rgba(0,0,0,.22) !important;
  overflow: hidden !important;
}
.hero-brand-panel::before {
  content: '' !important;
  position: absolute !important;
  inset: 1.1rem !important;
  border: 1px solid rgba(184,148,93,.22) !important;
  pointer-events: none !important;
}
.hero-brand-panel::after { content: none !important; }
.hero-brand-logo,
.hero-brand-mark,
.hero-brand-word { display: none !important; }
.hero-brand-panel > img,
.hero-brand-panel img {
  display: block !important;
  position: relative !important;
  z-index: 1 !important;
  width: min(82%, 360px) !important;
  margin: 0 auto !important;
  opacity: .98 !important;
  filter: brightness(1.18) contrast(1.14) drop-shadow(0 24px 44px rgba(0,0,0,.38)) !important;
}
.hero-sector-strip {
  all: revert !important;
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  margin-top: 1.65rem !important;
  border-top: 1px solid rgba(184,148,93,.22) !important;
  border-bottom: 1px solid rgba(184,148,93,.22) !important;
}
.hero-sector-strip span {
  display: block !important;
  padding: .8rem .55rem !important;
  text-align: center !important;
  color: rgba(255,253,248,.68) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: .58rem !important;
  font-weight: 700 !important;
  letter-spacing: 1.7px !important;
  text-transform: uppercase !important;
}
.hero-sector-strip span:not(:last-child) { border-right: 1px solid rgba(184,148,93,.18) !important; }
.hero-new,
.hero-new-copy,
.hero-new-aside,
.hero-new-footer { display: none !important; }
@media (max-width: 1024px) {
  .hero { min-height: auto !important; }
  .hero .container { padding-top: 4.8rem !important; padding-bottom: 4.8rem !important; }
  .palmar-hero-content { grid-template-columns: 1fr !important; text-align: left !important; }
  .hero-copy-panel { max-width: none !important; }
  .hero-brand-panel { justify-self: stretch !important; width: 100% !important; min-height: 340px !important; }
}
@media (max-width: 768px) {
  .hero-bg,
  .hero-bg-fallback {
    background:
      linear-gradient(180deg, rgba(255,253,248,.98) 0%, rgba(246,240,229,.96) 58%, rgba(25,24,23,.98) 58.2%, rgba(15,15,14,.98) 100%) !important;
  }
  .hero .container { padding-top: 2rem !important; padding-bottom: 2rem !important; }
  .hero-copy-panel { padding: 1.4rem 1.2rem !important; }
  .hero-copy-panel h1 { font-size: clamp(2rem, 9vw, 2.75rem) !important; }
  .hero-brand-panel { min-height: 300px !important; padding: 1.2rem !important; }
  .hero-sector-strip { grid-template-columns: repeat(2, 1fr) !important; }
  .hero-sector-strip span:nth-child(2) { border-right: 0 !important; }
  .hero-sector-strip span:nth-child(-n+2) { border-bottom: 1px solid rgba(184,148,93,.18) !important; }
}

/* RESTORE PALMAR SPLIT HERO - scale match to reference */
@media (min-width: 1025px) {
  .hero .container {
    max-width: none !important;
    padding-left: clamp(1.5rem, 2.4vw, 3rem) !important;
    padding-right: clamp(1.5rem, 2.4vw, 3rem) !important;
  }
  .palmar-hero-content {
    grid-template-columns: minmax(680px, .95fr) minmax(520px, .72fr) !important;
    gap: clamp(3rem, 6.2vw, 7rem) !important;
  }
  .hero-copy-panel {
    max-width: none !important;
    min-height: clamp(610px, 59vh, 720px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: clamp(3rem, 4.6vw, 5.2rem) clamp(3rem, 4.2vw, 5rem) !important;
  }
  .hero-copy-panel h1 {
    font-size: clamp(4.4rem, 5.45vw, 6.1rem) !important;
    line-height: 1.02 !important;
  }
  .hero-copy-panel h1 em {
    font-size: .9em !important;
  }
  .hero-copy-panel .hero-sub {
    max-width: 760px !important;
    font-size: 1.12rem !important;
  }
  .hero-brand-panel {
    width: 100% !important;
    min-height: clamp(610px, 57vh, 700px) !important;
    padding: clamp(2rem, 3vw, 3rem) !important;
  }
  .hero-brand-panel > img,
  .hero-brand-panel img {
    width: min(86%, 470px) !important;
  }
  .hero-sector-strip {
    margin-top: 2rem !important;
  }
}

/* RESTORE PALMAR SPLIT HERO - reduce oversized pass */
@media (min-width: 1025px) {
  .hero .container {
    max-width: 1320px !important;
    padding-left: clamp(1.5rem, 4vw, 3rem) !important;
    padding-right: clamp(1.5rem, 4vw, 3rem) !important;
  }
  .palmar-hero-content {
    grid-template-columns: minmax(0, .94fr) minmax(360px, .72fr) !important;
    gap: clamp(2.5rem, 6vw, 6rem) !important;
  }
  .hero-copy-panel {
    max-width: 690px !important;
    min-height: auto !important;
    display: block !important;
    padding: clamp(1.5rem, 3.8vw, 3.25rem) clamp(1.4rem, 3.6vw, 3rem) !important;
  }
  .hero-copy-panel h1 {
    font-size: clamp(2.45rem, 4.35vw, 4.15rem) !important;
    line-height: 1.05 !important;
  }
  .hero-copy-panel h1 em {
    font-size: 1em !important;
  }
  .hero-copy-panel .hero-sub {
    max-width: 720px !important;
    font-size: .94rem !important;
  }
  .hero-brand-panel {
    width: min(100%, 510px) !important;
    min-height: 480px !important;
    padding: clamp(1.5rem, 3vw, 2.5rem) !important;
  }
  .hero-brand-panel > img,
  .hero-brand-panel img {
    width: min(82%, 360px) !important;
  }
}

/* CONTACT ALIGNMENT POLISH */
@media (min-width: 1025px) {
  .contact-grid {
    align-items: center !important;
  }
  .contact-info {
    transform: translateY(2.4rem);
  }
}
@media (max-width: 1024px) {
  .contact-info {
    transform: none;
  }
}

/* CONTACT ALIGNMENT FINAL */
@media (min-width: 1025px) {
  .contact-grid {
    align-items: center !important;
  }
  .contact-info {
    transform: translateY(5.75rem) !important;
  }
}
@media (max-width: 1024px) {
  .contact-info {
    transform: none !important;
  }
}

/* CONTACT ALIGNMENT TRUE CENTER */
@media (min-width: 1025px) {
  .contact-grid {
    align-items: center !important;
  }
  .contact-info {
    transform: none !important;
    align-self: center !important;
  }
}

/* HERO BRAND LOGO SIZE */
@media (min-width: 1025px) {
  .hero-brand-panel > img,
  .hero-brand-panel img {
    width: min(92%, 470px) !important;
  }
}
@media (max-width: 1024px) {
  .hero-brand-panel > img,
  .hero-brand-panel img {
    width: min(88%, 420px) !important;
  }
}

/* PALMAR FILMS: poster previews and tight media wrap */
#films .films-track {
  background: transparent !important;
  gap: 0 !important;
}
#films .film-card {
  background: var(--p2-near-black) !important;
  overflow: hidden !important;
}
#films .film-thumb {
  aspect-ratio: 16 / 9 !important;
  max-height: none !important;
  background: #000 !important;
  line-height: 0 !important;
}
#films .film-thumb img,
#films .film-thumb video {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  background: #000 !important;
}
#films .film-info {
  background: var(--p2-near-black) !important;
}
#film-modal .modal-video,
#film-modal .modal-video video {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  background: #000 !important;
}

/* ============================================
   PALMAR SITE-WIDE PALETTE + EDITORIAL STYLE
   Inspired by pale blue / navy / antique gold direction
   ============================================ */
:root {
  --palmar-paper: #f3f6fc;
  --palmar-paper-2: #eef3fb;
  --palmar-panel: #f8faff;
  --palmar-navy: #0c1d36;
  --palmar-navy-soft: #162a47;
  --palmar-blue-gray: #5c6f89;
  --palmar-blue-gray-2: #7b8ba0;
  --palmar-gold: #a47b32;
  --palmar-gold-soft: #c4a66d;
  --palmar-line: rgba(12,29,54,.12);
  --palmar-gold-line: rgba(164,123,50,.22);
  --serif: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --sans: 'Manrope', 'Inter', Arial, sans-serif;
}
html,
body {
  background: var(--palmar-paper) !important;
  color: var(--palmar-navy) !important;
  font-family: var(--sans) !important;
}
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 82% 4%, rgba(164,123,50,.1), transparent 28%),
    radial-gradient(circle at 12% 30%, rgba(92,111,137,.09), transparent 30%),
    linear-gradient(90deg, rgba(12,29,54,.045) 1px, transparent 1px),
    linear-gradient(rgba(12,29,54,.035) 1px, transparent 1px);
  background-size: auto, auto, 118px 118px, 118px 118px;
}
h1, h2, h3, h4, h5,
.hero-copy-panel h1,
.section-head h2,
.quote-text,
#films h2,
.contact-info h2,
.founder-card h1,
.founder-section h2 {
  font-family: var(--serif) !important;
  color: var(--palmar-navy) !important;
  letter-spacing: -.035em;
}
p, .body, .hero-sub, .sector-card p, .film-desc,
.contact-info > p, .founder-card .intro, .founder-section p {
  color: var(--palmar-blue-gray) !important;
  font-family: var(--sans) !important;
  font-weight: 400;
}
.label,
.hero-kicker,
.sec-label,
.quote-role,
.founder-label,
.form-group label,
.sector-card-opps,
.film-dur {
  color: var(--palmar-gold) !important;
  font-family: var(--sans) !important;
  font-weight: 800 !important;
  letter-spacing: .28em !important;
}
.label::before,
.hero-kicker::before,
#films .sec-label::before,
.founder-label::before {
  background: var(--palmar-gold) !important;
}
.btn,
.form-submit,
.newsletter-form button {
  font-family: var(--sans) !important;
  letter-spacing: .22em !important;
  border-radius: 0 !important;
}
.btn-gold,
.form-submit,
.newsletter-form button {
  background: var(--palmar-gold) !important;
  color: #fff !important;
  border-color: var(--palmar-gold) !important;
  box-shadow: 0 18px 42px rgba(12,29,54,.1) !important;
}
.btn-gold:hover,
.form-submit:hover,
.newsletter-form button:hover {
  background: var(--palmar-navy) !important;
  color: #fff !important;
  border-color: var(--palmar-navy) !important;
}
.btn-outline-gold {
  color: var(--palmar-navy) !important;
  border-color: var(--palmar-gold-line) !important;
  background: rgba(248,250,255,.62) !important;
}
.btn-outline-gold:hover {
  background: var(--palmar-navy) !important;
  color: #fff !important;
  border-color: var(--palmar-navy) !important;
}

/* Hero */
.hero {
  background: var(--palmar-paper) !important;
}
.hero-bg,
.hero-bg-fallback {
  background:
    linear-gradient(105deg, rgba(243,246,252,.98) 0%, rgba(248,250,255,.96) 56%, rgba(12,29,54,.98) 56.2%, rgba(7,18,35,.98) 100%),
    radial-gradient(circle at 18% 25%, rgba(164,123,50,.14) 0%, transparent 30%),
    radial-gradient(circle at 78% 36%, rgba(164,123,50,.18) 0%, transparent 36%) !important;
}
.hero::before {
  background:
    linear-gradient(90deg, rgba(12,29,54,.045) 1px, transparent 1px),
    linear-gradient(rgba(12,29,54,.035) 1px, transparent 1px) !important;
  background-size: 120px 120px !important;
}
.hero::after {
  background: radial-gradient(circle, rgba(164,123,50,.16), transparent 65%) !important;
}
.hero-copy-panel {
  background: rgba(248,250,255,.78) !important;
  border-color: var(--palmar-gold-line) !important;
  box-shadow: 0 26px 80px rgba(12,29,54,.08) !important;
}
.hero-copy-panel h1 {
  font-weight: 600 !important;
  line-height: .98 !important;
}
.hero-copy-panel h1 em {
  color: var(--palmar-gold) !important;
}
.hero-copy-panel .hero-sub {
  color: var(--palmar-blue-gray) !important;
}
.hero-brand-panel {
  border-color: rgba(164,123,50,.32) !important;
  background:
    radial-gradient(circle at 50% 30%, rgba(164,123,50,.16), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.022)) !important;
  box-shadow: 0 34px 90px rgba(12,29,54,.22) !important;
}
.hero-brand-panel::before,
.hero-sector-strip,
.hero-sector-strip span:not(:last-child) {
  border-color: rgba(164,123,50,.22) !important;
}
.hero-sector-strip span {
  color: rgba(243,246,252,.75) !important;
}

/* Sections */
.sectors,
.contact,
#quote,
#films,
.footer,
.founder-section {
  background: var(--palmar-paper) !important;
}
.section-head p {
  color: var(--palmar-blue-gray) !important;
}
.sector-card,
.contact-form,
.founder-card,
.founder-portrait,
.founder-section .container,
.film-card,
#films .film-card {
  background: rgba(248,250,255,.78) !important;
  border-color: var(--palmar-line) !important;
  box-shadow: 0 22px 70px rgba(12,29,54,.055) !important;
}
.sector-card {
  border: 1px solid var(--palmar-line) !important;
}
.sector-card:hover {
  background: #fff !important;
  border-color: var(--palmar-gold-line) !important;
}
.sector-card h3,
.sector-card p strong {
  color: var(--palmar-navy) !important;
  font-family: var(--sans) !important;
}
.sector-card-icon,
.sector-card-arrow {
  color: var(--palmar-gold) !important;
}

/* Quote */
#quote {
  position: relative;
  overflow: hidden;
  min-height: 72vh;
  display: flex;
  align-items: center;
}
#quote::before,
#quote::after {
  content: '';
  position: absolute;
  width: 48vw;
  aspect-ratio: 1;
  right: -8vw;
  top: -12vw;
  border: 1px solid rgba(164,123,50,.13);
  border-radius: 50%;
  pointer-events: none;
}
#quote::after {
  width: 34vw;
  right: 6vw;
  top: -5vw;
}
.quote-mark,
.quote-ring {
  display: none !important;
}
.quote-text {
  color: var(--palmar-navy) !important;
  font-size: clamp(2.3rem, 5vw, 5.6rem) !important;
  line-height: 1.18 !important;
  font-style: italic;
  font-weight: 500 !important;
  text-align: right;
  max-width: 1120px;
  margin-left: auto !important;
}
.quote-rule {
  background: var(--palmar-gold) !important;
  margin-left: auto !important;
}
.quote-name {
  color: var(--palmar-navy) !important;
}
.quote-role a {
  color: var(--palmar-gold) !important;
}

/* Films */
#films {
  color: var(--palmar-navy) !important;
}
#films .films-layout {
  align-items: start;
}
#films h2 {
  color: var(--palmar-navy) !important;
  font-size: clamp(4rem, 8vw, 8rem) !important;
  line-height: .86 !important;
  font-weight: 500 !important;
}
#films h2 em {
  color: var(--palmar-gold) !important;
  font-style: italic;
}
#films .body {
  color: var(--palmar-blue-gray) !important;
  font-size: clamp(1.05rem, 1.6vw, 1.55rem) !important;
  line-height: 1.85 !important;
}
#films .films-track {
  background: transparent !important;
}
#films .film-card {
  border: 1px solid var(--palmar-line) !important;
}
#films .film-info {
  background: rgba(248,250,255,.92) !important;
}
#films .film-title {
  color: var(--palmar-navy) !important;
  font-family: var(--serif) !important;
  font-size: 1.5rem !important;
}
#films .film-desc {
  color: var(--palmar-blue-gray) !important;
}
#films .films-btn {
  border-color: var(--palmar-line) !important;
  color: var(--palmar-navy) !important;
}
#films .films-btn:hover {
  border-color: var(--palmar-gold) !important;
  color: var(--palmar-gold) !important;
}

/* Contact */
.contact-form input,
.contact-form select,
.contact-form textarea,
.newsletter-form input,
.form-group input,
.form-group select,
.form-group textarea {
  background: rgba(248,250,255,.86) !important;
  border-color: var(--palmar-line) !important;
  color: var(--palmar-navy) !important;
  font-family: var(--sans) !important;
}
.contact-form input::placeholder,
.contact-form textarea::placeholder,
.newsletter-form input::placeholder {
  color: rgba(92,111,137,.72) !important;
}
.contact-info h2 {
  font-size: clamp(3rem, 5.5vw, 6rem) !important;
  font-weight: 600 !important;
}

/* Footer */
.footer {
  background: var(--palmar-navy) !important;
  color: rgba(243,246,252,.76) !important;
}
.footer h4,
.footer a:hover {
  color: #fff !important;
}
.footer p,
.footer li,
.footer span,
.footer a {
  color: rgba(243,246,252,.68) !important;
}
.footer-bottom {
  border-color: rgba(243,246,252,.12) !important;
}

/* Founder page */
.founder-page {
  background: linear-gradient(110deg, var(--palmar-paper) 0%, var(--palmar-paper-2) 56%, var(--palmar-navy) 56.2%, #071223 100%) !important;
}
.founder-nav a:last-child,
.founder-facts strong {
  color: var(--palmar-gold) !important;
}
.founder-card,
.founder-facts div {
  background: rgba(248,250,255,.84) !important;
  border-color: var(--palmar-gold-line) !important;
}
.founder-card h1 em {
  color: var(--palmar-gold) !important;
}
.founder-quote blockquote {
  color: var(--palmar-navy) !important;
  font-family: var(--serif) !important;
  font-style: italic !important;
}
@media (max-width: 1024px) {
  .hero-bg,
  .hero-bg-fallback,
  .founder-page {
    background: linear-gradient(180deg, var(--palmar-paper) 0%, var(--palmar-paper-2) 58%, var(--palmar-navy) 58.2%, #071223 100%) !important;
  }
  #films h2 { font-size: clamp(3.1rem, 12vw, 5.5rem) !important; }
  .quote-text { text-align: left; }
}




/* RESTORED FROM ORIGINAL index-2.html: quote + PALMAR Films */
#quote,
#films {
  --palmar-original-bg: #F3F6FB;
  --palmar-original-card: #FFFFFF;
  --palmar-original-panel: #EEF3FA;
  --palmar-original-border: #D6DFEB;
  --palmar-original-text: #10233F;
  --palmar-original-muted: #5A6D86;
  --palmar-original-gold: #9E7A3B;
  --palmar-original-gold-dim: #B69053;
  --palmar-original-serif: 'EB Garamond', Georgia, serif;
  --palmar-original-sans: 'Inter', system-ui, sans-serif;
}

#quote .container,
#films .container {
  width: min(1200px, calc(100% - 64px)) !important;
  margin: 0 auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#quote {
  background: var(--palmar-original-bg) !important;
  padding: 100px 0 !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
}

#quote .container {
  position: relative !important;
}

#quote .quote-ring {
  position: absolute !important;
  width: 600px !important;
  height: 600px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(192,154,91,.06) !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%,-50%) !important;
  pointer-events: none !important;
}

#quote .quote-ring:nth-child(2) {
  width: 800px !important;
  height: 800px !important;
}

#quote .quote-mark {
  font-family: var(--palmar-original-serif) !important;
  font-size: 160px !important;
  line-height: .5 !important;
  color: var(--palmar-original-gold) !important;
  opacity: .12 !important;
  margin-bottom: 12px !important;
  display: block !important;
  position: relative !important;
  z-index: 2 !important;
}

#quote .quote-text {
  font-family: var(--palmar-original-serif) !important;
  font-size: clamp(18px,2.2vw,28px) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  color: var(--palmar-original-text) !important;
  max-width: 1100px !important;
  margin: 0 auto 44px !important;
  position: relative !important;
  z-index: 2 !important;
  text-align: center !important;
  letter-spacing: 0 !important;
}

#quote .quote-rule {
  width: 44px !important;
  height: 1px !important;
  background: var(--palmar-original-gold-dim) !important;
  margin: 0 auto 24px !important;
}

#quote .quote-name {
  font-family: var(--palmar-original-sans) !important;
  font-size: 12px !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  color: var(--palmar-original-gold) !important;
  margin: 0 0 5px !important;
  font-weight: 700 !important;
}

#quote .quote-role,
#quote .quote-role a {
  font-family: var(--palmar-original-sans) !important;
  font-size: 11px !important;
  letter-spacing: .1em !important;
  color: var(--palmar-original-muted) !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  text-decoration: none !important;
}

#films {
  background: var(--palmar-original-bg) !important;
  color: var(--palmar-original-text) !important;
  padding-top: 80px !important;
  padding-bottom: 90px !important;
  position: relative !important;
  overflow: hidden !important;
}

#films .films-layout {
  display: grid !important;
  grid-template-columns: minmax(320px,.46fr) minmax(0,.54fr) !important;
  gap: 42px !important;
  align-items: start !important;
}

#films .films-header {
  margin-bottom: 0 !important;
  position: sticky !important;
  top: 96px !important;
  padding-top: 0 !important;
}

#films .sec-label {
  font-family: var(--palmar-original-sans) !important;
  font-size: 10px !important;
  letter-spacing: .25em !important;
  text-transform: uppercase !important;
  color: var(--palmar-original-gold) !important;
  margin: 0 0 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  font-weight: 700 !important;
}

#films .sec-label::before {
  content: '' !important;
  width: 28px !important;
  height: 1px !important;
  background: var(--palmar-original-gold) !important;
  flex: 0 0 auto !important;
}

#films h2 {
  font-family: var(--palmar-original-serif) !important;
  font-size: clamp(36px,4.5vw,62px) !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
  color: var(--palmar-original-text) !important;
  letter-spacing: 0 !important;
  margin: 0 0 16px !important;
  max-width: none !important;
}

#films h2 em {
  font-style: italic !important;
  color: var(--palmar-original-gold) !important;
  display: block !important;
  font-weight: 400 !important;
}

#films .body {
  font-family: var(--palmar-original-sans) !important;
  font-size: 15px !important;
  line-height: 1.9 !important;
  color: var(--palmar-original-muted) !important;
  max-width: 520px !important;
  margin: 0 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

#films .films-carousel {
  position: relative !important;
  width: 100% !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#films .films-track {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1px !important;
  background: var(--palmar-original-border) !important;
  max-width: none !important;
  transition: none !important;
}

#films .film-card {
  background: var(--palmar-original-card) !important;
  cursor: pointer !important;
  position: relative !important;
  overflow: hidden !important;
  transition: background .3s !important;
  border: 0 !important;
  box-shadow: none !important;
}

#films .film-card:hover {
  background: var(--palmar-original-panel) !important;
}

#films .film-thumb {
  aspect-ratio: 16/9 !important;
  overflow: hidden !important;
  position: relative !important;
  max-height: 340px !important;
  background: #000 !important;
  line-height: 0 !important;
}

#films .film-thumb img,
#films .film-thumb video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  filter: grayscale(30%) !important;
  transition: filter .4s,transform .4s !important;
}

#films .film-card:hover .film-thumb img,
#films .film-card:hover .film-thumb video {
  filter: grayscale(0%) !important;
  transform: scale(1.03) !important;
}

#films .film-play {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#films .film-play-btn {
  width: 52px !important;
  height: 52px !important;
  border: 1px solid rgba(16,35,63,.45) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255,255,255,.8) !important;
  backdrop-filter: blur(4px) !important;
  box-shadow: none !important;
  transition: background .3s,border-color .3s !important;
}

#films .film-card:hover .film-play-btn {
  background: rgba(255,255,255,.95) !important;
  border-color: var(--palmar-original-gold) !important;
}

#films .film-play-icon {
  width: 0 !important;
  height: 0 !important;
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 16px solid rgba(16,35,63,.9) !important;
  margin-left: 4px !important;
}

#films .film-card:hover .film-play-icon {
  border-left-color: #8F6E35 !important;
}

#films .film-info {
  padding: 22px 24px !important;
  background: var(--palmar-original-card) !important;
}

#films .film-dur {
  font-family: var(--palmar-original-sans) !important;
  font-size: 10px !important;
  letter-spacing: .15em !important;
  color: var(--palmar-original-gold-dim) !important;
  margin-bottom: 6px !important;
}

#films .film-title {
  font-family: var(--palmar-original-serif) !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  color: var(--palmar-original-text) !important;
  margin: 0 0 8px !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
}

#films .film-desc {
  font-family: var(--palmar-original-sans) !important;
  font-size: 12px !important;
  line-height: 1.7 !important;
  color: var(--palmar-original-muted) !important;
  margin: 0 !important;
  font-weight: 400 !important;
}

#films .films-nav {
  display: flex !important;
  gap: 12px !important;
  margin-top: 24px !important;
  justify-content: flex-start !important;
}

#films .films-btn {
  width: 44px !important;
  height: 44px !important;
  border: 1px solid var(--palmar-original-border) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: none !important;
  cursor: pointer !important;
  color: var(--palmar-original-muted) !important;
  font-size: 18px !important;
  transition: all .25s !important;
  font-family: var(--palmar-original-sans) !important;
}

#films .films-btn:hover {
  border-color: var(--palmar-original-gold) !important;
  color: var(--palmar-original-gold) !important;
}

@media(max-width:1080px){
  #films .films-layout { grid-template-columns: 1fr !important; gap: 26px !important; }
  #films .films-header { position: static !important; }
}

@media(max-width:640px){
  #quote { padding: 76px 0 !important; }
  #quote .quote-mark { font-size: 120px !important; }
  #quote .container,
  #films .container { width: min(1200px, calc(100% - 40px)) !important; }
}

/* HERO REDESIGN 2026 - editorial institutional direction */
.hero.hero-redesign {
  min-height: 100svh !important;
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: #f3f6fb !important;
  color: #0c1d36 !important;
}

.hero.hero-redesign::before,
.hero.hero-redesign::after,
.hero.hero-redesign .hero-bg,
.hero.hero-redesign .hero-bg-fallback,
.hero.hero-redesign .hero-grain {
  display: none !important;
}

.hero-redesign-bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background:
    radial-gradient(circle at 18% 22%, rgba(255,255,255,.86) 0 16%, transparent 38%),
    radial-gradient(circle at 76% 18%, rgba(182,144,83,.12) 0 1px, transparent 2px),
    linear-gradient(90deg, rgba(12,29,54,.045) 1px, transparent 1px),
    linear-gradient(180deg, rgba(12,29,54,.04) 1px, transparent 1px),
    #f3f6fb !important;
  background-size: auto, 44px 44px, 132px 132px, 132px 132px, auto !important;
}

.hero-redesign-bg::before,
.hero-redesign-bg::after {
  content: '' !important;
  position: absolute !important;
  border: 1px solid rgba(158,122,59,.14) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
}

.hero-redesign-bg::before {
  width: 760px !important;
  height: 760px !important;
  right: -190px !important;
  top: -260px !important;
}

.hero-redesign-bg::after {
  width: 520px !important;
  height: 520px !important;
  left: -180px !important;
  bottom: -220px !important;
}

.hero-redesign-shell {
  width: min(1480px, calc(100% - 72px)) !important;
  min-height: 100svh !important;
  margin: 0 auto !important;
  padding: 38px 0 54px !important;
  display: flex !important;
  flex-direction: column !important;
}

.hero-redesign-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 32px !important;
  margin-bottom: clamp(42px, 7vh, 86px) !important;
}

.hero-redesign-brand {
  width: 188px !important;
  height: 68px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #0c1d36 !important;
  border: 1px solid rgba(158,122,59,.3) !important;
  box-shadow: 0 18px 48px rgba(12,29,54,.12) !important;
}

.hero-redesign-brand img {
  width: 132px !important;
  height: auto !important;
  display: block !important;
}

.hero-redesign-links {
  display: flex !important;
  align-items: center !important;
  gap: clamp(24px, 3vw, 52px) !important;
}

.hero-redesign-links a {
  color: rgba(12,29,54,.68) !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .28em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.hero-redesign-links a:hover { color: #9e7a3b !important; }

.hero-redesign-grid {
  flex: 1 !important;
  display: grid !important;
  grid-template-columns: 92px minmax(0, 1.08fr) minmax(360px, .72fr) !important;
  gap: clamp(34px, 4.6vw, 78px) !important;
  align-items: center !important;
}

.hero-redesign-side {
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  border-left: 1px solid rgba(158,122,59,.28) !important;
  padding: 22px 0 22px 24px !important;
  min-height: 520px !important;
}

.hero-redesign-side span,
.hero-redesign-side strong {
  writing-mode: vertical-rl !important;
  transform: rotate(180deg) !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: .28em !important;
  line-height: 1 !important;
}

.hero-redesign-side span {
  color: #9e7a3b !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.hero-redesign-side strong {
  color: rgba(12,29,54,.42) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}

.hero-redesign-main {
  max-width: 780px !important;
  padding: clamp(28px, 4vw, 54px) 0 !important;
}

.hero-redesign-kicker {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  margin: 0 0 28px !important;
  color: #9e7a3b !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .36em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.hero-redesign-kicker::before {
  content: '' !important;
  width: 54px !important;
  height: 1px !important;
  background: #9e7a3b !important;
  flex: 0 0 auto !important;
}

.hero-redesign-main h1 {
  margin: 0 !important;
  color: #0c1d36 !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: clamp(4.7rem, 8.8vw, 9.2rem) !important;
  font-weight: 500 !important;
  letter-spacing: -.075em !important;
  line-height: .83 !important;
  max-width: 820px !important;
}

.hero-redesign-sub {
  max-width: 690px !important;
  margin: 34px 0 0 !important;
  color: #5a6d86 !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: clamp(1rem, 1.05vw, 1.15rem) !important;
  font-weight: 400 !important;
  line-height: 1.9 !important;
  letter-spacing: -.01em !important;
}

.hero-redesign-actions {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  margin-top: 42px !important;
}

.hero-redesign-actions .btn {
  min-height: 58px !important;
  padding: 0 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.hero-redesign-actions .btn-gold {
  background: #9e7a3b !important;
  border: 1px solid #9e7a3b !important;
  color: #fff !important;
  box-shadow: 0 18px 42px rgba(158,122,59,.2) !important;
}

.hero-redesign-actions .btn-outline-gold {
  background: rgba(255,255,255,.34) !important;
  border: 1px solid rgba(158,122,59,.38) !important;
  color: #9e7a3b !important;
}

.hero-redesign-card {
  position: relative !important;
  align-self: stretch !important;
  min-height: 600px !important;
  display: flex !important;
  align-items: center !important;
  padding: 28px !important;
  background: linear-gradient(145deg, #0c1d36 0%, #122843 56%, #081425 100%) !important;
  border: 1px solid rgba(158,122,59,.38) !important;
  box-shadow: 0 36px 90px rgba(12,29,54,.22) !important;
}

.hero-redesign-card::before {
  content: '' !important;
  position: absolute !important;
  inset: 22px !important;
  border: 1px solid rgba(182,144,83,.28) !important;
  pointer-events: none !important;
}

.hero-redesign-card::after {
  content: '' !important;
  position: absolute !important;
  inset: auto 0 0 0 !important;
  height: 38% !important;
  background: linear-gradient(180deg, transparent, rgba(158,122,59,.1)) !important;
  pointer-events: none !important;
}

.hero-redesign-card-inner {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  text-align: center !important;
}

.hero-redesign-card img {
  width: min(330px, 72%) !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto 64px !important;
}

.hero-redesign-card-label {
  margin: 0 0 20px !important;
  color: rgba(255,255,255,.54) !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .34em !important;
  text-transform: uppercase !important;
}

.hero-redesign-sectors {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  border-top: 1px solid rgba(182,144,83,.28) !important;
  border-left: 1px solid rgba(182,144,83,.28) !important;
}

.hero-redesign-sectors span {
  min-height: 64px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-right: 1px solid rgba(182,144,83,.28) !important;
  border-bottom: 1px solid rgba(182,144,83,.28) !important;
  color: rgba(255,255,255,.74) !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .26em !important;
  text-transform: uppercase !important;
}

.hero-redesign-note {
  max-width: 390px !important;
  margin: 28px auto 0 !important;
  color: rgba(255,255,255,.58) !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: .92rem !important;
  line-height: 1.75 !important;
}

@media (max-width: 1180px) {
  .hero-redesign-grid {
    grid-template-columns: 1fr !important;
    gap: 34px !important;
  }
  .hero-redesign-side { display: none !important; }
  .hero-redesign-main { max-width: 920px !important; padding: 0 !important; }
  .hero-redesign-card { min-height: 420px !important; }
  .hero-redesign-card img { width: min(300px, 64%) !important; margin-bottom: 44px !important; }
}

@media (max-width: 760px) {
  .hero-redesign-shell {
    width: min(100% - 36px, 1480px) !important;
    padding: 24px 0 38px !important;
  }
  .hero-redesign-top {
    align-items: flex-start !important;
    margin-bottom: 48px !important;
  }
  .hero-redesign-brand {
    width: 150px !important;
    height: 58px !important;
  }
  .hero-redesign-brand img { width: 108px !important; }
  .hero-redesign-links {
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 13px !important;
  }
  .hero-redesign-links a { font-size: 9px !important; letter-spacing: .22em !important; }
  .hero-redesign-main h1 {
    font-size: clamp(3.4rem, 17vw, 5.1rem) !important;
    line-height: .86 !important;
  }
  .hero-redesign-sub { font-size: .96rem !important; line-height: 1.82 !important; }
  .hero-redesign-actions { flex-direction: column !important; align-items: stretch !important; }
  .hero-redesign-actions .btn { width: 100% !important; padding: 0 22px !important; }
  .hero-redesign-card { min-height: 360px !important; padding: 20px !important; }
  .hero-redesign-card::before { inset: 14px !important; }
  .hero-redesign-card img { width: min(230px, 78%) !important; margin-bottom: 34px !important; }
  .hero-redesign-sectors { grid-template-columns: 1fr !important; }
  .hero-redesign-sectors span { min-height: 48px !important; }
}

/* HERO REDESIGN MOBILE POLISH */
@media (max-width: 760px) {
  .hero-redesign-top {
    justify-content: center !important;
    margin-bottom: 38px !important;
  }
  .hero-redesign-links {
    display: none !important;
  }
  .hero-redesign-main {
    width: 100% !important;
    overflow: hidden !important;
  }
  .hero-redesign-main h1 {
    max-width: 100% !important;
    font-size: clamp(3.05rem, 15vw, 4.05rem) !important;
    letter-spacing: -.065em !important;
    line-height: .9 !important;
    overflow-wrap: normal !important;
  }
  .hero-redesign-kicker {
    gap: 14px !important;
    font-size: 9px !important;
    letter-spacing: .28em !important;
    white-space: normal !important;
  }
  .hero-redesign-kicker::before {
    width: 48px !important;
  }
  .hero-redesign-sub {
    max-width: 100% !important;
  }
}

@media (max-width: 420px) {
  .hero-redesign-main h1 {
    font-size: clamp(2.82rem, 14.2vw, 3.55rem) !important;
  }
  .hero-redesign-kicker {
    letter-spacing: .22em !important;
  }
}

/* HERO REDESIGN OVERFLOW GUARD */
html, body { overflow-x: hidden !important; }
@media (max-width: 760px) {
  .hero.hero-redesign,
  .hero-redesign-shell,
  .hero-redesign-grid,
  .hero-redesign-main,
  .hero-redesign-card {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }
  .hero-redesign-shell {
    width: calc(100vw - 64px) !important;
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .hero-redesign-main h1,
  .hero-redesign-sub,
  .hero-redesign-actions,
  .hero-redesign-card {
    width: 100% !important;
    box-sizing: border-box !important;
  }
}
@media (max-width: 420px) {
  .hero-redesign-shell {
    width: calc(100vw - 40px) !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}

/* HERO REDESIGN MOBILE GRID RESET */
@media (max-width: 760px) {
  .hero-redesign-grid {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .hero-redesign-main {
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
  }
  .hero-redesign-main h1,
  .hero-redesign-sub {
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .hero-redesign-card {
    margin-top: 34px !important;
  }
}

/* HERO REDESIGN SMALL PHONE SAFE MARGINS */
@media (max-width: 420px) {
  .hero-redesign-shell {
    width: calc(100vw - 72px) !important;
    margin-left: 36px !important;
    margin-right: 36px !important;
  }
  .hero-redesign-main h1 {
    font-size: clamp(2.65rem, 13vw, 3.25rem) !important;
    letter-spacing: -.055em !important;
  }
  .hero-redesign-sub {
    font-size: .92rem !important;
    line-height: 1.78 !important;
  }
}

/* HERO ALT THEME - warm institutional cover, completely separate from prior hero */
.hero.hero-alt {
  min-height: 100svh !important;
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: #e8dfcf !important;
  color: #1b1a16 !important;
}

.hero.hero-alt::before,
.hero.hero-alt::after,
.hero.hero-alt .hero-bg,
.hero.hero-alt .hero-bg-fallback,
.hero.hero-alt .hero-grain,
.hero.hero-alt .hero-redesign-bg {
  display: none !important;
}

.hero.hero-alt::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  inset: 26px !important;
  border: 1px solid rgba(27,26,22,.16) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.hero.hero-alt::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  right: -12vw !important;
  top: -18vh !important;
  width: 58vw !important;
  height: 78vh !important;
  background: #26372d !important;
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%) !important;
  opacity: .98 !important;
  z-index: 0 !important;
}

.hero-alt-shell {
  width: min(1500px, calc(100% - 72px)) !important;
  min-height: 100svh !important;
  margin: 0 auto !important;
  padding: 34px 0 34px !important;
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}

.hero-alt-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 78px !important;
  border-bottom: 1px solid rgba(27,26,22,.18) !important;
}

.hero-alt-logo {
  width: 154px !important;
  height: 54px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #1b1a16 !important;
  text-decoration: none !important;
}

.hero-alt-logo img {
  width: 112px !important;
  height: auto !important;
  display: block !important;
}

.hero-alt-links {
  display: flex !important;
  align-items: center !important;
  gap: clamp(22px, 3.2vw, 58px) !important;
}

.hero-alt-links a {
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
  color: rgba(27,26,22,.66) !important;
  text-decoration: none !important;
}

.hero-alt-links a:hover { color: #a77b38 !important; }

.hero-alt-main {
  flex: 1 !important;
  display: grid !important;
  grid-template-columns: 130px minmax(0, 1fr) minmax(290px, 380px) !important;
  gap: clamp(32px, 5vw, 84px) !important;
  align-items: center !important;
  padding: clamp(54px, 8vh, 96px) 0 !important;
}

.hero-alt-index {
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  border-right: 1px solid rgba(27,26,22,.18) !important;
  padding-right: 28px !important;
  min-height: 520px !important;
}

.hero-alt-index span,
.hero-alt-index strong {
  writing-mode: vertical-rl !important;
  transform: rotate(180deg) !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

.hero-alt-index span {
  color: rgba(27,26,22,.46) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .26em !important;
}

.hero-alt-index strong {
  margin-top: 22px !important;
  color: #a77b38 !important;
  font-size: 38px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
}

.hero-alt-copy {
  max-width: 870px !important;
  position: relative !important;
}

.hero-alt-kicker {
  margin: 0 0 22px !important;
  color: #a77b38 !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .28em !important;
  text-transform: uppercase !important;
}

.hero-alt-copy h1 {
  margin: 0 !important;
  color: #1b1a16 !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: clamp(4.5rem, 8.8vw, 9.6rem) !important;
  font-weight: 800 !important;
  letter-spacing: -.085em !important;
  line-height: .82 !important;
  text-transform: uppercase !important;
  max-width: 900px !important;
}

.hero-alt-sub {
  max-width: 720px !important;
  margin: 34px 0 0 !important;
  color: rgba(27,26,22,.72) !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: clamp(1rem, 1.05vw, 1.16rem) !important;
  font-weight: 500 !important;
  line-height: 1.82 !important;
}

.hero-alt-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  margin-top: 46px !important;
  border: 1px solid rgba(27,26,22,.22) !important;
  width: fit-content !important;
  background: rgba(255,255,255,.18) !important;
}

.hero-alt-actions a {
  min-height: 62px !important;
  padding: 0 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #1b1a16 !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.hero-alt-actions a:first-child {
  background: #1b1a16 !important;
  color: #f5efe4 !important;
}

.hero-alt-actions a + a {
  border-left: 1px solid rgba(27,26,22,.22) !important;
}

.hero-alt-sector-board {
  align-self: stretch !important;
  min-height: 520px !important;
  padding: 28px !important;
  background: #f5efe4 !important;
  border: 1px solid rgba(27,26,22,.18) !important;
  box-shadow: 28px 34px 0 rgba(38,55,45,.16) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
}

.hero-alt-sector-board p {
  margin: 0 0 28px !important;
  color: rgba(27,26,22,.42) !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .32em !important;
  text-transform: uppercase !important;
}

.hero-alt-sector-board a {
  min-height: 76px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-top: 1px solid rgba(27,26,22,.16) !important;
  color: #1b1a16 !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

.hero-alt-sector-board a span {
  color: #a77b38 !important;
  font-size: 11px !important;
  letter-spacing: .18em !important;
}

.hero-alt-footer {
  min-height: 72px !important;
  border-top: 1px solid rgba(27,26,22,.18) !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
}

.hero-alt-footer span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(27,26,22,.56) !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
}

.hero-alt-footer span:not(:last-child) {
  border-right: 1px solid rgba(27,26,22,.18) !important;
}

@media (max-width: 1120px) {
  .hero.hero-alt::after { opacity: .18 !important; }
  .hero-alt-main {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }
  .hero-alt-index { display: none !important; }
  .hero-alt-sector-board { min-height: auto !important; box-shadow: 18px 22px 0 rgba(38,55,45,.13) !important; }
}

@media (max-width: 760px) {
  .hero.hero-alt::before { inset: 14px !important; }
  .hero.hero-alt::after { display: none !important; }
  .hero-alt-shell {
    width: calc(100% - 36px) !important;
    padding: 18px 0 24px !important;
  }
  .hero-alt-nav {
    min-height: auto !important;
    padding-bottom: 22px !important;
    justify-content: center !important;
  }
  .hero-alt-links { display: none !important; }
  .hero-alt-logo { width: 142px !important; height: 52px !important; }
  .hero-alt-logo img { width: 104px !important; }
  .hero-alt-main { padding: 42px 0 !important; }
  .hero-alt-kicker {
    font-size: 9px !important;
    letter-spacing: .22em !important;
    line-height: 1.6 !important;
  }
  .hero-alt-copy h1 {
    font-size: clamp(2.95rem, 15.2vw, 4.45rem) !important;
    line-height: .88 !important;
    letter-spacing: -.075em !important;
  }
  .hero-alt-sub {
    font-size: .94rem !important;
    line-height: 1.72 !important;
  }
  .hero-alt-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  .hero-alt-actions a + a {
    border-left: 0 !important;
    border-top: 1px solid rgba(27,26,22,.22) !important;
  }
  .hero-alt-sector-board {
    padding: 22px !important;
    box-shadow: none !important;
  }
  .hero-alt-sector-board a {
    min-height: 62px !important;
    font-size: 15px !important;
  }
  .hero-alt-footer {
    grid-template-columns: 1fr !important;
  }
  .hero-alt-footer span {
    min-height: 48px !important;
  }
  .hero-alt-footer span:not(:last-child) {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(27,26,22,.18) !important;
  }
}

/* HERO ELEGANT THEME - serious PALMAR editorial */
.hero.hero-elegant {
  min-height: 100svh !important;
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: #f3f6fb !important;
  color: #10233f !important;
}
.hero.hero-elegant::before,
.hero.hero-elegant::after,
.hero.hero-elegant .hero-bg,
.hero.hero-elegant .hero-bg-fallback,
.hero.hero-elegant .hero-grain,
.hero.hero-elegant .hero-redesign-bg {
  display: none !important;
}
.hero-elegant-art {
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(158,122,59,.10), transparent 28%),
    radial-gradient(circle at 12% 86%, rgba(16,35,63,.055), transparent 32%),
    linear-gradient(90deg, rgba(16,35,63,.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(16,35,63,.032) 1px, transparent 1px),
    #f3f6fb !important;
  background-size: auto, auto, 144px 144px, 144px 144px, auto !important;
}
.hero-elegant-art::before,
.hero-elegant-art::after {
  content: '' !important;
  position: absolute !important;
  border: 1px solid rgba(158,122,59,.12) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
}
.hero-elegant-art::before {
  width: 780px !important;
  height: 780px !important;
  right: -220px !important;
  top: -280px !important;
}
.hero-elegant-art::after {
  width: 520px !important;
  height: 520px !important;
  left: -210px !important;
  bottom: -240px !important;
}
.hero-elegant-shell {
  width: min(1380px, calc(100% - 72px)) !important;
  min-height: 100svh !important;
  margin: 0 auto !important;
  padding: 34px 0 58px !important;
  display: flex !important;
  flex-direction: column !important;
}
.hero-elegant-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 32px !important;
  padding-bottom: 28px !important;
  border-bottom: 1px solid rgba(16,35,63,.10) !important;
}
.hero-elegant-logo {
  width: 170px !important;
  height: 62px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #10233f !important;
  border: 1px solid rgba(158,122,59,.24) !important;
  box-shadow: 0 22px 55px rgba(16,35,63,.10) !important;
}
.hero-elegant-logo img {
  width: 124px !important;
  height: auto !important;
  display: block !important;
}
.hero-elegant-links {
  display: flex !important;
  align-items: center !important;
  gap: clamp(22px, 3vw, 50px) !important;
}
.hero-elegant-links a {
  color: rgba(16,35,63,.64) !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .25em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}
.hero-elegant-links a:hover { color: #9e7a3b !important; }
.hero-elegant-main {
  flex: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px) !important;
  gap: clamp(54px, 7vw, 116px) !important;
  align-items: center !important;
  padding: clamp(68px, 9vh, 118px) 0 40px !important;
}
.hero-elegant-copy {
  max-width: 870px !important;
  position: relative !important;
}
.hero-elegant-copy::before {
  content: '' !important;
  position: absolute !important;
  left: -42px !important;
  top: 12px !important;
  bottom: 18px !important;
  width: 1px !important;
  background: linear-gradient(180deg, rgba(158,122,59,.55), rgba(158,122,59,.06)) !important;
}
.hero-elegant-kicker {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  margin: 0 0 26px !important;
  color: #9e7a3b !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .36em !important;
  text-transform: uppercase !important;
}
.hero-elegant-kicker::before {
  content: '' !important;
  width: 56px !important;
  height: 1px !important;
  background: #9e7a3b !important;
}
.hero-elegant-copy h1 {
  max-width: 860px !important;
  margin: 0 !important;
  color: #10233f !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: clamp(4.9rem, 8vw, 8.4rem) !important;
  font-weight: 500 !important;
  letter-spacing: -.065em !important;
  line-height: .88 !important;
}
.hero-elegant-copy h1 span {
  color: #9e7a3b !important;
  font-style: italic !important;
  font-weight: 500 !important;
}
.hero-elegant-sub {
  max-width: 720px !important;
  margin: 34px 0 0 !important;
  color: #5a6d86 !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: clamp(1rem, 1.05vw, 1.16rem) !important;
  font-weight: 400 !important;
  line-height: 1.9 !important;
}
.hero-elegant-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  margin-top: 42px !important;
}
.hero-elegant-actions a {
  min-height: 58px !important;
  padding: 0 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}
.hero-elegant-primary {
  color: #fff !important;
  background: #10233f !important;
  border: 1px solid #10233f !important;
  box-shadow: 0 18px 44px rgba(16,35,63,.12) !important;
}
.hero-elegant-secondary {
  color: #9e7a3b !important;
  background: rgba(255,255,255,.36) !important;
  border: 1px solid rgba(158,122,59,.32) !important;
}
.hero-elegant-panel {
  align-self: stretch !important;
  min-height: 520px !important;
  padding: 34px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  background: rgba(255,255,255,.42) !important;
  border: 1px solid rgba(16,35,63,.11) !important;
  box-shadow: 0 34px 80px rgba(16,35,63,.07) !important;
  backdrop-filter: blur(10px) !important;
}
.hero-elegant-panel-head {
  display: flex !important;
  justify-content: space-between !important;
  gap: 24px !important;
  padding-bottom: 28px !important;
  border-bottom: 1px solid rgba(16,35,63,.12) !important;
}
.hero-elegant-panel-head span,
.hero-elegant-panel-head strong {
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .22em !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
}
.hero-elegant-panel-head span { color: rgba(90,109,134,.78) !important; }
.hero-elegant-panel-head strong { color: #9e7a3b !important; }
.hero-elegant-sector-list {
  display: grid !important;
  gap: 0 !important;
}
.hero-elegant-sector-list a {
  min-height: 82px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-bottom: 1px solid rgba(16,35,63,.11) !important;
  color: #10233f !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 30px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}
.hero-elegant-sector-list a span {
  color: #9e7a3b !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .22em !important;
}
.hero-elegant-sector-list a:hover { color: #9e7a3b !important; }
@media (max-width: 1120px) {
  .hero-elegant-main { grid-template-columns: 1fr !important; gap: 40px !important; }
  .hero-elegant-panel { min-height: auto !important; }
  .hero-elegant-copy::before { display: none !important; }
}
@media (max-width: 760px) {
  .hero-elegant-shell { width: calc(100% - 40px) !important; padding: 24px 0 42px !important; }
  .hero-elegant-nav { justify-content: center !important; padding-bottom: 22px !important; }
  .hero-elegant-links { display: none !important; }
  .hero-elegant-logo { width: 150px !important; height: 56px !important; }
  .hero-elegant-logo img { width: 110px !important; }
  .hero-elegant-main { padding: 46px 0 0 !important; }
  .hero-elegant-kicker { font-size: 9px !important; letter-spacing: .24em !important; line-height: 1.6 !important; }
  .hero-elegant-kicker::before { width: 42px !important; }
  .hero-elegant-copy h1 { font-size: clamp(3.25rem, 16vw, 4.6rem) !important; line-height: .9 !important; }
  .hero-elegant-sub { font-size: .95rem !important; line-height: 1.78 !important; }
  .hero-elegant-actions { flex-direction: column !important; align-items: stretch !important; }
  .hero-elegant-actions a { width: 100% !important; padding: 0 22px !important; }
  .hero-elegant-panel { padding: 24px !important; }
  .hero-elegant-panel-head { flex-direction: column !important; gap: 8px !important; }
  .hero-elegant-sector-list a { min-height: 66px !important; font-size: 24px !important; }
}

/* HERO MINIMAL LETTERHEAD - new refined theme */
.hero.hero-minimal {
  min-height: 100svh !important;
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: #f3f6fb !important;
  color: #10233f !important;
}
.hero.hero-minimal::before,
.hero.hero-minimal::after,
.hero.hero-minimal .hero-bg,
.hero.hero-minimal .hero-bg-fallback,
.hero.hero-minimal .hero-grain,
.hero.hero-minimal .hero-redesign-bg,
.hero.hero-minimal .hero-elegant-art {
  display: none !important;
}
.hero-minimal-bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background:
    radial-gradient(circle at 50% 34%, rgba(255,255,255,.92) 0 20%, transparent 48%),
    radial-gradient(circle at 50% 60%, rgba(158,122,59,.07), transparent 42%),
    #f3f6fb !important;
}
.hero-minimal-bg::before,
.hero-minimal-bg::after {
  content: '' !important;
  position: absolute !important;
  left: 50% !important;
  top: 46% !important;
  transform: translate(-50%, -50%) !important;
  border: 1px solid rgba(158,122,59,.10) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
}
.hero-minimal-bg::before {
  width: 820px !important;
  height: 820px !important;
}
.hero-minimal-bg::after {
  width: 1120px !important;
  height: 1120px !important;
}
.hero-minimal-shell {
  width: min(1320px, calc(100% - 72px)) !important;
  min-height: 100svh !important;
  margin: 0 auto !important;
  padding: 36px 0 42px !important;
  display: grid !important;
  grid-template-rows: auto 1fr auto !important;
  position: relative !important;
}
.hero-minimal-nav {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  gap: 28px !important;
}
.hero-minimal-logo {
  grid-column: 2 !important;
  width: 178px !important;
  height: 68px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #10233f !important;
  border: 1px solid rgba(158,122,59,.26) !important;
  box-shadow: 0 20px 54px rgba(16,35,63,.10) !important;
  text-decoration: none !important;
}
.hero-minimal-logo img {
  width: 130px !important;
  height: auto !important;
  display: block !important;
}
.hero-minimal-links {
  grid-column: 3 !important;
  justify-self: end !important;
  display: flex !important;
  align-items: center !important;
  gap: clamp(20px, 2.6vw, 42px) !important;
}
.hero-minimal-links a {
  color: rgba(16,35,63,.62) !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .24em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}
.hero-minimal-links a:hover { color: #9e7a3b !important; }
.hero-minimal-center {
  align-self: center !important;
  justify-self: center !important;
  max-width: 1040px !important;
  text-align: center !important;
  padding: clamp(58px, 8vh, 104px) 0 !important;
}
.hero-minimal-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 18px !important;
  margin: 0 0 30px !important;
  color: #9e7a3b !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .34em !important;
  text-transform: uppercase !important;
}
.hero-minimal-kicker::before,
.hero-minimal-kicker::after {
  content: '' !important;
  width: 62px !important;
  height: 1px !important;
  background: #9e7a3b !important;
}
.hero-minimal-center h1 {
  margin: 0 auto !important;
  max-width: 980px !important;
  color: #10233f !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: clamp(4.5rem, 7.4vw, 8.2rem) !important;
  font-weight: 500 !important;
  line-height: .92 !important;
  letter-spacing: -.06em !important;
}
.hero-minimal-sub {
  max-width: 780px !important;
  margin: 34px auto 0 !important;
  color: #5a6d86 !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: clamp(1rem, 1.05vw, 1.15rem) !important;
  font-weight: 400 !important;
  line-height: 1.9 !important;
}
.hero-minimal-actions {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  margin-top: 42px !important;
}
.hero-minimal-actions a {
  min-width: 224px !important;
  min-height: 58px !important;
  padding: 0 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}
.hero-minimal-actions a:first-child {
  color: #fff !important;
  background: #10233f !important;
  border: 1px solid #10233f !important;
  box-shadow: 0 18px 44px rgba(16,35,63,.13) !important;
}
.hero-minimal-actions a:last-child {
  color: #9e7a3b !important;
  background: rgba(255,255,255,.36) !important;
  border: 1px solid rgba(158,122,59,.32) !important;
}
.hero-minimal-sectors {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  border-top: 1px solid rgba(16,35,63,.12) !important;
  border-bottom: 1px solid rgba(16,35,63,.12) !important;
}
.hero-minimal-sectors a {
  min-height: 76px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  color: #10233f !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .24em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}
.hero-minimal-sectors a:not(:last-child) {
  border-right: 1px solid rgba(16,35,63,.10) !important;
}
.hero-minimal-sectors a span {
  color: #9e7a3b !important;
  letter-spacing: .12em !important;
}
.hero-minimal-sectors a:hover { color: #9e7a3b !important; }
@media (max-width: 980px) {
  .hero-minimal-nav { grid-template-columns: 1fr !important; justify-items: center !important; }
  .hero-minimal-logo,
  .hero-minimal-links { grid-column: auto !important; justify-self: center !important; }
  .hero-minimal-links { margin-top: 16px !important; }
  .hero-minimal-sectors { grid-template-columns: repeat(2, 1fr) !important; }
  .hero-minimal-sectors a:nth-child(2) { border-right: 0 !important; }
  .hero-minimal-sectors a:nth-child(-n+2) { border-bottom: 1px solid rgba(16,35,63,.10) !important; }
}
@media (max-width: 640px) {
  .hero-minimal-shell { width: calc(100% - 40px) !important; padding: 24px 0 34px !important; }
  .hero-minimal-links { display: none !important; }
  .hero-minimal-logo { width: 154px !important; height: 58px !important; }
  .hero-minimal-logo img { width: 112px !important; }
  .hero-minimal-center { padding: 58px 0 48px !important; }
  .hero-minimal-kicker { font-size: 9px !important; letter-spacing: .24em !important; gap: 12px !important; }
  .hero-minimal-kicker::before,
  .hero-minimal-kicker::after { width: 34px !important; }
  .hero-minimal-center h1 { font-size: clamp(3.15rem, 15vw, 4.65rem) !important; line-height: .94 !important; }
  .hero-minimal-sub { font-size: .94rem !important; line-height: 1.78 !important; }
  .hero-minimal-actions { flex-direction: column !important; align-items: stretch !important; }
  .hero-minimal-actions a { width: 100% !important; min-width: 0 !important; }
  .hero-minimal-sectors { grid-template-columns: 1fr !important; }
  .hero-minimal-sectors a { min-height: 56px !important; border-right: 0 !important; border-bottom: 1px solid rgba(16,35,63,.10) !important; }
  .hero-minimal-sectors a:last-child { border-bottom: 0 !important; }
}

/* HERO MINIMAL MOBILE FINAL FIT */
@media (max-width: 640px) {
  .hero-minimal-center {
    max-width: 100% !important;
    overflow: hidden !important;
  }
  .hero-minimal-center h1 {
    max-width: 100% !important;
    font-size: clamp(2.75rem, 13vw, 3.65rem) !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
  }
  .hero-minimal-sub {
    max-width: 100% !important;
  }
}
@media (max-width: 420px) {
  .hero-minimal-shell { width: calc(100% - 36px) !important; }
  .hero-minimal-center h1 {
    font-size: clamp(2.65rem, 12.5vw, 3.35rem) !important;
  }
}

/* HERO MINIMAL REFINEMENT: no menu, smaller headline, larger logo */
.hero-minimal-links {
  display: none !important;
}
.hero-minimal-nav {
  grid-template-columns: 1fr !important;
  justify-items: center !important;
}
.hero-minimal-logo {
  width: 214px !important;
  height: 82px !important;
}
.hero-minimal-logo img {
  width: 158px !important;
}
.hero-minimal-center h1 {
  font-size: clamp(3.7rem, 6vw, 6.8rem) !important;
  max-width: 900px !important;
  line-height: .96 !important;
}
@media (max-width: 640px) {
  .hero-minimal-logo {
    width: 182px !important;
    height: 68px !important;
  }
  .hero-minimal-logo img {
    width: 134px !important;
  }
  .hero-minimal-center h1 {
    font-size: clamp(2.45rem, 11vw, 3.3rem) !important;
    line-height: 1 !important;
  }
}

/* HERO LOGO REFINEMENT: centered main logo, no box */
.hero-minimal-logo {
  width: 230px !important;
  height: auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.hero-minimal-logo img {
  width: 230px !important;
  height: auto !important;
}
@media (max-width: 640px) {
  .hero-minimal-logo {
    width: 218px !important;
  }
  .hero-minimal-logo img {
    width: 218px !important;
  }
}

/* HERO LOGO SIZE + TRUE CENTER */
.hero-minimal-nav {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.hero-minimal-logo {
  width: 190px !important;
  margin: 0 auto !important;
}
.hero-minimal-logo img {
  width: 190px !important;
}
@media (max-width: 640px) {
  .hero-minimal-logo,
  .hero-minimal-logo img {
    width: 160px !important;
  }
}

/* HERO LOGO DIVIDER IN PLACE OF KICKER */
.hero-minimal-nav {
  display: none !important;
}
.hero-logo-divider {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 32px !important;
  margin: 0 0 34px !important;
}
.hero-logo-divider::before,
.hero-logo-divider::after {
  content: none !important;
}
.hero-logo-divider span {
  width: 124px !important;
  height: 1px !important;
  background: #9e7a3b !important;
  flex: 0 0 auto !important;
}
.hero-logo-divider img {
  width: 330px !important;
  height: auto !important;
  display: block !important;
}
.hero-minimal-center {
  padding-top: clamp(34px, 6vh, 78px) !important;
}
@media (max-width: 640px) {
  .hero-logo-divider {
    gap: 16px !important;
    margin-bottom: 28px !important;
  }
  .hero-logo-divider span {
    width: 46px !important;
  }
  .hero-logo-divider img {
    width: 190px !important;
  }
}

/* HERO LOGO DIVIDER SMALLER */
.hero-logo-divider {
  gap: 24px !important;
  margin-bottom: 30px !important;
}
.hero-logo-divider span {
  width: 92px !important;
}
.hero-logo-divider img {
  width: 250px !important;
}
@media (max-width: 640px) {
  .hero-logo-divider {
    gap: 12px !important;
  }
  .hero-logo-divider span {
    width: 34px !important;
  }
  .hero-logo-divider img {
    width: 168px !important;
  }
}

/* PALMAR FILMS POSITION TWEAK */
#films .films-header {
  transform: translateY(-28px) !important;
}
@media (max-width: 900px) {
  #films .films-header {
    transform: translateY(-16px) !important;
  }
}

/* CONTACT HEADING SIZE TWEAK */
.contact-info h2 {
  font-size: clamp(2.45rem, 4.1vw, 4.35rem) !important;
  line-height: 1.06 !important;
}
@media (max-width: 640px) {
  .contact-info h2 {
    font-size: clamp(2.2rem, 10vw, 3rem) !important;
  }
}

/* FOUNDER PAGE ALIGNMENT FIX */
.founder-page {
  background: var(--palmar-navy) !important;
}
.founder-nav {
  padding: clamp(2.5rem, 7vw, 5rem) 0 1.5rem !important;
}
.founder-nav .container {
  justify-content: center !important;
}
.founder-nav a:first-child {
  display: block !important;
  line-height: 0 !important;
}
.founder-nav a:last-child {
  display: none !important;
}
.founder-nav img {
  width: clamp(260px, 34vw, 360px) !important;
  max-width: 78vw !important;
  display: block !important;
  margin: 0 auto !important;
}
.founder-hero {
  padding: clamp(1.5rem, 4vw, 3rem) 0 clamp(4rem, 8vw, 7rem) !important;
}
.founder-grid {
  max-width: 760px !important;
  margin: 0 auto !important;
}
.founder-card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  text-align: center !important;
}
.founder-label,
.founder-card h1,
.founder-facts {
  display: none !important;
}
.founder-card .intro {
  max-width: 680px !important;
  margin: 0 auto 1.05rem !important;
  color: rgba(243,246,252,.76) !important;
  font-size: clamp(1.08rem, 2vw, 1.42rem) !important;
  line-height: 1.85 !important;
  text-align: center !important;
}
@media (max-width: 640px) {
  .founder-nav img {
    width: min(76vw, 280px) !important;
  }
  .founder-card .intro {
    text-align: left !important;
    font-size: 1.02rem !important;
  }
}

/* FOUNDER PAGE RESTORE AFTER ALIGNMENT OVERCORRECTION */
.founder-page {
  min-height: 100vh !important;
  background: #f3f6fb !important;
  color: var(--palmar-navy) !important;
}
.founder-nav {
  padding: 2rem 0 !important;
}
.founder-nav .container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.founder-nav a:first-child {
  display: inline-flex !important;
  line-height: normal !important;
}
.founder-nav a:last-child {
  display: inline-flex !important;
  font-size: .68rem !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: var(--palmar-gold) !important;
}
.founder-nav img {
  width: 180px !important;
  max-width: none !important;
  display: block !important;
  margin: 0 !important;
}
.founder-hero {
  padding: clamp(3rem, 7vw, 6rem) 0 clamp(5rem, 9vw, 8rem) !important;
}
.founder-grid {
  display: block !important;
  max-width: 980px !important;
  margin: 0 auto !important;
}
.founder-card {
  background: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(16,35,63,.10) !important;
  box-shadow: 0 24px 80px rgba(16,35,63,.08) !important;
  padding: clamp(1.7rem, 4vw, 3.6rem) !important;
  text-align: left !important;
}
.founder-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: .85rem !important;
  color: var(--palmar-gold) !important;
  font-size: .65rem !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  margin-bottom: 1.25rem !important;
}
.founder-card h1 {
  display: block !important;
  font-size: clamp(3rem, 6vw, 6rem) !important;
  margin-bottom: 1rem !important;
  color: var(--palmar-navy) !important;
}
.founder-card h1 em {
  color: var(--palmar-gold) !important;
}
.founder-card .intro {
  max-width: 780px !important;
  margin: 0 0 1.15rem !important;
  color: rgba(16,35,63,.68) !important;
  font-size: 1.04rem !important;
  line-height: 1.8 !important;
  text-align: left !important;
}
.founder-facts {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1px !important;
  background: rgba(16,35,63,.10) !important;
  margin-top: 2rem !important;
}
.founder-facts div {
  display: block !important;
  background: #fff !important;
  padding: 1.2rem !important;
}
.founder-facts strong {
  display: block !important;
  color: var(--palmar-gold) !important;
}
.founder-facts span {
  color: rgba(16,35,63,.62) !important;
}
@media (max-width: 900px) {
  .founder-nav img {
    width: 145px !important;
  }
  .founder-facts {
    grid-template-columns: 1fr !important;
  }
}

/* FOOTER LOGO TIGHTEN */
.footer-palmar-logo {
  width: 178px !important;
  height: 82px !important;
  overflow: hidden !important;
  display: block !important;
  line-height: 0 !important;
  margin: 0 0 1.1rem !important;
}
.footer-palmar-logo img {
  width: 178px !important;
  height: 82px !important;
  object-fit: contain !important;
  object-position: left center !important;
  display: block !important;
  filter: none !important;
}
.footer-about p {
  margin-top: 0 !important;
  max-width: 430px !important;
}
@media (max-width: 700px) {
  .footer-palmar-logo {
    width: 154px !important;
    height: 72px !important;
  }
  .footer-palmar-logo img {
    width: 154px !important;
    height: 72px !important;
  }
}


/* FOOTER LOGO FINAL SIZE FIX */
.footer-palmar-logo {
  width: 230px !important;
  height: auto !important;
  overflow: visible !important;
  display: inline-block !important;
  line-height: 0 !important;
  margin: 0 0 1.35rem !important;
}
.footer-palmar-logo img {
  width: 230px !important;
  height: auto !important;
  display: block !important;
  object-fit: initial !important;
  filter: none !important;
}
@media (max-width: 700px) {
  .footer-palmar-logo,
  .footer-palmar-logo img {
    width: 190px !important;
    height: auto !important;
  }
}

/* FOOTER HEADINGS SIZE TWEAK */
.footer h4 {
  font-size: .72rem !important;
}

/* FOOTER LOGO BLOCK POSITION TWEAK */
.footer-about {
  transform: translateY(-28px) !important;
}
@media (max-width: 700px) {
  .footer-about {
    transform: translateY(-16px) !important;
  }
}