/* Hallmark · shape: Long Page · genre: editorial · theme: custom · job: hire · idea: "Amber lava kept low under fine grain, the work set on frosted panels so the page breathes" · vibe: "amber, grain, frosted, calm, Bodoni"
 * paper: oklch(0.145 0.01 72) · accent: oklch(0.8 0.11 72) · display: Libre Bodoni · body: Onest · hero: the name set colossal in Bodoni over amber lava under film grain · nav: blurred bar, wordmark, four links, language · footer: name and city on a hairline · imagery: the ZapretXmel app screenshot · signature: the Bodoni name over grained amber lava, with frosted project panels below
 * axes: dark/high-contrast-serif/warm · posture: restrained · contrast: pass · fold: pass · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H4 E4 S4 R4 V4 · weakest: S, TierXmel has no screenshot so its two real scales are set large instead */
/* Hallmark · waive 81 · five radial gradient spans in .lava behind every section, moving by transform only · the user asked for a lava lamp gradient as the page background, it is the ground of the page and not a picture slot */
@import url("./scale.css?v=1793664129618");
@import url("./base.css?v=1793664129618");
@import url("./common.css?v=1793664129618");

:root {
  --color-paper: oklch(0.145 0.01 72); --color-paper-2: oklch(0.19 0.012 72); --color-paper-3: oklch(0.24 0.014 72);
  --color-ink: oklch(0.95 0.012 80); --color-ink-2: oklch(0.84 0.014 75); --color-muted: oklch(0.7 0.014 70);
  --color-rule: oklch(0.32 0.014 75); --color-rule-strong: oklch(0.44 0.02 75);
  --color-accent: oklch(0.8 0.11 72); --color-accent-hover: oklch(0.86 0.09 78); --color-accent-ink: oklch(0.18 0.02 50); --color-focus: oklch(0.88 0.12 80);
  --lava-1: oklch(0.66 0.13 78); --lava-2: oklch(0.62 0.1 86); --lava-3: oklch(0.44 0.08 68); --lava-4: oklch(0.52 0.1 84); --lava-5: oklch(0.58 0.12 72);
  --lava-opacity: 0.55; --lava-blend: screen; --lava-veil-in: 30%; --lava-veil-out: 78%;
  --grain-opacity: 0.06; --mottle-opacity: 0.22;
  --font-display: "Libre Bodoni", "Playfair Display", ui-serif, serif; --font-body: "Onest", ui-sans-serif, sans-serif; --font-figure: var(--font-display);
  --head-weight: 500; --wordmark-weight: 600;
  --text-hero: clamp(3.25rem, 7.5vw, 8rem); --hero-leading: 0.92; --tracking-hero: -0.035em;
  --text-proj: clamp(2.5rem, 4vw + 1rem, 4.5rem); --text-scale: clamp(4rem, 9vw, 8rem); --text-contact: clamp(2.5rem, 5.5vw, 5.5rem); --text-side-h: 4rem;
  --radius-btn: 2px; --radius-panel: 6px; --radius-media: 4px;
  --proj-pad: var(--space-2xl); --proj-gap: var(--space-lg); --proj-bg: color-mix(in oklab, var(--color-paper-2) 45%, transparent); --proj-border: 1px solid color-mix(in oklab, var(--color-ink) 10%, transparent);
  --stack-pad: var(--space-lg); --stack-bg: color-mix(in oklab, var(--color-paper-2) 45%, transparent);
}

.hero-h { text-wrap: balance; }
.proj, .job, .stack > div { -webkit-backdrop-filter: blur(20px) saturate(1.15); backdrop-filter: blur(20px) saturate(1.15); }
.stack > div { border: 1px solid color-mix(in oklab, var(--color-ink) 10%, transparent); }
@media (max-width: 40rem) { :root { --proj-pad: var(--space-lg); } }

/* Playfair шире Bodoni: русское имя держим в одну строку */
:lang(ru) .hero-h { font-size: clamp(3rem, 6vw, 6.5rem); }
@media (min-width: 48rem) { :lang(ru) .hero-h { white-space: nowrap; } }