body {
			color: #6E6259;
			overflow: hidden;
			-webkit-font-smoothing: antialiased;
			-webkit-text-size-adjust: 100%;
			background: #FFFFFF;
			/* overflow is hidden to let Locomotive Scroll manage the container */
		}

		body::-webkit-scrollbar {
			display: none
		}

		body * {
			-webkit-touch-callout: none
		}

		/* Fix for locomotive scroll conflict - basic visibility */
		.has-scroll-smooth {
			position: fixed;
			width: 100%;
		}

		a {
			text-decoration: none;
			color: #333333
		}

		.relative {
			position: relative
		}

		.uppercase {
			text-transform: uppercase
		}

		.lowercase {
			text-transform: lowercase
		}

		.fit {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			will-change: transform
		}

		.no_opacity {
			opacity: 0 !important
		}

		.no_width {
			transform: scale(0, 1)
		}

		.no_overflow {
			overflow: hidden
		}

		.top_hidden {
			-webkit-transform: translateY(101%);
			transform: translateY(101%)
		}

		.top_low {
			-webkit-transform: translateY(20px);
			transform: translateY(20px);
			opacity: 0
		}

		.top_ultralow {
			-webkit-transform: translateY(5px);
			transform: translateY(5px);
			opacity: 0
		}

		.top_single {
			-webkit-transform: translateY(50px);
			transform: translateY(50px);
			opacity: 0
		}

		.top_ultralow.show {
			-webkit-transform: none;
			transform: none;
			opacity: 1
		}

		.show .top_hidden {
			-webkit-transform: none;
			transform: none
		}

		.t_container {
			transform: translateX(0);
			height: 100%
		}

		.mask_left {
			transform: translateX(50%);
			display: block
		}

		.mask_left .t_container {
			transform: translateX(-100%);
			display: block
		}

		.t_container img {
			transform: scale(1.05)
		}

		.mask_top {
			transform: translateY(-50%)
		}

		.mask_top .t_container {
			transform: translateY(50%)
		}

		.mask_top.full {
			transform: translateY(-100%)
		}

		.mask_top .t_container {
			transform: translateY(100%)
		}

		.mobileOnly {
			display: none !important
		}

		.show>.mask_top,
		.show>.mask_top .t_container,
		.show>.mask_top .t_container img {
			transform: none
		}

		.full_width {
			width: 100%;
			height: auto
		}

		.full_height {
			height: 100%;
			width: auto
		}

		.block {
			display: block
		}

		span.block {
			will-change: transform
		}

		.inline_block {
			display: inline-block;
			will-change: transform
		}

		.bAlyssum {
			background: #EAE6E0
		}

		.bTortora {
			background: #D7D2CB
		}

		.cWhite {
			color: #FFFFFF
		}

		.cAlyssum {
			color: #EAE6E0
		}

		.cArgilla {
			color: #8C8279
		}

		.cMarrone {
			color: #6E6259
		}

		section {
			position: relative;
			width: 100%;
			display: flex
		}

		article {
			transform: translate3d(0, 0, 0);
			backface-visibility: hidden
		}

		.margin {
			margin-top: 5vw
		}

		.doubleMargin {
			margin-top: 10vw;
		}

		#hTop {
			position: relative;
			height: 200vh;
		}

		#hElementsLayer {
			height: 100vh;
			width: 100%;
			position: absolute;
			top: 0;
			left: 0;
			will-change: transform;
			z-index: 1;
		}

		#scrollDown {
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
			position: absolute;
			bottom: 23%;
			left: 50%;
			margin-left: -165px;
			width: 330px;
			text-align: center;
		}

		.scrollDownText {
			font-family: 'Geometria';
			font-weight: 300;
			font-size: 14px;
			letter-spacing: 0.5px;
			margin-top: 12px;
		}

		#verticalArrow {
			width: 10px;
		}

		svg * {
			will-change: transform
		}

		#hImgContainer {
			height: 100vh;
			opacity: 0;
			width: 100vw;
		}

		#hImgLayer {
			position: absolute;
			width: 100%;
			height: 100vh;
			top: 0;
			left: 0;
		}

		#hImgCover {
			height: 100%;
			overflow: hidden;
			width: 190vw;
			position: relative;
		}

		#hImgCover::before {
			content: "";
			position: absolute;
			inset: 0;
			background-color: #0000005e;
			width: 100%;
			height: 100%;
			z-index: 9999;
		}

		#hImg {
			width: 100vw;
		}

		#hLogo {
			width: 380px;
			position: absolute;
			top: 37%;
			left: calc(50% - 190px)
		}

		#hLogo .fillColor,
		#navLogo .fillColor {
			fill: #FFFFFF
		}

		header {
			position: fixed;
			top: 0;
			left: 0;
			padding-right: 20px;
			z-index: 3;
			display: flex;
			align-items: center;
			height: 90px;
			justify-content: space-between;
			width: 100%;
			box-sizing: border-box
		}

		#textSwitch {
			position: absolute;
			z-index: 1;
			bottom: 30px;
			right: 2vw
		}

		#mainLogo {
			width: 172px;
			display: flex;
			align-items: center;
			margin-left: 0px;
			margin-top: 12px
		}

		#mainLogo.hidden {
			transform: translateY(-65px)
		}

		#mainLogo .fillColor {
			fill: #FFFFFF
		}

		#mainLogo.dark .fillColor {
			fill: #a39b85
		}

		#mainMenuController {
			width: 7.75vw;
			height: 40px;
			will-change: transform;
			z-index: 1;
			position: relative
		}

		#menuClose {
			width: 38px;
			height: 38px;
			top: 26px;
			left: 55px;
			z-index: 1
		}

		#mainMenuController:after {
			content: '';
			position: absolute;
			width: 60px;
			height: 60px;
			background: #EAE6E0;
			left: calc(50% - 30px);
			opacity: 0;
			top: -10px;
			border-radius: 50px;
			transform: scale(0.2);
			z-index: -1
		}

		.menuLines {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center
		}

		.menuController .line {
			width: 40px;
			height: 1px;
			background: #FFFFFF
		}

		.headerButton .circlePath .fillColor {
			stroke: #FFFFFF
		}

		.menuController .line {
			margin-top: 4px
		}

		.menuController .line._1 {
			margin-top: 0
		}

		.circlePath {
			width: 38px;
			height: 38px;
			transform: scale(0.5);
			opacity: 0
		}

		.headerButton .icon {
			transform: scale(0.5);
			opacity: 0;
			z-index: 1
		}

		header .ig {
			margin-top: 0;
			margin-right: 15px
		}

		header .fb {
			margin-top: 0;
			margin-right: 15px
		}

		header .langsContainer {
			position: absolute;
			left: calc(7.75vw + 172px + (7.75vw - 40px) / 2)
		}

		.langsContainer a {
			color: #FFFFFF;
			font-family: Geometria;
			font-size: 13px;
			text-transform: lowercase
		}

		header .langsContainer a {
			font-weight: 600
		}

		.langs {
			display: flex
		}

		.lang-item {
			margin-left: 50px;
			position: relative;
			opacity: 0
		}

		.lang-item:before {
			/* content: ''; */
			position: absolute;
			height: 14px;
			width: 1px;
			right: -25px;
			background: #FFFFFF;
			top: 50%;
			margin-top: -6px
		}

		.lang-item:after {
			content: '';
			position: absolute;
			height: 1px;
			width: 100%;
			left: 0;
			background: #FFFFFF;
			bottom: 0;
			transform: scale(0, 1);
			transform-origin: left
		}

		.current-lang:after {
			transform: scale(1)
		}

		.lang-item:last-child:before {
			content: none
		}

		.lang-item:first-child {
			margin-left: 0
		}

		.mainContainer {
			margin: 0 auto;
			width: calc(100% - 15.5vw)
		}

		.oButton {
			position: relative;
			height: 36px;
			margin-right: 24px;
			will-change: transform
		}

		.oBackground {
			width: 100%;
			height: 100%;
			position: absolute;
			border-radius: 20px;
			background: #FFFFFF
		}

		.oOuter {
			position: absolute;
			width: 53.5px;
			right: 0
		}

		.oOuter .fill {
			opacity: 0
		}

		.oOuter.fillColor {
			stroke: #FFFFFF;
			fill: #FFFFFF
		}

		.oContent {
			height: 100%;
			border-radius: 20px;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 0 12px;
			overflow: hidden
		}

		.oLabelContainer {
			z-index: 1
		}

		.oLabel {
			font-family: 'Geometria';
			font-size: 13px
		}

		.oSymbol {
			position: absolute;
			right: -12px;
			top: 5px
		}

		.oArrow {
			width: 8px;
			transform: rotateZ(45deg)
		}

		.oArrow.fillColor {
			fill: #9c998f
		}

		.oButton .oArrow {
			opacity: 0
		}

		.oButton.whiteArrow .oSymbol .fillColor {
			fill: #FFFFFF
		}

		.oButton.forceWhite .oOuter .fill {
			opacity: 1 !important
		}

		.callerBottom {
			position: absolute;
			bottom: 0
		}

		#leftHeader {
			display: flex;
			align-items: center
		}

		#rightHeader {
			display: flex;
			justify-content: flex-end;
			align-items: center
		}

		.headerButton {
			width: 38px;
			height: 38px;
			position: relative;
			display: flex;
			justify-content: center;
			align-items: center
		}

		.headerButton .icon .fillColor {
			fill: #FFFFFF
		}

		.email {
			margin-right: 16px
		}

		.mobile {
			margin-right: 15px;
			display: none
		}

		.mobile .icon {
			width: 46%
		}

		.email .icon {
			width: 14px
		}

		.headerButton .circlePath {
			position: absolute;
			left: 0;
			top: 0
		}

		.brownie {
			height: 200px;
			position: absolute;
			width: 546px;
			bottom: 0px;
			left: 50px
		}

		.brownieBack {
			background: #a8a297;
			width: 100%;
			height: 100%;
			border-radius: 20px;
			position: absolute;
			top: 0;
			left: 0
		}

		.brownie.closed .brownieBack {
			border-radius: 50px;
			width: 50px;
			height: 50px;
			transform: translateX(23px) translateY(75px) scale(0.5);
			opacity: 0
		}

		#cookieBrownie.closed .brownieBack {
			transform-origin: 67% 37%
		}

		.cookiePrefs {
			display: none
		}

		.cookiePrefs label {
			padding-left: 30px;
			background-repeat: no-repeat;
			background-position: -4px -1px;
			padding-top: 5px;
			padding-bottom: 6px;
			background-image: url(wp-content/themes/khaas-bagh/assets/images/whitechecks.png);
			display: inline;
			vertical-align: baseline;
			font-family: Geometria;
			font-size: 12px;
			color: #FFFFFF
		}

		.cookiePrefs input[type=checkbox]:checked+label {
			background-position: -4px -26px
		}

		#newsLetterBrownie.closed .brownieBack {
			transform-origin: 44%
		}

		#covidBrownie.closed .brownieBack {
			transform-origin: 60% 35%
		}

		#cookieBrownie.closed {
			transform: translateX(-83px) translateY(93px)
		}

		#newsLetterBrownie.closed {
			transform: translateX(-77px) translateY(1px)
		}

		#covidBrownie.closed {
			transform: translateX(-81px) translateY(-84px)
		}

		.brownieContentLayer {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			display: flex;
			padding: 15px 0 15px 0;
			box-sizing: border-box
		}

		#cookieBrownie .brownieContentLayer {
			align-items: center;
			justify-content: center
		}

		.brownieIcoContainer {
			width: 93px;
			display: flex;
			align-items: center;
			justify-content: center
		}

		.brownieIcoContainer.hidden {
			transform: translateX(calc(-2.8vw - 30px))
		}

		.brownieContent {
			flex: 1;
			padding-right: 20px;
			box-sizing: border-box;
			overflow: auto;
			margin-right: 30px
		}

		.brownieContent::-webkit-scrollbar {
			width: 0px
		}

		.brownieContent::-webkit-scrollbar-track {
			border-radius: 25px;
			height: 5px
		}

		.brownieContent::-webkit-scrollbar-thumb {
			border-radius: 10px;
			-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
			height: 5px
		}

		#cookieBrownie .brownieContent {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			height: 100%
		}

		.brownieText {
			font-family: 'Geometria';
			font-size: 12px
		}

		#newsLetterBrownie .brownieText {
			margin-top: 20px
		}

		.brownieTitle {
			font-family: Notera;
			font-size: 40px;
			line-height: 30px
		}

		.brownie .brownieIco svg .fillColor {
			fill: #FFFFFF
		}

		.brownie.closed .brownieContent {
			opacity: 0
		}

		.brownie.closed .brownieIco {
			padding: 10px;
			transform: scale(0.9)
		}

		.brownie .brownieIco svg {
			width: 35px
		}

		#newsLetterBrownie .brownieIco svg {
			width: 23px
		}

		#covidBrownie .brownieIco svg {
			width: 32px;
			margin-left: 9px;
			height: 32px
		}

		#covidBrownie .brownieClose {
			right: -25px
		}

		#covidBrownie .brownieContent {
			margin-right: 0;
			padding: 0;
			margin-left: 0;
			position: absolute;
			top: 0;
			border-radius: 20px;
			overflow: visible
		}

		#covidBrownie img {
			border-radius: 20px
		}

		.brownie .brownieIco .svgLine {
			transform-origin: right
		}

		.brownie.closed .brownieIco .svgLine {
			transform: scale(0, 1)
		}

		.brownieClose {
			position: absolute;
			right: 18px;
			top: 18px;
			width: 14px;
			height: 16px;
			z-index: 1
		}

		.brownieClose .line._1 {
			width: 20px;
			height: 2px;
			background: white;
			transform-origin: left;
			transform: rotate(45deg)
		}

		.brownieClose .line._2 {
			width: 20px;
			height: 2px;
			background: white;
			transform-origin: right;
			transform: rotate(-45deg);
			position: absolute;
			right: 0;
			top: 0
		}

		.mainBackground+.mainContainer {
			z-index: 1
		}

		.text {
			font-family: LM Roman;
			font-size: 22px;
			line-height: 36px;
			will-change: transform
		}

		.text.small {
			font-size: 18px;
			line-height: 28px
		}

		.text.tech {
			font-family: 'Geometria';
			font-weight: 300;
			font-size: 30px;
			line-height: 40px
		}

		.text.tech.small {
			font-size: 25px
		}

		.accolade.reader {
			width: 21%;
			max-width: 100px
		}

		.mainBackground {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			will-change: transform
		}

		#hLifeStyle {
			padding-bottom: 5vw
		}

		#hLifeStyle .mainContainer {
			display: flex;
			flex-direction: column
		}

		#hLifeStyle .mainBackground {
			top: 9vw;
			height: calc(100% - 9vw)
		}

		#hLifeStyleTitle {
			align-self: flex-end
		}

		.slidingTitle {
			display: flex;
			flex-direction: column
		}

		.slidingTitleBig {
			font-size: 6vw;
			font-family: LM Roman Dunhill;
			display: flex
		}

		.slidingTitleSmall {
			font-family: 'Geometria';
			font-weight: 300;
			font-size: 2.5vw
		}

		#hLifeStyle .slidingTitleSmall {
			margin-top: -6.5vw;
			z-index: 1;
			align-self: flex-end;
			margin-right: 3.6vw
		}

		#hLifeStylePanel {
			margin-top: 0.3vw
		}

		.hLifeStyleBlock {
			will-change: transform
		}

		.hLSBlockTitle {
			height: 5vw;
			display: flex;
			align-items: center;
			z-index: 1
		}

		.hLSBlockTitle:after {
			content: '';
			width: 100%;
			height: 1px;
			background: white;
			position: absolute;
			bottom: 0;
			left: 0
		}

		.panelLabel {
			font-family: Geometria;
			font-size: 2vw
		}

		.panelLabel * {
			font-weight: 300
		}

		.hLSBlockPic {
			height: calc(100vh - 10vw);
			width: 100%
		}

		#hLifeStyleTarget,
		#hLifeStyleTarget2,
		#hLifeStyleTarget3 {
			height: calc(200vh - 15vw);
			position: absolute
		}

		#hLifeStyleSticky,
		#hLifeStyleSticky2,
		#hLifeStyleSticky3 {
			height: calc(100vh - 5vw);
			width: 100%
		}

		#hLifeStylePanel {
			z-index: 1;
			margin-top: 0.25vw
		}

		.hExperiencePic {
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%
		}

		.socials {
			display: flex;
			flex-direction: column;
			margin-bottom: 20px
		}

		.ig {
			margin-top: 20px
		}

		nav {
			position: fixed;
			top: 0;
			left: 0;
			will-change: transform;
			width: 100%;
			height: 100vh;
			z-index: 2;
			display: none
		}

		#navVideo {
			position: absolute;
			width: 100%;
			height: 100%
		}

		#navVideo video {
			width: 100%;
			height: 100%;
			top: 0%;
			right: 0%;
			position: absolute;
			object-fit: cover
		}

		#navInner {
			display: flex;
			flex-direction: column;
			z-index: 1;
			position: relative;
			left: 10px;
			top: 10px;
			width: calc(100% - 20px);
			height: calc(100% - 20px);
			will-change: transform
		}

		#navTop {
			display: flex;
			width: 100%;
			height: calc(100% - 140px);
			margin-top: 70px;
			box-sizing: border-box;
			margin-left: 10px;
			width: calc(100% - 20px);
			padding: 7.5vh 0;
			position: relative
		}

		/* #navTop:before {
			content: '';
			position: absolute;
			top: 0;
			width: 100%;
			height: 1px;
			background: #FFFFFF;
			opacity: 0.3
		} */

		#navTop:after {
			content: '';
			position: absolute;
			bottom: 0;
			width: 100%;
			height: 1px;
			background: #FFFFFF;
			opacity: 0.3
		}

		#navBottom {
			display: flex;
			align-items: center;
			flex: 1;
			margin-left: 10px;
			width: calc(100% - 20px)
		}

		#navBottom .socials {
			min-width: 320px;
			display: none;
			flex-direction: row;
			margin-bottom: 0;
			justify-content: center
		}

		#navBottom .socials .ig,
		#navBottom .socials .yt {
			margin-left: 20px;
			margin-top: 0
		}

		#navBackground {
			position: absolute;
			width: calc(100% - 20px);
			height: calc(100% - 20px);
			opacity: 0.95;
			border-radius: 25px;
			top: 10px;
			left: 10px
		}

		#navBackground.hidden {
			transform: scale(0.99);
			opacity: 0
		}

		#navBar {
			min-width: 320px;
			box-sizing: border-box;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: space-between
		}

		#navLogo {
			width: 100%;
			max-width: 200px;
			margin-top: 4px
		}

		.navSideItem {
			font-size: 16px;
			font-family: 'Geometria';
			text-transform: lowercase;
			margin-top: 15px;
			position: relative;
			font-weight: 500
		}

		.navSideItem:after {
			content: '';
			position: absolute;
			bottom: 0px;
			width: 100%;
			background: #FFFFFF;
			height: 1px;
			transform: scale(0, 1);
			transform-origin: left
		}

		.navSideItem:first-child {
			margin-top: 0
		}

		.navSideItem.margin {
			margin-top: 5vw
		}

		#navSideItems {
			display: flex;
			flex-direction: column;
			align-items: center
		}

		#navContent {
			flex: 1;
			padding-right: 100px;
			overflow: hidden;
			padding-left: 5vw
		}

		#navScroller {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			padding-bottom: calc(70px + 28vh);
			will-change: transform;
			position: relative;
			top: -10px
		}

		.navSection {
			margin-top: 4.5vh
		}

		.navSection:first-child {
			margin-top: 0
		}

		.navSectionTitle {
			font-family: Geometria;
			color: #fff;
			font-size: 4.5vh;
			font-weight: 300;
			line-height: 5.8vh;
			padding-right: 100px
		}

		.navSection:after {
			content: '';
			position: absolute;
			width: 100%;
			height: 1px;
			background: #FFFFFF;
			top: 6.5vh;
			transform-origin: left;
			transform: scale(0, 1);
			opacity: 0
		}

		.navSectionItems {
			display: flex;
			flex-direction: column;
			margin-top: 3vh;
			padding-left: 2.5vw;
			padding-right: 2.5vw
		}

		.navItem {
			font-family: geometria;
			color: #322e2b;
			font-size: 2.2vh;
			font-weight: 300;
			padding: 4px 0;
			text-transform: lowercase;
			display: flex;
			justify-content: space-between;
			position: relative;
			will-change: transform;
			margin-top: 1px
		}

		.navItem:after {
			/* content: ''; */
			position: absolute;
			height: 100%;
			width: calc(100% + 5vw);
			border: 1px solid #FFFF;
			border-radius: 50px;
			left: -2.5vw;
			top: -0.1vh;
			transform: scale(1, 0);
			backface-visibility: hidden;
			will-change: transform
		}

		.subItem {
			font-size: 1.6vh;
			color: #FFFFFF;
			position: relative;
			height: 2.9vh;
			font-weight: 500;
			display: flex;
			align-items: center;
			padding-right: 30px;
			will-change: transform
		}

		.subItem .oArrow {
			position: relative;
			left: 20px;
			will-change: transform
		}

		.subItem:before {
			content: '';
			background: #b6ada5;
			position: absolute;
			right: 0;
			height: 100%;
			width: 80px;
			border-radius: 50px;
			z-index: -1;
			transform: translateX(-10px);
			opacity: 0;
			will-change: transform
		}

		.subItem:after {
			content: ''
		}

		#tracker {
			will-change: transform;
			position: absolute;
			top: 0;
			left: 0;
			transform: translate(50vw, 50vh)
		}

		#simpleTrack {
			position: absolute;
			width: 12px;
			height: 12px;
			border-radius: 50px;
			top: -6px;
			left: -6px
		}

		#navigationTrack {
			position: absolute;
			top: -30px;
			left: -60px;
			white-space: nowrap;
			text-transform: lowercase
		}

		.activeLayer {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 2
		}

		#actionTrack {
			top: -8px;
			left: 6px;
			position: absolute
		}

		#actionTrack .oArrow.fillColor,
		#actionTrack .oAudio.fillColor {
			fill: #FFFFFF
		}

		#actionTrack circle.fillColor {
			stroke: #FFFFFF
		}

		#actionTrack circle {
			stroke-dasharray: 113;
			stroke-dashoffset: 113
		}

		#actionTrack .oArrow {
			position: absolute;
			top: -3px;
			left: -3px;
			transform: rotateZ(0deg);
			opacity: 0
		}

		#actionTrack .oAudio {
			position: absolute;
			width: 18px;
			top: -7.5px;
			left: -7.5px;
			opacity: 0
		}

		#actionTrack .circlePath {
			opacity: 1;
			fill: transparent;
			top: -18px;
			left: -18px;
			transform: none;
			position: absolute
		}

		.detailTitle {
			font-family: 'Geometria';
			font-weight: 300;
			font-size: 2.2vw;
			will-change: transform
		}

		.loading {
			position: absolute;
			left: -100px;
			top: -25px;
			display: none
		}

		.loading svg {
			stroke-dasharray: 87px;
			animation: spinning 2s cubic-bezier(0.575, 0.005, 0.285, 1.005) infinite
		}

		.loading svg circle {
			stroke: #FFFFFF
		}

		@keyframes spinning {
			0% {
				stroke-dashoffset: 87
			}

			50% {
				stroke-dashoffset: 174
			}

			100% {
				stroke-dashoffset: 261
			}
		}

		.wpforms-field-container {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between
		}

		.wpforms-container label {
			font-family: Geometria;
			color: #FFFFFF;
			font-size: 16px;
			font-weight: 400 !important
		}

		::-webkit-input-placeholder {
			font-family: Geometria;
			color: #FFFFFF;
			font-size: 15px;
			padding-left: 2px
		}

		.wpforms-container input.wpforms-field-medium,
		.wpforms-container select.wpforms-field-medium {
			max-width: none !important
		}

		.newsletterForm {
			margin-top: 15px;
			font-family: Geometria
		}

		.newsletterFormTitle {
			color: #FFFFFF;
			font-size: 15px;
			font-weight: 300
		}

		.newsletter_input {
			margin-top: 10px;
			border-bottom: 1px solid #FFFFFF;
			padding-bottom: 4px !important;
			width: 40%
		}

		.newsletter_input.full {
			width: 100%
		}

		.nLangPref {
			display: flex;
			align-items: flex-start;
			padding-bottom: 4px
		}

		.newsletter_input label {
			color: #FFFFFF;
			font-size: 13px;
			display: inline;
			padding: 1px 2px;
			height: auto;
			margin-top: 15px
		}

		.newsletter_input input {
			background: none;
			border: none;
			color: #FFFFFF;
			font-family: 'Geometria';
			font-size: 13px;
			width: 100%;
			display: block
		}

		.newsletter_input select {
			background: none;
			border: none;
			color: #FFFFFF;
			font-family: 'Geometria';
			font-size: 13px;
			padding-bottom: 0px;
			width: 54px;
			display: block
		}

		.newsletter_input select option {
			color: black
		}

		.newsletter_input input:-webkit-autofill {
			-webkit-box-shadow: 0 0 0 30px #a8a297 inset !important;
			-webkit-text-fill-color: white !important
		}

		.newsletter_input input:-ms-input-placeholder {
			color: white;
			font-family: Geometria;
			color: #FFFFFF;
			font-size: 13px;
			padding-left: 2px
		}

		.newsletter_input input::-ms-input-placeholder {
			color: white;
			font-family: Geometria;
			color: #FFFFFF;
			font-size: 13px;
			padding-left: 2px
		}

		.newsletter_input.title {
			width: 59px
		}

		.newsletterForm .wpforms-container {
			margin-bottom: 0px
		}

		.newsletter_input .wpforms-required-label {
			color: #FFFFFF !important
		}

		.overlay {
			position: fixed;
			height: 100vh;
			width: 100%;
			top: 0;
			left: 0;
			align-items: center;
			justify-content: center;
			z-index: 3;
			display: none
		}

		.overlay .mainBackground {
			border-radius: 25px;
			left: 10px;
			top: 10px;
			width: calc(100% - 20px);
			height: calc(100% - 20px)
		}

		.overlay .mainBackground.hidden {
			transform: scale(0.99);
			opacity: 0
		}

		.overlayContainer {
			max-width: 1080px;
			max-height: 770px;
			width: 70%;
			height: calc(100% - 60px);
			z-index: 1;
			display: flex;
			flex-direction: column;
			justify-content: space-around
		}

		.overlayLabel {
			width: 18vw;
			display: flex;
			justify-content: space-between;
			align-items: center;
			font-size: 1.5vw
		}

		.ovSmall {
			font-family: 'Geometria';
			font-size: 16px;
			line-height: 24px;
			font-weight: 400
		}

		.ovSmall+.ovSmall {
			margin-left: 5vw
		}

		.ovPeople {
			font-size: 2.3vw;
			font-family: Geometria;
			font-weight: 300;
			will-change: transform
		}

		.overlayClose {
			position: absolute;
			width: 38px;
			height: 38px;
			top: 25px;
			right: 25px;
			display: flex;
			justify-content: center;
			align-items: center
		}

		.overlayClose .circlePath {
			width: 38px;
			height: 38px;
			transform: none;
			opacity: 1;
			position: absolute;
			top: 0;
			left: 0
		}

		.overlayClose .circlePath circle {
			stroke-dasharray: 125px;
			stroke-dashoffset: 125px
		}

		.overlayCloseInner {
			width: 8px;
			height: 8px;
			position: relative;
			transform: scale(0)
		}

		.overlayCloseInner:before {
			content: '';
			width: 12px;
			height: 1px;
			background: #6E6259;
			position: absolute;
			transform: rotate(45deg);
			transform-origin: top left;
			left: 0px
		}

		.overlayCloseInner:after {
			content: '';
			width: 12px;
			height: 1px;
			background: #6E6259;
			position: absolute;
			transform: rotate(-45deg);
			transform-origin: top right;
			right: 0px
		}

		.overlayClose .fillColor {
			stroke: #6E6259
		}

		.ovGroup {
			display: flex;
			padding-bottom: 30px;
			position: relative;
			flex-direction: column;
			align-items: flex-start
		}

		#bookOverlay .ovGroup.double {
			justify-content: space-between;
			align-items: flex-start
		}

		#bookOverlay .ovGroup {
			align-items: center;
			flex-direction: row;
			padding-bottom: 20px
		}

		.ovGroup.leaders {
			margin-top: -25px;
			width: 530px
		}

		.ovGroup.leaders .ovSmall {
			padding-top: 16px;
			line-height: 5px;
			padding-bottom: 10px
		}

		.ovGroup.leaders img {
			width: 146px;
			height: auto;
			top: -14px;
			position: relative;
			margin-left: 7px
		}

		.ovGroup input,
		.ovGroup select {
			border: none;
			background: none;
			margin-left: 35px;
			font-size: 20px;
			letter-spacing: 3px;
			height: 100%
		}

		.ovGroup select option {
			font-size: 20px
		}

		.ovGroup:after {
			content: '';
			width: 100%;
			height: 1px;
			position: absolute;
			bottom: 0;
			left: 0;
			background: #FFFFFF;
			opacity: 0.6;
			transform: scale(0, 1);
			transform-origin: left
		}

		.ovGroup:last-child:after {
			content: none
		}

		.ovGroup select {
			margin-left: -40px;
			padding-left: 75px
		}

		#bookSubmit {
			align-self: flex-end;
			width: 200px
		}

		.icoContainer {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 30px
		}

		.calendarIco {
			width: 100%
		}

		.downArrow {
			display: block;
			width: 15px;
			height: 15px;
			border-bottom: 2px solid #FFFFFF;
			border-left: 2px solid #FFFFFF;
			transform: translateY(-6px) rotateZ(-45deg)
		}

		.ovGroup select::-ms-expand {
			display: none
		}

		.ovGroup select {
			-moz-appearance: none;
			-webkit-appearance: none
		}

		#thanksOverlay .overlayContainer {
			max-height: 600px
		}

		@media all and (max-width:1440px) {
			.ovSmall+.ovSmall {
				margin-left: 2vw
			}

			.text {
				font-size: 18px;
				line-height: 32px
			}

			.text.small {
				font-size: 16px;
				line-height: 28px
			}

			.text.tech {
				font-size: 26px
			}
		}

		@media all and (max-width:1365px) {
			#bookOverlay .ovGroup.double {
				flex-direction: column;
				align-items: flex-start
			}

			.ovSmall+.ovSmall {
				margin-left: 0;
				margin-top: 25px
			}

			.ovSmall br:nth-child(2) {
				display: none
			}

			#bookOverlay .overlayContainer>div:nth-child(2):after {
				content: none
			}
		}

		@media all and (max-width:960px) {
			body {
				position: fixed;
				left: 0;
				top: 0;
				right: 0;
				bottom: 0
			}

			.mobile {
				display: flex
			}

			.mobileOnly {
				display: block !important
			}

			.mobileHidden {
				display: none !important
			}

			header {
				padding: 0px 16px 0 0px;
				height: 30px;
				top: 15px
			}

			.headerButton.email {
				display: none
			}

			#leftHeader {
				width: auto;
				position: relative
			}

			#mainLogo {
				width: 132px;
				margin-top: 10px
			}

			#mainMenuController {
				width: 25px;
				height: 25px;
				padding: 10px
			}

			#mainMenuController:after {
				content: none
			}

			.menuController .line {
				width: 25px
			}

			.mainContainer {
				width: calc(100% - 60px);
				margin-left: 45px
			}

			.brownie.closed {
				height: 27px !important
			}

			#cookieBrownie.closed {
				transform: translateX(-83px) translateY(0px)
			}

			#newsLetterBrownie.closed {
				transform: translateX(-77px) translateY(-87px)
			}

			#covidBrownie.closed {
				transform: translateX(-81px) translateY(-167px)
			}

			#covidBrownie {
				width: calc(100vw - 95px)
			}

			#covidBrownie .brownieClose .line {
				background: #eae6e0;
			}

			.closed .brownieBack {
				opacity: 0 !important
			}

			.brownie {
				height: 250px;
				position: absolute;
				width: calc(100vw - 61px);
				bottom: 0px;
				left: 50px
			}

			.brownie.closed .brownieBack {
				transform: translateX(23px) translateY(-10px) scale(0.5) !important
			}

			.brownie .brownieIcoContainer {
				display: none
			}

			.brownie.closed .brownieIcoContainer {
				display: flex
			}

			.brownie.closed .brownieIco {
				transform: scale(0.8)
			}

			.cookiePrefs ul {
				width: calc(100% - 10px)
			}

			.oButton {
				height: 30px;
				margin-right: 18px
			}

			.brownieContent {
				margin: 0 10px;
				width: 100%;
				padding: 0
			}

			.oContent {
				padding: 0 8px
			}

			.oArrow {
				width: 7px
			}

			.oOuter {
				width: 44.5px
			}

			.oSymbol {
				position: absolute;
				right: -11px;
				top: 2px;
				height: 26px;
				display: flex;
				align-items: center
			}

			.oLabel {
				font-size: 11px
			}

			#hLogo {
				width: 250px;
				position: absolute;
				top: 37%;
				left: calc(50% - 125px)
			}

			.text {
				font-size: 16px;
				line-height: 26px
			}

			.doubleMargin {
				margin-top: 60px
			}

			.margin {
				margin-top: 30px
			}

			.accolade.reader img {
				width: auto
			}

			.accolade {
				margin-left: 70px;
				width: auto !important
			}

			.accolade:first-child {
				margin-left: 0
			}

			#prSlider+.oButton {
				position: absolute;
				bottom: 60px !important;
				left: 0 !important
			}

			#hDiningItems .callerBottom {
				position: relative
			}

			.slidingTitleBig {
				font-size: 10vw
			}

			.slidingTitleSmall {
				font-size: 5.9vw
			}

			#hLifeStyle .slidingTitleSmall {
				margin-top: -14vw
			}

			#hLifeStyle .mainBackground {
				top: 16.8vw;
				height: 105%
			}

			.panelLabel {
				font-size: 20px
			}

			.hLSBlockTitle {
				height: 65px
			}

			#hLifeStylePanel {
				margin-top: 0
			}

			.hExperiencePic {
				position: relative;
				height: 60vw;
				margin-top: 20px
			}

			.detailTitle {
				font-size: 30px
			}

			.detailTitle {
				font-size: 25px
			}

			.text.small,
			.text.tech {
				font-size: 16px;
				line-height: 28px
			}

			.text.tech.small {
				font-size: 14px !important;
				line-height: 26px
			}

			::-webkit-input-placeholder,
			.wpforms-container label {
				font-size: 14px
			}

			#navBar {
				display: none
			}

			#navBackground {
				width: calc(100% - 10px);
				height: calc(100% - 10px);
				border-radius: 15px;
				top: 5px;
				left: 5px
			}

			#navScroller {
				padding-bottom: 165px
			}

			#navTop {
				padding: 25px 0;
				margin-top: 55px;
				margin-left: 0;
				width: 100%;
				height: calc(100% - 110px)
			}

			.navSection {
				margin-top: 30px
			}

			.navSectionItems {
				margin-top: 1.5vh
			}

			.navItem {
				font-size: 18px;
				padding: 5px 0;
				margin: 0
			}

			.subItem {
				height: auto
			}

			.navItem:after {
				top: 1px;
				height: 26px;
				left: -9px;
				width: calc(100% + 17px)
			}

			#navBottom {
				justify-content: space-between
			}

			#navBottom .socials {
				order: 1;
				justify-content: flex-end;
				min-width: 0;
				margin-right: 25px;
				display: flex
			}

			#navBottom .socials svg {
				height: 18px
			}

			#navBottom .socials .ig,
			#navBottom .socials .yt {
				margin-left: 10px
			}

			.navSection:after {
				top: 50px
			}

			.subItem .subTitle {
				display: none
			}

			.subItem:before {
				content: none
			}

			.navSectionTitle {
				padding-right: 0;
				font-size: 24px
			}

			#navContent {
				padding-right: 0;
				padding-left: 0px;
				margin: 0 10px
			}

			.langsContainer a {
				font-size: 16px
			}

			.overlay .mainBackground {
				width: calc(100% - 10px);
				height: calc(100% - 10px);
				border-radius: 15px;
				top: 5px;
				left: 5px
			}

			.overlayContainer {
				width: calc(100% - 50px);
				max-width: 280px
			}

			.ovGroup input,
			.ovGroup select {
				font-size: 18px;
				letter-spacing: 0;
				margin-left: 20px
			}

			.overlayLabel {
				width: 100px;
				font-size: 18px
			}

			.bookGuests .icoContainer {
				margin-left: 56px
			}

			.ovGroup select {
				margin-left: 0;
				padding-left: 50px
			}

			.overlayClose {
				transform: scale(0.8);
				top: 10px;
				right: 10px;
				z-index: 2
			}

			.lang-item {
				margin-left: 30px;
				position: relative
			}

			.lang-item:before {
				right: -15px
			}

			.ovPeople {
				font-size: 20px
			}

			.ovSmall {
				font-size: 13px;
				line-height: 20px
			}

			#thanksOverlay .overlayContainer {
				max-height: 300px
			}

			#creditsOverlay .overlayContainer {
				max-height: 530px
			}

			.ovGroup {
				padding-bottom: 15px
			}

			#bookOverlay .ovGroup {
				padding-bottom: 5px
			}

			.ovGroup.leaders {
				margin-top: 0;
				width: auto
			}

			.text.tech.small.ovRole {
				line-height: 20px
			}

			#menuClose .circlePath {
				display: none
			}

			#menuClose {
				top: 11px;
				left: 9px;
				transform: scale(1.2)
			}

			#scrollDown {
				width: 200px;
				margin-left: -100px;
				letter-spacing: 0.5px;
				text-align: center;
				bottom: 174px
			}

			#verticalArrow {
				transform: rotateZ(180deg)
			}

			.scrollDownText {
				font-size: 12px
			}

			.mobile {
				margin-right: 10px
			}

			.navSection:last-child .navItem {
				color: #6f6359 !important
			}

			.newsletter_input.title {
				width: 50px
			}

			.ovGroup.leaders .ovSmall {
				padding-bottom: 4px;
				line-height: 17px
			}

			.ovGroup.leaders img {
				top: -15px
			}

			header .ig {
				position: absolute;
				left: 3px;
				top: 50px
			}

			header .fb {
				position: absolute;
				left: 2px;
				top: 100px
			}
		}

		.wpforms-container noscript.wpforms-error-noscript {
			color: #990000
		}

		.wpforms-container .wpforms-submit-spinner {
			margin-inline-start: 0.5em;
			vertical-align: middle
		}

		.wpforms-container {
			margin-bottom: 26px
		}

		.wpforms-container .wpforms-field.wpforms-field-hidden {
			display: none;
			padding: 0
		}

		.wpforms-container input.wpforms-field-medium,
		.wpforms-container select.wpforms-field-medium {
			max-width: 60%
		}

		.wpforms-container .wpforms-field {
			padding: 10px 0;
			position: relative
		}

		.wpforms-container .wpforms-field-label {
			display: block;
			font-weight: 700;
			float: none;
			word-break: break-word;
			word-wrap: break-word
		}

		.wpforms-container .wpforms-field-label.wpforms-label-hide {
			position: absolute;
			clip: rect(0 0 0 0);
			width: 1px;
			height: 1px;
			margin: -1px;
			overflow: hidden
		}

		.wpforms-container .wpforms-required-label {
			color: #ff0000;
			font-weight: normal
		}

		.wpforms-container input[type=email],
		.wpforms-container input[type=text],
		.wpforms-container select {
			display: block;
			width: 100%;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			float: none;
			font-family: inherit
		}

		@media only screen and (max-width:600px) {
			.wpforms-container .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout):not(.wpforms-field-repeater) {
				overflow-x: hidden
			}

			.wpforms-container .wpforms-field {
				padding-right: 1px;
				padding-left: 1px
			}

			.wpforms-container .wpforms-form .wpforms-field>* {
				max-width: 100%
			}
		}

		[data-fixed] {
			position: fixed;
			transform: translate3d(0, var(--loco-fixed-y, 0px), 0);
			z-index: 999;
		}

		html,
		body,
		div,
		span,
		applet,
		object,
		iframe,
		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		p,
		blockquote,
		pre,
		a,
		abbr,
		acronym,
		address,
		big,
		cite,
		code,
		del,
		dfn,
		em,
		font,
		img,
		ins,
		kbd,
		q,
		s,
		samp,
		small,
		strike,
		strong,
		sub,
		sup,
		tt,
		var,
		b,
		u,
		i,
		center,
		dl,
		dt,
		dd,
		ol,
		ul,
		li,
		fieldset,
		form,
		label,
		legend,
		table,
		caption,
		tbody,
		tfoot,
		thead,
		tr,
		th,
		td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-size: 100%;
			vertical-align: baseline;
			background: transparent
		}

		ol,
		ul {
			list-style: none
		}

		blockquote,
		q {
			quotes: none
		}

		blockquote:before,
		blockquote:after,
		q:before,
		q:after {
			content: '';
			content: none
		}

		:focus {
			outline: 0
		}

		ins {
			text-decoration: none
		}

		del {
			text-decoration: line-through
		}

		table {
			border-collapse: collapse;
			border-spacing: 0
		}

		input,
		select,
		img,
		iframe {
			vertical-align: middle;
		}

		html {
			font-size: 125%;
		}

		h1,
		h2,
		h3,
		h4,
		h5,
		h6 {
			font-weight: inherit
		}


		.lang-item-fr,
		.lang-item-de {
			display: none;
		}


		.lang-item-it:before {
			content: none !important;

		}

		img:is([sizes=auto i], [sizes^="auto," i]) {
			contain-intrinsic-size: 3000px 1500px
		}


		.is-small-text {
			font-size: .875em
		}

		.is-regular-text {
			font-size: 1em
		}

		.is-large-text {
			font-size: 2.25em
		}

		.is-larger-text {
			font-size: 3em
		}

		.has-drop-cap:not(:focus):first-letter {
			float: left;
			font-size: 8.4em;
			font-style: normal;
			font-weight: 100;
			line-height: .68;
			margin: .05em .1em 0 0;
			text-transform: uppercase
		}

		body.rtl .has-drop-cap:not(:focus):first-letter {
			float: none;
			margin-left: .1em
		}

		p.has-drop-cap.has-background {
			overflow: hidden
		}

		:root :where(p.has-background) {
			padding: 1.25em 2.375em
		}

		:where(p.has-text-color:not(.has-link-color)) a {
			color: inherit
		}

		p.has-text-align-left[style*="writing-mode:vertical-lr"],
		p.has-text-align-right[style*="writing-mode:vertical-rl"] {
			rotate: 180deg
		}

		:root {
			--wp--preset--aspect-ratio--square: 1;
			--wp--preset--aspect-ratio--4-3: 4/3;
			--wp--preset--aspect-ratio--3-4: 3/4;
			--wp--preset--aspect-ratio--3-2: 3/2;
			--wp--preset--aspect-ratio--2-3: 2/3;
			--wp--preset--aspect-ratio--16-9: 16/9;
			--wp--preset--aspect-ratio--9-16: 9/16;
			--wp--preset--color--black: #000000;
			--wp--preset--color--cyan-bluish-gray: #abb8c3;
			--wp--preset--color--white: #ffffff;
			--wp--preset--color--pale-pink: #f78da7;
			--wp--preset--color--vivid-red: #cf2e2e;
			--wp--preset--color--luminous-vivid-orange: #ff6900;
			--wp--preset--color--luminous-vivid-amber: #fcb900;
			--wp--preset--color--light-green-cyan: #7bdcb5;
			--wp--preset--color--vivid-green-cyan: #00d084;
			--wp--preset--color--pale-cyan-blue: #8ed1fc;
			--wp--preset--color--vivid-cyan-blue: #0693e3;
			--wp--preset--color--vivid-purple: #9b51e0;
			--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgb(6, 147, 227) 0%, rgb(155, 81, 224) 100%);
			--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
			--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgb(252, 185, 0) 0%, rgb(255, 105, 0) 100%);
			--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgb(255, 105, 0) 0%, rgb(207, 46, 46) 100%);
			--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
			--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
			--wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
			--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
			--wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
			--wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
			--wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
			--wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
			--wp--preset--font-size--small: 13px;
			--wp--preset--font-size--medium: 20px;
			--wp--preset--font-size--large: 36px;
			--wp--preset--font-size--x-large: 42px;
			--wp--preset--spacing--20: 0.44rem;
			--wp--preset--spacing--30: 0.67rem;
			--wp--preset--spacing--40: 1rem;
			--wp--preset--spacing--50: 1.5rem;
			--wp--preset--spacing--60: 2.25rem;
			--wp--preset--spacing--70: 3.38rem;
			--wp--preset--spacing--80: 5.06rem;
			--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
			--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
			--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
			--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);
			--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);
		}

		:where(.is-layout-flex) {
			gap: 0.5em;
		}

		:where(.is-layout-grid) {
			gap: 0.5em;
		}

		body .is-layout-flex {
			display: flex;
		}

		.is-layout-flex {
			flex-wrap: wrap;
			align-items: center;
		}

		.is-layout-flex> :is(*, div) {
			margin: 0;
		}

		body .is-layout-grid {
			display: grid;
		}

		.is-layout-grid> :is(*, div) {
			margin: 0;
		}

		:where(.wp-block-columns.is-layout-flex) {
			gap: 2em;
		}

		:where(.wp-block-columns.is-layout-grid) {
			gap: 2em;
		}

		:where(.wp-block-post-template.is-layout-flex) {
			gap: 1.25em;
		}

		:where(.wp-block-post-template.is-layout-grid) {
			gap: 1.25em;
		}

		.has-black-color {
			color: var(--wp--preset--color--black) !important;
		}

		.has-cyan-bluish-gray-color {
			color: var(--wp--preset--color--cyan-bluish-gray) !important;
		}

		.has-white-color {
			color: var(--wp--preset--color--white) !important;
		}

		.has-pale-pink-color {
			color: var(--wp--preset--color--pale-pink) !important;
		}

		.has-vivid-red-color {
			color: var(--wp--preset--color--vivid-red) !important;
		}

		.has-luminous-vivid-orange-color {
			color: var(--wp--preset--color--luminous-vivid-orange) !important;
		}

		.has-luminous-vivid-amber-color {
			color: var(--wp--preset--color--luminous-vivid-amber) !important;
		}

		.has-light-green-cyan-color {
			color: var(--wp--preset--color--light-green-cyan) !important;
		}

		.has-vivid-green-cyan-color {
			color: var(--wp--preset--color--vivid-green-cyan) !important;
		}

		.has-pale-cyan-blue-color {
			color: var(--wp--preset--color--pale-cyan-blue) !important;
		}

		.has-vivid-cyan-blue-color {
			color: var(--wp--preset--color--vivid-cyan-blue) !important;
		}

		.has-vivid-purple-color {
			color: var(--wp--preset--color--vivid-purple) !important;
		}

		.has-black-background-color {
			background-color: var(--wp--preset--color--black) !important;
		}

		.has-cyan-bluish-gray-background-color {
			background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
		}

		.has-white-background-color {
			background-color: var(--wp--preset--color--white) !important;
		}

		.has-pale-pink-background-color {
			background-color: var(--wp--preset--color--pale-pink) !important;
		}

		.has-vivid-red-background-color {
			background-color: var(--wp--preset--color--vivid-red) !important;
		}

		.has-luminous-vivid-orange-background-color {
			background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
		}

		.has-luminous-vivid-amber-background-color {
			background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
		}

		.has-light-green-cyan-background-color {
			background-color: var(--wp--preset--color--light-green-cyan) !important;
		}

		.has-vivid-green-cyan-background-color {
			background-color: var(--wp--preset--color--vivid-green-cyan) !important;
		}

		.has-pale-cyan-blue-background-color {
			background-color: var(--wp--preset--color--pale-cyan-blue) !important;
		}

		.has-vivid-cyan-blue-background-color {
			background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
		}

		.has-vivid-purple-background-color {
			background-color: var(--wp--preset--color--vivid-purple) !important;
		}

		.has-black-border-color {
			border-color: var(--wp--preset--color--black) !important;
		}

		.has-cyan-bluish-gray-border-color {
			border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
		}

		.has-white-border-color {
			border-color: var(--wp--preset--color--white) !important;
		}

		.has-pale-pink-border-color {
			border-color: var(--wp--preset--color--pale-pink) !important;
		}

		.has-vivid-red-border-color {
			border-color: var(--wp--preset--color--vivid-red) !important;
		}

		.has-luminous-vivid-orange-border-color {
			border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
		}

		.has-luminous-vivid-amber-border-color {
			border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
		}

		.has-light-green-cyan-border-color {
			border-color: var(--wp--preset--color--light-green-cyan) !important;
		}

		.has-vivid-green-cyan-border-color {
			border-color: var(--wp--preset--color--vivid-green-cyan) !important;
		}

		.has-pale-cyan-blue-border-color {
			border-color: var(--wp--preset--color--pale-cyan-blue) !important;
		}

		.has-vivid-cyan-blue-border-color {
			border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
		}

		.has-vivid-purple-border-color {
			border-color: var(--wp--preset--color--vivid-purple) !important;
		}

		.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
			background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
		}

		.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
			background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
		}

		.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
			background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
		}

		.has-luminous-vivid-orange-to-vivid-red-gradient-background {
			background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
		}

		.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
			background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
		}

		.has-cool-to-warm-spectrum-gradient-background {
			background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
		}

		.has-blush-light-purple-gradient-background {
			background: var(--wp--preset--gradient--blush-light-purple) !important;
		}

		.has-blush-bordeaux-gradient-background {
			background: var(--wp--preset--gradient--blush-bordeaux) !important;
		}

		.has-luminous-dusk-gradient-background {
			background: var(--wp--preset--gradient--luminous-dusk) !important;
		}

		.has-pale-ocean-gradient-background {
			background: var(--wp--preset--gradient--pale-ocean) !important;
		}

		.has-electric-grass-gradient-background {
			background: var(--wp--preset--gradient--electric-grass) !important;
		}

		.has-midnight-gradient-background {
			background: var(--wp--preset--gradient--midnight) !important;
		}

		.has-small-font-size {
			font-size: var(--wp--preset--font-size--small) !important;
		}

		.has-medium-font-size {
			font-size: var(--wp--preset--font-size--medium) !important;
		}

		.has-large-font-size {
			font-size: var(--wp--preset--font-size--large) !important;
		}

		.has-x-large-font-size {
			font-size: var(--wp--preset--font-size--x-large) !important;
		}

		/* ----- 1. HERO SECTION (DUAL SCALE EFFECT) ----- */
		.kb-hero {
			height: 100vh;
			position: relative;
			overflow: hidden;
			display: flex;
			align-items: center;
			justify-content: center;
			text-align: center;
			color: white;
			transform-origin: center center;
			will-change: transform, border-radius;
			/* Dark base for shrinking effect */
		}

		.kb-hero-bg {
			position: absolute;
			top: 100px;
			left: -32px;
			width: 100%;
			height: 100%;
			background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/Banner.webp) center no-repeat;
			z-index: -1;
			transform: scale(1.5);
			will-change: transform, filter;
			background-size: contain !important;
		}

		.kb-hero-content h1 {
			font-size: clamp(3rem, 8vw, 6rem);
			margin: 0;
			text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
			font-family: 'Playfair Display', serif;
		}

		.kb-hero-content p {
			letter-spacing: 8px;
			text-transform: uppercase;
			font-size: 0.9rem;
			margin-bottom: 20px;
		}

		/*# sourceURL=global-styles-inline-css */

		#popLayer {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 3;
			display: flex;
			justify-content: center;
			align-items: center;
		}


		#popLayer.hidden {
			display: none;
		}

		#popBack {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			background: #000000;
			opacity: 0.4;
		}

		#popBack.hidden {
			transform: scale(0.98);
			opacity: 0 !important;
		}

		#popContent {
			position: absolute;
			width: 55.5%;
			bottom: 5vw;
			right: 5vw;

		}

		#popContent.hidden {
			transform: scale(0.99);
			opacity: 0 !important;
		}

		#popContent a {
			display: Flex;
			justify-content: Center;
		}

		#popContent img {
			width: 95%;
			height: auto;
			margin: auto;
		}

		#popClose {
			position: absolute;
			top: -10px !important;
			right: -15px !important;
		}

		.menuCloseLine {

			background: #FFF;
		}

		.menuCloseLine._1 {
			top: 21px;
			position: absolute;
			width: 23px;
			height: 1px;
		}


		.menuCloseLine._2 {
			height: 23px;
			width: 1px;
			left: 21px;
			position: absolute;
			top: 10px;
		}

		.menuCloseContainer {
			width: 23px;
			height: 23px;
			position: absolute;
			transform: rotateZ(45deg);
			padding: 10px;
			cursor: pointer;
		}

		.mobile_only {
			display: none;
		}

		@media (max-width: 960px) {
			.mobile_hidden {
				display: none;
			}

			.mobile_only {
				display: block;
			}

			#popContent {
				background: #FFFFFF;
				position: relative;
				top: 6%;
				left: 0;
				width: 90%;
			}


			#popClose {
				position: absolute;
				top: -45px !important;
				right: -11px !important;
			}


		}


		/* ----- Global Styles ----- */
		:root {
			--bg-cream: #F2ECE5;
			--text-dark: #483728;
			--secondary-sub: #6B5D4C;
			--soft-gold: #BDAC9A;
		}

		body {
			margin: 0 !important;
			padding: 0 !important;
			background-color: var(--bg-cream) !important;
			color: var(--text-dark) !important;
			font-family: 'Montserrat', sans-serif !important;
			overflow-x: hidden !important;
		}

		.serif-title {
			font-family: 'Playfair Display', serif;
			font-weight: 600;
			margin-bottom: 86px !important;
		}

		.accent-italic {
			font-family: 'Bodoni Moda', serif;
			font-style: italic;
			color: var(--text-dark);
		}

		/* ----- 1. HERO SECTION (DUAL SCALE EFFECT) ----- */
		.kb-hero {
			height: 100vh;
			position: relative;
			overflow: visible;
			/* Ensure Locomotive can manage the section */
			display: block;
		}

		.kb-hero-wrapper {
			height: 100vh;
			width: 100%;
			position: relative;
			overflow: hidden;
			display: flex;
			align-items: center;
			justify-content: center;
			text-align: center;
			color: white;
			transform-origin: center center;
			will-change: transform, border-radius;
		}

		.kb-hero-bg {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/Banner.webp) center no-repeat;
			z-index: -1;
			transform: scale(1.5);
			will-change: transform, filter;
			background-size: contain !important;
		}

		.kb-hero-content h1 {
			font-size: clamp(3rem, 8vw, 6rem);
			margin: 0;
			text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
		}

		.kb-hero-content p {
			letter-spacing: 8px;
			text-transform: uppercase;
			font-size: 0.9rem;
			margin-bottom: 20px;
		}


		/* ----- 2. INTRO QUOTE ----- */
		.kb-intro {
			padding: 60px 0;
			background-color: var(--bg-cream);
			display: block;
			width: 92%;
			max-width: 1400px;
			margin: 0 auto;
		}

		.kb-intro-text {
			font-size: clamp(1.4rem, 2.5vw, 2.2rem);
			line-height: 1.6;
			margin-bottom: 40px;
		}

		.kb-io {
			font-size: 1.4rem;
			margin-bottom: 0;
			margin-top: 0;
		}

		/* ----- 3. SENSORY SCROLL ----- */
		.kb-sensory-container {
			position: relative;
			background-color: var(--bg-cream);
		}

		.kb-sticky-frame {
			position: sticky;
			top: 0;
			height: 100vh;
			width: 100vw;
			overflow: hidden;
			margin-bottom: 20px;
		}

		.kb-scroll-track {
			display: flex;
			width: fit-content;
			height: 100%;
			will-change: transform;
		}

		.kb-sensory-section {
			width: 100vw;
			height: 100%;
			display: flex;
			flex-direction: row;
			position: relative;
		}

		.kb-sensory-section:after {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-image: url(../images/bg-section2.jpg);
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			z-index: -1;
			opacity: 0.3;
		}

		.kb-sensory-content {
			flex: 0 0 45%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			padding: 0 8%;
			opacity: 1;
			transform: none;
			transition: none;
		}

		.kb-sensory-image {
			flex: 1;
			overflow: hidden;
		}

		.kb-sensory-image img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			transform: scale(1.1);
			transition: transform 1s ease;
		}

		.kb-sensory-image img.is-visible {
			transform: scale(1);
		}

		.kb-sensory-label {
			font-size: 1rem;
			letter-spacing: 4px;
			text-transform: uppercase;
			color: var(--soft-gold);
			margin-bottom: 20px;
			font-weight: 500;
		}

		.kb-sensory-title {
			font-size: 3.5rem;
			margin: 0 0 0px 0;
			line-height: 1.1;
		}

		.kb-sensory-desc {
			font-size: 0.9rem;
			line-height: 1.8;
			color: var(--secondary-sub);
			margin-bottom: 30px;
		}

		.kb-cta-link {
			color: var(--text-dark);
			text-decoration: none;
			border-bottom: 1px solid var(--soft-gold);
			padding-bottom: 5px;
			font-size: 0.75rem;
			text-transform: uppercase;
			letter-spacing: 2px;
			align-self: flex-start;
		}

		/* Responsive for 1366x768 - Sensory Section */
		/* Responsive for 1300x689 - Sensory Section */
		/* Responsive for 1300x649 - Sensory Section */
		@media screen and (min-width: 1280px) and (max-width: 1366px) and (min-height: 630px) and (max-height: 660px) {

			.kb-sticky-frame {
				height: 100vh;
				width: 100vw;
			}

			.kb-sensory-content {
				flex: 0 0 35%;
				padding: 0 4%;
				transform: translateX(-15px);
			}

			.kb-sensory-label {
				font-size: 0.8rem;
				letter-spacing: 2px;
				margin-bottom: 10px;
			}

			.kb-sensory-title {
				font-size: 2.2rem;
				line-height: 1.2;
				margin-bottom: 10px;
			}

			.kb-sensory-desc {
				font-size: 1rem;
				line-height: 1.5;
				margin-bottom: 18px;
			}

			.kb-sensory-image img {
				transform: scale(1.05);
			}

			.kb-cta-link {
				font-size: 0.6rem;
				letter-spacing: 1.2px;
				padding-bottom: 3px;
			}

			/* --- Timeline & Car Refinements --- */
			.kb-vintage-car {
				z-index: 10;
				filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.12));
			}

			.kb-vintage-car img {
				transform: scaleX(-1) rotate(-2deg);
				max-width: 100%;
				height: auto;
			}

			.kb-timeline-line {
				height: 1.5px;
				background: linear-gradient(90deg,
						transparent 0%,
						var(--soft-gold) 5%,
						var(--soft-gold) 95%,
						transparent 100%);
				position: absolute;
				width: 100%;
				top: 50%;
				transform: translateY(-50%);
			}

			.smoke-container {
				position: absolute;
				bottom: 10px;
				left: 10px;
				width: 50px;
				height: 50px;
				pointer-events: none;
				z-index: 5;
			}

			.smoke-particle {
				position: absolute;
				background: radial-gradient(circle, rgba(255, 255, 255, 0.4) 0%, transparent 70%);
				border-radius: 50%;
				filter: blur(4px);
				mix-blend-mode: screen;
			}
		}

		/* Specific fine-tuning for exact 1300x649 */
		@media screen and (width: 1300px) and (height: 649px) {

			.kb-sticky-frame {
				height: 100vh;
				width: 100vw;
			}

			.kb-sensory-content {
				flex: 0 0 33%;
				padding: 0 3.5%;
				transform: translateX(-12px);
			}

			.kb-sensory-label {
				font-size: 0.75rem;
				letter-spacing: 1.8px;
				margin-bottom: 8px;
			}

			.kb-sensory-title {
				font-size: 2rem;
				line-height: 1.2;
				margin-bottom: 8px;
			}

			.kb-sensory-desc {
				font-size: 0.9rem;
				line-height: 1.4;
				margin-bottom: 15px;
			}

			.kb-sensory-image {
				flex: 1;
			}

			.kb-sensory-image img {
				transform: scale(1.03);
			}

			.kb-cta-link {
				font-size: 0.55rem;
				letter-spacing: 1px;
				padding-bottom: 2px;
			}

			/* Adjust background overlay opacity */
			.kb-sensory-section:after {
				opacity: 0.2;
			}
		}

		/* Landscape optimization for 1300x649 */
		@media screen and (width: 1300px) and (height: 649px) and (orientation: landscape) {

			.kb-sensory-content {
				padding: 0 2.5% 0 4%;
			}

			.kb-sensory-title {
				font-size: 1.9rem;
				max-width: 90%;
			}

			.kb-sensory-desc {
				font-size: 0.85rem;
				max-width: 95%;
			}
		}

		/* Compact version for 1300x649 */
		@media screen and (width: 1300px) and (height: 649px) and (min-resolution: 1dppx) {

			.kb-sensory-content {
				flex: 0 0 31%;
				padding: 0 3%;
			}

			.kb-sensory-label {
				font-size: 0.7rem;
				letter-spacing: 1.5px;
				margin-bottom: 6px;
				font-size: 0.9rem;
			}

			.kb-sensory-title {
				font-size: 1.8rem;
				line-height: 1.1;
				margin-bottom: 6px;
			}

			.kb-sensory-desc {
				font-size: 0.8rem;
				line-height: 1.3;
				margin-bottom: 12px;
			}

			.kb-cta-link {
				font-size: 0.5rem;
				letter-spacing: 0.8px;
				padding-bottom: 2px;
			}

			.kb-sensory-image img {
				transform: scale(1.02);
			}
		}

		/* Ultra-compact for high-density displays at 1300x649 */
		@media screen and (width: 1300px) and (height: 649px) and (min-resolution: 1.25dppx) {

			.kb-sensory-content {
				flex: 0 0 29%;
				padding: 0 2.5%;
			}

			.kb-sensory-title {
				font-size: 1.7rem;
			}

			.kb-sensory-desc {
				font-size: 0.75rem;
				line-height: 1.2;
				margin-bottom: 10px;
			}

			.kb-sensory-image img {
				transform: scale(1.01);
			}
		}

		/* Ensure proper vertical centering for 1300x649 */
		@media screen and (width: 1300px) and (height: 649px) {

			.kb-sensory-content {
				justify-content: center;
				padding-top: 3vh;
				padding-bottom: 3vh;
			}

			/* Fine-tune the background overlay */
			.kb-sensory-section:after {
				background-position: center;
				background-size: cover;
			}

			/* Adjust image positioning */
			.kb-sensory-image {
				display: flex;
				align-items: center;
				/* justify-content: space-around; */
				width: auto;
			}

			.kb-sensory-image img {
				object-fit: cover;
				object-position: center center;
			}
		}

		/* Handle different browser chrome heights around 649px */
		@media screen and (min-width: 1290px) and (max-width: 1310px) and (min-height: 640px) and (max-height: 660px) {

			.kb-sensory-content {
				flex: 0 0 32%;
				padding: 0 3%;
			}

			.kb-sensory-title {
				font-size: 1.9rem;
			}

			.kb-sensory-desc {
				font-size: 0.85rem;
			}
		}

		/* Ensure full height coverage for 1300x649 */
		@supports (height: 100dvh) {
			@media screen and (width: 1300px) and (height: 649px) {
				.kb-sticky-frame {
					height: 100dvh;
					margin-bottom: 20px;
				}
			}
		}

		/* Small adjustments for text wrapping and readability */
		@media screen and (width: 1300px) and (height: 649px) {

			.kb-sensory-title {
				word-wrap: break-word;
				hyphens: auto;
				max-width: 95%;
				font-size: 2.9rem;
			}

			.kb-sensory-desc {
				word-wrap: break-word;
				hyphens: auto;
				max-width: 95%;
				font-size: 1.2rem;
				text-align: justify;
				word-break: auto-phrase;
			}

			/* Ensure CTA button doesn't wrap */
			.kb-cta-link {
				white-space: nowrap;
			}

			/* Add slight letter-spacing for better readability at smaller sizes */
			.kb-sensory-desc {
				letter-spacing: 0.4px;
			}
		}

		/* Fine-tune for specific aspect ratio */
		@media screen and (width: 1300px) and (height: 649px) and (aspect-ratio: 1300/649) {

			.kb-sensory-content {
				/* padding-left: 4%; */
				padding: 0 8%;
			}

			/* Adjust image scaling for perfect fit */
			.kb-sensory-image img {
				object-position: center;
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}

		/* ----- 4. STAGGERED GALLERY ----- */
		.kb-gallery-wrapper {
			display: block;
			padding: 40px 0% 0px;
			/* background: url(assets/images/car3.webp) center / cover, var(--bg-cream); */
			margin-bottom: 0px;
		}
		.kb-gallery-grid {
			display: grid;
			grid-template-columns: repeat(6, minmax(0, 1fr));
			grid-template-rows: repeat(9, 80px);
			gap: 20px;
			width: 95%;
			margin: 20px auto 0;
		}

		.gallery-item {
			position: relative;
			overflow: hidden;
			cursor: pointer;
			opacity: 1;
			transform: none;
		}

		.gallery-item img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			transition: transform 1.2s cubic-bezier(0.19, 1, 0.22, 1);
		}

		.gallery-item:hover img {
			transform: scale(1.1);
		}

		.ig-hover {
			position: absolute;
			bottom: 15px;
			left: 15px;
			background: white;
			width: 35px;
			height: 35px;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			opacity: 0;
			transform: translateY(10px);
			transition: all 0.4s ease;
		}

		.gallery-item:hover .ig-hover {
			opacity: 1;
			transform: translateY(0);
		}

		/* Grid Assignments */
		.gi-text {
			grid-column: 1 / 3;
			grid-row: 1 / 3;
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
		}

		.gi-1 {
			grid-column: 1 / 3;
			grid-row: 3 / 8;
		}

		.gi-2 {
			grid-column: 3 / 4;
			grid-row: 1 / 6;
		}

		.gi-3 {
			grid-column: 4 / 5;
			grid-row: 1 / 3;
		}

		.gi-4 {
			grid-column: 4 / 5;
			grid-row: 3 / 6;
		}

		.gi-5 {
			grid-column: 5 / 7;
			grid-row: 2 / 5;
		}

		.gi-6 {
			grid-column: 4 / 5;
			grid-row: 6 / 9;
		}

		.gi-7 {
			grid-column: 3 / 4;
			grid-row: 6 / 9;
		}

		.gi-8 {
			grid-column: 5 / 7;
			grid-row: 5 / 10;
		}

		/* Responsive for 1300x649 - Gallery Section */
		@media screen and (min-width: 1280px) and (max-width: 1366px) and (min-height: 630px) and (max-height: 660px) {

			.kb-gallery-wrapper {
				margin-bottom: 0px;
			}

			.kb-gallery-grid {
				grid-template-columns: repeat(3, 1fr);
				grid-template-rows: repeat(9, 65px);
				/* Reduced from 80px */
				gap: 15px;
				/* Reduced gap */
				margin-top: 15px;
				margin-right: 50px;
				/* Reduced margin */
			}

			.ig-hover {
				width: 30px;
				height: 30px;
				bottom: 12px;
				left: 12px;
			}

			.ig-hover svg {
				width: 16px;
				height: 16px;
			}
		}

		/* Specific fine-tuning for exact 1300x649 */
		@media screen and (width: 1300px) and (height: 649px) {

			.kb-gallery-wrapper {
				/* padding: 0px 3%; */
				margin-bottom: 0px;
			}

			.kb-gallery-grid {
				grid-template-columns: repeat(3, 1fr);
				grid-template-rows: repeat(9, 60px);
				/* Further reduced for shorter height */
				gap: 12px;
				/* Tighter gap */
				margin-top: 12px;
				margin-right: 40px;
			}

			/* Text block adjustments */
			.gi-text {
				grid-column: 1 / 3;
				grid-row: 1 / 3;
				padding-bottom: 5px;
			}

			.gi-text h2 {
				font-size: 1.8rem;
				/* Smaller heading */
				margin-bottom: 5px;
			}

			.gi-text p {
				font-size: 0.9rem;
				line-height: 1.4;
			}

			/* Image grid adjustments - maintaining same spans but optimized for smaller rows */
			.gi-1 {
				grid-column: 1 / 3;
				grid-row: 3 / 8;
			}

			.gi-2 {
				grid-column: 3 / 4;
				grid-row: 1 / 6;
			}

			.gi-3 {
				grid-column: 1 / 2;
				/* grid-row: 8 / 10; */
			}

			.gi-4 {
				grid-column: 2 / 3;
				/* grid-row: 8 / 10; */
			}

			.gi-5 {
				grid-column: 3 / 4;
				grid-row: 6 / 10;
			}

			/* Hover effect adjustments */
			.ig-hover {
				width: 28px;
				height: 28px;
				bottom: 10px;
				left: 10px;
			}

			.ig-hover svg {
				width: 14px;
				height: 14px;
			}

			/* Image transition */
			.gallery-item:hover img {
				transform: scale(1.08);
				/* Slightly reduced scale effect */
			}
		}

		/* Compact version for 1300x649 */
		@media screen and (width: 1300px) and (height: 649px) and (min-resolution: 1dppx) {

			.kb-gallery-wrapper {
				/* padding: 0px 2.5%; */
			}

			.kb-gallery-grid {
				grid-template-rows: repeat(9, 55px);
				gap: 10px;
				margin-right: 30px;
			}

			.gi-text h2 {
				font-size: 1.6rem;
			}

			.gi-text p {
				font-size: 0.85rem;
			}

			.ig-hover {
				width: 25px;
				height: 25px;
				bottom: 8px;
				left: 8px;
			}

			.ig-hover svg {
				width: 12px;
				height: 12px;
			}
		}

		/* Alternative layout for very dense displays */
		@media screen and (width: 1300px) and (height: 649px) and (min-resolution: 1.25dppx) {

			.kb-gallery-grid {
				grid-template-rows: repeat(9, 50px);
				gap: 8px;
				margin-right: 25px;
			}

			.gi-text h2 {
				font-size: 1.5rem;
			}

			.gi-text p {
				font-size: 0.8rem;
			}
		}

		/* Ensure animations work smoothly */
		@media screen and (width: 1300px) and (height: 649px) {

			.gallery-item {
				transform: translateY(20px);
				/* Reduced from 30px */
			}

			.gallery-item.visible {
				transform: translateY(0);
			}

			/* Adjust image quality for smaller display */
			.gallery-item img {
				object-fit: cover;
				object-position: center;
			}

			/* Optional: Adjust specific image positions if needed */
			.gi-1 img {
				object-position: 30% center;
			}

			.gi-2 img {
				object-position: 70% center;
			}

			.gi-5 img {
				object-position: 50% center;
			}
		}

		/* Fix for potential overflow issues */
		@media screen and (width: 1300px) and (height: 649px) {

			.kb-gallery-grid {
				max-width: 100%;
				grid-template-columns: repeat(3, minmax(0, 1fr));
				/* Prevent grid overflow */
			}

			/* Ensure text doesn't overflow in the text block */
			.gi-text {
				overflow: hidden;
			}

			.gi-text h2,
			.gi-text p {
				max-width: 100%;
				word-wrap: break-word;
			}
		}

		/* Handle different browser chrome heights */
		@media screen and (min-width: 1290px) and (max-width: 1310px) and (min-height: 640px) and (max-height: 660px) {

			.kb-gallery-grid {
				grid-template-rows: repeat(9, 62px);
				gap: 13px;
				margin-right: 35px;
				margin-top: 20px !important;
			}

			.gi-text h2 {
				font-size: 1.7rem;
			}
		}

		/* Touch device optimizations */
		@media (hover: none) and (pointer: coarse) {
			@media screen and (width: 1300px) and (height: 649px) {

				.ig-hover {
					opacity: 1;
					transform: translateY(0);
					background: rgba(255, 255, 255, 0.9);
				}

				.gallery-item:hover img {
					transform: none;
				}
			}
		}

		/* Ensure proper spacing at the bottom */
		@media screen and (width: 1300px) and (height: 649px) {

			.kb-gallery-wrapper {
				padding-bottom: 20px;
				/* Add slight bottom padding */
			}

			/* Last row alignment */
			.gi-3,
			.gi-4,
			.gi-5 {
				margin-bottom: 0;
			}
		}


		/* ----- 5. INTERACTIVE TIMELINE ----- */
		.kb-timeline-container {
			padding: 120px 0;
			background-color: #483728;
			overflow: hidden;
			position: relative;
			margin-top: 60px;
		}

		.kb-timeline-header {
			text-align: center;
			margin-bottom: 80px;
		}

		.kb-timeline-header h2 {
			font-size: clamp(2.5rem, 5vw, 4rem);
			margin: 10px 0 0;
			color: #f2ece5;
		}

		.kb-timeline-header p {
			max-width: 860px;
			margin: 20px auto 0;
			font-size: 0.8rem;
			line-height: 1.8;
			color: #f2ece5;
		}

		.kb-timeline-main {
			max-width: 1200px;
			margin: 0 auto;
			position: relative;
		}

		.kb-timeline-track {
			position: relative;
			height: 120px;
			margin-bottom: 60px;
			display: flex;
			align-items: center;
		}

		.kb-timeline-line {
			width: 100%;
			height: 2px;
			background: linear-gradient(90deg, transparent, var(--soft-gold) 15%, var(--soft-gold) 85%, transparent);
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			z-index: 1;
		}

		.kb-car-path {
			position: relative;
			width: 100%;
			height: 122%;
			z-index: 3;
		}

		.kb-vintage-car {
			position: absolute;
			/* Adjust top to align with your line height */
			top: 130%;
			left: 0;
			/* Using transform for smoother performance and tilting */
			transform: translate(-50%, -85%);
			width: 150px;
			z-index: 5;
			pointer-events: none;
			will-change: left, transform;
		}

		.kb-vintage-car img {
			width: 100%;
			height: auto;
			transform: scaleX(-1);
			filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.15));
		}

		.kb-timeline-points {
			position: absolute;
			width: 100%;
			display: flex;
			justify-content: space-between;
			top: 50%;
			transform: translateY(-50%);
			z-index: 4;
		}

		.kb-time-point {
			line-height: 93%;
			background: #999794;
			border: 2px solid var(--soft-gold);
			color: var(--text-dark);
			width: auto;
			min-width: 80px;
			padding: 0 8px;
			height: 80px;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			font-family: 'Playfair Display', serif;
			font-size: 21px;
			cursor: pointer;
			transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
			position: relative;
			outline: none;
			white-space: nowrap;
			border: none;
			color: #cfcbcb;
		}

		.kb-time-point:hover {
			background: var(--soft-gold);
			color: white;
			transform: scale(1.1);
		}

		.kb-time-point.active {
			background: #f2ece5;
			color: #483728;
			border-color: var(--text-dark);
			/* box-shadow: 0 0 20px #f2ece5; */
		}

		/* Smoke Effect */
		.smoke-container {
			position: absolute;
			bottom: 15%;
			left: -5%;
			/* Move to absolute backside */
			width: 10px;
			height: 10px;
			pointer-events: none;
		}

		.smoke-particle {
			position: absolute;
			background: rgba(189, 172, 154, 0.6);
			border-radius: 50%;
			filter: blur(5px);
			pointer-events: none;
			opacity: 0;
		}

		/* Content Box */
		.kb-timeline-content-box {
			text-align: center;
			min-height: 150px;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.timeline-content {
			max-width: 700px;
			opacity: 0;
			transform: translateY(20px);
		}

		.timeline-content.active {
			opacity: 1;
			transform: translateY(0);
			transition: all 0.6s ease;
		}

		.timeline-content h3 {
			font-size: 2.5rem;
			margin: 0 0 15px;
			color: #BDAC9A;
		}

		.timeline-content p {
			font-size: 0.8rem;
			line-height: 1.6;
			color: #f2ece5;
			font-weight: 300;
		}

		/* Responsive for 1366x768 */
		/* Responsive for 1300x689 */
		/* Responsive for 1300x649 - Timeline Section */
		@media screen and (min-width: 1280px) and (max-width: 1366px) {
			.kb-timeline-container {
				padding: 50px 4%;
			}

			.kb-timeline-header {
				margin-bottom: 35px;
			}

			.kb-timeline-header h2 {
				font-size: clamp(2rem, 4vw, 2.8rem);
			}

			.kb-timeline-header p {
				max-width: 700px;
				margin: 10px auto 0;
				font-size: 0.9rem;
				line-height: 1.5;
			}

			/* .kb-timeline-main {
					max-width: 1050px;
					margin-right: 40px;
				} */

			/* .kb-timeline-track {
					height: 75px;
					margin-bottom: 30px;
					width: 85%;
					left: 20px;
				} */

			.kb-vintage-car {
				width: 105px;
				top: 140%;
				transform: translate(-50%, -70%);
			}

			/* .kb-time-point {
					width: 45px;
					height: 45px;
					font-size: 0.75rem;
					border-width: 1.5px;
				} */

			.kb-time-point:hover {
				transform: scale(1.08);
			}

			.timeline-content {
				max-width: 550px;
			}

			.timeline-content h3 {
				font-size: 1.9rem;
				margin: 0 0 8px;
			}

			.timeline-content p {
				font-size: 0.95rem;
				line-height: 1.4;
				margin-right: 70px;
				margin-left: 50px;
			}

			.smoke-container {
				bottom: 5%;
			}
		}

		/* Specific fine-tuning for exact 1300x649 */
		@media screen and (width: 1300px) {
			.kb-timeline-container {
				padding: 45px 3.5%;
			}

			.kb-timeline-header {
				margin-bottom: 30px;
			}

			.kb-timeline-header h2 {
				font-size: 2.6rem;
			}

			.kb-timeline-header p {
				font-size: 0.85rem;
				max-width: 650px;
				margin: 8px auto 0;
				line-height: 1.5;
			}

			/* .kb-timeline-main {
					max-width: 1000px;
					margin-right: 35px;
				} */

			.kb-timeline-track {
				height: 70px;
				margin-bottom: 25px;
				width: 85%;
				left: 15px;
			}

			.kb-timeline-points {
				/* height: 98%; */
				/* flex-direction: column;
                left: 50%;
                top: 50%!important;
                transform: translateX(-50%); */
			}

			.kb-vintage-car {
				width: 100px;
				top: 150%;
				transform: translate(-50%, -65%);
			}

			/* .kb-time-point {
					width: 62px;
					height: 62px;
					font-size: 1.2rem;
					border-width: 1.5px;
				} */

			.kb-time-point.active {
				box-shadow: 0 0 12px #f2ece5;
			}

			.timeline-content {
				max-width: 520px;
			}

			.timeline-content h3 {
				font-size: 1.8rem;
				margin: 0 0 6px;
			}

			.timeline-content p {
				font-size: 0.9rem;
				line-height: 1.4;
				margin-right: 60px;
				margin-left: 40px;
			}

			.smoke-container {
				bottom: 4%;
			}

			/* Adjust timeline line */
			.kb-timeline-line {
				height: 1.5px;
				background: linear-gradient(90deg, transparent, var(--soft-gold) 8%, var(--soft-gold) 92%, transparent);
			}
		}

		/* Compact version for 1300x649 */
		@media screen and (width: 1300px) {
			.kb-timeline-main {
				width: 100% !important;
			}

			.kb-timeline-container {
				padding: 100px 23px !important;
			}

			.kb-timeline-header {
				margin-bottom: 25px;
			}

			.kb-timeline-header h2 {
				font-size: 2.4rem;
			}

			.kb-timeline-header p {
				font-size: 0.9rem;
				max-width: 600px;
			}

			/* .kb-timeline-main {
					max-width: 950px;
					margin-right: 30px;
				} */

			.kb-timeline-track {
				height: 65px;
				margin-bottom: 22px;
				width: 90%;
				left: 10px;
			}

			.kb-vintage-car {
				width: 118px !important;
				top: 155%;
			}

			/* .kb-time-point {
                width: 40px;
                height: 40px;
                font-size: 0.65rem;
            } */

			.timeline-content {
				max-width: 500px;
			}

			.timeline-content h3 {
				font-size: 1.7rem;
			}

			.timeline-content p {
				font-size: 0.85rem;
				margin-right: 50px;
				margin-left: 30px;
			}
		}

		@media all and (max-width:1024px) and (min-width:768px) {
			.kb-timeline-header {
				width: 60% !important;
			}

			.kb-time-point {
				width: 70px;
				height: 70px;
			}
		}

		/* Ultra-compact for very dense displays at 1300x649 */
		@media screen and (max-width: 1300px) {
			.kb-timeline-container {
				padding: 70px 2.5%;
			}

			.kb-timeline-header {
				margin-bottom: 20px;
			}

			.kb-timeline-header h2 {
				font-size: 2.2rem;
			}

			.kb-timeline-track {
				height: 90px !important;
				margin-bottom: 75px !important;
			}

			.kb-vintage-car {
				width: 98px !important;
				top: 140% !important;
			}

			/* .kb-time-point {
					width: 70px;
					height: 70px;
					font-size: 1.2rem;
				} */

			.timeline-content h3 {
				font-size: 1.6rem;
			}

			.timeline-content p {
				font-size: 1rem;
				margin-right: 40px;
				margin-left: 25px;
			}
		}

		/* Handle different browser chrome heights around 649px */
		@media screen and (min-width: 1290px) and (max-width: 1310px) {
			/* .kb-timeline-container {
					padding: 20px 23px 3%;
				} */

			.kb-timeline-header {
				margin-bottom: 28px;
			}

			.kb-timeline-header h2 {
				font-size: 2.5rem;
			}

			.kb-timeline-track {
				height: 68px;
				margin-bottom: 50px;
			}

			.kb-vintage-car {
				width: 98px;
			}

			.timeline-content h3 {
				font-size: 2.5rem;
			}
		}

		/* Ensure points are properly spaced */
		@media screen and (width: 1300px) {
			.kb-time-point:first-child {
				margin-left: 0;
			}

			.kb-time-point:last-child {
				margin-right: 0;
			}

			/* Fine-tune the line gradient */
			.kb-timeline-line {
				background: linear-gradient(90deg,
						transparent 0%,
						var(--soft-gold) 5%,
						var(--soft-gold) 95%,
						transparent 100%);
			}

			/* Adjust car tilt if needed */
			.kb-vintage-car img {
				transform: scaleX(-1) rotate(-2deg);
				filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.12));
			}
		}

		/* Vertical spacing adjustments */
		@media screen and (width: 1300px) {
			.kb-timeline-content-box {
				min-height: 200px;
				padding: 0 15px;
			}

			/* Ensure text doesn't overflow */
			.timeline-content p {
				max-width: 90%;
				margin-left: auto;
				margin-right: auto;
				font-size: 18px;
			}
		}

		/* Removed empty media query */

		.footer-brand-section {
			border-top: 1px solid #88592b;
			padding-bottom: 0px;
			margin-bottom: 0px;
			padding-top: 70px;
			border-bottom: none;
		}

		.footer-heading2 p {
			font-family: 'Bodoni FLF';
			font-size: 34px;
			text-align: center;
			color: #483728;
			border-bottom: 1px solid #815123;
			padding-bottom: 0px;
			margin-bottom: 30px;
			font-weight: 500;
		}

		.foot-divider {
			top: 4%;
		}

		/* ============================================================ */
		/* TABLET RESPONSIVENESS (MAX-WIDTH: 1024px)                     */
		/* ============================================================ */
		@media screen and (max-width: 1024px) {
			.kb-sensory-title {
				font-size: 2.5rem;
			}

			.kb-sensory-desc {
				font-size: 1.2rem;
			}

			.kb-timeline-header h2 {
				font-size: clamp(2rem, 4vw, 3.2rem);
			}

			.kb-gallery-grid {
				grid-template-rows: repeat(9, 65px);
				gap: 15px;
			}
		}

		/* ============================================================ */
		/* MOBILE RESPONSIVENESS (MAX-WIDTH: 768px)                      */
		/* ============================================================ */
		@media screen and (max-width: 768px) {

			/* --- GLOBAL --- */
			.mainContainer {
				width: calc(100% - 40px) !important;
				margin-left: 20px !important;
			}

			/* --- 1. HERO SECTION --- */
			.kb-hero-wrapper {
				height: 100%;
			}

			.kb-hero-content h1 {
				font-size: clamp(2.2rem, 11vw, 4rem);
				padding: 0 20px;
				text-align: center;
				font-family: 'Playfair Display', serif;
			}

			.kb-hero-content p {
				letter-spacing: 3px;
				font-size: 0.75rem;
				padding: 0 20px;
			}

			.kb-hero-bg {
				background-size: cover !important;
				background-position: center center !important;
			}

			/* --- 2. INTRO SECTION --- */
			.kb-intro {
				width: 90%;
				padding: 50px 0 30px;
				display: block !important;
				margin: 0 auto !important;
			}

			.footer-brand-section {
				padding-top: 40px;
			}

			.kb-intro-text {
				font-size: clamp(1.1rem, 4.5vw, 1.5rem);
				line-height: 1.6;
				text-align: center;
				margin-bottom: 20px;
			}

			.kb-io {
				font-size: 1.1rem;
			}

			.about-snippet {
				display: none;
			}

			.footer-heading2 p {
				font-size: 22px;
				padding-bottom: 20px;
			}

			/* --- 3. SENSORY SCROLL — RESTORE HORIZONTAL SCROLL --- */
			.kb-sensory-container {
				position: relative;
				overflow: clip;
				width: 100vw !important;
				/* margin-left: -20px !important; */
				/* Counteract .mainContainer margin */
			}

			.kb-sticky-frame {
				position: sticky !important;
				top: 0;
				height: 100vh;
				height: 100dvh;
				width: 100vw !important;
				overflow: hidden;
			}

			.kb-scroll-track {
				display: flex !important;
				flex-direction: row !important;
				width: 400vw !important;
				/* 4 sections @ 100vw */
				height: 100% !important;
				transform: none;
				margin: 0 !important;
				padding: 0 !important;
			}

			.kb-sensory-section {
				flex-direction: column !important;
				width: 100vw !important;
				height: 100vh !important;
				height: 100dvh !important;
				flex-shrink: 0 !important;
				display: flex !important;
				padding: 0 !important;
				position: relative !important;
				margin: 0 !important;
				overflow: hidden !important;
				box-sizing: border-box !important;
			}

			.kb-sensory-section:after {
				opacity: 0.15;
			}

			.kb-sensory-image {
				flex: none !important;
				width: 100% !important;
				height: 40vh !important;
				min-height: 200px;
				overflow: hidden;
			}

			.kb-sensory-image img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				transform: none !important;
			}

			.kb-sensory-content {
				flex: 1 !important;
				padding: 20px 8% 30px !important;
				text-align: left !important;
				display: flex;
				flex-direction: column;
				justify-content: center;
				background: var(--bg-cream);
				z-index: 2;
				box-sizing: border-box !important;
			}

			.kb-sensory-label {
				font-size: 0.75rem;
				letter-spacing: 3px;
				margin-bottom: 10px;
			}

			.kb-sensory-title {
				font-size: clamp(1.4rem, 6.5vw, 2rem) !important;
				margin: 0 0 10px !important;
				line-height: 1.2;
			}

			.kb-sensory-desc {
				font-size: 0.88rem !important;
				line-height: 1.55 !important;
				margin-bottom: 15px !important;
				padding: 0 !important;
				color: var(--secondary-sub);
				max-width: 100%;
			}

			.kb-cta-link {
				align-self: flex-start;
				font-size: 0.65rem;
			}



			/* --- 4. TIMELINE SECTION --- */
			.kb-timeline-container {
				padding: 50px 0% 60px;
			}

			.kb-timeline-header {
				margin-bottom: 40px;
			}

			.kb-timeline-header h2 {
				font-size: clamp(1.8rem, 7vw, 2.8rem);
				margin-bottom: 12px !important;
			}

			.kb-timeline-header p {
				font-size: 0.9rem;
				line-height: 1.55;
			}

			.kb-timeline-main {
				width: 100% !important;
				padding: 0;
				overflow-x: auto;
				-webkit-overflow-scrolling: touch;
			}

			/* .kb-timeline-track {
					height: 300px;
					flex-direction: column;
					padding: 0;
					margin-bottom: 40px;
				}

				.kb-timeline-line {
					width: 2px;
					height: 100%;
					left: 50%;
					top: 0;
					transform: translateX(-50%);
				} */

			/* .kb-timeline-points {
					height: 100%;
					flex-direction: column;
					left: 50%;
					top: 50% !important;
					padding: 0;
					height: auto !important;
				} */

			.kb-car-path {
				position: absolute;
				width: 100%;
				height: 100%;
				z-index: 3;
			}

			.kb-vintage-car {
				/* display: none !important; */
				top: 144% !important;
			}

			.kb-time-point {
				width: 60px !important;
				min-width: 60px !important;
				height: 60px !important;
				font-size: 0.65rem !important;
				padding: 0 4px !important;
				flex-shrink: 0;
			}

			.kb-timeline-content-box {
				min-height: 160px;
				padding: 0 5%;
			}

			.timeline-content h3 {
				font-size: clamp(1.5rem, 6vw, 2rem);
				margin-bottom: 10px;
			}

			.timeline-content p {
				font-size: 0.9rem;
				line-height: 1.6;
				padding: 0 5%;
			}

			/* --- 5. GALLERY SECTION --- */
			.kb-gallery-wrapper {
				padding: 30px 0 20px;
			}

			.kb-gallery-grid {
				display: flex !important;
				flex-direction: column !important;
				width: 90% !important;
				margin: 0 auto !important;
				gap: 16px !important;
				grid-template-columns: unset !important;
				grid-template-rows: unset !important;
			}

			.gi-text {
				grid-column: unset !important;
				grid-row: unset !important;
				height: auto !important;
				padding: 20px 0 10px;
			}

			.gi-text h2 {
				font-size: 1.6rem !important;
				margin-bottom: 5px !important;
			}

			.gallery-item {
				height: 260px !important;
				grid-column: unset !important;
				grid-row: unset !important;
				width: 100% !important;
				border-radius: 4px;
				overflow: hidden;
			}

			.ig-hover {
				opacity: 1 !important;
				transform: translateY(0) !important;
			}

			/* --- 6. HEADER & NAV --- */
			header {
				height: 60px !important;
				padding: 0 16px 0 0 !important;
				top: 10px !important;
			}

			#mainLogo {
				width: 110px !important;
				margin-top: 6px !important;
			}

			#mainMenuController {
				width: 40px !important;
				height: 30px !important;
			}

			.menuController .line {
				width: 26px !important;
			}

			.langsContainer,
			.headerButton.email,
			.headerButton.fb,
			.headerButton.ig,
			#centerHeader {
				display: none !important;
			}

			/* Ensure book button is compact */
			#bookNow {
				height: 30px;
				margin-right: 12px;
			}

			.oLabel {
				font-size: 10px !important;
			}
		}

		/* ============================================================ */
		/* SMALL MOBILE (MAX-WIDTH: 480px)                               */
		/* ============================================================ */
		@media screen and (max-width: 480px) {

			/* Hero */
			.kb-hero-content h1 {
				font-size: clamp(1.8rem, 9vw, 3rem);
			}

			/* Intro */
			.kb-intro {
				width: 88%;
				padding: 40px 0 20px;
			}

			.kb-intro-text {
				font-size: clamp(1rem, 4vw, 1.3rem);
			}

			/* Sensory */
			.kb-sensory-section {
				min-height: 70vh;
			}

			.kb-sensory-image {
				height: 50vw !important;
				min-height: 200px !important;
			}

			.kb-sensory-content {
				padding: 24px 6% 28px !important;
			}

			.kb-sensory-title {
				font-size: clamp(1.4rem, 6vw, 1.9rem) !important;
			}

			.kb-sensory-desc {
				font-size: 0.85rem !important;
			}

			/* Timeline */
			.kb-timeline-container {
				padding: 40px 0% 50px;
			}

			.kb-timeline-header h2 {
				font-size: clamp(1.5rem, 7vw, 2.2rem);
			}

			.kb-timeline-header p {
				font-size: 0.85rem;
				padding: 0 2%;
			}

			.kb-time-point {
				width: 52px !important;
				min-width: 52px !important;
				height: 52px !important;
				font-size: 0.6rem !important;
			}

			.timeline-content h3 {
				font-size: 1.4rem;
			}

			.timeline-content p {
				font-size: 0.85rem;
			}

			/* Gallery */
			.gallery-item {
				height: 220px !important;
			}

			/* Header */
			#mainLogo {
				width: 95px !important;
			}
		}

		/* ============================================================ */
		/* LANDSCAPE MOBILE FIX (small height)                           */
		/* ============================================================ */
		@media screen and (max-width: 900px) and (orientation: landscape) and (max-height: 500px) {
			.kb-sensory-section {
				min-height: unset;
				flex-direction: row !important;
			}

			.kb-sensory-image {
				height: 100% !important;
				min-height: unset !important;
				flex: 1 !important;
				order: 2 !important;
			}

			.kb-sensory-content {
				flex: 1 !important;
				padding: 16px 4% !important;
			}

			.kb-sensory-title {
				font-size: 1.2rem !important;
				margin: 6px 0 !important;
			}

			.kb-sensory-desc {
				font-size: 0.75rem !important;
				line-height: 1.4 !important;
				margin-bottom: 10px !important;
			}
		}