/* Override theme animation visibility rules */
  [class^="sciens-"] h1,
  [class^="sciens-"] h2,
  [class^="sciens-"] h3,
  [class^="sciens-"] h4,
  [class^="sciens-"] h5,
  [class^="sciens-"] p,
  [class^="sciens-"] ul,
  [class^="sciens-"] ol,
  [class^="sciens-"] li,
  [class^="sciens-"] figure,
  [class*=" sciens-"] h1,
  [class*=" sciens-"] h2,
  [class*=" sciens-"] h3,
  [class*=" sciens-"] h4,
  [class*=" sciens-"] h5,
  [class*=" sciens-"] p,
  [class*=" sciens-"] ul,
  [class*=" sciens-"] ol,
  [class*=" sciens-"] li,
  [class*=" sciens-"] figure {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  /* Hero Section */
  .sciens-portfolio-hero {
    padding: 144px var(--sciens-space-xl, 2.4rem) var(--sciens-space-xl, 2.4rem);
    background: var(--sciens-color-bg-alt, #FFFFFF);
  }

  .sciens-portfolio-hero-container {
    max-width: var(--sciens-max-width, 1120px);
    margin: 0 auto;
  }


  .sciens-portfolio-hero-subtitle {
    font-family: var(--sciens-font-main);
    font-size: 1rem;
    line-height: 1.7;
    color: var(--sciens-color-text-secondary, #6B6B6B);
    margin: 0;
    max-width: 720px;
  }

  /* Portfolio Grid Section */
  .sciens-portfolio-section {
    padding: var(--sciens-space-3xl, 6.4rem) var(--sciens-space-xl, 2.4rem);
    background: var(--sciens-color-bg, #FAFAFA);
  }

  .sciens-portfolio-container {
    max-width: var(--sciens-max-width, 1120px);
    margin: 0 auto;
  }

  /* Subtle visual distinction for Past (realized) cards — logo placeholder picks up
     the brand slate-blue so even at a glance you can tell which cards are historical. */
  .sciens-portco-card--past .sciens-portco-card-logo-placeholder {
    color: var(--sciens-color-blue-dark, #6E8CC0);
  }

  /* Portfolio Grid */
  .sciens-portfolio-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.2rem;
  }

  /* Portfolio Card */
  .sciens-portco-card {
    position: relative;
    background: var(--sciens-color-bg-alt, #FFFFFF);
    border: 1px solid var(--sciens-color-border, #E5E5E5);
    border-radius: var(--sciens-radius-lg, 13px);
    padding: 1.6rem;
    transition: all var(--sciens-transition-base, 0.2s ease);
    display: flex;
    flex-direction: column;
    min-height: 256px;
  }

  .sciens-portco-card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1rem;
    gap: 0.8rem;
  }

  .sciens-portco-card-logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    height: 100px;
  }

  .sciens-portco-card-logo img {
    max-height: 100%;
    max-width: 280px;
    object-fit: contain;
  }

  .sciens-portco-card-logo-placeholder {
    font-size: 1.8rem;
    font-weight: 300;
    color: var(--sciens-color-text-tertiary, #999999);
    letter-spacing: 0.02em;
  }

  /* Status Badges - Refined minimal style */
  .sciens-portco-card-badges {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.4rem;
  }

  .sciens-portco-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .sciens-portco-badge::before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
  }

  /* Present — active investments (current or minority). Orange ties to .sciens-label */
  .sciens-portco-badge--present {
    color: var(--sciens-color-accent, #E8874A);
  }

  .sciens-portco-badge--present::before {
    background: var(--sciens-color-accent, #E8874A);
  }

  /* Past — realized / exited investments. Brand slate-blue for cohesion with h2 color */
  .sciens-portco-badge--past {
    color: var(--sciens-color-blue-dark, #6E8CC0);
  }

  .sciens-portco-badge--past::before {
    background: var(--sciens-color-blue-dark, #6E8CC0);
  }

  /* Secondary Minority tag — sits next to the Present badge to preserve that nuance */
  .sciens-portco-tag-minority {
    display: inline-flex;
    align-items: center;
    font-size: 0.55rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--sciens-color-text-tertiary, #999999);
    padding: 0.15rem 0.45rem;
    border: 1px solid var(--sciens-color-border, #E5E5E5);
    border-radius: 999px;
    white-space: nowrap;
  }

  .sciens-portco-card-content {
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  .sciens-portco-card-fullname {
    font-family: var(--sciens-font-main);
    font-size: 1rem;
    font-weight: 500;
    color: var(--sciens-color-text, #1A1A1A);
    margin: 0 0 0.7rem 0;
    line-height: 1.3;
  }

  .sciens-portco-card-description {
    font-size: 0.85rem;
    line-height: 1.6;
    color: var(--sciens-color-text-secondary, #6B6B6B);
    margin: 0;
    flex: 1;
  }

  /* Card footer with website link */
  .sciens-portco-card-footer {
    margin-top: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .sciens-portco-card-link {
    display: inline-block;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--sciens-color-accent, #E8874A);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color var(--sciens-transition-base, 0.2s ease);
    position: relative;
    z-index: 2;
  }

  .sciens-portco-card-link::after {
    content: ' \2192';
  }

  .sciens-portco-card-link:hover {
    border-bottom-color: var(--sciens-color-accent, #E8874A);
  }


  /* Responsive */
  @media (max-width: 1200px) {
    .sciens-portfolio-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 768px) {
    .sciens-portfolio-hero {
      padding: 112px var(--sciens-space-md, 1.2rem) var(--sciens-space-lg, 1.6rem);
    }

    .sciens-portfolio-hero .sciens-hero-title {
      margin-bottom: 1.6rem;
    }

    .sciens-portfolio-hero-subtitle {
      font-size: 0.9rem;
    }

    .sciens-portfolio-section {
      padding: var(--sciens-space-2xl, 4rem) var(--sciens-space-md, 1.2rem);
      position: relative;
      z-index: 10;
    }

    .sciens-portfolio-grid {
      grid-template-columns: 1fr;
    }

    .sciens-portco-card {
      min-height: auto;
      position: relative;
      z-index: 11;
      -webkit-tap-highlight-color: transparent;
      touch-action: manipulation;
    }
  }