/* Verde Casino LT — stylesheet */

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

:root {
	--tint-core: #78c600;
	--tint-pop: #0a090e;
	--tint-spot-deep: #000000;
	--tint-base-plane: #121214;
	--tint-card: #1b1c1f;
	--tint-glyph: #FFFFFF;
	--tint-subtle: #c1c1c1;
	--tint-edge: rgba(255, 255, 255, 0.12);
	--tint-rule-bold: rgba(255, 255, 255, 0.26);
	--tint-grad-1: #443b60;
	--tint-grad-2: #1d192c;
	--tint-notice: #a51d1d;
	--tint-hair: rgba(255, 255, 255, 0.08);

	--gap-step-0: 2px;
	--gap-step-1: 6px;
	--gap-step-2: 10px;
	--gap-step-3: 14px;
	--gap-step-4: 20px;
	--gap-step-5: 28px;
	--gap-step-6: 48px;
	--gap-step-7: 72px;

	--corner-step-0: 2px;
	--corner-step-1: 4px;
	--corner-step-2: 8px;
	--corner-step-3: 12px;
	--corner-step-4: 20px;
	--corner-step-5: 26px;
	--corner-step-6: 32px;
	--corner-step-7: 40px;
	--corner-lozenge: 9999px;
	--corner-circle: 50%;

	--type-banner: "Montserrat", "Trebuchet MS", sans-serif;
	--type-base: "Inter", "Segoe UI", system-ui, sans-serif;

	--size-h1: clamp(28px, 3.4vw, 36px);
	--size-xl-2: clamp(22px, 2.3vw, 26px);
	--size-lg-2: 20px;
	--size-h4: 17px;
	--size-h5: 14px;
	--size-h6: 12px;
	--size-base: 14px;
	--size-sm: 12px;
	--size-tiny: 11px;

	--line-compact: 1.18;
	--line-default: 1.45;
	--line-loose: 1.6;

	--weight-book: 400;
	--weight-semi: 500;
	--weight-bold: 700;

	--spacing-tight: -0.01em;
	--spacing-even: 0;
	--spacing-spread: 0.06em;

	--cast-step-0: 0 1px 1px rgba(0, 0, 0, 0.2);
	--cast-step-1: 0 1px 2px rgba(0, 0, 0, 0.28);
	--cast-step-2: 0 2px 6px rgba(0, 0, 0, 0.34);
	--cast-step-3: 0 6px 18px rgba(0, 0, 0, 0.42);
	--cast-step-4: 0 12px 32px rgba(0, 0, 0, 0.5);
	--cast-step-5: 0 18px 42px rgba(0, 0, 0, 0.56);
	--cast-step-6: 0 24px 56px rgba(0, 0, 0, 0.6);
	--cast-step-7: 0 32px 72px rgba(0, 0, 0, 0.66);

	--duration-short: 156ms;
	--duration-base: 330ms;
	--duration-slow: 523ms;
	--easing-out: cubic-bezier(0.25, 0.81, 0.44, 0.96);
	--easing-start: cubic-bezier(0.39, 0.08, 0.31, 0.98);
	--easing-swing: cubic-bezier(0.39, 0.08, 0.31, 0.98);
	--easing-pop: cubic-bezier(0.25, 1.75, 0.72, 1);

	--wrap-site: 1280px;
	--wrap-column: 450px;
	--wrap-pad-lg: 40px;
	--wrap-pad-md: 24px;
	--wrap-inset-mobile: 16px;

	--outline-light: 1px;
	--outline-mid: 2px;
	--outline-wide: 3px;

	--bar-h-lg: 92px;
	--bar-h-sm: 68px;
	--shelf-lift: 3px;
}

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

html,
body {
	overflow-x: clip;
}

body {
	margin: 0;
	background: var(--tint-base-plane);
	color: var(--tint-glyph);
	font-family: var(--type-base);
	font-size: var(--size-base);
	font-weight: var(--weight-book);
	line-height: var(--line-default);
	-webkit-text-size-adjust: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	overflow-wrap: anywhere;
	margin: 0 0 var(--gap-step-3);
}

h1 {
	font-family: var(--type-banner);
	font-size: var(--size-h1);
	font-weight: var(--weight-bold);
	line-height: var(--line-compact);
	letter-spacing: var(--spacing-tight);
}

h2 {
	font-family: var(--type-banner);
	font-size: var(--size-xl-2);
	font-weight: var(--weight-bold);
	line-height: var(--line-compact);
	letter-spacing: var(--spacing-tight);
	margin-block-start: 0;
}

h3 {
	font-family: var(--type-base);
	font-size: var(--size-lg-2);
	font-weight: var(--weight-bold);
	line-height: var(--line-compact);
	letter-spacing: var(--spacing-even);
	margin-block-start: 0;
}

h4 {
	font-family: var(--type-base);
	font-size: var(--size-h4);
	font-weight: var(--weight-bold);
}

p {
	margin: 0 0 var(--gap-step-3);
}

ul,
ol {
	margin: 0 0 var(--gap-step-3);
	padding-inline-start: var(--gap-step-4);
}

li {
	margin-block-end: var(--gap-step-1);
}

img {
	max-width: 100%;
}

a {
	color: var(--tint-core);
	text-decoration: underline;
	text-underline-offset: 2px;
	transition: color var(--duration-short) var(--easing-out);
}

a:hover {
	color: var(--tint-glyph);
}

:focus-visible {
	outline: var(--outline-mid) solid var(--tint-core);
	outline-offset: 2px;
}

.skip-jump {
	position: absolute;
	left: var(--gap-step-3);
	z-index: 200;
	background: var(--tint-core);
	color: var(--tint-spot-deep);
	padding: var(--gap-step-2) var(--gap-step-4);
	border-radius: var(--corner-step-2);
	font-weight: var(--weight-bold);
	text-decoration: none;
}

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

.skip-jump:focus {
	top: var(--gap-step-2);
}

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

/* shared section shell — единая ширина всех секций */
.cresset-shell,
.pavilion-shell,
.cornice-shell,
.nave-shell,
.ridge-shell,
.promenade-shell,
.threshold-shell,
.landing-shell,
.balcony-shell,
.frieze-shell,
.crochet-shell,
.cloister-shell,
.beacon-shell,
.shelf-shell,
.portico-shell,
.reel-shell,
.loft-shell {
	width: 100%;
	max-width: calc(var(--wrap-site) + 2 * var(--wrap-pad-lg));
	margin-inline: auto;
	padding-inline: var(--wrap-pad-lg);
}

/* rg-banner RG-05 */
.cresset-band {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--gap-step-2);
	background: var(--tint-pop);
	color: var(--tint-subtle);
	padding-block: var(--gap-step-2);
	padding-inline: var(--wrap-inset-mobile);
	font-size: var(--size-sm);
	line-height: var(--line-default);
	border-block-end: var(--outline-light) solid var(--tint-hair);
}

.cresset-badge {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	height: 26px;
	background: var(--tint-notice);
	color: var(--tint-glyph);
	border-radius: var(--corner-step-1);
	font-size: var(--size-sm);
	font-weight: var(--weight-bold);
	letter-spacing: var(--spacing-even);
}

.cresset-note {
	margin: 0;
	text-align: center;
}

.cresset-path {
	color: var(--tint-core);
}

.cresset-path:hover {
	color: var(--tint-glyph);
}

/* header HEAD-RIGHT */
.pavilion {
	position: relative;
	z-index: 60;
	background: var(--tint-pop);
	color: var(--tint-glyph);
	box-shadow: var(--cast-step-3);
}

.pavilion-shell {
	display: flex;
	align-items: center;
	gap: var(--gap-step-4);
	height: 92px;
}

.pavilion-mark {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	line-height: 0;
	text-decoration: none;
}

.pavilion-mark img {
	flex-shrink: 0;
	height: 64px;
	width: auto;
	display: block;
}

.pavilion-opener {
	display: none;
	margin-left: auto;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	background: transparent;
	border: var(--outline-light) solid var(--tint-rule-bold);
	border-radius: var(--corner-step-0);
	color: var(--tint-glyph);
	cursor: pointer;
	transition: border-color var(--duration-short) var(--easing-out);
}

.pavilion-opener:hover {
	border-color: var(--tint-core);
	color: var(--tint-core);
}

.pavilion-grid {
	display: grid;
	grid-template-columns: 7px 7px;
	grid-template-rows: 7px 7px;
	gap: 4px;
}

.pavilion-grid i {
	display: block;
	background: currentColor;
	border-radius: 1px;
}

.pavilion-routes {
	margin-inline-start: auto;
	min-width: 0;
}

.pavilion-set {
	display: flex;
	align-items: center;
	gap: var(--gap-step-2);
	margin: 0;
	padding: 0;
	list-style: none;
	flex-wrap: nowrap;
}

.pavilion-slot,
.pavilion-more {
	margin: 0;
	position: relative;
	flex: 0 0 auto;
}

.pavilion-path {
	display: block;
	position: relative;
	padding: var(--gap-step-2) var(--gap-step-2);
	color: var(--tint-glyph);
	font-size: 14px;
	font-weight: 500;
	font-variant: small-caps;
	font-variant-caps: small-caps;
	letter-spacing: var(--spacing-even);
	line-height: var(--line-default);
	text-decoration: none;
	white-space: nowrap;
	transition: color var(--duration-short) var(--easing-out);
}

.pavilion-path:hover {
	color: var(--tint-core);
}

.pavilion-path[aria-current="page"] {
	color: var(--tint-core);
}

.pavilion-path[aria-current="page"]::before {
	content: "";
	position: absolute;
	inset-block: 20%;
	inset-inline-start: -2px;
	width: var(--outline-wide);
	background: var(--tint-core);
	border-radius: var(--corner-lozenge);
}

.pavilion-more-tap {
	padding: var(--gap-step-2) var(--gap-step-2);
	background: transparent;
	border: 0;
	color: var(--tint-glyph);
	font-family: var(--type-base);
	font-size: 14px;
	font-weight: 500;
	font-variant: small-caps;
	font-variant-caps: small-caps;
	white-space: nowrap;
	cursor: pointer;
	transition: color var(--duration-short) var(--easing-out);
}

.pavilion-more-tap:hover,
.pavilion-more-tap[aria-expanded="true"] {
	color: var(--tint-core);
}

.pavilion-drop {
	display: none;
	position: absolute;
	inset-inline-end: 0;
	top: calc(100% + var(--gap-step-2));
	min-width: 210px;
	max-height: 64vh;
	overflow-y: auto;
	margin: 0;
	padding: var(--gap-step-1) 0;
	list-style: none;
	background: var(--tint-card);
	color: var(--tint-glyph);
	border: var(--outline-light) solid var(--tint-edge);
	border-radius: var(--corner-step-2);
	box-shadow: var(--cast-step-4);
	z-index: 70;
}

.pavilion-drop.is-open {
	display: block;
}

.pavilion-drop li {
	margin: 0;
}

.pavilion-drop .pavilion-path {
	padding: var(--gap-step-2) var(--gap-step-3);
	white-space: nowrap;
}

.pavilion-drop .pavilion-path[aria-current="page"]::before {
	display: none;
}

.pavilion-controls {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: var(--gap-step-3);
}

.pavilion-flag {
	display: block;
	width: 26px;
	height: 17px;
	border-radius: var(--corner-step-0);
	border: var(--outline-light) solid var(--tint-rule-bold);
	background-image: linear-gradient(to bottom, #FDB913 0 33.34%, #006A44 33.34% 66.67%, #C1272D 66.67% 100%);
}

.pavilion-offer {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding-inline: var(--gap-step-4);
	border-radius: var(--corner-step-0);
	font-family: var(--type-base);
	font-size: var(--size-sm);
	font-weight: var(--weight-bold);
	letter-spacing: var(--spacing-spread);
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
}

.pavilion-pane {
	display: none;
	background: var(--tint-pop);
	color: var(--tint-glyph);
	border-block-start: var(--outline-light) solid var(--tint-hair);
	padding-block: var(--gap-step-3);
	padding-inline: var(--wrap-inset-mobile);
	max-height: 70vh;
	overflow-y: auto;
}

.pavilion-pane.is-open {
	display: block;
}

.pavilion-bar {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
}

.pavilion-bar li {
	margin: 0;
}

.pavilion-bar .pavilion-path {
	padding: var(--gap-step-3) var(--gap-step-2);
	font-size: 15px;
}

/* hero HERO-03 */
.cornice {
	padding-block: var(--gap-step-7) var(--gap-step-6);
	background-color: var(--tint-grad-2);
	background-image: linear-gradient(180deg, rgba(18, 18, 20, 0.72) 0%, rgba(18, 18, 20, 0.94) 100%), url("/assets/composition.webp");
	background-size: cover;
	background-position: center;
	border-block-end: var(--outline-light) solid var(--tint-hair);
}

.cornice-shell {
	text-align: center;
}

.cornice-core {
	max-width: calc(var(--wrap-column) * 1.7);
	margin-inline: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.cornice-badge {
	display: inline-block;
	margin-block-end: var(--gap-step-3);
	color: var(--tint-core);
	font-size: var(--size-tiny);
	font-weight: var(--weight-bold);
	letter-spacing: var(--spacing-spread);
	text-transform: uppercase;
}

.cornice h1 {
	margin-block-end: var(--gap-step-3);
}

.cornice-under {
	margin-block: var(--gap-step-3);
	color: var(--tint-subtle);
	font-size: var(--size-base);
	line-height: var(--line-loose);
}

.cornice-offer {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 56px;
	margin-block: var(--gap-step-4) var(--gap-step-3);
	padding-inline: var(--gap-step-6);
	border-radius: var(--corner-step-0);
	font-family: var(--type-base);
	font-size: var(--size-h5);
	font-weight: var(--weight-bold);
	letter-spacing: var(--spacing-spread);
	text-transform: uppercase;
	text-decoration: none;
}

.cornice-note {
	display: block;
	max-width: var(--wrap-column);
	margin-inline: auto;
	color: var(--tint-subtle);
	font-size: var(--size-tiny);
	line-height: var(--line-default);
}

/* page-header PHEAD-03 */
.nave {
	padding-block: var(--gap-step-6);
	background: var(--tint-core);
	color: var(--tint-pop);
}

.nave-badge {
	display: inline-block;
	margin-block-end: var(--gap-step-2);
	color: var(--tint-pop);
	font-size: var(--size-tiny);
	font-weight: var(--weight-bold);
	letter-spacing: var(--spacing-spread);
	text-transform: uppercase;
}

.nave h1 {
	margin-block-end: var(--gap-step-3);
	font-size: clamp(30px, 5vw, 52px);
	color: var(--tint-pop);
}

.nave-note {
	margin: 0;
	max-width: 62ch;
	color: var(--tint-pop);
	font-size: var(--size-base);
	line-height: var(--line-default);
}

/* breadcrumbs BREAD-03 */
.keystone {
	padding-block: var(--gap-step-3);
	background: var(--tint-base-plane);
	color: var(--tint-subtle);
}

.keystone-set {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--gap-step-1);
	max-width: calc(var(--wrap-site) + 2 * var(--wrap-pad-lg));
	margin-inline: auto;
	padding-inline: var(--wrap-pad-lg);
	list-style: none;
}

.keystone-set li {
	margin: 0;
	display: inline-flex;
	align-items: center;
	font-size: var(--size-sm);
}

.keystone-set li + li::before {
	content: "\203A";
	margin-inline: var(--gap-step-1);
	color: var(--tint-core);
}

.keystone-path {
	color: var(--tint-subtle);
	text-decoration: none;
}

.keystone-path:hover {
	color: var(--tint-core);
}

.keystone-here {
	color: var(--tint-glyph);
}

/* prose PROSE-15 */
.ridge {
	padding-block: var(--gap-step-6);
}

.ridge h2 {
	margin-block-start: 0;
	margin-block-end: var(--gap-step-4);
}

.ridge p {
	font-size: var(--size-base);
	line-height: var(--line-loose);
	color: var(--tint-subtle);
	margin-block-end: var(--gap-step-4);
}

.ridge h2 + p {
	font-weight: var(--weight-bold);
	color: var(--tint-glyph);
}

.ridge-set,
.ridge-steps {
	margin-block-end: var(--gap-step-4);
	padding-inline-start: var(--gap-step-5);
	color: var(--tint-subtle);
	line-height: var(--line-loose);
}

.ridge-steps li::marker {
	color: var(--tint-core);
	font-weight: var(--weight-bold);
}

.ridge-set li::marker {
	color: var(--tint-core);
}

.ridge-path {
	color: var(--tint-core);
}

.ridge-path:hover {
	color: var(--tint-glyph);
}

.ridge-frame {
	margin: 0 0 var(--gap-step-4);
}

.ridge-frame img {
	display: block;
	width: 100%;
	height: clamp(200px, 34vh, 360px);
	object-fit: cover;
	object-position: center;
	border-radius: var(--corner-step-3);
	border: var(--outline-light) solid var(--tint-hair);
}

.ridge-plug {
	margin-block: var(--gap-step-4) 0;
}

.ridge-offer,
.promenade-offer,
.landing-offer,
.frieze-offer {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding-inline: var(--gap-step-5);
	border-radius: var(--corner-step-0);
	font-family: var(--type-base);
	font-size: var(--size-h5);
	font-weight: var(--weight-bold);
	letter-spacing: var(--spacing-spread);
	text-transform: uppercase;
	text-decoration: none;
}

/* items-grid GRID-03 + иконки набора */
.promenade {
	padding-block: var(--gap-step-6);
	background: var(--tint-base-plane);
}

.promenade h2 {
	margin-block-end: var(--gap-step-4);
}

.promenade-set {
	display: grid;
	grid-template-columns: 3fr 2fr;
	gap: var(--gap-step-3);
}

.promenade-set > *:nth-child(4n+3) {
	grid-column: 1;
}

.promenade-block {
	background: var(--tint-card);
	color: var(--tint-glyph);
	border: var(--outline-light) solid var(--tint-hair);
	border-radius: var(--corner-step-3);
	padding: var(--gap-step-4);
	transition: background-color var(--duration-base) var(--easing-out), border-color var(--duration-base) var(--easing-out);
}

.promenade-block:hover {
	background-color: #23252a;
	border-color: var(--tint-edge);
}

.promenade-pic {
	display: block;
	width: 32px;
	height: 32px;
	fill: var(--tint-core);
	margin-block-end: var(--gap-step-2);
}

.promenade-block h3 {
	margin-block: var(--gap-step-2) var(--gap-step-2);
	font-size: var(--size-h4);
}

.promenade-block p {
	margin: 0;
	color: var(--tint-subtle);
	font-size: var(--size-sm);
	line-height: var(--line-loose);
}

.promenade-plug {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: var(--gap-step-3);
	background: var(--tint-card);
	color: var(--tint-glyph);
	border: var(--outline-light) solid var(--tint-core);
	border-radius: var(--corner-step-3);
	padding: var(--gap-step-4);
}

.promenade-note {
	margin: 0;
	font-family: var(--type-banner);
	font-size: var(--size-h4);
	font-weight: var(--weight-bold);
	color: var(--tint-glyph);
}

.promenade-path {
	color: var(--tint-core);
}

/* data-table TABLE-06 */
.threshold {
	padding-block: var(--gap-step-6);
}

.threshold-heading {
	position: relative;
	margin: 0 0 var(--gap-step-4);
	padding-block-start: var(--gap-step-3);
	font-family: var(--type-banner);
	font-size: var(--size-h4);
	font-style: italic;
	color: var(--tint-subtle);
	text-align: center;
}

.threshold-heading::before {
	content: "";
	position: absolute;
	inset-block-start: 0;
	inset-inline-start: 50%;
	transform: translateX(-50%);
	width: 40px;
	height: var(--outline-mid);
	background: var(--tint-core);
}

.threshold-scroll {
	overflow-x: auto;
}

.threshold table {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--size-base);
}

.threshold th,
.threshold td {
	padding: var(--gap-step-3);
	text-align: start;
	border-block-end: var(--outline-light) solid var(--tint-hair);
	vertical-align: top;
}

.threshold thead th {
	background: var(--tint-card);
	color: var(--tint-glyph);
	font-size: var(--size-sm);
	font-weight: var(--weight-bold);
	letter-spacing: var(--spacing-spread);
	text-transform: uppercase;
	white-space: nowrap;
}

.threshold tbody th {
	color: var(--tint-glyph);
	font-weight: var(--weight-bold);
}

.threshold tbody td {
	color: var(--tint-subtle);
}

/* reviews REV-03 */
.landing {
	padding-block: var(--gap-step-6);
	background: var(--tint-base-plane);
}

.landing h2 {
	margin-block-end: var(--gap-step-4);
}

.landing-rail {
	display: flex;
	gap: var(--gap-step-3);
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	padding-block-end: var(--gap-step-3);
	scrollbar-width: thin;
}

.landing-block,
.landing-plug {
	flex: 0 0 auto;
	width: 340px;
	min-height: 240px;
	scroll-snap-align: start;
	background: var(--tint-card);
	color: var(--tint-glyph);
	border: var(--outline-light) solid var(--tint-hair);
	border-radius: var(--corner-step-3);
	padding: var(--gap-step-4);
}

.landing-plug {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: var(--gap-step-3);
	border-color: var(--tint-core);
}

.landing-pitch {
	margin: 0;
	font-family: var(--type-banner);
	font-size: var(--size-h4);
	font-weight: var(--weight-bold);
	color: var(--tint-glyph);
}

.landing-bar {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--gap-step-2);
	margin-block-end: var(--gap-step-2);
}

.landing-who {
	font-weight: var(--weight-bold);
	color: var(--tint-glyph);
	font-size: var(--size-h5);
}

.landing-date {
	color: var(--tint-subtle);
	font-size: var(--size-tiny);
	white-space: nowrap;
}

.landing-score {
	margin: 0 0 var(--gap-step-0);
	color: var(--tint-core);
	font-size: var(--size-sm);
	font-weight: var(--weight-bold);
}

.landing-gauge {
	display: block;
	width: 60%;
	height: 4px;
	margin-block-end: var(--gap-step-3);
	background: rgba(255, 255, 255, 0.2);
	border-radius: var(--corner-lozenge);
	overflow: hidden;
}

.landing-gauge span {
	display: block;
	height: 100%;
	background: var(--tint-core);
}

.landing-note {
	margin: 0;
	color: var(--tint-subtle);
	font-size: var(--size-sm);
	line-height: var(--line-loose);
	font-style: normal;
	border: 0;
	padding: 0;
}

.landing-dots {
	display: flex;
	justify-content: center;
	gap: var(--gap-step-1);
	margin-block-start: var(--gap-step-3);
}

.landing-dots i {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: var(--corner-circle);
	background: rgba(255, 255, 255, 0.3);
	transition: background-color var(--duration-short) var(--easing-out);
}

.landing-dots i.is-live {
	background: var(--tint-core);
}

/* faq FAQ-05 */
.balcony {
	padding-block: var(--gap-step-6);
}

.balcony h2 {
	margin-block-end: var(--gap-step-4);
}

.balcony-set {
	margin: 0;
	padding: 0;
	list-style: none;
}

.balcony-slot {
	margin: 0;
	border-block-end: var(--outline-light) solid var(--tint-hair);
}

.balcony summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--gap-step-3);
	padding-block: var(--gap-step-3);
	cursor: pointer;
	list-style: none;
	color: var(--tint-glyph);
	transition: color var(--duration-short) var(--easing-out);
}

.balcony summary::-webkit-details-marker {
	display: none;
}

.balcony summary h3 {
	margin: 0;
	font-size: var(--size-h4);
	font-weight: var(--weight-bold);
}

.balcony summary::after {
	content: "";
	flex: 0 0 auto;
	width: 9px;
	height: 9px;
	border-inline-end: var(--outline-mid) solid var(--tint-core);
	border-block-end: var(--outline-mid) solid var(--tint-core);
	transform: rotate(45deg);
	transform-origin: center;
	transition: transform var(--duration-base) var(--easing-out);
}

.balcony details[open] summary::after {
	transform: rotate(-135deg);
}

.balcony summary:hover {
	color: var(--tint-core);
}

.balcony-main {
	padding-block-end: var(--gap-step-3);
}

.balcony-main p {
	margin: 0;
	color: var(--tint-subtle);
	line-height: var(--line-loose);
}

.balcony-path {
	color: var(--tint-core);
}

/* cta-block CTA-02 */
.frieze {
	padding-block: var(--gap-step-6);
}

.frieze-block {
	max-width: calc(var(--wrap-column) * 1.6);
	margin-inline: auto;
	background: var(--tint-card);
	color: var(--tint-glyph);
	border: var(--outline-light) solid var(--tint-edge);
	border-radius: var(--corner-step-4);
	padding: var(--gap-step-6);
	text-align: center;
}

.frieze-block h2 {
	margin-block-end: var(--gap-step-3);
}

.frieze-note {
	margin-block: var(--gap-step-3) var(--gap-step-4);
	color: var(--tint-subtle);
	line-height: var(--line-loose);
}

/* legal LEGAL-08 */
.crochet {
	padding-block: var(--gap-step-5);
	background: var(--tint-base-plane);
}

.crochet-lead {
	margin-block-end: var(--gap-step-4);
	color: var(--tint-glyph);
	font-weight: var(--weight-bold);
	line-height: var(--line-loose);
}

.crochet h2 {
	font-family: var(--type-base);
	font-size: var(--size-lg-2);
	font-weight: var(--weight-bold);
	letter-spacing: var(--spacing-even);
	margin-block: var(--gap-step-5) var(--gap-step-3);
}

.crochet p {
	color: var(--tint-subtle);
	line-height: var(--line-loose);
	margin-block-end: var(--gap-step-3);
}

.crochet-set {
	color: var(--tint-subtle);
	line-height: var(--line-loose);
	padding-inline-start: var(--gap-step-5);
}

.crochet-path {
	color: var(--tint-core);
}

.crochet-meta {
	display: block;
	margin-block-start: var(--gap-step-5);
	color: var(--tint-subtle);
	font-size: var(--size-sm);
	line-height: var(--line-loose);
}

/* contact-form FORM-06 */
.cloister {
	padding-block: var(--gap-step-6);
	background: var(--tint-base-plane);
}

.cloister-lead {
	margin-block-end: var(--gap-step-4);
	color: var(--tint-subtle);
	line-height: var(--line-loose);
}

.cloister-form {
	max-width: calc(var(--wrap-column) * 1.6);
	display: flex;
	flex-direction: column;
	gap: var(--gap-step-3);
}

.cloister-input {
	position: relative;
}

.cloister-entry {
	width: 100%;
	padding: var(--gap-step-5) var(--gap-step-3) var(--gap-step-2);
	background: var(--tint-card);
	color: var(--tint-glyph);
	border: var(--outline-light) solid var(--tint-edge);
	border-radius: var(--corner-step-2);
	font-family: var(--type-base);
	font-size: var(--size-base);
	line-height: var(--line-default);
}

.cloister-entry:focus {
	border-color: var(--tint-core);
	outline: none;
}

.cloister-badge {
	position: absolute;
	inset-block-start: 50%;
	inset-inline-start: var(--gap-step-3);
	transform: translateY(-50%);
	color: var(--tint-subtle);
	font-size: var(--size-base);
	pointer-events: none;
	transition: inset-block-start var(--duration-short) var(--easing-out), font-size var(--duration-short) var(--easing-out);
}

textarea.cloister-entry + .cloister-badge {
	inset-block-start: var(--gap-step-4);
	transform: none;
}

.cloister-entry:focus + .cloister-badge,
.cloister-entry:not(:placeholder-shown) + .cloister-badge {
	inset-block-start: var(--gap-step-1);
	transform: none;
	font-size: var(--size-tiny);
	color: var(--tint-core);
}

.cloister-tap {
	align-self: flex-start;
	min-height: 46px;
	padding-inline: var(--gap-step-5);
	background: var(--tint-core);
	color: var(--tint-spot-deep);
	border: 0;
	border-radius: var(--corner-step-0);
	font-family: var(--type-base);
	font-size: var(--size-h5);
	font-weight: var(--weight-bold);
	letter-spacing: var(--spacing-spread);
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color var(--duration-short) var(--easing-out), color var(--duration-short) var(--easing-out);
}

.cloister-tap:hover {
	background-color: var(--tint-glyph);
	color: var(--tint-pop);
}

.cloister-done {
	margin-block-start: var(--gap-step-3);
	color: var(--tint-core);
	font-weight: var(--weight-bold);
}

.cloister-meta {
	margin-block-start: var(--gap-step-3);
	color: var(--tint-subtle);
	font-size: var(--size-sm);
}

/* author-card AUTH-07 */
.beacon {
	padding-block: var(--gap-step-6);
}

.beacon-block {
	display: grid;
	grid-template-columns: 100px 1fr;
	gap: var(--gap-step-4);
	background: var(--tint-card);
	color: var(--tint-glyph);
	border-inline-start: var(--outline-wide) solid var(--tint-core);
	border-radius: var(--corner-step-3);
	padding: var(--gap-step-5);
}

.beacon-face {
	width: 100px;
	height: 100px;
	border-radius: var(--corner-circle);
	object-fit: cover;
	object-position: center top;
}

.beacon-quote {
	display: block;
	font-family: var(--type-banner);
	font-size: 44px;
	line-height: 0.7;
	color: var(--tint-core);
}

.beacon-bio {
	margin: var(--gap-step-2) 0 var(--gap-step-3);
	padding: 0;
	border: 0;
	color: var(--tint-glyph);
	font-size: var(--size-h4);
	font-style: italic;
	line-height: var(--line-default);
}

.beacon-meta {
	margin: 0;
	color: var(--tint-subtle);
	font-size: var(--size-sm);
	letter-spacing: var(--spacing-spread);
}

.beacon-articles {
	padding-block: var(--gap-step-6);
	background: var(--tint-base-plane);
}

.beacon-heading {
	margin-block-end: var(--gap-step-4);
}

.beacon-articles .beacon-set {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--gap-step-2) var(--gap-step-4);
	margin: 0;
	padding: 0;
	list-style: none;
}

.beacon-slot {
	margin: 0;
	border-block-end: var(--outline-light) solid var(--tint-hair);
	padding-block: var(--gap-step-2);
}

.beacon-articles .beacon-path {
	color: var(--tint-subtle);
	font-size: var(--size-base);
	text-decoration: none;
}

.beacon-articles .beacon-path:hover {
	color: var(--tint-core);
}

/* author-byline BYLINE-02 */
.shelf {
	display: block;
	padding-block: var(--gap-step-4) var(--gap-step-6);
}

.shelf-block {
	display: flex;
	gap: var(--gap-step-3);
	max-width: calc(var(--wrap-column) * 1.6);
	margin-inline: auto;
	background: var(--tint-card);
	color: var(--tint-glyph);
	border: var(--outline-light) solid var(--tint-hair);
	border-radius: var(--corner-step-3);
	padding: var(--gap-step-4);
}

.shelf-face {
	flex: 0 0 auto;
	display: block;
	line-height: 0;
}

.shelf-face img {
	width: 64px;
	height: 64px;
	border-radius: var(--corner-circle);
	object-fit: cover;
	object-position: center top;
}

.shelf-badge {
	display: block;
	color: var(--tint-subtle);
	font-size: var(--size-tiny);
	letter-spacing: var(--spacing-spread);
	text-transform: uppercase;
}

.shelf-head {
	margin: var(--gap-step-0) 0 var(--gap-step-1);
	font-family: var(--type-banner);
	font-size: var(--size-h4);
	font-weight: var(--weight-bold);
}

.shelf-path {
	color: var(--tint-glyph);
	text-decoration: none;
}

.shelf-path:hover {
	color: var(--tint-core);
	text-decoration: underline;
}

.shelf-post,
.shelf-meta {
	margin: 0 0 var(--gap-step-1);
	color: var(--tint-subtle);
	font-size: var(--size-sm);
}

.shelf-bio {
	margin: var(--gap-step-1) 0 0;
	color: var(--tint-subtle);
	font-size: var(--size-base);
	line-height: var(--line-default);
}

/* error ERR-05 */
.portico {
	padding-block: var(--gap-step-7);
	text-align: center;
}

.portico-head {
	position: relative;
	display: inline-block;
	color: var(--tint-glyph);
	font-size: clamp(28px, 5vw, 46px);
}

.portico-head::before,
.portico-head::after {
	content: attr(data-text);
	position: absolute;
	inset: 0;
	opacity: 0.55;
	pointer-events: none;
}

.portico-head::before {
	color: var(--tint-core);
	transform: translate(2px, -2px);
}

.portico-head::after {
	color: var(--tint-notice);
	transform: translate(-2px, 2px);
}

.portico-note {
	max-width: calc(var(--wrap-column) * 1.4);
	margin-inline: auto;
	color: var(--tint-subtle);
	line-height: var(--line-loose);
}

.portico-path {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	margin-block-start: var(--gap-step-4);
	padding-inline: var(--gap-step-5);
	background: var(--tint-core);
	color: var(--tint-spot-deep);
	border-radius: var(--corner-step-0);
	font-weight: var(--weight-bold);
	letter-spacing: var(--spacing-spread);
	text-transform: uppercase;
	text-decoration: none;
	transition: background-color var(--duration-short) var(--easing-out), color var(--duration-short) var(--easing-out);
}

.portico-path:hover {
	background-color: var(--tint-glyph);
	color: var(--tint-pop);
}

/* footer FOOT-09 */
.reel {
	background: var(--tint-core);
	color: var(--tint-pop);
	padding-block: var(--gap-step-3);
}

.reel-shell {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--gap-step-2) var(--gap-step-4);
	min-height: 80px;
	flex-wrap: wrap;
}

.reel-routes {
	flex: 1 1 320px;
	min-width: 0;
}

.reel-routes .reel-set {
	justify-content: center;
}

.reel-fine {
	flex: 0 1 auto;
	min-width: 0;
}

.reel-mark {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	line-height: 0;
	text-decoration: none;
}

.reel-mark img {
	height: 36px;
	width: auto;
	display: block;
}

.reel-set {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--gap-step-3);
	margin: 0;
	padding: 0;
	list-style: none;
}

.reel-set li {
	margin: 0;
}

.reel-routes .reel-path {
	font-size: var(--size-sm);
	letter-spacing: var(--spacing-spread);
}

.reel-fine .reel-set {
	gap: var(--gap-step-2);
}

.reel-fine .reel-path {
	font-size: var(--size-tiny);
}

.reel-path {
	color: var(--tint-pop);
	text-decoration: none;
}

.reel-path:hover {
	color: var(--tint-spot-deep);
	text-decoration: underline;
}

.reel-meta {
	color: var(--tint-pop);
	font-size: var(--size-tiny);
}

/* cookie-banner COOK-04 */
.loft-scrim {
	position: fixed;
	inset: 0;
	z-index: 89;
	background: rgba(0, 0, 0, 0.4);
	opacity: 0;
	transition: opacity var(--duration-slow) var(--easing-out);
}

.loft-scrim.is-open {
	opacity: 1;
}

.loft {
	position: fixed;
	inset-inline: 0;
	inset-block-end: 0;
	z-index: 90;
	background: var(--tint-card);
	color: var(--tint-glyph);
	border-block-start: 4px solid var(--tint-core);
	padding-block: var(--gap-step-5);
	opacity: 0;
	clip-path: inset(100% 0 0 0);
	transition: opacity var(--duration-slow) var(--easing-out), clip-path var(--duration-slow) var(--easing-out);
}

.loft.is-open {
	opacity: 1;
	clip-path: inset(0 0 0 0);
}

.loft-shell {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--gap-step-3);
	text-align: center;
}

.loft-heading {
	margin: 0;
	font-size: var(--size-h4);
}

.loft-line {
	margin: 0;
	max-width: calc(var(--wrap-column) * 1.6);
	color: var(--tint-subtle);
	line-height: var(--line-loose);
}

.loft-controls {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--gap-step-3);
}

.loft-confirm,
.loft-reject {
	min-height: 48px;
	padding-inline: var(--gap-step-4);
	border-radius: var(--corner-step-0);
	font-family: var(--type-base);
	font-size: var(--size-h5);
	font-weight: var(--weight-bold);
	letter-spacing: var(--spacing-spread);
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color var(--duration-short) var(--easing-out), color var(--duration-short) var(--easing-out);
}

.loft-confirm {
	background: var(--tint-core);
	color: var(--tint-spot-deep);
	border: var(--outline-light) solid var(--tint-core);
}

.loft-confirm:hover {
	background-color: var(--tint-glyph);
	color: var(--tint-pop);
}

.loft-reject {
	background: transparent;
	color: var(--tint-glyph);
	border: var(--outline-light) solid var(--tint-rule-bold);
}

.loft-reject:hover {
	background-color: var(--tint-glyph);
	color: var(--tint-pop);
}

/* ─ tablet ─ */
@media (max-width: 1040px) {
	.pavilion-shell {
		height: var(--bar-h-sm);
		padding-inline: var(--wrap-pad-md);
		gap: var(--gap-step-3);
	}

	.pavilion-mark img {
		height: 44px;
	}

	.pavilion-routes {
		display: none;
	}

	.pavilion-opener {
		display: inline-flex;
	}

	.pavilion-controls {
		gap: var(--gap-step-2);
	}

	.pavilion-offer {
		min-height: 40px;
		padding-inline: var(--gap-step-3);
		font-size: var(--size-tiny);
	}

	.cresset-shell,
	.cornice-shell,
	.nave-shell,
	.ridge-shell,
	.promenade-shell,
	.threshold-shell,
	.landing-shell,
	.balcony-shell,
	.frieze-shell,
	.crochet-shell,
	.cloister-shell,
	.beacon-shell,
	.shelf-shell,
	.portico-shell,
	.reel-shell,
	.loft-shell,
	.keystone-set {
		padding-inline: var(--wrap-pad-md);
	}

	.promenade-set {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.promenade-set > *:nth-child(4n+3) {
		grid-column: auto;
	}
}

@media (min-width: 1041px) {
	.pavilion-pane {
		display: none !important;
	}
}

/* ─ mobile ─ */
@media (max-width: 720px) {
	:root {
		--size-h1: clamp(24px, 7vw, 26px);
		--size-xl-2: 22px;
		--size-lg-2: 18px;
		--size-h4: 16px;
		--size-h5: 13px;
		--size-h6: 11px;
		--size-base: 14px;
		--size-sm: 12px;
		--size-tiny: 10px;
	}

	.cresset-shell,
	.cornice-shell,
	.nave-shell,
	.ridge-shell,
	.promenade-shell,
	.threshold-shell,
	.landing-shell,
	.balcony-shell,
	.frieze-shell,
	.crochet-shell,
	.cloister-shell,
	.beacon-shell,
	.shelf-shell,
	.portico-shell,
	.reel-shell,
	.loft-shell,
	.keystone-set {
		padding-inline: var(--wrap-inset-mobile);
	}

	.pavilion-shell {
		padding-inline: var(--wrap-inset-mobile);
	}

	.pavilion-mark img {
		height: 38px;
	}

	.pavilion-offer {
		max-width: 42vw;
		white-space: normal;
		text-align: center;
		line-height: 1.15;
		padding-inline: var(--gap-step-2);
	}

	.pavilion-flag {
		display: none;
	}

	.cresset-band {
		gap: var(--gap-step-1);
		font-size: var(--size-tiny);
		padding-block: var(--gap-step-1);
	}

	.cresset-badge {
		min-width: 30px;
		height: 22px;
		font-size: var(--size-tiny);
	}

	.cornice {
		padding-block: var(--gap-step-6) var(--gap-step-5);
	}

	.cornice-offer {
		width: 100%;
		min-height: 52px;
		padding-inline: var(--gap-step-3);
	}

	.promenade-set {
		grid-template-columns: minmax(0, 1fr);
	}

	.promenade-plug,
	.landing-plug {
		align-items: stretch;
	}

	.landing-block,
	.landing-plug {
		width: 82vw;
	}

	.beacon-block {
		grid-template-columns: minmax(0, 1fr);
		justify-items: start;
	}

	.beacon-articles .beacon-set {
		grid-template-columns: minmax(0, 1fr);
	}

	.shelf-block {
		flex-direction: column;
	}

	.reel-shell {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--gap-step-3);
		padding-block: var(--gap-step-3);
	}

	.reel-set {
		gap: var(--gap-step-2) var(--gap-step-3);
	}

	.threshold table {
		font-size: var(--size-sm);
	}

	.threshold th,
	.threshold td {
		padding: var(--gap-step-2);
	}

	.ridge-offer,
	.promenade-offer,
	.landing-offer,
	.frieze-offer {
		width: 100%;
		padding-inline: var(--gap-step-3);
	}

	.frieze-block {
		padding: var(--gap-step-5) var(--gap-step-4);
	}

	.loft,
	.loft-shell {
		padding-block: var(--gap-step-3);
		gap: var(--gap-step-2);
		font-size: 13px;
		line-height: 1.35;
	}

	.loft-heading {
		display: none;
	}

	.loft-controls {
		width: 100%;
		flex-direction: column;
	}

	.loft-confirm,
	.loft-reject {
		width: 100%;
		min-height: 44px;
		font-size: var(--size-sm);
		padding-inline: var(--gap-step-3);
	}
}

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

/* offer buttons */
.crest-grab{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--gap-step-5);min-height:46px;border-radius:var(--corner-step-0);font-weight:var(--weight-bold);letter-spacing:var(--spacing-spread)}
.crest-grab{position:relative;
  background:#16A34A;color:#000000;text-decoration:none;text-transform:uppercase;
  transition:background 0.26s linear;}
.crest-grab.crest-grab{color:#000000;text-decoration:none;}
.crest-grab:hover{background:#15803D;color:#FFFFFF;animation:none}
.crest-grab.crest-grab:hover{color:#FFFFFF;text-decoration:none}
.crest-grab:hover::after{animation:none}
.crest-grab:active{background:#166534;color:#FFFFFF}
.crest-grab:focus-visible{outline:3px solid #000000;outline-offset:3px}
@keyframes crest-glow{0%,100%{transform:scaleX(0)}40%,60%{transform:scaleX(1)}}
.crest-grab::after{content:"";position:absolute;left:12%;right:12%;bottom:6px;height:2px;background:currentColor;opacity:.5;transform-origin:left;animation:crest-glow 1.2s cubic-bezier(.45,.35,.90,1) infinite}
@media (prefers-reduced-motion:reduce){.crest-grab,.crest-grab::after{animation:none!important;transition:none!important}}

.cornice-offer.crest-grab {
	min-height: 56px;
	padding-inline: var(--gap-step-6);
}

.pavilion-offer.crest-grab {
	min-height: 44px;
	padding-inline: var(--gap-step-4);
	font-size: var(--size-sm);
}

.ridge-offer.crest-grab,
.promenade-offer.crest-grab,
.landing-offer.crest-grab,
.frieze-offer.crest-grab {
	min-height: 52px;
}

@media (max-width: 1040px) {
	.pavilion-offer.crest-grab {
		min-height: 40px;
		padding-inline: var(--gap-step-3);
		font-size: var(--size-tiny);
	}
}

@media (max-width: 720px) {
	.pavilion-offer.crest-grab {
		max-width: 42vw;
		white-space: normal;
		line-height: 1.15;
		text-align: center;
		padding-inline: var(--gap-step-2);
	}

	.cornice-offer.crest-grab,
	.ridge-offer.crest-grab,
	.promenade-offer.crest-grab,
	.landing-offer.crest-grab,
	.frieze-offer.crest-grab {
		width: 100%;
		padding-inline: var(--gap-step-3);
	}
}

.pavilion-pane-routes {
	display: block;
	width: 100%;
}

.shelf-main {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.beacon-main {
	display: block;
	min-width: 0;
}

@media (max-width: 1066px) {
  .pavilion-routes,
  .pavilion-set { display: none !important; }
  .pavilion-opener { display: flex !important; }
}