@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/poppins-400.woff2") format("woff2");
}
@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/poppins-500.woff2") format("woff2");
}
@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/poppins-600.woff2") format("woff2");
}
@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/poppins-700.woff2") format("woff2");
}

:root:root {
	--mai-brand: #a7b59f;
	--mai-brand-dark: #3e5a4b;
	--mai-brand-tint: #f8f6f1;
	--mai-brand-wash: #f8f6f1;
	--mai-brand-deep: #3e5a4b;
	--mai-brand-light: #e6e6e6;
	--mai-brand-on: #3e5a4b;
	--mai-footer-ink: #3e5a4b;
	--mai-nav-surface: #ffffff;
	--mai-accent: #3e5a4b;
	--mai-accent-dark: #3e5a4b;
	--mai-ink: #3e5a4b;
	--mai-muted: #3e5a4b;
	--mai-line: #e6e6e6;
	--mai-control-line: #a7b59f;
	--mai-paper: #ffffff;
	--mai-mobile-gutter: 20px;
	--mai-container: 1160px;
	--vbo-pref-textcolor: #3e5a4b;
	--vbo-pref-bgcolor: #a7b59f;
	--vbo-pref-fontcolor: #3e5a4b;
	--vbo-pref-bgcolorhov: #3e5a4b;
	--vbo-pref-fontcolorhov: #fff;
	--vbo-base-color: #a7b59f;
}

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

html {
	scroll-behavior: smooth;
	background: #fff;
}

body.maison-native {
	margin: 0;
	background: #fff;
	color: var(--mai-ink);
	font-family: "Poppins", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

body.maison-native img {
	max-width: 100%;
	height: auto;
}

body.maison-native button,
body.maison-native input,
body.maison-native select,
body.maison-native textarea {
	font: inherit;
}

body.maison-native a {
	color: inherit;
}

body.maison-native :focus-visible {
	outline: 3px solid var(--mai-brand-dark);
	outline-offset: 3px;
}

.mai-container {
	width: min(var(--mai-container), calc(100% - 64px));
	margin-inline: auto;
}

.mai-section {
	padding-block: clamp(72px, 8vw, 118px);
	scroll-margin-top: 20px;
}

.mai-section-heading {
	max-width: 700px;
	margin-bottom: 30px;
}

.mai-eyebrow {
	margin: 0 0 9px;
	color: var(--mai-brand-dark);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .17em;
	line-height: 1.4;
	text-transform: uppercase;
}

.mai-section-heading h2,
.mai-location h2,
.mai-prose h1 {
	margin: 0;
	font-size: clamp(34px, 4vw, 52px);
	font-weight: 700;
	letter-spacing: -.035em;
	line-height: 1.08;
}

.mai-section-heading::after {
	content: "";
	display: block;
	width: 58px;
	height: 1px;
	margin-top: 23px;
	background: var(--mai-brand);
}

.mai-story-grid,
.mai-restaurant-copy {
	display: grid;
	grid-template-columns: minmax(230px, .8fr) repeat(2, minmax(0, 1fr));
	gap: clamp(28px, 4vw, 58px);
	align-items: start;
}

.mai-intro-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) minmax(180px, .65fr);
	gap: clamp(24px, 3vw, 46px);
	align-items: start;
	margin-bottom: 48px;
}

.mai-intro-grid > p,
.mai-story-grid > div p,
.mai-restaurant-copy > div p,
.mai-location > p:last-child,
.mai-contact-grid p {
	margin: 0 0 1.35em;
	color: #3e5a4b;
	line-height: 1.82;
}

.mai-intro-grid > p:first-child,
.mai-story-grid > div:first-of-type p:first-child {
	color: var(--mai-ink);
	font-size: 18px;
	font-weight: 500;
}

/* Desktop identity rail */
.mai-home-shell {
	min-width: 0;
}

.mai-desktop-sidebar {
	position: fixed;
	z-index: 50;
	top: 0;
	bottom: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	width: 260px;
	padding: 30px 22px 24px;
	background: var(--mai-brand-tint);
	border-right: 1px solid var(--mai-line);
	box-shadow: 12px 0 38px rgba(62, 90, 75, .16);
	color: var(--mai-brand-on);
}

.mai-side-logo {
	display: block;
	width: 100%;
	margin: 8px 0 32px;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}

/* Shared approved SVG artwork, including booking and fallback pages. */
.mai-brand {
	display: block;
	width: 230px;
	max-width: 100%;
	height: auto;
	color: inherit;
}

.mai-side-logo .mai-brand { width: 100%; }

.mai-mobile-logo,
.mai-footer-brand,
.mai-funnel-logo,
.mai-simple-header a {
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}

.mai-mobile-logo:focus:not(:focus-visible),
.mai-footer-brand:focus:not(:focus-visible),
.mai-funnel-logo:focus:not(:focus-visible),
.mai-simple-header a:focus:not(:focus-visible) { outline: 0; }

.mai-side-logo:active,
.mai-mobile-logo:active,
.mai-footer-brand:active,
.mai-funnel-logo:active,
.mai-simple-header a:active {
	background: transparent;
	box-shadow: none;
}

.mai-side-book,
.mai-button,
.mai-mobile-book {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 12px 20px;
	border: 0;
	border-radius: 9px;
	background: var(--mai-accent);
	box-shadow: 0 8px 20px rgba(62, 90, 75, .24);
	color: #fff !important;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .025em;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}

.mai-side-book::after,
.mai-button::after,
.mai-mobile-book::after {
	content: "";
	display: block;
	width: 18px;
	height: 12px;
	margin-left: 11px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12'%3E%3Cpath d='M13.7.7 19 6l-5.3 5.3-1.4-1.4L15.2 7H1V5h14.2l-2.9-2.9L13.7.7Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12'%3E%3Cpath d='M13.7.7 19 6l-5.3 5.3-1.4-1.4L15.2 7H1V5h14.2l-2.9-2.9L13.7.7Z'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform .2s ease;
}

.mai-side-book:hover,
.mai-button:hover,
.mai-mobile-book:hover {
	background: var(--mai-accent-dark);
	box-shadow: 0 10px 24px rgba(62, 90, 75, .32);
	transform: translateY(-2px);
}

.mai-side-book:hover::after,
.mai-button:hover::after,
.mai-mobile-book:hover::after {
	transform: translateX(3px);
}

.mai-side-book:focus-visible {
	outline-color: #fff;
}

.mai-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mai-side-nav-label {
	margin: 30px 10px 10px;
	color: var(--mai-brand-on);
	font-size: 9.5px;
	font-weight: 700;
	letter-spacing: .19em;
	line-height: 1.4;
	text-transform: uppercase;
}

.mai-side-nav {
	margin-top: 0;
	padding: 6px 10px;
	border: 1px solid rgba(255, 255, 255, .45);
	border-radius: 13px;
	background: var(--mai-nav-surface);
	box-shadow: 0 10px 28px rgba(62, 90, 75, .12);
}

.mai-side-nav ul {
	border-top: 0;
}

.mai-side-nav li + li {
	margin-top: 0;
}

.mai-side-nav a {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 16px;
	align-items: center;
	min-height: 48px;
	padding: 11px 8px 11px 10px;
	border-bottom: 1px solid rgba(23, 33, 31, .13);
	color: var(--mai-brand-on);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .005em;
	line-height: 1.35;
	text-decoration: none;
	transition: padding .24s ease, background .24s ease, color .24s ease;
}

.mai-side-nav a::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 2px;
	height: 0;
	background: var(--mai-accent);
	transform: translateY(-50%);
	transition: height .24s ease;
}

.mai-side-nav li:last-child a {
	border-bottom: 0;
}

.mai-nav-icon {
	display: block;
	width: 18px;
	height: 18px;
	color: var(--mai-accent);
	opacity: .86;
	transition: color .24s ease, opacity .24s ease, transform .24s ease;
}

.mai-side-nav a:hover,
.mai-side-nav a:focus-visible,
.mai-side-nav a[aria-current="location"] {
	padding-left: 16px;
	background: rgba(62, 90, 75, .09);
	color: var(--mai-accent-dark);
}

.mai-side-nav a:hover::before,
.mai-side-nav a:focus-visible::before,
.mai-side-nav a[aria-current="location"]::before {
	height: 22px;
}


.mai-side-nav a:hover .mai-nav-icon,
.mai-side-nav a:focus-visible .mai-nav-icon,
.mai-side-nav a[aria-current="location"] .mai-nav-icon {
	color: var(--mai-accent-dark);
	opacity: 1;
	transform: scale(1.08);
}

.mai-side-contact {
	display: grid;
	gap: 8px;
	margin-top: auto;
	padding-top: 20px;
	border-top: 1px solid rgba(23, 33, 31, .28);
}

.mai-side-contact a {
	color: rgba(23, 33, 31, .9);
	font-size: 12.5px;
	font-weight: 500;
	text-decoration: none;
}

.mai-home-content {
	margin-left: 260px;
	min-width: 0;
}

.mai-mobile-header,
.mai-mobile-book {
	display: none;
}

/* Hero */
.mai-hero {
	position: relative;
	isolation: isolate;
	display: flex;
	align-items: flex-end;
	min-height: min(860px, 100vh);
	overflow: hidden;
	background: #3e5a4b;
}

.mai-hero-video,
.mai-hero-shade {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.mai-hero-video {
	z-index: -2;
	object-fit: cover;
}

.mai-hero-shade {
	z-index: -1;
	background: linear-gradient(180deg, rgba(15, 22, 18, .58) 0%, rgba(15, 22, 18, .25) 25%, rgba(15, 22, 18, .68) 65%, rgba(15, 22, 18, .86) 100%);
}

.mai-hero-content {
	width: min(1160px, calc(100% - 64px));
	margin-inline: auto;
	padding: 150px 0 50px;
}

.mai-hero-copy {
	max-width: 880px;
	margin: 0 4px 20px;
	color: #fff;
}

.mai-hero-kicker {
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 0 0 14px;
	color: rgba(255, 255, 255, .86);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .22em;
	line-height: 1.4;
	text-transform: uppercase;
}

.mai-hero-kicker::before {
	content: "";
	width: 34px;
	height: 1px;
	background: var(--mai-brand-light);
}

.mai-hero-copy h1 {
	max-width: 18ch;
	margin: 0 0 16px;
	color: #fff;
	font-size: clamp(38px, 5vw, 66px);
	font-weight: 700;
	letter-spacing: -.045em;
	line-height: 1.04;
	text-shadow: 0 3px 24px rgba(0, 0, 0, .35);
}

.mai-review-summary {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	margin: 0;
	font-size: 14px;
	font-weight: 600;
}

.mai-review-summary strong {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	padding-inline: 7px;
	border-radius: 9px 9px 9px 1px;
	background: var(--mai-brand);
	box-shadow: 0 4px 12px rgba(0, 0, 0, .26);
	color: var(--mai-brand-on);
	font-size: 16px;
}

.mai-hero-quote {
	max-width: 760px;
	min-height: 42px;
	margin: 12px 0 0;
	color: rgba(255, 255, 255, .9);
	font-size: 13.5px;
	font-style: italic;
	line-height: 1.5;
	transition: opacity .35s ease;
}

.mai-hero-quote cite {
	margin-left: 8px;
	font-style: normal;
	font-weight: 600;
}

/* Native booking search presentation */
.mai-search,
.mai-search-widget,
.mai-search .widget,
.mai-search .vbo-horizsearch-humanformat-wrap {
	position: relative;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	background: transparent;
}

.mai-search .widgettitle {
	display: none;
}

.mai-search form {
	position: relative;
	display: flex;
	align-items: stretch;
	gap: 0;
	width: 100%;
	padding: 8px 10px;
	border: 3px solid var(--mai-accent);
	border-radius: 13px;
	background: rgba(255, 255, 255, .97);
	box-shadow: 0 16px 42px rgba(0, 0, 0, .32);
}

.mai-search .vbmodhorsearch-hum-dates-wrap {
	display: flex;
	flex: 1 1 auto;
	min-width: 0;
}

.mai-search .vbmodhorsearch-humcalcont,
.mai-search .vbmodhorsearch-hum-guests-wrap {
	position: relative;
	min-width: 0;
	padding: 6px 18px;
}

.mai-search .vbmodhorsearch-humcalcont + .vbmodhorsearch-humcalcont,
.mai-search .vbmodhorsearch-hum-guests-wrap {
	border-left: 1px solid var(--mai-line);
}

.mai-search label,
.mai-summary-item .vbo-results-head-det-lbl {
	display: block;
	margin: 0 0 2px;
	color: var(--mai-muted);
	font-size: 10.5px;
	font-weight: 600;
	letter-spacing: .06em;
	line-height: 1.3;
	text-transform: uppercase;
}

.mai-search .vbo-horizsearch-showcalendar,
.mai-search .vbmodhorsearch-hum-guests-count {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 25px;
	border: 0;
	background: transparent;
	color: var(--mai-ink);
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}

.mai-search .vbmodhorsearchbookdiv {
	display: flex !important;
	align-self: stretch !important;
	margin: 0 0 0 12px !important;
	float: none !important;
}

.mai-search button.mai-hs-btn,
.mai-search .vbmodhorsearchbookdiv button {
	min-width: 130px;
	padding: 0 30px !important;
	border: 0 !important;
	border-radius: 8px;
	background: var(--mai-accent) !important;
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 700;
	cursor: pointer;
}

.mai-search button.mai-hs-btn:hover,
.mai-search .vbmodhorsearchbookdiv button:hover {
	background: var(--mai-accent-dark) !important;
}

.mai-search button.mai-hs-btn:disabled {
	opacity: .46;
	cursor: not-allowed;
}

.mai-search.mai-hs-cal-nostro .vbmodhorsearch-hum-dates-wrap,
.mai-search.mai-hs-cal-nostro .vbmodhorsearch-hum-guests-wrap > label,
.mai-search.mai-hs-cal-nostro .vbmodhorsearch-hum-guests-count {
	display: none !important;
}

.mai-search.mai-hs-cal-nostro .vbmodhorsearch-hum-guests-wrap {
	position: static !important;
	flex: 0 0 0;
	width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.mai-summary-items {
	display: flex !important;
	flex: 1 1 auto;
	min-width: 0;
	margin: 0 !important;
	float: none !important;
}

button.mai-summary-item {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	min-width: 0;
	padding: 8px 18px;
	border: 0;
	background: transparent;
	text-align: left;
	cursor: pointer;
}

button.mai-summary-item + button.mai-summary-item {
	border-left: 1px solid var(--mai-line);
}

.mai-summary-item > i {
	position: relative;
	width: 24px;
	height: 24px;
	color: transparent;
}

.mai-summary-item > i::before {
	content: "";
	position: absolute;
	inset: 1px;
	background: var(--mai-accent);
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 11h18'/%3E%3C/svg%3E") center / contain no-repeat;
}

.mai-summary-item:nth-child(2) > i::before {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='5' r='2'/%3E%3Cpath d='M12 7v14M7 10l5-3 5 3M8.5 21l1-8M15.5 21l-1-8'/%3E%3C/svg%3E");
}

.vbo-results-head-det {
	display: block;
	min-width: 0;
}

.vbo-results-head-det-val {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	color: var(--mai-ink);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.35;
}

.mai-date-sep {
	display: inline-block;
	width: 24px;
	height: 3px;
	border-radius: 2px;
	background: #687266;
}

.mai-search .vbmodhorsearch-hum-guests-modifier,
.mai-hs-pop {
	position: absolute !important;
	z-index: 230;
	bottom: calc(100% + 12px) !important;
	top: auto !important;
	width: 340px !important;
	padding: 14px 16px;
	border: 1px solid var(--mai-line);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 18px 50px rgba(24, 20, 15, .24);
}

.mai-search .vbmodhorsearch-hum-guests-modifier {
	right: 12px !important;
	left: auto !important;
}

.mai-hs-pop {
	left: 10px !important;
	box-sizing: border-box;
	width: max-content !important;
	max-width: calc(100vw - 40px) !important;
	max-height: calc(100dvh - 24px);
	overflow-y: auto;
	overscroll-behavior-y: contain;
	padding: 17px 20px 20px;
	border-radius: 16px;
}

.mai-cal-head {
	margin-bottom: 13px;
	color: var(--mai-ink);
	font-size: 15px;
	font-weight: 700;
}

.mai-search .mai-hs-pop .mai-cal,
.mai-search .mai-hs-pop .mai-cal.hasDatepicker {
	position: static !important;
	display: block !important;
	float: none !important;
	width: auto !important;
	height: auto !important;
	overflow: visible !important;
}

.mai-search .mai-hs-pop .mai-cal .ui-datepicker {
	position: static !important;
	display: flex !important;
	float: none !important;
	gap: 22px;
	width: auto !important;
	padding: 0 !important;
	border: 0 !important;
	background: #fff !important;
	font-family: "Poppins", Helvetica, Arial, sans-serif !important;
	opacity: 1 !important;
}

.mai-search .mai-hs-pop .mai-cal .ui-datepicker-group {
	flex: 0 0 294px;
	float: none !important;
	box-sizing: border-box !important;
	width: 294px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.mai-search .mai-hs-pop .mai-cal .ui-datepicker-calendar {
	width: 100% !important;
	margin: 0 !important;
	border-spacing: 0 !important;
	border-collapse: separate !important;
}

.mai-cal .ui-datepicker-header {
	position: relative;
	padding: 6px 38px 12px;
	text-align: center;
}

.mai-cal .ui-datepicker-title {
	font-size: 14px;
	font-weight: 700;
}

.mai-cal .ui-datepicker-prev,
.mai-cal .ui-datepicker-next {
	position: absolute;
	top: 1px !important;
	display: grid;
	place-items: center;
	width: 34px !important;
	height: 34px !important;
	border: 1px solid var(--mai-line);
	border-radius: 8px !important;
	background: #fff !important;
	cursor: pointer;
}

.mai-cal .ui-datepicker-prev { left: 0; }
.mai-cal .ui-datepicker-next { right: 0; }
.mai-cal .ui-datepicker-prev .ui-icon,
.mai-cal .ui-datepicker-next .ui-icon { display: none !important; }
.mai-cal .ui-datepicker-prev::after,
.mai-cal .ui-datepicker-next::after {
	content: "";
	width: 8px;
	height: 8px;
	border-top: 2px solid var(--mai-brand);
	border-right: 2px solid var(--mai-brand);
}
.mai-cal .ui-datepicker-prev::after { transform: rotate(-135deg); }
.mai-cal .ui-datepicker-next::after { transform: rotate(45deg); }

.mai-cal table {
	border-collapse: collapse;
}

.mai-cal th {
	padding: 6px 2px;
	color: var(--mai-muted);
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
}

.mai-cal td {
	padding: 1px 0 !important;
	text-align: center;
}

.mai-search .mai-hs-pop .mai-cal .ui-datepicker-calendar td > * {
	display: grid;
	place-items: center;
	width: 38px !important;
	height: 38px !important;
	margin: auto;
	border-radius: 8px !important;
	color: var(--mai-ink);
	line-height: 38px !important;
	text-decoration: none;
}

.mai-cal td.mai-range > *,
.mai-cal td.mai-prev-range > * {
	background: transparent !important;
	border-color: transparent !important;
	color: var(--mai-ink) !important;
}

.mai-cal td.mai-range,
.mai-cal td.mai-prev-range {
	background: var(--mai-brand-tint) !important;
}

.mai-cal td.mai-range-start,
.mai-cal td.mai-prev-start {
	background: linear-gradient(90deg, transparent 0 50%, var(--mai-brand-tint) 50% 100%) !important;
}

.mai-cal td.mai-range-end,
.mai-cal td.mai-prev-end {
	background: linear-gradient(90deg, var(--mai-brand-tint) 0 50%, transparent 50% 100%) !important;
}

.mai-cal td.mai-range-capo > *,
.mai-cal td.mai-prev-capo > * {
	background: var(--mai-brand) !important;
	border-color: var(--mai-accent) !important;
	border-radius: 8px !important;
	color: var(--mai-brand-on) !important;
}

.mai-cal td.mai-range-capo.mai-range-capo.mai-range-capo.mai-range-capo.mai-range-capo > a:hover,
.mai-cal td.mai-prev-capo.mai-prev-capo.mai-prev-capo.mai-prev-capo.mai-prev-capo > a:hover {
	border-color: var(--mai-accent) !important;
	background: var(--mai-brand) !important;
	color: var(--mai-brand-on) !important;
}

.mai-cal td.mai-range.mai-range.mai-range.mai-range.mai-range > a:hover,
.mai-cal td.mai-prev-range.mai-prev-range.mai-prev-range.mai-prev-range.mai-prev-range > a:hover {
	border-color: transparent !important;
	background: transparent !important;
	color: var(--mai-ink) !important;
}

.mai-cal td.ui-state-disabled {
	opacity: .45 !important;
}

.mai-cal td.ui-state-disabled.mai-range-capo {
	opacity: 1 !important;
}

.mai-cal td:not(.mai-range-capo):not(.mai-prev-capo) > .ui-state-active:not(:hover) {
	border-color: transparent !important;
	background: transparent !important;
	color: var(--mai-ink) !important;
}

.mai-cal td:not(.ui-datepicker-unselectable):not(.mai-range-capo):not(.mai-prev-capo):not(.mai-range):not(.mai-prev-range) > a:hover {
	border-color: var(--mai-accent) !important;
	background: var(--mai-brand-tint) !important;
	color: var(--mai-brand-dark) !important;
}

.mai-search .vbmodhorsearch-hum-guests-modifier select {
	min-width: 84px;
	padding: 8px 10px;
	border: 1px solid var(--mai-line);
	border-radius: 7px;
	background: #fff;
}

/* Apartment section */
.mai-apartments {
	background: #fff;
}

.mai-facts {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
	margin: 0;
	padding-left: 24px;
	border-left: 1px solid var(--mai-line);
}

.mai-facts div {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	padding: 18px 0;
}

.mai-facts div:first-child { padding-top: 0; }
.mai-facts div + div {
	border-top: 1px solid var(--mai-line);
}

.mai-facts strong {
	color: var(--mai-brand-dark);
	font-size: 27px;
	line-height: 1;
}

.mai-facts span {
	margin-top: 0;
	color: var(--mai-muted);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.mai-apartment-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 26px;
}

.mai-apartment-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid rgba(62, 90, 75, .14);
	border-radius: 14px;
	background: #ffffff;
	box-shadow: 0 2px 4px rgba(39, 31, 23, .035), 0 18px 44px rgba(39, 31, 23, .075);
	transition: transform .32s ease, box-shadow .32s ease;
}

.mai-apartment-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 6px 12px rgba(39, 31, 23, .06), 0 30px 62px rgba(39, 31, 23, .14);
}

.mai-apartment-media {
	position: relative;
}

.mai-apartment-title {
	position: absolute;
	z-index: 5;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 60px 30px 58px;
	background: linear-gradient(to top, rgba(20, 17, 14, .82), transparent);
	color: #fff;
	pointer-events: none;
}

.mai-apartment-title h3 {
	margin: 2px 0 0;
	text-align: center;
	font-size: clamp(26px, 2.1vw, 34px);
	letter-spacing: -.03em;
	line-height: 1.05;
}

.mai-apartment-body {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 330px;
	padding: 24px;
}

.mai-apartment-body > p {
	margin: 22px 0;
	color: #3e5a4b;
	font-size: 14px;
	line-height: 1.75;
}

.mai-apartment-facts {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mai-apartment-facts li {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
	padding: 0;
	color: var(--mai-muted);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
}

.mai-apartment-fact-icon {
	flex: 0 0 22px;
	width: 22px;
	height: 22px;
	color: var(--mai-brand-dark);
}

.mai-apartment-body .mai-button {
	align-self: flex-start;
	margin-top: auto;
	border: 1px solid rgba(62, 90, 75, .56);
	background: transparent;
	box-shadow: none;
	color: var(--mai-accent) !important;
}

.mai-apartment-body .mai-button:hover {
	border-color: var(--mai-accent-dark);
	background: var(--mai-accent-dark);
	box-shadow: 0 10px 24px rgba(62, 90, 75, .24);
	color: #fff !important;
}

/* Slider */
.mai-slider {
	position: relative;
	overflow: hidden;
	background: #3e5a4b;
}

.mai-slider-track {
	display: flex;
	transition: transform .6s cubic-bezier(.22, 1, .36, 1);
	will-change: transform;
}

.mai-slide {
	position: relative;
	flex: 0 0 100%;
	margin: 0;
}

.mai-slide-open {
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: zoom-in;
}

.mai-slide img {
	display: block;
	width: 100%;
	height: 320px;
	object-fit: cover;
	transition: transform .65s cubic-bezier(.22, 1, .36, 1);
}

.mai-card-slider .mai-slide-open:hover img {
	transform: scale(1.035);
}

/* Keep card titles and controls apart: override the generic image auto-height. */
body.maison-native .mai-card-slider .mai-slide img {
	height: 320px;
}

.mai-slide figcaption {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 110px 7% 38px;
	background: linear-gradient(to top, rgba(18, 15, 12, .86), transparent);
	color: #fff;
	font-size: clamp(15px, 2vw, 24px);
	font-weight: 600;
	pointer-events: none;
}

.mai-slider-arrow,
.mai-gallery-prev,
.mai-gallery-next {
	position: absolute;
	z-index: 7;
	top: 50%;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, .6);
	border-radius: 50%;
	background: rgba(24, 20, 16, .34);
	backdrop-filter: blur(8px);
	cursor: pointer;
	transform: translateY(-50%);
}

.mai-slider-arrow::after,
.mai-gallery-prev::after,
.mai-gallery-next::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}

.mai-slider-prev,
.mai-gallery-prev { left: 14px; }
.mai-slider-next,
.mai-gallery-next { right: 14px; }
.mai-slider-prev::after,
.mai-gallery-prev::after { transform: translate(-35%, -50%) rotate(-135deg); }
.mai-slider-next::after,
.mai-gallery-next::after { transform: translate(-65%, -50%) rotate(45deg); }

.mai-slider-dots {
	position: absolute;
	z-index: 7;
	right: auto;
	bottom: 14px;
	left: 50%;
	display: flex;
	width: auto;
	padding: 2px 4px;
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: 999px;
	background: rgba(20, 17, 14, .46);
	box-shadow: 0 5px 16px rgba(0, 0, 0, .16);
	justify-content: center;
	backdrop-filter: blur(8px);
	transform: translateX(-50%);
}

.mai-slider-dot {
	position: relative;
	width: 26px;
	height: 28px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.mai-slider-dot::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 5px;
	height: 5px;
	border-radius: 9px;
	background: rgba(255, 255, 255, .62);
	transform: translate(-50%, -50%);
	transition: width .25s ease, background .25s ease;
}

.mai-slider-dot.is-active::after {
	width: 15px;
	background: #fff;
}

.mai-slider-dot:focus-visible {
	border-radius: 999px;
	outline: 2px solid #fff;
	outline-offset: -3px;
}

.mai-card-slider .mai-slider-arrow {
	width: 40px;
	height: 40px;
	border-color: rgba(255, 255, 255, .42);
	background: rgba(20, 17, 14, .42);
	box-shadow: 0 5px 16px rgba(0, 0, 0, .14);
	transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.mai-card-slider .mai-slider-arrow:hover {
	border-color: rgba(255, 255, 255, .78);
	background: rgba(20, 17, 14, .62);
}

.mai-editorial-slider {
	width: 100%;
}

.mai-wide-slider .mai-slide img {
	height: clamp(440px, 58vw, 720px);
}

.mai-story {
	padding-bottom: 0;
	background: #fff;
}

.mai-story-grid,
.mai-restaurant-copy {
	padding-bottom: clamp(54px, 6vw, 86px);
}

/* Services */
.mai-services {
	background: var(--mai-brand-wash);
}

.mai-service-group-title {
	margin: 0 0 16px;
	color: var(--mai-muted);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.mai-service-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.mai-service-card {
	position: relative;
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	min-height: 76px;
	padding: 16px 20px;
	border: 1px solid #e6e6e6;
	border-radius: 12px;
	background: #fff;
	color: var(--mai-ink);
	font-weight: 600;
	text-align: left;
	cursor: pointer;
	transition: border .2s ease, box-shadow .2s ease, transform .2s ease;
}

.mai-service-card:hover,
.mai-service-card[aria-expanded="true"] {
	z-index: 3;
	border-color: rgba(62, 90, 75, .42);
	box-shadow: 0 16px 38px rgba(45, 37, 28, .13);
	transform: translateY(-2px);
}

.mai-service-icon {
	width: 30px;
	height: 30px;
	background: var(--mai-accent);
	-webkit-mask: var(--mai-service-image) center / contain no-repeat;
	mask: var(--mai-service-image) center / contain no-repeat;
}

.mai-service-description {
	position: absolute;
	z-index: 4;
	top: calc(100% + 10px);
	left: 0;
	width: 100%;
	padding: 17px 18px;
	border-radius: 12px;
	background: var(--mai-brand-deep);
	box-shadow: 0 18px 42px rgba(0, 0, 0, .2);
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.65;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-5px);
	transition: opacity .2s ease, transform .2s ease, visibility .2s;
}

.mai-service-description::before {
	content: "";
	position: absolute;
	top: -7px;
	left: 30px;
	width: 14px;
	height: 14px;
	background: var(--mai-brand-deep);
	transform: rotate(45deg);
}

.mai-service-card:hover .mai-service-description,
.mai-service-card[aria-expanded="true"] .mai-service-description {
	opacity: 1;
	visibility: visible;
	transform: none;
}

.mai-service-card[hidden] {
	display: none;
}

.mai-disclosure {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	margin-top: 24px;
	padding: 10px 20px;
	border: 1px solid rgba(62, 90, 75, .46);
	border-radius: 9px;
	background: #fff;
	color: var(--mai-brand-dark);
	font-weight: 700;
	cursor: pointer;
}

/* Restaurant, information, map and contact */
.mai-restaurant {
	padding-bottom: 0;
	background: #fff;
}

.mai-info {
	background: #fff;
}

.mai-info-grid,
.mai-directions-grid,
.mai-contact-grid {
	display: grid;
	grid-template-columns: minmax(0, .92fr) minmax(360px, 1.08fr);
	gap: clamp(34px, 6vw, 90px);
	align-items: start;
}

.mai-info-grid {
	grid-template-columns: minmax(300px, .9fr) minmax(0, 1.1fr);
	gap: clamp(28px, 4vw, 58px);
	align-items: stretch;
}

.mai-info-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mai-info-list li {
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr);
	gap: 14px;
	padding: 15px 0;
	border-bottom: 1px solid var(--mai-line);
}

.mai-info-list p {
	margin: 0;
	color: var(--mai-muted);
	font-size: 15px;
	line-height: 1.7;
}

.mai-info-list svg {
	width: 22px;
	height: 22px;
	margin-top: 2px;
	fill: none;
	stroke: var(--mai-accent);
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.mai-info-copy strong {
	color: var(--mai-brand-dark);
}

.mai-info-photos {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-template-rows: repeat(2, minmax(0, 1fr));
	gap: 12px;
	min-height: 0;
}

body.maison-native .mai-info-photos img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 0;
	object-fit: cover;
	filter: grayscale(1);
}

.mai-info-photos img:nth-child(1) { object-position: 82% center; }
.mai-info-photos img:nth-child(2) { object-position: 65% center; }
.mai-info-photos img:nth-child(3) { object-position: center; }
.mai-info-photos img:nth-child(4) { object-position: 58% center; }
body.maison-native .mai-slide img.mai-photo-whole { object-fit: contain; background: var(--mai-brand-deep); }

.mai-directions {
	background: var(--mai-brand-tint);
}

.mai-map {
	display: block;
	width: 100%;
	height: 600px;
	border: 0;
	border-radius: 16px;
	box-shadow: 0 16px 42px rgba(45, 37, 28, .12);
}

.mai-directions-details {
	margin-top: 24px;
	padding-top: 8px;
}

.mai-directions-intro {
	margin: 0 0 22px;
	color: var(--mai-muted);
}

.mai-directions-details h3 {
	margin: 22px 0 4px;
	font-size: 16px;
}

.mai-directions-details p {
	margin: 0 0 12px;
	color: var(--mai-muted);
}

.mai-directions-details strong { color: var(--mai-brand-dark); }

.mai-location {
	max-width: 850px;
	margin-top: 76px;
	margin-left: max(32px, calc((100% - var(--mai-container)) / 2));
}

.mai-location h2 {
	margin-bottom: 22px;
}

.mai-contact {
	border-top: 1px solid rgba(62, 90, 75, .18);
	background: var(--mai-brand-wash);
}

.mai-contact-grid {
	grid-template-columns: minmax(0, .8fr) minmax(400px, 1.2fr);
}

.mai-contact-form {
	padding: clamp(22px, 3vw, 34px);
	border: 1px solid rgba(62, 90, 75, .2);
	border-radius: 16px;
	background: rgba(255, 253, 249, .82);
	box-shadow: 0 18px 44px rgba(72, 52, 19, .12);
}

.mai-contact a {
	color: var(--mai-brand-dark);
	font-weight: 600;
}

.mai-contact-form input:not([type="submit"]),
.mai-contact-form textarea {
	width: 100%;
	max-width: 100%;
	margin-top: 5px;
	padding: 13px 14px;
	border: 1px solid var(--mai-control-line);
	border-radius: 8px;
	background: var(--mai-paper);
	font-size: 16px;
}

.mai-contact-form textarea {
	min-height: 150px;
	resize: vertical;
}

.mai-contact-form input[type="submit"] {
	min-height: 50px;
	padding: 12px 28px;
	border: 0;
	border-radius: 8px;
	background: var(--mai-accent);
	color: #fff;
	font-weight: 700;
	cursor: pointer;
}

/* Footer shared by home and funnel */
.mai-footer {
	padding: 62px 0 22px;
	border-top: 1px solid var(--mai-line);
	background: var(--mai-brand-tint);
	color: var(--mai-footer-ink);
}

.mai-footer-lead {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: clamp(36px, 7vw, 100px);
	padding-bottom: 42px;
	border-bottom: 1px solid rgba(16, 23, 21, .36);
}

.mai-footer-brand {
	display: block;
	flex: 0 0 auto;
}

.mai-footer-brand { color: var(--mai-footer-ink); }

.mai-footer-booking {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	gap: clamp(24px, 4vw, 52px);
	width: min(600px, 100%);
}

.mai-footer-kicker {
	margin: 0 0 5px;
	color: var(--mai-footer-ink);
	font-size: 11px !important;
	font-weight: 700;
	letter-spacing: .17em;
	line-height: 1.4 !important;
	text-transform: uppercase;
}

.mai-footer-booking-title {
	margin: 0;
	font-size: clamp(24px, 2.5vw, 34px) !important;
	font-weight: 600;
	letter-spacing: -.035em;
	line-height: 1.15 !important;
}

.mai-footer-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 22px;
	min-height: 52px;
	padding: 12px 20px;
	border: 0;
	border-radius: 9px;
	background: var(--mai-accent);
	box-shadow: 0 12px 28px rgba(62, 90, 75, .2);
	color: #fff !important;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
	transition: background .2s ease, transform .2s ease;
}

.mai-footer-cta:hover {
	background: var(--mai-accent-dark);
	text-decoration: none !important;
	transform: translateY(-2px);
}

.mai-footer-grid {
	display: grid;
	grid-template-columns: .9fr 1.05fr 1.25fr;
	gap: 0;
	padding: 42px 0 38px;
}

.mai-footer-block {
	min-width: 0;
	padding: 0 clamp(24px, 4vw, 54px);
}

.mai-footer-block:first-child {
	padding-left: 0;
}

.mai-footer-block:last-child {
	padding-right: 0;
}

.mai-footer-block + .mai-footer-block {
	border-left: 1px solid rgba(16, 23, 21, .28);
}

.mai-footer h2 {
	margin: 0 0 18px;
	color: var(--mai-footer-ink);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.mai-footer p,
.mai-footer a {
	font-size: 15px;
	line-height: 1.65;
	text-decoration: none;
}

.mai-footer address {
	margin: 0 0 18px;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.7;
}

.mai-footer-contact {
	display: grid;
	gap: 3px;
	margin: 0;
}

.mai-footer-note {
	margin: 18px 0 0;
	color: var(--mai-footer-ink);
	font-size: 13px !important;
	font-style: normal;
	line-height: 1.6 !important;
}

.mai-footer-nav a {
	display: inline-block;
	padding: 4px 0;
}

.mai-footer-nav ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 4px 28px;
}

.mai-footer-nav .mai-nav-icon {
	display: none;
}

.mai-footer-cin {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: clamp(24px, 4vw, 58px);
	padding: 18px 0;
	border-top: 1px solid rgba(16, 23, 21, .3);
	border-bottom: 1px solid rgba(16, 23, 21, .3);
}

.mai-footer-cin h2 {
	margin: 0;
}

.mai-cin {
	display: flex;
	flex-wrap: wrap;
	gap: 6px clamp(16px, 2.2vw, 28px);
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-wrap: anywhere;
}

.mai-cin li {
	padding: 0;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .015em;
	line-height: 1.4;
}

.mai-footer-hours {
	margin: 0;
}

.mai-footer-hours div {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 16px;
	padding: 8px 0;
	border-bottom: 1px solid rgba(16, 23, 21, .22);
}

.mai-footer-hours dt,
.mai-footer-hours dd {
	margin: 0;
	font-size: 13px;
	line-height: 1.45;
}

.mai-footer-hours dd {
	font-weight: 600;
	text-align: right;
}

.mai-footer-bottom {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
	margin-top: 20px;
	padding-top: 0;
}

.mai-footer-bottom p {
	margin: 0;
}

.mai-footer-bottom p,
.mai-footer-bottom a {
	font-size: 13px;
}

.mai-restaurant :focus-visible,
.mai-footer :focus-visible {
	outline-color: var(--mai-accent-dark);
}

.mai-funnel-topbar .mai-funnel-logo:focus-visible {
	outline-color: var(--mai-brand-on);
}

.mai-desktop-sidebar :focus-visible,
.mai-funnel-topbar :focus-visible,
.mai-simple-header :focus-visible {
	outline-color: var(--mai-brand-on);
}

.mai-footer-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px 18px;
}

.mai-footer a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.maison-wa {
	position: fixed;
	z-index: 9998;
	right: 20px;
	bottom: 20px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 11px 17px;
	border-radius: 40px;
	background: #25d366;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .2);
	color: #fff !important;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
	text-decoration: none;
}

/* Gallery dialog */
.mai-gallery {
	position: fixed;
	z-index: 10020;
	inset: 0;
	display: grid;
	place-items: center;
	padding: 56px;
	background: rgba(16, 14, 12, .96);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .25s ease, visibility .25s;
}

html.mai-gallery-open,
html.mai-menu-open {
	overflow: hidden;
}

.mai-gallery.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.mai-gallery img {
	display: block;
	max-width: min(1200px, 92vw);
	max-height: 88vh;
	object-fit: contain;
}

.mai-gallery-close {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 48px;
	height: 48px;
	border: 1px solid rgba(255, 255, 255, .45);
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
}

.mai-gallery-close::before,
.mai-gallery-close::after {
	content: "";
	position: absolute;
	top: 22px;
	left: 12px;
	width: 24px;
	height: 2px;
	background: #fff;
	transform: rotate(45deg);
}
.mai-gallery-close::after { transform: rotate(-45deg); }

/* Funnel shell */
.mai-funnel-topbar {
	padding: 16px 0 48px;
	background: var(--mai-brand-tint);
	color: var(--mai-brand-on);
}

.mai-funnel-topbar .mai-container {
	display: flex;
	align-items: center;
	gap: 22px;
}

.mai-funnel-logo {
	display: inline-flex;
	margin-right: auto;
	background: transparent;
}

.mai-funnel-logo { color: var(--mai-brand-on); }
.mai-funnel-logo .mai-brand { width: 205px; }

.mai-funnel-address,
.mai-funnel-phone {
	margin: 0;
	color: var(--mai-brand-on);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}

.mai-funnel-main {
	min-height: 60vh;
	padding-bottom: 70px;
	background: #fff;
}

.mai-funnel-main > .mai-container {
	position: relative;
	/* Keep the negative search-bar margin inside the main: it must overlap
	   the salvia band, not collapse through its ancestors and shorten it. */
	display: flow-root;
}

.mai-funnel-main .vbo-results-wrapper,
body.mai-vik-showprc .mai-funnel-main .wrap.plugin-container,
body.mai-vik-oconfirm .mai-funnel-main .wrap.plugin-container {
	margin-top: -24px;
}

.mai-funnel-main p:empty {
	display: none;
}

.mai-simple-header {
	padding: 18px 0;
	border-bottom: 1px solid var(--mai-line);
	background: var(--mai-brand-tint);
}
.mai-simple-header { color: var(--mai-brand-on); }
.mai-page-main { padding: 72px 0; }
.mai-prose { max-width: 800px; }
.mai-prose > * { max-width: 100%; }

/* Reveal */
.mai-reveal {
	opacity: 0;
	transform: translateY(22px);
	transition: opacity .75s ease, transform .75s cubic-bezier(.22, 1, .36, 1);
}
.mai-reveal.is-visible {
	opacity: 1;
	transform: none;
}

@media (max-width: 1180px) {
	.mai-desktop-sidebar { width: 230px; }
	.mai-home-content { margin-left: 230px; }
	.mai-container,
	.mai-hero-content { width: calc(100% - 48px); }
	.mai-intro-grid { grid-template-columns: 1fr 1fr; }
	.mai-facts { grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); border-left: 0; border-block: 1px solid var(--mai-line); padding: 0; }
	.mai-facts div { padding: 20px 14px; }
	.mai-facts div:first-child { padding-top: 20px; }
	.mai-facts div + div { border-top: 0; border-left: 1px solid var(--mai-line); }
	.mai-apartment-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mai-apartment-card:last-child { grid-column: 1 / -1; width: calc((100% - 26px) / 2); justify-self: center; }
}

@media (max-width: 1024px) {
	.mai-desktop-sidebar { display: none; }
	.mai-home-content { margin-left: 0; }
	.mai-mobile-header {
		position: absolute;
		z-index: 100;
		top: 0;
		right: 0;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 90px;
		padding: calc(12px + env(safe-area-inset-top)) var(--mai-mobile-gutter) 10px;
		pointer-events: none;
	}
	.mai-mobile-logo,
	.mai-menu-toggle { pointer-events: auto; }
	.mai-mobile-logo {
		padding: 7px 10px;
		border: 1px solid rgba(255, 255, 255, .72);
		border-radius: 10px;
		background: rgba(248, 246, 241, .94);
		box-shadow: 0 8px 24px rgba(0, 0, 0, .2);
		backdrop-filter: blur(10px);
	}
	.mai-mobile-logo .mai-brand { width: 196px; max-width: calc(100vw - 140px); }
	body.mai-booking-page .mai-funnel-topbar {
		min-height: calc(152px + env(safe-area-inset-top));
		padding: 0;
	}
	body.mai-booking-page .mai-funnel-topbar .mai-container { display: none; }
	body.mai-booking-page .mai-mobile-header {
		justify-content: center;
		min-height: calc(102px + env(safe-area-inset-top));
	}
	body.mai-booking-page .mai-mobile-logo { border-color: var(--mai-line); background: #fff; box-shadow: 0 8px 22px rgba(62, 90, 75, .12); }
	body.mai-booking-page .mai-mobile-logo .mai-brand { width: 200px; }
	.mai-menu-toggle {
		position: relative;
		z-index: 4;
		display: grid;
		place-content: center;
		gap: 5px;
		width: 50px;
		height: 50px;
		padding: 0;
		border: 1px solid rgba(255, 255, 255, .55);
		border-radius: 50%;
		background: rgba(24, 20, 15, .18);
		-webkit-appearance: none;
		appearance: none;
		-webkit-tap-highlight-color: transparent;
		backdrop-filter: blur(12px) saturate(110%);
		box-shadow: 0 8px 24px rgba(18, 14, 10, .2), inset 0 0 0 1px rgba(255, 255, 255, .08);
		cursor: pointer;
		touch-action: manipulation;
		transition: background .2s ease, transform .16s ease, box-shadow .2s ease;
	}
	.mai-menu-toggle:focus:not(:focus-visible) { outline: 0; }
	.mai-menu-toggle:focus-visible {
		outline: 3px solid var(--mai-brand-light);
		outline-offset: 3px;
	}
	.mai-menu-toggle:active {
		background: rgba(62, 90, 75, .48);
		transform: scale(.96);
	}
	.mai-menu-toggle span {
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 2px;
		background: #fff;
		transition: transform .38s cubic-bezier(.22, 1, .36, 1), opacity .2s ease, width .25s ease;
	}
	.mai-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
	.mai-menu-toggle[aria-expanded="true"] span:nth-child(2) { width: 0; opacity: 0; }
	.mai-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
	.mai-mobile-menu {
		position: fixed;
		z-index: 3;
		top: calc(86px + env(safe-area-inset-top));
		right: var(--mai-mobile-gutter);
		left: var(--mai-mobile-gutter);
		display: flex;
		flex-direction: column;
		max-height: calc(100dvh - 106px - env(safe-area-inset-top));
		padding: 26px;
		overflow-y: auto;
		border: 1px solid rgba(255, 255, 255, .42);
		border-radius: 18px;
		background: var(--mai-brand);
		backdrop-filter: blur(22px) saturate(110%);
		box-shadow: 0 28px 68px rgba(0, 0, 0, .35);
		color: var(--mai-brand-on);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transform: translateY(-14px) scale(.985);
		transform-origin: top right;
		transition: opacity .24s ease, transform .38s cubic-bezier(.22, 1, .36, 1), visibility 0s linear .38s;
	}
	.mai-mobile-header::after {
		content: "";
		position: fixed;
		z-index: 2;
		inset: 0;
		background: rgba(13, 25, 23, .58);
		backdrop-filter: blur(3px);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: opacity .24s ease, visibility 0s linear .38s;
	}
	html.mai-menu-open .mai-mobile-header::after {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transition-delay: 0s;
	}
	html.mai-menu-open .mai-mobile-menu {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: none;
		transition-delay: 0s;
	}
	.mai-mobile-menu-head {
		display: flex;
		align-items: baseline;
		justify-content: space-between;
		padding-bottom: 17px;
		border-bottom: 1px solid rgba(23, 33, 31, .26);
		color: var(--mai-brand-on) !important;
		font-size: 18px;
		font-weight: 600;
	}
	.mai-mobile-menu-head small {
		color: var(--mai-brand-on) !important;
		font-size: 9px;
		font-weight: 600;
		letter-spacing: .13em;
		text-transform: uppercase;
	}
	.mai-mobile-nav {
		margin-top: 14px;
		padding: 6px 10px;
		border: 1px solid rgba(255, 255, 255, .48);
		border-radius: 13px;
		background: var(--mai-nav-surface);
		box-shadow: 0 12px 30px rgba(62, 90, 75, .14);
	}
	.mai-mobile-nav a {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 22px;
		align-items: center;
		padding: 12px 10px;
		border-bottom: 1px solid rgba(23, 33, 31, .13);
		color: var(--mai-brand-on) !important;
		-webkit-tap-highlight-color: transparent;
		font-size: 16px;
		font-weight: 500;
		text-decoration: none;
		touch-action: manipulation;
		opacity: 0;
		transform: translateY(-8px);
		transition: opacity .25s ease, transform .35s cubic-bezier(.22, 1, .36, 1);
	}
	.mai-mobile-nav li:last-child a { border-bottom: 0; }
	.mai-mobile-nav a > span { color: var(--mai-brand-on) !important; }
	.mai-mobile-nav .mai-nav-icon {
		width: 19px;
		height: 19px;
		color: var(--mai-accent);
		opacity: .9;
	}
	.mai-mobile-nav a:hover,
	.mai-mobile-nav a:focus-visible {
		background: rgba(62, 90, 75, .09);
	}
	.mai-mobile-nav a:focus:not(:focus-visible) { outline: 0; }
	.mai-mobile-nav a:active { background: rgba(62, 90, 75, .16); }
	html.mai-menu-open .mai-mobile-nav a { opacity: 1; transform: none; }
	html.mai-menu-open .mai-mobile-nav li:nth-child(1) a { transition-delay: .08s; }
	html.mai-menu-open .mai-mobile-nav li:nth-child(2) a { transition-delay: .105s; }
	html.mai-menu-open .mai-mobile-nav li:nth-child(3) a { transition-delay: .13s; }
	html.mai-menu-open .mai-mobile-nav li:nth-child(4) a { transition-delay: .155s; }
	html.mai-menu-open .mai-mobile-nav li:nth-child(5) a { transition-delay: .18s; }
	html.mai-menu-open .mai-mobile-nav li:nth-child(6) a { transition-delay: .205s; }
	.mai-mobile-menu-contact {
		display: grid;
		gap: 4px;
		margin-top: 20px;
		padding-top: 17px;
		border-top: 1px solid rgba(23, 33, 31, .26);
	}
	.mai-mobile-menu-contact a {
		color: var(--mai-brand-on) !important;
		-webkit-tap-highlight-color: transparent;
		font-size: 12px;
		text-decoration: none;
		touch-action: manipulation;
		overflow-wrap: anywhere;
	}
	.mai-mobile-menu-contact a:focus:not(:focus-visible) { outline: 0; }
	.mai-mobile-menu-contact a:active { opacity: .68; }
	.mai-mobile-menu :focus-visible { outline-color: var(--mai-accent-dark); }
	.mai-intro-grid,
	.mai-story-grid,
	.mai-restaurant-copy { grid-template-columns: 1fr 1fr; }
	.mai-intro-grid .mai-section-heading,
	.mai-story-grid .mai-section-heading,
	.mai-restaurant-copy .mai-section-heading { grid-column: 1 / -1; }
	.mai-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mai-footer-grid { grid-template-columns: .9fr 1.05fr 1.25fr; }
}

@media (max-width: 760px) {
	html { scroll-behavior: auto; }
	body.home.maison-native {
		padding-bottom: calc(80px + env(safe-area-inset-bottom));
		background: #3e5a4b;
	}
	.mai-container,
	.mai-hero-content {
		width: calc(100% - var(--mai-mobile-gutter) - var(--mai-mobile-gutter));
	}
	.mai-section {
		padding-block: 66px;
	}
	.mai-section-heading { margin-bottom: 24px; }
	.mai-section-heading h2,
	.mai-location h2 { font-size: clamp(31px, 9vw, 42px); }
	.mai-hero {
		min-height: 100vh;
		min-height: 100svh;
	}
	.mai-hero-content {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		min-height: 100vh;
		min-height: 100svh;
		padding: calc(108px + env(safe-area-inset-top)) 0 calc(20px + env(safe-area-inset-bottom));
	}
	.mai-hero-shade {
		background: linear-gradient(180deg, rgba(15, 22, 18, .62) 0%, rgba(15, 22, 18, .2) 28%, rgba(15, 22, 18, .68) 50%, rgba(15, 22, 18, .9) 100%);
	}
	.mai-hero-copy { margin: 0 3px 16px; }
	.mai-hero-copy h1 {
		max-width: 13ch;
		margin-bottom: 12px;
		font-size: clamp(29px, 8.2vw, 38px);
		line-height: 1.08;
	}
	.mai-hero-kicker { margin-bottom: 10px; font-size: 9.5px; }
	.mai-review-summary { font-size: 12.5px; }
	.mai-review-summary strong { min-width: 34px; height: 34px; font-size: 14px; }
	.mai-hero-quote {
		display: -webkit-box;
		overflow: hidden;
		min-height: 38px;
		margin-top: 9px;
		font-size: 12px;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.mai-search form {
		flex-direction: column;
		gap: 0;
		padding: 9px;
		border-radius: 18px;
		background: rgba(255, 255, 255, .96);
		box-shadow: 0 2px 5px rgba(28, 22, 16, .12), 0 22px 48px rgba(28, 22, 16, .34);
		backdrop-filter: blur(18px) saturate(112%);
	}
	.mai-search.mai-hs-cal-nostro .mai-summary-items {
		display: grid !important;
		grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
		width: 100%;
	}
	button.mai-summary-item {
		min-height: 68px;
		padding: 10px 11px;
	}
	button.mai-summary-item + button.mai-summary-item {
		border-left: 1px solid var(--mai-line);
	}
	.vbo-results-head-det-val {
		font-size: 14px;
		white-space: normal;
		overflow-wrap: anywhere;
	}
	.mai-summary-item > i { width: 22px; height: 22px; }
	.mai-search .vbmodhorsearchbookdiv {
		width: 100%;
		margin: 8px 0 0 !important;
	}
	.mai-search button.mai-hs-btn,
	.mai-search .vbmodhorsearchbookdiv button {
		width: 100%;
		min-height: 52px;
		border-radius: 12px;
	}
	.mai-hs-pop {
		bottom: calc(100% + 12px) !important;
		left: 50% !important;
		width: min(352px, calc(100vw - var(--mai-mobile-gutter) - var(--mai-mobile-gutter))) !important;
		max-width: calc(100vw - var(--mai-mobile-gutter) - var(--mai-mobile-gutter)) !important;
		max-height: calc(100dvh - 24px);
		overflow-y: auto;
		padding: 15px 16px 17px;
		transform: translateX(-50%);
	}
	.mai-search .mai-hs-pop .mai-cal .ui-datepicker { display: block !important; }
	.mai-search .mai-hs-pop .mai-cal .ui-datepicker-group {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.mai-cal .ui-datepicker-group + .ui-datepicker-group { display: none; }
	.mai-search .mai-hs-pop .mai-cal .ui-datepicker-calendar td > * { width: 36px !important; height: 36px !important; line-height: 36px !important; }
	.mai-search .vbmodhorsearch-hum-guests-modifier {
		position: static !important;
		width: 100% !important;
		margin: 8px 0 0;
	}
	.mai-intro-grid,
	.mai-story-grid,
	.mai-restaurant-copy,
	.mai-info-grid,
	.mai-directions-grid,
	.mai-contact-grid {
		grid-template-columns: 1fr;
		gap: 28px;
	}
	.mai-apartment-grid { grid-template-columns: 1fr; gap: 24px; }
	.mai-apartment-card:last-child { grid-column: auto; width: 100%; }
	.mai-card-slider .mai-slider-arrow { width: 44px; height: 44px; }
	.mai-facts { margin: 0; }
	.mai-facts div { grid-template-columns: 1fr; gap: 7px; padding: 18px 10px; }
	.mai-facts div:first-child { padding-top: 18px; }
	.mai-facts strong { font-size: 23px; }
	.mai-facts span { font-size: 9px; }
	.mai-slide img { height: clamp(260px, 76vw, 370px); }
	body.maison-native .mai-card-slider .mai-slide img { height: clamp(260px, 76vw, 370px); }
	.mai-apartment-body .mai-button { width: 100%; }
	.mai-wide-slider .mai-slide img { height: clamp(360px, 105vw, 520px); }
	.mai-wide-slider .mai-slide figcaption {
		padding: 88px 20px 62px;
		background: linear-gradient(to top, rgba(15, 20, 18, .84), rgba(15, 20, 18, .38) 58%, transparent);
		font-size: 13px;
		font-weight: 500;
		line-height: 1.45;
		text-wrap: balance;
	}
	.mai-service-grid { grid-template-columns: 1fr; }
	.mai-service-card { min-height: 72px; }
	.mai-service-card:hover { transform: none; }
	.mai-service-card:not([aria-expanded="true"]):hover .mai-service-description { opacity: 0; visibility: hidden; }
	.mai-info-photos { grid-template-rows: repeat(2, clamp(220px, 56vw, 340px)); gap: 8px; }
	.mai-contact-form { padding: 20px; border-radius: 14px; }
	.mai-map { height: clamp(320px, 92vw, 420px); }
	.mai-location { margin-top: 54px; margin-left: auto; }
	.mai-footer { padding-top: 58px; }
	.mai-footer-grid { grid-template-columns: 1fr; gap: 0; }
	.mai-footer-lead { align-items: flex-start; flex-direction: column; padding-bottom: 34px; }
	.mai-footer-brand { align-self: center; }
	.mai-footer-brand img { margin-inline: auto; }
	.mai-footer-booking { grid-template-columns: 1fr; }
	.mai-footer-cta { width: 100%; }
	.mai-footer-block,
	.mai-footer-block:first-child,
	.mai-footer-block:last-child { padding: 0 0 26px; }
	.mai-footer-block + .mai-footer-block { padding-top: 26px; border-top: 1px solid rgba(16, 23, 21, .28); border-left: 0; }
	.mai-footer-nav ul { grid-template-columns: 1fr 1fr; }
	.mai-footer-cin { grid-template-columns: 1fr; gap: 12px; }
	.mai-cin { display: grid; grid-template-columns: 1fr; gap: 7px; }
	.mai-footer-bottom { flex-direction: column; margin-top: 38px; }
	.mai-footer-links { justify-content: flex-start; }
	.mai-gallery { padding: 20px; }
	.mai-gallery-prev { left: 8px; }
	.mai-gallery-next { right: 8px; }
	.mai-mobile-book {
		position: fixed;
		z-index: 9997;
		right: calc(var(--mai-mobile-gutter) + 66px);
		bottom: max(12px, env(safe-area-inset-bottom));
		left: var(--mai-mobile-gutter);
		display: inline-flex;
		min-height: 52px;
		border: 1px solid rgba(255, 255, 255, .2);
		background: var(--mai-accent);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transform: translateY(14px);
	}
	body.mai-hero-passed .mai-mobile-book {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: none;
	}
	.maison-wa {
		right: var(--mai-mobile-gutter);
		bottom: max(12px, env(safe-area-inset-bottom));
		justify-content: center;
		width: 52px;
		height: 52px;
		padding: 0;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transform: translateY(14px);
		transition: opacity .2s ease, transform .2s ease, visibility .2s;
	}
	body.mai-hero-passed .maison-wa,
	body.mai-booking-page .maison-wa {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: none;
	}
	.maison-wa span { display: none; }
	.mai-funnel-main { padding-bottom: 54px; }
	.mai-simple-header .mai-container,
	.mai-page-main .mai-container { width: calc(100% - var(--mai-mobile-gutter) - var(--mai-mobile-gutter)); }
}

@media (max-width: 380px) {
	:root { --mai-mobile-gutter: 16px; }
	.mai-review-summary span { max-width: 22ch; }
}

@media (max-height: 700px) and (max-width: 760px) {
	.mai-hero-content { padding-top: calc(94px + env(safe-area-inset-top)); padding-bottom: calc(14px + env(safe-area-inset-bottom)); }
	.mai-hero-quote { display: none; }
	.mai-hero-copy h1 { font-size: clamp(27px, 7.5vw, 34px); }
}

@media (hover: none) {
	.mai-apartment-card:hover { transform: none; box-shadow: 0 3px 8px rgba(39, 31, 23, .045), 0 20px 48px rgba(39, 31, 23, .08); }
	.mai-card-slider .mai-slide-open:hover img { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
	.mai-reveal { opacity: 1; transform: none; }
}
