/**
 * Nanotkar Studio — Premium finish (v5.6.0)
 * A last, light layer over the whole site: paper grain, gold reading-progress line, a sheen that crosses
 * the main buttons, a softer image zoom. No layout is changed. Loaded after every other stylesheet;
 * all motion stops under prefers-reduced-motion.
 */

/* a fine paper grain over everything (static, so it costs nothing while scrolling) */
body.nanotkar-studio::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 90;
  pointer-events: none;
  opacity: 0.045;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .27 0 0 0 0 .2 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 180px 180px;
}

/* gold line that fills as the page is read (nanotkar-premium.js sets --ns-read) */
.ns-read {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1001;
  height: 2px;
  pointer-events: none;
  transform-origin: 0 50%;
  transform: scaleX(var(--ns-read, 0));
  background: linear-gradient(90deg, #B89B6A, #E3B98B 55%, #B05560);
  opacity: 0;
  transition: opacity 0.4s;
}
.ns-read.is-on { opacity: 1; }

/* a soft sheen crosses the main buttons on hover */
.ns-b--primary::after,
.ns-b--wa-solid::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -70%;
  width: 45%;
  pointer-events: none;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.32), transparent);
  transform: skewX(-22deg);
  transition: left 0.9s var(--ns-ease, ease);
}
.ns-b--primary:hover::after,
.ns-b--wa-solid:hover::after { left: 135%; }

/* mouse devices: buttons lean a little towards the pointer (nanotkar-premium.js sets translate) */
.ns-b[data-ns-magnet] { transition-property: background-size, background-color, color, border-color, translate; }

/* headings keep calm, even rag */
.ns-h2, .ns-page-title, .ns-al-end__title { text-wrap: balance; }
.ns-page-lede, .ns-al-end p { text-wrap: pretty; }

/* a quiet gold hairline where the footer begins */
.wp-site-blocks > footer { position: relative; }
.wp-site-blocks > footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: min(220px, 40%);
  height: 1px;
  translate: -50% 0;
  background: linear-gradient(90deg, transparent, var(--ns-gilt, #B89B6A), transparent);
}

@media (prefers-reduced-motion: reduce) {
  .ns-read { display: none; }
  .ns-b--primary::after, .ns-b--wa-solid::after { display: none; }
}
@media print { body.nanotkar-studio::after, .ns-read { display: none; } }