/* page-portfolio only */
  .logo-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8fafc;
    color: #94a3b8;
    font-weight: 700;
    position: relative;
    overflow: hidden;
  }

  .logo-placeholder::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(#cbd5e1 1px, transparent 1px);
    background-size: 10px 10px;
    opacity: 0.3;
  }

  .delay-100 {
    transition-delay: 0.1s;
  }

  @media print {
    * {
      -webkit-print-color-adjust: exact !important;
      print-color-adjust: exact !important;
      color: #000000 !important;
      background-color: #FFFFFF !important;
      background-image: none !important;
      box-shadow: none !important;
      text-shadow: none !important;
    }

    body,
    header,
    section,
    footer,
    main,
    div,
    a,
    p,
    h1,
    h2,
    h3,
    span {
      background-color: #FFFFFF !important;
    }

    .fade-in-section {
      transform: none !important;
      opacity: 1 !important;
      visibility: visible !important;
      transition: none !important;
    }

    #mobile-menu,
    #menu-btn {
      display: none !important;
    }

    a {
      text-decoration: none !important;
    }

    .border-gray-100 {
      border-color: #000000 !important;
    }
  }

  /* page-portfolio only */

.portfolio-hero-visual {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}

.portfolio-hero-visual-inner {
  position: absolute;
  inset: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0.13;
  transform: scale(1.02);
}