* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); color: var(--fg); }
body { margin: 0; font-family: var(--display-sans); font-size: var(--type-body); line-height: 1.5; font-kerning: normal; background: var(--bg); color: var(--fg); }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
button { font: inherit; color: inherit; }
.language-switch button { border: 1px solid var(--line); background: transparent; color: var(--fg); }
.language-switch button[aria-pressed="true"] { background: var(--fg); color: var(--bg); }
:focus-visible { outline: 2px solid var(--orange); outline-offset: 4px; }
.skip-link { position: absolute; left: 1rem; top: -4rem; z-index: 20; background: var(--fg); color: var(--bg); padding: 0.75rem 1rem; }
.skip-link:focus { top: 1rem; }
body { overflow-x: clip; }
.site-header { background: color-mix(in srgb, var(--bg) 88%, transparent); backdrop-filter: blur(12px); }
.signal-meta { font-family: var(--signal-mono); text-transform: uppercase; letter-spacing: 0.08em; }
.hero-name,
.project-title,
.practice-copy h2,
#contact h2 { text-wrap: balance; }

.hero-lead,
.about-copy p,
.practice-body,
.project-meta p { text-wrap: pretty; }
.project-title { font-family: var(--editorial-serif); }
html[lang="ru"] [data-contact-instagram] { display: none; }

@media (pointer: coarse) {
  .site-header a,
  .language-switch button,
  .contact-links a {
    min-block-size: 44px;
    display: inline-flex;
    align-items: center;
  }
}