/* ─── about page INFO GRID ─── */
        .info-grid {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 60px;
          align-items: center;
       }

       .image-wrapper {
          position: relative;
          border: 1px solid var(--border);
          box-shadow: 0 20px 50px rgba(0,0,0,0.5); 
       }

       .image-wrapper img {
          width: 100%;
          height: auto;
          display: block;
          filter: grayscale(20%) contrast(110%); 
          transition: filter 0.5s;
       }

       .image-wrapper:hover img {
          filter: grayscale(0%) contrast(100%);
       }

       .exp-badge {
          position: absolute;
          bottom: -20px; 
          right: 40px;
          background: var(--gold);
          color: var(--black);
          padding: 25px 35px;
          text-align: center;
          border: 4px solid var(--black); 
          box-shadow: 0 10px 30px rgba(0,0,0,0.5);
          min-width: 140px;
          z-index: 2;
       }

       .exp-badge h3 { 
          font-family: 'Playfair Display', serif; 
          font-size: 42px; 
          margin: 0; 
          line-height: 1;
          font-weight: 700;
       }

       .exp-badge span { 
          font-family: 'Josefin Sans', sans-serif;
          font-size: 10px; 
          font-weight: 700; 
          text-transform: uppercase; 
          letter-spacing: 2px;
          display: block;
          margin-top: 5px;
       }

       .info-content h2 {
          font-family: 'Playfair Display', serif;
          font-size: 36px;
          line-height: 1.2;
          color: var(--white);
          margin-bottom: 25px;
       }

       .luxury-text {
          font-family: 'Cormorant Garamond', serif;
          font-size: 18px;
          color: rgba(255,255,255,0.6);
          line-height: 1.8;
          margin-bottom: 25px;
       }
       .sub_title {
          display: inline-block;
          font-size: 11px;
          font-weight: 700;
          letter-spacing: 3px;
          color: var(--gold);
          text-transform: uppercase;
          margin-bottom: 15px;
          border-bottom: 1px solid var(--border);
          padding-bottom: 5px;
       }

       .cards-grid {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 30px;
       }

       .icon-card {
          background: linear-gradient(180deg, var(--deep) 0%, rgba(17,16,20,0.5) 100%);
          border: 1px solid var(--border);
          padding: 40px 30px;
          text-align: center;
          transition: all 0.4s ease;
          position: relative;
       }

       .icon-card:hover {
          border-color: var(--gold);
          transform: translateY(-5px);
          box-shadow: 0 10px 30px rgba(0,0,0,0.3);
       }

       .icon-circle {
          width: 70px; 
          height: 70px;
          background: rgba(201, 168, 76, 0.1);
          color: var(--gold);
          border: 1px solid var(--gold);
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 24px;
          margin: 0 auto 25px;
          transition: var(--transition);
       }

       .icon-card:hover .icon-circle {
          background: var(--gold);
          color: var(--black);
          box-shadow: 0 0 20px rgba(201, 168, 76, 0.4);
       }

       .icon-card h4 {
          font-family: 'Playfair Display', serif;
          font-size: 22px;
          color: var(--white);
          margin-bottom: 15px;
       }

       .icon-card p {
          font-family: 'Cormorant Garamond', serif;
          font-size: 16px;
          color: rgba(255,255,255,0.5);
          line-height: 1.6;
       }

       /* ─── PROCESS STEPS ─── */
       .process-steps {
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          gap: 20px;
          margin-top: 50px;
       }

       .step-item {
          position: relative;
          text-align: center;
          padding: 30px 20px;
          border: 1px solid transparent; 
          transition: 0.3s;
       }

       .step-item:hover {
          border: 1px solid var(--border);
          background: rgba(255,255,255,0.02);
       }

       .step-number {
          font-family: 'Playfair Display', serif;
          font-size: 48px;
          color: rgba(255,255,255,0.03);
          font-weight: 900;
          position: absolute;
          top: 10px;
          right: 20px;
          line-height: 1;
          transition: color 0.3s;
       }

       .step-item:hover .step-number {
          color: var(--gold);
       }

       .step-icon {
          width: 60px; 
          height: 60px;
          background: var(--black);
          border: 1px solid var(--border);
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 20px;
          color: var(--gold);
          margin: 0 auto 20px;
          transition: 0.3s;
          position: relative;
          z-index: 2;
       }

       .step-item:hover .step-icon {
          background: var(--gold);
          color: var(--black);
          border-color: var(--gold);
          box-shadow: 0 0 15px rgba(201, 168, 76, 0.3);
       }

       .step-content h5 {
          font-family: 'Josefin Sans', sans-serif;
          font-size: 16px;
          font-weight: 700;
          color: var(--white);
          text-transform: uppercase;
          letter-spacing: 1px;
          margin-bottom: 10px;
       }

       .step-content p {
          font-family: 'Cormorant Garamond', serif;
          font-size: 15px;
          color: rgba(255,255,255,0.5);
          line-height: 1.5;
       }

       /* ─── RESPONSIVE ─── */
       @media (max-width: 991px) {
          .info-grid { grid-template-columns: 1fr; gap: 40px; }
          .cards-grid { grid-template-columns: 1fr; }
          .process-steps {
             grid-template-columns: 1fr 1fr;
             gap: 30px;
          }

          .exp-badge { right: 20px; bottom: -15px; padding: 20px; }
          .breadcrumbs_title { font-size: 2.5rem; }
       }

       @media (max-width: 576px) {
          .process-steps { grid-template-columns: 1fr; }
          .image-wrapper { margin-bottom: 40px; }
          .info-content h2 { font-size: 28px; }
          .exp-badge {
             position: relative;
             bottom: auto;
             right: auto;
             margin: -30px auto 0; 
             display: inline-block;
          }
       }