/* Profile: continue the hero moon-white atmosphere, with restrained archive-card accents. */
.profile {
  background:
    radial-gradient(circle at 84% 20%, rgba(180, 147, 79, 0.045), transparent 38%),
    linear-gradient(180deg, #f9f5ea 0%, #f8f3e9 48%, #f9f5ea 100%) !important;
}

.profile::before,
.profile::after {
  opacity: 0 !important;
}

.profile-thread,
.profile .mountain-thread {
  opacity: 0.11 !important;
}

.profile-statement {
  background: transparent !important;
  box-shadow: none !important;
}

.profile-statement::before,
.profile-statement::after {
  opacity: 0.38 !important;
  background: transparent !important;
}

.profile-statement h2 {
  color: rgba(23, 19, 15, 0.88) !important;
}

.profile-statement h2 span {
  color: #17130f !important;
}

.profile-statement p:not(.eyebrow) {
  color: rgba(74, 66, 55, 0.7) !important;
}

.profile-abilities {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(14px, 1.5vw, 20px) !important;
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.profile-abilities article,
.profile-abilities article:nth-child(1),
.profile-abilities article:nth-child(2),
.profile-abilities article:nth-child(3) {
  min-height: 184px !important;
  padding: clamp(26px, 2.4vw, 36px) !important;
  border: 1px solid rgba(184, 149, 79, 0.32) !important;
  border-right: 1px solid rgba(184, 149, 79, 0.32) !important;
  outline: 1px solid rgba(184, 149, 79, 0.2) !important;
  outline-offset: -4px !important;
  background: rgba(255, 250, 239, 0.46) !important;
  box-shadow: none !important;
  transform: none !important;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease !important;
}

.profile-abilities article:last-child {
  border-right: 1px solid rgba(184, 149, 79, 0.32) !important;
}

.profile-abilities article::before {
  content: none !important;
}

.profile-abilities article:nth-child(1)::before {
  background: rgba(184, 149, 79, 0.66) !important;
}

.profile-abilities article:nth-child(2)::before {
  background: rgba(184, 149, 79, 0.42) !important;
}

.profile-abilities article:nth-child(3)::before {
  background: rgba(184, 149, 79, 0.5) !important;
}

.profile-abilities article:nth-child(1) {
  border-color: rgba(184, 149, 79, 0.42) !important;
  background: rgba(255, 250, 239, 0.54) !important;
}

.profile-abilities article:nth-child(2) {
  border-color: rgba(184, 149, 79, 0.28) !important;
  background: rgba(249, 245, 234, 0.48) !important;
}

.profile-abilities article:nth-child(3) {
  border-color: rgba(184, 149, 79, 0.34) !important;
  background: rgba(252, 247, 237, 0.5) !important;
}

.profile-abilities span,
.profile-abilities article:nth-child(1) span,
.profile-abilities article:nth-child(2) span,
.profile-abilities article:nth-child(3) span {
  color: rgba(184, 149, 79, 0.74) !important;
}

.profile-abilities b,
.profile-abilities article:nth-child(1) b,
.profile-abilities article:nth-child(2) b,
.profile-abilities article:nth-child(3) b {
  color: rgba(23, 19, 15, 0.88) !important;
}

.profile-abilities p,
.profile-abilities article:nth-child(1) p,
.profile-abilities article:nth-child(2) p,
.profile-abilities article:nth-child(3) p {
  color: rgba(74, 66, 55, 0.66) !important;
}

.profile-abilities article:hover,
.profile-abilities article:nth-child(1):hover,
.profile-abilities article:nth-child(2):hover,
.profile-abilities article:nth-child(3):hover {
  transform: translateY(-3px) !important;
  background: rgba(255, 250, 239, 0.62) !important;
  border-color: rgba(184, 149, 79, 0.56) !important;
  box-shadow: none !important;
}

@media (max-width: 760px) {
  .profile-abilities {
    grid-template-columns: 1fr !important;
  }

  .profile-abilities article,
  .profile-abilities article:nth-child(1),
  .profile-abilities article:nth-child(2),
  .profile-abilities article:nth-child(3),
  .profile-abilities article:last-child {
    border: 1px solid rgba(184, 149, 79, 0.32) !important;
  }
}


/* v38 profile cards: larger, warmer, quieter */
.profile-abilities { width: min(1340px, calc(100vw - 96px)) !important; margin-top: clamp(22px,3vh,36px) !important; gap: 14px !important; border: 0 !important; background: transparent !important; }
.profile-abilities article, .profile-abilities article:nth-child(1), .profile-abilities article:nth-child(2), .profile-abilities article:nth-child(3) {
  min-height: 228px !important; padding: clamp(32px,3vw,46px) !important; border: 1px solid rgba(184,149,79,.3) !important; background: #f1eade !important; box-shadow: none !important;
}
.profile-abilities article:nth-child(1) { background: #f4ecdf !important; border-color: rgba(184,149,79,.5) !important; }
.profile-abilities article:nth-child(2) { background: #eee9df !important; border-color: rgba(145,146,143,.38) !important; }
.profile-abilities article:nth-child(3) { background: #f0e7da !important; border-color: rgba(184,149,79,.32) !important; }
.profile-abilities b { margin-top: 18px !important; font-size: clamp(27px,2.5vw,38px) !important; }
.profile-abilities p { margin-top: 18px !important; font-size: 14px !important; line-height: 1.8 !important; }
.profile-abilities article:hover { transform: translateY(-2px) !important; background: #e9e0d1 !important; box-shadow: none !important; }
@media (max-width:760px) { .profile-abilities { width: 100% !important; } .profile-abilities article, .profile-abilities article:nth-child(1), .profile-abilities article:nth-child(2), .profile-abilities article:nth-child(3) { min-height: 180px !important; } }