/* sokuu shared styles */
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }

.btn-outline {
  display: inline-block;
  border: 1px solid #E9E0D1;
  color: #E9E0D1;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  padding: 14px 32px;
  transition: background 0.25s ease, color 0.25s ease;
}
.btn-outline:hover { background: #E9E0D1; color: #121212; }

.btn-solid {
  display: inline-block;
  background: #E9E0D1;
  color: #121212;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  padding: 14px 32px;
  transition: opacity 0.25s ease;
}
.btn-solid:hover { opacity: 0.85; }

.overline {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #9a948a;
}

.section-num {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 12px;
  letter-spacing: 0.2em;
  color: #9a948a;
}

.display-title {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1.05;
}