@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap");
@font-face {
	font-family: "BT Beau Sans";
	src: url("/assets/fonts/BT-Beau-Sans/BT-BeauSans-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "BT Beau Sans";
	src: url("/assets/fonts/BT-Beau-Sans/BT-BeauSans-Medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "BT Beau Sans";
	src: url("/assets/fonts/BT-Beau-Sans/BT-BeauSans-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
/*@font-face {
	font-family: "Georgia";
	src: url("/assets/fonts/Georgia-Pro/GeorgiaPro-Reg.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Georgia";
	src: url("/assets/fonts/Georgia-Pro/GeorgiaPro-SemiBold.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Georgia";
	src: url("/assets/fonts/Georgia-Pro/GeorgiaPro-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}*/
@font-face {
	font-family: "Georgia";
	src: url("/assets/fonts/Georgia/SVN-Georgia-Regular.otf") format("opentype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Georgia";
	src: url("/assets/fonts/Georgia/SVN-Georgia-Bold.otf") format("opentype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Georgia";
	src: url("/assets/fonts/Georgia/SVN-Georgia-BoldItalic.otf") format("opentype");
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "Georgia";
	src: url("/assets/fonts/Georgia/SVN-Georgia-Italic.otf") format("opentype");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}
:root {
	--line-color: #ddcdb9;
	--white-color: #fffaf2;
	--bg-color: #f8f1e6;
	--normal-font: "Inter", sans-serif;
	--primary-font: "Georgia", "Playfair Display", "Cormorant Garamond", serif;
	--ivory: #f8f0e7;
	--ivory-dark: #eee3d4;
	--navy: #10253a;
	--navy-dark: #18283a;
	--gold: #b88a43;
	--gold-light: #d8b77c;
	--text: #29333a;
	--border: rgba(184, 138, 67, .25);
	--cream: #f3e8dc;
	--muted: #746e66;
}

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

* {
	margin: 0;
	padding: 0;
}

img,
picture,
svg,
video {
	display: block;
	max-width: 100%;
}

input,
select,
textarea {
	background-color: transparent;
	outline: none;
}

button {
	cursor: pointer;
	background-color: transparent;
	outline: none;
	border: 0;
}

ol,
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

p:last-child {
	margin-bottom: 0;
}

a {
	text-decoration: none;
	color: inherit;
}

html {
	scroll-behavior: smooth;
	font-size: 62.5%;
}

body {
	min-height: 100vh;
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.6;
	font-family: var(--normal-font);
	background-color: var(--bg-color);
}

.ov-hidden {
	overflow: hidden;
}
.flatpickr-current-month span.cur-month{
	font-weight: 500;
}
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay{
	color: inherit;
}
.flatpickr-day.flatpickr-disabled{
	color: rgba(57,57,57,0.1);
}
/* Tùy chỉnh ô ngày trong Flatpickr để chứa thêm text giá tiền */
.flatpickr-day {
	height: 48px !important;
	line-height: normal !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding-top: 4px !important;
	border-radius: 8px;
}

.flatpickr-day .day-price {
	font-size: 10px;
	color: #666;
	margin-top: 2px;
	line-height: 1;
}

.flatpickr-day.good-price .day-price {
	color: #00b14f !important;
	font-weight: bold;
}
.flatpickr-day.flatpickr-disabled .day-price {
	color: rgba(57,57,57,0.1) !important; 
}
.flatpickr-day.selected .day-price,
.flatpickr-day:hover .day-price {
	color: #fff !important;
}
.flatpickr-day.sold-out {
	background-color: #fce8e6 !important;
	border-color: #fad2cf !important;
	color: #c5221f !important;
	cursor: not-allowed !important;
}
.flatpickr-day.sold-out .day-price {
	color: #c5221f !important;
	font-weight: bold;
}

/*.flatpickr-day.flatpickr-disabled.sold-out {
	color: rgba(57,57,57,0.1) !important;
	background: transparent !important;
	border: 0 !important;
}*/
/* end flatpick*/

h1,
h2,
h3,
h4,
.serif {
	font-family: var(--primary-font);
	font-variant-numeric: lining-nums;
	font-feature-settings: "lnum" 1;
}

.btn {
	display: inline-block;
	padding: 0.8rem 1.4rem;
	border-radius: 2px;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	font-size: 1.4rem;
	text-transform: uppercase;
	border: 0;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}

.btn-lg {
	padding: 1rem 2rem;
	font-size: 1.6rem;
}

.btn-primary {
	background-color: var(--navy);
	color: var(--white-color);
}
.btn-primary:hover {
	background-color: var(--navy-dark);
	color: var(--white-color);
}

.btn-outline {
	border: 1px solid var(--navy);
	color: var(--navy);
}
.btn-outline:hover {
	background-color: var(--navy-dark);
	color: var(--white-color);
}

.btn-second {
	background: var(--gold);
	color: #fff;
}
.btn-second:hover {
	background: var(--navy);
	color: #fff;
}

.btn-second-outline {
	border: 1px solid var(--gold);
	color: var(--navy-dark);
}
.btn-second-outline:hover {
	background-color: var(--gold);
	color: var(--white-color);
}

.text-link {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	color: var(--gold);
	font-size: 12px;
	text-decoration: none;
	letter-spacing: 0.04em;
}
.text-link span {
	font-size: 18px;
}

.discover-link {
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	font-weight: 400;
	color: var(--gold);
	text-transform: uppercase;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	--bs-gutter-x: 2.5rem;
	--bs-gutter-y: 0;
	width: 100%;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-right: auto;
	margin-left: auto;
}
.tb-space {
	padding: 100px 0;
}
@media (max-width: 767.98px) {
	.tb-space {
		padding: 60px 0;
	}
}

.eyebrow {
	display: block;
	margin-bottom: 6px;
	color: var(--gold);
	font-size: 12px;
	letter-spacing: 0.04em;
}

.section-heading {
	text-align: center;
	max-width: 760px;
	margin: 0 auto;
	margin-bottom: 5rem;
}
.section-heading .divider-motif {
	color: var(--gold);
	font-size: 39px;
	line-height: 1;
	font-family: Georgia, serif;
}
.section-heading .sectitle {
	color: var(--navy);
	font-size: clamp(3.2rem, 4vw, 4.8rem);
	letter-spacing: 0.02em;
	margin-top: 1rem;
}
.section-heading .subtitle {
	color: #7c7768;
	font-size: 1.4rem;
	margin-top: 1rem;
}
.section-heading .line {
	display: block;
	width: 40px;
	height: 2px;
	margin: 8px auto 0;
	background: #b18445;
}

.section-heading-row {
	display: flex;
	align-items: end;
	justify-content: space-between;
	text-align: inherit;
	max-width: none;
}
@media (max-width: 767.98px) {
	.section-heading-row {
		display: block;
	}
}

.gold-line {
	display: block;
	width: 60px;
	height: 2px;
	margin: 20px 0;
	background: #b18445;
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	background-color: transparent;
	transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.header-inner {
	width: 100%;
}
/*.header-inner > .container {
max-width: calc(100% - 2vw);
}*/
.header-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 80px;
	gap: 2rem;
}
.header-logo {
	flex-shrink: 0;
	position: relative;
	z-index: 1001;
	padding: 8px 0;
}
.header-logo a {
	display: block;
	line-height: 0;
}
.header-logo img {
	display: block;
	width: 120px;
	height: auto;
	transition: all 0.3s ease;
}
.header-menu {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
}
.header-menu .close-menu {
	display: none;
}
@media (max-width: 1023px) {
	.header-menu {
		position: fixed;
		top: 0;
		left: 0;
		width: min(320px, 85vw);
		height: 100dvh;
		display: block;
		padding: 80px 20px 30px;
		background-color: var(--gold);
		color: #fff;
		overflow-y: auto;
		overflow-x: hidden;
		z-index: 5000;
		transform: translateX(-100%);
		visibility: hidden;
		pointer-events: none;
		transition: transform 0.4s ease, visibility 0.4s ease;
	}
	.header-menu.active {
		transform: translateX(0);
		visibility: visible;
		pointer-events: auto;
	}
	.header-menu .close-menu {
		position: absolute;
		top: 20px;
		right: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 35px;
		height: 35px;
		color: #fff;
		font-size: 22px;
		cursor: pointer;
		transition: transform 0.3s ease;
	}
	.header-menu .close-menu:hover {
		transform: rotate(90deg);
	}
}
@media (min-width: 1024px) {
	.header-menu {
		position: static;
		display: flex;
		width: auto;
		height: auto;
		padding: 0;
		background: transparent;
		transform: none;
		visibility: visible;
		pointer-events: auto;
		overflow: visible;
	}
	.header-menu .close-menu {
		display: none;
	}
}
.header-nav {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 0;
	margin: 0;
	list-style: none;
}
@media (min-width: 1024px) {
	.header-nav {
		width: auto;
		flex-direction: row;
		align-items: center;
		gap: 1rem;
	}
}
.header-nav > li {
	position: relative;
	width: 100%;
}
@media (min-width: 1024px) {
	.header-nav > li {
		width: auto;
	}
}
.header-nav > li > .nav-link {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0.5rem 1rem;
	color: inherit;
	text-transform: uppercase;
	font-size: 1.4rem;
	font-weight: 500;
	transition: color 0.3s ease, background-color 0.3s ease;
}
@media (min-width: 1024px) {
	.header-nav > li > .nav-link {
		width: auto;
		line-height: 50px;
		white-space: nowrap;
	}
	.header-nav > li > .nav-link:after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 0;
		height: 2px;
		background-color: var(--gold);
		transition: width 0.3s ease;
	}
	.header-nav > li > .nav-link:hover {
		color: var(--gold);
	}
	.header-nav > li > .nav-link:hover:after {
		width: 100%;
	}
}
.header-nav > li.hasChildren > .nav-link {
	justify-content: space-between;
}
.header-nav > li.hasChildren > .nav-link .arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 8px;
	font-size: 12px;
	transition: transform 0.3s ease;
}
@media (min-width: 1024px) {
	.header-nav > li.hasChildren > .nav-link .arrow {
		margin-left: 6px;
	}
}
.header-nav > li.hasChildren > .submenu {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	min-width: 240px;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #fff;
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);
	transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
	z-index: 10;
}
.header-nav > li.hasChildren > .submenu li {
	position: relative;
	width: 100%;
}
.header-nav > li.hasChildren > .submenu li a {
	display: block;
	width: 100%;
	padding: 0.8rem 1rem;
	color: var(--navy);
	font-size: 1.3rem;
	line-height: 1.6;
	text-transform: uppercase;
	transition: color 0.3s ease, background-color 0.3s ease;
}
.header-nav > li.hasChildren > .submenu li a:hover {
	color: #fff;
	background-color: var(--gold);
}
@media (min-width: 1024px) {
	.header-nav > li.hasChildren:hover > .submenu {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}
	.header-nav > li.hasChildren:hover > .nav-link {
		color: var(--gold);
	}
	.header-nav > li.hasChildren:hover > .nav-link:after {
		width: 100%;
	}
	.header-nav > li.hasChildren:hover > .nav-link .arrow {
		transform: rotate(180deg);
	}
}
@media (max-width: 1023px) {
	.header-nav > li.hasChildren > .nav-link {
		justify-content: space-between;
	}
	.header-nav > li.hasChildren > .nav-link .arrow {
		flex-shrink: 0;
	}
	.header-nav > li.hasChildren > .submenu {
		position: static;
		width: 100%;
		min-width: 0;
		max-height: 0;
		overflow: hidden;
		background-color: transparent;
		opacity: 0;
		visibility: hidden;
		transform: none;
		transition: max-height 0.4s ease, opacity 0.3s ease, visibility 0.3s ease;
	}
	.header-nav > li.hasChildren > .submenu li a {
		padding: 0.65rem 1rem 0.65rem 2rem;
		color: #fff;
		font-size: 1.25rem;
	}
	.header-nav > li.hasChildren > .submenu li a:hover {
		color: var(--navy);
		background-color: transparent;
	}
	.header-nav > li.hasChildren.is-open > .nav-link .arrow {
		transform: rotate(180deg);
	}
	.header-nav > li.hasChildren.is-open > .submenu {
		max-height: 500px;
		opacity: 1;
		visibility: visible;
	}
}
.header-cta {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	gap: 1rem;
	position: relative;
	z-index: 1001;
}
.header-cta .btn {
	white-space: nowrap;
}
.header-cta .languages select {
	display: block;
	padding: 0.5rem 1rem;
	border: 1px solid var(--navy);
	border-radius: 2px;
	background-color: #fff;
	height: 38px;
	color: var(--navy);
	font-size: 1.4rem;
	cursor: pointer;
	transition: border-color 0.3s ease, color 0.3s ease, background-color 0.3s ease;
}
.header-cta .languages select:focus {
	outline: none;
}
.header-cta .toggle-menu {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	color: #fff;
	font-size: 26px;
	cursor: pointer;
	transition: color 0.3s ease;
}
@media (min-width: 1024px) {
	.header-cta .toggle-menu {
		display: none;
	}
}
.header.fixed {
	background-color: var(--ivory);
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
}
.header.fixed .header-logo img {
	width: 100px;
}
.header.fixed .toggle-menu {
	color: var(--navy);
}
.header.fixed .languages select {
	border-color: var(--navy);
	color: var(--navy);
}
@media (max-width: 1023px) {
	.header .header-wrap {
		min-height: 70px;
	}
	.header-logo img {
		width: 90px;
	}
	.header-cta {
		gap: 0.75rem;
	}
	.header-cta .btn {
		padding: 0.7rem 1rem;
		font-size: 1.2rem;
	}
	.header-cta .languages select {
		padding: 0.45rem 0.7rem;
		font-size: 1.2rem;
	}
}

@media (max-width: 1023px) {
	body.ov-hidden .header-menu::after {
		content: "";
		position: fixed;
		top: 0;
		left: 100%;
		width: 100vw;
		height: 100dvh;
		background: rgba(0, 0, 0, 0.35);
		z-index: -1;
	}
}
.footer {
	padding: 5rem 0 0;
	border-top: 1px solid var(--line-color);
}
.footer-logo img {
	width: 100px;
	height: auto;
}
.footer-socials {
	display: flex;
	gap: 1rem;
	margin-top: 1rem;
}
.footer-socials a {
	width: 40px;
	height: 40px;
	border: 1px solid var(--navy);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	color: var(--navy);
	transition: all 0.3s ease-in-out;
}
.footer-socials a:hover {
	background-color: var(--gold);
	border-color: var(--gold);
	color: var(--white-color);
}
.footer-head {
	font-size: 1.6rem;
	font-weight: 600;
	color: var(--navy);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	margin-bottom: 1rem;
}
.footer-links {
	list-style: none;
	padding: 0;
	margin: 0;
}
.footer-links li {
	margin-bottom: 0.5rem;
}
.footer-links li a {
	font-size: 1.4rem;
	color: #807a6b;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	display: block;
}
.footer-links li a:hover {
	color: var(--gold);
}
.footer-newsletter .desc {
	font-size: 1.4rem;
	color: #807a6b;
	margin-bottom: 1rem;
}
.footer-newsletter-form {
	display: flex;
}
.footer-newsletter .nl-input {
	padding: 0.6rem 1.4rem;
	border-radius: 0cap;
	border: 1px solid var(--navy);
	font-size: 1.4rem;
	height: 45px;
}
.footer-newsletter .nl-btn {
	padding: 0.5rem 1rem;
	border-radius: 0;
	width: 45px;
	background-color: var(--navy);
	color: var(--white-color);
	font-size: 1.4rem;
	text-transform: uppercase;
	border: none;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.footer-newsletter .nl-btn:hover {
	background-color: var(--navy-dark);
	color: var(--white-color);
}
.footer-bottom {
	border-top: 1px solid #ddd1c2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 1.4rem;
	color: #444;
	margin-top: 3rem;
	padding: 1.2rem;
}
@media (max-width: 767.98px) {
	.footer-bottom {
		flex-direction: column;
		gap: 1rem;
	}
}

.hero {
	position: relative;
	width: 100%;
	height: 100vh;
}
.hero::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, #f8f1e6 14%, rgba(248, 241, 230, 0.96) 22%, rgba(248, 241, 230, 0) 55%);
	background: linear-gradient(90deg, rgba(248, 241, 230, 0.9) 14%, rgba(248, 241, 230, 0.7) 22%, rgba(248, 241, 230, 0) 55%);
	/*background: linear-gradient(90deg, var(--ivory) 0%, rgba(248, 240, 231, 0.96) 22%, rgba(248, 240, 231, 0.7) 34%, rgba(248, 240, 231, 0) 55%);*/
	z-index: 2;
}
.hero-content {
	position: relative;
	isolation: isolate;
	z-index: 5;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	/*padding: 50px 50px;*/
	height: 100%;
	max-width: 780px;
}
.hero-content::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 400px;
    top: 50%;
    left: 40%;
    transform: translate(-50%, -50%);
    background: radial-gradient(
        circle,
        rgba(255, 255, 255, 0.75) 0%,
        rgba(255, 255, 255, 0.4) 0%,
        rgba(255, 255, 255, 0) 100%
    );
    filter: blur(15px);
    z-index: -1;
    pointer-events: none;
}
@media (max-width: 767.98px) {
	.hero-content {
		/*padding: 40px 25px;*/
		padding-top: 60px;
	}
}

.hero-content .eyebrow {
	display: block;
	margin-bottom: 18px;
	letter-spacing: 0.22em;
	font-size: 1.2rem;
	font-weight: 500;
	color: var(--gold);
	text-transform: uppercase;
}

.hero-rule {
	display: block;
	width: 42px;
	height: 1px;
	margin: 25px 0;
	background: var(--gold);
}

.hero-title {
	position: relative;
	margin: 0;
	color: var(--navy);
	font-family: var(--primary-font);
	font-size: clamp(48px, 5vw, 55px);
	line-height: 1.3;
	font-weight: 400;
	text-shadow: 0 2px 8px rgb(255 255 255 / 25%);
}
.hero-title::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -15px -25px;
    background: rgba(255, 255, 255, 0.45);
    filter: blur(20px);
    border-radius: 50%;
}
@media (max-width: 767.98px) {
	.hero-title {
		font-size: clamp(38px, 5vw, 48px);
	}
}
.hero-desc {
	position: relative;
	/*margin: 25px 0 30px;*/
	font-size: 16px;
	line-height: 1.7;
}
.hero-desc::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -15px -25px;
    background: rgba(255, 255, 255, 0.55);
    filter: blur(15px);
    border-radius: 30%;
}
.hero-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}
.hero-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hero-wave {
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 100%;
	/* height: 70px; */
	z-index: 4;
}
.hero-wave .wave-shadow {
	fill: #b9935b;
	opacity: 0.32;
	transform: translateY(2px);
}
.hero-wave .wave-fill {
	fill: var(--ivory);
}
.hero-wave .wave-line {
	fill: none;
	stroke: #bd9250;
	stroke-width: 1.5;
}
.hero-palm {
	position: absolute;
	left: -40px;
	bottom: -40px;
	width: 280px;
	height: 130px;
	background: radial-gradient(ellipse at 30% 60%, rgba(198, 181, 157, 0.25), transparent 62%);
	transform: rotate(-16deg);
	filter: blur(2px);
	z-index: 7;
}
@media (max-width: 767.98px) {
	.hero {
		height: 75vh;
	}
}

.booking-section {
	margin-bottom: 60px;
}

.booking-bar {
	position: relative;
	z-index: 20;
	width: min(700px, 100% - 40px);
	width: 100%;
	min-height: 64px;
	margin: 0 auto;
	display: flex;
	align-items: stretch;
	background: #fffaf5;
	border: 1px solid rgba(126, 94, 53, 0.1);
	border-radius: 8px;
	box-shadow: 0 12px 35px rgba(52, 35, 20, 0.12), 0 3px 10px rgba(52, 35, 20, 0.06);
}
.booking-bar .booking-field {
	position: relative;
	flex: 1;
	display: flex;
	align-items: center;
	padding: 12px 18px;
}
.booking-bar .booking-icon {
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	margin-right: 10px;
	display: grid;
	place-items: center;
}
.booking-bar .booking-icon svg {
	width: 24px;
	height: 24px;
	stroke: var(--gold);
	stroke-width: 1.5;
}
.booking-bar .booking-content {
	flex: 1;
	min-width: 0;
}
.booking-bar .booking-label {
	display: block;
	margin-bottom: 4px;
	color: #77706a;
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: 0.04em;
}
.booking-bar .booking-value,
.booking-bar .guest-select {
	width: 100%;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--navy);
	font-size: 1.4rem;
	font-size: 1.6rem;
	text-align: left;
	font-weight: 600;
}
.booking-bar .booking-value::placeholder {
	color: var(--navy-dark);
	opacity: 1;
}
.booking-bar .booking-divider {
	width: 1px;
	margin: 14px 0;
	background: #e5ddd3;
}
.booking-bar .guest-select {
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}
.booking-bar .guest-select .chevron {
	width: 10px;
	height: 7px;
	margin-left: 8px;
	stroke: #403d38;
	stroke-width: 1.2;
}
.booking-bar .guest-dropdown {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	width: 280px;
	padding: 18px;
	background: #fffaf5;
	border: 1px solid #e7ded4;
	border-radius: 8px;
	box-shadow: 0 15px 40px rgba(40, 25, 10, 0.14);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-5px);
	transition: 0.2s ease;
}
.booking-bar .guest-dropdown.active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.booking-bar .guest-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0;
	border-bottom: 1px solid #eee6dd;
}
.booking-bar .guest-row strong,
.booking-bar .guest-row small {
	display: block;
}
.booking-bar .guest-row strong {
	color: #302a25;
	font-size: 13px;
	font-weight: 500;
}
.booking-bar .guest-row small {
	margin-top: 3px;
	color: #958b81;
	font-size: 10px;
}
.booking-bar .counter {
	display: flex;
	align-items: center;
	gap: 12px;
}
.booking-bar .counter button {
	width: 26px;
	height: 26px;
	display: grid;
	place-items: center;
	border: 1px solid #d8c5ae;
	border-radius: 50%;
	background: transparent;
	color: #8e672f;
	font-size: 16px;
	cursor: pointer;
}
.booking-bar .counter span {
	min-width: 12px;
	text-align: center;
	font-size: 12px;
}
.booking-bar .guest-done {
	width: 100%;
	margin-top: 15px;
	padding: 10px;
	border: 0;
	border-radius: 3px;
	background: #a87932;
	color: #fff;
	font-size: 10px;
	letter-spacing: 0.08em;
	cursor: pointer;
}
.booking-bar .booking-submit {
	margin: 12px;
	border: 0;
	border-radius: 4px;
	background: var(--navy);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	font-size: 1.4rem;
	font-weight: 500;
	padding: 0 1.4rem;
	cursor: pointer;
	transition: background 0.2s;
}
.booking-bar .booking-submit:hover {
	background: #0d2135;
}
.booking-bar .booking-submit svg {
	width: 14px;
	height: 14px;
	stroke: #fff;
	stroke-width: 1.5;
}
@media (max-width: 1023px) {
	.booking-bar {
		flex-wrap: wrap;
	}
	.booking-bar .booking-field {
		flex: 1 1 50%;
	}
	.booking-bar .booking-divider {
		display: none;
	}
	.booking-bar .booking-submit {
		flex: 1 1 100%;
		height: 48px;
		margin: 8px 12px 12px;
	}
}
@media (max-width: 767.98px) {
	.booking-bar {
		width: calc(100% - 24px);
		display: block;
		padding: 8px;
	}
	.booking-bar .booking-field {
		width: 100%;
		min-height: 55px;
		padding: 10px 12px;
		border-bottom: 1px solid #e5ddd3;
	}
	.booking-bar .booking-divider {
		display: none;
	}
	.booking-bar .booking-submit {
		width: 100%;
		height: 46px;
		margin: 10px 0 0;
	}
	.booking-bar .guest-dropdown {
		position: fixed;
		left: 12px;
		right: 12px;
		bottom: 12px;
		top: auto;
		width: auto;
		z-index: 100;
	}
}

.lr-card {
	background: #fff;
	border: 1px solid #f0e7d6;
	border-radius: 4px;
	overflow: hidden;
	height: 100%;
	transition: 0.3s;
}
.lr-card .card-image-lr {
	position: relative;
}
.lr-card .img-wrap {
	position: relative;
	height: 230px;
	overflow: hidden;
}
.lr-card .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.5s;
}
.lr-card .icon-badge {
	position: absolute;
	left: 1.5rem;
	bottom: -24px;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #fff;
	color: var(--gold);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 8px 18px -6px rgba(18, 34, 56, 0.3);
}
.lr-card .card-body-lr {
	padding: 3rem 2rem 2rem;
}
.lr-card .card-body-lr h3 {
	font-size: 2.4rem;
	color: var(--navy);
	margin-bottom: 1rem;
}
.lr-card .card-body-lr p {
	font-size: 1.4rem;
	color: #807a6b;
	margin-bottom: 1rem;
}
.lr-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 24px 40px -22px rgba(18, 34, 56, 0.22);
}
.lr-card:hover .img-wrap img {
	transform: scale(1.06);
}

.offers-banner {
	position: relative;
	background-size: cover;
	background-position: center;
	border-radius: 6px;
	padding: 4.8rem 4rem;
	color: #fff;
}
.offers-banner::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(100deg, rgba(11, 22, 38, 0.92) 20%, rgba(11, 22, 38, 0.55) 60%, rgba(11, 22, 38, 0.35) 100%);
	border-radius: 6px;
}
.offers-banner-content {
	position: relative;
}
.offers-banner h2 {
	font-size: clamp(2.4rem, 3vw, 3.8rem);
	margin: 0.8rem 0 2rem;
}
.offers-banner p {
	color: #d8d3c4;
	font-size: 1.4rem;
	max-width: 380px;
}
@media (max-width: 767.98px) {
	.offers-banner {
		padding: 3rem 2rem;
	}
}

.offer-feature {
	text-align: center;
	padding: 0 1rem;
}
.offer-feature .icon {
	color: var(--gold-dark);
	margin-bottom: 1rem;
	text-align: center;
}
.offer-feature .icon svg {
	margin: 0 auto;
}
.offer-feature span {
	font-size: 1.4rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	display: block;
	color: #f1ede2;
}

.quote-section {
	padding: 5rem 0;
	text-align: center;
	position: relative;
}
.quote-section .quote-mark {
	font-family: "Playfair Display", serif;
	font-size: 7rem;
	color: var(--gold);
	line-height: 0.4;
}
.quote-section h2 {
	font-style: italic;
	font-weight: 400;
	color: var(--navy);
	font-size: clamp(2.4rem, 4vw, 4.8rem);
	max-width: 760px;
	margin: 1.5rem auto;
	line-height: 1.3;
}
.quote-section .divider-motif {
	color: var(--gold);
	letter-spacing: 0.5em;
	font-size: 1.6rem;
}

.lr-blog {
	position: relative;
	background-color: var(--ivory-dark);
	/* LOAD MORE */
}
.lr-blog .blog-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px 25px;
}
@media (max-width: 991px) {
	.lr-blog .blog-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 40px 20px;
	}
}
@media (max-width: 767px) {
	.lr-blog .blog-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}
}
.lr-blog .blog-load {
	display: flex;
	justify-content: center;
	margin-top: 65px;
}
@media (max-width: 767px) {
	.lr-blog .blog-load {
		margin-top: 45px;
	}
}

.lr-map iframe {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rooms {
	position: relative;
}

.card-room {
	border: 1px solid #e4d7c7;
	border-radius: 9px;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.08);
	transition: all 0.3s ease-in-out;
}
.card-room .card-image {
	position: relative;
	overflow: hidden;
}
.card-room .card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 6/4;
	transition: all 0.3s ease-in-out;
}
.card-room .card-content {
	padding: 2rem;
}
.card-room .card-content .title {
	font-size: 2.4rem;
	color: var(--navy);
	margin-bottom: 1rem;
	transition: all 0.3s ease;
}
.card-room .card-content .title:hover {
	color: var(--gold);
}
.card-room .card-content .desc {
	font-size: 1.4rem;
	color: #807a6b;
	margin-bottom: 1rem;
}
.card-room .card-content .gr-btn {
	text-align: right;
}
.card-room:hover {
	transform: translateY(-6px);
	box-shadow: 0 24px 40px -22px rgba(18, 34, 56, 0.22);
}
.card-room:hover .card-image img {
	transform: scale(1.05);
}

.breath-section {
	position: relative;
	background: var(--bg-color);
	overflow: hidden;
	display: grid;
	grid-template-columns: 53% 48%;
	align-items: center;
}
.breath-section .breath-image {
	height: 100%;
	overflow: hidden;
	position: relative;
}
.breath-section .breath-image:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(-90deg, #f8f1e6 14%, rgba(248, 241, 230, 0.96) 22%, rgba(248, 241, 230, 0) 55%);
	background: linear-gradient(-90deg, #f8f1e6 1%, rgba(248, 241, 230, 0.96) 3%, rgba(248, 241, 230, 0) 28%);
	z-index: 1;
}
@media (max-width: 767.98px) {
	.breath-section .breath-image:before {
		display: none;
	}
}
.breath-section .breath-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: left center;
	display: block;
}
.breath-section .breath-copy {
	padding: 40px 40px 60px;
}
.breath-section .breath-copy .ornament {
	color: var(--gold);
	font-size: 39px;
	line-height: 1;
	font-family: Georgia, serif;
}
.breath-section .breath-copy .sectitle {
	color: var(--navy);
	font-size: clamp(2.4rem, 4vw, 3.8rem);
	line-height: 1.3;
	letter-spacing: 0.02em;
	font-weight: 500;
	margin: 0 0 14px;
}
.breath-section .breath-copy .desc {
	color: #7c7768;
	font-size: 1.4rem;
	margin-top: 1rem;
}
.breath-section .breath-wave {
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 100%;
	height: 45px;
	z-index: 5;
}
.breath-section .breath-wave .wave-fill {
	fill: var(--ivory-dark);
}
.breath-section .breath-wave .wave-line {
	fill: none;
	stroke: var(--gold);
	stroke-width: 1.5;
}
@media (max-width: 767.98px) {
	.breath-section {
		grid-template-columns: 1fr;
	}
	.breath-section .breath-image {
		height: 220px;
	}
	.breath-section .breath-copy {
		padding: 30px 25px 60px;
	}
}

.room-page-amenities {
	background-color: var(--ivory-dark);
}

.amenities {
	position: relative;
	overflow: hidden;
	padding: 60px 0;
}
.amenities-inner {
	position: relative;
}
.amenities-inner .amenity-line {
	position: absolute;
	left: 0;
	width: 100%;
	height: 50px;
	z-index: 1;
	pointer-events: none;
}
@media (max-width: 767.98px) {
	.amenities-inner .amenity-line {
		display: none;
	}
}
.amenities-inner .amenity-line path {
	fill: none;
	stroke: var(--gold);
	stroke-width: 1.15;
}
.amenities-inner .top-line {
	top: 0px;
}
.amenities-inner .bottom-line {
	top: 60%;
}
.amenities-inner .amenity-palm {
	position: absolute;
	right: -30px;
	top: 55px;
	width: 200px;
	height: 150px;
	background: radial-gradient(ellipse at 80% 45%, rgba(201, 185, 164, 0.28), transparent 67%);
	transform: rotate(18deg);
	filter: blur(1px);
}

.amenity-grid {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 1fr 1fr;
	column-gap: 20px;
	row-gap: 20px;
}
@media (max-width: 767.98px) {
	.amenity-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

.amenity {
	text-align: center;
	position: relative;
	padding-top: 4px;
}
.amenity .icon {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 6px;
	display: inline-block;
	background-color: var(--ivory-dark);
}
.amenity svg {
	width: 50px;
	height: 50px;
	fill: none;
	stroke: var(--gold);
	stroke-width: 1;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.amenity h3 {
	font-size: 1.8rem;
	font-weight: 500;
	margin: 0 0 6px;
	color: var(--navy);
}
.amenity p {
	font-size: 1.4rem;
	line-height: 1.45;
	margin: 0;
	color: var(--text);
}

.cta-section {
	background: var(--navy) right center/auto 100% no-repeat;
	position: relative;
	overflow: hidden;
}
.cta-section::after {
	content: "";
	position: absolute;
	width: 430px;
	height: 160px;
	left: 300px;
	top: -35px;
	border-top: 1px solid rgba(202, 160, 91, 0.7);
	border-radius: 50%;
	transform: rotate(16deg);
}
.cta-section__inner {
	display: flex;
	align-items: center;
}
@media (max-width: 767.98px) {
	.cta-section__inner {
		display: block;
	}
}
.cta-section-image {
	position: absolute;
	inset: 0;
}
.cta-section-image::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(16, 34, 56, 0.96) 0%, rgba(16, 34, 56, 0.92) 35%, rgba(16, 34, 56, 0.18) 73%, rgba(16, 34, 56, 0) 100%);
}
.cta-section-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.cta-section-content {
	position: relative;
}
.cta-section-content .title {
	font-family: var(--primary-font);
	font-size: 2.4rem;
	font-weight: 500;
	letter-spacing: 0.6px;
	color: #fff;
	margin: 0 0 15px;
}
@media (min-width: 992px) {
	.cta-section-content .title {
		font-size: 3.8rem;
	}
}
.cta-section-content .desc {
	color: #fff;
	font-size: 1.4rem;
	margin: 0;
}
.cta-section-btn {
	position: relative;
	margin-left: auto;
}
@media (max-width: 767.98px) {
	.cta-section-btn {
		display: inline-block;
		margin-top: 15px;
	}
}

.experience-day .experience-timeline {
	position: relative;
	padding: 0 0 20px;
}
.experience-day .experience-timeline::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 1px;
	background: #d8c6af;
	transform: translateX(-50%);
}
.experience-day .experience-item {
	position: relative;
	min-height: 190px;
	margin-bottom: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	column-gap: 90px;
}
.experience-day .experience-item:last-child {
	margin-bottom: 0;
}
.experience-day .experience-item .experience-media {
	grid-column: 1;
	grid-row: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
	max-height: 300px;
	aspect-ratio: 6/4;
	border-radius: 7px;
}
.experience-day .experience-item .experience-media img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	transition: transform 0.6s ease;
}
.experience-day .experience-item .experience-media:hover img {
	transform: scale(1.03);
}
.experience-day .experience-item .experience-content {
	grid-column: 2;
	grid-row: 1;
	padding-top: 8px;
}
.experience-day .experience-item .experience-content .experience-time {
	display: block;
	margin-bottom: 7px;
	color: var(--gold);
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: 0.04em;
}
.experience-day .experience-item .experience-content .title {
	margin: 0 0 12px;
	color: var(--navy);
	font-family: var(--primary-font);
	font-size: 2.4rem;
	line-height: 1.12;
	font-weight: 500;
}
@media (min-width: 992px) {
	.experience-day .experience-item .experience-content .title {
		font-size: 3.8rem;
	}
}
.experience-day .experience-item .experience-content .exp-line {
	width: 60px;
	height: 2px;
	background-color: var(--gold);
	margin: 20px 0;
}
.experience-day .experience-item .experience-content .desc {
	margin: 0 0 10px;
	color: #5e5a55;
	font-size: 1.4rem;
	line-height: 1.5;
}
.experience-day .experience-item .experience-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	width: 34px;
	height: 34px;
	display: grid;
	place-items: center;
	background: #fbf3ea;
	border: 1px solid #d8c6af;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}
.experience-day .experience-item .experience-icon svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: #b48a4b;
	stroke-width: 1;
}
.experience-day .experience-item:nth-child(even) .experience-media {
	grid-column: 2;
}
.experience-day .experience-item:nth-child(even) .experience-content {
	grid-column: 1;
}
@media (min-width: 768px) {
	.experience-day .experience-item:nth-child(even) .experience-content {
		text-align: right;
	}
	.experience-day .experience-item:nth-child(even) .experience-content .exp-line {
		margin-left: auto;
	}
}
@media (max-width: 767px) {
	.experience-day .experience-timeline {
		padding-left: 35px;
	}
	.experience-day .experience-timeline::before {
		left: 12px;
		transform: none;
	}
	.experience-day .experience-item,
	.experience-day .experience-item.reverse {
		min-height: auto;
		margin-bottom: 35px;
		display: block;
	}
	.experience-day .experience-item .experience-media,
	.experience-day .experience-item.reverse .experience-media {
		width: 100%;
		height: 190px;
		margin-bottom: 15px;
	}
	.experience-day .experience-item .experience-content,
	.experience-day .experience-item.reverse .experience-content {
		padding: 0;
	}
	.experience-day .experience-item .experience-icon,
	.experience-day .experience-item.reverse .experience-icon {
		top: 12px;
		left: -38px;
		transform: none;
	}
}

.dining-morning {
	padding: 30px 0 45px;
}
.dining-morning__grid {
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	gap: 45px;
	align-items: center;
}
@media (max-width: 991.98px) {
	.dining-morning__grid {
		grid-template-columns: 1fr;
		gap: 25px;
	}
}
.dining-morning__image {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
}
.dining-morning__image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	aspect-ratio: 6/4;
}
.dining-morning__list {
	display: flex;
	flex-direction: column;
}
@media (max-width: 767.98px) {
	.dining-morning {
		padding-top: 20px;
	}
}
.dining-item {
	display: grid;
	grid-template-columns: 55px 1fr;
	gap: 12px;
	padding: 16px 0;
	border-bottom: 1px solid #ded2c3;
}
.dining-item:first-child {
	padding-top: 0;
}
.dining-item:last-child {
	border-bottom: 0;
}
.dining-item__icon {
	width: 45px;
	height: 45px;
	display: grid;
	place-items: center;
}
.dining-item__icon svg {
	width: 30px;
	height: 30px;
	stroke: var(--gold);
	fill: none;
	stroke-width: 1.2;
}
.dining-item__icon i {
	font-size: 30px;
	color: var(--gold);
}
.dining-item .title {
	margin: 3px 0 7px;
	color: var(--navy);
	font: 500 2.2rem/1.2 var(--primary-font);
}
.dining-item .desc {
	margin: 0;
	color: #5f5a54;
	font-size: 1.4rem;
	line-height: 1.45;
}
.dining-item .desc p {
	margin-bottom: 4px;
}
@media (max-width: 767.98px) {
	.dining-item {
		grid-template-columns: 45px 1fr;
		padding: 13px 0;
	}
	.dining-item__icon {
		width: 40px;
		height: 40px;
	}
}
.dining-recommendations {
	padding: 10px 0 35px;
}
.dining-cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 14px;
}
@media (max-width: 991.98px) {
	.dining-cards {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
}
@media (max-width: 767.98px) {
	.dining-cards {
		grid-template-columns: 1fr;
	}
}
.dining-card {
	overflow: hidden;
	background: #fbf3ea;
	border: 1px solid #e4d7c8;
	border-radius: 7px;
}
.dining-card__image {
	position: relative;
	overflow: hidden;
}
.dining-card__image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	transition: transform 0.5s ease;
	aspect-ratio: 6/4;
}
.dining-card:hover img {
	transform: scale(1.04);
}
.dining-card__content {
	min-height: 115px;
	padding: 13px 14px;
}
.dining-card__content .title {
	color: var(--navy);
	font: 500 2.4rem/1.2 var(--primary-font);
}
.dining-card__content p {
	margin: 7px 0 12px;
	color: #5f5a54;
	font-size: 1.4rem;
	line-height: 1.45;
}
@media (max-width: 767.98px) {
	.dining-card__image {
		height: 210px;
	}
}

/* DINING MENU */
.restaurant-menu {
	background: #f8f0e7;
}
.restaurant-menu__content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 60px 80px;
}
.restaurant-menu .menu-group__header {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #c9b9a7;
}
.restaurant-menu .menu-group__header h3 {
	margin: 0;
	color: #14283b;
	font-family: var(--primary-font);
	font-size: 24px;
	font-weight: 400;
}
.restaurant-menu .menu-group__header span {
	color: #9a8c7e;
	font-size: 10px;
	white-space: nowrap;
}
.restaurant-menu .menu-list .menu-item {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 30px;
	padding: 18px 0;
	border-bottom: 1px solid rgba(201, 185, 167, 0.55);
}
.restaurant-menu .menu-list .menu-item h4 {
	margin: 0 0 5px;
	color: #26394b;
	font-family: var(--primary-font);
	font-size: 18px;
	font-weight: 500;
}
.restaurant-menu .menu-list .menu-item p {
	margin: 0;
	color: #80766d;
	font-size: 11px;
	line-height: 1.5;
}
.restaurant-menu .menu-list .menu-item strong {
	flex: 0 0 auto;
	color: #b5843e;
	font-size: 11px;
	font-weight: 500;
}
.restaurant-menu__download {
	display: flex;
	justify-content: center;
	margin-top: 60px;
}
@media (max-width: 991px) {
	.restaurant-menu__content {
		gap: 45px 35px;
	}
	.restaurant-menu .menu-group__header h3 {
		font-size: 22px;
	}
}
@media (max-width: 767px) {
	.restaurant-menu__heading {
		margin-bottom: 45px;
	}
	.restaurant-menu__heading h2 {
		font-size: 45px;
	}
	.restaurant-menu__heading p {
		font-size: 12px;
	}
	.restaurant-menu__content {
		grid-template-columns: 1fr;
		gap: 45px;
	}
	.restaurant-menu .menu-group__header h3 {
		font-size: 23px;
	}
	.restaurant-menu .menu-group__header span {
		font-size: 9px;
	}
	.restaurant-menu .menu-list .menu-item {
		padding: 15px 0;
	}
	.restaurant-menu .menu-list .menu-item h4 {
		font-size: 17px;
	}
	.restaurant-menu .menu-list .menu-item p {
		font-size: 10px;
	}
	.restaurant-menu__download {
		margin-top: 45px;
	}
}
@media (max-width: 480px) {
	.restaurant-menu__heading h2 {
		font-size: 40px;
	}
	.restaurant-menu .menu-group__header h3 {
		font-size: 21px;
	}
	.restaurant-menu .menu-list .menu-item {
		gap: 15px;
	}
	.restaurant-menu .menu-list .menu-item h4 {
		font-size: 16px;
	}
	.restaurant-menu .menu-list .menu-item strong {
		font-size: 10px;
	}
}

/* OPENING HOURS */
.restaurant-hours {
	position: relative;
	min-height: 650px;
	display: grid;
	grid-template-columns: 48% 52%;
	background: #14283b;
}
.restaurant-hours__image {
	min-height: 650px;
}
.restaurant-hours__image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}
.restaurant-hours__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 80px clamp(50px, 7vw, 110px);
	color: #fff;
}
.restaurant-hours__content .section-heading {
	text-align: left;
	max-width: 100%;
}
.restaurant-hours__content .section-heading .sectitle {
	color: inherit;
	font-size: clamp(45px, 5vw, 65px);
}
.restaurant-hours__content .section-heading .line {
	margin: 20px 0;
	background: var(--gold-light);
}
.restaurant-hours__content .section-heading .subtitle {
	color: rgba(255, 255, 255, 0.72);
}
.restaurant-hours__list {
	max-width: 520px;
	margin-bottom: 35px;
}
.restaurant-hours .hours-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding: 16px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}
.restaurant-hours .hours-item:first-child {
	border-top: 1px solid rgba(255, 255, 255, 0.18);
}
.restaurant-hours .hours-item h3 {
	margin: 0 0 3px;
	font-family: var(--primary-font);
	font-size: 19px;
	font-weight: 400;
}
.restaurant-hours .hours-item span {
	color: rgba(255, 255, 255, 0.48);
	font-size: 10px;
}
.restaurant-hours .hours-item strong {
	color: var(--gold-light);
	font-size: 16px;
	font-weight: 500;
	white-space: nowrap;
}
@media (max-width: 991px) {
	.restaurant-hours {
		grid-template-columns: 45% 55%;
		min-height: 580px;
	}
	.restaurant-hours__image {
		min-height: 580px;
	}
	.restaurant-hours__content {
		padding: 60px 45px;
	}
}
@media (max-width: 767px) {
	.restaurant-hours {
		display: flex;
		flex-direction: column;
	}
	.restaurant-hours__image {
		min-height: 320px;
		height: 320px;
	}
	.restaurant-hours__content {
		padding: 60px 20px 70px;
	}
	.restaurant-hours .hours-item {
		padding: 14px 0;
	}
	.restaurant-hours .hours-item h3 {
		font-size: 18px;
	}
	.restaurant-hours .hours-item strong {
		font-size: 11px;
	}
}
@media (max-width: 480px) {
	.restaurant-hours__image {
		min-height: 270px;
		height: 270px;
	}
	.restaurant-hours__content {
		padding: 50px 20px 60px;
	}
	.restaurant-hours__content h2 {
		font-size: 40px;
	}
	.restaurant-hours__content > p {
		font-size: 11px;
	}
	.restaurant-hours .hours-item {
		gap: 15px;
	}
	.restaurant-hours .hours-item h3 {
		font-size: 17px;
	}
	.restaurant-hours .hours-item span {
		font-size: 9px;
	}
}

.about-story .story-pillars {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}
.about-story .story-pillars .pillar {
	padding: 0 25px;
	text-align: center;
}
.about-story .story-pillars .pillar + .pillar {
	border-left: 1px solid #ded2c3;
}
.about-story .story-pillars .pillar .icon {
	width: 52px;
	height: 52px;
	margin: 0 auto 24px;
	color: var(--gold);
}
.about-story .story-pillars .pillar .icon svg {
	display: block;
	width: 100%;
	height: 100%;
}
.about-story .story-pillars .pillar h3 {
	margin: 0 0 15px;
	font: 500 2.4rem/1.2 var(--primary-font);
}
.about-story .story-pillars .pillar p {
	margin: 0;
	color: #5e5953;
	font-size: 1.4rem;
	line-height: 1.55;
}
@media (max-width: 991.98px) {
	.about-story .story-pillars {
		grid-template-columns: 1fr;
	}
	.about-story .story-pillars .pillar {
		padding: 20px;
	}
	.about-story .story-pillars .pillar + .pillar {
		border-left: 0;
		border-top: 1px solid #ded2c3;
	}
}
.about-return {
	background-color: var(--cream);
}
.about-return .return-grid {
	display: grid;
	grid-template-columns: 0.75fr 1.45fr;
	gap: 45px;
	align-items: center;
}
@media (max-width: 991.98px) {
	.about-return .return-grid {
		grid-template-columns: 1fr;
		gap: 25px;
	}
}
.about-return .return-content h2 {
	margin: 0 0 12px;
	font-size: clamp(2.4rem, 4vw, 3.8rem);
	font-family: var(--primary-font);
}
.about-return .return-content .line {
	width: 60px;
	height: 2px;
	margin-bottom: 12px;
	background: var(--gold);
}
.about-return .return-content p {
	margin: 0 0 10px;
	color: #5e5953;
	font-size: 1.4rem;
	line-height: 1.55;
}
.about-return .return-content .signature {
	margin-top: 12px;
	color: #b39a72;
	font-family: cursive;
	font-size: 16px;
	font-style: italic;
}
.about-return .return-image {
	overflow: hidden;
	border-radius: 8px;
}
.about-return .return-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	aspect-ratio: 6/3;
}
@media (max-width: 991.98px) {
	.about-return .return-image {
		order: -1;
	}
}
.about-promise .promise-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}
.about-promise .promise-grid .promise {
	padding: 0 18px;
	text-align: center;
}
.about-promise .promise-grid .promise + .promise {
	border-left: 1px solid #ded2c3;
}
.about-promise .promise-grid .promise .icon {
	height: 48px;
	font-size: 3.4rem;
	margin-bottom: 7px;
	color: var(--gold);
}
.about-promise .promise-grid .promise .icon svg {
	width: 34px;
	height: 34px;
	fill: none;
	stroke: var(--gold);
	stroke-width: 1.2;
}
.about-promise .promise-grid .promise h3 {
	margin: 0 0 7px;
	font: 500 2.4rem/1.2 var(--primary-font);
}
.about-promise .promise-grid .promise p {
	margin: 0;
	color: #5e5953;
	font-size: 1.4rem;
	line-height: 1.5;
}
@media (max-width: 991.98px) {
	.about-promise .promise-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 25px 0;
	}
	.about-promise .promise-grid .promise:nth-child(3) {
		border-left: 0;
	}
}
@media (max-width: 767.98px) {
	.about-promise .promise-grid {
		grid-template-columns: 1fr;
	}
	.about-promise .promise-grid .promise {
		padding: 15px 25px;
	}
	.about-promise .promise-grid .promise + .promise {
		border-left: 0;
		border-top: 1px solid #ded2c3;
	}
}
.about-journey .journey-grid {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 15px;
}
.about-journey .journey-grid::before {
	content: "";
	position: absolute;
	top: -17px;
	left: 0;
	right: 0;
	height: 30px;
	border-top: 2px solid #c8a568;
	border-radius: 50%;
}
@media (min-width: 992px) {
	.about-journey .journey-grid {
		margin-top: 100px;
	}
}
@media (max-width: 991.98px) {
	.about-journey .journey-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 35px 15px;
	}
	.about-journey .journey-grid::before {
		display: none;
	}
}
@media (max-width: 767.98px) {
	.about-journey .journey-grid {
		grid-template-columns: 1fr;
	}
}
.about-journey .journey-card {
	position: relative;
	overflow: visible;
	background: #fbf3ea;
	border: 1px solid #e1d4c5;
	border-radius: 7px;
}
.about-journey .journey-card .number {
	position: absolute;
	top: -35px;
	left: 50%;
	z-index: 2;
	width: 48px;
	height: 48px;
	display: grid;
	place-items: center;
	background: #fbf3ea;
	border: 1px solid #d9c6a9;
	border-radius: 50%;
	transform: translateX(-50%);
	color: var(--gold);
	font-size: 1.8rem;
	line-height: 1;
	font-family: var(--primary-font);
}
@media (max-width: 991.98px) {
	.about-journey .journey-card .number {
		top: -24px;
	}
}
.about-journey .journey-card .image {
	overflow: hidden;
	border-radius: 7px 7px 0 0;
}
.about-journey .journey-card .image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	aspect-ratio: 6/4;
}
.about-journey .journey-card .content {
	min-height: 85px;
	padding: 12px 15px;
}
.about-journey .journey-card .content h3 {
	margin: 0 0 10px;
	font: 500 2.4rem/1.2 var(--primary-font);
}
.about-journey .journey-card .content p {
	margin: 0;
	color: #5e5953;
	font-size: 1.4rem;
	line-height: 1.5;
}
@media (max-width: 767.98px) {
	.about-journey .journey-card .number {
		top: -24px;
	}
	.about-journey .journey-card .image {
		height: 220px;
	}
}

.contact-connect {
	padding: 25px 0 35px;
}
.contact-info {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}
.contact-info__item {
	min-height: 130px;
	padding: 0 15px;
	text-align: center;
}
.contact-info__item + .contact-info__item {
	border-left: 1px solid #e2d6c8;
}
.contact-info__item .icon {
	height: 50px;
	display: grid;
	place-items: center;
}
.contact-info__item .icon svg {
	width: 32px;
	height: 32px;
	fill: none;
	stroke: var(--gold);
	stroke-width: 1.2;
}
.contact-info__item .icon i {
	font-size: 32px;
	color: var(--gold);
}
.contact-info__item h3 {
	margin: 5px 0 9px;
	color: var(--navy);
	font-size: 1.8rem;
	font-weight: 500;
}
.contact-info__item p {
	margin: 0;
	color: #5e5953;
	font-size: 1.4rem;
	line-height: 1.55;
}
@media (max-width: 991.98px) {
	.contact-info {
		grid-template-columns: repeat(3, 1fr);
		row-gap: 25px;
	}
	.contact-info__item:nth-child(4) {
		border-left: 0;
	}
}
@media (max-width: 767.98px) {
	.contact-info {
		grid-template-columns: repeat(2, 1fr);
	}
	.contact-info__item {
		padding: 10px;
	}
	.contact-info__item:nth-child(3), .contact-info__item:nth-child(5) {
		border-left: 0;
	}
	.contact-info__item:nth-child(n+3) {
		border-top: 1px solid #e2d6c8;
	}
}
.contact-location__inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	align-items: center;
}
@media (max-width: 991.98px) {
	.contact-location__inner {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}
.contact-location__content h2 {
	margin: 0 0 8px;
	font: 500 2.4rem/1.1 var(--primary-font);
}
.contact-location__content .line {
	display: block;
	width: 30px;
	height: 1px;
	margin-bottom: 15px;
	background: var(--gold);
}
.contact-location__content p {
	margin: 0 0 18px;
	color: #5e5953;
	font-size: 1.4rem;
	line-height: 1.55;
}
.contact-location__content a {
	color: var(--gold);
	font-size: 1.4rem;
	text-decoration: none;
}
.contact-location__content a span {
	margin-left: 5px;
	font-size: 12px;
}
.contact-location__map {
	/*height: 200px;*/
	aspect-ratio: 1/1;
	overflow: hidden;
	border-radius: 7px;
}
.contact-location__map img,
.contact-location__map iframe {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}
/*@media (max-width: 991.98px) {
.contact-location__map {
height: 280px;
}
}
@media (max-width: 767.98px) {
.contact-location__map {
height: 220px;
}
}*/
.contact-message {
	padding: 0 0 50px;
}
.contact-message-inner {
	display: grid;
	grid-template-columns: 1fr ;
	gap: 30px;
	align-items: start;
}
@media (max-width: 991.98px) {
	.contact-message-inner {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 767.98px) {
	.contact-message-inner {
		gap: 25px;
	}
}
.contact-form {
	padding: 25px 22px;
	background: #f4eade;
	border: 1px solid #eadccd;
	border-radius: 8px;
}
.contact-form h2 {
	margin: 0 0 10px;
	font: 500 2.4rem/1.1 var(--primary-font);
}
.contact-form > p {
	margin: 0 0 14px;
	color: #5e5953;
	font-size: 1.4rem;
	line-height: 1.5;
}
.contact-form form {
	display: flex;
	flex-direction: column;
	gap: 7px;
}
.contact-form .form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 7px;
}
.contact-form input,
.contact-form select,
.contact-form textarea {
	width: 100%;
	padding: 9px 10px;
	border: 1px solid #e5d8ca;
	outline: none;
	background: rgba(255, 255, 255, 0.35);
	color: #4e4944;
	font: 1.4rem var(--normal-font);
}
.contact-form input::placeholder,
.contact-form select::placeholder,
.contact-form textarea::placeholder {
	color: #8a8178;
}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
	border-color: #c5a06a;
}
.contact-form textarea {
	min-height: 75px;
	resize: vertical;
}
.contact-form select {
	appearance: none;
	cursor: pointer;
}
.contact-form button {
	align-self: flex-start;
	margin-top: 8px;
	padding: 11px 18px;
	border: 0;
	background: #c28d3f;
	color: #fff;
	font-size: 1.4rem;
	cursor: pointer;
}
.contact-form button span {
	margin-left: 8px;
	font-size: 12px;
}
@media (max-width: 767.98px) {
	.contact-form {
		padding: 20px 15px;
	}
	.contact-form .form-row {
		grid-template-columns: 1fr;
	}
}
.contact-story__image {
	height: 350px;
	overflow: hidden;
	border-radius: 8px;
}
.contact-story__image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}
@media (max-width: 767.98px) {
	.contact-story__image {
		height: 220px;
	}
}
.contact-story__content {
	padding: 15px 8px;
}
.contact-story__content h2 {
	margin: 0 0 8px;
	font: 500 2.4rem/1.1 var(--primary-font);
}
.contact-story__content .line {
	display: block;
	width: 30px;
	height: 1px;
	margin-bottom: 12px;
	background: var(--gold);
}
.contact-story__content p {
	max-width: 440px;
	margin: 0;
	color: #5e5953;
	font-size: 1.4rem;
	line-height: 1.55;
}
.contact-story__content .signature {
	margin-top: 10px;
	color: #b39a72;
	font-family: cursive;
	font-size: 13px;
	font-style: italic;
}

.offers-list {
	padding: 5px 0 40px;
}
.offers-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
}
@media (max-width: 767.98px) {
	.offers-grid {
		grid-template-columns: 1fr;
	}
}
.offers .offer-card {
	overflow: hidden;
	border: 1px solid #e4d8cb;
	border-radius: 9px;
	background: rgba(255, 255, 255, 0.15);
}
.offers .offer-card__image {
	position: relative;
}
.offers .offer-card__image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	aspect-ratio: 6/3;
}
.offers .offer-card__image .badge {
	position: absolute;
	top: 14px;
	left: 14px;
	padding: 7px 9px;
	border-radius: 2px;
	background: #122b42;
	color: #fff;
	font-size: 8px;
	font-weight: 500;
	letter-spacing: 0.2px;
}
@media (max-width: 767.98px) {
	.offers .offer-card__image {
		height: 210px;
	}
}
.offers .offer-card__body {
	position: relative;
	padding: 25px 18px 20px;
}
.offers .offer-card__icon {
	position: absolute;
	top: -28px;
	left: 18px;
	width: 55px;
	height: 55px;
	display: grid;
	place-items: center;
	border: 1px solid #dfcfbc;
	border-radius: 50%;
	background: #fbf3ea;
	color: #bb8d4c;
	font-size: 28px;
}
.offers .offer-card h3 {
	margin: 0 0 10px;
	font: 500 2.4rem/1.2 var(--primary-font);
}
.offers .offer-card p {
	margin: 0 0 10px;
	color: #484541;
	font-size: 1.4rem;
}
.offers .offer-card ul {
	margin: 0 0 18px;
	padding: 0;
	list-style: none;
}
.offers .offer-card ul li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 13px;
	color: #615b54;
	font-size: 1.4rem;
}
.offers .offer-card ul li::before {
	content: "✓";
	position: absolute;
	left: 0;
	color: #b48a4b;
}
.offers .offer-card a {
	color: var(--gold);
	font-size: 1.4rem;
	text-decoration: none;
}
.offers .offer-card a span {
	margin-left: 5px;
	font-size: 12px;
}
.offers-newsletter {
	margin-bottom: 20px;
}
.offers-newsletter__inner {
	min-height: 250px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding: 20px 40px;
	border-radius: 8px;
	background: linear-gradient(90deg, rgba(9, 29, 47, 0.97), rgba(9, 29, 47, 0.65)), url("../images/res2.png") center/cover;
}
@media (max-width: 991.98px) {
	.offers-newsletter__inner {
		flex-direction: column;
		align-items: stretch;
	}
}
@media (max-width: 767.98px) {
	.offers-newsletter__inner {
		padding: 22px;
	}
}
.offers-newsletter__content {
	color: #fff;
}
.offers-newsletter__content h2 {
	margin: 0 0 6px;
	font: 500 2.4rem/1.2 var(--primary-font);
}
@media (min-width: 992px) {
	.offers-newsletter__content h2 {
		font-size: 3.6rem;
	}
}
.offers-newsletter__content p {
	max-width: 360px;
	margin: 0;
	font-size: 1.4rem;
	line-height: 1.5;
}
.offers-newsletter__form {
	display: flex;
	min-width: 325px;
	border: 1px solid rgba(255, 255, 255, 0.5);
}
.offers-newsletter__form input {
	min-width: 0;
	flex: 1;
	padding: 11px 14px;
	border: 0;
	outline: 0;
	font-size: 1.4rem;
}
.offers-newsletter__form button {
	padding: 0 18px;
	border: 0;
	background: #c38e3f;
	color: #fff;
	font-size: 1.4rem;
	cursor: pointer;
}
.offers-newsletter__form button span {
	margin-left: 7px;
	font-size: 12px;
}
@media (max-width: 991.98px) {
	.offers-newsletter__form {
		width: 100%;
		min-width: 0;
	}
}
@media (max-width: 767.98px) {
	.offers-newsletter__form {
		flex-direction: column;
		gap: 8px;
	}
	.offers-newsletter__form input,
	.offers-newsletter__form button {
		height: 40px;
	}
}

.offer-detail-intro {
	padding: 25px 0 55px;
}
.offer-detail-intro__grid {
	display: grid;
	grid-template-columns: 0.85fr 1.15fr;
	gap: 45px;
	align-items: center;
}
@media (max-width: 767.98px) {
	.offer-detail-intro__grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}
}
.offer-detail-intro__content .eyebrow {
	margin-bottom: 10px;
}
.offer-detail-intro__content .title {
	margin: 0 0 15px;
	font: 500 28px/1.15 var(--primary-font);
}
@media (min-width: 992px) {
	.offer-detail-intro__content .title {
		font-size: 3.6rem;
	}
}
.offer-detail-intro__content .desc {
	margin: 0 0 12px;
	color: #625d57;
	font-size: 14px;
	line-height: 1.7;
}
.offer-detail-intro__image {
	overflow: hidden;
	border-radius: 8px;
}
.offer-detail-intro__image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	aspect-ratio: 6/3;
}
.offer-detail-benefits__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 991.98px) {
	.offer-detail-benefits__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
.offer-detail-benefits .benefit {
	padding: 5px 25px;
	text-align: center;
}
.offer-detail-benefits .benefit + .offer-detail-benefits .benefit {
	border-left: 1px solid #e0d2c2;
}
.offer-detail-benefits .benefit__icon {
	width: 52px;
	height: 52px;
	margin: 0 auto 15px;
}
.offer-detail-benefits .benefit__icon svg {
	width: 100%;
	height: 100%;
	fill: none;
	stroke: #b58b4d;
	stroke-width: 1.2;
}
.offer-detail-benefits .benefit h3 {
	margin: 0 0 15px;
	font: 500 24px/1.2 var(--primary-font);
}
.offer-detail-benefits .benefit p {
	margin: 0;
	color: #655e57;
	font-size: 14px;
	line-height: 1.6;
}
.offer-detail-info {
	padding: 55px 0;
}
.offer-detail-info__box {
	display: grid;
	grid-template-columns: 1fr 1fr;
	border: 1px solid #e1d5c7;
	border-radius: 8px;
}
.offer-detail-info__column {
	padding: 28px 35px;
}
.offer-detail-info__column + .offer-detail-info__column {
	border-left: 1px solid #e1d5c7;
}
.offer-detail-info__column h2 {
	margin: 0;
	font: 500 22px/1.2 var(--primary-font);
}
.offer-detail-info__column .gold-line {
	margin: 12px 0 18px;
	display: block;
}
.offer-detail-info__column ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.offer-detail-info__column ul li {
	position: relative;
	margin-bottom: 9px;
	padding-left: 15px;
	color: #5e5953;
	font-size: 14px;
	line-height: 1.45;
}
.offer-detail-info__column ul li::before {
	content: "✓";
	position: absolute;
	left: 0;
	color: var(--gold);
}
@media (max-width: 767.98px) {
	.offer-detail-info__column {
		padding: 20px;
	}
}
.offer-detail-related {
	position: relative;
}

.related-offer {
	position: relative;
	overflow: hidden;
	border: 1px solid #e2d5c7;
	border-radius: 7px;
	color: #182d42;
	text-decoration: none;
	display: block;
}
.related-offer__image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	transition: transform 0.5s ease;
	aspect-ratio: 6/3;
}
.related-offer__content {
	padding: 16px;
}
.related-offer__content .item-label {
	color: var(--gold);
	font-size: 8px;
}
.related-offer__content .item-title {
	margin: 7px 0 15px;
	font: 500 24px/1.2 var(--primary-font);
}
.related-offer:hover .related-offer__image img {
	transform: scale(1.04);
}

.room-detail {
	background: var(--ivory);
	color: var(--text);
}
.room-detail .room-intro__grid {
	display: grid;
	grid-template-columns: 1.15fr 0.85fr;
	gap: 90px;
	align-items: center;
}
.room-detail .room-intro__image {
	border-radius: 12px;
	overflow: hidden;
}
.room-detail .room-intro__image img {
	aspect-ratio: 1.35;
}
.room-detail .room-intro__content h3 {
	margin: 0;
	color: var(--navy);
	font-family: var(--primary-font);
	font-size: clamp(34px, 3.5vw, 48px);
	line-height: 1;
	font-weight: 400;
}
.room-detail .room-intro__content p {
	margin: 0 0 18px;
	font-size: 14px;
	line-height: 1.8;
}
.room-detail .room-info {
	padding: 45px 0;
	border-top: 1px solid var(--border);
	border-bottom: 1px solid var(--border);
}
.room-detail .room-info__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}
.room-detail .room-info__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 7px;
	padding: 15px 25px;
	border-right: 1px solid var(--border);
	text-align: center;
}
.room-detail .room-info__item:last-child {
	border: 0;
}
.room-detail .room-info__item strong {
	color: var(--navy);
	font-family: var(--primary-font);
	font-size: 22px;
	font-weight: 400;
	font-variant-numeric: lining-nums;
    font-feature-settings: "lnum" 1;
}
.room-detail .room-info__item > span:last-child {
	color: #777;
	font-size: 10px;
	letter-spacing: 0.06em;
}
.room-detail .room-info__icon {
	color: var(--gold);
	font-size: 27px;
}
.room-detail .room-amenities .amenities-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	border-top: 1px solid var(--border);
	border-left: 1px solid var(--border);
}
.room-detail .room-amenities .amenity {
	min-height: 190px;
	padding: 32px;
	border-right: 1px solid var(--border);
	border-bottom: 1px solid var(--border);
}
.room-detail .room-amenities .amenity > span {
	display: block;
	margin-bottom: 18px;
	color: var(--gold);
	font-size: 28px;
}
.room-detail .room-amenities .amenity h3 {
	margin: 0 0 10px;
	color: var(--navy);
	font-family: var(--primary-font);
	font-size: 20px;
	font-weight: 400;
}
.room-detail .room-amenities .amenity p {
	margin: 0;
	font-size: 12px;
	line-height: 1.6;
}
.room-detail .room-gallery {
	padding: 50px 0 110px;
}
.room-detail .room-gallery__grid {
	display: grid;
	grid-template-columns: 1.3fr 0.7fr 0.7fr;
	grid-template-rows: 280px 280px;
	gap: 12px;
}
.room-detail .room-gallery__grid a {
	overflow: hidden;
	border-radius: 8px;
}
.room-detail .room-gallery__grid a:first-child {
	grid-row: span 2;
}
.room-detail .room-gallery__grid a:hover img {
	transform: scale(1.04);
}
.room-detail .room-gallery__grid img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.5s;
}
.room-detail .room-policies {
	padding: 70px 0;
	background: #f2e8dc;
}
.room-detail .room-policies__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}
.room-detail .room-policies .policy {
	padding: 10px 30px;
	border-right: 1px solid var(--border);
}
.room-detail .room-policies .policy:last-child {
	border: 0;
}
.room-detail .room-policies .policy h3 {
	color: var(--gold);
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.06em;
}
.room-detail .room-policies .policy p {
	margin: 8px 0 0;
	font-size: 13px;
}
.room-detail .related-rooms {
	padding: 100px 0;
}
.room-detail .related-rooms__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 25px;
}
.room-detail .room-card {
	border: 1px solid var(--border);
	border-radius: 10px;
	overflow: hidden;
}
.room-detail .room-card__image {
	overflow: hidden;
}
.room-detail .room-card__image img {
	aspect-ratio: 1.5;
	transition: 0.5s;
}
.room-detail .room-card:hover img {
	transform: scale(1.04);
}
.room-detail .room-card__content {
	padding: 28px;
}
.room-detail .room-card__content h3 {
	margin: 0 0 12px;
	color: var(--navy);
	font-family: var(--primary-font);
	font-size: 27px;
	font-weight: 400;
}
.room-detail .room-card__content p {
	margin: 0 0 20px;
	font-size: 13px;
	line-height: 1.6;
}
.room-detail .room-card__content a {
	color: var(--gold);
	font-size: 11px;
	text-decoration: none;
}
@media (max-width: 991px) {
	.room-detail .room-intro__grid {
		gap: 45px;
	}
	.room-detail .amenities-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
	.room-detail .room-gallery__grid {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 300px 220px;
	}
	.room-detail .room-gallery__grid a:first-child {
		grid-column: span 2;
		grid-row: auto;
	}
}
@media (max-width: 767px) {
	.room-detail .room-intro {
		padding: 55px 0 65px;
	}
	.room-detail .room-intro__grid {
		display: flex;
		flex-direction: column;
		gap: 35px;
	}
	.room-detail .room-intro__image {
		order: 1;
	}
	.room-detail .room-intro__content {
		order: 2;
	}
	.room-detail .room-intro__content h3 {
		font-size: 38px;
	}
	.room-detail .room-info {
		padding: 25px 0;
	}
	.room-detail .room-info__grid {
		grid-template-columns: 1fr 1fr;
	}
	.room-detail .room-info__item {
		padding: 20px 10px;
	}
	.room-detail .room-info__item:nth-child(2) {
		border-right: 0;
	}
	.room-detail .room-info__item:nth-child(-n+2) {
		border-bottom: 1px solid var(--border);
	}
	.room-detail .room-amenities {
		padding: 65px 0;
	}
	.room-detail .room-amenities .amenities-grid {
		grid-template-columns: 1fr 1fr !important;
	}
	.room-detail .room-amenities .amenity {
		min-height: 170px;
		padding: 22px 16px;
	}
	.room-detail .room-amenities .amenity h3 {
		font-size: 17px;
	}
	.room-detail .room-amenities .amenity p {
		font-size: 11px;
	}
	.room-detail .room-gallery {
		padding-bottom: 65px;
	}
	.room-detail .room-gallery__grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 210px 150px 150px;
		gap: 8px;
	}
	.room-detail .room-gallery__grid a:first-child {
		grid-column: span 2;
	}
	.room-detail .room-policies {
		padding: 55px 0;
	}
	.room-detail .room-policies__grid {
		grid-template-columns: 1fr 1fr;
	}
	.room-detail .room-policies .policy {
		padding: 15px;
		border-bottom: 1px solid var(--border);
	}
	.room-detail .room-policies .policy:nth-child(2) {
		border-right: 0;
	}
	.room-detail .room-policies .policy:nth-child(3), .room-detail .room-policies .policy:nth-child(4) {
		border-bottom: 0;
	}
	.room-detail .related-rooms {
		padding: 65px 0;
	}
	.room-detail .related-rooms__grid {
		grid-template-columns: 1fr;
	}
	.room-detail .room-card__content {
		padding: 22px;
	}
}
@media (max-width: 480px) {
	.room-detail .amenities-grid {
		grid-template-columns: 1fr !important;
	}
	.room-detail .room-gallery__grid {
		grid-template-rows: 190px 140px 140px;
	}
	.room-detail .room-policies__grid {
		grid-template-columns: 1fr;
	}
	.room-detail .room-policies__grid .policy {
		border-right: 0 !important;
		border-bottom: 1px solid var(--border) !important;
	}
	.room-detail .room-policies__grid .policy:last-child {
		border-bottom: 0 !important;
	}
}

.gallery-page {
	background: #f8f0e7;
	/* FILTER */
	/* GALLERY GRID */
	/* GALLERY ITEM */
}
.gallery-page .gallery-filter {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-bottom: 45px;
}
.gallery-page .gallery-filter button {
	padding: 11px 22px;
	border: 1px solid #d7c6b0;
	background: transparent;
	color: #26394b;
	font-size: 11px;
	letter-spacing: 0.08em;
	cursor: pointer;
	transition: 0.3s;
}
.gallery-page .gallery-filter button:hover, .gallery-page .gallery-filter button.is-active {
	border-color: #162b3f;
	background: #162b3f;
	color: #fff;
}
@media (max-width: 767px) {
	.gallery-page .gallery-filter {
		justify-content: flex-start;
		gap: 7px;
		margin-bottom: 25px;
		overflow-x: auto;
		padding-bottom: 5px;
	}
	.gallery-page .gallery-filter::-webkit-scrollbar {
		display: none;
	}
	.gallery-page .gallery-filter button {
		flex: 0 0 auto;
		padding: 9px 14px;
		font-size: 10px;
	}
}
.gallery-page .gallery-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: 220px;
	gap: 16px;
}
@media (max-width: 991px) {
	.gallery-page .gallery-grid {
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 240px;
		gap: 12px;
	}
}
@media (max-width: 767px) {
	.gallery-page .gallery-grid {
		grid-auto-rows: 190px;
		gap: 8px;
	}
}
@media (max-width: 480px) {
	.gallery-page .gallery-grid {
		grid-template-columns: 1fr;
		grid-auto-rows: 230px;
		display: flex;
		flex-wrap: wrap;
	}
}
.gallery-page .gallery-item {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 12px;
	background: #ddd;
}
.gallery-page .gallery-item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.7s ease;
}
@media (min-width: 992px) {
	.gallery-page .gallery-item:nth-child(1), .gallery-page .gallery-item:nth-child(6) {
		grid-column: span 2;
		grid-row: span 2;
	}
	.gallery-page .gallery-item:nth-child(4) {
		grid-row: span 2;
	}
}
@media (max-width: 991.98px) {
	.gallery-page .gallery-item:nth-child(1) {
		grid-column: span 2;
	}
}
.gallery-page .gallery-item__overlay {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	background: rgba(15, 35, 50, 0.28);
	opacity: 0;
	transition: opacity 0.35s;
}
.gallery-page .gallery-item__overlay span {
	display: grid;
	width: 52px;
	height: 52px;
	place-items: center;
	border: 1px solid rgba(255, 255, 255, 0.8);
	border-radius: 50%;
	color: #fff;
	font-size: 26px;
}
.gallery-page .gallery-item:hover img {
	transform: scale(1.05);
}
.gallery-page .gallery-item:hover .gallery-item__overlay {
	opacity: 1;
}
.gallery-page .gallery-item.is-hidden {
	display: none;
}
@media (max-width: 991px) {
	.gallery-page .gallery-item--large, .gallery-page .gallery-item--wide {
		grid-column: span 2;
	}
	.gallery-page .gallery-item--tall {
		grid-row: span 2;
	}
}
@media (max-width: 767px) {
	.gallery-page .gallery-item {
		border-radius: 8px;
	}
	.gallery-page .gallery-item--tall {
		grid-row: span 1;
	}
}
@media (max-width: 480px) {
	.gallery-page .gallery-item--large, .gallery-page .gallery-item--wide {
		grid-column: span 1;
	}
}

/* QUOTE */
.gallery-quote {
	background: var(--cream);
	text-align: center;
}
.gallery-quote__mark {
	display: block;
	color: var(--gold);
	font-family: Georgia, serif;
	font-size: 70px;
	line-height: 0.5;
}
.gallery-quote .sectitle {
	margin: 20px 0;
	color: #14283b;
	font-family: var(--primary-font);
	font-size: clamp(30px, 4vw, 48px);
	font-weight: 400;
	line-height: 1.15;
}
.gallery-quote__line {
	display: block;
	width: 45px;
	height: 1px;
	margin: auto;
	background: #c7974c;
}
@media (max-width: 767px) {
	.gallery-quote__mark {
		font-size: 58px;
	}
	.gallery-quote .sectitle {
		font-size: 30px;
	}
}
@media (max-width: 480px) {
	.gallery-quote .sectitle {
		font-size: 27px;
	}
}

/* ========================================
JOURNEY CTA
======================================== */
.journey-cta {
	position: relative;
	min-height: 330px;
	overflow: hidden;
	background: #12283c;
}
.journey-cta__image {
	position: absolute;
	inset: 0;
}
.journey-cta__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.55;
}
.journey-cta__image::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(10, 28, 45, 0.95), rgba(10, 28, 45, 0.45), rgba(10, 28, 45, 0.15));
}
.journey-cta__content {
	position: relative;
	z-index: 1;
	width: min(1200px, 100% - 80px);
	min-height: 330px;
	margin: auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
.journey-cta__content .eyebrow {
	color: #d6aa65;
}
.journey-cta__content h2 {
	margin: 10px 0 25px;
	color: #fff;
	font-family: var(--primary-font);
	font-size: clamp(34px, 4vw, 52px);
	font-weight: 400;
	line-height: 1.05;
}
@media (max-width: 991px) {
	.journey-cta__content {
		width: calc(100% - 60px);
	}
}
@media (max-width: 767px) {
	.journey-cta {
		min-height: 360px;
	}
	.journey-cta__content {
		width: calc(100% - 40px);
		min-height: 360px;
	}
	.journey-cta__content h2 {
		font-size: 38px;
	}
	.journey-cta__image::after {
		background: linear-gradient(90deg, rgba(10, 28, 45, 0.9), rgba(10, 28, 45, 0.5));
	}
}
@media (max-width: 480px) {
	.journey-cta {
		min-height: 380px;
	}
	.journey-cta__content {
		min-height: 380px;
	}
	.journey-cta__content h2 {
		font-size: 32px;
	}
}

/* ========================================
BUTTON
======================================== */
.btn--gold {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 22px;
	background: #c99748;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	transition: 0.3s;
}
.btn--gold:hover {
	background: #b78236;
}
.btn--gold span {
	font-size: 18px;
}
@media (max-width: 480px) {
	.btn--gold {
		gap: 18px;
		padding: 12px 18px;
		font-size: 11px;
	}
}

.blog-page {
	/* FEATURED */
	/* BLOG LIST*/
	/* FILTER */
	/* GRID */
	/* LOAD MORE */
	/* NEWSLETTER */
	/* NEWSLETTER FORM */
}
.blog-page .blog-featured {
	padding: 80px 0 110px;
}
.blog-page .blog-featured .container {
	display: grid;
	grid-template-columns: 1.2fr 0.8fr;
	align-items: center;
	gap: 80px;
}
.blog-page .blog-featured__image {
	overflow: hidden;
	border-radius: 12px;
}
.blog-page .blog-featured__image img {
	aspect-ratio: 1.35;
	object-fit: cover;
}
.blog-page .blog-featured__content .blog-featured__date {
	display: block;
	margin-top: 7px;
	color: #8b8177;
	font-size: 12px;
}
.blog-page .blog-featured__content h2 {
	margin: 18px 0 0;
	color: var(--navy);
	font-family: var(--primary-font);
	font-size: clamp(38px, 4vw, 55px);
	font-weight: 400;
	line-height: 1;
}
.blog-page .blog-featured__content p {
	max-width: 400px;
	margin: 0 0 25px;
	font-size: 14px;
	line-height: 1.8;
}
@media (max-width: 991px) {
	.blog-page .blog-featured {
		padding: 65px 0 80px;
	}
	.blog-page .blog-featured .container {
		gap: 45px;
	}
}
@media (max-width: 767px) {
	.blog-page .blog-featured {
		padding: 55px 0 65px;
	}
	.blog-page .blog-featured .container {
		display: flex;
		flex-direction: column;
		gap: 35px;
	}
	.blog-page .blog-featured__image {
		width: 100%;
	}
	.blog-page .blog-featured__content h2 {
		font-size: 40px;
	}
}
.blog-page .blog-list {
	padding: 20px 0 110px;
}
@media (max-width: 767px) {
	.blog-page .blog-list {
		padding-bottom: 70px;
	}
}
.blog-page .blog-filter {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-bottom: 45px;
}
.blog-page .blog-filter button, .blog-page .blog-filter .btn-filter {
	padding: 10px 18px;
	border: 1px solid var(--border);
	background: transparent;
	color: var(--navy);
	font-size: 14px;
	letter-spacing: 0.06em;
	cursor: pointer;
	transition: 0.3s;
}
.blog-page .blog-filter button:hover, .blog-page .blog-filter button.is-active,
.blog-page .blog-filter .btn-filter:hover, .blog-page .blog-filter .btn-filter.is-active{
	border-color: var(--navy);
	background: var(--navy);
	color: #fff;
}
@media (max-width: 767px) {
	.blog-page .blog-filter {
		justify-content: flex-start;
		margin-bottom: 30px;
		overflow-x: auto;
		padding-bottom: 5px;
	}
	.blog-page .blog-filter::-webkit-scrollbar {
		display: none;
	}
	.blog-page .blog-filter button, .blog-page .blog-filter .btn-filter {
		flex: 0 0 auto;
		padding: 9px 14px;
	}
}
.blog-page .blog-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px 25px;
}
@media (max-width: 991px) {
	.blog-page .blog-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 40px 20px;
	}
}
@media (max-width: 767px) {
	.blog-page .blog-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}
}
.blog-page .blog-load {
	display: flex;
	justify-content: center;
	margin-top: 65px;
}
@media (max-width: 767px) {
	.blog-page .blog-load {
		margin-top: 45px;
	}
}
.blog-page .blog-newsletter {
	background: var(--cream);
	text-align: center;
}
.blog-page .newsletter-form {
	display: flex;
	width: min(500px, 100%);
	margin: auto;
	border-bottom: 1px solid var(--navy);
}
.blog-page .newsletter-form input {
	flex: 1;
	min-width: 0;
	padding: 13px 5px;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--navy);
	font-size: 11px;
}
.blog-page .newsletter-form input::placeholder {
	color: #8c8278;
}
.blog-page .newsletter-form button {
	display: flex;
	align-items: center;
	gap: 15px;
	border: 0;
	background: transparent;
	color: var(--navy);
	font-size: 10px;
	letter-spacing: 0.06em;
	cursor: pointer;
}
.blog-page .newsletter-form button span {
	color: var(--gold);
	font-size: 18px;
}
@media (max-width: 480px) {
	.blog-page .newsletter-form input {
		font-size: 10px;
	}
	.blog-page .newsletter-form button {
		gap: 8px;
		font-size: 9px;
	}
}

/* CARD */
.blog-card {
	min-width: 0;
}
.blog-card__image {
	position: relative;
	display: block;
	overflow: hidden;
	margin-bottom: 22px;
	border-radius: 10px;
}
.blog-card__image img {
	aspect-ratio: 1.35;
	object-fit: cover;
	transition: transform 0.6s ease;
}
.blog-card__image:hover img {
	transform: scale(1.05);
}
.blog-card__meta {
	display: flex;
	justify-content: space-between;
	gap: 15px;
	margin-bottom: 12px;
}
.blog-card__meta span {
	color: var(--gold);
	font-size: 12px;
	letter-spacing: 0.06em;
}
.blog-card__meta time {
	color: #8b8177;
	font-size: 12px;
}
.blog-card h3 {
	margin: 0 0 8px;
	color: var(--navy);
	font-family: var(--primary-font);
	font-size: 20px;
	font-weight: 400;
	line-height: 1.2;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	height:55px;
    overflow: hidden;
}
.blog-card p {
	margin: 0 0 18px;
	font-size: 14px;
	line-height: 1.7;
	display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog-card.is-hidden {
	display: none;
}
@media (max-width: 767px) {
	.blog-card__image {
		margin-bottom: 18px;
	}
	.blog-card h3 {
		font-size: 18px;
		height:45px;
	}
}

.blog-detail {
	/* HERO */
	/* =====================================================
	HERO TABLET
	===================================================== */
	/* =====================================================
	HERO MOBILE
	===================================================== */
	/* ARTICLE */
	/* =====================================================
	ARTICLE IMAGE
	===================================================== */
	/* ARTICLE TABLET */
	/* ARTICLE MOBILE */
	/* ARTICLE END */
	/* RELATED */
	/*  SMALL MOBILE */
}
.blog-detail__hero {
	padding: 145px 0 90px;
}
.blog-detail__hero .container {
	width: min(1320px, 100% - 80px);
	margin-inline: auto;
}
.blog-detail__back {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 90px;
	color: var(--gold);
	font-family: var(--normal-font);
	font-size: 9px;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}
.blog-detail__back span {
	font-size: 18px;
	transition: transform 0.3s;
}
.blog-detail__back:hover span {
	transform: translateX(-5px);
}
.blog-detail__category {
	display: block;
	margin-bottom: 24px;
	color: var(--gold);
	font-family: var(--normal-font);
	font-size: 9px;
	font-weight: 600;
	letter-spacing: 0.28em;
	text-transform: uppercase;
}
.blog-detail__hero h1 {
	max-width: 1050px;
	margin: 0;
	color: var(--navy);
	font-size: clamp(56px, 9vw, 68px);
	line-height: 1.2;
	letter-spacing: -0.045em;
}
.blog-detail__hero h1 i {
	color: var(--gold);
	font-style: italic;
}
.blog-detail__meta {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-top: 40px;
	color: var(--text);
	font-family: var(--normal-font);
	font-size: 9px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}
.blog-detail__hero-image {
	height: min(760px, 60vw);
	margin-top: 75px;
	overflow: hidden;
}
.blog-detail__hero-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 1s ease;
}
.blog-detail__hero-image:hover img {
	transform: scale(1.02);
}
@media (max-width: 991px) {
	.blog-detail__hero {
		padding: 120px 0 70px;
	}
	.blog-detail__hero .container {
		width: calc(100% - 50px);
	}
	.blog-detail__back {
		margin-bottom: 65px;
	}
	.blog-detail__hero h1 {
		font-size: 82px;
	}
	.blog-detail__hero-image {
		height: 60vw;
		margin-top: 60px;
	}
}
@media (max-width: 767px) {
	.blog-detail__hero {
		padding: 90px 0 50px;
	}
	.blog-detail__hero .container {
		width: calc(100% - 36px);
	}
	.blog-detail__back {
		margin-bottom: 55px;
		font-size: 8px;
	}
	.blog-detail__category {
		margin-bottom: 18px;
		font-size: 8px;
	}
	.blog-detail__hero h1 {
		font-size: clamp(28px, 4vw, 35px);
		line-height: 1.2;
	}
	.blog-detail__meta {
		flex-wrap: wrap;
		gap: 7px 13px;
		margin-top: 25px;
		font-size: 7px;
	}
	.blog-detail__hero-image {
		height: 110vw;
		margin-top: 45px;
	}
}
.blog-detail__article {
	padding: 40px 0 160px;
}
.blog-detail__article .article-inner {
	width: min(760px, 100% - 50px);
	margin-inline: auto;
}
.blog-detail__article p {
	margin: 0 0 28px;
	color: var(--text);
	font-family: var(--normal-font);
	font-size: 14px;
	line-height: 2;
}
.blog-detail__article .article-intro {
	margin-bottom: 65px;
	color: var(--navy);
	font-family: var(--primary-font);
	font-size: 31px;
	line-height: 1.25;
}
.blog-detail__article h2 {
	margin: 85px 0 30px;
	color: var(--navy);
	font-size: 55px;
	line-height: 0.88;
}
.blog-detail__article h2 i {
	color: var(--gold);
	font-style: italic;
}
.blog-detail__article blockquote {
	position: relative;
	margin: 80px 0;
	padding: 30px 0 30px 35px;
	border-left: 1px solid var(--gold);
	color: var(--navy);
	font-family: var(--primary-font);
	font-size: 34px;
	font-style: italic;
	line-height: 1.05;
}
.blog-detail__article .article-image {
	width: calc(100% + 300px);
	height: 550px;
	margin: 70px -150px;
	overflow: hidden;
}
.blog-detail__article .article-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.8s ease;
}
.blog-detail__article .article-image:hover img {
	transform: scale(1.02);
}
.blog-detail__article .article-image--wide {
	height: 620px;
}
.blog-detail__article .article-image--small {
	width: 100%;
	height: 430px;
	margin: 65px 0;
}
@media (max-width: 991px) {
	.blog-detail__article {
		padding-bottom: 120px;
	}
	.blog-detail__article .article-inner {
		width: min(700px, 100% - 50px);
	}
	.blog-detail__article .article-intro {
		font-size: 28px;
	}
	.blog-detail__article h2 {
		font-size: 48px;
	}
	.blog-detail__article blockquote {
		font-size: 31px;
	}
	.blog-detail__article .article-image,
	.blog-detail__article .article-image--wide {
		width: 100%;
		height: 55vw;
		margin: 55px 0;
	}
	.blog-detail__article .article-image--small {
		height: 45vw;
		margin: 55px 0;
	}
}
@media (max-width: 767px) {
	.blog-detail__article {
		padding: 25px 0 90px;
	}
	.blog-detail__article .article-inner {
		width: calc(100% - 36px);
	}
	.blog-detail__article p {
		margin-bottom: 22px;
		font-size: 13px;
		line-height: 1.9;
	}
	.blog-detail__article .article-intro {
		margin-bottom: 45px;
		font-size: 24px;
		line-height: 1.3;
	}
	.blog-detail__article h2 {
		margin: 60px 0 25px;
		font-size: 42px;
	}
	.blog-detail__article blockquote {
		margin: 50px 0;
		padding: 20px 0 20px 20px;
		font-size: 27px;
	}
	.blog-detail__article .article-image,
	.blog-detail__article .article-image--wide {
		height: 75vw;
		margin: 45px 0;
	}
	.blog-detail__article .article-image--small {
		height: 65vw;
		margin: 45px 0;
	}
}
.blog-detail .article-end {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-top: 90px;
}
.blog-detail .article-end span {
	width: 45px;
	height: 1px;
	background: var(--border);
}
.blog-detail .article-end em {
	color: var(--gold);
	font-family: var(--primary-font);
	font-size: 20px;
}
.blog-detail__related {
	background: var(--cream);
}
.blog-detail__related .related-all {
	display: inline-flex;
	align-items: center;
	gap: 15px;
	padding-bottom: 9px;
	border-bottom: 1px solid var(--gold);
	color: var(--navy);
	font-family: var(--normal-font);
	font-size: 9px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}
.blog-detail__related .related-all span {
	color: var(--gold);
	font-size: 15px;
}
@media (max-width: 767.98px) {
	.blog-detail__related .related-all {
		margin-top: 25px;
	}
}
@media (max-width: 390px) {
	.blog-detail__hero h1 {
		font-size: 49px;
	}
	.blog-detail__article .article-intro {
		font-size: 22px;
	}
	.blog-detail__article h2 {
		font-size: 38px;
	}
}

.experience-detail__intro {
	position: relative;
}
.experience-detail__intro-inner {
	display: grid;
	grid-template-columns: 40% 60%;
	gap: 50px;
	align-items: start;
}
@media (max-width: 991px) {
	.experience-detail__intro-inner {
		grid-template-columns: 1fr;
		gap: 30px;
	}
}
@media (max-width: 767px) {
	.experience-detail__intro-inner {
		gap: 22px;
	}
}
.experience-detail__intro-title {
	margin: 0;
	color: var(--navy);
	font: 400 34px/1.1 var(--primary-font);
}
@media (max-width: 767px) {
	.experience-detail__intro-title {
		font-size: 29px;
	}
}
.experience-detail__intro-content {
	max-width: 620px;
}
@media (max-width: 991px) {
	.experience-detail__intro-content {
		max-width: 100%;
	}
}
.experience-detail__intro-content p {
	margin: 0 0 15px;
	color: var(--muted);
	font-size: 14px;
	line-height: 1.8;
}
.experience-detail__intro-content p:last-child {
	margin-bottom: 0;
}
@media (max-width: 767px) {
	.experience-detail__intro-content p {
		margin-bottom: 12px;
		font-size: 13px;
		line-height: 1.75;
	}
}
.experience-detail__label {
	margin-bottom: 12px;
	color: var(--gold);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.experience-detail__label {
		margin-bottom: 9px;
		font-size: 12px;
	}
}
.experience-detail__info {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 40px;
	border-top: 1px solid var(--border);
	border-bottom: 1px solid var(--border);
}
@media (max-width: 767px) {
	.experience-detail__info {
		grid-template-columns: 1fr;
		margin-top: 30px;
	}
}
.experience-detail__info-item {
	padding: 18px 20px;
	border-right: 1px solid var(--border);
}
.experience-detail__info-item:last-child {
	border-right: 0;
}
@media (max-width: 767px) {
	.experience-detail__info-item {
		padding: 14px 15px;
		border-right: 0;
		border-bottom: 1px solid var(--border);
	}
	.experience-detail__info-item:last-child {
		border-bottom: 0;
	}
}
.experience-detail__info-item span {
	display: block;
	margin-bottom: 6px;
	color: var(--gold);
	font-size: 14px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.experience-detail__info-item span {
		margin-bottom: 4px;
		font-size: 12px;
	}
}
.experience-detail__info-item strong {
	color: var(--navy);
	font: 400 17px var(--primary-font);
}
@media (max-width: 767px) {
	.experience-detail__info-item strong {
		font-size: 16px;
	}
}
.experience-detail__gallery {
	padding-bottom: 75px;
}
@media (max-width: 991px) {
	.experience-detail__gallery {
		padding-bottom: 60px;
	}
}
@media (max-width: 767px) {
	.experience-detail__gallery {
		padding-bottom: 45px;
	}
}
.experience-detail__gallery-grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	grid-template-rows: repeat(2, 150px);
	gap: 12px;
}
@media (max-width: 991px) {
	.experience-detail__gallery-grid {
		grid-template-rows: repeat(2, 130px);
		gap: 10px;
	}
}
@media (max-width: 767px) {
	.experience-detail__gallery-grid {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: repeat(2, 120px);
		gap: 8px;
	}
}
@media (max-width: 480px) {
	.experience-detail__gallery-grid {
		grid-template-rows: repeat(2, 100px);
	}
}
.experience-detail__gallery-grid .gallery-item {
	overflow: hidden;
	border-radius: 8px;
}
.experience-detail__gallery-grid .gallery-item:first-child {
	grid-row: span 2;
}
.experience-detail__gallery-grid .gallery-item a {
	display: block;
	width: 100%;
	height: 100%;
}
.experience-detail__gallery-grid .gallery-item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}
.experience-detail__gallery-grid .gallery-item:hover img {
	transform: scale(1.04);
}
.experience-detail__content {
	padding: 75px 0;
	background: var(--cream);
}
@media (max-width: 991px) {
	.experience-detail__content {
		padding: 60px 0;
	}
}
@media (max-width: 767px) {
	.experience-detail__content {
		padding: 45px 0;
	}
}
.experience-detail__content-inner {
	display: grid;
	grid-template-columns: 35% 65%;
	gap: 55px;
}
.experience-detail__content-inner .section-heading {
	margin-bottom: 0;
}
@media (max-width: 991px) {
	.experience-detail__content-inner {
		grid-template-columns: 1fr;
		gap: 30px;
	}
}
@media (max-width: 767px) {
	.experience-detail__content-inner {
		gap: 22px;
	}
}
.experience-detail__text {
	max-width: 650px;
}
@media (max-width: 991px) {
	.experience-detail__text {
		max-width: 100%;
	}
}
.experience-detail__text .desc {
	margin: 0 0 18px;
	color: var(--muted);
	font-size: 14px;
	line-height: 1.8;
}
@media (max-width: 767px) {
	.experience-detail__text .desc {
		margin-bottom: 14px;
		font-size: 13px;
		line-height: 1.75;
	}
}
.experience-detail__highlights {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
	margin-top: 30px;
}
@media (max-width: 767px) {
	.experience-detail__highlights {
		grid-template-columns: 1fr;
		gap: 9px;
		margin-top: 22px;
	}
}
.experience-detail__highlight {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 15px;
	border: 1px solid var(--border);
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.3);
}
@media (max-width: 767px) {
	.experience-detail__highlight {
		gap: 10px;
		padding: 12px;
	}
}
.experience-detail__highlight i {
	flex: 0 0 auto;
	color: var(--gold);
	font-size: 15px;
}
@media (max-width: 767px) {
	.experience-detail__highlight i {
		font-size: 14px;
	}
}
.experience-detail__highlight span {
	color: var(--navy);
	font-size: 12px;
	line-height: 1.4;
}
@media (max-width: 767px) {
	.experience-detail__highlight span {
		font-size: 11px;
	}
}
.experience-detail__expect {
	padding: 70px 0;
}
@media (max-width: 991px) {
	.experience-detail__expect {
		padding: 60px 0;
	}
}
@media (max-width: 767px) {
	.experience-detail__expect {
		padding: 45px 0;
	}
}
.experience-detail__expect-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-top: 35px;
}
@media (max-width: 991px) {
	.experience-detail__expect-list {
		grid-template-columns: repeat(2, 1fr);
		gap: 18px;
		margin-top: 30px;
	}
}
@media (max-width: 767px) {
	.experience-detail__expect-list {
		grid-template-columns: 1fr;
		gap: 10px;
		margin-top: 25px;
	}
}
.experience-detail__expect-item {
	padding: 25px 20px;
	border-top: 1px solid var(--gold);
}
@media (max-width: 767px) {
	.experience-detail__expect-item {
		padding: 20px 15px;
	}
}
.experience-detail__expect-item .number {
	display: block;
	margin-bottom: 15px;
	color: var(--gold);
	font: 400 25px var(--primary-font);
}
@media (max-width: 767px) {
	.experience-detail__expect-item .number {
		margin-bottom: 10px;
		font-size: 22px;
	}
}
.experience-detail__expect-item h3 {
	margin: 0 0 8px;
	color: var(--navy);
	font: 400 20px var(--primary-font);
}
@media (max-width: 767px) {
	.experience-detail__expect-item h3 {
		margin-bottom: 6px;
		font-size: 19px;
	}
}
.experience-detail__expect-item p {
	margin: 0;
	color: var(--muted);
	font-size: 14px;
	line-height: 1.7;
}
@media (max-width: 767px) {
	.experience-detail__expect-item p {
		font-size: 12px;
		line-height: 1.65;
	}
}

.facilities-list {
	padding-bottom: 52px;
}

.facilities-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 25px 20px;
}
@media (max-width: 991px) {
	.facilities-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 767px) {
	.facilities-grid {
		gap: 35px 14px;
	}
}

.facility-card__image {
	position: relative;
	aspect-ratio: 1.08/1;
	border-radius: 11px;
}
.facility-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit;
}
@media (max-width: 767px) {
	.facility-card__image {
		aspect-ratio: 1;
	}
}
.facility-card__icon {
	position: absolute;
	z-index: 2;
	left: 10px;
	bottom: -15px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border: 1px solid rgba(184, 148, 86, 0.22);
	border-radius: 50%;
	background: var(--ivory);
	color: var(--gold);
	font-size: 17px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.03);
}
@media (max-width: 767px) {
	.facility-card__icon {
		left: 7px;
		bottom: -13px;
		width: 40px;
		height: 40px;
		font-size: 14px;
	}
}
.facility-card__body {
	padding: 30px 15px;
}
@media (max-width: 767px) {
	.facility-card__body {
		padding: 25px 15px;
	}
}
.facility-card h3 {
	margin: 0 0 7px;
	color: var(--navy);
	font: 400 24px/1.15 var(--primary-font);
}
@media (max-width: 767px) {
	.facility-card h3 {
		font-size: 18px;
	}
}
.facility-card p {
	margin: 0;
	color: var(--text);
	font-size: 14px;
	line-height: 1.55;
}

.facilities-care {
	padding-bottom: 25px;
}
@media (max-width: 767px) {
	.facilities-care {
		padding-bottom: 20px;
	}
}
.facilities-care__inner {
	display: grid;
	grid-template-columns: 35% 65%;
	align-items: center;
	min-height: 115px;
	padding: 30px 25px;
	border-radius: 10px;
	background: #efe5d7;
}
@media (max-width: 991px) {
	.facilities-care__inner {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}
@media (max-width: 767px) {
	.facilities-care__inner {
		padding: 20px 15px;
	}
}
.facilities-care__intro {
	padding-right: 25px;
}
@media (max-width: 991px) {
	.facilities-care__intro {
		padding-right: 0;
	}
}
.facilities-care__intro h2 {
	margin: 0 0 10px;
	font: 400 24px/1 var(--primary-font);
}
@media (max-width: 767px) {
	.facilities-care__intro h2 {
		font-size: 20px;
	}
}
.facilities-care__intro span {
	display: block;
	width: 32px;
	height: 1px;
	margin-bottom: 10px;
	background: var(--gold);
}
.facilities-care__intro p {
	max-width: 330px;
	margin: 0;
	color: var(--text);
	font-size: 12px;
	line-height: 1.55;
}
.facilities-care__items {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	min-height: 80px;
}
@media (max-width: 991px) {
	.facilities-care__items {
		padding-top: 10px;
		border-top: 1px solid var(--border);
		grid-template-columns: repeat(3, 1fr);
		row-gap: 15px;
	}
}

.care-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-left: 1px solid var(--border);
	text-align: center;
}
.care-item__icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 18px;
	color: var(--gold);
	font-size: 40px;
}
@media (max-width: 767px) {
	.care-item__icon {
		font-size: 38px;
	}
}
.care-item > span {
	color: var(--navy);
	font: 500 12px/1.2 var(--normal-font);
}
@media (max-width: 991.98px) {
	.care-item > span {
		min-height: 30px;
	}
}

/* =========================================================
BLOG DETAIL - ARTICLE CONTENT
========================================================= */

.blog-detail__article {
	width: 100%;

	margin: 0 auto;

	color: var(--navy);
	font-family: inherit;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8;

	overflow-wrap: break-word;
	word-wrap: break-word;
}

/* ---------------------------------------------------------
Paragraph
--------------------------------------------------------- */

.blog-detail__article p {
	margin: 0 0 1.25rem;
}

.blog-detail__article p:last-child {
	margin-bottom: 0;
}


/* ---------------------------------------------------------
Headings
--------------------------------------------------------- */

.blog-detail__article h1,
.blog-detail__article h2,
.blog-detail__article h3,
.blog-detail__article h4,
.blog-detail__article h5,
.blog-detail__article h6 {
	margin-top: 2.25rem;
	margin-bottom: 1rem;

	color: var(--navy);
	font-weight: 600;
	line-height: 1.3;
}

.blog-detail__article h1 {
	font-size: clamp(2rem, 4vw, 3rem);
}

.blog-detail__article h2 {
	font-size: clamp(1.75rem, 3vw, 2.5rem);
}

.blog-detail__article h3 {
	font-size: clamp(1.5rem, 2.5vw, 1.875rem);
}

.blog-detail__article h4 {
	font-size: 1.5rem;
}

.blog-detail__article h5 {
	font-size: 1.25rem;
}

.blog-detail__article h6 {
	font-size: 1.125rem;
}


/* ---------------------------------------------------------
First heading
--------------------------------------------------------- */

.blog-detail__article > h1:first-child,
.blog-detail__article > h2:first-child,
.blog-detail__article > h3:first-child {
	margin-top: 0;
}


/* ---------------------------------------------------------
Links
--------------------------------------------------------- */

.blog-detail__article a {
	color: #8a6a3d;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: color 0.25s ease;
}

.blog-detail__article a:hover {
	color: #5f4728;
}


/* ---------------------------------------------------------
Strong / Emphasis
--------------------------------------------------------- */

.blog-detail__article strong,
.blog-detail__article b {
	font-weight: 600;
}

.blog-detail__article em,
.blog-detail__article i {
	font-style: italic;
}


/* ---------------------------------------------------------
Images
--------------------------------------------------------- */

.blog-detail__article img {
	display: block;

	max-width: 100%;
	width: auto;
	height: auto;

	margin: 1.75rem auto;

	object-fit: contain;
}


/* ---------------------------------------------------------
Figure
--------------------------------------------------------- */

.blog-detail__article figure {
	margin: 2rem 0;
	padding: 0;
}

.blog-detail__article figure img {
	width: 100%;
	max-width: 100%;
	margin: 0;
}

.blog-detail__article figcaption {
	margin-top: 0.75rem;

	color: #777;
	font-size: 0.875rem;
	line-height: 1.5;
	text-align: center;
}


/* ---------------------------------------------------------
Lists
--------------------------------------------------------- */

.blog-detail__article ul,
.blog-detail__article ol {
	margin: 0 0 1.5rem;
	padding-left: 2rem;
}

.blog-detail__article ul {
	list-style: disc;
}

.blog-detail__article ol {
	list-style: decimal;
}

.blog-detail__article li {
	margin-bottom: 0.5rem;
	padding-left: 0.25rem;
}

.blog-detail__article li:last-child {
	margin-bottom: 0;
}

.blog-detail__article li > ul,
.blog-detail__article li > ol {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}


/* ---------------------------------------------------------
Blockquote
--------------------------------------------------------- */

.blog-detail__article blockquote {
	margin: 2rem 0;
	padding: 1.25rem 1.5rem;

	border-left: 3px solid #8a6a3d;

	background: #f7f5f1;

	color: #555;
	font-size: 1.05rem;
	font-style: italic;
	line-height: 1.8;
}

.blog-detail__article blockquote p:last-child {
	margin-bottom: 0;
}


/* ---------------------------------------------------------
Horizontal line
--------------------------------------------------------- */

.blog-detail__article hr {
	margin: 2.5rem 0;

	border: 0;
	border-top: 1px solid #e5e5e5;
}


/* ---------------------------------------------------------
Tables
--------------------------------------------------------- */

.blog-detail__article table {
	width: 100%;
	max-width: 100%;

	margin: 2rem 0;

	border-collapse: collapse;
	border-spacing: 0;

	font-size: 0.95rem;
}

.blog-detail__article th,
.blog-detail__article td {
	padding: 0.75rem 1rem;

	border: 1px solid #ddd;

	text-align: left;
	vertical-align: top;
}

.blog-detail__article th {
	background: #f5f5f5;
	font-weight: 600;
}


/* ---------------------------------------------------------
Pre / Code
--------------------------------------------------------- */

.blog-detail__article pre {
	max-width: 100%;
	margin: 2rem 0;
	padding: 1rem 1.25rem;

	overflow-x: auto;

	background: #f5f5f5;
	border-radius: 4px;

	font-size: 0.9rem;
	line-height: 1.6;
}

.blog-detail__article code {
	font-family: Consolas, Monaco, monospace;
	font-size: 0.9em;
}

.blog-detail__article :not(pre) > code {
	padding: 0.15rem 0.35rem;

	background: #f3f3f3;
	border-radius: 3px;
}


/* ---------------------------------------------------------
Video / iframe
--------------------------------------------------------- */

.blog-detail__article iframe {
	display: block;

	width: 100%;
	max-width: 100%;

	margin: 2rem auto;

	border: 0;
}


/* ---------------------------------------------------------
Embedded video
--------------------------------------------------------- */

.blog-detail__article video {
	display: block;

	width: 100%;
	max-width: 100%;
	height: auto;

	margin: 2rem auto;
}


/* ---------------------------------------------------------
Text alignment from CMS / TinyMCE
--------------------------------------------------------- */

.blog-detail__article .text-left {
	text-align: left;
}

.blog-detail__article .text-center {
	text-align: center;
}

.blog-detail__article .text-right {
	text-align: right;
}

.blog-detail__article .text-justify {
	text-align: justify;
}


/* ---------------------------------------------------------
Common inline alignment generated by editors
--------------------------------------------------------- */

.blog-detail__article [style*="text-align: center"] {
	text-align: center;
}

.blog-detail__article [style*="text-align:center"] {
	text-align: center;
}

.blog-detail__article [style*="text-align: right"] {
	text-align: right;
}

.blog-detail__article [style*="text-align:right"] {
	text-align: right;
}

.blog-detail__article [style*="text-align: justify"] {
	text-align: justify;
}

.blog-detail__article [style*="text-align:justify"] {
	text-align: justify;
}


/* ---------------------------------------------------------
Responsive
--------------------------------------------------------- */

@media (max-width: 991.98px) {

	.blog-detail__article {
		font-size: 15.5px;
		line-height: 1.75;
	}

	.blog-detail__article h1,
	.blog-detail__article h2,
	.blog-detail__article h3 {
		margin-top: 2rem;
	}

	.blog-detail__article img {
		margin: 1.5rem auto;
	}

	.blog-detail__article figure {
		margin: 1.5rem 0;
	}

	.blog-detail__article table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}
}


@media (max-width: 575.98px) {

	.blog-detail__article {
		font-size: 15px;
		line-height: 1.7;
	}

	.blog-detail__article p {
		margin-bottom: 1rem;
	}

	.blog-detail__article h1 {
		font-size: 2.5rem;
	}

	.blog-detail__article h2 {
		font-size: 2rem;
	}

	.blog-detail__article h3 {
		font-size: 1.8rem;
	}

	.blog-detail__article h4 {
		font-size: 1.6rem;
	}

	.blog-detail__article ul,
	.blog-detail__article ol {
		padding-left: 1.5rem;
	}

	.blog-detail__article blockquote {
		margin: 1.5rem 0;
		padding: 1rem 1.1rem;
		font-size: 0.95rem;
	}

	.blog-detail__article table {
		font-size: 0.875rem;
	}

	.blog-detail__article th,
	.blog-detail__article td {
		padding: 0.6rem 0.75rem;
	}
}
.languages .language-current {
	display: flex;
	align-items: center;


	padding: 0;
	border: 0;
	background: transparent;

	color: #333;
	font-size: 14px;
}

.languages .language-current::after {
	margin-left: 4px;
}

.languages .language-current img,
.language-menu img {
	width: 20px;
	height: 14px;
	object-fit: cover;
	display: block;
}

/* Dropdown */
.languages .language-menu {
	min-width: 160px;
	margin-top: 10px;
	padding: 6px 0;
	border: 0;
	border-radius: 0;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

/* Item */
.languages .language-menu .dropdown-item {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #333;
	font-size: 14px;
}

.languages .language-menu .dropdown-item:hover {
	background-color: #f5f5f5;
}

.languages .language-menu .dropdown-item.active {
	background-color: #f5f5f5;
	color: #333;
}

/*# sourceMappingURL=style.css.map */