/* Section navigation owns its easing; native smooth scrolling must not compete
   with the pinned gallery's refresh or animation-frame position updates. */
html { scroll-behavior: auto; }
:root { --profile-ground: #b9987d; }
main > section[tabindex="-1"]:focus { outline: none; }

/* Hide only offscreen content enrolled in the live observer. Without JS every
   section remains visible. Each reveal clears this attribute permanently. */
@media (prefers-reduced-motion: no-preference) {
  [data-section-pending] { opacity: 0; }
}

/* Shared edges and spacing connect the existing section designs. */
.work-gallery-heading { padding-bottom: 28px; border-bottom: 1px solid var(--line-light); }
.work-section {
  background: linear-gradient(
    180deg,
    var(--wine) 0,
    var(--wine) calc(100% - 36px),
    var(--profile-ground) 100%
  );
}
.experience-section {
  background: linear-gradient(
    180deg,
    var(--wine) 0,
    var(--wine) calc(100% - 36px),
    var(--ivory) 100%
  );
}
.about-section { padding-top: clamp(80px, 10vw, 148px); padding-bottom: clamp(80px, 10vw, 148px); }
.about-copy { max-width: 1320px; }

@media (prefers-reduced-motion: reduce) {
  [data-section-pending] { opacity: 1; }
}