/* Собрано tools/build-css-bundle.sh — не редактировать вручную. */
/* --- fonts.css --- */
/* Локальные шрифты темы: Spectral + Onest (woff2).
   Изначально сгенерировано tools/fetch-fonts.mjs, затем прорежено вручную.

   Убраны наборы symbols, math и vietnamese и начертание 300.
   Причина: страница тянула 432 КБ шрифтов, из них 55 КБ — набор symbols
   ради двух знаков (✳ и ↗). Теперь они рисуются системным шрифтом:
   на глаз разницы нет, а трафика на 55 КБ меньше. Начертание 300 в макете
   не используется вовсе.

   Понадобится вьетнамский, математические знаки или тонкое начертание —
   верните нужные блоки из fonts.css.bak рядом. */

@font-face {
	font-family: 'Onest';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/onest-normal-400-cyrillic-ext.woff2') format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
	font-family: 'Onest';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/onest-normal-400-cyrillic.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: 'Onest';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/onest-normal-400-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: 'Onest';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/onest-normal-400-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: 'Onest';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('../fonts/onest-normal-500-cyrillic-ext.woff2') format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
	font-family: 'Onest';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('../fonts/onest-normal-500-cyrillic.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: 'Onest';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('../fonts/onest-normal-500-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: 'Onest';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('../fonts/onest-normal-500-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: 'Onest';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('../fonts/onest-normal-600-cyrillic-ext.woff2') format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
	font-family: 'Onest';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('../fonts/onest-normal-600-cyrillic.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: 'Onest';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('../fonts/onest-normal-600-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: 'Onest';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('../fonts/onest-normal-600-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: 'Onest';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/onest-normal-700-cyrillic-ext.woff2') format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
	font-family: 'Onest';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/onest-normal-700-cyrillic.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: 'Onest';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/onest-normal-700-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: 'Onest';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/onest-normal-700-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: 'Spectral';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/spectral-italic-400-cyrillic-ext.woff2') format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
	font-family: 'Spectral';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/spectral-italic-400-cyrillic.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: 'Spectral';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/spectral-italic-400-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: 'Spectral';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/spectral-italic-400-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: 'Spectral';
	font-style: italic;
	font-weight: 500;
	font-display: swap;
	src: url('../fonts/spectral-italic-500-cyrillic-ext.woff2') format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
	font-family: 'Spectral';
	font-style: italic;
	font-weight: 500;
	font-display: swap;
	src: url('../fonts/spectral-italic-500-cyrillic.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: 'Spectral';
	font-style: italic;
	font-weight: 500;
	font-display: swap;
	src: url('../fonts/spectral-italic-500-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: 'Spectral';
	font-style: italic;
	font-weight: 500;
	font-display: swap;
	src: url('../fonts/spectral-italic-500-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: 'Spectral';
	font-style: italic;
	font-weight: 600;
	font-display: swap;
	src: url('../fonts/spectral-italic-600-cyrillic-ext.woff2') format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
	font-family: 'Spectral';
	font-style: italic;
	font-weight: 600;
	font-display: swap;
	src: url('../fonts/spectral-italic-600-cyrillic.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: 'Spectral';
	font-style: italic;
	font-weight: 600;
	font-display: swap;
	src: url('../fonts/spectral-italic-600-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: 'Spectral';
	font-style: italic;
	font-weight: 600;
	font-display: swap;
	src: url('../fonts/spectral-italic-600-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: 'Spectral';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/spectral-normal-400-cyrillic-ext.woff2') format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
	font-family: 'Spectral';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/spectral-normal-400-cyrillic.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: 'Spectral';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/spectral-normal-400-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: 'Spectral';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/spectral-normal-400-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: 'Spectral';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('../fonts/spectral-normal-500-cyrillic-ext.woff2') format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
	font-family: 'Spectral';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('../fonts/spectral-normal-500-cyrillic.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: 'Spectral';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('../fonts/spectral-normal-500-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: 'Spectral';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('../fonts/spectral-normal-500-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: 'Spectral';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('../fonts/spectral-normal-600-cyrillic-ext.woff2') format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
	font-family: 'Spectral';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('../fonts/spectral-normal-600-cyrillic.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: 'Spectral';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('../fonts/spectral-normal-600-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: 'Spectral';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('../fonts/spectral-normal-600-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: 'Spectral';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/spectral-normal-700-cyrillic-ext.woff2') format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
	font-family: 'Spectral';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/spectral-normal-700-cyrillic.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: 'Spectral';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/spectral-normal-700-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: 'Spectral';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/spectral-normal-700-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: 'Spectral';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url('../fonts/spectral-normal-800-cyrillic-ext.woff2') format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
	font-family: 'Spectral';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url('../fonts/spectral-normal-800-cyrillic.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: 'Spectral';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url('../fonts/spectral-normal-800-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: 'Spectral';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url('../fonts/spectral-normal-800-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;
}

/* --- app.css --- */
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-bottom-16{bottom:-4rem}.-bottom-24{bottom:-6rem}.-left-10{left:-2.5rem}.-left-3{left:-.75rem}.-right-12{right:-3rem}.-right-8{right:-2rem}.-top-3{top:-.75rem}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-2{bottom:.5rem}.bottom-4{bottom:1rem}.bottom-6{bottom:1.5rem}.bottom-\[6\%\]{bottom:6%}.left-\[34\%\]{left:34%}.left-\[36\%\]{left:36%}.left-\[6\%\]{left:6%}.right-4{right:1rem}.right-5{right:1.25rem}.right-\[10\%\]{right:10%}.right-\[8\%\]{right:8%}.top-0{top:0}.top-1\/2{top:50%}.top-4{top:1rem}.top-\[20\%\]{top:20%}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[90\]{z-index:90}.order-1{order:1}.order-2{order:2}.col-span-10{grid-column:span 10/span 10}.col-span-12{grid-column:span 12/span 12}.col-span-2{grid-column:span 2/span 2}.col-span-6{grid-column:span 6/span 6}.col-span-8{grid-column:span 8/span 8}.m-0{margin:0}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-3{margin-bottom:.75rem;margin-top:.75rem}.my-4{margin-bottom:1rem;margin-top:1rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-7{margin-bottom:1.75rem}.ml-\[5px\]{margin-left:5px}.ml-\[7px\]{margin-left:7px}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[4\/3\]{aspect-ratio:4/3}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-32{height:8rem}.h-5{height:1.25rem}.h-\[10px\]{height:10px}.h-\[170px\]{height:170px}.h-\[2px\]{height:2px}.h-\[7px\]{height:7px}.h-full{height:100%}.h-px{height:1px}.max-h-\[92svh\]{max-height:92svh}.min-h-\[calc\(100svh_-_56px\)\]{min-height:calc(100svh - 56px)}.w-1\/2{width:50%}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-32{width:8rem}.w-5{width:1.25rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[10px\]{width:10px}.w-\[170px\]{width:170px}.w-\[40px\]{width:40px}.w-\[7px\]{width:7px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-\[1400px\]{max-width:1400px}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.rotate-\[15deg\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[15deg\]{--tw-rotate:15deg}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-\[5px\]{gap:5px}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-7{-moz-column-gap:1.75rem;column-gap:1.75rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-10{row-gap:2.5rem}.gap-y-12{row-gap:3rem}.gap-y-3{row-gap:.75rem}.gap-y-6{row-gap:1.5rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.rounded-\[6px\]{border-radius:6px}.rounded-full{border-radius:9999px}.rounded-t-\[20px\]{border-top-left-radius:20px;border-top-right-radius:20px}.rounded-t-\[28px\]{border-top-left-radius:28px;border-top-right-radius:28px}.rounded-tl-\[24px\]{border-top-left-radius:24px}.border{border-width:1px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-accent{--tw-border-opacity:1;border-color:rgb(222 62 18/var(--tw-border-opacity,1))}.border-ink\/15{border-color:rgba(23,21,15,.15)}.border-ink\/25{border-color:rgba(23,21,15,.25)}.border-ink\/30{border-color:rgba(23,21,15,.3)}.border-paper\/15{border-color:hsla(45,33%,93%,.15)}.border-paper\/25{border-color:hsla(45,33%,93%,.25)}.border-transparent{border-color:transparent}.bg-\[\#8F6A4C\]{--tw-bg-opacity:1;background-color:rgb(143 106 76/var(--tw-bg-opacity,1))}.bg-\[\#B4855F\]{--tw-bg-opacity:1;background-color:rgb(180 133 95/var(--tw-bg-opacity,1))}.bg-\[\#C99B72\]{--tw-bg-opacity:1;background-color:rgb(201 155 114/var(--tw-bg-opacity,1))}.bg-accent{--tw-bg-opacity:1;background-color:rgb(222 62 18/var(--tw-bg-opacity,1))}.bg-accent2{background-color:rgb(255 107 65/var(--tw-bg-opacity,1))}.bg-accent2,.bg-clay{--tw-bg-opacity:1}.bg-clay{background-color:rgb(185 143 114/var(--tw-bg-opacity,1))}.bg-ink{--tw-bg-opacity:1;background-color:rgb(23 21 15/var(--tw-bg-opacity,1))}.bg-ink\/10{background-color:rgba(23,21,15,.1)}.bg-ink\/20{background-color:rgba(23,21,15,.2)}.bg-ink\/30{background-color:rgba(23,21,15,.3)}.bg-ink\/85{background-color:rgba(23,21,15,.85)}.bg-ink2{background-color:rgb(38 34 26/var(--tw-bg-opacity,1))}.bg-ink2,.bg-paper{--tw-bg-opacity:1}.bg-paper{background-color:rgb(243 240 231/var(--tw-bg-opacity,1))}.bg-paper\/30{background-color:hsla(45,33%,93%,.3)}.bg-paper2{background-color:rgb(234 229 216/var(--tw-bg-opacity,1))}.bg-paper2,.bg-sand{--tw-bg-opacity:1}.bg-sand{background-color:rgb(216 207 187/var(--tw-bg-opacity,1))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-\[\#DFE5DF\]{--tw-gradient-from:#dfe5df var(--tw-gradient-from-position);--tw-gradient-to:rgba(223,229,223,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#EAD9C3\]{--tw-gradient-from:#ead9c3 var(--tw-gradient-from-position);--tw-gradient-to:hsla(34,48%,84%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-accent{--tw-gradient-from:#de3e12 var(--tw-gradient-from-position);--tw-gradient-to:rgba(222,62,18,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-accent2{--tw-gradient-from:#ff6b41 var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,107,65,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-clay{--tw-gradient-from:#b98f72 var(--tw-gradient-from-position);--tw-gradient-to:hsla(25,34%,59%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-ink{--tw-gradient-from:#17150f var(--tw-gradient-from-position);--tw-gradient-to:rgba(23,21,15,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-ink2{--tw-gradient-from:#26221a var(--tw-gradient-from-position);--tw-gradient-to:rgba(38,34,26,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-paper{--tw-gradient-from:#f3f0e7 var(--tw-gradient-from-position);--tw-gradient-to:hsla(45,33%,93%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-paper2{--tw-gradient-from:#eae5d8 var(--tw-gradient-from-position);--tw-gradient-to:hsla(43,30%,88%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-sand{--tw-gradient-from:#d8cfbb var(--tw-gradient-from-position);--tw-gradient-to:hsla(41,27%,79%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-\[\#C3CFC7\]{--tw-gradient-to:rgba(195,207,199,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#c3cfc7 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-\[\#DCBFa2\]{--tw-gradient-to:hsla(30,45%,75%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#dcbfa2 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-accent{--tw-gradient-to:rgba(222,62,18,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#de3e12 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-accent2{--tw-gradient-to:rgba(255,107,65,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#ff6b41 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-clay{--tw-gradient-to:hsla(25,34%,59%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#b98f72 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-ink{--tw-gradient-to:rgba(23,21,15,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#17150f var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-ink2{--tw-gradient-to:rgba(38,34,26,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#26221a var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-paper{--tw-gradient-to:hsla(45,33%,93%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#f3f0e7 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-paper2{--tw-gradient-to:hsla(43,30%,88%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#eae5d8 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-sand{--tw-gradient-to:hsla(41,27%,79%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#d8cfbb var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-\[\#0D0B07\]{--tw-gradient-to:#0d0b07 var(--tw-gradient-to-position)}.to-\[\#9FB2A8\]{--tw-gradient-to:#9fb2a8 var(--tw-gradient-to-position)}.to-\[\#C79E7C\]{--tw-gradient-to:#c79e7c var(--tw-gradient-to-position)}.to-accent{--tw-gradient-to:#de3e12 var(--tw-gradient-to-position)}.to-accent2{--tw-gradient-to:#ff6b41 var(--tw-gradient-to-position)}.to-clay{--tw-gradient-to:#b98f72 var(--tw-gradient-to-position)}.to-ink{--tw-gradient-to:#17150f var(--tw-gradient-to-position)}.to-ink2{--tw-gradient-to:#26221a var(--tw-gradient-to-position)}.to-paper{--tw-gradient-to:#f3f0e7 var(--tw-gradient-to-position)}.to-paper2{--tw-gradient-to:#eae5d8 var(--tw-gradient-to-position)}.to-sand{--tw-gradient-to:#d8cfbb var(--tw-gradient-to-position)}.stroke-accent{stroke:#de3e12}.stroke-ink{stroke:#17150f}.stroke-paper{stroke:#f3f0e7}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-14{padding-bottom:3.5rem;padding-top:3.5rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-24{padding-bottom:6rem;padding-top:6rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-3\.5{padding-bottom:.875rem;padding-top:.875rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.pb-2{padding-bottom:.5rem}.pt-16{padding-top:4rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-7{padding-top:1.75rem}.pt-\[104px\]{padding-top:104px}.text-right{text-align:right}.align-baseline{vertical-align:baseline}.font-display{font-family:Spectral,Georgia,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[1\.2em\]{font-size:1.2em}.text-\[1\.2rem\]{font-size:1.2rem}.text-\[10px\]{font-size:10px}.text-\[10vw\]{font-size:10vw}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[19px\]{font-size:19px}.text-\[22px\]{font-size:22px}.text-\[240px\]{font-size:240px}.text-\[24px\]{font-size:24px}.text-\[280px\]{font-size:280px}.text-\[28px\]{font-size:28px}.text-\[300px\]{font-size:300px}.text-\[40px\]{font-size:40px}.text-\[48px\]{font-size:48px}.text-\[56px\]{font-size:56px}.text-\[clamp\(\.95rem\2c 1\.5vw\2c 1\.1rem\)\]{font-size:clamp(.95rem,1.5vw,1.1rem)}.text-\[clamp\(1\.15rem\2c 2\.4vw\2c 1\.8rem\)\]{font-size:clamp(1.15rem,2.4vw,1.8rem)}.text-\[clamp\(1\.3rem\2c 3vw\2c 2\.2rem\)\]{font-size:clamp(1.3rem,3vw,2.2rem)}.text-\[clamp\(1\.6rem\2c 3\.2vw\2c 2\.4rem\)\]{font-size:clamp(1.6rem,3.2vw,2.4rem)}.text-\[clamp\(1\.7rem\2c 3\.4vw\2c 2\.6rem\)\]{font-size:clamp(1.7rem,3.4vw,2.6rem)}.text-\[clamp\(1\.8rem\2c 3vw\2c 2\.6rem\)\]{font-size:clamp(1.8rem,3vw,2.6rem)}.text-\[clamp\(1\.8rem\2c 4vw\2c 2\.6rem\)\]{font-size:clamp(1.8rem,4vw,2.6rem)}.text-\[clamp\(1\.8rem\2c 4vw\2c 2\.8rem\)\]{font-size:clamp(1.8rem,4vw,2.8rem)}.text-\[clamp\(1rem\2c 1\.8vw\2c 1\.2rem\)\]{font-size:clamp(1rem,1.8vw,1.2rem)}.text-\[clamp\(2\.1rem\2c 4\.5vw\2c 3\.5rem\)\]{font-size:clamp(2.1rem,4.5vw,3.5rem)}.text-\[clamp\(2\.4rem\2c 7vw\2c 3\.8rem\)\]{font-size:clamp(2.4rem,7vw,3.8rem)}.text-\[clamp\(2\.6rem\2c min\(9\.8vw\2c 12\.5vh\)\2c 7\.8rem\)\]{font-size:clamp(2.6rem,min(9.8vw,12.5vh),7.8rem)}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-\[\.98\]{line-height:.98}.leading-\[\.9\]{line-height:.9}.leading-\[1\.02\]{line-height:1.02}.leading-\[1\.1\]{line-height:1.1}.leading-\[1\],.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[-0\.02em\]{letter-spacing:-.02em}.tracking-\[\.22em\]{letter-spacing:.22em}.tracking-\[0\.04em\]{letter-spacing:.04em}.tracking-tight{letter-spacing:-.025em}.text-accent{--tw-text-opacity:1;color:rgb(222 62 18/var(--tw-text-opacity,1))}.text-accent2{--tw-text-opacity:1;color:rgb(255 107 65/var(--tw-text-opacity,1))}.text-clay{color:rgb(185 143 114/var(--tw-text-opacity,1))}.text-clay,.text-ink{--tw-text-opacity:1}.text-ink{color:rgb(23 21 15/var(--tw-text-opacity,1))}.text-ink\/45{color:rgba(23,21,15,.45)}.text-ink\/50{color:rgba(23,21,15,.5)}.text-ink\/55{color:rgba(23,21,15,.55)}.text-ink\/60{color:rgba(23,21,15,.6)}.text-ink\/65{color:rgba(23,21,15,.65)}.text-ink\/70{color:rgba(23,21,15,.7)}.text-ink\/75{color:rgba(23,21,15,.75)}.text-ink\/80{color:rgba(23,21,15,.8)}.text-ink\/85{color:rgba(23,21,15,.85)}.text-ink2{color:rgb(38 34 26/var(--tw-text-opacity,1))}.text-ink2,.text-paper{--tw-text-opacity:1}.text-paper{color:rgb(243 240 231/var(--tw-text-opacity,1))}.text-paper\/10{color:hsla(45,33%,93%,.1)}.text-paper\/25{color:hsla(45,33%,93%,.25)}.text-paper\/35{color:hsla(45,33%,93%,.35)}.text-paper\/40{color:hsla(45,33%,93%,.4)}.text-paper\/45{color:hsla(45,33%,93%,.45)}.text-paper\/50{color:hsla(45,33%,93%,.5)}.text-paper\/55{color:hsla(45,33%,93%,.55)}.text-paper\/60{color:hsla(45,33%,93%,.6)}.text-paper\/70{color:hsla(45,33%,93%,.7)}.text-paper\/85{color:hsla(45,33%,93%,.85)}.text-paper2{color:rgb(234 229 216/var(--tw-text-opacity,1))}.text-paper2,.text-sand{--tw-text-opacity:1}.text-sand{color:rgb(216 207 187/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-400{transition-duration:.4s}.duration-500{transition-duration:.5s}.hover\:border-ink:hover{--tw-border-opacity:1;border-color:rgb(23 21 15/var(--tw-border-opacity,1))}.hover\:bg-accent:hover{--tw-bg-opacity:1;background-color:rgb(222 62 18/var(--tw-bg-opacity,1))}.hover\:bg-ink:hover{--tw-bg-opacity:1;background-color:rgb(23 21 15/var(--tw-bg-opacity,1))}.hover\:bg-paper:hover{--tw-bg-opacity:1;background-color:rgb(243 240 231/var(--tw-bg-opacity,1))}.hover\:text-accent:hover{--tw-text-opacity:1;color:rgb(222 62 18/var(--tw-text-opacity,1))}.hover\:text-accent2:hover{--tw-text-opacity:1;color:rgb(255 107 65/var(--tw-text-opacity,1))}.hover\:text-ink:hover{--tw-text-opacity:1;color:rgb(23 21 15/var(--tw-text-opacity,1))}.hover\:text-paper:hover{--tw-text-opacity:1;color:rgb(243 240 231/var(--tw-text-opacity,1))}.hover\:text-paper\/80:hover{color:hsla(45,33%,93%,.8)}.group:hover .group-hover\:scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-accent{--tw-text-opacity:1;color:rgb(222 62 18/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-accent2{--tw-text-opacity:1;color:rgb(255 107 65/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:col-span-4{grid-column:span 4/span 4}.sm\:col-span-8{grid-column:span 8/span 8}.sm\:mb-5{margin-bottom:1.25rem}.sm\:block{display:block}.sm\:inline-flex{display:inline-flex}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:rounded-\[10px\]{border-radius:10px}.sm\:p-10{padding:2.5rem}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:pt-\[116px\]{padding-top:116px}.sm\:text-5xl{font-size:3rem;line-height:1}}@media (min-width:768px){.md\:col-span-12{grid-column:span 12/span 12}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-7{grid-column:span 7/span 7}.md\:col-span-8{grid-column:span 8/span 8}.md\:block{display:block}.md\:h-24{height:6rem}.md\:h-\[200px\]{height:200px}.md\:w-24{width:6rem}.md\:w-\[200px\]{width:200px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:justify-end{justify-content:flex-end}.md\:gap-14{gap:3.5rem}.md\:rounded-tl-\[40px\]{border-top-left-radius:40px}.md\:p-7{padding:1.75rem}.md\:text-\[66px\]{font-size:66px}.md\:text-\[clamp\(4rem\2c 8vw\2c 6\.5rem\)\]{font-size:clamp(4rem,8vw,6.5rem)}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:right-\[15\%\]{right:15%}.lg\:top-28{top:7rem}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-10{grid-column:span 10/span 10}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-start-8{grid-column-start:8}.lg\:col-start-9{grid-column-start:9}.lg\:mb-16{margin-bottom:4rem}.lg\:mb-20{margin-bottom:5rem}.lg\:mb-24{margin-bottom:6rem}.lg\:mt-28{margin-top:7rem}.lg\:mt-8{margin-top:2rem}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:w-\[64px\]{width:64px}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:flex-col{flex-direction:column}.lg\:justify-end{justify-content:flex-end}.lg\:gap-3{gap:.75rem}.lg\:gap-6{gap:1.5rem}.lg\:rounded-t-\[44px\]{border-top-left-radius:44px;border-top-right-radius:44px}.lg\:px-12{padding-left:3rem;padding-right:3rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-12{padding-bottom:3rem;padding-top:3rem}.lg\:py-16{padding-bottom:4rem;padding-top:4rem}.lg\:py-36{padding-bottom:9rem;padding-top:9rem}.lg\:py-4{padding-bottom:1rem;padding-top:1rem}.lg\:py-8{padding-bottom:2rem;padding-top:2rem}.lg\:pt-0{padding-top:0}.lg\:text-right{text-align:right}.lg\:text-\[11px\]{font-size:11px}.lg\:text-\[18px\]{font-size:18px}.lg\:text-\[340px\]{font-size:340px}.lg\:text-\[36px\]{font-size:36px}.lg\:text-\[420px\]{font-size:420px}.lg\:text-\[68px\]{font-size:68px}}@media (min-width:1280px){.xl\:col-span-9{grid-column:span 9/span 9}.xl\:block{display:block}.xl\:h-\[230px\]{height:230px}.xl\:w-\[230px\]{width:230px}}
/* --- custom.css --- */
:where([class*=wp-block-sarlotta],[class*=wp-block-sarlotta] *){border:0 solid;box-sizing:border-box}:where([class*=wp-block-sarlotta] p,[class*=wp-block-sarlotta] h1,[class*=wp-block-sarlotta] h2,[class*=wp-block-sarlotta] h3,[class*=wp-block-sarlotta] h4,[class*=wp-block-sarlotta] h5,[class*=wp-block-sarlotta] h6,[class*=wp-block-sarlotta] ul,[class*=wp-block-sarlotta] ol,[class*=wp-block-sarlotta] li,[class*=wp-block-sarlotta] figure){margin:0}:where([class*=wp-block-sarlotta] button){background-color:transparent;color:inherit;font:inherit}.srl-mmenu a{color:#f3f0e7}.srl-mmenu a:hover{color:#ff6b41}.link-line{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;padding-bottom:2px;transition:background-size .45s cubic-bezier(.22,1,.36,1)}.link-line:hover,.link-line[aria-current=true]{background-size:100% 1px}.btn .arr{transition:transform .45s cubic-bezier(.22,1,.36,1)}.btn:hover .arr{transform:translateX(5px)}.btn:hover .arr-d{transform:translate(4px,4px)}.arr-d{transition:transform .45s cubic-bezier(.22,1,.36,1)}.stroke-ink{-webkit-text-stroke:1.5px rgba(23,21,15,.35);color:transparent}.stroke-paper{-webkit-text-stroke:1.5px hsla(45,33%,93%,.3);color:transparent}.stroke-accent{-webkit-text-stroke:1.5px rgba(222,62,18,.75);color:transparent}.h-word{overflow:hidden;vertical-align:bottom}.h-word,.h-word>span{display:inline-block}body.sarlotta-front .h-word>span{transform:translateY(115%)}body.sarlotta-front .hero-in .h-word>span{animation:srl-word-up .95s cubic-bezier(.19,1,.22,1) forwards;animation-delay:var(--wd,0s)}@keyframes srl-word-up{to{transform:none}}body.sarlotta-front .hero-in .h-fade{animation:srl-fade-up 1s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--wd,.5s)}@keyframes srl-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.h-word em,.h-word i,.srl-italic-accent{color:#de3e12;font-style:italic;font-weight:500}.marquee{display:flex;gap:0;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.marquee-track{align-items:center;display:flex;flex-shrink:0;gap:3.5rem;padding-right:3.5rem}body.sarlotta-front .marquee-track{animation:srl-marquee 42s linear infinite}@keyframes srl-marquee{to{transform:translateX(-100%)}}body.sarlotta-front .spin-slow{animation:srl-spin 18s linear infinite}@keyframes srl-spin{to{transform:rotate(1turn)}}body.sarlotta-front .float-soft{animation:srl-float 7s ease-in-out infinite}@keyframes srl-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.vertical{writing-mode:vertical-rl}.ledger-row{transition:background-color .5s ease}.ledger-row:hover{background-color:rgba(23,21,15,.035)}.ledger-row:hover .row-index{color:#de3e12;-webkit-text-stroke-color:#de3e12}.row-index{transition:all .5s ease}.bleed-row{margin-inline:calc(50% - 50vw);padding-inline:calc(50vw - 50%)}.bleed-l-row{margin-left:calc(50% - 50vw);margin-right:-1.5rem;padding-left:calc(50vw - 50%)}.work-row{box-sizing:content-box}.srl-works-viewer .w-view{inset:0;opacity:0;position:absolute;transform:scale(1.045);transition:opacity .55s ease,transform 1s cubic-bezier(.22,1,.36,1)}.srl-works-viewer .w-view.on{opacity:1;transform:none}.work-row{text-align:left;width:100%}.work-row .w-num{transition:all .4s ease}.work-row:hover .w-num{color:#ff6b41;-webkit-text-stroke-color:#ff6b41}.work-row .w-title{transition:color .35s ease}.work-row:hover .w-title{color:#ff6b41}.work-row .w-cat{transition:color .35s ease}.work-row:hover .w-cat{color:#ff6b41}.work-row[aria-current=true] .w-cat,.work-row[aria-current=true] .w-num,.work-row[aria-current=true] .w-title{color:#ff6b41;-webkit-text-stroke-color:#ff6b41}.srl-lightbox{opacity:0;pointer-events:none;transition:opacity .4s ease}.srl-lightbox.open{opacity:1;pointer-events:auto}.srl-lightbox .lb-inner{transform:translateY(26px) scale(.985);transition:transform .5s cubic-bezier(.22,1,.36,1)}.srl-lightbox.open .lb-inner{transform:none}.srl-mmenu{opacity:0;pointer-events:none;transition:opacity .45s ease}.srl-mmenu.open{opacity:1;pointer-events:auto}.srl-mmenu .m-link{opacity:0;transform:translateY(22px);transition:opacity .5s ease,transform .5s cubic-bezier(.22,1,.36,1)}.srl-mmenu.open .m-link{opacity:1;transform:none}.burger span{transition:transform .4s ease,opacity .3s ease,width .4s ease}.burger[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}body.lock{overflow:hidden}body.lock .srl-header .header-bar{backdrop-filter:none;background:transparent!important;border-color:transparent;box-shadow:none}body.lock .srl-header .font-display{color:#f3f0e7}body.lock .srl-header .logo-mark:hover{color:#ff6b41}body.lock .srl-header .btn{background:#f3f0e7;color:#17150f}body.lock .srl-header .btn:hover{background:#de3e12;color:#f3f0e7}body.lock .srl-header .burger span{background:#f3f0e7}.srl-header{padding:0;transition:padding .55s cubic-bezier(.22,1,.36,1)}.srl-header.scrolled{padding:14px 16px}.srl-header .header-bar{backdrop-filter:blur(0);height:80px;margin:0 auto;max-width:1400px;padding-inline:20px;transition:max-width .55s cubic-bezier(.22,1,.36,1),height .5s cubic-bezier(.22,1,.36,1),padding .5s cubic-bezier(.22,1,.36,1),background-color .5s ease,border-color .5s ease,box-shadow .5s ease}.srl-header.scrolled .header-bar{backdrop-filter:blur(14px) saturate(1.15);background-color:hsla(45,33%,93%,.74);border-color:rgba(23,21,15,.12);box-shadow:0 24px 48px -28px rgba(23,21,15,.4);height:54px;max-width:1060px;padding-inline:24px}.srl-header.scrolled .nav-link{font-size:14px}.nav-link{transition:font-size .4s cubic-bezier(.22,1,.36,1)}.srl-ph{background:none;color:#de3e12}.srl-cookie{display:block;max-width:640px}.srl-cookie__window{background:#f3f0e7;border:1px solid rgba(23,21,15,.15);border-radius:18px;box-shadow:0 26px 50px -30px rgba(23,21,15,.45);padding:1.6rem 1.7rem 1.5rem;position:relative}.srl-cookie--editor{margin:2rem 0}.srl-cookie__title{font-family:Spectral,Georgia,serif;font-size:20px;font-weight:600;line-height:1.2;margin:0 0 .35rem}.srl-cookie__text{color:rgba(23,21,15,.75);font-size:14px;line-height:1.55;margin:0}.srl-cookie__text a{text-decoration:underline;text-underline-offset:3px}.srl-cookie__text a:hover{color:#de3e12}.srl-cookie__actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.srl-cookie__backdrop,.srl-cookie__close{display:none}body.sarlotta-front .srl-cookie{align-items:center;backdrop-filter:blur(2px);background:rgba(23,21,15,.62);border:0;border-radius:0;box-shadow:none;display:none;inset:0;justify-content:center;margin:0;max-width:none;padding:16px;position:fixed;width:100%;z-index:120}body.sarlotta-front .srl-cookie.show{animation:srl-cookie-fade .25s ease both;display:flex}body.sarlotta-front .srl-cookie__window{animation:srl-cookie-in .45s cubic-bezier(.22,1,.36,1) both;border:0;border-radius:18px;box-shadow:0 40px 90px -40px rgba(23,21,15,.65);max-width:560px;padding:1.9rem 1.9rem 1.6rem;width:100%}body.sarlotta-front .srl-cookie.show .srl-cookie__backdrop{background:transparent;border:0;cursor:default;display:block;height:100%;inset:0;padding:0;position:absolute;width:100%}body.sarlotta-front .srl-cookie.show .srl-cookie__close{align-items:center;background:rgba(23,21,15,.07);border-radius:999px;color:#17150f;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;line-height:1;padding:0;position:absolute;right:14px;top:14px;transition:background-color .3s ease,color .3s ease;width:36px}body.sarlotta-front .srl-cookie.show .srl-cookie__close:hover{background:#17150f;color:#f3f0e7}@keyframes srl-cookie-fade{0%{opacity:0}to{opacity:1}}@keyframes srl-cookie-in{0%{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}.srl-features li{align-items:baseline;display:flex;gap:.625rem}.sarlotta-edit-row{position:relative}.sarlotta-edit-row__controls{background:#f3f0e7;border:1px solid rgba(23,21,15,.25);border-radius:6px;box-shadow:0 2px 6px rgba(23,21,15,.18);display:flex;gap:2px;opacity:0;padding:2px 3px;pointer-events:none;position:absolute;right:0;top:-16px;transition:opacity .15s ease;z-index:12}.sarlotta-edit-row.is-selected .sarlotta-edit-row__controls,.sarlotta-edit-row:focus-within .sarlotta-edit-row__controls,.sarlotta-edit-row:hover .sarlotta-edit-row__controls{opacity:1;pointer-events:auto}.sarlotta-edit-row.inline-flex .sarlotta-edit-row__controls{right:-6px;top:-24px}.wp-block-sarlotta-footer .sarlotta-edit-row__controls,.wp-block-sarlotta-works .sarlotta-edit-row__controls{background:#f3f0e7;border-color:hsla(45,33%,93%,.4)}.sarlotta-inline-controls{display:inline-flex;gap:2px}.sarlotta-inline-controls .components-button{color:#17150f}.sarlotta-inline-add{margin-top:1.25rem}.sarlotta-canvas-toolbar{bottom:12px;display:flex;gap:6px;left:12px;opacity:0;position:absolute;transition:opacity .15s ease;z-index:8}.sarlotta-canvas-toolbar:focus-within,.sarlotta-works-editor:hover .sarlotta-canvas-toolbar{opacity:1}.sarlotta-panel-group{border-bottom:1px solid rgba(23,21,15,.12);margin-bottom:1rem;padding-bottom:1rem}.sarlotta-panel-help{color:#26221a;font-size:12.5px;line-height:1.5;margin:0 0 1rem}.sarlotta-work-row--active .w-num,.sarlotta-work-row--active .w-title{color:#ff6b41;-webkit-text-stroke-color:#ff6b41}#srl-content,#srl-content .wp-block-post-content,.wp-block-sarlotta-hero+.wp-block-sarlotta-marquee{margin-top:0}
/* --- front.css --- */
/* =========================================================================
   Sarlotta — стили только для фронтенда (в редакторе не применяются:
   всё завязано на body.sarlotta-front, которое вешает functions.php).
   ========================================================================= */

html {
	scroll-behavior: smooth;
	scroll-padding-top: 110px;
}

body.sarlotta-front {
	background: #f3f0e7;
	color: #17150f;
	font-family: 'Onest', system-ui, sans-serif;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

/* лёгкое зерно поверх — «бумажная» фактура */
body.sarlotta-front::after {
	content: '';
	position: fixed;
	inset: 0;
	z-index: 80;
	pointer-events: none;
	opacity: 0.05;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");
}

::selection {
	background: #de3e12;
	color: #f3f0e7;
}

/* skip-link: появляется только по фокусу с клавиатуры */
.skip-link.screen-reader-text {
	position: absolute;
	left: -9999px;
	top: 12px;
	z-index: 100;
	padding: 8px 16px;
	border-radius: 9999px;
	background: #17150f;
	color: #f3f0e7;
	font-size: 14px;
	text-decoration: none;
}
.skip-link.screen-reader-text:focus {
	left: 12px;
}

/* фокус с клавиатуры */
a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible {
	outline: 2px solid #de3e12;
	outline-offset: 3px;
	border-radius: 2px;
}
a:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
	outline: none;
}

/* ===== появление при скролле (reveal) — только на фронте ===== */
body.sarlotta-front .reveal {
	opacity: 0;
	transform: translateY(26px);
	transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1),
		transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
	transition-delay: var(--d, 0s);
}
body.sarlotta-front .reveal.is-in {
	opacity: 1;
	transform: none;
}

/* ===== доступность: меньше движения ===== */
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
	body.sarlotta-front .reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}
	body.sarlotta-front .h-word > span {
		transform: none;
		animation: none !important;
	}
	body.sarlotta-front .hero-in .h-fade {
		animation: none !important;
		opacity: 1;
	}
	body.sarlotta-front .marquee-track,
	body.sarlotta-front .spin-slow,
	body.sarlotta-front .float-soft {
		animation: none;
	}
	.srl-works-viewer .w-view,
	.srl-lightbox .lb-inner {
		transition: none;
	}
}

/* cookie-уведомление: не анимируем при reduced motion */
body.sarlotta-front .srl-cookie.show {
	animation: none;
}

/* =========================================================================
   Контраст: доводка до WCAG AA.

   Вермильон #DE3E12 на бумаге даёт 3,84:1. Для крупного текста этого
   достаточно (норма 3:1), и как акцент в заголовках цвет остаётся прежним —
   он фирменный. А вот кнопка с подписью в 14–16px — это мелкий текст, ему
   нужно 4,5:1. Поэтому у кнопок заливка чуть темнее: #C4360F даёт 4,75:1,
   на глаз это тот же вермильон.

   Правило написано здесь, а не классом Tailwind, потому что app.css
   собран заранее и новых утилит в нём нет.
   ========================================================================= */

.btn.bg-accent,
a.bg-accent,
button.bg-accent {
	background-color: var( --wp--preset--color--accent-strong, #c4360f );
}

/* Ссылки вермильоном в основном тексте — тот же случай, что и кнопки. */
.entry-content a.text-accent,
p > a.text-accent {
	color: var( --wp--preset--color--accent-strong, #c4360f );
}

/* =========================================================================
   Прогрессивное улучшение: без JavaScript ничего не прячем.

   Анимация появления держит .reveal в opacity:0, а слова заголовка —
   сдвинутыми за край; показывает их скрипт. Если он не отработает,
   посетитель увидит пустую страницу — и не узнает, почему.

   Класс srl-js ставит инлайновая строка в <head> (sarlotta_js_flag).
   Пока его нет, контент виден сразу и без анимации. Селекторы длиннее
   исходных намеренно: они должны выигрывать по специфичности у правил
   из custom.css, который собран заранее и правке не подлежит.
   ========================================================================= */

html:not( .srl-js ) body.sarlotta-front .reveal {
	opacity: 1;
	transform: none;
	transition: none;
}

html:not( .srl-js ) body.sarlotta-front .h-word > span {
	transform: none;
}

html:not( .srl-js ) body.sarlotta-front .h-fade {
	opacity: 1;
}

/* =========================================================================
   Полужирный в тексте — 600, а не 700.

   <strong> по умолчанию просит 700, и ради трёх выделенных слов браузер
   тянул четыре файла шрифтов (~89 КБ): Spectral 700 и Onest 700, каждый
   в кириллице и латинице. Начертание 600 уже загружено — им набраны все
   заголовки, — и на глаз от 700 в тексте не отличается.
   ========================================================================= */

body.sarlotta-front strong,
body.sarlotta-front b {
	font-weight: 600;
}

/* Заглушки, которые нужно заменить перед публикацией.
   Вермильон #DE3E12 в тексте 14px даёт 3,84:1 — ниже нормы 4,5. Заглушки
   читает владелец сайта, и читать их должно быть легко. */
.srl-ph {
	color: var( --wp--preset--color--accent-strong, #c4360f );
}

/* =========================================================================
   Пропорции превью работ в канвасе редактора.

   На сайте пропорции задаёт render.php через aspect-ratio, а в редакторе
   разметку рисует собранный код блока, где зашит класс aspect-[4/3].
   Пересобрать его нечем, поэтому класс-обёртку ставит assets/js/editor.js,
   а нужное значение подставляют правила ниже. На фронт они не влияют:
   таких классов там нет.
   ========================================================================= */

.srl-ratio-3-2   .sarlotta-works-editor .aspect-\[4\/3\],
.srl-ratio-3-2   [class*="aspect-[4/3]"]   { aspect-ratio: 3 / 2 !important; }
.srl-ratio-16-10 .sarlotta-works-editor .aspect-\[4\/3\],
.srl-ratio-16-10 [class*="aspect-[4/3]"]   { aspect-ratio: 16 / 10 !important; }
.srl-ratio-16-9  .sarlotta-works-editor .aspect-\[4\/3\],
.srl-ratio-16-9  [class*="aspect-[4/3]"]   { aspect-ratio: 16 / 9 !important; }
.srl-ratio-1-1   .sarlotta-works-editor .aspect-\[4\/3\],
.srl-ratio-1-1   [class*="aspect-[4/3]"]   { aspect-ratio: 1 / 1 !important; }
.srl-ratio-3-4   .sarlotta-works-editor .aspect-\[4\/3\],
.srl-ratio-3-4   [class*="aspect-[4/3]"]   { aspect-ratio: 3 / 4 !important; }

/* =========================================================================
   Лайтбокс: снимок страницы целиком.

   Обычный кадр держит пропорции 16:9 и обрезается. Если у работы есть
   длинный снимок, кадр становится окном с прокруткой: ширина по месту,
   высота ограничена, а картинка внутри — во всю свою длину.

   overscroll-behavior: contain нужен, чтобы на телефоне прокрутка не
   «перескакивала» на страницу под лайтбоксом, когда снимок домотан
   до конца.
   ========================================================================= */

.lb-media.is-full {
	aspect-ratio: auto;
	height: min(68svh, 720px);
	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	background: #eae5d8;
}

.lb-media.is-full .lb-full-img {
	display: block;
	width: 100%;
	height: auto;
}

/* Полоска прокрутки заметная, но не грубая: без неё непонятно,
   что кадр вообще прокручивается. */
.lb-media.is-full::-webkit-scrollbar {
	width: 10px;
}
.lb-media.is-full::-webkit-scrollbar-thumb {
	background: rgba(23, 21, 15, .28);
	border-radius: 999px;
	border: 3px solid transparent;
	background-clip: content-box;
}
.lb-media.is-full::-webkit-scrollbar-thumb:hover {
	background: rgba(23, 21, 15, .45);
	background-clip: content-box;
}

/* =========================================================================
   Внутренние страницы (10.2026): услуги, работы, цены.

   Перенесено из мокапа (mockups/assets/css/pages.css) — там это был
   единственный новый CSS, всё остальное собрано из готовых утилит app.css.
   Правила не завязаны на body.sarlotta-front: блоки выглядят так же
   и в канвасе редактора.
   ========================================================================= */

/* ===== заголовок внутренней страницы =====
   Хиро главной рассчитан на 2–3 коротких слова (до 7.8rem). Здесь заголовок
   длиннее и несёт ключевую фразу — «Создание лендинга под ключ», — поэтому
   потолок ниже. */
.srl-page-title {
	font-size: clamp( 2.5rem, 6.4vw, 5.75rem );
	line-height: 1;
	letter-spacing: -0.02em;
}

/* ===== хлебные крошки ===== */
.srl-crumbs ol {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
}
.srl-crumbs li + li::before {
	content: '/';
	margin-right: 0.5rem;
	color: rgba( 23, 21, 15, 0.3 );
}
.srl-crumbs [aria-current='page'] {
	color: #17150f;
}

/* ===== сетка карточек: 1 → 2 → 3 колонки =====
   В app.css есть только md:grid-cols-2 и lg:grid-cols-5, а md:col-span-6
   нет вовсе — трёх колонок из готовых утилит не собрать. */
.srl-cards {
	display: grid;
	gap: 2.5rem 1.5rem;
	grid-template-columns: minmax( 0, 1fr );
}
@media ( min-width: 768px ) {
	.srl-cards {
		grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
	}
}
@media ( min-width: 1024px ) {
	.srl-cards {
		grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
		gap: 3.5rem 1.5rem;
	}
}

/* превью работы: лёгкий наезд при наведении, как у строк в «Работах» */
.srl-card-media img {
	transition: transform 0.9s cubic-bezier( 0.22, 1, 0.36, 1 );
}
.srl-card:hover .srl-card-media img {
	transform: scale( 1.03 );
}

/* ===== скриншот в рамке ===== */
.srl-shot {
	border-radius: 6px;
	overflow: hidden;
	background: #eae5d8;
	box-shadow: 0 40px 80px -48px rgba( 23, 21, 15, 0.55 );
	outline: 1px solid rgba( 23, 21, 15, 0.08 );
}
.srl-shot img {
	display: block;
	width: 100%;
	height: auto;
}

/* Длинный снимок страницы целиком — окно с прокруткой. Те же решения,
   что у .lb-media.is-full в лайтбоксе, только на странице. */
.srl-scrollshot {
	height: min( 78svh, 820px );
	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
}
.srl-scrollshot::-webkit-scrollbar {
	width: 10px;
}
.srl-scrollshot::-webkit-scrollbar-thumb {
	background: rgba( 23, 21, 15, 0.28 );
	border-radius: 999px;
	border: 3px solid transparent;
	background-clip: content-box;
}

/* ===== вопросы и ответы =====
   <details> работает без скрипта и с клавиатуры; маркер браузера
   заменён на плюс, который поворачивается в крестик. */
.srl-faq details {
	border-top: 1px solid rgba( 23, 21, 15, 0.15 );
}
.srl-faq details:last-child {
	border-bottom: 1px solid rgba( 23, 21, 15, 0.15 );
}
.srl-faq summary {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1.5rem;
	padding: 1.6rem 0;
	cursor: pointer;
	list-style: none;
}
.srl-faq summary::-webkit-details-marker {
	display: none;
}
.srl-faq summary::after {
	content: '+';
	flex-shrink: 0;
	font-family: 'Onest', system-ui, sans-serif;
	font-size: 28px;
	line-height: 1;
	color: #de3e12;
	transition: transform 0.45s cubic-bezier( 0.22, 1, 0.36, 1 );
}
.srl-faq details[open] summary::after {
	transform: rotate( 45deg );
}
.srl-faq summary:hover h3 {
	color: #c4360f;
}
.srl-faq .srl-faq-a {
	padding: 0 0 1.8rem;
	max-width: 46rem;
}

/* ===== шаги на тёмном фоне: номер-контур подсвечивается при наведении ===== */
.srl-step:hover .row-index {
	color: #ff6b41;
	-webkit-text-stroke-color: #ff6b41;
}
.srl-step .row-index {
	transition: color 0.4s ease, -webkit-text-stroke-color 0.4s ease;
}

/* ===== цветовые плашки палитры работы ===== */
.srl-swatch {
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: 9999px;
	outline: 1px solid rgba( 23, 21, 15, 0.12 );
	outline-offset: -1px;
}

/* ===== соседние работы ===== */
.srl-pager a:hover .srl-pager-title {
	color: #c4360f;
}

/* ===== секция без верхнего отступа =====
   Когда блок идёт сразу за таким же светлым блоком, два py-24 подряд дают
   двойной зазор. В редакторе это переключатель «Без отступа сверху». */
.srl-pt-0 {
	padding-top: 0;
}

/* Плитка «Все работы» после карточек. 7 работ + плитка на две колонки
   закрывают ровные ряды и при двух колонках (8 ячеек), и при трёх (9). */
@media ( min-width: 1024px ) {
	.srl-card-wide {
		grid-column: span 2;
	}
}
.srl-card-wide:hover .arr {
	transform: translateX( 5px );
}
.srl-card-wide .arr {
	transition: transform 0.45s cubic-bezier( 0.22, 1, 0.36, 1 );
}

/* На телефоне плашки в две колонки — без ограничения круг во всю ширину. */
@media ( max-width: 639px ) {
	.srl-swatch {
		max-width: 7.5rem;
	}
}

/* =========================================================================
   Ссылки, которые браузер дорисовал сам.

   iOS Safari находит «телефоны» в длинных рядах цифр (ИНН, ОГРНИП) и
   оборачивает их в <a href="tel:">. Такая ссылка без классов берёт цвет
   ссылок темы — ink — и на тёмном подвале пропадает. Мета-тег
   format-detection (inc/seo.php) это отключает; правило ниже — страховка
   для браузеров, которые его не слушают: цвет и вид — как у текста вокруг.
   ========================================================================= */

a[x-apple-data-detectors],
.wp-block-sarlotta-footer a[href^="tel:"]:not([class]) {
	color: inherit !important;
	text-decoration: none !important;
	font: inherit !important;
}