/* ===== About Us page additions; homepage design system remains unchanged ===== */
  #monk-elementor-root .about-hero {
    min-height: 88vh;
    position: relative;
    display: flex;
    flex-direction: column;
    background: #0a0a0a;
    overflow: hidden;
  }
  #monk-elementor-root .about-hero-bg {
    position: absolute; inset: 0; overflow: hidden; pointer-events: none;
  }
  #monk-elementor-root .about-hero-bg img {
    width: 100%; height: 100%; object-fit: cover; object-position: 55% center;
    transform: scaleX(-1) scale(1.025);
  }
  #monk-elementor-root .about-hero-bg:after {
    content:""; position:absolute; inset:0;
    background:
      linear-gradient(90deg, rgba(10,10,10,.93) 0%, rgba(10,10,10,.80) 43%, rgba(10,10,10,.45) 72%, rgba(10,10,10,.62) 100%),
      linear-gradient(0deg, rgba(10,10,10,.48), transparent 45%);
  }
  #monk-elementor-root .mobile-menu-panel {
    position:absolute; z-index:40; top:74px; left:14px; right:14px;
    display:none; flex-direction:column; overflow:hidden; border-radius:18px;
    background:rgba(10,10,10,.97); border:1px solid rgba(255,255,255,.12);
    box-shadow:0 18px 50px rgba(0,0,0,.35); backdrop-filter:blur(14px);
  }
  #monk-elementor-root .mobile-menu-panel.open { display:flex; }
  #monk-elementor-root .mobile-menu-panel a {
    color:#fff !important; padding:15px 18px; font-weight:700; font-size:14px;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  #monk-elementor-root .mobile-menu-panel a:last-child { border-bottom:0; }
  #monk-elementor-root .mobile-menu-panel a:hover { background:rgba(36,154,179,.16); }

  #monk-elementor-root .about-kicker {
    display:inline-flex; align-items:center; gap:9px; width:max-content; max-width:100%;
    padding:8px 13px; border-radius:999px; color:#fff; font-size:11px; font-weight:800;
    letter-spacing:.16em; text-transform:uppercase; background:rgba(36,154,179,.14);
    border:1px solid rgba(36,154,179,.45); backdrop-filter:blur(12px);
  }
  #monk-elementor-root .about-kicker i { color:#249ab3; }

  #monk-elementor-root .hero-visual-stack { position:relative; width:100%; max-width:530px; margin-left:auto; }
  #monk-elementor-root .hero-copy-wrap { max-width: 100%; }
  #monk-elementor-root .hero-main-card {
    height:470px; border-radius:34px; overflow:hidden; border:1px solid rgba(255,255,255,.18);
    box-shadow:0 30px 80px rgba(0,0,0,.45); position:relative; background:#131518;
  }
  #monk-elementor-root .hero-main-card img { width:100%; height:100%; object-fit:cover; object-position:center; }
  #monk-elementor-root .hero-main-card:after {
    content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 48%,rgba(10,10,10,.88));
  }
  #monk-elementor-root .hero-main-caption {
    position:absolute; z-index:2; left:22px; right:22px; bottom:22px;
    padding:18px; border-radius:20px; color:#fff; background:rgba(10,10,10,.58);
    border:1px solid rgba(255,255,255,.15); backdrop-filter:blur(14px);
  }
  #monk-elementor-root .hero-float-card {
    position:absolute; z-index:3; left:-58px; top:54px; width:190px; padding:14px;
    border-radius:22px; background:#fff; box-shadow:0 18px 45px rgba(0,0,0,.28);
  }
  #monk-elementor-root .hero-float-card img { width:100%; height:116px; border-radius:14px; object-fit:cover; }
  #monk-elementor-root .hero-purpose-card {
    position:absolute; z-index:4; right:-22px; top:-24px; width:220px; padding:17px;
    border-radius:22px; background:#249ab3; color:#fff; box-shadow:0 18px 45px rgba(36,154,179,.32);
  }
  #monk-elementor-root .hero-float-card,
  #monk-elementor-root .hero-purpose-card,
  #monk-elementor-root .hero-main-caption {
    transition: transform .35s ease, box-shadow .35s ease;
    will-change: transform;
  }
  @keyframes monkHeroBob {
    0% { transform: translateY(0); }
    50% { transform: translateY(-7px); }
    100% { transform: translateY(0); }
  }
  @media (min-width: 1024px) {
    #monk-elementor-root .hero-float-card:hover,
    #monk-elementor-root .hero-purpose-card:hover,
    #monk-elementor-root .hero-main-caption:hover {
      animation: monkHeroBob 1.7s ease-in-out infinite;
      box-shadow:0 24px 55px rgba(0,0,0,.26);
    }
  }

  #monk-elementor-root .about-section { padding:72px 0; }
  #monk-elementor-root .section-eyebrow {
    color:#249ab3; font-family:'Anton',sans-serif !important; text-transform:uppercase;
    letter-spacing:.18em; font-size:14px; margin-bottom:12px;
  }
  #monk-elementor-root .about-title {
    font-family:'Anton',sans-serif !important; text-transform:uppercase; letter-spacing:.025em;
    font-size:clamp(34px,4vw,58px); line-height:1.08; color:#0a0a0a;
  }
  #monk-elementor-root .about-copy { color:#5b6470; font-size:16px; line-height:1.9; }
  #monk-elementor-root .about-copy p + p { margin-top:18px; }

  #monk-elementor-root .story-photo {
    position:relative; min-height:610px; border-radius:36px; overflow:hidden;
    box-shadow:0 24px 65px rgba(10,10,10,.14);
  }
  #monk-elementor-root .story-photo > img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; object-position:center; }
  #monk-elementor-root .story-photo:after {
    content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(10,10,10,.78),transparent 54%);
  }
  #monk-elementor-root .story-quote {
    position:absolute; z-index:2; left:24px; right:24px; bottom:24px; padding:20px;
    border-radius:22px; background:rgba(255,255,255,.13); color:#fff;
    border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(14px);
  }
  #monk-elementor-root .story-mini-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:12px; }
  #monk-elementor-root .story-mini-grid img {
    width:100%; height:190px; object-fit:cover; object-position:center top; border-radius:22px; border:1px solid #e5e7eb;
  }

  #monk-elementor-root .team-card {
    position:relative; height:100%; padding:28px; border-radius:28px; background:#fff;
    border:1px solid rgba(36,154,179,.18); box-shadow:0 12px 35px rgba(10,10,10,.045);
    overflow:hidden; transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  }
  #monk-elementor-root .team-grid { gap:20px; }
  #monk-elementor-root .team-card-head { position:relative; z-index:2; align-items:flex-start; }
  #monk-elementor-root .team-card:hover { transform:translateY(-7px); box-shadow:0 22px 55px rgba(10,10,10,.10); border-color:rgba(36,154,179,.55); }
  #monk-elementor-root .team-card:before {
    content:""; position:absolute; right:-45px; top:-45px; width:120px; height:120px;
    border-radius:999px; background:#eaf6f8; transition:transform .4s ease;
  }
  #monk-elementor-root .team-card:hover:before { transform:scale(1.35); }
  #monk-elementor-root .team-icon {
    width:52px; height:52px; border-radius:17px; display:flex; align-items:center; justify-content:center;
    background:#0a0a0a; color:#249ab3; font-size:20px; position:relative; z-index:1;
  }
  #monk-elementor-root .role-pill {
    display:inline-flex; align-items:center; gap:7px; padding:7px 12px; border-radius:999px;
    background:#eaf6f8; color:#1c7a8f; font-weight:800; font-size:10px; text-transform:uppercase; letter-spacing:.09em;
    white-space:nowrap; flex-shrink:0; position:relative; z-index:3; margin-left:auto; max-width:100%;
  }

  #monk-elementor-root .philosophy-section {
    position:relative; background:#0a0a0a; overflow:hidden; padding:80px 0;
    background-image:url('https://images.unsplash.com/photo-1551076805-e1869033e561?auto=format&fit=crop&w=1920&q=80');
    background-size:cover; background-position:center;
  }
  #monk-elementor-root .value-section-layout { max-width:1280px; margin:0 auto; }
  #monk-elementor-root .value-intro { max-width:940px; margin:0 auto 36px; text-align:center; }
  #monk-elementor-root .value-intro .section-eyebrow,
  #monk-elementor-root .value-intro .about-title,
  #monk-elementor-root .value-intro .text-gray-300 { text-align:center; margin-left:auto; margin-right:auto; }
  #monk-elementor-root .value-content > .mb-6 { text-align:center; }
  #monk-elementor-root .value-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
  @media (min-width: 1280px) { #monk-elementor-root .value-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
  #monk-elementor-root .philosophy-section:before {
    content:""; position:absolute; inset:0; background:rgba(10,10,10,.84);
  }
  #monk-elementor-root .value-card {
    height:100%; padding:27px; border-radius:28px; background:rgba(19,21,24,.88);
    border:1px solid rgba(255,255,255,.10); backdrop-filter:blur(10px);
    transition:.35s ease;
  }
  #monk-elementor-root .value-card:hover { border-color:#249ab3; transform:translateY(-6px); }
  #monk-elementor-root .value-icon {
    width:48px; height:48px; border-radius:16px; display:flex; align-items:center; justify-content:center;
    background:rgba(36,154,179,.14); color:#249ab3; font-size:19px; margin-bottom:18px;
  }

  #monk-elementor-root .families-strip {
    display:grid; grid-template-columns:1.25fr .85fr .85fr; gap:15px; min-height:450px; align-items:stretch;
  }
  #monk-elementor-root .family-image { position:relative; overflow:hidden; border-radius:28px; min-height:220px; }
  #monk-elementor-root .family-image img { width:100%; height:100%; object-fit:cover; object-position:center top; transition:transform .65s ease; }
  #monk-elementor-root .family-image:hover img { transform:scale(1.045); }
  #monk-elementor-root .family-image:after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,0,0,.48),transparent 52%); }

  #monk-elementor-root .recognition-card {
    border-radius:32px; overflow:hidden; background:#fff; border:1px solid #e5e7eb;
    box-shadow:0 14px 40px rgba(10,10,10,.06);
  }
  #monk-elementor-root .recognition-media { height:370px; position:relative; overflow:hidden; background:#f8fafc; }
  #monk-elementor-root .recognition-media img { width:100%; height:100%; object-fit:cover; object-position:top; transition:transform .7s ease; }
  #monk-elementor-root .recognition-card:hover .recognition-media img { transform:scale(1.035); }
  #monk-elementor-root .magazine-stack { position:relative; height:370px; background:#0a0a0a; overflow:hidden; }
  #monk-elementor-root .mag-page {
    position:absolute; width:42%; max-width:205px; aspect-ratio:1/1.38; border-radius:13px; overflow:hidden;
    border:2px solid rgba(255,255,255,.20); box-shadow:0 22px 45px rgba(0,0,0,.5); top:50%; left:50%;
  }
  #monk-elementor-root .mag-page img { width:100%; height:100%; object-fit:cover; }
  #monk-elementor-root .mag-page:nth-child(1) { transform:translate(-94%,-50%) rotate(-9deg); }
  #monk-elementor-root .mag-page:nth-child(2) { transform:translate(-50%,-54%) rotate(0deg); z-index:2; }
  #monk-elementor-root .mag-page:nth-child(3) { transform:translate(-6%,-50%) rotate(9deg); }

  #monk-elementor-root .about-cta {
    border-radius:36px; overflow:hidden; background:#249ab3; position:relative;
    box-shadow:0 22px 60px rgba(36,154,179,.18);
  }
  #monk-elementor-root .about-cta:before {
    content:""; position:absolute; width:340px; height:340px; border-radius:50%;
    right:-90px; top:-150px; background:rgba(255,255,255,.10);
  }

  @media (max-width: 1023px) {
    #monk-elementor-root .about-hero { min-height:auto; }
    #monk-elementor-root .hero-visual-stack { max-width:650px; margin:14px auto 0; }
    #monk-elementor-root .hero-main-card { height:430px; }
    #monk-elementor-root .hero-float-card { left:15px; top:35px; }
    #monk-elementor-root .hero-purpose-card { right:15px; top:-16px; }
    #monk-elementor-root .story-photo { min-height:520px; }
  }
  @media (max-width: 767px) {
    #monk-elementor-root .about-section { padding:54px 0; }
    #monk-elementor-root .about-hero-bg img { object-position:67% center; }
    #monk-elementor-root .about-kicker { font-size:10px; padding:7px 11px; }
    #monk-elementor-root .hero-copy-wrap { text-align:left; }
    #monk-elementor-root .hero-main-card { height:420px; border-radius:28px; }
    #monk-elementor-root .hero-float-card { display:none; }
    #monk-elementor-root .hero-purpose-card { position:relative; right:auto; top:auto; width:200px; padding:14px; margin:-64px 14px 0 auto; }
    #monk-elementor-root .hero-main-caption { left:14px; right:14px; bottom:14px; padding:14px; }
    #monk-elementor-root .story-photo { min-height:470px; border-radius:28px; }
    #monk-elementor-root .story-quote { left:16px; right:16px; bottom:16px; padding:16px; }
    #monk-elementor-root .story-mini-grid img { height:130px; object-position:center center; }
    #monk-elementor-root .team-grid {
      display:flex !important; overflow-x:auto; scroll-snap-type:x mandatory; gap:0; padding:2px 0 10px; margin-right:0;
      scrollbar-width:none; -ms-overflow-style:none; cursor:grab; scroll-behavior:smooth; align-items:stretch;
    }
    #monk-elementor-root .team-grid::-webkit-scrollbar { display:none; }
    #monk-elementor-root .team-grid > .team-card {
      flex:0 0 86%; width:86%; max-width:86%; scroll-snap-align:start;
      margin-right:14px;
    }
    #monk-elementor-root .team-grid > .team-card:last-child { margin-right:0; }

    /* What We Stand For: static 2-column grid on mobile — no carousel / no auto-scroll */
    #monk-elementor-root .value-grid {
      display:grid !important;
      grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
      gap:12px !important;
      overflow:visible !important;
      scroll-snap-type:none !important;
      padding:0 !important;
      margin:0 !important;
      cursor:default !important;
      align-items:stretch;
    }
    #monk-elementor-root .value-grid > .value-card {
      width:100% !important;
      max-width:none !important;
      min-width:0 !important;
      height:auto !important;
      padding:14px 14px 15px;
      border-radius:20px;
    }
    #monk-elementor-root .value-grid .value-icon {
      width:38px;
      height:38px;
      border-radius:12px;
      margin-bottom:11px;
      font-size:15px;
    }
    #monk-elementor-root .value-grid .value-card h3 {
      font-size:15px !important;
      line-height:1.22 !important;
      margin-bottom:8px !important;
    }
    #monk-elementor-root .value-grid .value-card p {
      font-size:11px !important;
      line-height:1.52 !important;
    }
    #monk-elementor-root .team-card { padding:22px; }
    #monk-elementor-root .team-card-head { flex-wrap:wrap; gap:10px; }
    #monk-elementor-root .role-pill { font-size:9px; padding:7px 10px; margin-left:0; }
    #monk-elementor-root .value-intro { margin-bottom:24px; }
    #monk-elementor-root .team-grid > .reveal,
    #monk-elementor-root .team-grid > .reveal-left,
    #monk-elementor-root .team-grid > .reveal-right,
    #monk-elementor-root .value-grid > .reveal,
    #monk-elementor-root .value-grid > .reveal-left,
    #monk-elementor-root .value-grid > .reveal-right {
      opacity:1 !important; transform:none !important; transition:none !important;
    }
    #monk-elementor-root .team-grid.is-dragging { cursor:grabbing; }
    #monk-elementor-root .team-grid.equalized > .team-card,
    #monk-elementor-root .value-grid.equalized > .value-card { height:var(--equal-card-height, auto); }
    #monk-elementor-root .families-strip { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; min-height:0; gap:12px; padding-bottom:4px; }
    #monk-elementor-root .family-image { flex:0 0 84%; height:350px; scroll-snap-align:center; }
    #monk-elementor-root .recognition-media, #monk-elementor-root .magazine-stack { height:300px; }
  }