.hr-about-v1 {
  color:#f5f7fa;
}

.hr-about-section {
  padding:90px 24px;
}

.hr-about-container {
  max-width:1240px;
  margin:0 auto;
}

.hr-about-eyebrow {
  display:block;
  color:#ff9d00;
  font-size:12px;
  font-weight:800;
  letter-spacing:2px;
  text-transform:uppercase;
  margin-bottom:20px;
}

.hr-about-v1 h2 {
  font-size:clamp(30px,3.6vw,50px);
  line-height:1.15;
  letter-spacing:-1px;
  color:#fff;
  margin:0 0 25px;
}

.hr-about-v1 h3 {
  color:#fff;
}

.hr-about-two-columns {
  display:grid;
  grid-template-columns:0.85fr 1.15fr;
  gap:80px;
}

.hr-about-text p {
  color:#aeb9c6;
  font-size:17px;
  line-height:1.9;
  margin:0 0 24px;
}

.hr-about-dark {
  background:#090d12;
  border-top:1px solid #1d2630;
  border-bottom:1px solid #1d2630;
}

.hr-about-heading {
  max-width:760px;
  margin-bottom:45px;
}

.hr-about-heading p {
  color:#aeb9c6;
  font-size:16px;
  line-height:1.8;
}

.hr-about-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}

.hr-about-card {
  background:#101720;
  border:1px solid rgba(255,157,0,.17);
  border-radius:16px;
  padding:30px;
  transition:transform .2s,border-color .2s;
}

.hr-about-card:hover {
  transform:translateY(-4px);
  border-color:rgba(255,157,0,.65);
}

.hr-about-number {
  display:block;
  color:#ff9d00;
  font-size:13px;
  font-weight:800;
  margin-bottom:25px;
}

.hr-about-card h3 {
  font-size:20px;
  margin:0 0 15px;
}

.hr-about-card p {
  color:#aeb9c6;
  line-height:1.8;
  font-size:14px;
  margin:0;
}

.hr-about-process {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}

.hr-about-step {
  padding:25px;
  border-top:2px solid #ff9d00;
  background:#0c1118;
}

.hr-about-step > span {
  color:#ff9d00;
  font-size:24px;
  font-weight:900;
}

.hr-about-step h3 {
  margin:25px 0 12px;
}

.hr-about-step p {
  color:#aeb9c6;
  font-size:14px;
  line-height:1.7;
}

.hr-about-founder {
  background:linear-gradient(135deg,#101720,#080b10);
}

.hr-about-founder-grid {
  display:grid;
  grid-template-columns:0.75fr 1.25fr;
  gap:80px;
  align-items:center;
}

.hr-about-founder-mark {
  min-height:360px;
  border:1px solid rgba(255,157,0,.25);
  border-radius:20px;
  background:radial-gradient(circle at center,#20242a,#080b10 70%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:20px;
}

.hr-about-founder-symbol {
  width:180px;
  height:180px;
  border:2px solid #ff9d00;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ff9d00;
  font-size:68px;
  font-weight:900;
  letter-spacing:-5px;
}

.hr-about-founder-mark > span {
  font-size:12px;
  font-weight:800;
  letter-spacing:2px;
  color:#ff9d00;
}

.hr-about-founder-role {
  color:#ff9d00;
  font-weight:700;
  margin-bottom:25px;
}

.hr-about-founder p {
  color:#aeb9c6;
  line-height:1.9;
  font-size:16px;
}

.hr-about-tools {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.hr-about-tools span {
  padding:15px 22px;
  background:#111923;
  border:1px solid #293442;
  border-radius:10px;
  color:#dce4ed;
  font-weight:600;
  font-size:14px;
}

.hr-about-cta {
  text-align:center;
  background:radial-gradient(
    ellipse at center,
    rgba(255,157,0,.08),
    transparent 65%
  );
}

.hr-about-cta p {
  color:#aeb9c6;
  font-size:17px;
  line-height:1.8;
  max-width:650px;
  margin:0 auto 35px;
}

.hr-about-actions {
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:15px;
}

.hr-about-btn {
  display:inline-block;
  background:#ff9d00;
  color:#101010 !important;
  text-decoration:none;
  padding:16px 26px;
  border-radius:9px;
  font-size:14px;
  font-weight:900;
}

.hr-about-btn.secondary {
  background:transparent;
  border:1px solid #ff9d00;
  color:#ff9d00 !important;
}

@media(max-width:1000px) {
  .hr-about-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .hr-about-process {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:750px) {
  .hr-about-section {
    padding:55px 18px;
  }

  .hr-about-two-columns,
  .hr-about-founder-grid {
    grid-template-columns:1fr;
    gap:30px;
  }

  .hr-about-grid {
    grid-template-columns:1fr;
  }

  .hr-about-founder-mark {
    min-height:260px;
  }

  .hr-about-founder-symbol {
    width:130px;
    height:130px;
    font-size:48px;
  }
}

@media(max-width:480px) {
  .hr-about-process {
    grid-template-columns:1fr;
  }

  .hr-about-card {
    padding:24px;
  }

  .hr-about-actions {
    flex-direction:column;
  }

  .hr-about-btn {
    display:block;
  }
}

/* =========================================
   ABOUT — IMAGE EXPERTISE CARDS
   ========================================= */

.hr-about-v1 .hr-about-grid {
  gap:18px;
}

.hr-about-v1 .hr-about-card {
  padding:0;
  overflow:hidden;
  background:#080d12;
  border:1px solid rgba(255,157,0,.26);
  border-radius:17px;
  transition:transform .25s ease,border-color .25s ease;
}

.hr-about-v1 .hr-about-card:hover {
  transform:translateY(-5px);
  border-color:#ff9d00;
}

.hr-about-v1 .hr-about-card-image {
  height:205px;
  overflow:hidden;
  background:#101720;
}

.hr-about-v1 .hr-about-card-image img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .4s ease;
}

.hr-about-v1 .hr-about-card:hover img {
  transform:scale(1.045);
}

.hr-about-v1 .hr-about-number {
  display:block;
  margin:0;
  padding:0 24px;
  color:#ff9d00;
  font-size:13px;
  font-weight:800;
  transform:translateY(-1px);
}

.hr-about-v1 .hr-about-card h3 {
  padding:0 24px;
  margin:18px 0 13px;
  font-size:20px;
  line-height:1.35;
}

.hr-about-v1 .hr-about-card p {
  padding:0 24px 28px;
  margin:0;
  color:#aeb9c6;
  font-size:14px;
  line-height:1.8;
}

@media(max-width:700px) {
  .hr-about-v1 .hr-about-card-image {
    height:210px;
  }
}

/* ============================================
   ABOUT — FROM CONCEPT TO REALITY V2
   ============================================ */

.hr-about-v1 .hr-about-process {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}

.hr-about-v1 .hr-about-step {
  display:flex;
  flex-direction:column;
  padding:0;
  overflow:hidden;
  min-width:0;
  background:#080d12;
  border:1px solid rgba(255,157,0,.28);
  border-radius:16px;
  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}

.hr-about-v1 .hr-about-step:hover {
  transform:translateY(-5px);
  border-color:#ff9d00;
  box-shadow:0 12px 35px rgba(0,0,0,.25);
}

.hr-about-v1 .hr-about-step-image {
  height:185px;
  overflow:hidden;
  background:#101720;
}

.hr-about-v1 .hr-about-step-image img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .4s ease;
}

.hr-about-v1 .hr-about-step:hover img {
  transform:scale(1.05);
}

.hr-about-v1 .hr-about-step > span {
  display:block;
  padding:22px 22px 0;
  color:#ff9d00;
  font-size:21px;
  font-weight:900;
}

.hr-about-v1 .hr-about-step h3 {
  margin:17px 22px 12px;
  color:#fff;
  font-size:19px;
  line-height:1.3;
}

.hr-about-v1 .hr-about-step p {
  margin:0;
  padding:0 22px 28px;
  color:#aeb9c6;
  font-size:14px;
  line-height:1.75;
}

@media(max-width:1000px) {
  .hr-about-v1 .hr-about-process {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .hr-about-v1 .hr-about-step-image {
    height:220px;
  }
}

@media(max-width:600px) {
  .hr-about-v1 .hr-about-process {
    grid-template-columns:1fr;
  }

  .hr-about-v1 .hr-about-step-image {
    height:220px;
  }
}

/* ABOUT — ROUNDED EXPERTISE SECTION */

.hr-about-v1 > .hr-about-section.hr-about-dark:has(.hr-about-grid) {
  margin: 20px 24px 0;
  border: 1px solid rgba(255,157,0,.22);
  border-radius: 24px;
  overflow: hidden;
  background: #090d12;
}

@media (max-width: 700px) {
  .hr-about-v1 > .hr-about-section.hr-about-dark:has(.hr-about-grid) {
    margin: 12px 10px 0;
    border-radius: 18px;
  }
}

/* HR ABOUT SEPARATE CARDS START */

/*
   Founder and Technologies are two separate
   rounded panels with orange borders.
*/

.hr-about-v1 {
  --hr-about-accent:#ff9d00;
}

/* Founder card */

.hr-about-v1 .hr-about-section.hr-about-founder {
  position:relative;
  margin:28px 0 0;
  padding:65px 45px;

  background:
    linear-gradient(
      135deg,
      #111923 0%,
      #080d12 100%
    );

  border:1px solid rgba(255,157,0,.65);
  border-radius:22px;

  overflow:hidden;

  transition:
    border-color .25s ease,
    box-shadow .25s ease;
}

/* Technologies card */

.hr-about-v1 .hr-about-founder + .hr-about-section.hr-about-dark {
  position:relative;

  margin:28px 0 0;
  padding:65px 45px;

  background:
    linear-gradient(
      135deg,
      #0d141c 0%,
      #080b10 100%
    );

  border:1px solid rgba(255,157,0,.65);
  border-radius:22px;

  overflow:hidden;

  transition:
    border-color .25s ease,
    box-shadow .25s ease;
}

/* Hover effect */

.hr-about-v1 .hr-about-section.hr-about-founder:hover,
.hr-about-v1 .hr-about-founder + .hr-about-section.hr-about-dark:hover {
  border-color:#ff9d00;

  box-shadow:
    0 0 25px rgba(255,157,0,.08);
}

/* Founder image container */

.hr-about-v1 .hr-about-founder-mark {
  border-radius:18px;
  border:1px solid rgba(255,157,0,.55);
}

/* Technologies tags */

.hr-about-v1 .hr-about-tools span {
  border:1px solid rgba(255,157,0,.40);
  border-radius:10px;
  background:#111923;

  transition:
    border-color .2s ease,
    background .2s ease;
}

.hr-about-v1 .hr-about-tools span:hover {
  border-color:#ff9d00;
  background:#19212a;
}

/* Mobile */

@media(max-width:750px) {

  .hr-about-v1 .hr-about-section.hr-about-founder,
  .hr-about-v1 .hr-about-founder + .hr-about-section.hr-about-dark {
    margin-top:18px;
    padding:38px 20px;
    border-radius:17px;
  }

}

/* HR ABOUT SEPARATE CARDS END */


/* HR ABOUT APPROACH FRAME START */

/* Outer card for From Concept to Reality */

.hr-about-v1 .hr-about-section:has(> .hr-about-container > .hr-about-process) {
  position:relative;
  margin:28px 0;
  padding:65px 45px;

  background:linear-gradient(
    135deg,
    #101720 0%,
    #080c11 100%
  );

  border:1px solid rgba(255,157,0,.65);
  border-radius:22px;
  overflow:hidden;
  transition:border-color .25s ease,box-shadow .25s ease;
}

.hr-about-v1 .hr-about-section:has(> .hr-about-container > .hr-about-process):hover {
  border-color:#ff9d00;
  box-shadow:0 0 25px rgba(255,157,0,.08);
}

@media(max-width:750px) {
  .hr-about-v1 .hr-about-section:has(> .hr-about-container > .hr-about-process) {
    margin:18px 0;
    padding:38px 20px;
    border-radius:17px;
  }
}

/* HR ABOUT APPROACH FRAME END */


/* HR ABOUT UNIFIED PANELS START */

/* Consistent background and border across About sections */

.hr-about-v1 .hr-about-section:has(.hr-about-grid),
.hr-about-v1 .hr-about-section:has(.hr-about-process),
.hr-about-v1 .hr-about-section.hr-about-founder,
.hr-about-v1 .hr-about-founder + .hr-about-section.hr-about-dark {
  background:#090d12 !important;
  border:1px solid rgba(255,157,0,.35) !important;
  border-radius:22px !important;
  box-shadow:none !important;
}

/* Preserve orange hover accent */

.hr-about-v1 .hr-about-section:has(.hr-about-grid):hover,
.hr-about-v1 .hr-about-section:has(.hr-about-process):hover,
.hr-about-v1 .hr-about-section.hr-about-founder:hover,
.hr-about-v1 .hr-about-founder + .hr-about-section.hr-about-dark:hover {
  border-color:rgba(255,157,0,.65) !important;
}

/* HR ABOUT UNIFIED PANELS END */

/* HR FOUNDER PHOTO START */

.hr-about-v1 .hr-about-founder-mark.hr-about-founder-photo {
  position:relative;
  display:block;
  width:100%;
  min-height:0;
  aspect-ratio:1552 / 1013;
  padding:0;
  overflow:hidden;

  border:1px solid rgba(255,157,0,.55);
  border-radius:20px;
  background:#090d12;
}

.hr-about-v1 .hr-about-founder-photo img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

@media(max-width:750px) {
  .hr-about-v1 .hr-about-founder-mark.hr-about-founder-photo {
    min-height:0;
    border-radius:16px;
  }
}

/* HR FOUNDER PHOTO END */