/* Cutting Room — global reset, typography, shared section rhythm */

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html, body { overflow-x: hidden; }
body {
  margin: 0; background: var(--bg); color: var(--ink);
  font-family: var(--font);
  font-optical-sizing: auto;
  font-size: 16px; line-height: 1.55; font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { -webkit-tap-highlight-color: transparent; }
::selection { background: var(--ink); color: var(--bg); }

.edge { padding-left: var(--edge); padding-right: var(--edge); }

section {
  border-top: 1px solid var(--line);
  padding: clamp(64px, 10vw, 130px) 0;
  scroll-margin-top: calc(var(--nav-h) + 8px);
}
.section-title {
  font-family: var(--font-display);
  font-size: clamp(34px, 5vw, 56px);
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.05;
  margin: 0 0 clamp(18px, 2.52vw, 29px);
  max-width: 14ch;
}

@media (max-width: 700px) {
  section { padding: 56px 0; }
}

@media (prefers-reduced-motion: reduce) {
  * { transition-duration: 0.001ms !important; }
  html { scroll-behavior: auto; }
}