/* SlotMonster Casino — display.css */

:root {
	--k-main: #6a1fab;
	--k-beacon: #fccb27;
	--k-spot-deep: #f1b202;
	--k-base-plane: #f4f4ef;
	--k-surface-2: #fbfbf7;
	--k-type: #1f2835;
	--k-dim: #000000;
	--k-rule: #d9d7cd;
	--k-stroke-heavy: #1f2835;
	--k-ramp-start: #180333;
	--k-grad-2: #ec4993;
	--k-rg-banner: #dc2626;

	--f-title: "Poppins", "Trebuchet MS", "Segoe UI", sans-serif;
	--f-copy: "Poppins", "Trebuchet MS", "Segoe UI", sans-serif;

	--z-h1: clamp(26px, 4.2vw, 44px);
	--z-head: clamp(21px, 3.1vw, 34px);
	--z-display-3: clamp(19px, 2.1vw, 26px);
	--z-md-2: 20px;
	--z-h5: 16px;
	--z-xs-2: 14px;
	--z-normal: 16px;
	--z-sm: 14px;
	--z-tiny: 12px;

	--l-snug: 1.2;
	--l-even: 1.55;
	--l-loose: 1.7;

	--w-book: 400;
	--w-mid: 500;
	--w-heavy: 700;

	--e-close: -0.01em;
	--e-base: 0;
	--e-spread: 0.02em;

	--g-hair: 2px;
	--g-tiny: 6px;
	--g-snug: 10px;
	--g-base: 16px;
	--g-wide: 48px;
	--g-roomy: 80px;
	--g-vast: 128px;
	--g-huge: 200px;

	--r-hair: 1px;
	--r-tiny: 2px;
	--r-snug: 6px;
	--r-base: 8px;
	--r-wide: 14px;
	--r-capsule: 9999px;
	--r-round-full: 50%;

	--d-hair: 0 1px 1px rgba(24, 3, 51, 0.04);
	--d-tiny: 0 1px 2px rgba(24, 3, 51, 0.05);
	--d-snug: 0 2px 4px rgba(24, 3, 51, 0.08);
	--d-base: 0 4px 10px rgba(24, 3, 51, 0.1);
	--d-wide: 0 8px 20px rgba(24, 3, 51, 0.14);

	--t-fast: 112ms;
	--t-regular: 220ms;
	--t-gentle: 388ms;

	--x-release: cubic-bezier(0.3, 0.73, 0.32, 0.94);
	--x-in: cubic-bezier(0.61, 0.02, 0.39, 0.97);
	--x-swing: cubic-bezier(0.61, 0.02, 0.39, 0.97);
	--x-pop: cubic-bezier(0.21, 1.45, 0.75, 1.15);

	--v-main: 980px;
	--v-narrow: 420px;
	--v-padding-desktop: 48px;
	--v-pad-md: 32px;
	--v-padding-mobile: 16px;

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

	--h-h-lg: 132px;
	--h-size-mobile: 88px;
	--h-row-menu: 48px;

	--rg-height: 34px;
}

@media (max-width: 760px) {
	:root {
		--z-md-2: 18px;
		--z-h5: 15px;
		--z-normal: 15px;
		--z-sm: 13px;
		--z-tiny: 11px;
		--g-wide: 34px;
		--g-roomy: 52px;
	}
}

/* base */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html,
body {
	overflow-x: clip;
}

html {
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	background: var(--k-base-plane);
	color: var(--k-type);
	font-family: var(--f-copy);
	font-size: var(--z-normal);
	font-weight: var(--w-book);
	line-height: var(--l-even);
	padding-block-end: calc(var(--rg-height) + var(--g-base));
	animation: entree var(--t-gentle) var(--x-release) both;
}

@keyframes entree {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

h1,
h2,
h3,
h4,
h5,
h6 {
	overflow-wrap: anywhere;
	margin: 0 0 var(--g-base);
	color: var(--k-type);
}

h1 {
	font-family: var(--f-title);
	font-size: var(--z-h1);
	font-weight: var(--w-heavy);
	letter-spacing: var(--e-close);
	line-height: var(--l-snug);
}

h2 {
	font-family: var(--f-title);
	font-size: var(--z-head);
	font-weight: var(--w-heavy);
	letter-spacing: var(--e-close);
	line-height: var(--l-snug);
}

h3 {
	font-family: var(--f-copy);
	font-size: var(--z-display-3);
	font-weight: var(--w-heavy);
	letter-spacing: var(--e-base);
	line-height: var(--l-snug);
}

h4,
h5,
h6 {
	font-family: var(--f-copy);
	font-weight: var(--w-mid);
	letter-spacing: var(--e-base);
	line-height: var(--l-snug);
}

h4 {
	font-size: var(--z-md-2);
}

h5 {
	font-size: var(--z-h5);
}

h6 {
	font-size: var(--z-xs-2);
}

p {
	margin: 0 0 var(--g-base);
}

ul,
ol {
	margin: 0 0 var(--g-base);
	padding-inline-start: 22px;
}

li {
	margin-block-end: var(--g-tiny);
}

img {
	max-width: 100%;
}

a {
	color: var(--k-main);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

a:hover {
	color: var(--k-ramp-start);
}

strong {
	font-weight: var(--w-heavy);
}

table {
	border-collapse: collapse;
}

main {
	display: block;
}

:focus-visible {
	outline: var(--b-mid) solid var(--k-main);
	outline-offset: 2px;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.skip-link {
	position: absolute;
	inset-inline-start: var(--g-base);
	z-index: 300;
	background: var(--k-main);
	color: #ffffff;
	padding: var(--g-snug) var(--g-base);
	border-radius: var(--r-tiny);
	font-size: var(--z-sm);
	font-weight: var(--w-mid);
	text-decoration: none;
}

.skip-link:not(:focus) {
	top: -200px !important;
}

.skip-link:focus {
	top: var(--g-snug);
}

/* header — HEAD-BANNER */

.tribune-secret {
	position: relative;
	z-index: 60;
	background: rgba(251, 251, 247, 0.94);
	backdrop-filter: blur(6px);
	border-block-end: var(--b-thin) solid var(--k-rule);
	min-height: var(--h-h-lg);
}

.tribune-secret-inner {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: var(--g-base);
	max-width: calc(var(--v-main) + 2 * var(--v-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--v-padding-desktop);
	padding-block: var(--g-base);
	min-height: 84px;
}

.tribune-secret-flag {
	justify-self: start;
	border: var(--b-thin) solid var(--k-rule);
	border-radius: var(--r-tiny);
	padding: 3px var(--g-tiny);
	font-size: var(--z-tiny);
	font-weight: var(--w-heavy);
	letter-spacing: var(--e-spread);
	color: var(--k-type);
	background: var(--k-base-plane);
}

.tribune-secret-emblem {
	justify-self: center;
	display: inline-flex;
	flex-shrink: 0;
	line-height: 0;
}

.tribune-secret-emblem img {
	flex-shrink: 0;
	display: block;
	height: 76px;
	width: auto;
}

.tribune-secret-keys {
	justify-self: end;
	display: flex;
	align-items: center;
	gap: var(--g-snug);
}

.tribune-secret-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding-inline: var(--g-base);
	border-radius: var(--r-tiny);
	font-family: var(--f-copy);
	font-size: var(--z-sm);
	font-weight: var(--w-mid);
	letter-spacing: var(--e-spread);
	text-decoration: none;
	white-space: nowrap;
	flex-shrink: 0;
	transition: background var(--t-fast) var(--x-release), color var(--t-fast) var(--x-release);
}

.tribune-secret-button--quiet {
	background: transparent;
	border: var(--b-thin) solid var(--k-stroke-heavy);
	color: var(--k-type);
}

.tribune-secret-button--quiet:hover {
	background: var(--k-type);
	color: var(--k-surface-2);
}

.tribune-secret-button--offer {
	background: var(--k-beacon);
	border: var(--b-thin) solid var(--k-beacon);
	color: var(--k-type);
	font-weight: var(--w-heavy);
}

.tribune-secret-button--offer:hover {
	background: var(--k-spot-deep);
	color: var(--k-type);
}

.tribune-secret-trigger {
	display: none;
	align-items: center;
	justify-content: center;
	gap: 5px;
	flex-direction: column;
	width: 46px;
	height: 44px;
	border: var(--b-thin) solid var(--k-rule);
	border-radius: var(--r-tiny);
	background: rgba(106, 31, 171, 0.07);
	cursor: pointer;
	padding: 0;
}

.tribune-secret-trigger span {
	display: block;
	width: 22px;
	height: 2px;
	background: var(--k-type);
}

.tribune-secret-bar {
	border-block-start: var(--b-thin) solid var(--k-rule);
	background: transparent;
}

.tribune-secret-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--g-snug);
	row-gap: 0;
	max-width: calc(var(--v-main) + 2 * var(--v-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--v-padding-desktop);
	list-style: none;
	margin-block: 0;
}

.tribune-secret-links li {
	margin-block-end: 0;
}

.tribune-secret-link {
	display: inline-flex;
	align-items: center;
	min-height: var(--h-row-menu);
	padding-inline: var(--g-snug);
	color: var(--k-type);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: var(--e-base);
	text-decoration: none;
	white-space: nowrap;
	transition: color var(--t-fast) var(--x-release);
}

.tribune-secret-link:hover {
	color: var(--k-main);
}

.tribune-secret-link[aria-current="page"] {
	color: var(--k-main);
	box-shadow: inset 3px 0 0 var(--k-main);
}

.tribune-secret-panel {
	display: none;
	border-block-start: var(--b-thin) solid var(--k-rule);
	background: var(--k-surface-2);
	padding-inline: var(--v-padding-mobile);
	padding-block: var(--g-snug) var(--g-base);
}

.tribune-secret-panel.is-open {
	display: block;
}

.tribune-secret-panel ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.tribune-secret-panel li {
	margin-block-end: 0;
}

.tribune-secret-panel-link {
	display: block;
	padding-block: 12px;
	border-block-end: var(--b-thin) solid var(--k-rule);
	color: var(--k-type);
	font-size: var(--z-h5);
	font-weight: 600;
	text-decoration: none;
}

.tribune-secret-panel-link[aria-current="page"] {
	color: var(--k-main);
	box-shadow: inset 3px 0 0 var(--k-main);
	padding-inline-start: var(--g-snug);
}

.tribune-secret-panel .tribune-secret-keys {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: var(--g-snug);
	margin-block-start: var(--g-base);
}

/* hero — HERO-05 */

.receptacle-mince {
	padding-block: var(--g-wide);
}

.receptacle-mince-inner {
	max-width: calc(var(--v-main) + 2 * var(--v-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--v-padding-desktop);
}

.receptacle-mince-frame {
	background: var(--k-base-plane);
	outline: 4px solid var(--k-type);
	box-shadow: 0 0 0 8px var(--k-base-plane), 0 0 0 9px var(--k-type);
	padding: var(--g-wide);
	text-align: center;
}

.receptacle-mince-kicker {
	margin: 0 0 var(--g-snug);
	color: var(--k-main);
	font-size: var(--z-sm);
	font-style: italic;
	letter-spacing: var(--e-spread);
}

.receptacle-mince-hairline {
	width: 80px;
	height: 0;
	margin: var(--g-base) auto;
	border: 0;
	border-block-start: var(--b-thin) solid var(--k-beacon);
}

.receptacle-mince-tagline {
	max-width: var(--v-narrow);
	margin-inline: auto;
	margin-block-end: var(--g-base);
	color: var(--k-dim);
	font-family: var(--f-copy);
	font-size: var(--z-h5);
	line-height: var(--l-even);
}

.receptacle-mince-invite {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding-inline: var(--g-wide);
	border: var(--b-thin) solid var(--k-beacon);
	border-radius: var(--r-tiny);
	background: var(--k-beacon);
	color: var(--k-type);
	font-size: var(--z-h5);
	font-weight: var(--w-heavy);
	letter-spacing: var(--e-spread);
	text-decoration: none;
	transition: background var(--t-fast) var(--x-release), color var(--t-fast) var(--x-release);
}

.receptacle-mince-invite:hover {
	background: var(--k-spot-deep);
	color: var(--k-type);
}

.receptacle-mince-note {
	margin: var(--g-snug) 0 0;
	color: var(--k-dim);
	font-size: var(--z-tiny);
}

.receptacle-mince-pic {
	max-width: calc(var(--v-main) + 2 * var(--v-padding-desktop));
	margin: var(--g-wide) auto 0;
	padding-inline: var(--v-padding-desktop);
}

.receptacle-mince-pic img {
	display: block;
	width: 100%;
	height: clamp(180px, 26vw, 300px);
	object-fit: cover;
	border-radius: var(--r-snug);
}

/* page-header — PHEAD-07 */

.gradin-moderne {
	padding-block: var(--g-wide);
}

.gradin-moderne-inner {
	display: grid;
	grid-template-columns: 120px 1fr;
	gap: var(--g-base) var(--g-wide);
	max-width: calc(var(--v-main) + 2 * var(--v-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--v-padding-desktop);
}

.gradin-moderne-index {
	align-self: start;
	color: var(--k-main);
	font-family: var(--f-title);
	font-size: calc(var(--z-h1) * 1.4);
	font-weight: var(--w-heavy);
	line-height: var(--l-snug);
}

.gradin-moderne-words {
	margin: 0;
	color: var(--k-dim);
	font-size: var(--z-h5);
}

.gradin-moderne-tag {
	margin: var(--g-snug) 0 0;
	color: var(--k-dim);
	font-size: var(--z-tiny);
	letter-spacing: var(--e-spread);
}

/* prose — PROSE-22 */

.sentinelle-calme {
	padding-block: var(--g-wide);
}

.sentinelle-calme-inner {
	max-width: calc(var(--v-main) + 2 * var(--v-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--v-padding-desktop);
}

.sentinelle-calme-one + .sentinelle-calme-one {
	margin-block-start: var(--g-base);
}

.sentinelle-calme-one h2 {
	font-size: var(--z-head);
	font-weight: 600;
	margin-block: var(--g-base) var(--g-snug);
}

.sentinelle-calme-words {
	margin: 0;
	color: var(--k-type);
	font-size: var(--z-normal);
	line-height: var(--l-even);
}

.sentinelle-calme-words + .sentinelle-calme-words {
	text-indent: 2.6em;
}

.sentinelle-calme-list {
	margin-block: var(--g-snug);
	color: var(--k-type);
}

.sentinelle-calme-list li {
	margin-block-end: var(--g-tiny);
}

.sentinelle-calme-shot {
	margin: var(--g-base) 0;
}

.sentinelle-calme-shot img {
	display: block;
	width: 100%;
	height: clamp(200px, 30vw, 340px);
	object-fit: cover;
	border-radius: var(--r-snug);
}

.sentinelle-calme-caption {
	margin: var(--g-tiny) 0 0;
	color: var(--k-dim);
	font-size: var(--z-tiny);
	text-align: center;
}

/* items-grid — GRID-01 */

.bordure-austere {
	padding-block: var(--g-wide);
}

.bordure-austere-inner {
	max-width: calc(var(--v-main) + 2 * var(--v-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--v-padding-desktop);
}

.bordure-austere-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--g-base);
	margin: 0;
	padding: 0;
	list-style: none;
}

.bordure-austere-one {
	margin-block-end: 0;
	padding: 24px;
	background: var(--k-surface-2);
	border: var(--b-thin) solid var(--k-rule);
	border-radius: var(--r-base);
	transition: box-shadow var(--t-regular) var(--x-release), border-color var(--t-regular) var(--x-release);
}

.bordure-austere-one:hover {
	border-color: var(--k-main);
	box-shadow: var(--d-base);
}

.bordure-austere-mark {
	display: block;
	width: 34px;
	height: 34px;
	margin-block-end: var(--g-snug);
	fill: var(--k-main);
}

.bordure-austere-caption {
	margin: 0 0 var(--g-snug);
	font-family: var(--f-copy);
	font-size: var(--z-md-2);
	font-weight: var(--w-heavy);
	line-height: var(--l-snug);
	color: var(--k-type);
}

.bordure-austere-words {
	margin: 0;
	color: var(--k-dim);
	font-size: var(--z-normal);
	line-height: var(--l-even);
}

/* data-table — TABLE-07 */

.baldaquin-fin {
	padding-block: var(--g-wide);
}

.baldaquin-fin-inner {
	max-width: calc(var(--v-main) + 2 * var(--v-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--v-padding-desktop);
}

.baldaquin-fin-caption {
	margin: 0 0 var(--g-base);
	color: var(--k-dim);
	font-size: var(--z-sm);
}

.baldaquin-fin-scroll {
	overflow-x: auto;
	border: var(--b-thin) solid var(--k-rule);
	border-radius: var(--r-base);
	background: var(--k-surface-2);
}

.baldaquin-fin-scroll table {
	width: 100%;
	min-width: 620px;
	font-size: var(--z-sm);
}

.baldaquin-fin-scroll th {
	background: var(--k-main);
	color: #ffffff;
	font-family: var(--f-copy);
	font-size: var(--z-sm);
	font-weight: var(--w-heavy);
	letter-spacing: var(--e-spread);
	padding: var(--g-snug) var(--g-base);
	text-align: start;
}

.baldaquin-fin-scroll td {
	padding: var(--g-base);
	color: var(--k-type);
	border-block-start: var(--b-thin) solid var(--k-rule);
	vertical-align: top;
}

.baldaquin-fin-scroll td:nth-child(even) {
	background: rgba(106, 31, 171, 0.05);
}

/* reviews — REV-03 */

.enceinte-etroit {
	padding-block: var(--g-wide);
}

.enceinte-etroit-inner {
	max-width: calc(var(--v-main) + 2 * var(--v-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--v-padding-desktop);
}

.enceinte-etroit-rail {
	display: flex;
	gap: var(--g-base);
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	padding-block-end: var(--g-snug);
	margin: 0;
	padding-inline: 0;
	list-style: none;
}

.enceinte-etroit-card {
	flex: 0 0 min(360px, 78vw);
	min-height: 240px;
	margin-block-end: 0;
	padding: 24px;
	background: var(--k-base-plane);
	border: var(--b-thin) solid var(--k-rule);
	border-radius: var(--r-base);
	scroll-snap-align: start;
	transition: box-shadow var(--t-regular) var(--x-release);
}

.enceinte-etroit-card:hover {
	box-shadow: var(--d-base);
}

.enceinte-etroit-bar {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--g-snug);
	margin-block-end: var(--g-snug);
}

.enceinte-etroit-who {
	font-weight: var(--w-heavy);
	font-size: var(--z-h5);
	color: var(--k-type);
}

.enceinte-etroit-stamp {
	color: var(--k-dim);
	font-size: var(--z-tiny);
}

.enceinte-etroit-score {
	margin-block-end: var(--g-snug);
	color: var(--k-dim);
	font-size: var(--z-tiny);
	font-weight: var(--w-mid);
}

.enceinte-etroit-gauge {
	width: 60%;
	height: 4px;
	margin-block-start: var(--g-tiny);
	background: rgba(31, 40, 53, 0.2);
	border-radius: var(--r-capsule);
}

.enceinte-etroit-gauge span {
	display: block;
	height: 100%;
	background: var(--k-beacon);
	border-radius: var(--r-capsule);
}

.enceinte-etroit-words {
	margin: 0;
	color: var(--k-type);
	font-size: var(--z-sm);
	line-height: var(--l-even);
}

.enceinte-etroit-pips {
	display: flex;
	justify-content: center;
	gap: var(--g-tiny);
	margin-block-start: var(--g-base);
}

.enceinte-etroit-pips button {
	width: 9px;
	height: 9px;
	padding: 0;
	border: 0;
	border-radius: var(--r-round-full);
	background: rgba(31, 40, 53, 0.3);
	cursor: pointer;
}

.enceinte-etroit-pips button.is-live {
	background: var(--k-main);
}

/* faq — FAQ-08 */

.monstrance-large {
	padding-block: var(--g-wide);
}

.monstrance-large-inner {
	max-width: calc(var(--v-main) + 2 * var(--v-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--v-padding-desktop);
}

.monstrance-large-box {
	background: rgba(106, 31, 171, 0.04);
	border: var(--b-thin) solid var(--k-rule);
	border-radius: var(--r-wide);
	padding: 28px;
}

.monstrance-large-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.monstrance-large-one {
	margin-block-end: 0;
	padding-inline-start: var(--g-base);
	box-shadow: inset 4px 0 0 var(--k-beacon);
	border-block-end: var(--b-thin) solid var(--k-rule);
}

.monstrance-large-one:last-child {
	border-block-end: 0;
}

.monstrance-large-ask {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--g-base);
	width: 100%;
	min-height: 52px;
	padding: var(--g-snug) 0;
	background: none;
	border: 0;
	color: var(--k-type);
	font-family: var(--f-copy);
	font-size: var(--z-h5);
	font-weight: 600;
	line-height: var(--l-even);
	text-align: start;
	cursor: pointer;
}

.monstrance-large-ask::after {
	content: "+";
	flex-shrink: 0;
	color: var(--k-main);
	font-size: var(--z-md-2);
	font-weight: var(--w-heavy);
}

.monstrance-large-ask[aria-expanded="true"]::after {
	content: "−";
}

.monstrance-large-reply {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows var(--t-regular) var(--x-swing);
}

.monstrance-large-reply.is-open {
	grid-template-rows: 1fr;
}

.monstrance-large-reply > div {
	overflow: hidden;
}

.monstrance-large-reply p {
	margin: 0;
	padding-block-end: var(--g-base);
	color: var(--k-type);
	font-size: var(--z-sm);
	line-height: var(--l-even);
}

/* cta-block — CTA-05 */

.ecrin-austere {
	padding-block: var(--g-wide);
	background: linear-gradient(135deg, var(--k-ramp-start), var(--k-main) 70%, var(--k-grad-2));
	color: #ffffff;
}

.ecrin-austere-inner {
	max-width: calc(var(--v-main) + 2 * var(--v-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--v-padding-desktop);
	text-align: center;
}

.ecrin-austere-caption {
	margin: 0 0 var(--g-snug);
	color: #ffffff;
	font-size: var(--z-head);
}

.ecrin-austere-words {
	max-width: var(--v-narrow);
	margin-inline: auto;
	margin-block-end: var(--g-base);
	color: #f6efff;
	font-size: var(--z-normal);
	line-height: var(--l-even);
}

.ecrin-austere-keys {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--g-base);
}

.ecrin-austere-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding-inline: var(--g-wide);
	border-radius: var(--r-tiny);
	font-size: var(--z-h5);
	font-weight: var(--w-heavy);
	letter-spacing: var(--e-spread);
	text-decoration: none;
	transition: background var(--t-fast) var(--x-release), color var(--t-fast) var(--x-release);
}

.ecrin-austere-button--primary {
	background: var(--k-beacon);
	border: var(--b-thin) solid var(--k-beacon);
	color: var(--k-type);
}

.ecrin-austere-button--primary:hover {
	background: var(--k-spot-deep);
	color: var(--k-type);
}

.ecrin-austere-button--secondary {
	background: transparent;
	border: var(--b-thin) solid #ffffff;
	color: #ffffff;
}

.ecrin-austere-button--secondary:hover {
	background: #ffffff;
	color: var(--k-ramp-start);
}

.ecrin-austere-note {
	margin: var(--g-base) 0 0;
	color: #f6efff;
	font-size: var(--z-tiny);
}

/* inline-cta — INLINE-CTA-07 */

.veilleur-vaste {
	display: block;
	padding-block: var(--g-wide);
}

.veilleur-vaste-inner {
	max-width: calc(var(--v-main) + 2 * var(--v-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--v-padding-desktop);
	text-align: center;
}

.veilleur-vaste-mark {
	color: var(--k-main);
	font-size: var(--z-h1);
	line-height: 1;
	margin-block-end: var(--g-snug);
}

.veilleur-vaste-head {
	margin: 0 0 var(--g-snug);
	font-family: var(--f-title);
	font-size: var(--z-display-3);
	color: var(--k-type);
}

.veilleur-vaste-words {
	max-width: var(--v-narrow);
	margin-inline: auto;
	margin-block-end: var(--g-base);
	color: var(--k-dim);
	font-size: var(--z-normal);
}

.veilleur-vaste-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding-inline: var(--g-wide);
	background: var(--k-beacon);
	border: var(--b-thin) solid var(--k-beacon);
	border-radius: var(--r-base);
	color: var(--k-type);
	font-size: var(--z-sm);
	font-weight: var(--w-heavy);
	letter-spacing: var(--e-spread);
	text-decoration: none;
	transition: background var(--t-fast) var(--x-release), color var(--t-fast) var(--x-release);
}

.veilleur-vaste-button:hover {
	background: var(--k-spot-deep);
	color: var(--k-type);
}

.veilleur-vaste-note {
	margin: var(--g-snug) 0 0;
	color: var(--k-dim);
	font-size: var(--z-tiny);
}

/* author-byline — BYLINE-04 */

.ciboire-fluide {
	display: block;
	padding-block: var(--g-wide);
}

.ciboire-fluide-inner {
	max-width: calc(var(--v-main) + 2 * var(--v-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--v-padding-desktop);
}

.ciboire-fluide-quote {
	position: relative;
	max-width: 600px;
	margin: 0 auto;
	padding-block-start: var(--g-base);
	text-align: center;
}

.ciboire-fluide-quote::before {
	content: "\201C";
	display: block;
	color: var(--k-main);
	font-family: var(--f-title);
	font-size: var(--z-h1);
	line-height: 0.7;
}

.ciboire-fluide-quote p {
	margin: 0 0 var(--g-base);
	color: var(--k-type);
	font-family: var(--f-title);
	font-size: var(--z-md-2);
	font-style: italic;
	line-height: var(--l-even);
}

.ciboire-fluide-mention {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--g-tiny);
}

.ciboire-fluide-portrait {
	width: 32px;
	height: 32px;
	border-radius: var(--r-round-full);
	object-fit: cover;
	flex-shrink: 0;
}

.ciboire-fluide-who {
	font-style: normal;
}

.ciboire-fluide-who a {
	color: var(--k-main);
	font-weight: var(--w-heavy);
	text-decoration: none;
}

.ciboire-fluide-who a:hover {
	color: var(--k-ramp-start);
	text-decoration: underline;
}

.ciboire-fluide-hat {
	color: var(--k-dim);
	font-size: var(--z-sm);
	font-style: italic;
}

.ciboire-fluide-stamp {
	display: block;
	margin-block-start: var(--g-tiny);
	color: var(--k-dim);
	font-size: var(--z-tiny);
}

/* author-card — AUTH-02 */

.parterre-dense {
	padding-block: var(--g-wide);
}

.parterre-dense-inner {
	max-width: calc(var(--v-main) + 2 * var(--v-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--v-padding-desktop);
}

.parterre-dense-card {
	max-width: 600px;
	margin-inline: auto;
	text-align: center;
}

.parterre-dense-portrait {
	width: 140px;
	height: 140px;
	margin-block-end: var(--g-base);
	border-radius: var(--r-round-full);
	object-fit: cover;
}

.parterre-dense-hat {
	margin: 0 0 var(--g-tiny);
	color: var(--k-main);
	font-size: var(--z-sm);
	font-weight: var(--w-mid);
	letter-spacing: var(--e-spread);
	text-transform: uppercase;
}

.parterre-dense-who {
	margin: 0 0 var(--g-snug);
	font-size: var(--z-head);
}

.parterre-dense-words {
	margin: 0 0 var(--g-base);
	color: var(--k-type);
	line-height: var(--l-loose);
}

.parterre-dense-skills {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--g-tiny);
	margin: 0;
	padding: 0;
	list-style: none;
}

.parterre-dense-skills li {
	margin-block-end: 0;
	padding: var(--g-hair) var(--g-snug);
	background: var(--k-main);
	border-radius: var(--r-capsule);
	color: #ffffff;
	font-size: var(--z-tiny);
	letter-spacing: var(--e-spread);
	text-transform: uppercase;
}

/* legal-section — LEGAL-08 */

.ambon-sombre {
	padding-block: var(--g-wide);
	background: var(--k-base-plane);
}

.ambon-sombre-inner {
	max-width: calc(var(--v-main) + 2 * var(--v-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--v-padding-desktop);
}

.ambon-sombre-head {
	margin-block: var(--g-base) var(--g-snug);
	font-family: var(--f-copy);
	font-size: var(--z-display-3);
	font-weight: var(--w-heavy);
	color: var(--k-type);
}

.ambon-sombre-words {
	margin: 0 0 var(--g-snug);
	color: var(--k-type);
	font-size: var(--z-normal);
	line-height: var(--l-loose);
}

.ambon-sombre-list {
	margin-block: var(--g-snug) var(--g-base);
	color: var(--k-type);
}

.ambon-sombre-note {
	display: block;
	margin-block-start: var(--g-base);
	color: var(--k-dim);
	font-size: var(--z-sm);
}

/* contact-form — FORM-04 */

.presbytere-robuste {
	padding-block: var(--g-wide);
}

.presbytere-robuste-inner {
	max-width: calc(var(--v-main) + 2 * var(--v-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--v-padding-desktop);
}

.presbytere-robuste-words {
	margin: 0 0 var(--g-base);
	color: var(--k-type);
}

.presbytere-robuste-bar {
	display: flex;
	flex-wrap: wrap;
	gap: var(--g-base);
}

.presbytere-robuste-input {
	flex: 1 1 240px;
	display: flex;
	flex-direction: column;
	gap: var(--g-tiny);
}

.presbytere-robuste-input--long {
	flex: 1 1 100%;
}

.presbytere-robuste-note {
	color: var(--k-type);
	font-size: var(--z-sm);
	font-weight: var(--w-mid);
}

.presbytere-robuste input,
.presbytere-robuste textarea {
	width: 100%;
	padding: 12px var(--g-snug);
	border: var(--b-thin) solid var(--k-rule);
	border-radius: var(--r-snug);
	background: var(--k-surface-2);
	color: var(--k-type);
	font-family: var(--f-copy);
	font-size: var(--z-normal);
}

.presbytere-robuste textarea {
	min-height: 140px;
	resize: vertical;
}

.presbytere-robuste-button {
	min-height: 48px;
	padding-inline: var(--g-wide);
	border: var(--b-thin) solid var(--k-main);
	border-radius: var(--r-snug);
	background: var(--k-main);
	color: #ffffff;
	font-family: var(--f-copy);
	font-size: var(--z-h5);
	font-weight: var(--w-heavy);
	cursor: pointer;
	transition: background var(--t-fast) var(--x-release), color var(--t-fast) var(--x-release);
}

.presbytere-robuste-button:hover {
	background: var(--k-ramp-start);
	color: #ffffff;
}

.presbytere-robuste-done {
	display: none;
	margin-block-start: var(--g-base);
	padding: var(--g-base);
	background: var(--k-surface-2);
	border: var(--b-thin) solid var(--k-main);
	border-radius: var(--r-snug);
	color: var(--k-type);
}

.presbytere-robuste-done.is-open {
	display: block;
}

.presbytere-robuste-list {
	margin-block-start: var(--g-base);
	color: var(--k-type);
}

/* error-block — ERR-08 */

.bordure-vaste {
	padding-block: var(--g-roomy);
}

.bordure-vaste-inner {
	max-width: calc(var(--v-main) + 2 * var(--v-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--v-padding-desktop);
	text-align: center;
}

.bordure-vaste-caption {
	max-width: var(--v-narrow);
	margin-inline: auto;
}

.bordure-vaste-words {
	margin: 0 0 var(--g-base);
	color: var(--k-dim);
}

.bordure-vaste-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding-inline: var(--g-wide);
	background: var(--k-main);
	border-radius: var(--r-snug);
	color: #ffffff;
	font-weight: var(--w-heavy);
	text-decoration: none;
}

.bordure-vaste-button:hover {
	background: var(--k-ramp-start);
	color: #ffffff;
}

.bordure-vaste-hints {
	margin-block-start: var(--g-wide);
	padding: var(--g-base);
	background: var(--k-surface-2);
	border: var(--b-thin) solid var(--k-rule);
	border-radius: var(--r-base);
}

.bordure-vaste-head {
	margin: 0 0 var(--g-snug);
	font-size: var(--z-md-2);
}

.bordure-vaste-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--g-base);
	margin: 0;
	padding: 0;
	list-style: none;
}

.bordure-vaste-list li {
	margin-block-end: 0;
}

.bordure-vaste-link {
	color: var(--k-main);
	font-size: var(--z-normal);
	text-decoration: none;
}

.bordure-vaste-link:hover {
	color: var(--k-ramp-start);
	text-decoration: underline;
}

/* footer — FOOT-02 */

.garde-corps-moderne {
	border-block-start: var(--b-thin) solid var(--k-rule);
	background: var(--k-surface-2);
	padding-block: var(--g-wide);
}

.garde-corps-moderne-inner {
	max-width: calc(var(--v-main) + 2 * var(--v-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--v-padding-desktop);
}

.garde-corps-moderne-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--g-base);
}

.garde-corps-moderne-bar--low {
	margin-block-start: var(--g-base);
	padding-block-start: var(--g-base);
	border-block-start: var(--b-thin) solid var(--k-rule);
}

.garde-corps-moderne-emblem img {
	display: block;
	flex-shrink: 0;
	height: 60px;
	width: auto;
}

.garde-corps-moderne-list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--g-snug) var(--g-base);
	margin: 0;
	padding: 0;
	list-style: none;
}

.garde-corps-moderne-list li {
	margin-block-end: 0;
}

.garde-corps-moderne-link {
	color: var(--k-dim);
	font-size: var(--z-sm);
	text-decoration: none;
	white-space: nowrap;
}

.garde-corps-moderne-link:hover {
	color: var(--k-main);
	text-decoration: underline;
}

.garde-corps-moderne-hold {
	color: var(--k-dim);
	font-size: var(--z-tiny);
}

.garde-corps-moderne-list--legal .garde-corps-moderne-link {
	font-size: var(--z-tiny);
}

/* cookie-banner — COOK-14 */

.piazzetta-sombre {
	display: none;
	position: fixed;
	inset-inline: 0;
	bottom: var(--rg-height);
	z-index: 90;
	background: var(--k-surface-2);
	border-block-start: var(--b-mid) solid var(--k-beacon);
	box-shadow: var(--d-wide);
}

.piazzetta-sombre.is-open {
	display: block;
	animation: volet var(--t-regular) var(--x-release) both;
}

@keyframes volet {
	from {
		clip-path: inset(0 100% 0 0);
	}

	to {
		clip-path: inset(0 0 0 0);
	}
}

.piazzetta-sombre-inner {
	max-width: calc(var(--v-main) + 2 * var(--v-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--v-padding-desktop);
	padding-block: var(--g-snug);
}

.piazzetta-sombre-notice {
	margin: 0 0 var(--g-snug);
	color: var(--k-type);
	font-size: var(--z-sm);
	line-height: var(--l-even);
}

.piazzetta-sombre-keys {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--g-snug);
}

.piazzetta-sombre-accept,
.piazzetta-sombre-later {
	min-height: 40px;
	padding-inline: var(--g-base);
	border-radius: var(--r-tiny);
	font-family: var(--f-copy);
	font-size: var(--z-sm);
	font-weight: var(--w-mid);
	cursor: pointer;
}

.piazzetta-sombre-accept {
	background: var(--k-main);
	border: var(--b-thin) solid var(--k-main);
	color: #ffffff;
}

.piazzetta-sombre-accept:hover {
	background: var(--k-ramp-start);
	color: #ffffff;
}

.piazzetta-sombre-later {
	background: transparent;
	border: var(--b-thin) solid var(--k-stroke-heavy);
	color: var(--k-type);
}

.piazzetta-sombre-later:hover {
	background: var(--k-type);
	color: var(--k-surface-2);
}

.piazzetta-sombre-link {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	color: var(--k-main);
	font-size: var(--z-sm);
}

/* rg banner — RG-06 */

.rg-banner {
	position: fixed;
	inset-inline: 0;
	bottom: 0;
	z-index: 80;
	background: var(--k-rg-banner);
	color: #ffffff;
	font-size: var(--z-tiny);
	line-height: 1.35;
	text-align: center;
	padding: var(--g-tiny) var(--g-base);
	pointer-events: none;
}

.rg-banner a {
	display: inline-block;
	color: #ffffff;
	pointer-events: auto;
	text-decoration: underline;
}

/* utilities + tablet/mobile */

@media (max-width: 1080px) {
	.tribune-secret-inner {
		padding-inline: var(--v-pad-md);
	}

	.tribune-secret-links {
		padding-inline: var(--v-pad-md);
		gap: var(--g-tiny);
	}

	.tribune-secret-link {
		font-size: 13px;
		padding-inline: var(--g-tiny);
		min-height: 44px;
	}

	.tribune-secret-emblem img {
		height: 64px;
	}

	.receptacle-mince-inner,
	.receptacle-mince-pic,
	.gradin-moderne-inner,
	.sentinelle-calme-inner,
	.bordure-austere-inner,
	.baldaquin-fin-inner,
	.enceinte-etroit-inner,
	.monstrance-large-inner,
	.ecrin-austere-inner,
	.veilleur-vaste-inner,
	.ciboire-fluide-inner,
	.parterre-dense-inner,
	.ambon-sombre-inner,
	.presbytere-robuste-inner,
	.bordure-vaste-inner,
	.garde-corps-moderne-inner,
	.piazzetta-sombre-inner {
		padding-inline: var(--v-pad-md);
	}

	.bordure-austere-list {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 760px) {
	.tribune-secret {
		min-height: var(--h-size-mobile);
	}

	.tribune-secret-inner {
		grid-template-columns: 1fr auto;
		padding-inline: var(--v-padding-mobile);
		padding-block: var(--g-snug);
		min-height: 64px;
	}

	.tribune-secret-flag {
		display: none;
	}

	.tribune-secret-emblem {
		justify-self: start;
	}

	.tribune-secret-emblem img {
		height: 48px;
	}

	.tribune-secret-inner > .tribune-secret-keys {
		display: none;
	}

	.tribune-secret-trigger {
		display: flex;
		margin-left: auto !important;
	}

	.tribune-secret-bar {
		display: none;
	}

	.receptacle-mince-inner,
	.receptacle-mince-pic,
	.gradin-moderne-inner,
	.sentinelle-calme-inner,
	.bordure-austere-inner,
	.baldaquin-fin-inner,
	.enceinte-etroit-inner,
	.monstrance-large-inner,
	.ecrin-austere-inner,
	.veilleur-vaste-inner,
	.ciboire-fluide-inner,
	.parterre-dense-inner,
	.ambon-sombre-inner,
	.presbytere-robuste-inner,
	.bordure-vaste-inner,
	.garde-corps-moderne-inner {
		padding-inline: var(--v-padding-mobile);
	}

	.receptacle-mince-frame {
		padding: var(--g-base);
		box-shadow: 0 0 0 5px var(--k-base-plane), 0 0 0 6px var(--k-type);
		outline-width: 3px;
	}

	.gradin-moderne-inner {
		grid-template-columns: 1fr;
	}

	.gradin-moderne-index {
		font-size: calc(var(--z-h1) * 1.1);
	}

	.bordure-austere-list {
		grid-template-columns: 1fr;
	}

	.monstrance-large-box {
		padding: var(--g-base);
	}

	.garde-corps-moderne-bar {
		flex-direction: column;
		align-items: flex-start;
	}

	.ecrin-austere-button,
	.veilleur-vaste-button {
		width: 100%;
	}

	.sentinelle-calme-words + .sentinelle-calme-words {
		text-indent: 1.5em;
	}
}

@media (max-width: 720px) {
	.piazzetta-sombre,
	.piazzetta-sombre-inner {
		padding: 12px 14px !important;
		gap: 8px !important;
		font-size: 13px !important;
		line-height: 1.35 !important;
	}

	.piazzetta-sombre-keys {
		flex-direction: column;
		align-items: stretch;
	}

	.piazzetta-sombre-accept,
	.piazzetta-sombre button {
		padding: 8px 14px !important;
		font-size: 12px !important;
		min-height: 36px !important;
	}

	.piazzetta-sombre-later {
		padding: 8px 14px !important;
		font-size: 12px !important;
		min-height: 36px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 1ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 1ms !important;
	}

	body {
		animation: none;
		opacity: 1;
	}
}

/* Offer CTA */
.tzxu-act{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;
  min-height:54px;padding:0 32px;border:2px solid #000000;border-radius:6px;
  background:#0D9488;color:#000000;text-decoration:none;
  font-size:13px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;
  box-shadow:0 3px 9px rgba(0,0,0,.22);transition:background .12s ease,color .12s ease,transform .12s ease,box-shadow .12s ease}
.tzxu-act:hover{background:#0F766E;color:#FFFFFF;box-shadow:0 1px 6px rgba(0,0,0,.28);animation:none}
.tzxu-act:hover::after{animation:none}
.tzxu-act:active{background:#115E59;color:#FFFFFF}
.tzxu-act:focus-visible{outline:3px solid #000000;outline-offset:3px}
.tzxu-act{animation:lift_tzxu 4.1s ease-in-out infinite}
@keyframes lift_tzxu{0%{transform:translateY(0)}13.415%{transform:translateY(-5px)}26.829%,100%{transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.tzxu-act,.tzxu-act::after{animation:none!important;transition:none!important}}