@font-face {
  font-display: swap;
  font-family: "Portfolio Neue World Extended Medium";
  font-style: normal;
  font-weight: 600;
  src: url("/_user_fonts/v1/dabbc47211bc333277b6b4c68e20ec6f73d7e066")
    format("woff");
}

@media (min-width: 800px) {
  [data-portfolio-detail-header] [data-portfolio-logo-link] {
    transition:
      opacity 120ms ease,
      visibility 120ms ease;
  }

  [data-portfolio-detail-header][data-portfolio-compact="true"]
    [data-portfolio-logo-link] {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
  }

  #portfolio-sticky-case-title {
    inset-block-start: 15px !important;
    inset-inline: 16px !important;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute !important;
    transform: translateY(8px);
    transition:
      opacity 150ms ease-out,
      transform 150ms ease-out,
      visibility 0s linear 150ms;
    visibility: hidden;
    width: auto !important;
  }

  #portfolio-sticky-case-title p {
    font-family:
      "Portfolio Neue World Extended Medium", "Neue World:Regular", serif;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  [data-portfolio-detail-header][data-portfolio-compact="true"]
    #portfolio-sticky-case-title {
    opacity: 1;
    transform: translateY(0);
    transition:
      opacity 220ms cubic-bezier(0.2, 0, 0, 1),
      transform 220ms cubic-bezier(0.2, 0, 0, 1),
      visibility 0s;
    visibility: visible;
  }
}

@media (min-width: 800px) and (prefers-reduced-motion: reduce) {
  [data-portfolio-detail-header] [data-portfolio-logo-link],
  #portfolio-sticky-case-title,
  [data-portfolio-detail-header][data-portfolio-compact="true"]
    #portfolio-sticky-case-title {
    transform: none;
    transition-duration: 0s;
  }
}