/* ABOUT DUSSIE / OUR FOUNDER R1 */
.r3-about-founder {
  position: relative;
  overflow: hidden;
  padding: clamp(78px, 8.5vw, 124px) 0;
  background:
    radial-gradient(circle at 18% 18%, rgba(38, 212, 226, 0.08), transparent 30%),
    radial-gradient(circle at 82% 78%, rgba(67, 86, 255, 0.12), transparent 34%),
    linear-gradient(180deg, #081220 0%, #09162a 50%, #07101f 100%);
  border-bottom: 1px solid rgba(116, 150, 211, 0.10);
}

.r3-about-founder::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.28;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(81, 220, 225, 0.038) 1px, transparent 1px),
    linear-gradient(90deg, rgba(81, 220, 225, 0.038) 1px, transparent 1px);
  background-size: 60px 60px;
  mask-image: linear-gradient(to bottom, transparent 0%, #000 16%, #000 84%, transparent 100%);
}

.r3-about-founder .container {
  position: relative;
  z-index: 1;
}

.r3-about-founder-grid {
  display: grid;
  grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.5fr);
  gap: clamp(48px, 7vw, 110px);
  align-items: start;
}

.r3-about-founder-identity {
  position: sticky;
  top: 108px;
}

.r3-about-founder-identity .kicker {
  color: #4be4dd;
  letter-spacing: 0.17em;
}

.r3-about-founder-identity h2 {
  margin: 18px 0 30px;
  color: #f4f7ff;
  font-size: clamp(42px, 5vw, 72px);
  line-height: 0.98;
  letter-spacing: -0.045em;
}

.r3-founder-intelligence-field {
  position: relative;
  min-height: clamp(340px, 38vw, 520px);
  overflow: hidden;
  border-radius: 30px;
  border: 1px solid rgba(92, 131, 201, 0.22);
  background:
    radial-gradient(circle at 50% 46%, rgba(52, 220, 218, 0.15), transparent 15%),
    radial-gradient(circle at 52% 48%, rgba(80, 93, 255, 0.12), transparent 35%),
    linear-gradient(145deg, rgba(12, 25, 46, 0.98), rgba(5, 13, 29, 0.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 30px 80px rgba(0,0,0,0.28),
    0 0 45px rgba(41, 203, 223, 0.05);
  isolation: isolate;
}

.r3-founder-grid-plane {
  position: absolute;
  inset: 0;
  opacity: 0.34;
  background-image:
    linear-gradient(rgba(71, 226, 218, 0.065) 1px, transparent 1px),
    linear-gradient(90deg, rgba(71, 226, 218, 0.065) 1px, transparent 1px);
  background-size: 42px 42px;
  transform: perspective(620px) rotateX(58deg) scale(1.45) translateY(18%);
  transform-origin: center bottom;
}

.r3-founder-orbit,
.r3-founder-energy-core,
.r3-founder-node,
.r3-founder-path {
  position: absolute;
  pointer-events: none;
}

.r3-founder-orbit {
  left: 50%;
  top: 48%;
  border-radius: 50%;
  border: 1px solid rgba(73, 223, 223, 0.36);
  transform: translate(-50%, -50%) rotateX(64deg) rotateZ(-14deg);
  box-shadow: 0 0 28px rgba(63, 202, 226, 0.06);
}

.r3-founder-orbit-a { width: 64%; aspect-ratio: 1; }
.r3-founder-orbit-b { width: 46%; aspect-ratio: 1; border-color: rgba(97, 113, 255, 0.34); transform: translate(-50%, -50%) rotateX(68deg) rotateZ(19deg); }
.r3-founder-orbit-c { width: 28%; aspect-ratio: 1; border-color: rgba(219, 178, 87, 0.34); transform: translate(-50%, -50%) rotateX(60deg) rotateZ(-35deg); }

.r3-founder-energy-core {
  left: 50%;
  top: 47%;
  width: 78px;
  height: 78px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(245, 210, 122, 0.92) 0 4%, rgba(55, 228, 220, 0.75) 9%, rgba(64, 104, 255, 0.25) 35%, transparent 72%);
  box-shadow: 0 0 38px rgba(45, 223, 218, 0.28), 0 0 80px rgba(55, 91, 255, 0.18);
  animation: r3FounderPulse 4.8s ease-in-out infinite;
}

.r3-founder-path {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(65, 224, 221, 0.74), rgba(227, 184, 87, 0.48), transparent);
  transform-origin: left center;
  box-shadow: 0 0 15px rgba(61, 221, 224, 0.18);
}

.r3-founder-path-a { left: 10%; top: 29%; width: 78%; transform: rotate(24deg); }
.r3-founder-path-b { left: 14%; top: 68%; width: 72%; transform: rotate(-21deg); }

.r3-founder-node {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #55e8df;
  box-shadow: 0 0 0 5px rgba(85, 232, 223, 0.07), 0 0 18px rgba(85, 232, 223, 0.50);
}

.r3-founder-node-1 { left: 17%; top: 28%; }
.r3-founder-node-2 { left: 72%; top: 24%; }
.r3-founder-node-3 { left: 82%; top: 58%; background: #d9b76f; box-shadow: 0 0 0 5px rgba(217,183,111,0.06),0 0 18px rgba(217,183,111,0.40); }
.r3-founder-node-4 { left: 24%; top: 72%; }
.r3-founder-node-5 { left: 64%; top: 78%; background: #7184ff; box-shadow: 0 0 0 5px rgba(113,132,255,0.06),0 0 18px rgba(113,132,255,0.42); }
.r3-founder-node-6 { left: 46%; top: 16%; }

.r3-about-founder-copy {
  position: relative;
  padding: clamp(30px, 4vw, 54px);
  border: 1px solid rgba(111, 143, 203, 0.20);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(13, 25, 47, 0.95), rgba(8, 17, 34, 0.95)),
    radial-gradient(circle at top right, rgba(56, 217, 225, 0.08), transparent 40%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.035), 0 24px 70px rgba(0,0,0,0.22);
}

.r3-about-founder-copy::before,
.r3-about-founder-copy::after {
  content: "";
  position: absolute;
  width: 42px;
  height: 42px;
  pointer-events: none;
}

.r3-about-founder-copy::before {
  top: 18px;
  left: 18px;
  border-top: 1px solid rgba(69, 228, 220, 0.62);
  border-left: 1px solid rgba(69, 228, 220, 0.62);
}

.r3-about-founder-copy::after {
  right: 18px;
  bottom: 18px;
  border-right: 1px solid rgba(218, 181, 104, 0.46);
  border-bottom: 1px solid rgba(218, 181, 104, 0.46);
}

.r3-about-founder-copy p,
.r3-about-founder-copy h3 {
  position: relative;
  z-index: 1;
}

.r3-about-founder-copy p {
  margin: 0;
  color: rgba(224, 232, 248, 0.82);
  font-size: clamp(16px, 1.2vw, 19px);
  line-height: 1.88;
}

.r3-about-founder-copy p + p {
  margin-top: 25px;
}

.r3-about-founder-copy h3 {
  margin: 36px 0 16px;
  padding-top: 30px;
  border-top: 1px solid rgba(122, 154, 211, 0.12);
  color: #f4f7ff;
  font-size: clamp(21px, 2vw, 29px);
  line-height: 1.3;
  letter-spacing: -0.025em;
}

@keyframes r3FounderPulse {
  0%, 100% { transform: translate(-50%, -50%) scale(0.92); opacity: 0.82; }
  50% { transform: translate(-50%, -50%) scale(1.10); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .r3-founder-energy-core { animation: none; }
}

@media (max-width: 940px) {
  .r3-about-founder-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .r3-about-founder-identity {
    position: static;
  }

  .r3-founder-intelligence-field {
    min-height: 380px;
  }
}

@media (max-width: 640px) {
  .r3-about-founder {
    padding: 62px 0 68px;
  }

  .r3-about-founder-identity h2 {
    margin-bottom: 24px;
  }

  .r3-founder-intelligence-field {
    min-height: 300px;
    border-radius: 22px;
  }

  .r3-about-founder-copy {
    padding: 27px 22px;
    border-radius: 20px;
  }

  .r3-about-founder-copy p {
    font-size: 15px;
    line-height: 1.8;
  }

  .r3-about-founder-copy h3 {
    margin-top: 30px;
    padding-top: 25px;
    font-size: 21px;
  }
}