/* For Doctors Refence  Page */
        @import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");

        .creative-dept-engine {
          font-family: "Plus Jakarta Sans", sans-serif;
          background-color: #fafbfc;
          color: #2c3e50;
          overflow-x: hidden;
          letter-spacing: -0.01em;
        }

        /* --- IMMERSIVE HERO WITH GEOMETRIC MASK --- */
        .dept-dynamic-hero {
          background: linear-gradient(135deg, #0e4b48 0%, #062b29 100%);
          padding: 100px 0 160px 0;
          position: relative;
          overflow: hidden;
        }

        .dept-dynamic-hero::before {
          content: "";
          position: absolute;
          width: 500px;
          height: 500px;
          background: #ebbd5f;
          opacity: 0.08;
          filter: blur(90px);
          border-radius: 50%;
          top: -100px;
          right: -50px;
        }

        .dept-dynamic-hero::after {
          content: "";
          position: absolute;
          bottom: -1px;
          left: 0;
          right: 0;
          height: 60px;
          background: #fafbfc;
          clip-path: ellipse(60% 100% at 50% 100%);
        }

        .creative-tag-pill {
          background: rgba(235, 189, 95, 0.15);
          border: 1px solid #ebbd5f;
          color: #ebbd5f;
          font-size: 12px;
          font-weight: 700;
          text-transform: uppercase;
          letter-spacing: 0.15em;
          padding: 6px 20px;
          border-radius: 100px;
          display: inline-block;
          margin-bottom: 25px;
        }

        .creative-hero-title {
          font-size: 52px;
          font-weight: 800;
          color: #ffffff;
          line-height: 1.15;
          letter-spacing: -0.02em;
          margin-bottom: 20px;
        }

        .creative-hero-title span {
          color: #ebbd5f;
        }

        .creative-hero-subtext {
          font-size: 17px;
          color: #b3d1cf;
          max-width: 650px;
          line-height: 1.7;
        }

        /* --- VISUAL BENTO PERFORMANCE MATRIX --- */
        .bento-matrix-container {
          margin-top: -90px;
          position: relative;
          z-index: 5;
          margin-bottom: 90px;
        }

        .bento-stat-tile {
          background: #ffffff;
          border-radius: 24px;
          padding: 35px 30px;
          box-shadow: 0 30px 60px rgba(27, 128, 123, 0.05);
          border: 1px solid rgba(27, 128, 123, 0.06);
          height: 100%;
          transition: all 0.3s ease;
        }

        .bento-stat-tile:hover {
          transform: translateY(-5px);
          border-color: #1b807b;
        }

        .bento-stat-tile.accented-teal {
          background: linear-gradient(135deg, #1b807b 0%, #0e4b48 100%);
          color: #ffffff;
        }

        .bento-stat-title {
          font-size: 40px;
          font-weight: 800;
          color: #1b807b;
          line-height: 1;
          margin-bottom: 6px;
        }

        .accented-teal .bento-stat-title {
          color: #ebbd5f;
        }

        .bento-stat-label {
          font-size: 13px;
          font-weight: 700;
          text-transform: uppercase;
          letter-spacing: 0.05em;
          color: #526475;
          margin-bottom: 10px;
        }

        .accented-teal .bento-stat-label {
          color: #ffffff;
        }

        .bento-stat-desc {
          font-size: 13.5px;
          color: #64748b;
          margin: 0;
          line-height: 1.5;
        }

        .accented-teal .bento-stat-desc {
          color: #b3d1cf;
        }

        /* --- ASYMMETRIC CONTENT MATRIX SPLIT --- */
        .asymmetric-editorial-split {
          display: grid;
          grid-template-columns: 1fr 1.3fr;
          gap: 70px;
          margin-bottom: 100px;
          align-items: start;
        }

        .sticky-left-narrative {
          position: sticky;
          top: 120px;
        }

        .section-headline-decorated {
          font-size: 36px;
          font-weight: 800;
          color: #0e4b48;
          line-height: 1.2;
          margin-bottom: 20px;
          letter-spacing: -0.02em;
        }

        .section-headline-decorated span {
          color: #1b807b;
          position: relative;
          display: inline-block;
        }

        .section-headline-decorated span::after {
          content: "";
          position: absolute;
          bottom: 4px;
          left: 0;
          width: 100%;
          height: 4px;
          background: rgba(235, 189, 95, 0.4);
          z-index: -1;
        }

        .editorial-narrative-paragraph {
          font-size: 15.5px;
          line-height: 1.7;
          color: #4a5568;
        }

        /* --- PREMIUM CLINICAL TILES --- */
        .clinical-service-stack {
          display: flex;
          flex-direction: column;
          gap: 20px;
        }

        .clinical-service-tile {
          background: #ffffff;
          border-radius: 20px;
          padding: 30px;
          border: 1px solid rgba(0, 0, 0, 0.03);
          box-shadow: 0 20px 40px rgba(0, 0, 0, 0.02);
          display: flex;
          gap: 24px;
          transition: all 0.3s ease;
        }

        .clinical-service-tile:hover {
          transform: translateX(8px);
          border-left: 5px solid #1b807b;
          box-shadow: 0 24px 48px rgba(27, 128, 123, 0.06);
        }

        .tile-graphic-anchor {
          width: 54px;
          height: 54px;
          background: rgba(27, 128, 123, 0.08);
          border-radius: 14px;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-shrink: 0;
          color: #1b807b;
          font-weight: 700;
          font-size: 18px;
        }

        .clinical-service-tile:hover .tile-graphic-anchor {
          background: #1b807b;
          color: #ffffff;
        }

        .tile-content-wrap h3 {
          font-size: 19px;
          font-weight: 700;
          color: #0e4b48;
          margin-bottom: 8px;
        }

        .tile-content-wrap p {
          font-size: 14px;
          color: #64748b;
          margin: 0;
          line-height: 1.6;
        }

        /* --- HIGH-END EXPERT DOCTORS SHOWCASE --- */
        .luxury-doctors-hub {
          background: linear-gradient(180deg, #ffffff 0%, #f1f6f5 100%);
          padding: 90px 0 110px 0;
          border-radius: 40px;
          margin-bottom: 60px;
        }

        .hub-central-header {
          text-align: center;
          margin-bottom: 60px;
        }

        .hub-central-header h2 {
          font-size: 40px;
          font-weight: 800;
          color: #0e4b48;
          letter-spacing: -0.02em;
        }

        .hub-central-header p {
          color: #64748b;
          font-size: 16px;
          max-width: 550px;
          margin: 10px auto 0 auto;
        }

        .expert-luxury-card {
          background: #ffffff;
          border-radius: 28px;
          overflow: hidden;
          box-shadow: 0 30px 60px rgba(14, 75, 72, 0.04);
          border: 1px solid rgba(0, 0, 0, 0.02);
          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          height: 100%;
        }

        .expert-luxury-card:hover {
          transform: translateY(-10px);
          box-shadow: 0 40px 80px rgba(27, 128, 123, 0.12);
        }

        .expert-image-canvas {
          height: 320px;
          background-color: #f4faf9;
          position: relative;
          overflow: hidden;
        }

        .expert-image-canvas img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: transform 0.5s ease;
        }

        .expert-luxury-card:hover .expert-image-canvas img {
          transform: scale(1.05);
        }

        /* Luxury floating tag overlay */
        .expert-floating-badge {
          position: absolute;
          bottom: 20px;
          left: 20px;
          background: #ffffff;
          color: #0e4b48;
          font-size: 11.5px;
          font-weight: 700;
          text-transform: uppercase;
          padding: 6px 14px;
          border-radius: 8px;
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
          border-left: 3px solid #ebbd5f;
        }

        .expert-profile-details {
          padding: 30px;
          position: relative;
        }

        .expert-title-h4 {
          font-size: 22px;
          font-weight: 700;
          color: #0e4b48;
          margin-bottom: 4px;
          transition: color 0.3s ease;
        }

        .expert-luxury-card:hover .expert-title-h4 {
          color: #1b807b;
        }

        .expert-sub-specialty {
          font-size: 13.5px;
          font-weight: 600;
          color: #1b807b;
          margin-bottom: 16px;
        }

        .expert-mini-metrics-row {
          display: flex;
          gap: 20px;
          border-top: 1px solid #f1f5f9;
          padding-top: 16px;
          margin-bottom: 24px;
        }

        .expert-metric-pill span {
          display: block;
          font-size: 11px;
          text-transform: uppercase;
          color: #94a3b8;
          font-weight: 600;
          letter-spacing: 0.05em;
        }

        .expert-metric-pill strong {
          font-size: 14px;
          color: #2c3e50;
          font-weight: 700;
        }

        .btn-luxury-action {
          width: 100%;
          height: 48px;
          background: #f4faf9;
          border-radius: 12px;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #1b807b !important;
          font-weight: 700;
          font-size: 14px;
          text-decoration: none;
          transition: all 0.3s ease;
          border: 1px solid transparent;
        }

        .expert-luxury-card:hover .btn-luxury-action {
          background: #1b807b;
          color: #ffffff !important;
          box-shadow: 0 10px 20px rgba(27, 128, 123, 0.2);
        }
        .expert-luxury-card {
          background: #ffffff;
          border-radius: 28px;
          overflow: hidden;
          box-shadow: 0 30px 60px rgba(14, 75, 72, 0.04);
          border: 1px solid rgba(0, 0, 0, 0.02);
          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          height: 100%;
        }

        .expert-luxury-card:hover {
          transform: translateY(-10px);
          box-shadow: 0 40px 80px rgba(27, 128, 123, 0.12);
        }

        .expert-image-canvas {
          height: 320px;
          background-color: #f4faf9;
          position: relative;
          overflow: hidden;
        }

        .expert-image-canvas img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: transform 0.5s ease;
        }

        .expert-luxury-card:hover .expert-image-canvas img {
          transform: scale(1.05);
        }

        /* Luxury floating tag overlay */
        .expert-floating-badge {
          position: absolute;
          bottom: 20px;
          left: 20px;
          background: #ffffff;
          color: #0e4b48;
          font-size: 11.5px;
          font-weight: 700;
          text-transform: uppercase;
          padding: 6px 14px;
          border-radius: 8px;
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
          border-left: 3px solid #ebbd5f;
        }

        .expert-profile-details {
          padding: 30px;
          position: relative;
        }

        .expert-title-h4 {
          font-size: 22px;
          font-weight: 700;
          color: #0e4b48;
          margin-bottom: 4px;
          transition: color 0.3s ease;
        }

        .expert-luxury-card:hover .expert-title-h4 {
          color: #1b807b;
        }

        .expert-sub-specialty {
          font-size: 13.5px;
          font-weight: 600;
          color: #1b807b;
          margin-bottom: 16px;
        }

        .expert-mini-metrics-row {
          display: flex;
          gap: 20px;
          border-top: 1px solid #f1f5f9;
          padding-top: 16px;
          margin-bottom: 24px;
        }

        .expert-metric-pill span {
          display: block;
          font-size: 11px;
          text-transform: uppercase;
          color: #94a3b8;
          font-weight: 600;
          letter-spacing: 0.05em;
        }

        .expert-metric-pill strong {
          font-size: 14px;
          color: #2c3e50;
          font-weight: 700;
        }

        .btn-luxury-action {
          width: 100%;
          height: 48px;
          background: #f4faf9;
          border-radius: 12px;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #1b807b !important;
          font-weight: 700;
          font-size: 14px;
          text-decoration: none;
          transition: all 0.3s ease;
          border: 1px solid transparent;
        }

        .expert-luxury-card:hover .btn-luxury-action {
          background: #1b807b;
          color: #ffffff !important;
          box-shadow: 0 10px 20px rgba(27, 128, 123, 0.2);
        }

        /* --- STICKY CONSOLE OUTLINE --- */
        @media (max-width: 1024px) {
          .asymmetric-editorial-split {
            grid-template-columns: 1fr;
            gap: 50px;
          }
          .sticky-left-narrative {
            position: relative;
            top: 0;
          }
          .creative-hero-title {
            font-size: 40px;
          }
        }

        @media (max-width: 768px) {
          .bento-matrix-container {
            margin-top: -50px;
          }
          .dept-dynamic-hero {
            padding: 80px 0 120px 0;
          }
        }