/* ============================================================
   CRYSTAL — базовый UI-слой (владелец W1), редакция v3 по DESIGN-MAP:
   палитра макетов дизайнера (ink/umber/linen/wood/bordeaux/ember),
   ликвид-гласс по рецепту Зайца (5 слоёв), плавающая шапка-плашка
   с прятанием при скролле, бургер-карта сайта на вечернем стекле,
   футер-плита, «дорогой» reveal 1.15s, кнопки-линии, ромбики, зерно.

   Контракт тёмных страниц: body.cr-dark → тёмные вариации шапки,
   футера, плавающей CTA и базовых цветов. Светлые страницы — без класса.

   Классы из SPEC (используют шаблоны — не переименовывать):
   .cr-container(--narrow) .cr-section(--stone/--ink/--ember) .cr-chip
   .cr-h1/h2/h3 .cr-lead .cr-quote .cr-btn(--solid/--ghost/--light/--glass)
   .cr-card(--glass) .cr-grid(--2/3/4) .cr-carousel(__track/__item/__nav)
   .cr-ph(+ratio/tone) .cr-reveal/.is-in .cr-num .cr-rule .cr-bridge
   .cr-form/.cr-field
   ============================================================ */

/* ---------- Jost: вариативный 200–500, самохостинг ---------- */
@font-face{
	font-family:'Jost';
	src:url('../fonts/jost-cyrillic.woff2') format('woff2');
	font-weight:200 500;
	font-style:normal;
	font-display:swap;
	unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face{
	font-family:'Jost';
	src:url('../fonts/jost-latin-ext.woff2') format('woff2');
	font-weight:200 500;
	font-style:normal;
	font-display:swap;
	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:'Jost';
	src:url('../fonts/jost-latin.woff2') format('woff2');
	font-weight:200 500;
	font-style:normal;
	font-display:swap;
	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;
}

/* ---------- токены: палитра DESIGN-MAP §1.1 (канон макетов) ---------- */
:root{
	--cr-ink:#16120E;      /* тёплый чёрный — фон тёмных страниц/финалов */
	--cr-umber:#2A231C;    /* умбра — текст на светлом, тёмные подложки */
	--cr-stone:#E7E1D6;    /* камень — базовый светлый текст на тёмном */
	--cr-linen:#F1EBE1;    /* лён — фон светлых страниц, заголовки на тёмном */
	--cr-linen-2:#EAE2D4;  /* второй лён — чередование светлых секций */
	--cr-sand:#CFC4B2;     /* песок — sheen-ступени, приглушённые детали */
	--cr-wood:#8A6A4B;     /* дерево — eyebrow и номера на светлом */
	--cr-bordeaux:#6B2233; /* бордо — ссылки/ховеры/ромбики на светлом */
	--cr-ember:#C2622E;    /* ember — ховеры и ромбики на тёмном, огонь */
	--cr-forest:#4A5645;   /* лес/вода — зелёные сцены */
	/* производные слоя W1 (точные смеси из карты) */
	--cr-coal:#1B1611;         /* ступень входного градиента — глубокий уголь */
	--cr-ink-soft:#4E463C;     /* вторичный текст на светлом (умбра-тон) */
	--cr-fire:#B0472A;         /* терракот — ошибки форм, тёплый акцент */
	--cr-water:#5F7069;        /* вода v2 — прохладный акцент */
	--cr-mist:#9AAB9F;         /* водяная дымка — светлые мосты */
	--cr-white:#FBF8F3;        /* тёплый белый — карточки */
	--cr-bordeaux-mist:#E9DDDC;/* бордо-туман — светлые подложки */
	--cr-font:'Jost',system-ui,-apple-system,'Segoe UI',sans-serif;
	--cr-serif:Georgia,'Times New Roman',serif; /* только цитаты/акценты */
	/* ---- единая сетка (один источник правды для ВСЕХ секций и страниц) ----
	   --cr-gutter  — поле страницы слева/справа;
	   --cr-content — ширина контентной колонки (текст, гриды, плиты);
	   --cr-frame   — внешняя рамка секции = контент + два поля;
	   --cr-plate-pad — внутреннее поле стеклянных плит (шапка, футер): плита
	   шире контента ровно на своё поле, поэтому её текст стоит на той же
	   вертикали, что и текст секций — ширина контента нигде не «скачет».
	   Менять ширину сайта — только здесь. */
	--cr-gutter:clamp(20px,4.4vw,56px);
	--cr-content:1180px;
	--cr-frame:calc(var(--cr-content) + var(--cr-gutter) * 2);
	--cr-plate-pad:clamp(18px,2.6vw,32px);
	--cr-narrow:760px; /* узкая колонка: финалы страниц, проза */
	/* левый/правый край контентной колонки для абсолютных слоёв во всю
	   ширину (тексты сцен главной): на широких экранах колонка центрируется,
	   поэтому одного --cr-gutter мало. Считается от ширины родителя. */
	--cr-edge:max(var(--cr-gutter),calc((100% - var(--cr-content)) / 2));
	/* линии-hairline (§1.3) */
	--cr-line:rgba(42,35,28,.14);
	--cr-line-dark:rgba(231,225,214,.12);
	--cr-line-light:rgba(255,255,255,.6);
	--cr-radius:12px;
	--cr-radius-frame:10px;  /* лёгкое скругление кадров и плейсхолдеров */
	/* кривые единого почерка (§1.8) */
	--cr-ease:cubic-bezier(.22,1,.36,1);      /* интро и оверлеи */
	--cr-ease-rv:cubic-bezier(.22,.61,.36,1); /* «дорогой» reveal Зайца */
	/* градиент «настоящей» кнопки (форма макета: #6B2233→#8a2f42) */
	--cr-btn-grad:linear-gradient(120deg,#6B2233 0%,#8a2f42 60%,#a03a4d 130%);
	/* шапка: плашка + отрыв от края сверху */
	--cr-hdr-off:14px;
	--cr-hdr-plate:58px;
	/* --cr-hdr-full — постоянная высота плашки: на неё страницы с тёмным
	   прологом подтягиваются вверх, чтобы шапка лежала НА обложке.
	   --cr-hdr-h — текущий отступ для липких элементов: он уменьшается,
	   когда шапка прячется при скролле (иначе страница дёргалась бы). */
	--cr-hdr-full:calc(var(--cr-hdr-plate) + var(--cr-hdr-off));
	--cr-hdr-h:var(--cr-hdr-full);
	--cr-header-h:var(--cr-hdr-h); /* читает cr-menu.css (липкая навигация меню) */
	/* ликвид-гласс — точный пятислойный рецепт Зайца */
	--cr-glass-bg:rgba(255,254,252,.38);
	--cr-glass-grad:linear-gradient(180deg,rgba(255,255,255,.52),rgba(255,255,255,.06) 48%,rgba(255,255,255,.02) 72%,rgba(255,255,255,.26));
	--cr-glass-blur:blur(28px) saturate(1.3) brightness(1.05);
	--cr-glass-border:1px solid rgba(255,255,255,.5);
	--cr-glass-shadow:0 20px 50px -24px rgba(42,35,28,.45),
		inset 0 1.5px 0 rgba(255,255,255,.95),
		inset 1px 0 0 rgba(255,255,255,.35),
		inset -1px 0 0 rgba(255,255,255,.35),
		inset 0 -1px 0 rgba(255,255,255,.2);
	/* тёмная вариация стекла (вечер: тёмные страницы, бургер, модалка) */
	--cr-glass-dark-bg:rgba(28,22,15,.4);
	--cr-glass-dark-grad:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.02) 48%,rgba(255,255,255,.06));
	--cr-glass-dark-blur:blur(22px) saturate(1.25) brightness(1.05);
	--cr-glass-dark-border:1px solid rgba(255,255,255,.16);
	--cr-glass-dark-shadow:0 30px 60px -40px rgba(0,0,0,.6),
		inset 0 1.5px 0 rgba(255,255,255,.2);
	/* зерно поверх градиентов (feTurbulence, тайл 120px) */
	--cr-grain:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='120'%20height='120'%3E%3Cfilter%20id='g'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='.8'%20numOctaves='2'/%3E%3C/filter%3E%3Crect%20width='120'%20height='120'%20filter='url(%23g)'/%3E%3C/svg%3E");

	/* ---- дизер-плёнка: мелкий серый шум, который кладётся ПОВЕРХ градиента
	   режимом overlay и разбивает 8-битные ступени («полосы»). Проверено
	   сравнением A/B: слой фона с прозрачностью .05 ступени НЕ убирает,
	   overlay-плёнка убирает. Тайл 160px, применяется правилом ниже. ---- */
	--cr-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='d' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23d)'/%3E%3C/svg%3E");

	/* ---- канонические рампы палитры: контрольные точки §1.1 пересчитаны
	   монотонным сплайном в Oklab (33 стопа). Кривая C1-гладкая — на стыках
	   ступеней нет изломов наклона, из-за которых и читались «полосы».
	   Все мосты и финалы сайта берут ТОЛЬКО эти рампы. ---- */
	--cr-ramp-dawn:linear-gradient(180deg,#16120e 0%,#191410 3.12%,#1b1712 6.25%,#1e1914 9.38%,#211b16 12.5%,#231e18 15.62%,#27201a 18.75%,#2a231c 21.88%,#2d261e 25%,#312920 28.12%,#352c22 31.25%,#3a2f24 34.38%,#3e3326 37.5%,#433729 40.62%,#493b2c 43.75%,#4f402f 46.88%,#554633 50%,#5d4d38 53.12%,#66553e 56.25%,#6f5d44 59.38%,#79654b 62.5%,#826f53 65.62%,#8c785c 68.75%,#978367 71.88%,#a39074 75%,#ae9d81 78.12%,#baa98e 81.25%,#c5b69b 84.38%,#cfc1a8 87.5%,#d8ccb6 90.62%,#e0d6c4 93.75%,#e8e0d3 96.88%,#f1ebe1 100%);
	--cr-ramp-dusk:linear-gradient(180deg,#f1ebe1 0%,#eae2d5 3.12%,#e3d9c9 6.25%,#dcd1bd 9.38%,#d5c8b1 12.5%,#cdbfa6 15.62%,#c5b69b 18.75%,#bcac91 21.88%,#b3a186 25%,#a9967a 28.12%,#9f8c70 31.25%,#958165 34.38%,#8c785b 37.5%,#826e53 40.62%,#77644a 43.75%,#6d5b43 46.88%,#63523c 50%,#594a36 53.12%,#514331 56.25%,#4a3c2c 59.38%,#443729 62.5%,#3d3226 65.62%,#382e23 68.75%,#332a21 71.88%,#2e261e 75%,#2a231c 78.12%,#26201a 81.25%,#231d17 84.38%,#201b15 87.5%,#1e1914 90.62%,#1b1612 93.75%,#191410 96.88%,#16120e 100%);
	/* «быстрая» вечерняя рампа: тьма набрана к 62% (финалы внутренних страниц) */
	--cr-ramp-dusk-fast:linear-gradient(180deg,#f1ebe1 0%,#e6decf 3.12%,#dcd1bd 6.25%,#d1c3ac 9.38%,#c5b69c 12.5%,#b8a78c 15.62%,#aa977b 18.75%,#9c886c 21.88%,#8e7a5e 25%,#816d52 28.12%,#746147 31.25%,#66553e 34.38%,#5b4b36 37.5%,#514230 40.62%,#493b2c 43.75%,#423628 46.88%,#3b3125 50%,#362c22 53.12%,#312820 56.25%,#2d251e 59.38%,#2a231c 62.5%,#27211a 65.62%,#251f19 68.75%,#231d17 71.88%,#211c16 75%,#201a15 78.12%,#1e1914 81.25%,#1d1813 84.38%,#1c1712 87.5%,#1a1611 90.62%,#191410 93.75%,#18130f 96.88%,#16120e 100%);
	/* та же «быстрая», но от льна-2 (после секции --linen2) */
	--cr-ramp-dusk-2:linear-gradient(180deg,#eae2d4 0%,#e1d7c6 3.12%,#d9cdb8 6.25%,#d0c2aa 9.38%,#c5b69c 12.5%,#b9a88d 15.62%,#ab987c 18.75%,#9c896c 21.88%,#8e7a5e 25%,#816d52 28.12%,#746147 31.25%,#66553e 34.38%,#5b4b36 37.5%,#514230 40.62%,#493b2c 43.75%,#423628 46.88%,#3b3125 50%,#362c22 53.12%,#312820 56.25%,#2d251e 59.38%,#2a231c 62.5%,#27211a 65.62%,#251f19 68.75%,#231d17 71.88%,#211c16 75%,#201a15 78.12%,#1e1914 81.25%,#1d1813 84.38%,#1c1712 87.5%,#1a1611 90.62%,#191410 93.75%,#18130f 96.88%,#16120e 100%);
	/* тёмный финал главной: тьма набрана к 76%, дальше ровный ink */
	--cr-ramp-dusk-home:linear-gradient(180deg,#f1ebe1 0%,#e4dbcb 3.12%,#d8cbb6 6.25%,#cabba2 9.38%,#bbaa8f 12.5%,#aa987c 15.62%,#9a866a 18.75%,#8b775b 21.88%,#7b684d 25%,#6c5a42 28.12%,#5e4e39 31.25%,#524331 34.38%,#493b2b 37.5%,#403527 40.62%,#392f23 43.75%,#322920 46.88%,#2d251e 50%,#29221b 53.12%,#251f18 56.25%,#211b16 59.38%,#1e1914 62.5%,#1b1611 65.62%,#181410 68.75%,#17130f 71.88%,#16120e 75%,#16120e 100%);
}
@media(min-width:1080px){:root{--cr-hdr-plate:72px}}

/* ---------- reset и база ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
body{margin:0;font-family:var(--cr-font);font-weight:300;font-size:16px;line-height:1.75;
	color:var(--cr-umber);background:var(--cr-linen);overflow-x:clip;
	-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4,h5,p,figure,blockquote{margin:0}
img,video{max-width:100%;height:auto;display:block}
a{color:var(--cr-bordeaux);text-decoration:none;transition:color .25s ease}
a:hover{color:var(--cr-ember)}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
ul[class],ol[class]{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--cr-bordeaux);outline-offset:2px}
::selection{background:rgba(107,34,51,.35)}
[id]{scroll-margin-top:calc(var(--cr-hdr-h) + 24px)}
body.cr-lock{overflow:hidden}

/* контракт тёмных страниц: body.cr-dark — вечерняя база */
body.cr-dark{background:var(--cr-ink);color:var(--cr-stone)}
body.cr-dark a:not(.cr-btn){color:var(--cr-stone)}
body.cr-dark a:not(.cr-btn):hover{color:var(--cr-ember)}
body.cr-dark :focus-visible{outline-color:var(--cr-ember)}

/* ---------- контейнеры и секции ----------
   Единая рамка: .cr-container и «внутренности» секций страниц
   (.cr-ab-sec__in, .cr-lsec__in, .cr-bq-sec__in, .cr-burger__in …)
   считаются от одних и тех же токенов — контент везде одной ширины. */
.cr-container{width:100%;max-width:var(--cr-frame);margin:0 auto;padding:0 var(--cr-gutter)}
/* Узкая колонка — это МЕРА строки, а не отдельная центрированная колонка:
   левый край такой же, как у обычного контейнера, поэтому заголовок страницы
   и широкая сетка под ним стоят на одной вертикали (фидбек «ширина скачет»). */
.cr-container--narrow>*{max-width:var(--cr-narrow)}
/* центрированные финалы и сцены — колонка целиком по центру секции */
.cr-page-cta .cr-container--narrow,
.crp-gal-cta .cr-container--narrow,
.crp-404 .cr-container--narrow{max-width:calc(var(--cr-narrow) + var(--cr-gutter) * 2)}
/* секция во всю ширину со своим полем: контент внутри — .cr-inner */
.cr-inner{position:relative;width:100%;max-width:var(--cr-content);margin:0 auto}
.cr-section{padding:clamp(64px,10vh,120px) 0}
.cr-section--stone{background:var(--cr-linen-2)}
.cr-section--ink{background:var(--cr-ink);color:var(--cr-stone)}
.cr-section--ink a:not(.cr-btn){color:var(--cr-stone)}
.cr-section--ink a:not(.cr-btn):hover{color:var(--cr-ember)}

/* вечерняя финальная секция: тёплый уголь + радиальное «пятно огня» —
   тёмный финал внутренних страниц (телефон-гигант, мини-навигация) */
.cr-section--ember{background-color:var(--cr-ink);color:var(--cr-stone);
	background-image:radial-gradient(120% 72% at 50% 0%,rgba(194,98,46,.16),rgba(194,98,46,0) 62%),
		linear-gradient(180deg,var(--cr-umber),var(--cr-ink) 55%)}
.cr-section--ember .cr-lead{color:rgba(241,235,225,.72)}
.cr-section--ember .cr-quote{color:var(--cr-linen)}
.cr-section--ember a:not(.cr-btn){color:var(--cr-stone)}
.cr-section--ember a:not(.cr-btn):hover{color:var(--cr-ember)}

/* «мосты» между секциями.
   Базовый — светлый (лён → водяная дымка → лён), как в текущих шаблонах;
   --to-stone/--from-stone — в/из второй светлой; --from-ink/--to-ink —
   градиентные мосты тьма↔лён точными ступенями карты (§1.1). */
.cr-bridge{height:clamp(120px,14vw,180px);background-color:var(--cr-linen);
	background-image:linear-gradient(180deg,rgba(154,171,159,0),rgba(154,171,159,.12) 50%,rgba(154,171,159,0))}
.cr-bridge--to-stone{background-image:
	linear-gradient(180deg,rgba(154,171,159,0),rgba(154,171,159,.1) 55%,rgba(154,171,159,0)),
	linear-gradient(180deg,var(--cr-linen),var(--cr-linen-2))}
.cr-bridge--from-stone{background-image:
	linear-gradient(180deg,rgba(154,171,159,0),rgba(154,171,159,.1) 45%,rgba(154,171,159,0)),
	linear-gradient(180deg,var(--cr-linen-2),var(--cr-linen))}
/* мосты тьма↔лён: рампа из токена + дизер; высота с запасом — на коротком
   мосту тот же перепад тона неизбежно читается ступенями */
.cr-bridge--from-ink{height:clamp(220px,34vh,420px);
	background-image:var(--cr-ramp-dawn)}
.cr-bridge--to-ink{height:clamp(220px,34vh,420px);
	background-image:var(--cr-ramp-dusk)}

/* тонкая линия-разделитель */
.cr-rule{border:0;height:1px;margin:0;background:var(--cr-line)}
.cr-section--ink .cr-rule,.cr-section--ember .cr-rule,body.cr-dark .cr-rule{background:var(--cr-line-dark)}

/* зерно поверх градиентных фонов: <div class="cr-grain" aria-hidden="true"></div>
   внутрь position:relative-родителя */
.cr-grain{position:absolute;inset:0;background-image:var(--cr-grain);
	opacity:.045;mix-blend-mode:overlay;pointer-events:none}
.cr-grain--multiply{mix-blend-mode:multiply;opacity:.05}

/* ---------- дизер-плёнка на градиентных плоскостях ----------
   Один список на всю тему: мосты, тёмные финалы и вечерние сцены.
   Плёнка лежит поверх фона, но под контентом (у обёрток z-index:1). */
.cr-bridge,.cr-section--ember,.cr-ab-bridge,.cr-bq-bridge,.cr-menup-bridge,
.cr-bridge-dawn,.cr-dsec,.cr-menup-final,.crp-quick-sec,.crp-gal-cta,
.cr-ab-final,.cr-bq-request,.cr-ab-hero,.cr-bq-hero,.cr-menup-hero{
	position:relative;isolation:isolate}
.cr-bridge::after,.cr-section--ember::after,.cr-ab-bridge::after,.cr-bq-bridge::after,
.cr-menup-bridge::after,.cr-bridge-dawn::after,.cr-dsec::after,.cr-menup-final::after,
.crp-quick-sec::after,.crp-gal-cta::after,.cr-ab-final::after,.cr-bq-request::after,
.cr-ab-hero::after,.cr-bq-hero::after,.cr-menup-hero::after{
	content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
	background-image:var(--cr-noise);background-size:160px 160px;
	mix-blend-mode:overlay;opacity:.45}
@media(max-width:760px){
	/* на мобиле плёнка дешевле и мельче не нужна — оставляем половину силы */
	.cr-bridge::after,.cr-ab-bridge::after,.cr-bq-bridge::after,.cr-menup-bridge::after,
	.cr-bridge-dawn::after{opacity:.3}
}

/* ---------- стекло как утилити (для врезок в шаблонах) ---------- */
.cr-glass{background-color:var(--cr-glass-bg);background-image:var(--cr-glass-grad);
	-webkit-backdrop-filter:var(--cr-glass-blur);backdrop-filter:var(--cr-glass-blur);
	border:var(--cr-glass-border);box-shadow:var(--cr-glass-shadow);
	border-radius:var(--cr-radius)}
.cr-glass--dark{background-color:var(--cr-glass-dark-bg);
	background-image:var(--cr-glass-dark-grad);
	-webkit-backdrop-filter:var(--cr-glass-dark-blur);backdrop-filter:var(--cr-glass-dark-blur);
	border:var(--cr-glass-dark-border);color:var(--cr-linen);
	box-shadow:var(--cr-glass-dark-shadow)}
.cr-glass>*,.cr-glass--dark>*{position:relative;z-index:1}

/* ---------- типографика (§1.2; капс кириллицы запрещён) ---------- */
.cr-h1{font-size:clamp(2.5rem,6vw,5.25rem);font-weight:200;line-height:1.04;
	letter-spacing:.05em;text-wrap:balance}
.cr-h2{font-size:clamp(1.75rem,3.6vw,3rem);font-weight:250;line-height:1.12;
	letter-spacing:.02em;text-wrap:balance}
.cr-h3{font-size:clamp(1.19rem,2.2vw,1.56rem);font-weight:300;line-height:1.3;letter-spacing:.01em}
/* eyebrow-лейбл: разреженный обычный регистр + ромбик; на тёмном — камень/ember */
.cr-chip{display:inline-flex;align-items:center;gap:12px;
	font-size:.66rem;font-weight:400;letter-spacing:.3em;
	text-transform:none;color:var(--cr-wood);margin-bottom:14px}
.cr-chip::before{content:"";flex:none;width:5px;height:5px;background:var(--cr-bordeaux);
	transform:rotate(45deg)}
.cr-section--ink .cr-chip,.cr-section--ember .cr-chip,body.cr-dark .cr-chip{
	color:rgba(231,225,214,.55)}
.cr-section--ink .cr-chip::before,.cr-section--ember .cr-chip::before,
body.cr-dark .cr-chip::before{background:var(--cr-ember)}
.cr-lead{font-size:clamp(1rem,1.6vw,1.19rem);font-weight:300;line-height:1.75;
	color:rgba(42,35,28,.75)}
.cr-quote{font-family:var(--cr-serif);font-style:italic;font-size:clamp(1.2rem,2vw,1.5rem);
	line-height:1.55;color:var(--cr-umber)}
.cr-num{font-variant-numeric:tabular-nums} /* цены, вместимость, телефоны, время */
.cr-section--ink .cr-lead{color:rgba(241,235,225,.72)}
.cr-section--ink .cr-quote{color:var(--cr-linen)}
body.cr-dark .cr-lead{color:rgba(241,235,225,.72)}
body.cr-dark .cr-quote{color:var(--cr-linen)}

/* ---------- кнопки ---------- */
.cr-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
	font-family:var(--cr-font);font-size:.82rem;font-weight:400;letter-spacing:.12em;
	text-transform:none;white-space:nowrap;
	padding:14px 28px;border-radius:999px;border:1px solid transparent;cursor:pointer;
	transition:background-color .25s ease,color .25s ease,border-color .25s ease,
		box-shadow .25s ease,background-position .45s var(--cr-ease)}
.cr-btn svg{width:18px;height:18px;flex:none}
/* solid — единственная «настоящая» кнопка макета: бордо-градиент-пилюля */
.cr-btn--solid{color:var(--cr-white);background-image:var(--cr-btn-grad);
	background-size:160% 100%;background-position:0% 0;
	box-shadow:0 16px 34px -18px rgba(107,34,51,.7)}
.cr-btn--solid:hover{background-position:100% 0;color:var(--cr-white);
	box-shadow:0 18px 38px -18px rgba(107,34,51,.8)}
.cr-btn--ghost{border-color:rgba(42,35,28,.4);color:var(--cr-umber);background:transparent}
.cr-btn--ghost:hover{border-color:var(--cr-bordeaux);color:var(--cr-bordeaux)}
.cr-btn--light{border-color:rgba(241,235,225,.45);color:var(--cr-linen);background:transparent}
.cr-btn--light:hover{background:rgba(241,235,225,.1);border-color:var(--cr-linen);color:var(--cr-linen)}
/* glass: стеклянная пилюля; на тёмных страницах — вечернее стекло */
.cr-btn--glass{color:var(--cr-bordeaux);
	background-color:rgba(255,255,255,.34);background-image:var(--cr-glass-grad);
	-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);
	border:1px solid rgba(255,255,255,.6);
	box-shadow:0 10px 24px -16px rgba(42,35,28,.35),inset 0 1px 0 rgba(255,255,255,.85)}
.cr-btn--glass:hover{background-color:var(--cr-bordeaux);background-image:none;
	color:var(--cr-white);border-color:var(--cr-bordeaux)}
body.cr-dark .cr-btn--glass,.cr-section--ink .cr-btn--glass,.cr-section--ember .cr-btn--glass{
	color:var(--cr-linen);background-color:rgba(241,235,225,.08);
	background-image:var(--cr-glass-dark-grad);border:var(--cr-glass-dark-border);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
body.cr-dark .cr-btn--glass:hover,.cr-section--ink .cr-btn--glass:hover,
.cr-section--ember .cr-btn--glass:hover{background-color:rgba(241,235,225,.16);
	color:var(--cr-white);border-color:rgba(255,255,255,.3)}

/* кнопка-линия «тихое действие» (§1.2): текст + линия-хвост, растущая 44→66px */
.cr-linebtn{display:inline-block;font-size:.69rem;font-weight:400;letter-spacing:.24em;
	color:inherit;cursor:pointer;transition:color .25s ease}
.cr-linebtn::after{content:"";display:block;width:44px;height:1px;margin-top:9px;
	background:currentColor;opacity:.6;transition:width .3s var(--cr-ease)}
.cr-linebtn:hover{color:var(--cr-bordeaux)}
.cr-linebtn:hover::after{width:66px}
.cr-section--ink .cr-linebtn:hover,.cr-section--ember .cr-linebtn:hover,
body.cr-dark .cr-linebtn:hover{color:var(--cr-ember)}

/* ---------- карточки и сетки ---------- */
.cr-card{background:var(--cr-white);border:1px solid rgba(42,35,28,.1);
	border-radius:var(--cr-radius);padding:26px;
	box-shadow:0 22px 44px -30px rgba(42,35,28,.4)}
.cr-card--glass{background-color:var(--cr-glass-bg);background-image:var(--cr-glass-grad);
	-webkit-backdrop-filter:var(--cr-glass-blur);backdrop-filter:var(--cr-glass-blur);
	border:var(--cr-glass-border);box-shadow:var(--cr-glass-shadow)}
.cr-card--glass>*{position:relative;z-index:1}
.cr-section--ink .cr-card,.cr-section--ember .cr-card{
	background:rgba(241,235,225,.05);border-color:var(--cr-line-dark);
	color:var(--cr-stone);box-shadow:0 22px 44px -30px rgba(0,0,0,.5)}
.cr-grid{display:grid;gap:20px}
@media(min-width:640px){
	.cr-grid--2,.cr-grid--3,.cr-grid--4{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:900px){
	.cr-grid{gap:24px}
	.cr-grid--3{grid-template-columns:repeat(3,1fr)}
	.cr-grid--4{grid-template-columns:repeat(4,1fr)}
}

/* ---------- карусель: scroll-snap + стрелки-кружки ---------- */
.cr-carousel{position:relative}
.cr-carousel__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;
	-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}
.cr-carousel__track::-webkit-scrollbar{display:none}
.cr-carousel__item{flex:0 0 min(78%,340px);scroll-snap-align:start}
.cr-carousel__nav{display:flex;gap:10px;margin-top:20px}
.cr-carousel__nav button{width:46px;height:46px;border-radius:50%;
	border:1px solid rgba(42,35,28,.25);
	display:inline-flex;align-items:center;justify-content:center;color:var(--cr-umber);
	background:transparent;
	transition:border-color .25s ease,color .25s ease,opacity .25s ease}
.cr-carousel__nav button svg{width:19px;height:19px}
.cr-carousel__nav button:hover{border-color:var(--cr-bordeaux);color:var(--cr-bordeaux)}
.cr-carousel__nav button:disabled{opacity:.35;pointer-events:none}
.cr-section--ink .cr-carousel__nav button,.cr-section--ember .cr-carousel__nav button{
	border-color:rgba(231,225,214,.3);color:var(--cr-stone)}
.cr-section--ink .cr-carousel__nav button:hover,
.cr-section--ember .cr-carousel__nav button:hover{border-color:var(--cr-ember);color:var(--cr-ember)}
@media(min-width:900px){
	.cr-carousel__track{gap:24px}
	.cr-carousel__item{flex-basis:360px}
}

/* ---------- фотоплейсхолдер (cr_ph): прямые углы, зерно,
   подпись в ромбиках = готовый шот-лист съёмки ---------- */
.cr-ph{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;
	aspect-ratio:4/3;border:1px solid rgba(42,35,28,.12);
	border-radius:var(--cr-radius-frame);overflow:hidden;
	background-image:linear-gradient(160deg,var(--cr-linen),var(--cr-sand));
	box-shadow:0 22px 44px -26px rgba(42,35,28,.5)}
.cr-ph::after{content:"";position:absolute;inset:0;background-image:var(--cr-grain);
	opacity:.05;mix-blend-mode:multiply;pointer-events:none}
.cr-ph__cap{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;
	max-width:84%;text-align:center;
	font-size:.63rem;font-weight:400;letter-spacing:.26em;text-transform:none;
	line-height:1.7;color:rgba(42,35,28,.6)}
.cr-ph__cap::before,.cr-ph__cap::after{content:"";flex:none;width:5px;height:5px;
	background:var(--cr-bordeaux);transform:rotate(45deg)}
.cr-ph--sq{aspect-ratio:1/1}
.cr-ph--43{aspect-ratio:4/3}
.cr-ph--32{aspect-ratio:3/2}
.cr-ph--169{aspect-ratio:16/9}
.cr-ph--pt{aspect-ratio:3/4}
/* тона: тёплая (огонь/умбра) и холодная (вода/лес) подложки */
.cr-ph--warm{background-image:radial-gradient(90% 80% at 70% 30%,rgba(194,98,46,.28),rgba(194,98,46,0) 60%),
	linear-gradient(160deg,var(--cr-umber),var(--cr-ink));
	border-color:rgba(231,225,214,.14)}
.cr-ph--warm .cr-ph__cap{color:rgba(231,225,214,.6)}
.cr-ph--warm .cr-ph__cap::before,.cr-ph--warm .cr-ph__cap::after{background:var(--cr-ember)}
.cr-ph--warm::after{mix-blend-mode:overlay}
.cr-ph--cool{background-image:radial-gradient(80% 70% at 30% 25%,rgba(154,171,159,.4),rgba(154,171,159,0) 60%),
	linear-gradient(185deg,#75846e,var(--cr-forest) 55%,#243230);
	border-color:rgba(231,225,214,.14)}
.cr-ph--cool .cr-ph__cap{color:rgba(231,225,214,.65)}
.cr-ph--cool .cr-ph__cap::before,.cr-ph--cool .cr-ph__cap::after{background:var(--cr-ember)}
.cr-ph--cool::after{mix-blend-mode:overlay}

/* ---------- появление при скролле: «дорогая» скорость Зайца ---------- */
.cr-reveal{opacity:0;transform:translateY(18px);
	transition:opacity 1.15s var(--cr-ease-rv),transform 1.15s var(--cr-ease-rv)}
.cr-reveal.is-in{opacity:1;transform:none}

/* ============================================================
   Шапка: плавающая ликвид-гласс-плашка. Раскладка макета:
   слева подпись «Crystal Istra · Новая Рига», в центре CRYSTAL,
   справа телефон + кнопка «Меню» (бургер).
   Прячется при скролле вниз (body.cr-hdr-hidden), возвращается вверх.
   body.cr-dark → вечернее стекло, белый логотип без фильтра.
   ============================================================ */
/* Плита шире контентной колонки ровно на своё внутреннее поле — поэтому
   подпись слева, логотип и «Меню» стоят на тех же вертикалях, что и текст
   секций страницы (см. --cr-gutter/--cr-content/--cr-plate-pad). */
.cr-header{position:sticky;top:var(--cr-hdr-off);z-index:60;
	max-width:var(--cr-frame);margin:var(--cr-hdr-off) auto 0;
	padding:0 max(0px,calc(var(--cr-gutter) - var(--cr-plate-pad)));
	transition:transform .5s var(--cr-ease),opacity .4s ease}
body.cr-hdr-hidden .cr-header{transform:translateY(-180%);opacity:0;pointer-events:none}
/* шапка спрятана — липкие полосы страниц (фильтр меню и т.п.) поднимаются
   к верху вместе с ней, а не висят с пустым зазором (рецепт Зайца) */
body.cr-hdr-hidden{--cr-hdr-h:14px;--cr-header-h:14px}
.cr-header__in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;
	height:var(--cr-hdr-plate);padding:0 var(--cr-plate-pad);border-radius:var(--cr-radius);
	background-color:var(--cr-glass-bg);background-image:var(--cr-glass-grad);
	-webkit-backdrop-filter:var(--cr-glass-blur);backdrop-filter:var(--cr-glass-blur);
	border:var(--cr-glass-border);box-shadow:var(--cr-glass-shadow);
	color:var(--cr-umber)}
.cr-header__in>*{position:relative;z-index:1;transform:translateZ(0)}
.cr-header__label{display:none;font-size:9.5px;font-weight:400;letter-spacing:.3em;
	color:rgba(42,35,28,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr-header__logo{justify-self:center;display:inline-flex;align-items:center;padding:0 12px}
.cr-header__logo .cr-logo{height:16px;width:auto;
	filter:brightness(0);opacity:.85; /* белый wordmark → умбра на светлом стекле */
	transition:opacity .22s ease}
.cr-header__logo:hover .cr-logo{opacity:1}
.cr-header__right{justify-self:end;display:flex;align-items:center;gap:clamp(18px,2.6vw,34px)}
.cr-header__phone{display:none;font-size:11px;letter-spacing:.18em;white-space:nowrap;
	color:inherit;opacity:.85;font-variant-numeric:tabular-nums;transition:color .25s ease,opacity .25s ease}
.cr-header__phone:hover{color:var(--cr-bordeaux);opacity:1}
.cr-header__burger{display:inline-flex;align-items:center;gap:10px;
	font-size:11px;font-weight:400;letter-spacing:.26em;color:inherit;
	padding:10px 0;transition:color .25s ease}
.cr-header__burger:hover{color:var(--cr-bordeaux)}
.cr-header__lines{display:flex;flex-direction:column;gap:5px}
.cr-header__lines span{display:block;height:1px;background:currentColor;transition:width .3s var(--cr-ease)}
.cr-header__lines span:first-child{width:22px}
.cr-header__lines span:last-child{width:14px}
.cr-header__burger:hover .cr-header__lines span:last-child{width:22px}
/* вечернее стекло на тёмных страницах */
body.cr-dark .cr-header__in,
body.cr-hdr-dark .cr-header__in{
	background-color:var(--cr-glass-dark-bg);background-image:var(--cr-glass-dark-grad);
	-webkit-backdrop-filter:var(--cr-glass-dark-blur);backdrop-filter:var(--cr-glass-dark-blur);
	border:var(--cr-glass-dark-border);box-shadow:var(--cr-glass-dark-shadow);
	color:var(--cr-stone)}
body.cr-dark .cr-header__label,body.cr-hdr-dark .cr-header__label{color:rgba(231,225,214,.55)}
body.cr-dark .cr-header__logo .cr-logo,
body.cr-hdr-dark .cr-header__logo .cr-logo{filter:none;opacity:.95} /* белый PNG как есть */
body.cr-dark .cr-header__phone:hover,body.cr-dark .cr-header__burger:hover,
body.cr-hdr-dark .cr-header__phone:hover,body.cr-hdr-dark .cr-header__burger:hover{color:var(--cr-ember)}
/* переключение темы плашки — мягкое, без мигания на границе блока */
.cr-header__in{transition:background-color .45s ease,color .45s ease,box-shadow .45s ease}
.cr-header__logo .cr-logo{transition:opacity .22s ease,filter .45s ease}
body.admin-bar .cr-header{top:calc(32px + var(--cr-hdr-off))}
@media(max-width:782px){body.admin-bar .cr-header{top:calc(46px + var(--cr-hdr-off))}}
@media(min-width:640px){.cr-header__phone{display:inline}}
@media(min-width:880px){.cr-header__label{display:block}}
@media(min-width:1080px){.cr-header__logo .cr-logo{height:19px}}

/* ============================================================
   Бургер-оверлей: карта сайта на вечернем стекле в два уровня.
   Слева шесть разделов с подписями, справа вложенные разделы и
   контакты; номеров пунктов нет (фидбек 17.08).
   ============================================================ */
.cr-burger{position:fixed;inset:0;z-index:90;opacity:0;visibility:hidden;pointer-events:none;
	transition:opacity .5s var(--cr-ease),visibility .5s;
	background:rgba(22,18,14,.55);
	-webkit-backdrop-filter:blur(26px) saturate(1.15);backdrop-filter:blur(26px) saturate(1.15)}
.cr-burger.is-open{opacity:1;visibility:visible;pointer-events:auto}
.cr-burger__panel{position:absolute;inset:0;overflow-y:auto;color:var(--cr-linen);
	background-image:linear-gradient(180deg,rgba(42,35,28,.55),rgba(22,18,14,.68)),
		radial-gradient(110% 60% at 50% 110%,rgba(194,98,46,.18),rgba(194,98,46,0) 62%);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
	transform:translateY(-14px);transition:transform .5s var(--cr-ease)}
.cr-burger.is-open .cr-burger__panel{transform:none}
/* Раскладка карты сайта (редакция 17.08 по фидбеку Константина):
   шапка оверлея стоит ровно на линии плашки шапки сайта (не «едет» вниз),
   слева — шесть главных разделов крупной колонкой, справа — второй список
   (вложенные разделы) и контактный блок. Номеров пунктов нет. */
.cr-burger__in{max-width:var(--cr-frame);margin:0 auto;min-height:100%;
	display:flex;flex-direction:column;
	padding:var(--cr-hdr-off) var(--cr-gutter) clamp(24px,4vh,40px)}
.cr-burger__head{flex:none;display:flex;justify-content:space-between;align-items:center;gap:20px;
	height:var(--cr-hdr-plate)}
.cr-burger__eyebrow{display:inline-flex;align-items:center;gap:12px;
	font-size:.63rem;letter-spacing:.3em;color:rgba(231,225,214,.55)}
.cr-burger__eyebrow::before{content:"";flex:none;width:5px;height:5px;background:var(--cr-ember);
	transform:rotate(45deg)}
.cr-burger__close{display:inline-flex;align-items:center;gap:10px;
	font-size:.69rem;letter-spacing:.26em;color:var(--cr-linen);transition:color .25s ease}
.cr-burger__close svg{width:15px;height:15px;flex:none;opacity:.75;transition:transform .35s var(--cr-ease)}
.cr-burger__close:hover{color:var(--cr-ember)}
.cr-burger__close:hover svg{transform:rotate(90deg)}

.cr-burger__body{margin-top:clamp(26px,5vh,54px);display:grid;gap:clamp(28px,4vh,44px)}
@media(min-width:900px){
	.cr-burger__body{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
		column-gap:clamp(40px,6vw,96px);align-items:start}
}

/* главные разделы: строки-hairline, сдвиг на ховере вместо номеров */
.cr-burger__main{display:flex;flex-direction:column;border-top:1px solid var(--cr-line-dark)}
.cr-burger__link{position:relative;display:flex;align-items:baseline;
	gap:8px 18px;flex-wrap:wrap;
	padding:clamp(12px,3.2vh,32px) 0;border-bottom:1px solid var(--cr-line-dark);
	color:var(--cr-linen);font-weight:250;letter-spacing:.02em;
	font-size:clamp(1.31rem,2.9vw,2.25rem);line-height:1.2;
	transition:color .25s ease,padding-left .4s var(--cr-ease)}
.cr-burger__link:hover,.cr-burger__link:focus-visible{color:var(--cr-ember);padding-left:12px}
.cr-burger__hint{font-size:.63rem;font-weight:400;letter-spacing:.22em;
	color:rgba(231,225,214,.38);transition:color .25s ease}
.cr-burger__link:hover .cr-burger__hint{color:rgba(231,225,214,.55)}
/* текущий раздел — ромбик на поле, без номера */
.cr-burger__link.is-current{color:var(--cr-linen);padding-left:22px}
.cr-burger__link.is-current::before{content:"";position:absolute;left:2px;top:calc(50% - 3px);
	width:5px;height:5px;background:var(--cr-ember);transform:rotate(45deg)}

/* второй список и контакты */
.cr-burger__aside{display:flex;flex-direction:column;gap:clamp(22px,3.4vh,34px)}
.cr-burger__groups{display:grid;gap:clamp(20px,3vh,30px) clamp(24px,3vw,44px);
	grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));
	padding-top:clamp(18px,2.6vh,26px);border-top:1px solid var(--cr-line-dark)}
.cr-burger__group{display:flex;flex-direction:column}
.cr-burger__gh{margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--cr-line-dark);
	font-size:.6rem;font-weight:400;letter-spacing:.3em;color:rgba(231,225,214,.4)}
.cr-burger__subs{display:flex;flex-direction:column;gap:11px}
.cr-burger__sub{font-size:.94rem;font-weight:300;letter-spacing:.02em;
	color:rgba(241,235,225,.78);transition:color .22s ease}
.cr-burger__sub:hover{color:var(--cr-ember)}
.cr-burger__contact{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.cr-burger__phone{font-weight:250;font-size:clamp(1.31rem,2.6vw,1.75rem);letter-spacing:.04em;
	color:var(--cr-linen);font-variant-numeric:tabular-nums;transition:color .25s ease}
.cr-burger__phone:hover{color:var(--cr-ember)}
.cr-burger__hours{font-size:.63rem;letter-spacing:.24em;color:rgba(231,225,214,.5);line-height:1.9}
.cr-burger__addr{font-size:.78rem;font-weight:300;color:rgba(231,225,214,.45);line-height:1.7}
.cr-burger__contact .cr-btn{margin-top:8px}

.cr-burger__legal{margin-top:auto;padding-top:clamp(20px,3vh,28px);
	border-top:1px solid var(--cr-line-dark);
	display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}
.cr-burger__legal a{font-size:.69rem;letter-spacing:.08em;color:rgba(231,225,214,.45);
	transition:color .22s ease}
.cr-burger__legal a:hover{color:var(--cr-ember)}
.cr-burger .cr-soc{margin-left:auto;margin-top:0}
.cr-burger .cr-soc a{width:40px;height:40px;border-color:rgba(255,255,255,.25);
	color:rgba(241,235,225,.78)}
.cr-burger .cr-soc a:hover{border-color:var(--cr-ember);color:var(--cr-ember)}
@media(max-width:899px){
	.cr-burger__link{padding:clamp(12px,2.2vh,20px) 0}
	.cr-burger__legal{margin-top:clamp(24px,4vh,36px)}
	.cr-burger .cr-soc{margin-left:0;width:100%}
}

/* ---------- соцсети-иконки ---------- */
.cr-soc{display:flex;gap:12px;margin-top:6px}
.cr-soc a{width:42px;height:42px;border-radius:50%;border:1px solid rgba(42,35,28,.25);
	display:inline-flex;align-items:center;justify-content:center;color:var(--cr-ink-soft);
	background:transparent;transition:color .25s ease,border-color .25s ease,transform .25s ease}
.cr-soc a:hover{color:var(--cr-bordeaux);border-color:var(--cr-bordeaux);transform:translateY(-2px)}
.cr-soc svg{width:19px;height:19px}

/* ============================================================
   Футер: стеклянная плита (реф — v1-макет + рецепт Зайца).
   Светлые страницы — тёплое стекло на льне; body.cr-dark — вечернее.
   ============================================================ */
.cr-footer{padding:clamp(56px,9vh,110px) max(0px,calc(var(--cr-gutter) - var(--cr-plate-pad)))
	calc(20px + env(safe-area-inset-bottom,0px))}
.cr-footer__plate{position:relative;max-width:calc(var(--cr-content) + var(--cr-plate-pad) * 2);
	margin:0 auto;padding:clamp(26px,4vw,42px) var(--cr-plate-pad);border-radius:14px;
	background-color:var(--cr-glass-bg);background-image:var(--cr-glass-grad);
	-webkit-backdrop-filter:var(--cr-glass-blur);backdrop-filter:var(--cr-glass-blur);
	border:var(--cr-glass-border);box-shadow:var(--cr-glass-shadow);
	color:var(--cr-umber)}
.cr-footer__plate>*{position:relative;z-index:1}
.cr-footer__top{display:flex;flex-wrap:wrap;gap:28px;align-items:center;
	justify-content:space-between}
.cr-footer__brand{display:flex;flex-direction:column;gap:8px}
.cr-footer__brand .cr-logo{height:15px;width:auto;filter:brightness(0);opacity:.85}
.cr-footer__tagline{font-size:9.5px;letter-spacing:.28em;color:rgba(42,35,28,.55)}
.cr-footer__nav{display:flex;gap:12px 26px;flex-wrap:wrap}
.cr-footer__nav a{font-size:.66rem;font-weight:400;letter-spacing:.26em;
	color:inherit;opacity:.8;white-space:nowrap;transition:color .22s ease,opacity .22s ease}
.cr-footer__nav a:hover{color:var(--cr-bordeaux);opacity:1}
.cr-footer__mid{display:grid;gap:28px;margin-top:32px;padding-top:24px;
	border-top:1px solid var(--cr-line)}
.cr-footer__h{font-size:.63rem;font-weight:400;letter-spacing:.26em;
	color:rgba(42,35,28,.55);margin-bottom:12px}
.cr-footer__col{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.cr-footer__col a,.cr-footer__col span{font-size:.88rem;color:inherit;line-height:1.6}
.cr-footer__col a:hover{color:var(--cr-bordeaux)}
.cr-footer__phone{font-size:clamp(1.25rem,2.4vw,1.63rem);font-weight:250;letter-spacing:.04em}
.cr-footer__dim{color:rgba(42,35,28,.6);font-size:.81rem}
.cr-footer__book{margin-top:6px}
.cr-footer__bottom{display:flex;flex-direction:column;align-items:flex-start;gap:10px;
	margin-top:28px;padding-top:18px;border-top:1px solid var(--cr-line);
	font-size:.72rem;letter-spacing:.08em;color:rgba(42,35,28,.55)}
.cr-footer__legal{display:flex;flex-wrap:wrap;gap:8px 18px}
.cr-footer__legal a,.cr-footer__made{color:inherit;transition:color .22s ease}
.cr-footer__legal a:hover{color:var(--cr-bordeaux)}
@media(min-width:640px){.cr-footer__mid{grid-template-columns:1.2fr 1fr auto;align-items:start}}
@media(min-width:900px){
	.cr-footer__bottom{flex-direction:row;align-items:center;justify-content:space-between;gap:24px}
}
/* вечерняя вариация плиты */
body.cr-dark .cr-footer__plate{
	background-color:var(--cr-glass-dark-bg);background-image:var(--cr-glass-dark-grad);
	-webkit-backdrop-filter:var(--cr-glass-dark-blur);backdrop-filter:var(--cr-glass-dark-blur);
	border:var(--cr-glass-dark-border);box-shadow:var(--cr-glass-dark-shadow);
	color:var(--cr-stone)}
body.cr-dark .cr-footer__brand .cr-logo{filter:none;opacity:.95}
body.cr-dark .cr-footer__tagline,body.cr-dark .cr-footer__h,
body.cr-dark .cr-footer__bottom{color:rgba(231,225,214,.5)}
body.cr-dark .cr-footer__dim{color:rgba(231,225,214,.6)}
body.cr-dark .cr-footer__mid,body.cr-dark .cr-footer__bottom{border-top-color:var(--cr-line-dark)}
body.cr-dark .cr-footer__nav a:hover,body.cr-dark .cr-footer__col a:hover,
body.cr-dark .cr-footer__legal a:hover{color:var(--cr-ember)}
body.cr-dark .cr-footer .cr-soc a{border-color:rgba(255,255,255,.25);color:rgba(241,235,225,.78)}
body.cr-dark .cr-footer .cr-soc a:hover{border-color:var(--cr-ember);color:var(--cr-ember)}

/* ---------- формы (светлый базовый слой; банкетная стеклянная —
   в css своей страницы, модалка брони — в cr-booking.css) ---------- */
.cr-form{display:flex;flex-direction:column;gap:16px}
.cr-form input,.cr-form select,.cr-form textarea{width:100%;font:inherit;font-size:1rem;
	font-weight:300;color:var(--cr-umber);background:rgba(255,255,255,.55);
	border:1px solid rgba(42,35,28,.18);border-radius:8px;padding:13px 16px;outline:none;
	transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;
	-webkit-appearance:none;appearance:none}
.cr-form input:focus,.cr-form select:focus,.cr-form textarea:focus{
	border-color:var(--cr-bordeaux);background:rgba(255,255,255,.8);
	box-shadow:0 0 0 3px rgba(107,34,51,.12)}
.cr-form ::placeholder{color:var(--cr-ink-soft);opacity:.55}
.cr-form textarea{min-height:96px;resize:vertical}
.cr-field{display:flex;flex-direction:column;gap:6px}
.cr-field>span{font-size:.6rem;font-weight:400;letter-spacing:.16em;text-transform:none;
	color:var(--cr-ink-soft)}
.cr-form__row{display:grid;gap:16px}
@media(min-width:640px){.cr-form__row{grid-template-columns:1fr 1fr}}
/* форма в тёмной секции (финал Банкетов): поля на полупрозрачном льне */
.cr-section--ink .cr-form input,.cr-section--ink .cr-form select,.cr-section--ink .cr-form textarea,
.cr-section--ember .cr-form input,.cr-section--ember .cr-form select,.cr-section--ember .cr-form textarea{
	color:var(--cr-linen);background:rgba(241,235,225,.08);
	border-color:rgba(231,225,214,.22)}
.cr-section--ink .cr-form input:focus,.cr-section--ink .cr-form select:focus,
.cr-section--ink .cr-form textarea:focus,
.cr-section--ember .cr-form input:focus,.cr-section--ember .cr-form select:focus,
.cr-section--ember .cr-form textarea:focus{
	border-color:rgba(231,225,214,.55);background:rgba(241,235,225,.12);
	box-shadow:0 0 0 3px rgba(231,225,214,.08)}
.cr-section--ink .cr-form ::placeholder,.cr-section--ember .cr-form ::placeholder{
	color:rgba(231,225,214,.4);opacity:1}
.cr-section--ink .cr-field>span,.cr-section--ember .cr-field>span{color:rgba(231,225,214,.55)}

/* ---------- prefers-reduced-motion ---------- */
@media(prefers-reduced-motion:reduce){
	html{scroll-behavior:auto}
	*,*::before,*::after{transition:none!important;animation:none!important}
	.cr-reveal{opacity:1;transform:none}
	body.cr-hdr-hidden .cr-header{transform:none;opacity:1;pointer-events:auto}
}


/* ============================================================
   Шапка на телефоне (правка 17.08).
   Плашка построена гридом 1fr auto 1fr под три блока: подпись слева,
   логотип по центру, телефон+бургер справа. Ниже 880px подпись скрыта
   (display:none) — и оставшиеся два блока садятся в ПЕРВЫЕ две колонки,
   а третья остаётся пустой: логотип уезжал к центру левой половины,
   «Меню» липло к нему, справа зияла дыра. На телефоне грид из двух
   колонок: лого слева, «Меню» прижато к правому краю.
   ============================================================ */
@media(max-width:879px){
	.cr-header__in{grid-template-columns:auto 1fr}
	.cr-header__logo{justify-self:start;padding:0}
	.cr-header__right{justify-self:end}
}