@import url('./shared.css');
@import url('../hero/hero.css');
@import url('../projects/ark/ark.css');
@import url('../projects/grantmaster/grantmaster.css');
@import url('../projects/svetlo/svetlo.css');
@import url('../projects/industrial/industrial.css');
@import url('../projects/metrika/metrika.css');
@import url('../projects/newsletter/newsletter.css');
@import url('../projects/registry/registry.css');
@import url('../projects/branches/branches.css');
@import url('../projects/compass/compass.css');
@import url('../projects/mobile/mobile.css');
@import url('../discuss/discuss.css');
@import url('./interface-section.css');
@import url('./project-separator.css');
@import url('./lightbox.css');

:root {
  --paper: #f5f2ec;
  --ink: #17191a;
  --orange: #ff641b;
  --rail-width: 60px;
  --section-gutter: clamp(44px, 5vw, 96px);
  --serif: Georgia, 'Times New Roman', serif;
  --sans: 'Segoe UI', Arial, sans-serif;
  color: var(--ink);
  font-family: var(--sans);
  font-weight: 350;
  font-synthesis: none;
  background: var(--paper);
}
* { box-sizing: border-box; }
/* Native reload/history restoration stays instant; navigation opts into smooth scrolling. */
html { scroll-behavior: auto; }
body { margin: 0; }
main { width: 100%; }
h1, h2, h3, p, figure { margin: 0; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; cursor: pointer; }
a { color: inherit; }
img { display: block; max-width: 100%; }
button:disabled { cursor: default; }
:focus-visible { outline: 2px solid var(--orange); outline-offset: 5px; }
.eyebrow { font: 500 clamp(10px, .8vw, 13px)/1.65 var(--sans); letter-spacing: .3em; }
.dark-section { color: #f9f8f5; background-color: #101314; }
.paper-section { background: var(--paper); }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media (max-width: 900px) {
  :root { --rail-width: 52px; --section-gutter: 28px; }
}