/* NEXTON Founder Profile — Professional Card Fix
   Safe additive stylesheet for About pages only.
   Keeps the original portrait intact (no cut-out, no distortion). */

/* On About, let the story breathe vertically instead of squeezing the founder card into a narrow right column. */
.story-grid{
  grid-template-columns:1fr !important;
  gap:clamp(54px,7vw,92px) !important;
}

/* Founder panel: wide, editorial, lightly transparent. */
.founder-profile-v2{
  position:relative;
  display:grid !important;
  grid-template-columns:minmax(300px, 420px) minmax(0, 1fr) !important;
  gap:clamp(34px,5vw,72px) !important;
  align-items:center !important;
  width:100%;
  max-width:1120px;
  margin:0 auto;
  padding:clamp(26px,3.2vw,46px) !important;
  color:#0b2a21 !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.86), rgba(246,245,238,.70)) !important;
  border:1px solid rgba(8,36,29,.13) !important;
  border-radius:28px !important;
  box-shadow:
    0 30px 80px rgba(5,29,23,.13),
    0 8px 24px rgba(5,29,23,.06) !important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  overflow:visible !important;
}

/* Subtle translucent glow, not a heavy box. */
.founder-profile-v2::before{
  content:"";
  position:absolute;
  inset:16px -14px -14px 16px;
  z-index:-1;
  border-radius:30px;
  border:1px solid rgba(183,226,26,.22);
  background:rgba(255,255,255,.12);
  pointer-events:none;
}

/* Photo frame: keep the full photo and office environment visible. */
.founder-photo-card{
  position:relative;
  width:100%;
  max-width:420px;
  margin:0;
  padding:10px;
  border-radius:24px;
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(8,36,29,.15) !important;
  box-shadow:
    0 24px 55px rgba(5,29,23,.19),
    0 3px 10px rgba(5,29,23,.08) !important;
  overflow:visible !important;
}

.founder-photo-card::before{
  content:"";
  position:absolute;
  inset:-10px 10px 10px -10px;
  z-index:-1;
  border-radius:26px;
  border:1px solid rgba(183,226,26,.45);
  background:rgba(183,226,26,.035);
}

.founder-photo-card::after{
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  bottom:-12px;
  height:26px;
  z-index:-2;
  border-radius:50%;
  background:rgba(5,29,23,.18);
  filter:blur(18px);
  pointer-events:none;
}

.founder-photo-card img{
  display:block;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:16px;
  background:transparent !important;
}

.founder-copy{
  min-width:0;
  padding:clamp(2px,1vw,10px) 0;
}

.founder-copy .eyebrow{
  color:#94b900 !important;
  margin-bottom:8px;
}

.founder-copy h2{
  margin:.35rem 0 .25rem !important;
  color:#0b2a21 !important;
  font-size:clamp(2.45rem,4vw,4.35rem) !important;
  line-height:.98 !important;
  letter-spacing:-.045em !important;
}

.founder-copy .role{
  margin:.65rem 0 1.35rem !important;
  color:#729300 !important;
  font-weight:800 !important;
  font-size:clamp(1rem,1.4vw,1.15rem);
}

.founder-copy p:not(.role){
  max-width:62ch;
  color:#52635d !important;
  font-size:clamp(.98rem,1.25vw,1.08rem);
  line-height:1.72;
}

.founder-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:1.65rem;
}

.button-linkedin{
  display:inline-flex !important;
  align-items:center;
  gap:10px;
  min-height:48px;
  background:#0b2a21 !important;
  color:#fff !important;
  border:1px solid #0b2a21 !important;
  box-shadow:0 10px 24px rgba(5,29,23,.15);
}

.button-linkedin:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(5,29,23,.20);
}

.linkedin-mark{
  width:22px;
  height:22px;
  display:inline-grid;
  place-items:center;
  border-radius:4px;
  background:#fff;
  color:#0b2a21;
  font:bold 13px/1 Arial,sans-serif;
}

.founder-profile-v2 .button-outline{
  border-color:rgba(11,42,33,.30) !important;
  color:#0b2a21 !important;
  background:rgba(255,255,255,.38) !important;
}

.founder-profile-v2 .button-outline:hover{
  background:rgba(255,255,255,.75) !important;
  border-color:rgba(11,42,33,.50) !important;
}

@media (max-width:900px){
  .founder-profile-v2{
    grid-template-columns:1fr !important;
    max-width:760px;
    gap:34px !important;
  }
  .founder-photo-card{
    width:min(100%,520px);
    max-width:520px;
    margin-inline:auto;
  }
  .founder-copy{
    text-align:left;
  }
}

@media (max-width:560px){
  .story-grid{gap:44px !important;}
  .founder-profile-v2{
    padding:18px !important;
    border-radius:20px !important;
  }
  .founder-profile-v2::before{
    inset:10px -7px -7px 10px;
    border-radius:22px;
  }
  .founder-photo-card{
    padding:7px;
    border-radius:18px;
  }
  .founder-photo-card::before{
    inset:-6px 7px 7px -6px;
    border-radius:20px;
  }
  .founder-photo-card img{border-radius:12px;}
  .founder-copy h2{font-size:clamp(2.2rem,13vw,3.15rem) !important;}
  .founder-actions{flex-direction:column;}
  .founder-actions .button{width:100%;justify-content:center;}
}

@media (prefers-reduced-motion:reduce){
  .button-linkedin:hover{transform:none;}
}