:root {
  --smalt:      #003b95;
  --smalt-dark: #002870;
  --smalt-light:#e8eef9;
  --coral:      #f08080;
  --coral-light:#fde8e8;
  --mango:      #ffb749;
  --winery:     #96133d;
  --mid:        #45464c;
  --light:      #f5f5f3;
  --white:      #ffffff;
  --ink:        #000614;
  --pad-x:      72px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Libre Franklin', sans-serif;
  background: var(--white); color: var(--ink); overflow-x: hidden;
}
a { text-decoration: none; }

/* ── NAV ───────────────────────────────────────────────────── */
nav {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 500;
      display: flex;
      height: 75px;
      align-items: center;
      justify-content: space-between;
      padding: 18px var(--pad-x);
      background: rgb(255, 255, 255);
      backdrop-filter: blur(0px);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      transition: background 0.4s, backdrop-filter 0.4s, border-color 0.4s;
    }

   

    .logo {
      font-family: 'Signika', sans-serif;
      font-size: 20px;
      font-weight: 700;
      color: var(--white);
      letter-spacing: -0.4px;
      margin-top: 10px;
      position: relative;
      transition: color 0.4s;
    }

    .logo img {
      width: 200px;
      height: 100%;
      padding: 0px 20px;


    }

    .logo .plus {
      color: var(--coral);
      font-style: italic;
      font-weight: 400;
    }

    .logo-petal {
      position: absolute;
      top: -10px;
      right: -14px;
      width: 22px;
      height: 22px;
    }

    .nav-links {
      display: flex;
      gap: 32px;
      list-style: none;
    }

    .nav-links a {
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--mid);
      transition: color 0.2s;
    }

    .nav-links a:hover,
    .nav-links a.active {
      color: var(--coral);
    }

    .nav-cta {
      background: var(--coral);
      color: var(--white);
      padding: 10px 22px;
      border-radius: 100px;
      font-size: 12px;
      font-weight: 600;
      transition: background 0.2s;
    }

    .nav-cta:hover {
      background: var(--winery);
    }

    .nav-toggle {
      display: none;
      flex-direction: column;
      gap: 5px;
      cursor: pointer;
      background: none;
      border: none;
      padding: 4px;
    }

    .nav-toggle span {
      display: block;
      width: 22px;
      height: 2px;
      background: var(--ink);
      border-radius: 2px;
      transition: background 0.4s;
    }

    .nav-drawer {
      display: none;
      position: fixed;
      top: 61px;
      left: 0;
      right: 0;
      z-index: 490;
      background: var(--white);
      flex-direction: column;
      border-bottom: 1px solid rgba(0, 59, 149, 0.08);
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.07);
    }

    .nav-drawer.open {
      display: flex;
    }

    .nav-drawer a {
      padding: 16px 24px;
      font-size: 14px;
      font-weight: 500;
      color: var(--mid);
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
      transition: color 0.2s, background 0.2s;
    }

    .nav-drawer a:hover {
      color: var(--smalt);
      background: var(--smalt-light);
    }

    .nav-drawer .nav-cta {
      margin: 16px 24px;
      border-radius: 100px;
      text-align: center;
      border-bottom: none;
    }


/* ── PAGE ─────────────────────────────────────────────────── */
.page { padding-top: 61px; }

/* ══════════════════════════════════════════════
   S1 — EDITORIAL HERO GRID
══════════════════════════════════════════════ */
.au-hero {
  padding: 64px var(--pad-x) 64px;
  display: grid;
  grid-template-columns: 350px 1fr 1fr;

  gap: 14px;
  min-height: 520px;
  background-color: var(--coral-light);
  
}

/* Left: Big headline + intro */
.au-title-block {
  grid-column: 1; 
  display: flex; flex-direction: column; justify-content: space-between;
  padding-right: 20px; padding-bottom: 14px;
}
.au-big-title {
  font-family: 'Garamond', sans-serif;
  font-weight: 700;
  text-align: left;
  font-size: clamp(72px, 8.5vw, 90px);
  line-height: 0.9; letter-spacing: -4px;
  color: var(--mid); user-select: none;
}


.au-tagline {
  font-size: 14px; font-weight: 600; letter-spacing: 0.22em;
  text-transform: uppercase; color: var(--coral);
  display: flex; align-items: center; gap: 10px; margin-bottom: 14px;
}
.au-tagline::before { content: ''; display: block; width: 22px; height: 2px; background: var(--coral); }
.au-intro-text {
  font-size: 13px; font-weight: 400; color: var(--black);
  line-height: 1.85; max-width: 250px;
}

/* Center: tall image */
.au-container{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 20px;

}
.au-img-1 img {
  
border-radius: 18px;
}


/* Right top: shorter image */
.au-img-2 {
  grid-column: 3; grid-row: 1;
  
  border-radius: 18px; overflow: hidden; min-height: 220px;
}

/* Right bottom: philosophy card */
.au-philosophy {
  
  background: var(--smalt); border-radius: 18px;
  padding: 28px 26px;
  display: flex; flex-direction: column; justify-content: center;
}
.au-philosophy-label {
  font-size: 12px; font-weight: 600; letter-spacing: 0.2em;
  text-transform: uppercase; color: var(--coral); margin-bottom: 10px;
}
.au-philosophy-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 20px; font-weight: 500; font-style: italic;
  color: var(--white); line-height: 1.45; margin-bottom: 12px;
}
.au-philosophy-body {
  font-size: 14px; font-weight: 300;
  color: white; line-height: 1.75;
}

/* Image fills */
.img-fill {
  width: 100%; height: 100%; min-height: inherit;
  display: flex; align-items: center; justify-content: center; font-size: 52px;
}
.f1 { background: linear-gradient(160deg, #1a4db0, var(--smalt-dark)); }
.f2 { background: linear-gradient(160deg, var(--coral-light), #f9d4d4); }
.f3 { background: linear-gradient(160deg, var(--mango), var(--coral)); }
.f4 { background: linear-gradient(160deg, var(--smalt-light), #c8d8f4); }

/* ══════════════════════════════════════════════
   S2 — STATS STRIP
══════════════════════════════════════════════ */
.au-stats {
  display: grid; grid-template-columns: repeat(4,1fr);
  gap: 1px; background: var(--coral-light);
  padding:0 var(--pad-x) 0;
  border-radius: 20px; overflow: hidden;
}
.au-stat {
  background: var(--coral-light); padding: 36px 28px; text-align: center;
  transition: background 0.25s;
    
}
.au-stat:hover { background: var(--coral); }
.au-stat-num {
  font-family: 'Signika', sans-serif;
  font-size: clamp(36px,4vw,52px); font-weight: 700;
  color: var(--smalt); line-height: 1;
}
.au-stat-num sup { font-size: 0.45em; vertical-align: super; color: var(--coral); }
.au-stat-label { font-size: 11px; color: var(--mid); margin-top: 8px; line-height: 1.5; }



/* =============================================
   PILLARS — Hub & Spoke Section
   File: pillars.css
   ============================================= */
/* ── SECTION TAG / TITLE (shared) ─────────── */
.section-tag {
  font-size: 10px; font-weight: 600; letter-spacing: 0.22em;
  text-transform: uppercase; color: var(--coral);
  display: flex; align-items: center; gap: 10px; margin-bottom: 12px;
}
.section-tag::before {
  content: ''; display: block; width: 22px; height: 2px; background: var(--coral);
}
.section-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(32px, 3.6vw, 50px); font-weight: 300;
  line-height: 1.1; letter-spacing: -0.4px; color: var(--smalt);
}
.section-title em { font-style: italic; color: var(--coral); }

/* ══════════════════════════════════════════
   PILLARS SECTION LAYOUT
══════════════════════════════════════════ */
.au-headline{
padding-left: 80px;
padding-top: 80px;
}
.au-pillars {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: stretch;   /* changed from center */
  padding: 80px var(--pad-x);
}

/* ── Left ─────────────────────────────────── */
.pillars-left {
  display: flex; flex-direction: column;
}

.pillars-sub {
  font-size: 13px; font-weight: 300; color: var(--mid);
  line-height: 1.8; margin-top: 16px; margin-bottom: 48px;
  max-width: 340px;
}

/* ── Wheel Wrap ───────────────────────────── */
.wheel-wrap {
  position: relative;
  width: 460px; height: 460px;
  flex-shrink: 1; align-self: center;

}

/* ── Wheel (hub only, does not rotate) ────── */
.wheel {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  pointer-events: none;
  z-index: 1;
}

/* ── Hub ──────────────────────────────────── */
.hub {
  width: 140px; height: 140px; border-radius: 50%;
  background: var(--smalt);
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  text-align: center;
  box-shadow:
    0 0 0 10px rgba(0,59,149,0.1),
    0 16px 40px rgba(0,59,149,0.3);
  pointer-events: none; z-index: 3; flex-shrink: 0;
}
.hub-petal { width: 34px; height: 34px; margin-bottom: 5px; }
.hub-label {
  font-family: 'Signika', sans-serif;
  font-size: 8px; font-weight: 600; letter-spacing: 0.06em;
  text-transform: uppercase; color: rgba(255,255,255,0.75); line-height: 1.4;
}

/* ── Spokes (absolutely positioned by JS) ─── */
.spoke {
  position: absolute;
  z-index: 2; cursor: pointer;
  transition: left 0.7s cubic-bezier(0.4,0,0.2,1),
              top  0.7s cubic-bezier(0.4,0,0.2,1),
              transform 0.25s ease;
}
.spoke:hover { transform: translate(-50%, -50%) scale(1.08) !important; }

.spoke-inner {
  width: 100px; height: 100px; border-radius: 50%;
  background: var(--white);
  border: 2.5px solid rgba(0,59,149,0.15);
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 4px;
  box-shadow: 0 4px 18px rgba(0,0,0,0.08);
  transition: border-color 0.3s, box-shadow 0.3s, background 0.3s;
}
.spoke.active .spoke-inner {
  background: var(--smalt);
  border-color: var(--coral);
  box-shadow:
    0 0 0 5px rgba(240,128,128,0.2),
    0 14px 36px rgba(0,59,149,0.3);
}
.spoke-icon { font-size: 26px; line-height: 1; }
.spoke-label {
  font-family: 'Signika', sans-serif;
  font-size: 7.5px; font-weight: 600;
  letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--smalt); text-align: center; line-height: 1.3;
}
.spoke.active .spoke-label { color: rgba(255,255,255,0.85); }

/* ── Right Panel ──────────────────────────── */
.pillars-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}


/* ── Detail Block ─────────────────────────── */
.pillar-detail {
  display: flex;
  flex-direction: column;
  gap: 0;
  height: 100%;
}

.pillar-detail.anim {
  animation: detailIn 0.4s cubic-bezier(0.4,0,0.2,1) both;
}
@keyframes detailIn {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Detail header */
.detail-header {
  padding-bottom: 20px; margin-bottom: 24px;
  border-bottom: 1px solid rgba(0,0,0,0.07);
}
.detail-num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 12px; font-weight: 300;
  letter-spacing: 0.2em; color: var(--coral); margin-bottom: 6px;
}
.detail-title {
  font-family: 'Signika', sans-serif;
  font-size: clamp(26px, 3vw, 38px); font-weight: 700;
  color: var(--smalt); letter-spacing: -0.5px; line-height: 1;
  display: flex; align-items: center; gap: 12px;
}
.detail-title-icon { font-size: 34px; }

/* Single detail card — image left, text right */
.detail-card {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 20px;
  align-items: start;
  padding: 20px 12px;
  border-radius: 14px;
  background: var(--smalt-light);
  border: 1px solid rgba(0,59,149,0.08);
  flex: 1;              /* fills remaining height */
}
.detail-card-img {
  width: 120px;
  height: 100%;         /* fills card height */
  min-height: 120px;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  flex-shrink: 0;
}

.detail-card-text {}
.detail-card-label {
  font-size: 9px; font-weight: 600; letter-spacing: 0.18em;
  text-transform: uppercase; color: var(--coral); margin-bottom: 8px;
}
.detail-card-headline {
  font-family: 'Signika', sans-serif;
  font-size: 17px; font-weight: 600;
  color: var(--smalt); line-height: 1.3; margin-bottom: 10px;
}
.detail-card-body {
  font-size: 13px; font-weight: 300;
  color: var(--mid); line-height: 1.8;
}

/* ══════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════ */


@media (max-width: 1023px) {
  :root { --pad-x: 40px; }
    .au-pillars {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    gap: 36px;
    padding: 60px var(--pad-x);
  }
   .pillars-right {
    order: -1;
  }
    .detail-card {
    flex: none;
    min-height: 200px;
  }
   .wheel-wrap {
    width: 70%;
    height: 480px;          /* only enough height to show hub + one spoke above */
    overflow: visible;
    align-self: center;
    /* shift the wheel-wrap up so hub sits at bottom and active spoke (12 o'clock) peeks into view */
    position: relative;
  }
   
  .hub { width: 100px; height: 100px; }
  .spoke-inner { width: 100px; height: 100px; }
}

@media (max-width: 780px) {
  :root { --pad-x: 20px; }
    nav {
        padding: 16px 40px;
      }

      .nav-links,
      .nav-cta {
        display: none;
      }

      .nav-toggle {
        display: flex;
      }

  .au-pillars {
    padding: 20px var(--pad-x);
    gap: 28px;
  }
   .detail-card {   
    grid-template-columns: 120px 1fr;
    gap: 14px;
  }

  .wheel-wrap{
    width: 100%;
    height: 480px;      
  }
 
  .hub-label { font-size: 10px; }

  .spoke-icon { font-size: 18px; }
  .spoke-label { font-size: 10px; }
  .detail-card-img {
    width: 80px;
    min-height: 80px;
    font-size: 36px;
  }
}

/* ══════════════════════════════════════════════
   S5 — MISSION QUOTE BAND
══════════════════════════════════════════════ */
.au-quote-band {
  background: var(--smalt);
  margin: 48px var(--pad-x) 80px;
  border-radius: 24px; padding: 64px 80px;
  display: grid; grid-template-columns: 1fr auto;
  gap: 60px; align-items: center;
  position: relative; overflow: hidden;
}
.au-quote-band::after {
  content: '\201C'; position: absolute; right: 72px; top: -24px;
  font-family: 'Cormorant Garamond', serif;
  font-size: 300px; font-weight: 300; line-height: 1;
  color: rgba(255,255,255,0.04); pointer-events: none;
}
.au-quote-text {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(22px,2.6vw,36px); font-weight: 300; font-style: italic;
  color: var(--white); line-height: 1.5;
}
.au-quote-text strong { font-style: normal; font-weight: 400; color: var(--coral); }
.au-quote-attr {
  font-size: 10px; font-weight: 500; letter-spacing: 0.12em;
  text-transform: uppercase; color: rgba(255,255,255,0.4);
  margin-top: 20px; display: flex; align-items: center; gap: 10px;
}
.au-quote-attr::before { content: ''; display: block; width: 18px; height: 1px; background: var(--coral); }
.btn-outline-white {
  display: inline-block; border: 1.5px solid rgba(255,255,255,0.28);
  color: var(--white); padding: 13px 28px; border-radius: 100px;
  font-size: 12px; font-weight: 500; white-space: nowrap;
  transition: all 0.25s;
}
.btn-outline-white:hover { background: var(--coral); border-color: var(--coral); transform: translateY(-2px); }

/* ── PAGE FOOTER ─────────────────────────────────────────── */
.page-footer {
  padding: 24px var(--pad-x); border-top: 1px solid rgba(0,0,0,0.06);
  display: flex; justify-content: space-between; align-items: center;
}
.footer-copy { font-size: 11px; color: rgba(0,0,0,0.28); }
.back-home {
  font-size: 12px; font-weight: 500; color: var(--smalt);
  display: flex; align-items: center; gap: 6px; transition: gap 0.2s;
}
.back-home:hover { gap: 10px; }

/* ── ANIMATIONS ──────────────────────────────────────────── */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}
.au-title-block { animation: fadeUp 0.65s ease 0.05s both; }
.au-img-1       { animation: fadeUp 0.65s ease 0.15s both; }
.au-img-2       { animation: fadeUp 0.65s ease 0.25s both; }
.au-philosophy  { animation: fadeUp 0.65s ease 0.35s both; }
.au-stats       { animation: fadeUp 0.65s ease 0.1s both; }

/* ══════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════ */

/* ── Tablet 768–1023px ── */
@media (max-width: 1023px) {
  :root { --pad-x: 40px; }
  

  .au-hero {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
  padding: 64px var(--pad-x) 64px; gap: 12px; min-height: auto;
  }
  .au-title-block {
    grid-column: 1 ;
    flex-direction: col; align-items: flex-start;
    gap: 32px; padding-right: 0; padding-bottom: 0;
  }
  .au-big-title { font-size: clamp(56px,12vw,88px); flex-shrink: 0; }
  .au-left-bottom { flex: 1; padding-top: 8px; }
  .au-intro-text { max-width: 100%; }

  .au-img-1   { grid-column: 1; grid-row: 2; min-height: 300px; }
  .au-img-2   { grid-column: 2; grid-row: 2; min-height: 160px; }
  .au-philosophy { grid-column: 2; grid-row: 3;
  
  }

  .au-stats { grid-template-columns: repeat(2,1fr); margin: 40px 40px 0; }

  .au-pillars { padding: 60px 40px; }
  .au-pillars-header { flex-direction: column; align-items: flex-start; gap: 8px; }
  .pillar-row { grid-template-columns: 56px 1fr; gap: 16px; }
  .pillar-desc { display: none; }

  .au-team { margin: 0 40px 60px; padding: 40px 36px 0; }
  .au-team-header { flex-direction: column; align-items: flex-start; gap: 16px; }
  .au-team-intro { max-width: 100%; }
  .team-grid { grid-template-columns: repeat(2,1fr); }
  .team-member:nth-child(3) { display: none; }
  .team-member:nth-child(2) { margin-top: 0; }

  .au-quote-band {
    margin: 0 40px 60px; padding: 48px 48px;
    grid-template-columns: 1fr; gap: 24px;
  }
  .au-quote-band::after { display: none; }

  .page-footer { padding: 20px 40px; }
}


/* ══════════════════════════════════════════════
   EXPERIENCE & LEGACY
══════════════════════════════════════════════ */
.legacy-section {
  padding: 96px var(--pad-x);
  background: var(--light);
  position: relative;
  overflow: hidden;
}

.legacy-inner {
  position: relative; z-index: 1;
}

/* ── TOP ROW: header + values strip ─────────── */
.legacy-top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: start;
  margin-bottom: 72px;
}

.legacy-header {}

.legacy-eyebrow {
  font-size: 10px; font-weight: 600; letter-spacing: 0.24em;
  text-transform: uppercase; color: var(--coral);
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 16px;
}
.legacy-eyebrow::before {
  content: ''; display: block;
  width: 22px; height: 2px; background: var(--coral);
}

.legacy-headline {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(36px, 4vw, 58px);
  font-weight: 300; line-height: 1.05;
  letter-spacing: -1px; color: var(--smalt);
  margin-bottom: 24px;
}
.legacy-headline em { font-style: italic; color: var(--coral); }

.legacy-body {
  font-size: 14px; font-weight: 300;
  color: var(--mid); line-height: 1.85;
  max-width: 440px;
}

/* Core values pill row */
.values-block {
  display: flex; flex-direction: column;
  justify-content: center; gap: 12px;
}

.values-label {
  font-size: 10px; font-weight: 600; letter-spacing: 0.2em;
  text-transform: uppercase; color: var(--mid);
  margin-bottom: 4px;
}

.values-pills {
  display: flex; flex-wrap: wrap; gap: 10px;
}

.value-pill {
  display: flex; align-items: center; gap: 8px;
  padding: 10px 18px;
  border-radius: 100px;
  border: 1.5px solid rgba(0,59,149,0.12);
  background: var(--white);
  font-family: 'Signika', sans-serif;
  font-size: 13px; font-weight: 600;
  color: var(--smalt);
  box-shadow: 0 2px 10px rgba(0,59,149,0.06);
  transition: all 0.25s;
  opacity: 0; transform: scale(0.9);
  transition: opacity 0.4s ease, transform 0.4s ease, background 0.25s, border-color 0.25s, box-shadow 0.25s;
}
.value-pill.in-view { opacity: 1; transform: scale(1); }
.value-pill:nth-child(1) { transition-delay: 0s;    }
.value-pill:nth-child(2) { transition-delay: 0.07s; }
.value-pill:nth-child(3) { transition-delay: 0.14s; }
.value-pill:nth-child(4) { transition-delay: 0.21s; }
.value-pill:nth-child(5) { transition-delay: 0.28s; }

.value-pill:hover {
  background: var(--smalt);
  border-color: var(--smalt);
  color: var(--white);
  box-shadow: 0 8px 24px rgba(0,59,149,0.2);
  transform: scale(1) translateY(-2px) !important;
}
.value-pill-dot {
  width: 7px; height: 7px; border-radius: 50%;
  flex-shrink: 0;
}

/* Trust paragraph */
.legacy-trust {
  margin-top: 28px;
  padding: 24px 24px;
  background: var(--white);
  border-left: 3px solid var(--coral);
  border-radius: 0 12px 12px 0;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}
.legacy-trust p {
  font-family: 'Cormorant Garamond', serif;
  font-size: 16px; font-weight: 300; font-style: italic;
  color: var(--smalt); line-height: 1.7;
}
.legacy-trust p strong {
  font-style: normal; font-weight: 600;
}

/* ── ACHIEVEMENTS GRID ───────────────────────── */
.achievements-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.achievement-card {
  background: var(--white);
  border-radius: 18px;
  padding: 28px 22px;
  border: 1px solid rgba(0,59,149,0.07);
  display: flex; flex-direction: column; gap: 14px;
  box-shadow: 0 2px 16px rgba(0,0,0,0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s;
  opacity: 0; transform: translateY(28px);
}
.achievement-card.in-view {
  opacity: 1; transform: translateY(0);
  transition: opacity 0.55s ease, transform 0.55s ease, box-shadow 0.3s, border-color 0.3s;
}
.achievement-card:nth-child(1) { transition-delay: 0s;    }
.achievement-card:nth-child(2) { transition-delay: 0.1s;  }
.achievement-card:nth-child(3) { transition-delay: 0.2s;  }
.achievement-card:nth-child(4) { transition-delay: 0.3s;  }

.achievement-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 20px 48px rgba(0,59,149,0.12);
  border-color: rgba(0,59,149,0.18);
}

.ach-icon-wrap {
  width: 48px; height: 48px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-size: 22px; flex-shrink: 0;
  transition: transform 0.3s;
}
.achievement-card:hover .ach-icon-wrap { transform: scale(1.1) rotate(-5deg); }

.ach-body {
  font-size: 13px; font-weight: 300;
  color: var(--mid); line-height: 1.75; flex: 1;
}
.ach-body strong {
  font-family: 'Signika', sans-serif;
  font-weight: 600; color: var(--smalt);
  display: block; font-size: 14px; margin-bottom: 4px;
}

/* Accent bottom bar per card */
.achievement-card::after {
  content: '';
  display: block;
  height: 3px; border-radius: 100px;
  margin-top: auto;
}
.achievement-card:nth-child(1)::after { background: var(--smalt); }
.achievement-card:nth-child(2)::after { background: var(--coral); }
.achievement-card:nth-child(3)::after { background: var(--mango); }
.achievement-card:nth-child(4)::after { background: var(--winery); }

/* ── WHY TRUST BAND ──────────────────────────── */
.trust-band {
  margin-top: 64px;
  background: var(--smalt);
  border-radius: 24px;
  padding: 48px 52px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 48px;
  align-items: center;
  position: relative;
  overflow: hidden;
}

/* Large faint petal watermark inside trust band */
.trust-band::before {
  content: '';
  position: absolute;
  right: -60px; bottom: -60px;
  width: 300px; height: 300px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 556 552'%3E%3Cpath d='M502.964844 226.980469 C487.285156 214.039062 473.132812 197.910156 453.800781 191.820312 C421.230469 181.46875 387.132812 203.386719 363.703125 228.359375 C353.347656 239.476562 343.609375 251.488281 330.515625 259.40625 C319.863281 265.941406 306.007812 268.996094 294.445312 265.195312 C328.691406 239.160156 354.707031 202.34375 362.941406 160.480469 C373.144531 107.8125 351.523438 48.3125 305.859375 20.304688 C291.632812 11.605469 275.878906 6 259.917969 1.289062 C254.179688 -0.40625 248.148438 3.824219 248.296875 9.800781 C248.6875 25.070312 240.046875 40.734375 229.914062 53.007812 C216.972656 68.6875 200.84375 82.839844 194.753906 102.171875 C184.402344 134.742188 206.320312 168.839844 231.292969 192.269531 C242.410156 202.621094 254.421875 212.363281 262.339844 225.453125 C269.191406 236.722656 273.476562 247.410156 268.761719 259.273438 C242.578125 223.667969 203.75 200.183594 160.527344 191.820312 C107.859375 181.617188 48.359375 203.238281 20.351562 248.902344 C11.617188 263.148438 6.011719 278.941406 1.300781 295.011719 C-0.375 300.746094 3.832031 306.78125 9.808594 306.613281 C25.101562 306.203125 40.761719 314.84375 53.054688 324.996094 C68.734375 337.9375 82.886719 354.066406 102.21875 360.15625 C134.789062 370.507812 168.886719 348.589844 192.316406 323.636719 C202.671875 312.515625 212.410156 300.503906 225.503906 292.589844 C236.621094 285.886719 249.171875 279.183594 261.035156 283.445312 C227.085938 309.480469 202.671875 349.820312 194.605469 391.515625 C184.402344 444.183594 206.023438 503.683594 251.6875 531.691406 C265.894531 540.386719 281.667969 545.992188 297.628906 550.6875 C303.363281 552.382812 309.398438 548.152344 309.25 542.175781 C308.859375 526.886719 317.5 511.242188 327.628906 498.953125 C340.574219 483.273438 356.699219 469.117188 362.789062 449.789062 C373.144531 417.214844 351.226562 383.117188 326.253906 359.6875 C315.132812 349.335938 303.121094 339.59375 295.207031 326.503906 C288.652344 315.703125 281.035156 301.289062 285.003906 289.574219 C311.039062 324.585938 352.902344 351.921875 395.511719 360.136719 C448.175781 370.339844 507.695312 348.71875 535.6875 303.058594 C544.382812 288.828125 549.988281 273.074219 554.683594 257.113281 C556.378906 251.378906 552.148438 245.34375 546.171875 245.492188 C530.902344 245.882812 515.238281 237.242188 502.964844 227.113281Z' fill='%23f08080'/%3E%3C/svg%3E");
  background-size: contain; background-repeat: no-repeat;
  opacity: 0.08; pointer-events: none;
}

.trust-label-block {
  flex-shrink: 0;
  display: flex; flex-direction: column; align-items: center;
  gap: 10px;
}
.trust-label-text {
  font-family: 'Signika', sans-serif;
  font-size: 10px; font-weight: 600;
  letter-spacing: 0.16em; text-transform: uppercase;
  color: rgba(255,255,255,0.4);
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
}
.trust-label-line {
  width: 1px; height: 48px;
  background: linear-gradient(to bottom, var(--coral), transparent);
}

.trust-content { position: relative; z-index: 1; }

.trust-eyebrow {
  font-size: 10px; font-weight: 600; letter-spacing: 0.2em;
  text-transform: uppercase; color: var(--coral);
  margin-bottom: 14px;
}
.trust-quote {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(18px, 2.2vw, 26px);
  font-weight: 300; font-style: italic;
  color: var(--white); line-height: 1.6;
  margin-bottom: 20px;
}
.trust-quote strong {
  font-style: normal; font-weight: 500; color: var(--coral);
}

.trust-tags {
  display: flex; flex-wrap: wrap; gap: 8px;
}
.trust-tag {
  font-size: 10px; font-weight: 500; letter-spacing: 0.08em;
  color: rgba(255,255,255,0.5);
  padding: 4px 12px; border-radius: 100px;
  border: 1px solid rgba(255,255,255,0.1);
}


/* ─── TEAM ───────────────────────────────────────────────── */
.team {
  padding: 100px 72px;
  background: var(--light);
}
.team-header {
  text-align: center;
  margin-bottom: 56px;
}

.team-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  max-width: 860px;
  margin: 0 auto;
}
.team-card {
  background: var(--white);
  border-radius: 22px;
  overflow: hidden;
  transition: all 0.3s;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05);
}
.team-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 22px 52px rgba(0, 59, 149, 0.13);
}
.team-photo {
  height: 240px;
  background: linear-gradient(
    160deg,
    var(--smalt-light),
    rgba(240, 128, 128, 0.12)
  );
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 60px;
  position: relative;
}
.leaders-photo{
  width:100%; height:100%; object-fit:cover; display:block;
}
.team-card:hover .team-photo-overlay {
  opacity: 1;
}
.team-info {
  padding: 26px;
}
.team-name {
  font-family: "Signika", sans-serif;
  font-size: 17px;
  font-weight: 600;
  color: var(--smalt);
  margin-bottom: 3px;
}
.team-role {
  font-size: 12px;
  color: var(--coral);
  font-weight: 500;
  margin-bottom: 12px;
}
.team-bio {
  font-size: 12px;
  color: var(--mid);
  line-height: 1.7;
}


/* ─── FOOTER ─────────────────────────────────────────────── */
footer {
  background: #000614;
  padding: 72px 72px 36px;
}
.footer-top {
  width: 90%;
  margin: auto;
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: 52px;
  padding-bottom: 52px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.footer-brand-logo {
  font-family: "Signika", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--white);
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  position: relative;
}
.footer-brand-logo .plus {
  color: var(--coral);
  font-style: italic;
  font-weight: 400;
}
.footer-brand-logo svg {
  flex-shrink: 0;
}
.footer-tagline {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.38);
  line-height: 1.75;
  max-width: 240px;
  margin-bottom: 22px;
}
.footer-social {
  display: flex;
  gap: 10px;
}
.social-btn {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.13);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.45);
  font-size: 12px;
  text-decoration: none;
  transition: all 0.2s;
}
.social-btn:hover {
  background: var(--coral);
  border-color: var(--coral);
  color: var(--white);
}
.footer-col-title {
  font-family: "Signika", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.55);
  margin-bottom: 18px;
}
.footer-links {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.footer-links a {
  color: rgba(255, 255, 255, 0.38);
  font-size: 12px;
  text-decoration: none;
  transition: color 0.2s;
}
.footer-links a:hover {
  color: var(--coral);
}
.footer-bottom {
  width: 90%;
  margin: auto;
  padding-top: 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer-copy {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.22);
}


/* ══════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════ */
@media (max-width: 1100px) {
  .achievements-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 1023px) {
  .legacy-section { padding: 72px 40px; }
  .legacy-top {
    grid-template-columns: 1fr;
    gap: 40px; margin-bottom: 48px;
  }
  .legacy-body { max-width: 100%; }
  .trust-band { padding: 36px 36px; }
}

@media (max-width: 767px) {


  .legacy-section { padding: 56px 20px; }
  .achievements-grid { grid-template-columns: 1fr; gap: 12px; }
  .trust-band {
    grid-template-columns: 1fr;
    padding: 32px 24px; gap: 24px;
  }
  .trust-label-block { flex-direction: row; align-items: center; }
  .trust-label-text {
    writing-mode: horizontal-tb;
    transform: none;
  }
  .trust-label-line { width: 32px; height: 1px; }
  .legacy-headline { letter-spacing: -0.5px; }
}

/* ── Mobile < 768px ── */
@media (max-width: 767px) {
  :root { --pad-x: 20px; }
  
.au-headline{
padding-left: 20px;

}

  .au-hero {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  padding: 64px var(--pad-x) 64px; gap: 14px;
  }
  .au-title-block {
    grid-column: 1; grid-row: 1;
    flex-direction: column; gap: 0; padding-bottom: 0;
  }
  .au-big-title { font-size: clamp(52px,17vw,80px); letter-spacing: -3px; }
  .au-intro-text { max-width: 100%; margin-top: 4px; }

  .au-img-1   { grid-column: 1; grid-row: 2; min-height: 240px; }
  .au-img-2   { grid-column: 1; grid-row: 3; min-height: 180px; }
  .au-philosophy { grid-column: 1; grid-row: 4; }

  .au-stats {
    grid-template-columns: repeat(2,1fr);
    margin: 36px 20px 0; border-radius: 16px;
  }
  .au-stat { padding: 24px 18px; }

  .au-pillars { padding: 48px 20px; }
  .pillar-row { grid-template-columns: 44px 1fr; gap: 12px; padding: 20px 10px; }
  .pillar-num { font-size: 38px; }
  .pillar-desc { display: none; }

  .au-team { margin: 0 20px 48px; padding: 32px 20px 0; }
  .team-grid { grid-template-columns: 1fr; }
  .team-member:nth-child(2) { margin-top: 0; }
  .team-member:nth-child(3) { display: flex; }
  .meet-title { font-size: clamp(28px,10vw,48px); letter-spacing: -1.5px; }

  .au-quote-band { margin: 48px 20px 48px; padding: 40px 24px; border-radius: 20px; }
  .au-quote-text { font-size: clamp(18px,5vw,24px); }

  .page-footer { padding: 20px 20px; flex-direction: column; gap: 8px; text-align: center; }
}


@media (max-width: 624px){

  .footer-top {

  grid-template-columns: 1fr;

}
}

/* ── Large Desktop ≥ 1440px ── */
@media (min-width: 1440px) {
  :root { --pad-x: 96px; }
  .au-hero { grid-template-columns: 360px 1fr 1fr; min-height: 580px; }
  .au-img-1 { min-height: 520px; }
}