/* ============================================================
   TYPE 6 — MANROPE + OXANIUM (alchemy)
   Anna Gorodetskaya — Portfolio · 12 сентября 2026

   Типографский слой темы alchemy: рукописная преамбула @font-face
   (design/system/_alchemy-fontface.css, вклеена без изменений сразу
   после этого заголовка — @font-face эталона отброшен, см. манифест),
   базовые голые правила h1/h2/h3/p/em и приём "цветной em внутри
   заголовка" (h1 em, h2 em, .service h3 em, .studio-hero h1 em,
   .contact-section h2 em), плюс .eyebrow/.eyebrow-separator.

   Сгенерировано site/tools/split-alchemy-css.mjs — не править руками.
   Источник: research/alchemy-reference/index.html, снято 12 сентября 2026.
   ============================================================ */

/* ============================================================
   ALCHEMY — @font-face (написано вручную)
   Anna Gorodetskaya — Portfolio · 12 сентября 2026

   Этот файл — единственная часть типографского слоя alchemy,
   которую пишет человек, а не генератор. site/tools/split-alchemy-
   css.mjs отбрасывает @font-face эталона (пути там ведут в assets
   чужой сборки: у Manrope один непорезанный файл, у Oxanium —
   неконвертированный TTF) и вместо генерации своего просто вклеивает
   содержимое этого файла в начало
   type-6-manrope-oxanium.css, сразу после сгенерированного
   заголовка. Если этот файл удалить, генератор остановится и
   не даст типографский файл без шрифтов.

   Manrope переиспользует те же два поднабора (latin, latin-ext),
   что уже лежат в design/system/fonts/ для темы jelly — второй
   раз резать шрифт незачем. Oxanium — новый файл, но только
   в одном начертании: акцентный em темы использует Oxanium Medium
   и больше ничего, поэтому второй вес не нужен (источник — шрифт
   "Oxanium Medium", usWeightClass 500, 357 глифов, кириллицы нет).

   unicode-range для обеих гарнитур скопирован дословно из
   design/system/type-5-manrope-instrument.css — те же диапазоны
   latin / latin-ext, что и в остальном проекте.
   ============================================================ */

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('/assets/fonts/manrope-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('/assets/fonts/manrope-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
                 U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF,
                 U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Oxanium';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/oxanium-medium-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Oxanium';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/oxanium-medium-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
                 U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF,
                 U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

h1,h2,h3,p{margin:0}

h1,h2,h3{font-weight:500}

em{font-family:var(--serif);font-weight:400}

h2{font-size:clamp(42px,5.2vw,82px);line-height:1.08;letter-spacing:-.055em}

h2 em{font-size:1.13em;letter-spacing:-.03em}

.eyebrow{font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.13em;line-height:1.7}

.eyebrow-separator{margin:0 12px;}

h1{font-size:clamp(80px,7.65vw,128px);letter-spacing:-.055em;line-height:.95;font-weight:550;margin-left:-5px}

h1 em{display:inline-block;color:#a41060;font-size:1.24em;letter-spacing:-.045em;line-height:1.04;margin-top:3px}

.service h3 em{font-size:1.15em}

@media(min-width:1700px){h1{font-size:138px}}

@media(max-width:1150px){h1{font-size:90px}}

@media(max-width:760px){.eyebrow-separator{margin:0 5px}h1{font-size:83px;letter-spacing:-.055em;line-height:.94}h1 em{font-size:1.22em}h2{font-size:45px;letter-spacing:-.06em}.contact-section h2 em{font-size:1.05em}}

@media(max-width:540px){h1{font-size:clamp(64px,17.4vw,91px)}}

@media(max-width:540px){h1{font-size:clamp(52px,16.5vw,89px)}}

.eyebrow-separator{color:#688444}

.studio-hero h1 em{color:var(--lime);font-size:1.19em;line-height:1.08;margin-top:2px;letter-spacing:-.035em}

.work-section h2 em{color:#d4e0c5}

.service h3 em{color:inherit}

.about-section h2 em{color:#c7af82}

@media(max-width:540px){.studio-hero h1 em{font-size:1.24em}}

em,h1 em,h2 em,.service h3 em,.studio-hero h1 em,.contact-section h2 em,.intro-copy>p em{font-family:Oxanium,Manrope,sans-serif;font-style:normal;font-weight:500;font-size:1em;letter-spacing:-.025em}

@media(max-width:760px){.studio-hero h1 em{font-size:1em}}

.services-section h2 em{color:#cbb586}

.contact-section h2 em{color:#d0b584}