/* Readable content is the default, including local mobile file previews. */
.intro { pointer-events: none; }
.intro[hidden], .no-js .intro { display: none !important; }
.no-js .kicker, .no-js .hero__sub, .no-js .hero__cta,
.no-js .hero__foot, .no-js .badge, .no-js .display .ln > span,
.no-js .project-card, .no-js .project-picture {
  opacity: 1 !important;
  transform: none !important;
  clip-path: none !important;
  animation: none !important;
}
.no-js .display em, .no-js .h2 em { color: var(--wine); -webkit-text-fill-color: currentColor; }
.no-js #work .h2 em { color: var(--gold-l); }
.offline-menu { display: none; }
@media (max-width: 900px), (pointer: coarse) {
  .intro { display: none !important; }
  .kicker, .hero__sub, .hero__cta, .hero__foot, .badge,
  .display .ln > span, .hero__video {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
  .portfolio-ready .project-card, .portfolio-ready .project-picture {
    opacity: 1;
    transform: none;
    clip-path: none;
  }
}
@media (max-width: 900px) {
  .no-js #burger, .no-js #langBtn { display: none; }
  .no-js .offline-menu { display: block; }
  .offline-menu > summary {
    display: grid; place-items: center; width: 44px; height: 44px;
    border: 1px solid var(--line); border-radius: 50%; cursor: pointer; list-style: none;
  }
  .offline-menu > summary::-webkit-details-marker { display: none; }
  .offline-menu nav {
    position: absolute; inset-inline: 16px; inset-block-start: 100%;
    max-height: 70vh; overflow-y: auto; background: var(--paper);
    border: 1px solid var(--line); border-radius: 16px; padding: 12px;
    box-shadow: 0 12px 35px #22171c20;
  }
  .offline-menu a { display: block; padding: 10px 12px; min-height: 44px; }
}