/*
Theme Name: Sita Theme
Theme URI: https://sita.com
Author: Sita Dev Team
Description: Premium WordPress theme for Sita - India's Leading DMC Since 1963. Saffron/Teal/Gold/Cream design system with Cormorant Garamond + Manrope fonts.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 8.0
License: GPL v2 or later
Text Domain: sita-theme
*/
  :root {
    /* Sita-derived palette -- saffron, teal, gold, cream. NO black, NO dark brown. */
    --saffron:        #B85128;
    --saffron-soft:   #D6713F;
    --saffron-deeper: #8E3D1C;
    --teal:           #1F4E48;   /* primary text -- deep peacock, NOT black */
    --teal-soft:      #2D6862;
    --teal-light:     #6B8C87;
    --gold:           #B6864A;
    --gold-soft:      #D4B07E;
    --cream:          #FAF5EB;
    --sand:           #F2E8D5;
    --sand-warm:      #EADDC4;
    --paper:          #FFFFFF;
    --ink:            #1F4E48;   /* body text */
    --ink-soft:       #4A6E69;   /* secondary text */
    --rule:           #D9CDB6;   /* hairlines */

    --font-display: 'Cormorant Garamond', 'Times New Roman', serif;
    --font-caps:    'Cormorant SC', 'Cormorant Garamond', serif;
    --font-body:    'Manrope', system-ui, sans-serif;

    --max:    1280px;
    --gutter: clamp(20px, 4vw, 56px);
  }

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

  html { scroll-behavior: smooth; margin: 0; padding: 0; }
  body {
    margin: 0;
    padding: 0;
    font-family: var(--font-body);
    color: var(--ink);
    background: var(--cream);
    overflow-x: hidden;
    font-weight: 400;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }

  img { max-width: 100%; display: block; }
  a   { color: inherit; text-decoration: none; }

  .wrap {
    width: 100%;
    max-width: var(--max);
    margin: 0 auto;
    padding-left: var(--gutter);
    padding-right: var(--gutter);
  }

  /* ---------- TYPOGRAPHY UTILITIES ---------- */
  .eyebrow {
    font-family: var(--font-caps);
    font-size: 0.78rem;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    color: var(--saffron);
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 14px;
  }
  .eyebrow::before, .eyebrow::after {
    content: "";
    width: 36px; height: 1px;
    background: var(--saffron);
    opacity: 0.55;
  }
  .eyebrow.left::after, .eyebrow.right::before { display: none; }

  h1, h2, h3, h4 {
    font-family: var(--font-display);
    color: var(--teal);
    font-weight: 500;
    letter-spacing: -0.005em;
    line-height: 1.08;
  }
  h2 { font-size: clamp(2rem, 4.2vw, 3.4rem); font-weight: 400; }
  h3 { font-size: clamp(1.5rem, 2.4vw, 2rem); font-weight: 500; }
  h4 { font-size: 1.2rem; font-weight: 600; }

  p.lead {
    font-family: var(--font-display);
    font-size: clamp(1.1rem, 1.5vw, 1.35rem);
    font-weight: 400;
    font-style: italic;
    color: var(--ink-soft);
    line-height: 1.55;
    max-width: 60ch;
  }

  /* ---------- BUTTONS ---------- */
  .btn {
    display: inline-flex; align-items: center; gap: 12px;
    padding: 16px 30px;
    font-family: var(--font-body);
    font-size: 0.78rem;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    font-weight: 600;
    border: 1px solid currentColor;
    background: transparent;
    color: var(--teal);
    cursor: pointer;
    transition: all .35s ease;
    position: relative;
  }
  .btn .arrow { transition: transform .35s ease; }
  .btn:hover { background: var(--teal); color: var(--cream); }
  .btn:hover .arrow { transform: translateX(6px); }

  .btn--primary { background: var(--saffron); color: var(--paper); border-color: var(--saffron); }
  .btn--primary:hover { background: var(--saffron-deeper); border-color: var(--saffron-deeper); color: var(--paper); }
  .btn--ghost-light { color: var(--cream); border-color: rgba(250,245,235,0.7); }
  .btn--ghost-light:hover { background: var(--cream); color: var(--teal); border-color: var(--cream); }

  /* ---------- TOP UTILITY BAR ---------- */
  .util {
    background: var(--teal);
    color: var(--cream);
    font-size: 0.74rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
  }
  .util-inner {
    display: flex; justify-content: space-between; align-items: center;
    padding: 10px 0;
    font-weight: 500;
  }
  .util-left { opacity: 0.85; }
  .util-right { display: flex; align-items: center; gap: 28px; }
  .util-langs { display: flex; gap: 14px; opacity: 0.85; }
  .util-langs a { transition: opacity .2s; }
  .util-langs a:hover { opacity: 1; color: var(--gold-soft); }
  .util-divider { width: 1px; height: 14px; background: rgba(250,245,235,0.3); }
  .util-portal { color: var(--gold-soft); font-weight: 600; }

  /* ---------- HEADER ---------- */
  header.site {
    position: sticky; top: 0; z-index: 50;
    background: rgba(250,245,235,0.96);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--rule);
  }
  .nav-inner {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    padding: 18px 0;
    gap: 24px;
  }
  .logo {
    display: flex; flex-direction: column; align-items: center;
    line-height: 1;
  }
  .logo-mark {
    font-family: var(--font-display);
    font-size: 2.3rem;
    font-weight: 500;
    color: var(--saffron);
    letter-spacing: 0.04em;
    position: relative;
  }
  .logo-mark::after {
    content: "\201C";
    position: absolute;
    left: 50%; bottom: -3px;
    width: 36px; height: 1px;
    background: var(--saffron);
    transform: translateX(-50%);
  }
  .logo-tag {
    font-family: var(--font-caps);
    font-size: 0.62rem;
    letter-spacing: 0.36em;
    color: var(--teal);
    margin-top: 8px;
  }
  nav.primary { display: flex; gap: 32px; justify-self: start; }
  nav.primary a {
    font-size: 0.78rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--teal);
    padding: 4px 0;
    position: relative;
    transition: color .2s;
  }
  nav.primary a::after {
    content: "\201C"; position: absolute; left: 0; bottom: -2px;
    width: 0; height: 1px; background: var(--saffron);
    transition: width .35s ease;
  }
  nav.primary a:hover { color: var(--saffron); }
  nav.primary a:hover::after { width: 100%; }

  .nav-cta { justify-self: end; display: flex; align-items: center; gap: 18px; }
  .icon-btn { width: 36px; height: 36px; display: grid; place-items: center; cursor: pointer; color: var(--teal); }

  @media (max-width: 980px) {
    nav.primary { display: none; }
    .nav-inner { grid-template-columns: 1fr auto 1fr; }
  }

  /* ---------- HERO ---------- */
  .hero {
    position: relative;
    min-height: 92vh;
    display: flex; align-items: flex-end;
    color: var(--cream);
  }
  .hero-img {
    position: absolute; inset: 0;
    background:
      linear-gradient(180deg, rgba(31,78,72,0.25) 0%, rgba(31,78,72,0.15) 40%, rgba(31,78,72,0.85) 100%),
      url('https://images.unsplash.com/photo-1564507592333-c60657eea523?w=2400&q=85&auto=format&fit=crop') center/cover no-repeat;
    transform: scale(1.04);
    animation: heroZoom 18s ease-out forwards;
  }
  @keyframes heroZoom {
    to { transform: scale(1); }
  }
  .hero-img::after {
    /* subtle warm wash */
    content: "\201C";
    position: absolute; inset: 0;
    background: radial-gradient(ellipse at 80% 20%, rgba(184,81,40,0.12) 0%, transparent 60%);
    pointer-events: none;
  }
  .hero-content {
    position: relative;
    width: 100%;
    padding-bottom: clamp(60px, 9vw, 110px);
    padding-top: clamp(80px, 12vw, 140px);
  }
  .hero-grid {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: 40px;
  }
  .hero h1 {
    color: var(--cream);
    font-size: clamp(2.6rem, 6.5vw, 5.8rem);
    font-weight: 300;
    letter-spacing: -0.01em;
    line-height: 1.02;
    max-width: 16ch;
  }
  .hero h1 em {
    font-style: italic;
    color: var(--gold-soft);
    font-weight: 400;
  }
  .hero p {
    margin-top: 28px;
    font-size: 1.05rem;
    max-width: 52ch;
    color: rgba(250,245,235,0.92);
    line-height: 1.65;
  }
  .hero-eyebrow {
    color: var(--gold-soft);
    margin-bottom: 22px;
  }
  .hero-eyebrow::before, .hero-eyebrow::after { background: var(--gold-soft); opacity: 0.6; }
  .hero-cta-row { margin-top: 36px; display: flex; gap: 14px; flex-wrap: wrap; }

  .legacy-stamp {
    border: 1px solid rgba(250,245,235,0.45);
    padding: 22px 28px;
    text-align: center;
    background: rgba(31,78,72,0.25);
    backdrop-filter: blur(6px);
    min-width: 240px;
  }
  .legacy-stamp .num {
    font-family: var(--font-display);
    font-size: 4.2rem;
    line-height: 1;
    color: var(--gold-soft);
    font-weight: 400;
  }
  .legacy-stamp .lbl {
    font-family: var(--font-caps);
    font-size: 0.72rem;
    letter-spacing: 0.32em;
    color: rgba(250,245,235,0.85);
    margin-top: 10px;
  }
  .legacy-stamp .est {
    font-family: var(--font-display);
    font-style: italic;
    margin-top: 14px;
    font-size: 0.95rem;
    color: var(--gold-soft);
    border-top: 1px solid rgba(250,245,235,0.25);
    padding-top: 12px;
  }

  /* hero scroll cue */
  .hero-scroll {
    position: absolute;
    right: var(--gutter);
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    transform-origin: right center;
    font-family: var(--font-caps);
    font-size: 0.7rem;
    letter-spacing: 0.4em;
    color: rgba(250,245,235,0.7);
    display: flex; align-items: center; gap: 14px;
  }
  .hero-scroll .line { width: 60px; height: 1px; background: rgba(250,245,235,0.5); }

  @media (max-width: 760px) {
    .hero-grid { grid-template-columns: 1fr; }
    .hero-scroll { display: none; }
  }

  /* ---------- TRUST BAR ---------- */
  .trust {
    background: var(--teal);
    color: var(--cream);
    padding: 28px 0;
  }
  .trust-inner {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 24px;
    text-align: center;
  }
  .trust-item .num {
    font-family: var(--font-display);
    font-size: clamp(1.6rem, 2.6vw, 2.4rem);
    color: var(--gold-soft);
    font-weight: 400;
    line-height: 1;
  }
  .trust-item .lbl {
    font-family: var(--font-caps);
    font-size: 0.68rem;
    letter-spacing: 0.26em;
    margin-top: 8px;
    opacity: 0.85;
  }
  @media (max-width: 760px) { .trust-inner { grid-template-columns: repeat(2, 1fr); gap: 28px; } }

  /* ---------- SECTION SHELL ---------- */
  section.section {
    padding: clamp(70px, 9vw, 130px) 0;
  }
  .section-head {
    text-align: center;
    max-width: 780px;
    margin: 0 auto clamp(40px, 5vw, 70px);
  }
  .section-head .eyebrow { margin-bottom: 22px; }
  .section-head h2 { margin-bottom: 18px; }
  .section-head p   { color: var(--ink-soft); font-size: 1.02rem; max-width: 65ch; margin: 0 auto; }

  /* ---------- LEGACY EDITORIAL ---------- */
  .legacy {
    background: var(--cream);
    position: relative;
  }
  .legacy::before {
    /* faint ornamental arch behind */
    content: "\201C";
    position: absolute; left: 50%; top: 60px;
    transform: translateX(-50%);
    width: 220px; height: 280px;
    background:
      radial-gradient(ellipse 110px 220px at center top, var(--sand) 0%, transparent 60%);
    opacity: 0.6;
    z-index: 0;
  }
  .legacy-grid {
    position: relative; z-index: 1;
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: clamp(40px, 6vw, 90px);
    align-items: center;
  }
  .legacy-text h2 { margin-top: 18px; margin-bottom: 24px; }
  .legacy-text h2 .accent { color: var(--saffron); font-style: italic; }
  .legacy-text p { color: var(--ink-soft); margin-bottom: 18px; line-height: 1.75; max-width: 56ch; }
  .legacy-quote {
    margin-top: 36px;
    padding: 24px 28px;
    border-left: 2px solid var(--saffron);
    background: var(--paper);
  }
  .legacy-quote .q {
    font-family: var(--font-display);
    font-style: italic;
    font-size: 1.15rem;
    color: var(--teal);
    line-height: 1.55;
  }
  .legacy-quote .who {
    margin-top: 14px;
    font-family: var(--font-caps);
    font-size: 0.74rem;
    letter-spacing: 0.28em;
    color: var(--ink-soft);
  }
  .legacy-visual {
    position: relative;
    aspect-ratio: 4 / 5;
  }
  .legacy-visual img { width: 100%; height: 100%; object-fit: cover; }
  .legacy-visual .frame {
    position: absolute; inset: 18px;
    border: 1px solid rgba(250,245,235,0.45);
    pointer-events: none;
  }
  .legacy-visual .stamp {
    position: absolute;
    right: -28px; bottom: 40px;
    width: 130px; height: 130px;
    border-radius: 50%;
    background: var(--saffron);
    color: var(--cream);
    display: grid; place-items: center;
    text-align: center;
    box-shadow: 0 10px 40px rgba(184,81,40,0.3);
    font-family: var(--font-display);
    line-height: 1.05;
  }
  .legacy-visual .stamp .big { font-size: 2.2rem; font-weight: 500; }
  .legacy-visual .stamp .sub {
    font-family: var(--font-caps);
    font-size: 0.6rem;
    letter-spacing: 0.28em;
    margin-top: 4px;
  }
  @media (max-width: 880px) {
    .legacy-grid { grid-template-columns: 1fr; }
    .legacy-visual { aspect-ratio: 4 / 3; max-width: 520px; }
  }

  /* ---------- DIFFERENTIATORS ---------- */
  .diff {
    background: var(--paper);
  }
  .diff-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: var(--rule);
    border: 1px solid var(--rule);
  }
  .diff-card {
    background: var(--paper);
    padding: 40px 32px;
    transition: background .35s ease;
    position: relative;
  }
  .diff-card:hover { background: var(--cream); }
  .diff-num {
    font-family: var(--font-display);
    font-size: 1.05rem;
    color: var(--saffron);
    font-style: italic;
    margin-bottom: 22px;
    display: flex; align-items: center; gap: 10px;
  }
  .diff-num::after { content: ""; flex: 1; height: 1px; background: var(--rule); }
  .diff-icon {
    width: 48px; height: 48px;
    color: var(--saffron);
    margin-bottom: 24px;
  }
  .diff-card h4 {
    color: var(--teal);
    font-family: var(--font-display);
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: 14px;
    line-height: 1.2;
  }
  .diff-card p {
    font-size: 0.92rem;
    color: var(--ink-soft);
    line-height: 1.65;
  }
  @media (max-width: 880px) { .diff-grid { grid-template-columns: 1fr 1fr; } }
  @media (max-width: 520px) { .diff-grid { grid-template-columns: 1fr; } }

  /* ---------- DESTINATIONS ---------- */
  .dest {
    background: var(--cream);
  }
  .dest-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr;
    grid-template-rows: 320px 320px;
    gap: 16px;
  }
  .dest-card {
    position: relative;
    cursor: pointer;
  }
  .dest-card.feature {
    grid-row: span 2;
  }
  .dest-card .img {
    position: absolute; inset: 0;
    background-size: cover; background-position: center;
    transition: transform 1.2s ease;
  }
  .dest-card:hover .img { transform: scale(1.06); }
  .dest-card::after {
    content: "\201C";
    position: absolute; inset: 0;
    background: linear-gradient(180deg, rgba(31,78,72,0.05) 30%, rgba(31,78,72,0.85) 100%);
  }
  .dest-content {
    position: absolute; left: 0; right: 0; bottom: 0;
    padding: 28px;
    color: var(--cream);
    z-index: 2;
  }
  .dest-content h3 {
    color: var(--cream);
    font-size: clamp(1.4rem, 2.4vw, 2.2rem);
    margin-bottom: 6px;
    font-weight: 400;
  }
  .dest-content .lbl {
    font-family: var(--font-caps);
    font-size: 0.7rem;
    letter-spacing: 0.32em;
    color: var(--gold-soft);
  }
  .dest-content .desc {
    font-size: 0.9rem;
    margin-top: 12px;
    opacity: 0;
    max-height: 0;
    transition: all .4s ease;
  }
  .dest-card:hover .dest-content .desc { opacity: 0.92; max-height: 80px; margin-top: 12px; }
  .dest-content .arrow-link {
    margin-top: 14px;
    font-family: var(--font-caps);
    font-size: 0.7rem;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    display: inline-flex; align-items: center; gap: 10px;
    color: var(--cream);
  }

  @media (max-width: 880px) {
    .dest-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 260px 260px 260px; }
    .dest-card.feature { grid-row: auto; grid-column: span 2; }
  }
  @media (max-width: 520px) {
    .dest-grid { grid-template-columns: 1fr; grid-template-rows: repeat(4, 240px); }
    .dest-card.feature { grid-column: auto; }
  }

  /* ---------- SUSTAINABILITY (TRAVELIFE FEATURED) ---------- */
  .sustain {
    background: linear-gradient(135deg, #1F4E48 0%, #2A6862 60%, #1F4E48 100%);
    color: var(--cream);
    position: relative;
  }
  .sustain::before {
    /* faint Mughal arch motif */
    content: "\201C";
    position: absolute;
    right: -120px; top: 50%;
    transform: translateY(-50%);
    width: 500px; height: 500px;
    background: radial-gradient(circle, rgba(212,176,126,0.18) 0%, transparent 60%);
    pointer-events: none;
  }
  .sustain-grid {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: clamp(40px, 6vw, 80px);
    align-items: center;
    position: relative; z-index: 1;
  }
  .sustain .eyebrow { color: var(--gold-soft); margin-bottom: 22px; }
  .sustain .eyebrow::before, .sustain .eyebrow::after { background: var(--gold-soft); }
  .sustain h2 {
    color: var(--cream);
    margin-bottom: 24px;
    font-weight: 400;
  }
  .sustain h2 em { color: var(--gold-soft); font-style: italic; }
  .sustain p.body { color: rgba(250,245,235,0.85); margin-bottom: 18px; line-height: 1.75; max-width: 56ch; }

  .travelife-card {
    background: var(--cream);
    color: var(--teal);
    padding: 40px;
    position: relative;
    border-radius: 0;
  }
  .travelife-card::before {
    content: "\201C";
    position: absolute; top: -1px; left: -1px; right: -1px;
    height: 4px;
    background: linear-gradient(90deg, var(--saffron), var(--gold), var(--saffron));
  }
  .travelife-badge {
    display: inline-flex; align-items: center; gap: 14px;
    padding: 10px 18px;
    background: var(--saffron);
    color: var(--cream);
    font-family: var(--font-caps);
    font-size: 0.7rem;
    letter-spacing: 0.28em;
    margin-bottom: 22px;
  }
  .travelife-badge .dot {
    width: 8px; height: 8px;
    background: var(--gold-soft);
    border-radius: 50%;
  }
  .travelife-card h3 {
    color: var(--teal);
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 14px;
    line-height: 1.15;
  }
  .travelife-card h3 em { color: var(--saffron); font-style: italic; }
  .travelife-card p {
    color: var(--ink-soft);
    font-size: 0.95rem;
    line-height: 1.7;
    margin-bottom: 22px;
  }
  .travelife-pillars {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-bottom: 28px;
  }
  .pillar {
    display: flex; align-items: flex-start; gap: 12px;
    font-size: 0.86rem;
  }
  .pillar svg { flex-shrink: 0; color: var(--saffron); margin-top: 2px; }
  .pillar span { color: var(--teal); font-weight: 600; }

  @media (max-width: 880px) {
    .sustain-grid { grid-template-columns: 1fr; }
    .travelife-pillars { grid-template-columns: 1fr; }
  }

  /* ---------- AWARDS ---------- */
  .awards {
    background: var(--paper);
  }
  .awards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
  .award-card {
    background: var(--cream);
    padding: 36px 32px;
    border: 1px solid var(--rule);
    transition: all .3s ease;
    position: relative;
  }
  .award-card:hover { transform: translateY(-4px); border-color: var(--saffron); }
  .award-year {
    font-family: var(--font-caps);
    font-size: 0.7rem;
    letter-spacing: 0.32em;
    color: var(--saffron);
    margin-bottom: 18px;
  }
  .award-card h4 {
    font-family: var(--font-display);
    font-size: 1.3rem;
    color: var(--teal);
    font-weight: 500;
    margin-bottom: 14px;
    line-height: 1.2;
  }
  .award-card p {
    font-size: 0.9rem;
    color: var(--ink-soft);
    line-height: 1.65;
  }
  .award-medal {
    width: 56px; height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--gold) 0%, var(--gold-soft) 100%);
    display: grid; place-items: center;
    color: var(--cream);
    margin-bottom: 22px;
  }
  @media (max-width: 880px) { .awards-grid { grid-template-columns: 1fr; } }

  /* ---------- CERTIFICATIONS STRIP ---------- */
  .certs {
    background: var(--cream);
    border-top: 1px solid var(--rule);
    border-bottom: 1px solid var(--rule);
    padding: 60px 0;
  }
  .certs-head { text-align: center; margin-bottom: 40px; }
  .certs-head .eyebrow { margin-bottom: 12px; }
  .certs-head h3 {
    font-size: 1.6rem;
    color: var(--teal);
    font-weight: 400;
  }
  .certs-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 14px;
    align-items: center;
  }
  .cert {
    aspect-ratio: 1;
    border: 1px solid var(--rule);
    background: var(--paper);
    display: grid; place-items: center;
    padding: 14px;
    text-align: center;
    transition: all .3s ease;
    position: relative;
  }
  .cert:hover { border-color: var(--saffron); transform: translateY(-2px); }
  .cert.featured {
    background: linear-gradient(135deg, var(--saffron) 0%, var(--saffron-deeper) 100%);
    color: var(--cream);
    border-color: var(--saffron);
  }
  .cert.featured::before {
    content: "Featured";
    position: absolute; top: 6px; right: 6px;
    font-family: var(--font-caps);
    font-size: 0.55rem;
    letter-spacing: 0.2em;
    color: var(--gold-soft);
  }
  .cert .name {
    font-family: var(--font-display);
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--teal);
    line-height: 1.15;
  }
  .cert.featured .name { color: var(--cream); }
  .cert .sub {
    font-family: var(--font-caps);
    font-size: 0.55rem;
    letter-spacing: 0.18em;
    color: var(--ink-soft);
    margin-top: 4px;
  }
  .cert.featured .sub { color: var(--gold-soft); }
  @media (max-width: 980px) { .certs-grid { grid-template-columns: repeat(5, 1fr); } }
  @media (max-width: 640px)  { .certs-grid { grid-template-columns: repeat(3, 1fr); } }

  /* ---------- TESTIMONIALS ---------- */
  .quotes {
    background: var(--sand);
    position: relative;
  }
  .quotes::before {
    content: "\201C";
    position: absolute;
    top: 30px; left: 50%;
    transform: translateX(-50%);
    font-family: var(--font-display);
    font-size: 16rem;
    color: var(--saffron);
    opacity: 0.08;
    line-height: 1;
    pointer-events: none;
  }
  .quotes-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    position: relative; z-index: 1;
  }
  .quote {
    background: var(--cream);
    padding: 38px 32px;
    border-top: 2px solid var(--saffron);
  }
  .quote p {
    font-family: var(--font-display);
    font-style: italic;
    font-size: 1.05rem;
    color: var(--teal);
    line-height: 1.55;
    margin-bottom: 22px;
  }
  .quote .who {
    font-family: var(--font-caps);
    font-size: 0.72rem;
    letter-spacing: 0.28em;
    color: var(--saffron);
  }
  .quote .where {
    font-size: 0.8rem;
    color: var(--ink-soft);
    margin-top: 4px;
  }
  @media (max-width: 880px) { .quotes-grid { grid-template-columns: 1fr; } }

  /* ---------- INSIGHTS ---------- */
  .insights { background: var(--paper); }
  .insights-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
  }
  .insight {
    cursor: pointer;
  }
  .insight .img {
    aspect-ratio: 4 / 3;
    background-size: cover; background-position: center;
    margin-bottom: 22px;
  }
  .insight .img-wrap { overflow: hidden; }
  .insight:hover .img { transform: scale(1.04); }
  .insight .img { transition: transform .8s ease; }
  .insight .cat {
    font-family: var(--font-caps);
    font-size: 0.7rem;
    letter-spacing: 0.3em;
    color: var(--saffron);
    margin-bottom: 10px;
  }
  .insight h4 {
    font-family: var(--font-display);
    font-size: 1.45rem;
    color: var(--teal);
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 10px;
  }
  .insight .meta {
    font-size: 0.8rem;
    color: var(--ink-soft);
    margin-bottom: 12px;
  }
  .insight p {
    font-size: 0.9rem;
    color: var(--ink-soft);
    line-height: 1.6;
  }
  @media (max-width: 880px) { .insights-grid { grid-template-columns: 1fr; max-width: 460px; margin: 0 auto; } }

  /* ---------- PARTNER CTA ---------- */
  .partner {
    background: linear-gradient(135deg, var(--saffron-deeper) 0%, var(--saffron) 50%, var(--saffron-soft) 100%);
    color: var(--cream);
    padding: clamp(70px, 8vw, 110px) 0;
    text-align: center;
    position: relative;
  }
  .partner::before {
    content: "\201C";
    position: absolute; inset: 0;
    background:
      radial-gradient(circle at 20% 30%, rgba(212,176,126,0.2) 0%, transparent 40%),
      radial-gradient(circle at 80% 70%, rgba(31,78,72,0.25) 0%, transparent 40%);
    pointer-events: none;
  }
  .partner .inner { position: relative; z-index: 1; max-width: 760px; margin: 0 auto; }
  .partner .eyebrow { color: var(--gold-soft); }
  .partner .eyebrow::before, .partner .eyebrow::after { background: var(--gold-soft); }
  .partner h2 {
    color: var(--cream);
    font-size: clamp(2.2rem, 4.5vw, 3.6rem);
    font-weight: 400;
    margin: 24px 0 18px;
    line-height: 1.05;
  }
  .partner h2 em { color: var(--gold-soft); font-style: italic; }
  .partner p {
    font-family: var(--font-display);
    font-style: italic;
    font-size: 1.2rem;
    color: rgba(250,245,235,0.92);
    margin-bottom: 36px;
    max-width: 60ch;
    margin-left: auto; margin-right: auto;
  }
  .partner .cta-row { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }

  /* ---------- FOOTER ---------- */
  footer.site {
    background: var(--teal);
    color: var(--cream);
    padding: 80px 0 30px;
  }
  .foot-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
    gap: 40px;
    margin-bottom: 60px;
  }
  .foot-brand .logo-mark { color: var(--gold-soft); margin-bottom: 18px; display: inline-block; }
  .foot-brand .logo-mark::after { background: var(--gold-soft); }
  .foot-brand p {
    font-size: 0.92rem;
    line-height: 1.7;
    color: rgba(250,245,235,0.75);
    max-width: 36ch;
    margin-top: 18px;
  }
  .foot-col h5 {
    font-family: var(--font-caps);
    font-size: 0.74rem;
    letter-spacing: 0.3em;
    color: var(--gold-soft);
    margin-bottom: 22px;
    font-weight: 500;
  }
  .foot-col ul { list-style: none; }
  .foot-col li { margin-bottom: 12px; }
  .foot-col a {
    font-size: 0.9rem;
    color: rgba(250,245,235,0.8);
    transition: color .2s;
  }
  .foot-col a:hover { color: var(--gold-soft); }
  .foot-col address {
    font-style: normal;
    font-size: 0.9rem;
    line-height: 1.7;
    color: rgba(250,245,235,0.8);
  }
  .foot-bottom {
    border-top: 1px solid rgba(250,245,235,0.15);
    padding-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.78rem;
    color: rgba(250,245,235,0.6);
    flex-wrap: wrap;
    gap: 18px;
  }
  .socials { display: flex; gap: 18px; }
  .socials a {
    width: 36px; height: 36px;
    border: 1px solid rgba(250,245,235,0.3);
    border-radius: 50%;
    display: grid; place-items: center;
    transition: all .3s;
  }
  .socials a:hover { background: var(--saffron); border-color: var(--saffron); }
  @media (max-width: 880px) {
    .foot-grid { grid-template-columns: 1fr 1fr; }
  }
  @media (max-width: 520px) {
    .foot-grid { grid-template-columns: 1fr; }
    .foot-bottom { flex-direction: column; text-align: center; }
  }

  /* ---------- ENTRY ANIMATIONS ---------- */
  .reveal { opacity: 0; transform: translateY(20px); transition: opacity .8s ease, transform .8s ease; }
  .reveal.in { opacity: 1; transform: translateY(0); }

/* ========== WORDPRESS OVERRIDES ========== */

/* Remove bullet points from navigation */
nav.primary ul { list-style: none; display: flex; gap: 32px; margin: 0; padding: 0; }
nav.primary li { list-style: none; margin: 0; padding: 0; }
nav.primary li a {
    font-size: 0.78rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--teal);
    padding: 4px 0;
    position: relative;
    transition: color .2s;
    text-decoration: none;
}
nav.primary li a::after {
    content: ""; position: absolute; left: 0; bottom: -2px;
    width: 0; height: 1px; background: var(--saffron);
    transition: width .35s ease;
}
nav.primary li a:hover { color: var(--saffron); }
nav.primary li a:hover::after { width: 100%; }

/* SVG Logo */
.logo-img { height: 44px; width: auto; }

/* Search bar in utility */
.util-search { display: flex; align-items: center; }
.site-search-form {
    display: flex; align-items: center;
    background: rgba(250,245,235,0.12);
    border: 1px solid rgba(250,245,235,0.25);
    padding: 0;
    height: 32px;
}
.site-search-form input[type="search"] {
    background: transparent;
    border: none;
    color: var(--cream);
    font-family: var(--font-body);
    font-size: 0.74rem;
    letter-spacing: 0.12em;
    padding: 0 12px;
    width: 180px;
    height: 100%;
    outline: none;
}
.site-search-form input[type="search"]::placeholder { color: rgba(250,245,235,0.5); }
.site-search-form button {
    background: transparent;
    border: none;
    color: var(--gold-soft);
    cursor: pointer;
    padding: 0 10px;
    height: 100%;
    display: grid;
    place-items: center;
}

/* Footer dark background */
footer.site { background: #142220; }
.foot-brand .logo-mark::after { background: var(--gold-soft); }
.foot-brand .logo-img { height: 36px; filter: brightness(0) invert(1); margin-bottom: 18px; }

/* Footer menu list reset */
.foot-col ul { list-style: none; margin: 0; padding: 0; }
.foot-col li { margin-bottom: 12px; }

/* WP Admin bar fix */
.admin-bar header.site { top: 32px; }
@media screen and (max-width: 782px) { .admin-bar header.site { top: 46px; } }

/* Remove WP default margins */
.entry-content, .wp-block-post-content { margin: 0; padding: 0; }

/* ========== BUILDER SECTION STYLES ========== */
.sita-builder-output { overflow: hidden; }
.sita-builder-row { position: relative; }
.sita-builder-row .wrap { max-width: var(--max, 1280px); margin: 0 auto; padding-left: var(--gutter, clamp(20px,4vw,56px)); padding-right: var(--gutter, clamp(20px,4vw,56px)); }
.sita-builder-row.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(-50vw + 50%); }
.sita-builder-row.stretch-content { width: 100vw; max-width: 100vw; margin-left: calc(-50vw + 50%); }
.sita-builder-row.stretch-content .wrap { max-width: 100%; }
.sita-builder-row.stretch-no-padding { width: 100vw; max-width: 100vw; margin-left: calc(-50vw + 50%); padding: 0 !important; margin-top: 0; margin-bottom: 0; }
.sita-builder-row.stretch-no-padding .sita-builder-columns { gap: 0; }

/* Hero */
.hero { color: var(--cream, #FAF5EB); }
.hero h1 { color: var(--cream); font-family: var(--font-display); font-size: clamp(2.6rem,6.5vw,5.8rem); font-weight: 300; line-height: 1.02; max-width: 16ch; letter-spacing: -0.01em; }
.hero h1 em { font-style: italic; color: var(--gold-soft); font-weight: 400; }
.hero .eyebrow { color: var(--gold-soft); margin-bottom: 22px; }
.hero .eyebrow::before, .hero .eyebrow::after { background: var(--gold-soft); opacity: 0.6; }
.hero .sb-text { margin-top: 28px; font-size: 1.05rem; max-width: 52ch; color: rgba(250,245,235,.92); line-height: 1.65; }
.hero .btn { margin-top: 12px; margin-right: 14px; }
.hero .hero-cta-row { margin-top: 36px; display: flex; gap: 14px; flex-wrap: wrap; }
.hero .legacy-stamp { border: 1px solid rgba(250,245,235,.45); padding: 22px 28px; text-align: center; background: rgba(31,78,72,.25); backdrop-filter: blur(6px); min-width: 240px; }
.hero .legacy-stamp .num { font-family: var(--font-display); font-size: 4.2rem; line-height: 1; color: var(--gold-soft); font-weight: 400; }
.hero .legacy-stamp .lbl { font-family: var(--font-caps); font-size: 0.72rem; letter-spacing: 0.32em; color: rgba(250,245,235,.85); margin-top: 10px; text-transform: uppercase; }
.hero .legacy-stamp .est { font-family: var(--font-display); font-style: italic; margin-top: 14px; font-size: 0.95rem; color: var(--gold-soft); border-top: 1px solid rgba(250,245,235,.25); padding-top: 12px; }

/* Trust */
.trust { color: var(--cream, #FAF5EB); }
.trust .sb-counter .lbl { color: rgba(250,245,235,.85); }

/* Legacy / Section spacing */
.section { padding: clamp(70px,9vw,130px) 0; }
.section-head { text-align: center; max-width: 780px; margin: 0 auto clamp(40px,5vw,70px); }

/* Legacy Editorial */
.legacy { background: var(--cream); position: relative; }
.legacy h2 { margin-top: 18px; margin-bottom: 24px; }
.legacy h2 .accent { color: var(--saffron); font-style: italic; }
.legacy .sb-text { color: var(--ink-soft); margin-bottom: 18px; line-height: 1.75; max-width: 56ch; }
.legacy .legacy-quote { margin-top: 36px; padding: 24px 28px; border-left: 2px solid var(--saffron); background: var(--paper); }
.legacy .sb-image img { aspect-ratio: 4/5; object-fit: cover; }

/* Differentiators */
.diff { background: var(--paper); }
.diff .sita-builder-columns { gap: 1px !important; background: var(--rule); border: 1px solid var(--rule); }
.diff .sita-builder-col { background: var(--paper); }
.diff .diff-card { padding: 40px 32px; transition: background .35s ease; }
.diff .diff-card:hover { background: var(--cream); }

/* Destinations */
.dest-card { position: relative; overflow: hidden; cursor: pointer; }
.dest-card.feature { grid-row: span 2; }
.dest-card:hover .img { transform: scale(1.06); }
.dest-card .img { transition: transform 1.2s ease; }
@media (max-width: 880px) { .dest-grid { grid-template-columns: 1fr 1fr !important; grid-template-rows: 260px 260px 260px !important; } .dest-card.feature { grid-row: auto; grid-column: span 2; } }

/* Sustainability */
.sustain { color: var(--cream); position: relative; overflow: hidden; }
.sustain .eyebrow { color: var(--gold-soft); }
.sustain .eyebrow::before, .sustain .eyebrow::after { background: var(--gold-soft); }
.sustain h2 { color: var(--cream); }
.sustain h2 em { color: var(--gold-soft); }
.travelife-card { background: var(--cream); color: var(--teal); padding: 40px; position: relative; }
.travelife-card::before { content: ""; position: absolute; top: -1px; left: -1px; right: -1px; height: 4px; background: linear-gradient(90deg, var(--saffron), var(--gold), var(--saffron)); }
.travelife-badge { display: inline-flex; align-items: center; gap: 14px; padding: 10px 18px; background: var(--saffron); color: var(--cream); font-family: var(--font-caps); font-size: 0.7rem; letter-spacing: 0.28em; margin-bottom: 22px; text-transform: uppercase; }
.travelife-badge .dot { width: 8px; height: 8px; background: var(--gold-soft); border-radius: 50%; }
.travelife-card h3 { font-size: 2rem; font-weight: 500; margin-bottom: 14px; line-height: 1.15; }
.travelife-card h3 em { color: var(--saffron); font-style: italic; }

/* Awards */
.awards .sita-builder-col { background: var(--cream); padding: 36px 32px; border: 1px solid var(--rule); transition: all .3s; }
.awards .sita-builder-col:hover { transform: translateY(-4px); border-color: var(--saffron); }

/* Quotes */
.quotes { position: relative; }
.quotes .sita-builder-col { background: var(--cream); padding: 38px 32px; border-top: 2px solid var(--saffron); }
.quotes .legacy-quote { border-left: none; background: transparent; padding: 0; margin: 0; }
.quotes .legacy-quote .q { font-family: var(--font-display); font-style: italic; font-size: 1.05rem; color: var(--teal); line-height: 1.55; margin-bottom: 22px; }

/* Insights */
.insights .sb-image img { aspect-ratio: 4/3; object-fit: cover; margin-bottom: 22px; }
.insights h4 { font-family: var(--font-display); font-size: 1.45rem; font-weight: 500; line-height: 1.2; margin-bottom: 10px; }

/* Partner CTA */
.partner { color: var(--cream); text-align: center; position: relative; overflow: hidden; }
.partner .eyebrow { color: var(--gold-soft); }
.partner .eyebrow::before, .partner .eyebrow::after { background: var(--gold-soft); }
.partner h2 { color: var(--cream); font-size: clamp(2.2rem,4.5vw,3.6rem); font-weight: 400; margin: 24px 0 18px; }
.partner h2 em { color: var(--gold-soft); font-style: italic; }
.partner .sb-text { font-family: var(--font-display); font-style: italic; font-size: 1.2rem; color: rgba(250,245,235,.92); margin-bottom: 36px; max-width: 60ch; margin-left: auto; margin-right: auto; }
.partner .btn { margin: 0 8px; }

/* Certs */
.certs { border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.certs .sita-builder-col { aspect-ratio: 1; border: 1px solid var(--rule); background: var(--paper); display: grid; place-items: center; text-align: center; transition: all .3s; }
.certs .sita-builder-col:hover { border-color: var(--saffron); transform: translateY(-2px); }

/* Responsive */
@media (max-width: 880px) {
    .sita-builder-columns { grid-template-columns: 1fr !important; }
    .hero .sita-builder-columns { grid-template-columns: 1fr auto !important; }
    .trust .sita-builder-columns { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 520px) {
    .hero .sita-builder-columns { grid-template-columns: 1fr !important; }
    .trust .sita-builder-columns { grid-template-columns: repeat(2, 1fr) !important; }
}

/* Section head rows - centered content */
.section-head-row .wrap { text-align: center; max-width: 780px; margin: 0 auto; }
.section-head-row .eyebrow { margin-bottom: 22px; }
.section-head-row h2 { margin-bottom: 18px; }
.section-head-row .sb-text { color: var(--ink-soft); font-size: 1.02rem; max-width: 65ch; margin: 0 auto; }

/* Grid layouts for builder sections */
.diff-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--rule); border: 1px solid var(--rule); }
.dest-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; grid-template-rows: 320px 320px; gap: 16px; }
.awards-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.certs-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 14px; align-items: center; }
.quotes-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; position: relative; z-index: 1; }
.insights-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }

/* Dest card overlay (was missing) */
.dest-overlay { position: absolute; inset: 0; background: linear-gradient(180deg,rgba(31,78,72,.05) 30%,rgba(31,78,72,.85) 100%); z-index: 1; }
.dest-content { z-index: 2; }
.dest-card .img { position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform 1.2s ease; }

/* Diff card backgrounds */
.diff-grid .diff-card { background: var(--paper); padding: 40px 32px; transition: background .35s ease; }
.diff-grid .diff-card:hover { background: var(--cream); }
.diff-grid .diff-num::after { content: ""; flex: 1; height: 1px; background: var(--rule); }
.diff-grid .diff-num { display: flex; align-items: center; gap: 10px; }

/* Certs head */
.certs-head { text-align: center; margin-bottom: 40px; }
.certs-head .eyebrow { margin-bottom: 12px; }
.certs-head h3 { font-size: 1.6rem; color: var(--teal); font-weight: 400; }

/* Responsive grids */
@media (max-width: 880px) {
    .diff-grid { grid-template-columns: 1fr 1fr; }
    .dest-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 260px 260px 260px; }
    .dest-card.feature { grid-row: auto; grid-column: span 2; }
    .awards-grid { grid-template-columns: 1fr; }
    .certs-grid { grid-template-columns: repeat(5, 1fr); }
    .quotes-grid { grid-template-columns: 1fr; }
    .insights-grid { grid-template-columns: 1fr; max-width: 460px; margin: 0 auto; }
}
@media (max-width: 520px) {
    .diff-grid { grid-template-columns: 1fr; }
    .dest-grid { grid-template-columns: 1fr; grid-template-rows: repeat(5, 240px); }
    .dest-card.feature { grid-column: auto; }
    .certs-grid { grid-template-columns: repeat(3, 1fr); }
}

/* Hero slideshow */
.hero-slideshow { position: absolute; inset: 0; }
.hero-slide { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transition: opacity 1.5s ease; transform: scale(1.04); }
.hero-slide.active { opacity: 1; }
.hero-overlay { position: absolute; inset: 0; background: linear-gradient(180deg,rgba(31,78,72,.25) 0%,rgba(31,78,72,.15) 40%,rgba(31,78,72,.85) 100%); z-index: 1; }
.hero-content { position: relative; z-index: 2; }
.hero-meta { display: flex; gap: 40px; padding-top: 32px; border-top: 1px solid rgba(255,255,255,.12); margin-top: 36px; }
.hero-meta .item .num { font-family: var(--font-display); font-size: clamp(1.8rem,3vw,2.4rem); color: #fff; line-height: 1; }
.hero-meta .item .lab { font-size: 0.68rem; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(250,245,235,.6); margin-top: 6px; }

/* Topbar update */
.topbar-inner { display: flex; justify-content: space-between; align-items: center; }
.topbar-right { display: flex; align-items: center; gap: 18px; }
.partner-link { display: flex; align-items: center; gap: 6px; opacity: .85; }
.partner-link:hover { opacity: 1; color: #fff; }
.lang-switch { opacity: .85; }
.search-toggle { background: none; border: none; color: var(--ink); cursor: pointer; padding: 4px; }
.header-right { display: flex; align-items: center; }

/* Styles grid (Travel Styles section) */
.styles-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.style-card { background: var(--cream); overflow: hidden; transition: transform .3s, box-shadow .3s; }
.style-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,.08); }
.style-card .img { height: 220px; background-size: cover; background-position: center; }
.style-card .img.placeholder { background: var(--paper-2, #ede8df); display: flex; align-items: center; justify-content: center; }
.style-card .body { padding: 28px 24px; }
.style-card h3 { font-family: var(--font-display); font-size: 1.4rem; font-weight: 500; margin-bottom: 10px; }
.style-card p { color: var(--ink-soft); font-size: 0.92rem; line-height: 1.65; margin-bottom: 14px; }
.style-card .more { font-family: var(--font-caps); font-size: 0.72rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--saffron); font-weight: 600; }
@media (max-width: 880px) { .styles-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .styles-grid { grid-template-columns: 1fr; } }

/* Sustainability stats grid */
.sustain-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px,6vw,80px); align-items: start; }
.pledges { display: flex; flex-wrap: wrap; gap: 10px; margin: 24px 0 28px; }
.pledges span { display: inline-block; padding: 8px 16px; border: 1px solid rgba(250,245,235,.25); font-size: 0.75rem; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(250,245,235,.85); }
.sustain-cta { margin-top: 8px; }
.stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.stat { background: rgba(250,245,235,.08); padding: 28px 24px; border: 1px solid rgba(250,245,235,.1); }
.stat .num { font-family: var(--font-display); font-size: clamp(1.6rem,2.2vw,2.2rem); color: var(--gold-soft, #d4a76a); font-weight: 400; line-height: 1; }
.stat .lab { font-size: 0.82rem; color: rgba(250,245,235,.85); margin-top: 8px; }
.stat .sub { font-size: 0.72rem; color: rgba(250,245,235,.5); margin-top: 4px; }
@media (max-width: 880px) { .sustain-grid { grid-template-columns: 1fr; } }

/* Dest grid 3-col */
.dest-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 320px; gap: 16px; }
.dest-grid-3 .dest-card.feature { grid-column: span 1; grid-row: span 1; }
@media (max-width: 880px) { .dest-grid-3 { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .dest-grid-3 { grid-template-columns: 1fr; } }

/* Diff grid 3-col (6 cards) */
/* diff-grid columns set by inline style from renderer */

/* Cert logo support */
.cert-logo { max-height: 48px; max-width: 100px; object-fit: contain; margin: 0 auto; }

/* Award year highlight */
.award-year { font-family: var(--font-caps); font-size: 0.72rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--saffron); font-weight: 700; margin-bottom: 12px; padding: 6px 0; border-bottom: 2px solid var(--saffron); display: inline-block; }

/* CLASS BY SITA section */
.class-sita { background: var(--teal, #1F4E48); color: var(--cream, #FAF5EB); padding: clamp(70px,9vw,130px) 0; position: relative; overflow: hidden; }
.class-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: clamp(40px,6vw,80px); align-items: center; }
.class-photo { aspect-ratio: 4/3; background: #000; position: relative; border: 1px solid rgba(250,245,235,.15); overflow: hidden; }
.class-photo img { width: 100%; height: 100%; object-fit: cover; }
.class-photo .ph { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #3a3a3a; font-size: 11px; letter-spacing: .2em; text-transform: uppercase; }
.class-sita h2 { font-family: var(--font-display); font-weight: 500; font-size: clamp(2rem,4vw,3.2rem); line-height: 1.05; margin: 18px 0 22px; color: #fff; }
.class-sita h2 em { font-style: italic; color: var(--gold-soft); }
.class-sita .lead { color: rgba(250,245,235,.85); font-size: 1rem; max-width: 520px; margin-bottom: 36px; line-height: 1.65; }
.class-three { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; padding-top: 32px; border-top: 1px solid rgba(250,245,235,.15); }
.class-three .item .n { color: var(--gold-soft); font-family: var(--font-display); font-size: 2rem; line-height: 1; }
.class-three .item h4 { font-family: var(--font-caps); font-size: 0.72rem; letter-spacing: .12em; text-transform: uppercase; margin: 10px 0 8px; color: rgba(250,245,235,.9); }
.class-three .item p { font-size: 0.85rem; color: rgba(250,245,235,.6); line-height: 1.55; }
@media (max-width: 880px) { .class-grid { grid-template-columns: 1fr; } }

 

/* Footer dark teal */
footer.site { background: #0e1f1d; color: rgba(250,245,235,.8); }

/* Partner teal bg */
.partner { background: linear-gradient(135deg,#1F4E48 0%,#2A6862 60%,#1F4E48 100%) !important; }

/* Search bar in header */
.site-search-form { display: flex; align-items: center; background: rgba(15,27,45,.06); border: 1px solid var(--rule, #e5e0d6); border-radius: 2px; overflow: hidden; }
.site-search-form input[type="search"] { border: none; background: transparent; padding: 8px 14px; font-size: 13px; width: 180px; outline: none; font-family: inherit; color: var(--ink); }
.site-search-form input::placeholder { color: var(--ink-soft, #888); }
.site-search-form button { border: none; background: var(--saffron); color: #fff; padding: 8px 12px; cursor: pointer; display: flex; align-items: center; }
.site-search-form button:hover { background: var(--teal); }
@media (max-width: 880px) { .site-search-form input[type="search"] { width: 120px; } }

.site-search-form input::placeholder { color: var(--teal, #1F4E48) !important; opacity: 0.7; }



/* === DESTINATION GRID === */
.dest-grid-custom{display:grid!important;grid-template-areas:"india nepal" "india bhutan" "india srilanka"!important;grid-template-columns:1fr 1fr!important;grid-template-rows:220px 220px 220px!important;gap:16px!important}
.dest-grid-custom .dest-card:nth-child(1){grid-area:india!important}
.dest-grid-custom .dest-card:nth-child(2){grid-area:nepal!important}
.dest-grid-custom .dest-card:nth-child(3){grid-area:bhutan!important}
.dest-grid-custom .dest-card:nth-child(4){grid-area:srilanka!important}
.dest-grid-custom .dest-card{position:relative!important;overflow:hidden!important}
.dest-grid-custom .dest-card .img{position:absolute!important;inset:0!important;background-size:cover!important;background-position:center!important}
.dest-grid-custom .dest-card::after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(31,78,72,.05) 30%,rgba(31,78,72,.85) 100%)!important;z-index:1!important}
.dest-grid-custom .dest-content{position:absolute!important;left:0!important;right:0!important;bottom:0!important;padding:28px!important;color:var(--cream)!important;z-index:2!important}
.dest-grid-custom .dest-content h3{font-family:var(--font-display)!important;font-size:clamp(1.6rem,2.4vw,2.4rem)!important;font-weight:400!important;color:var(--cream)!important}
.dest-grid-custom .dest-content .lbl{font-family:var(--font-caps)!important;font-size:.65rem!important;letter-spacing:.3em!important;text-transform:uppercase!important;color:var(--gold-soft)!important;margin-bottom:6px!important}
.dest-grid-custom .arrow-link{font-family:var(--font-caps)!important;font-size:.7rem!important;letter-spacing:.3em!important;text-transform:uppercase!important;margin-top:10px!important;display:inline-block!important}
@media(max-width:880px){.dest-grid-custom{grid-template-areas:"india india" "nepal bhutan" "srilanka srilanka"!important;grid-template-columns:1fr 1fr!important;grid-template-rows:280px 280px 280px!important}}
@media(max-width:520px){.dest-grid-custom{grid-template-areas:"india" "nepal" "bhutan" "srilanka"!important;grid-template-columns:1fr!important;grid-template-rows:repeat(4,240px)!important}}

/* Page hero banners */
.page-hero{position:relative;overflow:hidden;text-align:center}
.page-hero .wrap{position:relative;z-index:2}
.page-hero::before{content:"";position:absolute;inset:0;z-index:0}

/* ===== PAGE HERO TALLER ===== */
.page-hero { min-height: 50vh; display: flex; align-items: flex-end; }
.page-hero .wrap { padding-bottom: 60px; width: 100%; }
.page-hero h1 { font-size: clamp(2.4rem,5vw,4rem); margin-top: 16px; }
.page-hero p { max-width: 600px; margin: 16px auto 0; }

/* ===== ESTABLISHED BADGE ROW ===== */
.est-badge { display: inline-block; padding: 10px 28px; border: 1px solid var(--saffron); font-family: var(--font-caps); font-size: .7rem; letter-spacing: .28em; text-transform: uppercase; color: var(--saffron); margin-bottom: 28px; }

/* ===== FOUR PILLARS ELEGANT ===== */
.pillars-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 0; border: 1px solid var(--rule); }
.pillar-item { padding: 40px 28px; text-align: center; border-right: 1px solid var(--rule); transition: background .3s; }
.pillar-item:last-child { border-right: 0; }
.pillar-item:hover { background: var(--cream); }
.pillar-item .pillar-icon { width: 48px; height: 48px; margin: 0 auto 18px; color: var(--saffron); }
.pillar-item h4 { font-family: var(--font-display); font-size: 1.15rem; font-weight: 500; line-height: 1.25; }
@media(max-width:880px){.pillars-grid{grid-template-columns:1fr 1fr}.pillar-item:nth-child(2){border-right:0}}
@media(max-width:520px){.pillars-grid{grid-template-columns:1fr}.pillar-item{border-right:0;border-bottom:1px solid var(--rule)}}

/* ===== VISION MISSION ELEGANT ===== */
.vm-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
.vm-card { padding: 48px 40px; position: relative; }
.vm-card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; }
.vm-card:first-child::before { background: var(--saffron); }
.vm-card:last-child::before { background: var(--teal); }
.vm-card h3 { font-family: var(--font-display); font-size: 2rem; font-weight: 400; font-style: italic; color: var(--saffron); margin-bottom: 18px; }
.vm-card:last-child h3 { color: var(--teal); }
.vm-card p { color: var(--ink-soft); line-height: 1.75; }
@media(max-width:880px){.vm-grid{grid-template-columns:1fr}}

/* ===== NETWORK MAP SECTION ===== */
.network-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 48px; align-items: start; }
.network-map { width: 100%; min-height: 450px; border: 1px solid var(--rule); background: var(--paper-2, #ede8df); }
.network-map iframe { width: 100%; height: 100%; min-height: 450px; border: 0; }
.network-btns { display: flex; gap: 14px; justify-content: center; margin-top: 32px; }
@media(max-width:880px){.network-grid{grid-template-columns:1fr}}

/* ===== TIMELINE MODERN ===== */
.timeline { position: relative; padding: 40px 0; }
.timeline::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; background: var(--rule); transform: translateX(-50%); }
.timeline-item { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; margin-bottom: 48px; position: relative; }
.timeline-item::before { content: ""; position: absolute; left: 50%; top: 20px; width: 14px; height: 14px; background: var(--saffron); border: 3px solid var(--cream); border-radius: 50%; transform: translateX(-50%); z-index: 1; }
.timeline-item:nth-child(odd) .tl-content { text-align: right; }
.timeline-item:nth-child(even) .tl-content { grid-column: 2; }
.timeline-item:nth-child(even) .tl-year { grid-column: 1; grid-row: 1; text-align: right; }
.tl-year { font-family: var(--font-display); font-size: 2.4rem; color: var(--saffron); font-weight: 400; line-height: 1; padding-top: 10px; }
.tl-content h4 { font-family: var(--font-display); font-size: 1.3rem; font-weight: 500; margin-bottom: 8px; }
.tl-content p { color: var(--ink-soft); font-size: .92rem; line-height: 1.65; }
@media(max-width:880px){.timeline::before{left:20px}.timeline-item{grid-template-columns:1fr;gap:8px;padding-left:50px}.timeline-item::before{left:20px}.timeline-item:nth-child(odd) .tl-content,.timeline-item:nth-child(even) .tl-content{text-align:left;grid-column:auto}.timeline-item:nth-child(even) .tl-year{grid-column:auto;grid-row:auto;text-align:left}}

/* ===== TABS PANEL ===== */
.sb-tabs-nav { display: flex; gap: 0; border-bottom: 2px solid var(--rule); margin-bottom: 40px; }
.sb-tabs-nav button { padding: 14px 28px; font-family: var(--font-caps); font-size: .72rem; letter-spacing: .2em; text-transform: uppercase; font-weight: 600; border: 0; background: 0 0; color: var(--ink-soft); cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -2px; transition: all .2s; }
.sb-tabs-nav button.active { color: var(--saffron); border-bottom-color: var(--saffron); }
.sb-tab-panel { display: none; }
.sb-tab-panel.active { display: block; }

/* ===== NEWSLETTER ACCORDION ===== */
.nl-year { font-family: var(--font-display); font-size: 1.6rem; color: var(--teal); margin: 28px 0 14px; padding-bottom: 8px; border-bottom: 1px solid var(--rule); }
.nl-list { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin-bottom: 20px; }
.nl-link { display: block; padding: 12px 18px; background: var(--paper); border: 1px solid var(--rule); font-size: .88rem; transition: all .2s; }
.nl-link:hover { border-color: var(--saffron); color: var(--saffron); }
@media(max-width:880px){.nl-list{grid-template-columns:1fr 1fr}}

/* ===== BROCHURE CARDS ===== */
.brochure-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.brochure-card { background: var(--cream); overflow: hidden; border: 1px solid var(--rule); transition: all .3s; }
.brochure-card:hover { transform: translateY(-4px); border-color: var(--saffron); }
.brochure-card .img { height: 200px; background: var(--paper-2, #ede8df) center/cover; }
.brochure-card .body { padding: 20px; }
.brochure-card h4 { font-family: var(--font-display); font-size: 1.2rem; margin-bottom: 10px; }
.brochure-card .btn { font-size: 11px; padding: 8px 16px; }
@media(max-width:880px){.brochure-grid{grid-template-columns:1fr 1fr}}

/* ===== MEET JAY ===== */
.meet-jay { display: grid; grid-template-columns: auto 1fr; gap: 40px; align-items: center; }
.meet-jay .jay-photo { width: 200px; height: 200px; border-radius: 50%; overflow: hidden; border: 3px solid var(--saffron); }
.meet-jay .jay-photo img { width: 100%; height: 100%; object-fit: cover; }
.meet-jay h3 { font-family: var(--font-display); font-size: 1.8rem; font-weight: 500; margin-bottom: 8px; }
.meet-jay .role { font-family: var(--font-caps); font-size: .72rem; letter-spacing: .2em; text-transform: uppercase; color: var(--saffron); margin-bottom: 16px; }
@media(max-width:880px){.meet-jay{grid-template-columns:1fr;text-align:center}.meet-jay .jay-photo{margin:0 auto}}

/* ===== DEST PAGE CARDS ===== */
.dest-page-card { display: grid; grid-template-columns: 1fr 1fr; gap: 0; min-height: 400px; overflow: hidden; }
.dest-page-card:nth-child(even) { direction: rtl; }
.dest-page-card:nth-child(even) > * { direction: ltr; }
.dest-page-card .dest-img { background-size: cover; background-position: center; min-height: 400px; position: relative; }
.dest-page-card .dest-img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(20,34,32,.02) 60%,rgba(20,34,32,.4) 100%); }
.dest-page-card:nth-child(even) .dest-img::after { background: linear-gradient(270deg,rgba(20,34,32,.02) 60%,rgba(20,34,32,.4) 100%); }
.dest-page-card .dest-text { padding: 48px 40px; display: flex; flex-direction: column; justify-content: center; }
.dest-page-card .dest-text h2 { font-family: var(--font-display); font-size: clamp(2rem,3vw,2.8rem); font-weight: 400; margin: 12px 0 18px; }
.dest-page-card .dest-text p { color: var(--ink-soft); line-height: 1.75; margin-bottom: 14px; }
.dest-page-card:nth-child(odd) { background: var(--cream); }
.dest-page-card:nth-child(even) { background: var(--paper); }
@media(max-width:880px){.dest-page-card,.dest-page-card:nth-child(even){grid-template-columns:1fr;direction:ltr}.dest-page-card .dest-img{min-height:280px}}

/* ===== SUSTAIN INITIATIVE CARDS ===== */
.initiative-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.initiative-card { padding: 40px; border: 1px solid var(--rule); background: var(--cream); transition: all .3s; position: relative; overflow: hidden; }
.initiative-card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--teal); }
.initiative-card:hover { transform: translateY(-3px); border-color: var(--teal); }
.initiative-card .init-eyebrow { font-family: var(--font-caps); font-size: .65rem; letter-spacing: .25em; text-transform: uppercase; color: var(--teal); margin-bottom: 14px; }
.initiative-card h3 { font-family: var(--font-display); font-size: 1.5rem; font-weight: 500; margin-bottom: 12px; }
.initiative-card h3 em { color: var(--saffron); font-style: italic; }
.initiative-card p { color: var(--ink-soft); font-size: .92rem; line-height: 1.65; }
@media(max-width:880px){.initiative-grid{grid-template-columns:1fr}}

/* ===== VIDEO GRID ===== */
.video-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.video-card { background: var(--cream); overflow: hidden; border: 1px solid var(--rule); }
.video-card .thumb { aspect-ratio: 16/9; background: #000 center/cover; position: relative; display: flex; align-items: center; justify-content: center; }
.video-card .play { width: 48px; height: 48px; background: rgba(255,255,255,.9); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.video-card h4 { padding: 14px 16px; font-size: .88rem; }
@media(max-width:880px){.video-grid{grid-template-columns:1fr 1fr}}

/* === VERTICAL ALTERNATING TIMELINE === */
.sita-timeline{position:relative;padding:20px 0}
.sita-timeline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--rule);transform:translateX(-50%)}
.tl-row{display:flex;justify-content:flex-end;padding:0 0 40px;width:50%;position:relative}
.tl-row.tl-right{align-self:flex-end;justify-content:flex-start;margin-left:50%;padding-left:40px}
.tl-row.tl-left{padding-right:40px}
.tl-dot{position:absolute;width:16px;height:16px;background:var(--saffron);border:3px solid var(--paper);border-radius:50%;z-index:2}
.tl-row.tl-left .tl-dot{right:-8px;top:20px}
.tl-row.tl-right .tl-dot{left:-8px;top:20px}
.tl-card{background:var(--cream);padding:28px 32px;border:1px solid var(--rule);max-width:420px;position:relative}
.tl-row.tl-left .tl-card::after{content:"";position:absolute;right:-10px;top:22px;width:0;height:0;border:5px solid transparent;border-left-color:var(--rule)}
.tl-row.tl-right .tl-card::after{content:"";position:absolute;left:-10px;top:22px;width:0;height:0;border:5px solid transparent;border-right-color:var(--rule)}
.tl-year{font-family:var(--font-display);font-size:2.4rem;color:var(--saffron);line-height:1;margin-bottom:8px}
.tl-card h4{font-family:var(--font-display);font-size:1.2rem;font-weight:500;margin-bottom:8px}
.tl-card p{font-size:.88rem;color:var(--ink-soft);line-height:1.6}
@media(max-width:880px){.sita-timeline::before{left:20px}.tl-row,.tl-row.tl-right{width:100%;margin-left:0;padding-left:50px;padding-right:0;justify-content:flex-start}.tl-row.tl-left .tl-dot,.tl-row.tl-right .tl-dot{left:12px;right:auto}.tl-row.tl-left .tl-card::after{display:none}.tl-row.tl-right .tl-card::after{display:none}}

/* === VISION MISSION NEW DESIGN === */
.sita-vm-section{background:var(--paper);padding:clamp(60px,8vw,100px) 0}
.sita-vm{display:grid;grid-template-columns:1fr 1fr;gap:0}
.vm-item{padding:52px 44px;position:relative;border:1px solid var(--rule)}
.vm-vision{background:var(--cream);border-top:3px solid var(--saffron)}
.vm-mission{background:var(--cream);border-top:3px solid var(--teal);border-left:0}
.vm-icon{margin-bottom:20px;color:var(--saffron)}
.vm-mission .vm-icon{color:var(--teal)}
.vm-label{font-family:var(--font-caps);font-size:.68rem;letter-spacing:.35em;text-transform:uppercase;margin-bottom:16px;color:var(--saffron)}
.vm-mission .vm-label{color:var(--teal)}
.vm-item h3{font-family:var(--font-display);font-size:1.6rem;font-weight:400;font-style:italic;line-height:1.35;margin-bottom:18px;color:var(--ink)}
.vm-vision h3{color:var(--saffron)}
.vm-mission h3{color:var(--teal)}
.vm-item p{font-size:.95rem;line-height:1.8;color:var(--ink-soft)}
@media(max-width:880px){.sita-vm{grid-template-columns:1fr}.vm-mission{border-left:1px solid var(--rule);border-top:3px solid var(--teal)}}

/* Legacy flip (image left, text right) */
.legacy-flip .legacy-grid { direction: rtl; }
.legacy-flip .legacy-grid > * { direction: ltr; }
@media(max-width:880px) { .legacy-flip .legacy-grid { direction: ltr; } }


/* ================================================================
   SUSTAINABILITY PAGE — Exact prototype match
   ================================================================ */
.sus-editorial{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,80px);align-items:center}
.sus-editorial.sus-flip{direction:rtl}
.sus-editorial.sus-flip>*{direction:ltr}
.sus-editorial-text .eyebrow{margin-bottom:16px;display:flex}
.sus-editorial-text h2{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.6rem);font-weight:400;margin-bottom:20px;line-height:1.15}
.sus-editorial-text h2 em{color:var(--saffron);font-style:italic}
.sus-editorial-text p{color:var(--ink-soft);line-height:1.8;margin-bottom:14px;font-size:.92rem}
.sus-editorial-text .btn{margin-top:10px}
.sus-editorial-img{position:relative}
.sus-editorial-img img{width:100%;display:block;border:1px solid var(--rule)}
.sus-editorial-img .sus-stamp{position:absolute;bottom:-16px;right:24px;background:var(--teal);border:1px solid var(--teal);padding:14px 22px;text-align:center;z-index:2;box-shadow:0 4px 16px rgba(31,78,72,.25)}
.sus-editorial-img .sus-stamp .big{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--gold-soft);letter-spacing:.05em}
.sus-editorial-img .sus-stamp .sub{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(250,245,235,.7)}

/* Sustainability intro */
.sus-intro{text-align:center;max-width:1000px;margin:0 auto}
.sus-intro p{color:var(--ink-soft);line-height:1.85;margin-bottom:16px;font-size:.95rem}
.sus-intro p:first-child{font-size:1.05rem;font-weight:500;color:var(--ink)}

/* Initiative cards */
.sus-init-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.sus-init-card{padding:40px;border:1px solid var(--rule);background:var(--cream);position:relative;overflow:hidden;transition:all .3s}
.sus-init-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--teal)}
.sus-init-card:hover{transform:translateY(-3px);border-color:var(--teal);box-shadow:0 8px 30px rgba(31,78,72,.08)}
.sus-init-card .sus-label{font-family:var(--font-caps);font-size:.62rem;letter-spacing:.25em;text-transform:uppercase;color:var(--teal);margin-bottom:14px}
.sus-init-card h3{font-family:var(--font-display);font-size:1.4rem;font-weight:500;margin-bottom:12px;line-height:1.3}
.sus-init-card h3 em{color:var(--saffron);font-style:italic}
.sus-init-card p{font-size:.88rem;color:var(--ink-soft);line-height:1.65}

/* Past initiatives grid */
.sus-past-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}
.sus-past-item{padding:40px;border:1px solid var(--rule)}
.sus-past-item h3{font-family:var(--font-display);font-size:1.5rem;color:var(--saffron);margin-bottom:14px;font-weight:500}
.sus-past-item p{font-size:.88rem;color:var(--ink-soft);line-height:1.7}

@media(max-width:880px){.sus-editorial,.sus-editorial.sus-flip{grid-template-columns:1fr;direction:ltr}.sus-init-grid,.sus-past-grid{grid-template-columns:1fr}}

/* Init card with image */
.sus-init-has-img{padding:0;display:grid;grid-template-columns:180px 1fr;gap:0;overflow:hidden}
.sus-init-img{background-size:cover;background-position:center;min-height:200px}
.sus-init-body{padding:32px}
/* Past item with image */
.sus-past-has-img{padding:0;display:grid;grid-template-columns:160px 1fr;gap:0;overflow:hidden}
.sus-past-img{background-size:cover;background-position:center;min-height:160px}
.sus-past-body{padding:32px}
@media(max-width:880px){.sus-init-has-img,.sus-past-has-img{grid-template-columns:1fr}.sus-init-img,.sus-past-img{min-height:180px}}

/* Language switcher with flags */
.lang-switcher{position:relative}
.lang-current{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:rgba(250,245,235,.9);font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px;letter-spacing:.03em}
.lang-current:hover{color:#fff}
.lang-current img{border-radius:1px}
.lang-current svg{opacity:.6;transition:transform .2s}
.lang-switcher.open .lang-current svg{transform:rotate(180deg)}
.lang-dropdown{display:none;position:absolute;top:100%;right:0;background:#fff;border:1px solid var(--rule);border-radius:3px;min-width:150px;padding:6px 0;box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:999;margin-top:6px}
.lang-switcher.open .lang-dropdown{display:block}
.lang-item{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:12px;color:var(--ink);transition:background .15s}
.lang-item:hover{background:var(--paper)}
.lang-item.active{color:var(--saffron);font-weight:600}
.lang-item img{border-radius:1px}

/* Custom header */
header.site.custom-header{background:transparent!important;padding:0;position:fixed;top:0;left:0;right:0;z-index:100;transition:background .3s,box-shadow .3s;backdrop-filter:none;border-bottom:none}
header.site.custom-header.scrolled{background:rgba(255,255,255,.97)!important;box-shadow:0 2px 16px rgba(0,0,0,.08);backdrop-filter:blur(12px)}
.custom-header .nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 clamp(24px,4vw,60px);max-width:100%!important;width:100%}
.custom-header .logo{cursor:default}
.custom-header-right{display:flex;align-items:center;gap:24px}
.custom-header .primary{display:flex;align-items:center}
.custom-header .primary li{list-style:none;position:relative}
.custom-header .primary li a{display:block;padding:8px 16px;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:var(--teal);transition:color .2s}
.custom-header .primary li a:hover{color:var(--saffron)}
.custom-header .primary li ul{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--rule);min-width:200px;padding:8px 0;box-shadow:0 8px 24px rgba(0,0,0,.08);z-index:99}
.custom-header .primary li:hover>ul{display:block}
.custom-header .primary li ul li a{font-size:.72rem;padding:8px 20px;letter-spacing:.12em;font-weight:500;color:var(--teal)}
.custom-header .lang-switcher .lang-current{color:var(--teal);font-size:12px;font-weight:500}
@media(max-width:880px){.custom-header-right{gap:12px}.custom-header .primary li a{padding:8px 10px;font-size:.65rem}}


.class-sita .section-head{text-align:left;margin:0 0 clamp(40px,5vw,70px)}

/* Global font consistency */
.eyebrow,.sus-label,.init-eyebrow,.sus-init-card .sus-label{font-family:var(--font-body);font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;font-weight:600}
nav.primary li a{font-family:var(--font-body);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;font-weight:500}
.custom-header .primary li a{font-family:var(--font-body);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:#fff!important}
.custom-header .primary li a:hover{color:var(--gold-soft)!important}
.custom-header .logo-img{filter:brightness(0) invert(1)}
.custom-header .lang-switcher .lang-current{color:#fff!important}
.custom-header.scrolled .primary li a{color:var(--teal)!important}
.custom-header.scrolled .primary li a:hover{color:var(--saffron)!important}
.custom-header.scrolled .logo-img{filter:none}
.custom-header.scrolled .lang-switcher .lang-current{color:var(--teal)!important}
.btn,.btn--primary,.btn--ghost,a.btn{font-family:var(--font-body);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600}
.util a,.util-countries a{font-family:var(--font-body);font-size:.68rem;letter-spacing:.12em}
h1,h2,h3,.card h1,.login-box h1{font-family:var(--font-display)}
h4,h5{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.12em}
body,p,.fd label,.field label{font-family:var(--font-body)}

/* Remove ::after from primary nav links */
nav.primary li a::after,
.primary li a::after,
header.site nav a::after{display:none!important;content:none!important}

/* Default header: full width, logo left */

header.site .logo{align-items:flex-start}

/* Ninja Forms Styling */
.nf-form-cont{font-family:var(--font-body)}
.nf-form-cont .nf-form-title h3{font-family:var(--font-display);font-size:1.6rem;font-weight:400;margin-bottom:20px;color:var(--ink)}
.nf-form-cont .nf-field-container{margin-bottom:16px}
.nf-form-cont .nf-field-label label{display:block;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;color:var(--ink)}
.nf-form-cont .nf-field-element input[type="text"],
.nf-form-cont .nf-field-element input[type="email"],
.nf-form-cont .nf-field-element input[type="tel"],
.nf-form-cont .nf-field-element input[type="number"],
.nf-form-cont .nf-field-element input[type="url"],
.nf-form-cont .nf-field-element input[type="password"],
.nf-form-cont .nf-field-element input[type="date"],
.nf-form-cont .nf-field-element select,
.nf-form-cont .nf-field-element textarea{width:100%;padding:12px 16px;border:1px solid var(--rule);background:var(--cream);font-size:14px;font-family:var(--font-body);border-radius:3px;outline:none;transition:border .2s;color:var(--ink);box-sizing:border-box}
.nf-form-cont .nf-field-element input:focus,
.nf-form-cont .nf-field-element select:focus,
.nf-form-cont .nf-field-element textarea:focus{border-color:var(--saffron);box-shadow:0 0 0 3px rgba(200,116,42,.1)}
.nf-form-cont .nf-field-element textarea{min-height:120px;resize:vertical}
.nf-form-cont .nf-field-element select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235a6355' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}
.nf-form-cont .nf-field-element input::placeholder,
.nf-form-cont .nf-field-element textarea::placeholder{color:var(--ink-soft);opacity:.5}
.nf-form-cont .submit-container input[type="button"],
.nf-form-cont .submit-container input[type="submit"],
.nf-form-cont .nf-field-element input[type="submit"],
.nf-form-cont .nf-field-element button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;background:var(--saffron);color:#fff;border:none;border-radius:3px;font-family:var(--font-body);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;cursor:pointer;transition:all .3s;width:100%}
.nf-form-cont .submit-container input:hover,
.nf-form-cont .nf-field-element input[type="submit"]:hover,
.nf-form-cont .nf-field-element button:hover{background:var(--teal)}
.nf-form-cont .nf-error-msg{color:#c0392b;font-size:.78rem;margin-top:4px}
.nf-form-cont .nf-field-element .nf-element-error{border-color:#c0392b!important}
.nf-form-cont .nf-response-msg{padding:16px 20px;border-radius:4px;margin-top:16px;font-size:.9rem}
.nf-form-cont .nf-response-msg.nf-success{background:#e8f5e9;color:#2e7d32;border-left:4px solid #4CAF50}
.nf-form-cont .nf-response-msg.nf-error{background:#fde8e8;color:#c0392b;border-left:4px solid #c0392b}
.nf-form-cont .checkbox-container label,
.nf-form-cont .listcheckbox-container label,
.nf-form-cont .listradio-container label{display:flex;align-items:center;gap:8px;font-size:.88rem;padding:4px 0;cursor:pointer}
.nf-form-cont .checkbox-container input,
.nf-form-cont .listcheckbox-container input,
.nf-form-cont .listradio-container input{accent-color:var(--saffron);width:16px;height:16px}
.nf-form-cont .nf-form-fields-required{font-size:.75rem;color:var(--ink-soft);margin-bottom:16px}
.nf-form-cont .field-wrap .pikaday__container input{padding:12px 16px;border:1px solid var(--rule);border-radius:3px}
.nf-form-cont .nf-field-description{font-size:.78rem;color:var(--ink-soft);margin-top:4px}
/* Two-column layout for short fields */
.nf-form-cont .two-col-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
/* Inside modals */
.sb-modal-active .nf-form-cont{max-width:100%}
.sb-modal-active .nf-form-cont .submit-container input{width:100%}

/* === Builder page styles === */
/* Eyebrow: gold-soft lines, center aligned */
.eyebrow::before,.eyebrow::after{background:var(--gold-soft)!important}
.sita-builder-row .eyebrow{display:inline-flex;width:100%}
/* Default: center eyebrow and h1 in page banners except homepage */
body:not(.home) .page-hero .eyebrow,body:not(.home) .page-hero h1,body:not(.home) .sita-builder-row:first-child .eyebrow,body:not(.home) .sita-builder-row:first-child h1{text-align:center;justify-content:center}
/* Counter */
.sb-counter{text-align:center}
.sb-counter .counter-num{font-family:var(--font-display,'Cormorant Garamond',serif);font-size:2.8rem;color:var(--saffron)}
.sb-counter .counter-label{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin-top:4px}
/* Diff card equal height */
.diff-card{min-height:180px;display:flex;flex-direction:column;padding:28px;border:1px solid var(--rule);border-radius:6px}
/* Section head center */
.section-head{text-align:center}
.section-head .eyebrow{justify-content:center;display:inline-flex}
.section-head h2{font-size:clamp(1.6rem,3vw,2.4rem);margin:12px 0 8px}
.section-head p{color:var(--ink-soft);max-width:600px;margin:0 auto}
/* Office box: no bg, with gap */
.office-box{background:transparent!important;border:1px solid var(--rule);padding:20px 24px;text-align:center;border-radius:4px;transition:all .2s}
.office-box:hover{border-color:var(--saffron);transform:translateY(-2px)}
.offices-grid{gap:12px!important}
/* Button margin-top */
.btn{margin-top:8px}
/* DKC CTA center content */
.sita-builder-row .btn{display:inline-flex;margin:0 auto}



/* Left align fixes */
.policy-content,.policy-content p,.policy-content li,.policy-content h2,.policy-content h3{text-align:left}
.policy-layout .toc-sidebar{text-align:left}
.policy p,.policy li,.policy h2{text-align:left}
.sf-label,.form-field label{text-align:left}
.sita-builder-col .sb-text{text-align:left}
.sita-builder-col .sb-text p{text-align:left}
/* Override the global center for content columns */
.sita-builder-col{text-align:left}
/* Keep section heads and eyebrows centered unless explicitly left */
.section-head,.section-head *{text-align:center}
body:not(.home) .sita-builder-row > .wrap > .eyebrow{text-align:center;justify-content:center}

/* Careers job card buttons - side by side */
.jb,.job-btns{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.jb .btn,.job-btns .btn{margin:0!important}
/* Ghost button style for Read More */
.btn--ghost,.btn--g{background:#fff;border:1px solid var(--rule);color:var(--ink);padding:10px 22px;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;cursor:pointer;border-radius:2px;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;font-family:inherit}
.btn--ghost:hover,.btn--g:hover{border-color:var(--saffron);color:var(--saffron)}
/* Primary button */
.btn--primary,.btn--p{background:var(--saffron);color:#fff;padding:10px 22px;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;cursor:pointer;border-radius:2px;border:none;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;font-family:inherit}
.btn--primary:hover,.btn--p:hover{background:var(--teal)}
/* Ghost light for DKC CTA */
.btn--ghost-light{background:transparent;border:1px solid rgba(250,245,235,.4);color:#fff;padding:13px 28px;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;cursor:pointer;border-radius:2px;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;font-family:inherit}
.btn--ghost-light:hover{background:rgba(250,245,235,.1)}
/* Diff card 4-col fix */
.diff-card{min-height:200px;display:flex;flex-direction:column;padding:28px;border:1px solid var(--rule);border-radius:6px;height:100%}
/* Inner row 4-col grid override */
.sita-builder-row .sita-builder-inner .sita-cols-4{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:20px}

/* Career job buttons: left aligned */
.jb,.job-btns{justify-content:flex-start!important;text-align:left!important}

/* Fix: header and util .wrap should not inherit builder padding */
.util .wrap,.site header .wrap,header.site .wrap,.nav-inner{padding-top:0;padding-bottom:0}
.util .wrap.util-inner{padding:10px var(--gutter,clamp(20px,4vw,56px))}
header.site .wrap.nav-inner{padding:18px 0!important}

/* Privacy Policy & Cookie Policy: banner min-height */
body.page-privacy-policy .page-hero,body.page-privacy-policy .sita-builder-row:first-child,body.page-cookie-policy .page-hero,body.page-cookie-policy .sita-builder-row:first-child{min-height:50vh!important;display:flex;align-items:flex-end}