/* Keep mobile content painted while the browser scrolls and resizes its toolbar. */
#notes .journal-more-entries[hidden] { display: none; }
@media (max-width: 900px), (pointer: coarse) {
  .ambient-grid, .hero-ambient, .signal-transition .grid-band,
  .foundation-ambient, .notes-ambient, .footer-ambient { display: none !important; }
  #home .hero-visual, #home .hero-title, #home .hero-subtitle,
  #home .hero-description, #home .hero-actions, #home .hero-quote {
    animation: none; opacity: 1; transform: none;
  }
  .animate-on-scroll { opacity: 1; transform: none; transition: none; }
  #navbar, #home .hero-actions .btn-secondary { backdrop-filter: none; -webkit-backdrop-filter: none; }
  #navbar, #navbar.nav-hidden { top: 0; left: 0; width: 100% !important; border-radius: 0; transform: none; transition: none; background: var(--surface-1); padding-top: env(safe-area-inset-top, 0px); }
  #home, #home .hero-content, #home .hero-text { perspective: none; transform-style: flat; }
  #home .hero-container, #home .hero-text { backdrop-filter: none; -webkit-backdrop-filter: none; }
  #home .hero-title, #home .hero-subtitle, #home .hero-description,
  #home .hero-greeting { transform-style: flat; backface-visibility: visible; will-change: auto; }
  #home .availability-mark, .tile-grain-art { display: none; }
  #about .service-card, #about .service-icon {
    backdrop-filter: none; -webkit-backdrop-filter: none;
    transform: none; animation: none; transition: none;
  }
  #about .service-icon i { animation: none; transform: none; }
  .fa-code, .fa-mobile-alt, .fa-paint-brush, .fa-chart-line,
  .fa-camera, .fa-search { animation: none; transform: none; }
  #portfolio .portfolio-item { animation: none; opacity: 1; transform: none; }
  #portfolio .card-body, #portfolio .card-item { backface-visibility: visible; }
  #portfolio .portfolio-image img { will-change: auto; }
  #portfolio .card-item, #portfolio .card-body { will-change: auto; }
  #portfolio .portfolio-grid { gap: 14px; }
  #portfolio .portfolio-item, #portfolio .portfolio-card { min-height: 0; height: auto; }
  #portfolio .portfolio-card { backdrop-filter: none; -webkit-backdrop-filter: none; }
  #portfolio .portfolio-image { height: 100px; min-height: 0; }
  #portfolio .portfolio-content { padding: 14px 16px; }
  #portfolio .portfolio-title { font-size: 19px; margin-bottom: 6px; }
  #portfolio .portfolio-description { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; line-height: 1.5; margin-bottom: 0; }
  #portfolio .portfolio-tags { display: none; }
  #portfolio .portfolio-actions { margin-top: 8px; padding-top: 4px; gap: 4px 12px; }
}
@media (max-width: 900px) {
  #vicode .vicode-try-button, #vicode-demo-tab { display: none !important; }
  #vicode.has-tabs .app-tab-surface { display: block; height: auto !important; }
  #vicode.has-fixed-panels .app-tab-surface > .current-app-layout { align-items: start; }
  #music .music-track, #music .music-track[aria-current='true'] { border-radius: 0; }
  #about .personal-panel { padding: 24px 20px; }
  #notes .journal-record-open { padding: 14px; }
  #notes .journal-record-meta { margin-bottom: 6px; font-size: 11px; }
  #notes .journal-record-title { font-size: 17px; }
  #notes .journal-record-preview, #notes .journal-preview-image { display: none; }
  #notes .journal-read-cue { margin-top: 6px; font-size: 13px; }
  .journal-more-entries { align-self: center; margin: 12px 0; min-height: 44px; }
}