/* Enhancements for the static, crawlable portfolio pages. */
.case-menu-toggle {
  display: none;
  width: 44px;
  height: 44px;
  padding: 10px;
  background: none;
  border: 1px solid rgba(255,255,255,.18);
}
.case-menu-toggle span:not(.sr-only) {
  display: block;
  width: 100%;
  height: 2px;
  margin: 6px 0;
  background: #fff;
}
.case-hero .kicker,.case-hero h1,.case-hero .lead,.case-hero .facts {
  animation: caseEnter .85s cubic-bezier(.22,1,.36,1) both;
}
.case-hero h1 { animation-delay: .08s; }
.case-hero .lead { animation-delay: .16s; }
.case-hero .facts { animation-delay: .24s; }
.cover { animation: caseCover .95s .12s cubic-bezier(.22,1,.36,1) both; }
@keyframes caseEnter { from { opacity: 0; transform: translateY(38px); } to { opacity: 1; transform: none; } }
@keyframes caseCover { from { opacity: 0; transform: scale(.975); } to { opacity: 1; transform: none; } }
@media (min-width: 801px) { :root { --shell: min(1660px,calc(100vw - 48px)); } }
@media (max-width: 900px) { .case-menu-toggle { display: block; margin-left: auto; } .header-inner { gap: 12px; } }
@media (prefers-reduced-motion: reduce) { .case-hero .kicker,.case-hero h1,.case-hero .lead,.case-hero .facts,.cover { animation: none; } }