.portfolio-departure {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  background: var(--bg, #f4f2ed);
  color: var(--ink, #171a1c);
  pointer-events: none;
}
.portfolio-departure[hidden] { display: none; }
.portfolio-departure-copy {
  display: flex;
  align-items: center;
  gap: .35em;
  padding: 24px;
  font-size: clamp(2.5rem, 7vw, 6rem);
  font-weight: 450;
  letter-spacing: -.06em;
  line-height: 1.15;
  white-space: nowrap;
}
.portfolio-departure-wink {
  flex: none;
  width: .72em;
  height: .72em;
  overflow: visible;
  color: var(--accent, #87674f);
  stroke: currentColor;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.portfolio-departure-wink circle,
.portfolio-departure-wink ellipse { fill: currentColor; stroke: none; }
.portfolio-departure-eye {
  transform-box: fill-box;
  transform-origin: center;
  animation: portfolio-departure-wink 600ms ease-in-out both;
}
@keyframes portfolio-departure-wink {
  0%, 12%, 88%, 100% { transform: scaleY(1); }
  32%, 68% { transform: scaleY(.12); }
}
@media (max-width: 480px) {
  .portfolio-departure-copy { font-size: clamp(1.7rem, 8vw, 2.5rem); }
}
@media (prefers-reduced-motion: reduce) {
  .portfolio-departure-eye { animation: none; }
}
@media print {
  .portfolio-departure { display: none !important; }
}