@font-face{font-family:"Inter Lead";src:url("/panel/face/lead-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Lead";src:url("/panel/face/lead-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat Prose";src:url("/panel/face/prose-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat Prose";src:url("/panel/face/prose-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat Prose";src:url("/panel/face/prose-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat Prose";src:url("/panel/face/prose-500i.woff2") format("woff2");font-weight:500;font-style:italic;font-display:swap}

:root{
	--clr-anchor:#1e0d0d;
	--clr-key:#fd7223;
	--clr-action-down:#e95001;
	--clr-page:#0b0505;
	--clr-surface-2:#180a0a;
	--clr-reading:#FFFFFF;
	--clr-dim:#bfbfbf;
	--clr-hairline:#3b2019;
	--clr-edge-hard:#5d332a;
	--clr-gradient-light:#c60f26;
	--clr-fade-bottom:#fde005;
	--clr-caution:#ad2831;

	--gap-2xs:6px;
	--gap-xs:14px;
	--gap-sm:20px;
	--gap-md:32px;
	--gap-lg:48px;
	--gap-xl:72px;
	--gap-2xl:112px;
	--gap-3xl:160px;

	--crn-2xs:1px 1px 0 0;
	--crn-xs:2px 2px 0 0;
	--crn-sm:6px 6px 0 0;
	--crn-md:12px 12px 0 0;
	--crn-lg:20px 20px 0 0;
	--crn-xl:28px 28px 0 0;
	--crn-2xl:36px 36px 0 0;
	--crn-3xl:48px 48px 0 0;
	--crn-lozenge:9999px 9999px 0 0;
	--crn-orb:50%;

	--ff-lead:"Inter Lead","Inter",system-ui,sans-serif;
	--ff-prose:"Montserrat Prose","Montserrat",system-ui,sans-serif;

	--ts-xxl:52px;
	--ts-head:32px;
	--ts-lg-2:24px;
	--ts-md-2:19px;
	--ts-h5:16px;
	--ts-micro-head:14px;
	--ts-copy:17px;
	--ts-caption:14px;
	--ts-xs:12px;

	--lh-compact:1.15;
	--lh-normal:1.55;
	--lh-loose:1.7;

	--ls-tight:0;
	--ls-normal:0;
	--ls-airy:0.02em;

	--wg-regular:400;
	--wg-medium:500;
	--wg-heavy:700;

	--dep-2xs:0 1px 0 rgba(0,0,0,0.25);
	--dep-xs:0 -1px 0 rgba(0,0,0,0.08) inset;
	--dep-sm:0 2px 4px rgba(0,0,0,0.30);
	--dep-md:0 4px 12px rgba(0,0,0,0.38);
	--dep-lg:0 10px 28px rgba(0,0,0,0.46);
	--dep-xl:0 16px 40px rgba(0,0,0,0.52);
	--dep-2xl:0 22px 56px rgba(0,0,0,0.58);
	--dep-3xl:0 30px 72px rgba(0,0,0,0.64);

	--dur-short:226ms;
	--dur-regular:390ms;
	--dur-gentle:719ms;
	--ease-settle:cubic-bezier(0.35, 0.65, 0.41, 0.95);
	--ease-in:cubic-bezier(0.32, 0.00, 0.67, 0.00);
	--ease-even:cubic-bezier(0.45, 0.05, 0.39, 0.98);
	--ease-pop:cubic-bezier(0.24, 1.75, 0.73, 1.20);

	--cont-max:1440px;
	--cont-readable:1440px;
	--cont-pad-lg:40px;
	--cont-padding-tablet:24px;
	--cont-pad-sm:16px;

	--rl-thin:1px;
	--rl-mid:2px;
	--rl-bold:3px;

	--hd-size-desktop:54px;
	--hd-height-mobile:54px;

	--sec-y:46px;
	--tight-col:430px;
	--shell-w:calc(var(--cont-max) + 2 * var(--cont-pad-lg));
}

@media (max-width:859px){
	:root{
		--ts-xxl:30px;
		--ts-head:24px;
		--ts-lg-2:20px;
		--ts-md-2:17px;
		--ts-h5:15px;
		--ts-micro-head:13px;
		--ts-copy:16px;
		--ts-caption:13px;
		--ts-xs:11px;
		--sec-y:34px;
		--cont-pad-lg:16px;
	}
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html,body{overflow-x:clip}
body{
	margin:0;
	display:flex;
	flex-direction:column;
	min-height:100vh;
	background:var(--clr-page);
	color:var(--clr-reading);
	font-family:var(--ff-prose);
	font-size:var(--ts-copy);
	font-weight:var(--wg-regular);
	line-height:var(--lh-normal);
	letter-spacing:var(--ls-normal);
}
img{max-width:100%;height:auto;display:block}
svg{fill:currentColor}
a{color:var(--clr-key);text-underline-offset:3px}
a:hover{color:var(--clr-action-down)}
h1,h2,h3,h4,h5,h6{overflow-wrap:anywhere;margin:0}
h1{font-family:var(--ff-lead);font-weight:var(--wg-heavy);font-size:var(--ts-xxl);line-height:var(--lh-compact);letter-spacing:var(--ls-tight)}
h2{font-family:var(--ff-lead);font-weight:var(--wg-heavy);font-size:var(--ts-head);line-height:var(--lh-compact)}
h3{font-family:var(--ff-prose);font-weight:var(--wg-medium);font-style:italic;font-size:var(--ts-lg-2);line-height:var(--lh-compact)}
h4{font-family:var(--ff-prose);font-weight:var(--wg-medium);font-size:var(--ts-md-2)}
h5{font-family:var(--ff-prose);font-weight:var(--wg-medium);font-size:var(--ts-h5)}
h6{font-family:var(--ff-prose);font-weight:var(--wg-medium);font-size:var(--ts-micro-head)}
p{margin:0}
ul,ol{margin:0}
table{border-collapse:collapse}
button{font:inherit}

.skip-step{
	position:fixed;
	left:var(--gap-sm);
	top:var(--gap-sm);
	z-index:400;
	background:var(--clr-key);
	color:var(--clr-anchor);
	font-family:var(--ff-lead);
	font-weight:var(--wg-heavy);
	font-size:var(--ts-caption);
	padding:10px 18px;
	border-radius:var(--crn-sm);
	text-decoration:none;
}
.skip-step:not(:focus){top:-200px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.socle{flex:1 0 auto;display:block}

/* ── Плашка 18+ (RG-04) ─────────────────────────────────────────── */
.marque{
	display:block;
	text-align:center;
	background:var(--clr-anchor);
	color:var(--clr-dim);
	border-block-end:var(--rl-bold) solid var(--clr-caution);
	font-size:var(--ts-xs);
	line-height:1.45;
	padding-block:7px;
	padding-inline:var(--cont-pad-sm);
}
.marque-hold{display:block;max-width:var(--shell-w);margin-inline:auto}
.marque-orb{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background:var(--clr-caution);
	color:var(--clr-reading);
	font-family:var(--ff-lead);
	font-weight:var(--wg-heavy);
	font-size:var(--ts-xs);
	min-width:34px;
	padding:2px 7px;
	border-radius:var(--crn-xs);
	margin-inline-end:8px;
}
.marque-say{color:var(--clr-dim)}
.marque-step{
	color:var(--clr-dim);
	text-decoration:underline;
	text-decoration-color:var(--clr-caution);
	text-decoration-thickness:2px;
}
.marque-step:hover{color:var(--clr-reading)}

/* ── Шапка HEAD-UTIL ────────────────────────────────────────────── */
.buffet{
	position:sticky;
	top:0;
	z-index:100;
	background:var(--clr-page);
	border-bottom:var(--rl-thin) solid var(--clr-hairline);
}
.buffet-utility{
	background:var(--clr-anchor);
	color:var(--clr-dim);
	border-bottom:var(--rl-thin) solid var(--clr-hairline);
}
.buffet-hold{
	max-width:var(--shell-w);
	margin-inline:auto;
	padding-inline:var(--gap-sm);
	display:flex;
	align-items:center;
	gap:var(--gap-xs);
}
.buffet-hold--thin{min-height:30px;justify-content:space-between}
.buffet-flag{
	display:inline-block;
	width:24px;
	height:16px;
	flex-shrink:0;
	border:var(--rl-thin) solid var(--clr-hairline);
	background:linear-gradient(180deg,#000000 0 33.3%,#dd0000 33.3% 66.6%,#ffce00 66.6% 100%);
}
.buffet-desk{
	font-size:var(--ts-xs);
	color:var(--clr-dim);
	letter-spacing:var(--ls-airy);
	text-transform:none;
}
.buffet-strip{
	min-height:54px;
	padding-block:6px;
	background:var(--clr-page);
}
.buffet-crest{
	display:inline-flex;
	align-items:center;
	flex-shrink:0;
	order:2;
	background:var(--clr-surface-2);
	color:var(--clr-reading);
	padding:5px 12px;
	border-radius:var(--crn-sm);
	text-decoration:none;
}
.buffet-shot{height:48px;width:auto;flex-shrink:0}
.buffet-switch{
	order:1;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	min-height:44px;
	min-width:44px;
	padding:0 10px;
	background:var(--clr-surface-2);
	color:var(--clr-reading);
	border:0;
	border-radius:var(--crn-sm);
	cursor:pointer;
	font-size:var(--ts-caption);
	font-weight:600;
	white-space:nowrap;
}
.buffet-word{display:inline-block}
.buffet-lines{
	display:inline-block;
	width:18px;
	height:18px;
	background-image:radial-gradient(currentColor 2px,transparent 2.5px);
	background-size:9px 9px;
	background-position:1px 1px;
}
.buffet-links{
	order:3;
	display:flex;
	align-items:center;
	gap:var(--gap-xs);
	margin-inline-start:auto;
	min-width:0;
	overflow:visible;
}
.buffet-list{
	display:flex;
	align-items:center;
	gap:var(--gap-xs);
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	min-width:0;
}
.buffet-node{position:relative;display:flex;align-items:center}
.buffet-node[hidden]{display:none}
.buffet-node + .buffet-node::before{
	content:"\00B7";
	color:var(--clr-edge-hard);
	margin-inline-end:var(--gap-xs);
}
.buffet-step{
	display:inline-flex;
	align-items:center;
	min-height:44px;
	padding-inline:8px;
	color:var(--clr-dim);
	background:var(--clr-page);
	font-size:15px;
	font-weight:600;
	line-height:1.2;
	white-space:nowrap;
	text-decoration:none;
	border-radius:var(--crn-xs);
	transition:color var(--dur-short) var(--ease-settle),background var(--dur-short) var(--ease-settle);
}
.buffet-step:hover{color:var(--clr-reading);background:var(--clr-surface-2)}
.buffet-node--now .buffet-step{color:var(--clr-key);background:var(--clr-page)}
.buffet-more{position:relative;display:flex;align-items:center;flex-shrink:0}
.buffet-more[hidden]{display:none}
.buffet-more-switch{
	display:inline-flex;
	align-items:center;
	gap:6px;
	min-height:44px;
	padding-inline:12px;
	background:var(--clr-surface-2);
	color:var(--clr-reading);
	border:var(--rl-thin) solid var(--clr-hairline);
	border-radius:var(--crn-xs);
	font-size:15px;
	font-weight:600;
	cursor:pointer;
	white-space:nowrap;
}
.buffet-more-switch:hover{background:var(--clr-anchor);color:var(--clr-key)}
.buffet-more-pane{
	position:absolute;
	inset-block-start:calc(100% + 6px);
	inset-inline-end:0;
	z-index:120;
	display:none;
	min-width:220px;
	max-height:70vh;
	overflow-y:auto;
	list-style:none;
	margin:0;
	padding:8px;
	background:var(--clr-anchor);
	color:var(--clr-reading);
	border:var(--rl-thin) solid var(--clr-edge-hard);
	border-radius:var(--crn-sm);
	box-shadow:var(--dep-lg);
}
.buffet-more-pane.is-open{display:block}
.buffet-more-pane .buffet-node{display:block}
.buffet-more-pane .buffet-node + .buffet-node::before{content:none;margin:0}
.buffet-more-pane .buffet-step{display:flex;width:100%;background:var(--clr-anchor)}
.buffet-more-pane .buffet-step:hover{background:var(--clr-surface-2)}
.buffet-tray{
	display:none;
	background:var(--clr-anchor);
	border-top:var(--rl-thin) solid var(--clr-hairline);
	padding:var(--gap-sm) var(--cont-pad-sm) var(--gap-md);
}
.buffet-tray.is-open{display:block;}
.buffet-tray-list{
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	flex-direction:column;
}
.buffet-tray-node{display:block}
.buffet-tray-step{
	display:flex;
	align-items:center;
	min-height:48px;
	padding-inline:10px;
	color:var(--clr-reading);
	background:var(--clr-anchor);
	font-size:var(--ts-h5);
	font-weight:600;
	text-decoration:none;
	border-bottom:var(--rl-thin) solid var(--clr-hairline);
}
.buffet-tray-step:hover{color:var(--clr-key);background:var(--clr-surface-2)}
.buffet-tray-node:last-child .buffet-tray-step{border-bottom:0}
.buffet-tray-node--now .buffet-tray-step{color:var(--clr-key)}

@media (max-width:1159px){
	.buffet-links{display:none}
	.buffet-crest{order:2;margin-inline-start:auto}
	.buffet-desk{display:none}
	.buffet-hold--thin{justify-content:center}
}
@media (min-width:1160px){
	.buffet-links{display:flex}
	.buffet-tray{display:none}
	.buffet-switch{display:none}
}

/* ── Общая ширина секций ────────────────────────────────────────── */
.fresque-frame,.tympan-frame,.etiquette-frame,.vestibule-frame,.pave-frame,
.volume-frame,.secteur-frame,.quai-frame,.grille-frame,.registre-frame,
.vitrail-frame,.vignette-frame,.voussure-frame,.billet-frame,.lutrin-frame{
	max-width:calc(var(--cont-max) + 2 * var(--cont-pad-lg));
	margin-inline:auto;
	padding-inline:var(--cont-pad-lg);
	display:block;
	width:100%;
}
.fresque,.tympan,.etiquette,.vestibule,.pave,.volume,.secteur,.quai,
.grille,.registre,.vitrail,.vignette,.voussure,.billet,.lutrin{
	display:block;
	padding-block:var(--sec-y);
}
.fresque{padding-block:0}

/* ── Хиро HERO-03 ───────────────────────────────────────────────── */
.fresque{
	position:relative;
	background-color:var(--clr-anchor);
	background-image:linear-gradient(180deg,rgba(11,5,5,0.72),rgba(11,5,5,0.94)),url("/panel/focus-prime.webp");
	background-size:cover;
	background-position:center;
	border-bottom:var(--rl-thin) solid var(--clr-hairline);
	color:var(--clr-reading);
	text-align:center;
}
.fresque-frame{padding-block:84px 72px}
.fresque-eyebrow{
	display:inline-block;
	font-family:var(--ff-prose);
	font-size:var(--ts-xs);
	font-weight:var(--wg-heavy);
	letter-spacing:var(--ls-airy);
	text-transform:uppercase;
	color:var(--clr-key);
	background:var(--clr-anchor);
	padding:6px 14px;
	border-radius:var(--crn-xs);
	margin-block-end:var(--gap-md);
}
.fresque-mark{color:var(--clr-reading);margin-block-end:var(--gap-md)}
.fresque-under{
	max-width:var(--tight-col);
	margin-inline:auto;
	color:var(--clr-dim);
	font-size:var(--ts-copy);
	line-height:var(--lh-loose);
}
.fresque-deck{display:flex;justify-content:center;margin-block:var(--gap-lg) var(--gap-sm)}
.fresque-note{
	display:block;
	max-width:var(--tight-col);
	margin-inline:auto;
	color:var(--clr-dim);
	font-size:var(--ts-xs);
}

/* ── Шапка страницы PHEAD-06 ────────────────────────────────────── */
.tympan{background:var(--clr-page);color:var(--clr-reading)}
.tympan-mark{color:var(--clr-reading)}
.tympan-rule{
	display:block;
	width:40px;
	height:1px;
	background:var(--clr-edge-hard);
	margin-block:var(--gap-md) var(--gap-sm);
	margin-inline:0;
	border:0;
}
.tympan-under{
	font-style:italic;
	font-size:var(--ts-h5);
	color:var(--clr-dim);
	line-height:var(--lh-normal);
}
.tympan-info{
	display:block;
	margin-block-start:var(--gap-sm);
	font-size:var(--ts-xs);
	color:var(--clr-dim);
}

/* ── Крошки BREAD-05 ────────────────────────────────────────────── */
.etiquette{padding-block:var(--gap-md) 0;background:var(--clr-page)}
.etiquette-list{
	display:flex;
	flex-wrap:wrap;
	align-items:baseline;
	list-style:none;
	margin:0;
	padding:0;
}
.etiquette-node{display:inline-flex;align-items:baseline}
.etiquette-node + .etiquette-node::before{
	content:"/";
	font-family:var(--ff-lead);
	font-weight:var(--wg-heavy);
	font-size:var(--ts-h5);
	color:var(--clr-key);
	margin-inline:var(--gap-xs);
}
.etiquette-step{
	font-family:var(--ff-lead);
	font-weight:var(--wg-heavy);
	font-size:var(--ts-h5);
	letter-spacing:var(--ls-tight);
	text-transform:uppercase;
	color:var(--clr-dim);
	background:var(--clr-page);
	text-decoration:none;
}
.etiquette-step:hover{color:var(--clr-key)}
.etiquette-node--now .etiquette-step{color:var(--clr-reading)}

/* ── Проза PROSE-25 (заголовок плашкой, полоса сверху) ──────────── */
.vestibule{background:var(--clr-page);color:var(--clr-reading)}
.vestibule-meat{display:block}
.vestibule-mark{
	display:block;
	width:100%;
	border-top:var(--rl-bold) solid var(--clr-key);
	padding-block:12px 10px;
	padding-inline:0;
	margin-block-end:var(--gap-sm);
	color:var(--clr-reading);
	background:var(--clr-page);
	text-align:start;
}
.vestibule-copy{
	color:var(--clr-reading);
	font-size:var(--ts-copy);
	line-height:var(--lh-normal);
	margin-block-end:var(--gap-sm);
}
.vestibule-copy a{color:var(--clr-key)}
.vestibule-copy strong{color:var(--clr-reading);font-weight:var(--wg-heavy)}
.vestibule-copy em{color:var(--clr-fade-bottom);font-style:italic}
.vestibule-list{
	margin-block-end:var(--gap-sm);
	padding-inline-start:var(--gap-sm);
	color:var(--clr-reading);
}
.vestibule-list li{margin-block-end:8px}
.vestibule-shot{
	display:block;
	width:100%;
	max-height:56vh;
	object-fit:cover;
	border-radius:var(--crn-md);
	border:var(--rl-thin) solid var(--clr-hairline);
	margin-block:var(--gap-md);
}
.vestibule-figure{margin:0;display:block}
.vestibule-caption{
	display:block;
	margin-block-start:10px;
	font-size:var(--ts-xs);
	color:var(--clr-dim);
}
.vestibule-strip{display:block}
.vestibule-strip + .vestibule-strip{margin-block-start:var(--gap-md)}

/* ── Сетка карточек GRID-04 ─────────────────────────────────────── */
.pave{background:var(--clr-page);color:var(--clr-reading)}
.pave-heading{
	color:var(--clr-reading);
	margin-block-end:var(--gap-md);
	border-top:var(--rl-bold) solid var(--clr-gradient-light);
	padding-block-start:12px;
}
.pave-list{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:var(--gap-lg);
}
.pave-tile{
	display:block;
	background:var(--clr-surface-2);
	color:var(--clr-reading);
	border:var(--rl-thin) solid var(--clr-hairline);
	border-radius:var(--crn-md);
	padding:var(--gap-md);
	transition:transform var(--dur-regular) var(--ease-settle),border-color var(--dur-regular) var(--ease-settle);
}
.pave-tile:hover{transform:translateY(-3px);border-color:var(--clr-key)}
.pave-orb{
	display:flex;
	align-items:center;
	justify-content:center;
	width:56px;
	height:56px;
	border-radius:var(--crn-orb);
	background:var(--clr-key);
	color:var(--clr-anchor);
	margin-block-end:var(--gap-sm);
}
.pave-orb svg{width:30px;height:30px}
.pave-mark{
	font-family:var(--ff-lead);
	font-weight:var(--wg-heavy);
	font-style:normal;
	font-size:var(--ts-md-2);
	color:var(--clr-reading);
	margin-block-end:12px;
}
.pave-copy{color:var(--clr-dim);font-size:var(--ts-copy);line-height:var(--lh-normal)}

/* ── Вопросы FAQ-08 ─────────────────────────────────────────────── */
.volume{background:var(--clr-page);color:var(--clr-reading)}
.volume-heading{
	color:var(--clr-reading);
	margin-block-end:var(--gap-md);
	border-top:var(--rl-bold) solid var(--clr-fade-bottom);
	padding-block-start:12px;
}
.volume-meat{
	background:var(--clr-surface-2);
	border:var(--rl-thin) solid var(--clr-hairline);
	border-radius:var(--crn-lg);
	padding:var(--gap-md);
}
.volume-node{
	position:relative;
	display:block;
	padding-inline-start:var(--gap-md);
	padding-block:var(--gap-sm);
	border-bottom:var(--rl-thin) solid var(--clr-hairline);
	box-shadow:inset 4px 0 0 var(--clr-key);
	background:var(--clr-surface-2);
	color:var(--clr-reading);
}
.volume-node:last-child{border-bottom:0}
.volume-mark{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:var(--gap-sm);
	cursor:pointer;
	list-style:none;
	font-family:var(--ff-lead);
	font-weight:var(--wg-heavy);
	font-style:normal;
	font-size:var(--ts-md-2);
	color:var(--clr-reading);
	background:var(--clr-surface-2);
}
.volume-mark::-webkit-details-marker{display:none}
.volume-mark::after{
	content:"+";
	font-family:var(--ff-lead);
	font-weight:var(--wg-heavy);
	font-size:var(--ts-lg-2);
	line-height:1;
	color:var(--clr-key);
	flex-shrink:0;
}
.volume-node[open] .volume-mark::after{content:"\2212"}
.volume-copy{
	margin-block-start:12px;
	color:var(--clr-dim);
	font-size:var(--ts-copy);
	line-height:var(--lh-normal);
}

/* ── Отзывы REV-10 ──────────────────────────────────────────────── */
.secteur{background:var(--clr-page);color:var(--clr-reading)}
.secteur-heading{
	color:var(--clr-reading);
	margin-block-end:var(--gap-md);
	border-top:var(--rl-bold) solid var(--clr-key);
	padding-block-start:12px;
}
.secteur-list{display:block;list-style:none;margin:0;padding:0}
.secteur-node{
	display:block;
	padding-block:var(--gap-md);
	border-bottom:var(--rl-thin) dotted var(--clr-edge-hard);
}
.secteur-info{
	display:block;
	margin-block-end:10px;
	color:var(--clr-dim);
	font-size:var(--ts-copy);
}
.secteur-author{font-weight:var(--wg-medium);color:var(--clr-reading)}
.secteur-orbit{color:var(--clr-key);letter-spacing:2px;margin-inline:8px}
.secteur-stamp{color:var(--clr-dim)}
.secteur-copy{
	display:block;
	margin:0;
	color:var(--clr-reading);
	font-size:var(--ts-copy);
	line-height:var(--lh-loose);
	quotes:none;
}
.secteur-copy p{margin:0}

/* ── Таблица TABLE-04 ───────────────────────────────────────────── */
.grille{background:var(--clr-page);color:var(--clr-reading)}
.grille-heading{
	color:var(--clr-reading);
	margin-block-end:var(--gap-md);
	border-top:var(--rl-bold) solid var(--clr-gradient-light);
	padding-block-start:12px;
}
.grille-scroll{display:block;width:100%;overflow-x:auto}
.grille-board{width:100%;min-width:560px;border-collapse:collapse;font-size:var(--ts-copy)}
.grille-board thead th{
	background:var(--clr-anchor);
	color:var(--clr-reading);
	font-family:var(--ff-lead);
	font-weight:var(--wg-heavy);
	font-size:var(--ts-micro-head);
	text-align:start;
	padding:14px var(--gap-sm);
	border-bottom:var(--rl-mid) solid var(--clr-edge-hard);
}
.grille-board thead th:first-child{background:var(--clr-anchor);color:var(--clr-key)}
.grille-board tbody td{
	background:var(--clr-page);
	color:var(--clr-dim);
	padding:14px var(--gap-sm);
	border-bottom:var(--rl-thin) solid var(--clr-hairline);
	vertical-align:top;
}
.grille-board tbody td:first-child{
	background:var(--clr-anchor);
	color:var(--clr-reading);
	font-weight:var(--wg-heavy);
	border-right:4px solid var(--clr-key);
}
.grille-caption{
	display:block;
	margin-block-start:12px;
	font-size:var(--ts-xs);
	color:var(--clr-dim);
}

/* ── Призыв CTA-03 (Split Visual + Text) ────────────────────────── */
.quai{background:var(--clr-page);color:var(--clr-reading)}
.quai-meat{
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(0,1fr);
	border:var(--rl-thin) solid var(--clr-hairline);
	border-radius:var(--crn-lg);
	overflow:hidden;
}
.quai-col{
	display:block;
	background:var(--clr-page);
	color:var(--clr-reading);
	padding:var(--gap-lg);
}
.quai-mark{color:var(--clr-reading);margin-block-end:var(--gap-sm)}
.quai-copy{
	color:var(--clr-dim);
	font-size:var(--ts-copy);
	line-height:var(--lh-normal);
	margin-block-end:var(--gap-md);
}
.quai-note{display:block;margin-block-start:var(--gap-sm);font-size:var(--ts-xs);color:var(--clr-dim)}
.quai-visual{
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:400px;
	background:var(--clr-gradient-light);
	background-image:linear-gradient(135deg,var(--clr-key),var(--clr-gradient-light) 55%,var(--clr-anchor));
	color:var(--clr-reading);
	padding:var(--gap-md);
}
.quai-numeral{
	font-family:var(--ff-lead);
	font-weight:var(--wg-heavy);
	font-size:96px;
	line-height:1;
	letter-spacing:var(--ls-tight);
	color:var(--clr-reading);
	text-align:center;
}
.quai-numeral span{display:block;font-size:var(--ts-md-2);letter-spacing:var(--ls-airy);text-transform:uppercase}

/* ── Врезка INLINE-CTA-01 ───────────────────────────────────────── */
.lutrin{background:var(--clr-anchor);color:var(--clr-reading);padding-block:var(--gap-sm)}
.lutrin-frame{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:var(--gap-md);
	flex-wrap:wrap;
}
.lutrin-copy{
	font-family:var(--ff-lead);
	font-size:var(--ts-h5);
	font-weight:var(--wg-heavy);
	color:var(--clr-reading);
	margin:0;
}

/* ── Юридические разделы LEGAL-03 ───────────────────────────────── */
.registre{background:var(--clr-page);color:var(--clr-reading)}
.registre-meat{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--gap-md)}
.registre-toc{
	align-self:start;
	position:sticky;
	top:110px;
	background:var(--clr-surface-2);
	color:var(--clr-reading);
	border:var(--rl-thin) solid var(--clr-hairline);
	border-radius:var(--crn-md);
	padding:var(--gap-sm);
}
.registre-heading{
	font-family:var(--ff-lead);
	font-weight:var(--wg-heavy);
	font-size:var(--ts-micro-head);
	text-transform:uppercase;
	letter-spacing:var(--ls-airy);
	color:var(--clr-key);
	margin-block-end:12px;
}
.registre-list{margin:0;padding-inline-start:var(--gap-sm);font-size:var(--ts-caption)}
.registre-list li{margin-block-end:8px}
.registre-step{color:var(--clr-dim);background:var(--clr-surface-2);text-decoration:none}
.registre-step:hover{color:var(--clr-key)}
.registre-strip{display:block;scroll-margin-top:130px}
.registre-strip + .registre-strip{margin-block-start:var(--gap-md)}
.registre-mark{
	color:var(--clr-reading);
	border-top:var(--rl-bold) solid var(--clr-key);
	padding-block-start:12px;
	margin-block-end:var(--gap-sm);
}
.registre-copy{color:var(--clr-reading);line-height:var(--lh-normal);margin-block-end:var(--gap-sm)}
.registre-roll{margin:0 0 var(--gap-sm);padding-inline-start:var(--gap-sm);color:var(--clr-reading)}
.registre-roll li{margin-block-end:8px}
.registre-note{
	display:block;
	margin-block-start:var(--gap-md);
	padding:var(--gap-sm);
	background:var(--clr-surface-2);
	color:var(--clr-dim);
	border:var(--rl-thin) solid var(--clr-hairline);
	border-radius:var(--crn-sm);
	font-size:var(--ts-caption);
}
.registre-stamp{display:block;margin-block-start:12px;font-size:var(--ts-xs);color:var(--clr-dim)}

/* ── Форма FORM-02 ──────────────────────────────────────────────── */
.vitrail{background:var(--clr-page);color:var(--clr-reading)}
.vitrail-meat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--gap-md)}
.vitrail-aside{
	background:var(--clr-surface-2);
	color:var(--clr-reading);
	border:var(--rl-thin) solid var(--clr-hairline);
	border-radius:var(--crn-md);
	padding:var(--gap-md);
}
.vitrail-heading{color:var(--clr-reading);margin-block-end:12px}
.vitrail-copy{color:var(--clr-dim);line-height:var(--lh-normal);margin-block-end:var(--gap-sm)}
.vitrail-list{list-style:none;margin:0;padding:0}
.vitrail-list li{margin-block-end:12px;color:var(--clr-dim);font-size:var(--ts-caption)}
.vitrail-step{color:var(--clr-key);background:var(--clr-surface-2)}
.vitrail-form{display:grid;gap:var(--gap-sm)}
.vitrail-slot{display:block}
.vitrail-mark{
	display:block;
	margin-block-end:8px;
	font-size:var(--ts-caption);
	font-weight:var(--wg-medium);
	color:var(--clr-dim);
}
.vitrail-input,.vitrail-area{
	display:block;
	width:100%;
	background:var(--clr-surface-2);
	color:var(--clr-reading);
	border:var(--rl-thin) solid var(--clr-edge-hard);
	border-radius:var(--crn-sm);
	padding:12px 14px;
	font-family:var(--ff-prose);
	font-size:var(--ts-copy);
	min-height:48px;
}
.vitrail-area{min-height:160px;resize:vertical}
.vitrail-input:focus,.vitrail-area:focus{outline:2px solid var(--clr-key);outline-offset:1px}
.vitrail-button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:48px;
	padding-inline:var(--gap-md);
	background:var(--clr-key);
	color:var(--clr-anchor);
	border:0;
	border-radius:var(--crn-sm);
	font-family:var(--ff-lead);
	font-weight:var(--wg-heavy);
	font-size:var(--ts-h5);
	cursor:pointer;
	justify-self:start;
	transition:transform var(--dur-short) var(--ease-settle),background var(--dur-short) var(--ease-settle);
}
.vitrail-button:hover{transform:translateY(-3px);background:var(--clr-action-down);color:var(--clr-anchor)}
.vitrail-note{
	display:none;
	margin-block-start:var(--gap-sm);
	padding:var(--gap-sm);
	background:var(--clr-surface-2);
	color:var(--clr-reading);
	border:var(--rl-thin) solid var(--clr-key);
	border-radius:var(--crn-sm);
	font-size:var(--ts-caption);
}
.vitrail-note.is-sent{display:block}

/* ── Карточка автора AUTH-08 ────────────────────────────────────── */
.vignette{background:var(--clr-page);color:var(--clr-reading)}
.vignette-meat{
	display:inline-flex;
	align-items:center;
	gap:var(--gap-sm);
	background:var(--clr-surface-2);
	color:var(--clr-reading);
	border:var(--rl-thin) solid var(--clr-hairline);
	border-radius:var(--crn-md);
	padding:var(--gap-sm) var(--gap-md);
}
.vignette-mug{
	display:block;
	width:140px;
	height:140px;
	flex-shrink:0;
	border-radius:var(--crn-orb);
	object-fit:cover;
	object-position:center top;
	border:var(--rl-mid) solid var(--clr-key);
}
.vignette-body{display:block}
.vignette-author{
	font-family:var(--ff-lead);
	font-weight:var(--wg-heavy);
	font-style:normal;
	font-size:var(--ts-lg-2);
	color:var(--clr-reading);
}
.vignette-credit{display:block;margin-block-start:6px;font-size:var(--ts-xs);color:var(--clr-dim)}
.vignette-roll{display:block;margin-block-start:var(--gap-md)}
.vignette-heading{
	color:var(--clr-reading);
	border-top:var(--rl-bold) solid var(--clr-key);
	padding-block-start:12px;
	margin-block-end:var(--gap-sm);
}
.vignette-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--gap-sm)}
.vignette-node{
	display:block;
	background:var(--clr-surface-2);
	color:var(--clr-reading);
	border:var(--rl-thin) solid var(--clr-hairline);
	border-radius:var(--crn-sm);
	padding:var(--gap-sm);
}
.vignette-step{
	color:var(--clr-key);
	background:var(--clr-surface-2);
	font-family:var(--ff-lead);
	font-weight:var(--wg-heavy);
	font-size:var(--ts-md-2);
	text-decoration:none;
}
.vignette-step:hover{color:var(--clr-action-down);text-decoration:underline}
.vignette-copy{display:block;margin-block-start:8px;color:var(--clr-dim);font-size:var(--ts-caption)}

/* ── Подпись автора BYLINE-02 ───────────────────────────────────── */
.voussure{background:var(--clr-page);color:var(--clr-reading)}
.voussure-tile{
	display:flex;
	align-items:flex-start;
	gap:var(--gap-md);
	background:var(--clr-surface-2);
	color:var(--clr-reading);
	border:var(--rl-thin) solid var(--clr-hairline);
	border-radius:var(--crn-md);
	padding:var(--gap-md);
}
.voussure-mug{display:block;flex-shrink:0}
.voussure-shot{
	display:block;
	width:64px;
	height:64px;
	border-radius:var(--crn-orb);
	object-fit:cover;
	object-position:center top;
	border:var(--rl-thin) solid var(--clr-edge-hard);
}
.voussure-body{display:block;min-width:0}
.voussure-mark{
	display:block;
	font-size:var(--ts-xs);
	text-transform:uppercase;
	letter-spacing:var(--ls-airy);
	color:var(--clr-dim);
}
.voussure-author{
	font-family:var(--ff-lead);
	font-weight:var(--wg-heavy);
	font-style:normal;
	font-size:var(--ts-md-2);
	margin-block:6px;
	color:var(--clr-reading);
}
.voussure-author a{color:var(--clr-reading);background:var(--clr-surface-2);text-decoration:none}
.voussure-author a:hover{text-decoration:underline;color:var(--clr-key)}
.voussure-credit{display:block;font-size:var(--ts-caption);color:var(--clr-dim)}
.voussure-copy{display:block;margin-block-start:10px;color:var(--clr-dim);line-height:var(--lh-normal)}
.voussure-stamp{display:block;margin-block-start:8px;font-size:var(--ts-xs);color:var(--clr-dim)}
.voussure-step{
	display:inline-block;
	margin-block-start:12px;
	color:var(--clr-key);
	background:var(--clr-surface-2);
	font-size:var(--ts-caption);
	text-transform:uppercase;
	letter-spacing:var(--ls-airy);
	text-decoration:none;
}
.voussure-step:hover{color:var(--clr-action-down);text-decoration:underline}

/* ── Страница 404 ERR-03 ────────────────────────────────────────── */
.billet{background:var(--clr-page);color:var(--clr-reading);text-align:center}
.billet-meat{display:block;max-width:600px;margin-inline:auto}
.billet-mark{
	font-family:var(--ff-lead);
	font-weight:var(--wg-heavy);
	font-size:var(--ts-head);
	line-height:var(--lh-compact);
	color:var(--clr-reading);
	margin-block-end:var(--gap-sm);
}
.billet-copy{color:var(--clr-dim);line-height:var(--lh-loose);margin-block-end:var(--gap-md)}
.billet-step{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:44px;
	padding-inline:var(--gap-md);
	background:var(--clr-key);
	color:var(--clr-anchor);
	border-radius:var(--crn-sm);
	font-family:var(--ff-lead);
	font-weight:var(--wg-heavy);
	text-decoration:none;
}
.billet-step:hover{background:var(--clr-action-down);color:var(--clr-anchor)}

/* ── Подвал FOOT-01 ─────────────────────────────────────────────── */
.fenetre{
	display:block;
	flex-shrink:0;
	background:var(--clr-anchor);
	color:var(--clr-reading);
	border-top:var(--rl-bold) solid var(--clr-key);
}
.fenetre-hold{
	max-width:calc(var(--cont-max) + 2 * var(--cont-pad-lg));
	margin-inline:auto;
	padding-inline:var(--cont-pad-lg);
	padding-block:var(--gap-xl);
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:var(--gap-xl);
}
.fenetre-col{display:block}
.fenetre-col--brand{display:block}
.fenetre-col--roam{display:block}
.fenetre-col--legal{display:block}
.fenetre-crest{display:inline-block;background:var(--clr-anchor)}
.fenetre-shot{height:72px;width:auto}
.fenetre-copy{
	display:block;
	margin-block-start:var(--gap-sm);
	color:var(--clr-dim);
	font-size:var(--ts-caption);
	line-height:var(--lh-normal);
}
.fenetre-heading{
	font-family:var(--ff-lead);
	font-weight:var(--wg-heavy);
	font-size:var(--ts-micro-head);
	text-transform:uppercase;
	letter-spacing:var(--ls-airy);
	color:var(--clr-reading);
	margin-block-end:var(--gap-sm);
}
.fenetre-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--gap-sm)}
.fenetre-step{
	color:var(--clr-dim);
	background:var(--clr-anchor);
	font-size:var(--ts-caption);
	text-decoration:none;
}
.fenetre-step:hover{color:var(--clr-key)}
.fenetre-bottom{
	border-top:var(--rl-thin) solid var(--clr-hairline);
	background:var(--clr-anchor);
}
.fenetre-bottom-hold{
	max-width:calc(var(--cont-max) + 2 * var(--cont-pad-lg));
	margin-inline:auto;
	padding-inline:var(--cont-pad-lg);
	padding-block:var(--gap-md);
	text-align:center;
}
.fenetre-note{display:block;font-size:var(--ts-xs);color:var(--clr-dim);line-height:var(--lh-normal)}

/* ── Куки COOK-06 ───────────────────────────────────────────────── */
.stele{
	position:fixed;
	inset-inline:var(--gap-sm);
	inset-block-end:var(--gap-sm);
	z-index:200;
	max-width:640px;
	margin-inline:auto;
	background:var(--clr-surface-2);
	color:var(--clr-reading);
	border:var(--rl-thin) solid var(--clr-edge-hard);
	border-radius:var(--crn-lg);
	box-shadow:var(--dep-xl);
	clip-path:inset(0 100% 0 0);
	opacity:0;
	visibility:hidden;
	transition:clip-path var(--dur-gentle) var(--ease-settle),opacity var(--dur-regular) var(--ease-settle),visibility 0s linear var(--dur-gentle);
}
.stele.is-open{clip-path:inset(0 0 0 0);opacity:1;visibility:visible;transition:clip-path var(--dur-gentle) var(--ease-settle),opacity var(--dur-regular) var(--ease-settle),visibility 0s}
.stele-hold{display:block;padding:var(--gap-sm) var(--gap-md) var(--gap-md)}
.stele-mark{
	display:block;
	font-family:var(--ff-lead);
	font-weight:var(--wg-heavy);
	font-size:var(--ts-h5);
	color:var(--clr-reading);
	margin-block-end:8px;
}
.stele-note{
	display:block;
	color:var(--clr-dim);
	font-size:var(--ts-caption);
	line-height:var(--lh-normal);
	margin-block-end:var(--gap-sm);
}
.stele-deck{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.stele-agree,.stele-reject,.stele-step{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:44px;
	padding-inline:var(--gap-sm);
	border-radius:var(--crn-sm);
	font-family:var(--ff-prose);
	font-weight:var(--wg-medium);
	font-size:var(--ts-caption);
	cursor:pointer;
	text-decoration:none;
	flex:0 1 auto;
}
.stele-agree{background:var(--clr-key);color:var(--clr-anchor);border:var(--rl-thin) solid var(--clr-key)}
.stele-agree:hover{background:var(--clr-action-down);color:var(--clr-anchor)}
.stele-reject{background:var(--clr-surface-2);color:var(--clr-reading);border:var(--rl-thin) solid var(--clr-edge-hard)}
.stele-reject:hover{background:var(--clr-anchor);color:var(--clr-reading)}
.stele-step{background:var(--clr-surface-2);color:var(--clr-dim);border:0;text-decoration:underline}
.stele-step:hover{color:var(--clr-key);background:var(--clr-surface-2)}

/* ── Движение ───────────────────────────────────────────────────── */
[data-seen]{
	opacity:0;
	transform:translateY(16px);
	transition:opacity var(--dur-gentle) var(--ease-settle),transform var(--dur-gentle) var(--ease-settle);
}
[data-seen].is-in{opacity:1;transform:translateY(0)}

@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{
		animation:none !important;
		transition-duration:1ms !important;
		scroll-behavior:auto !important;
	}
	[data-seen]{opacity:1;transform:none}
}

/* ── Адаптив ────────────────────────────────────────────────────── */
@media (max-width:1159px){
	.pave-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-md)}
	.registre-meat{grid-template-columns:minmax(0,1fr);gap:var(--gap-md)}
	.registre-toc{position:static;top:auto}
	.fenetre-hold{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-md)}
	.fenetre-col--brand{grid-column:1 / -1}
}
@media (max-width:859px){
	.quai-meat{grid-template-columns:minmax(0,1fr)}
	.quai-visual{min-height:200px}
	.quai-numeral{font-size:64px}
	.quai-col{padding:var(--gap-md)}
	.vitrail-meat{grid-template-columns:minmax(0,1fr)}
	.fenetre-hold{padding-block:var(--gap-lg)}
	.vignette-meat{flex-direction:column;align-items:flex-start;text-align:start}
	.vignette-mug{width:110px;height:110px}
	.voussure-tile{flex-direction:column}
	.registre-toc{position:static}
}
@media (max-width:359px){
	.buffet-word{display:none}
}
@media (max-width:719px){
	.marque-say{display:none}
	.buffet-shot{height:42px}
	.pave-list{grid-template-columns:minmax(0,1fr)}
	.fenetre-hold{grid-template-columns:minmax(0,1fr)}
	.stele-hold{padding:12px 14px;font-size:13px;line-height:1.35}
	.stele-mark{display:none}
	.stele-note{font-size:13px;margin-block-end:12px}
	.stele-deck{gap:8px}
	.stele-agree,.stele-reject,.stele-step{padding-inline:14px;font-size:12px;min-height:40px;flex:1 1 auto}
	.lutrin-frame{flex-direction:column;align-items:stretch;gap:var(--gap-sm)}
	.fresque-frame{padding-block:var(--gap-lg) var(--gap-md)}
	.grille-board{min-width:520px}
}

/* ── Дополнения к блокам ────────────────────────────────────────── */
.volume-mark h3{font:inherit;color:inherit;margin:0;font-style:normal}
.registre-body{display:block;min-width:0}

/* ── Офферная кнопка (scripts/cta-style.mjs, домен dragoniaclub.com) ── */
.loggia-jump{display:inline-flex;align-items:center;justify-content:center;padding:14px 30px;min-height:52px;border-radius:var(--crn-sm);font-family:var(--ff-lead);font-size:var(--ts-h5);font-weight:700;letter-spacing:var(--ls-airy);white-space:nowrap}
.loggia-jump{
	background:#16A34A;color:#0B0505;text-decoration:none;
	box-shadow:0 0 0 2px var(--clr-page);
	transition:background var(--dur-short) linear,box-shadow var(--dur-short) linear;}
.loggia-jump.loggia-jump{color:#0B0505;text-decoration:none;}
.loggia-jump:hover{background:#15803D;color:#FFFFFF;animation:none}
.loggia-jump.loggia-jump:hover{color:#FFFFFF;text-decoration:none}
.loggia-jump:hover::after{animation:none}
.loggia-jump:active{background:#166534;color:#FFFFFF}
.loggia-jump:focus-visible{outline:3px solid #FFFFFF;outline-offset:3px}
.loggia-jump{animation:loggia-pulse 1.79s var(--ease-even) infinite}
@keyframes loggia-pulse{0%{transform:translateY(0)}17.877%{transform:translateY(-4px)}52.514%,100%{transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.loggia-jump,.loggia-jump::after{animation:none!important;transition:none!important}}
@media (max-width:719px){
	.loggia-jump{white-space:normal;text-align:center;padding:12px 20px;font-size:var(--ts-caption)}
}

@media (max-width: 1167px) {
  .buffet-links,
  .buffet-list,
  .buffet-step,
  .buffet-more { display: none !important; }
  .buffet-switch { display: flex !important; }
}