/* Small, deliberate defaults for the exported pages. Nothing here changes the layout. */

:root { color-scheme: dark; }
html { background: #111; -webkit-text-size-adjust: 100%; text-size-adjust: 100%;
       scrollbar-width: thin; scrollbar-color: #3a3a3d #111; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }

/* Text selection in the silver of the headline */
::selection { background: rgba(168, 169, 176, .35); color: #fff; }

/* Visible keyboard focus (mouse clicks stay clean) */
a:focus-visible, button:focus-visible, [tabindex]:focus-visible { outline: 2px solid #a8a9b0; outline-offset: 3px; }
#main:focus { outline: none; }

/* Better line breaks */
h1, h2, h3 { text-wrap: balance; }
p { text-wrap: pretty; }

/* Cards without a link should not look clickable */
a[data-framer-name="Projectlink"]:not([href]) { cursor: default; }

/* Skip link, only visible when focused */
.skip-link { position: fixed; top: 12px; left: 12px; z-index: 2147483647; padding: 10px 14px; border-radius: 8px;
             background: #111; color: #dadada; border: 1px solid rgba(255, 255, 255, .18);
             font: 500 14px/1 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; text-decoration: none;
             transform: translateY(-200%); }
.skip-link:focus { transform: none; }

/* Things that must stay gone (site.js removes them if Framer re-adds them) */
#__framer-badge-container, .framer-8xb4z3, .framer-1gxvgii { display: none !important; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important;
                           transition-duration: .01ms !important; scroll-behavior: auto !important; }
}