:root {
  color-scheme: light;
}

html {
  scroll-behavior: smooth;
}

html,
body {
  margin: 0;
  padding: 0;
  overflow-x: clip;
}

body {
  min-width: 320px;
}

html[data-intro-shown="1"] .intro-loader {
  display: none;
}

.intro-loader { display: none; }
.cp-loader-active .intro-loader { display: flex; }

@media (min-width: 1024px) and (max-width: 1279px) and (max-height: 900px) {
  .about-root > div { padding-block: 2rem; }
  .about-root .about-manifest { font-size: clamp(2rem, 4.6vw, 3.75rem); }
  .about-root [data-about-body] > p:not(.meta-label) { font-size: 1rem; line-height: 1.5; }
}

html:not(.cp-reveals-ready) [data-reveal] {
  opacity: 1;
  transform: none;
  clip-path: none;
}

@media (max-width: 359px) {
  .cp-site-header .meta-label { font-size: 0.6rem; letter-spacing: 0.1em; }
  .cp-site-header ul { gap: 0.75rem; }
  .cp-site-header > div { gap: 0.75rem; }
}

.cp-site-header {
  color: oklch(0.965 0.005 85);
}

.cp-site-header .text-on-surface-muted {
  color: oklch(0.78 0.008 70);
}

.admin-bar .cp-site-header {
  top: 32px;
}

figure,
img {
  display: block;
}

img {
  max-width: 100%;
}

.js [data-reveal="hidden"] {
  visibility: visible;
}

@media (max-width: 782px) {
  .admin-bar .cp-site-header {
    top: 46px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  [data-reveal] {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
}