:root {
			--bg: #F6F7F9;
			--warm: #FDF9F4;
			--border: #EAD9C4;
			--primary: #E8871E;
			--primary-dark: #C96A0F;
			--espresso: #2B1810;
			--muted: #40332D;
			--navy: #1B2742;
			--footer: #EFDCBB;
			--radius: 16px;
			--container: 1240px;
			--shadow: 0 16px 36px rgba(43, 24, 16, .12)
		}

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

		html {
			scroll-behavior: smooth
		}

		body {
			margin: 0;
			background: var(--bg);
			color: var(--muted);
			font-family: 'Inter', sans-serif;
			overflow-x: hidden
		}

		h1,
		h2,
		h3 {
			margin: 0;
			color: var(--espresso);
			font-family: 'Poppins', sans-serif;
			line-height: 1.15
		}

		p {
			margin: 0
		}

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

		.container {
			max-width: var(--container);
			margin: auto;
			padding: 0 24px
		}

		.btn {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			padding: 11px 20px;
			border: 1.5px solid var(--primary);
			border-radius: 999px;
			font-size: 13px;
			font-weight: 700;
			white-space: nowrap;
			transition: .22s
		}

		.btn-primary {
			background: var(--primary);
			color: #000
		}

		.btn-primary:hover {
			background: var(--primary-dark);
			transform: translateY(-2px)
		}

		.btn-outline {
			background: transparent;
			color: #000
		}

		.btn-outline:hover {
			background: var(--primary);
			transform: translateY(-2px)
		}

		header {
			position: sticky;
			top: 0;
			z-index: 20;
			background: rgba(255, 255, 255, .94);
			backdrop-filter: blur(10px);
			border-bottom: 1px solid var(--border)
		}

		.nav-wrap {
			height: 84px;
			display: flex;
			align-items: center
		}

		.logo-link {
			display: flex;
			align-items: center;
			height: 100%;
			margin-right: auto
		}

		.logo-link img {
			height: 116px;
			width: auto
		}

		.main-nav {
			display: flex;
			align-items: center
		}

		.main-nav a {
			padding: 10px 13px;
			border-radius: 999px;
			font-size: 14px;
			font-weight: 600
		}

		.main-nav a:hover,
		.main-nav a.active {
			background: #FFF4E8;
			color: var(--primary-dark)
		}

		.header-actions {
			margin-left: 12px
		}

		.hamburger {
			display: none;
			background: none;
			border: 0;
			padding: 8px
		}

		.hamburger span {
			display: block;
			width: 24px;
			height: 2px;
			background: var(--espresso);
			margin: 5px 0
		}

		.activities-hero {
			position: relative;
			isolation: isolate;
			min-height: 470px;
			padding: 126px 0 88px;
			text-align: center;
			color: #fff;
			background: var(--navy);
			overflow: hidden
		}

		.hero-scene {
			position: absolute;
			inset: 0;
			z-index: -2;
			background-position: center;
			background-size: cover;
			opacity: 0;
			transform: translateX(100%);
			transition: opacity .8s, transform .8s
		}

		.hero-scene.active {
			opacity: 1;
			transform: translateX(0)
		}

		.hero-scene.exit {
			opacity: 0;
			transform: translateX(-100%)
		}

		.scene-one {
			background-image: url('./public_html/images/homehero01.webp')
		}

		.scene-two {
			background-image: url('public_html/images/bbq-dinner-desert-safari-dubai.jpg')
		}

		.scene-three {
			background-image: url('public_html/images/Dubai-Marina-Yacht-Charter.jpg')
		}

		.hero-overlay {
			position: absolute;
			inset: 0;
			z-index: -1;
			background: linear-gradient(180deg, rgba(15, 24, 43, .52), rgba(43, 24, 16, .82))
		}

		.eyebrow {
			display: block;
			color: var(--primary);
			font-size: 12px;
			letter-spacing: .18em;
			text-transform: uppercase;
			font-weight: 700;
			margin-bottom: 12px
		}

		.activities-hero h1 {
			max-width: 850px;
			margin: auto;
			color: #fff;
			font-size: clamp(34px, 4.5vw, 58px)
		}

		.activities-hero h1 span {
			color: var(--primary)
		}

		.activities-hero p {
			max-width: 720px;
			margin: 16px auto 0;
			color: rgba(255, 255, 255, .88);
			font-size: 16px;
			line-height: 1.7
		}

		.activity-controls {
			padding: 42px 0 24px;
			background: var(--warm)
		}

		.activity-controls h2 {
			text-align: center;
			font-size: clamp(26px, 3.2vw, 38px)
		}

		.activity-controls h2 span {
			color: var(--primary-dark)
		}

		.activity-controls p {
			max-width: 650px;
			margin: 12px auto 24px;
			text-align: center;
			color: var(--muted);
			font-size: 15px;
			line-height: 1.6
		}

		.search-wrap {
			max-width: 760px;
			margin: auto
		}

		.search-wrap input {
			width: 100%;
			height: 48px;
			border: 1px solid #D8DDE4;
			border-radius: 999px;
			padding: 0 22px;
			background: #fff;
			color: var(--espresso);
			font: 14px 'Inter', sans-serif;
			outline: none
		}

		.search-wrap input:focus {
			border-color: var(--primary);
			box-shadow: 0 0 0 3px rgba(232, 135, 30, .14)
		}

		.category-row {
			display: grid;
			grid-template-columns: repeat(8, minmax(0, 1fr));
			gap: 9px;
			margin: 16px auto 0;
			max-width: 1080px
		}

		.category {
			min-height: 42px;
			border: 1px solid var(--primary);
			border-radius: 11px;
			background: var(--navy);
			color: var(--primary);
			font: 600 10px 'Poppins', sans-serif;
			cursor: pointer
		}

		.category.active,
		.category:hover {
			background: var(--primary);
			color: #000
		}

		.activity-section {
			padding: 30px 0 88px;
			background: var(--warm)
		}

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

		.activity-card {
			background: #fff;
			border: 1px solid #DDE2E8;
			border-radius: var(--radius);
			overflow: hidden;
			display: flex;
			flex-direction: column;
			transition: transform .25s, box-shadow .25s
		}

		.activity-card:hover {
			transform: translateY(-7px);
			box-shadow: var(--shadow)
		}

		.activity-image {
			height: 190px;
			background-position: center;
			background-size: cover;
			transition: transform .35s
		}

		.activity-card:hover .activity-image {
			transform: scale(1.03)
		}

		.modern-dubai {
			background-image: url('./public_html/images/Dubai%20Modern%20City%20Tour.jfif')
		}

		.old-dubai-heritage {
			background-image: url('./public_html/images/Old%20Dubai%20Heritage%20Walk.webp')
		}

		.desert-adventure {
			background-image: url('./public_html/images/bbq-dinner-desert-safari-dubai.jpg')
		}

		.marina-yacht {
			background-image: url('./public_html/images/Dubai-Marina-Yacht-Charter.jpg')
		}

		.helicopter-flight {
			background-image: url('./public_html/images/Dubai-by-Helicopter.jpg')
		}

		.abu-dhabi-day {
			background-image: url('./public_html/images/Abu%20Dhabi%20Day%20Experience.webp')
		}

		.dubai-wakesurfing {
			background-image: url('./public_html/images/Dubai%20Wakesurfing.jfif')
		}

		.marina-wakeboarding {
			background-image: url('./public_html/images/Marina%20Wakeboarding.jfif')
		}

		.jet-ski-coastal-ride {
			background-image: url('./public_html/images/Jet%20Ski%20Coastal%20Ride.jfif');
			background-size: 100% 100%
		}

		.buggy-quad-desert-ride {
			background-image: url('./public_html/images/Buggy%20%26%20Quad%20Desert%20Ride.jfif');
			background-size: 100% 100%
		}

		.abu-dhabi-desert-escape {
			background-image: url('./public_html/images/Abu%20Dhabi%20Desert%20Escape.jpg')
		}

		.red-sands-camp-experience {
			background-image: url('./public_html/images/Red%20Sands%20Camp%20Experience.jfif')
		}

		.museums-heritage-sights {
			background-image: url('./public_html/images/Museums%20%26%20Heritage%20Sights.jfif')
		}

		.abu-dhabi-museums-palaces {
			background-image: url('./public_html/images/Abu%20Dhabi%20Museums%20%26%20Palaces.jfif')
		}

		.abu-dhabi-theme-parks {
			background-image: url('./public_html/images/Abu%20Dhabi%20Theme%20Parks.jfif')
		}

		.family-day-out {
			background-image: url('./public_html/images/Family%20Day%20Out.jfif')
		}

		.deep-sea-fishing {
			background-image: url('./public_html/images/Deep%20Sea%20Fishing.jpg');
			background-size: 100% 100%
		}

		.palm-jumeirah-highlights {
			background-image: url('./public_html/images/Palm%20Jumeirah%20Highlights.jfif');
			background-size: 100% 100%
		}

		.dubai-live-attractions {
			background-image: url('./public_html/images/Dubai%20Live%20Attractions.jfif')
		}

		.activity-body {
			padding: 20px;
			display: flex;
			flex-direction: column;
			gap: 10px;
			flex: 1
		}

		.activity-body h3 {
			font-size: 19px
		}

		.activity-body h3 span {
			color: var(--primary-dark)
		}

		.activity-card:nth-child(-n+6) .activity-body h3,
		.activity-card:nth-child(-n+6) .activity-body h3 span {
			color: #000
		}

		.activity-meta {
			font-size: 12px;
			color: var(--primary-dark);
			font-weight: 700
		}

		.activity-body p {
			font-size: 13.5px;
			line-height: 1.6;
			color: var(--muted)
		}

		.activity-points {
			display: flex;
			flex-direction: column;
			gap: 5px
		}

		.activity-points li {
			font-size: 12px;
			color: var(--muted)
		}

		.activity-points li::before {
			content: '✓';
			color: var(--primary-dark);
			font-weight: 700;
			margin-right: 7px
		}

		.activity-body .btn {
			align-self: flex-start;
			margin-top: auto
		}

		.hidden {
			display: none !important
		}

		.cta-band {
			padding: 62px 0;
			background: var(--navy);
			color: #fff
		}

		.cta-inner {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 28px
		}

		.cta-inner h2 {
			color: #fff;
			font-size: clamp(26px, 3.2vw, 40px);
			max-width: 650px
		}

		.cta-inner h2 span {
			color: var(--primary)
		}

		.cta-inner p {
			max-width: 520px;
			color: rgba(255, 255, 255, .78);
			font-size: 14px;
			line-height: 1.7
		}

		.cta-inner .btn {
			flex-shrink: 0
		}

		footer {
			background: var(--footer);
			color: #000;
			padding: 24px 0 0
		}

		.footer-top {
			display: grid;
			grid-template-columns: 1.6fr 1fr 1fr 1.2fr;
			gap: 40px;
			padding-bottom: 40px
		}

		.footer-brand img {
			height: 192px;
			width: auto;
			transform: translate(-10px, -12px);
			margin-bottom: -58px
		}

		.footer-brand p {
			max-width: 320px;
			margin: 0 0 12px;
			font-size: 14px;
			line-height: 1.7
		}

		.social-row {
			display: flex;
			gap: 10px
		}

		.social-row a {
			width: 36px;
			height: 36px;
			border-radius: 50%;
			background: rgba(43, 24, 16, .08);
			display: flex;
			align-items: center;
			justify-content: center
		}

		.social-row svg {
			width: 16px;
			height: 16px
		}

		.footer-title {
			font: 700 13px 'Inter', sans-serif;
			text-transform: uppercase;
			letter-spacing: .08em;
			color: var(--espresso);
			margin: 8px 0 18px
		}

		.footer-links {
			display: flex;
			flex-direction: column;
			gap: 11px;
			font-size: 14px
		}

		.footer-links a {
			color: #000
		}

		.footer-contact {
			display: flex;
			flex-direction: column;
			gap: 12px;
			font-size: 14px
		}

		.footer-contact li {
			display: flex;
			gap: 9px;
			align-items: flex-start
		}

		.footer-bottom {
			border-top: 1px solid rgba(43, 24, 16, .12);
			padding: 18px 0;
			display: flex;
			justify-content: space-between;
			gap: 12px;
			flex-wrap: wrap;
			font-size: 13px
		}

		.legal-links {
			display: flex;
			gap: 18px
		}

		.wa-fab {
			position: fixed;
			right: 24px;
			bottom: 24px;
			z-index: 30;
			width: 64px;
			height: 64px;
			border-radius: 50%;
			background: #25D366;
			display: flex;
			align-items: center;
			justify-content: center;
			box-shadow: 0 8px 24px rgba(37, 211, 102, .4);
			animation: waAttention 3.2s ease-in-out infinite
		}

		.wa-fab svg {
			width: 34px;
			height: 34px;
			color: #fff
		}

		@keyframes waAttention {

			0%,
			72%,
			100% {
				transform: translateY(0) scale(1)
			}

			78% {
				transform: translateY(-4px) scale(1.04)
			}

			84% {
				transform: translateY(0) scale(1)
			}
		}

		@media(max-width:1024px) {
			.activity-grid {
				grid-template-columns: repeat(2, minmax(0, 1fr))
			}

			.category-row {
				grid-template-columns: repeat(4, minmax(0, 1fr))
			}

			.footer-top {
				grid-template-columns: 1fr 1fr
			}

			.main-nav a {
				padding-inline: 8px
			}
		}

		@media(max-width:700px) {
			.main-nav {
				display: none
			}

			.header-actions .btn {
				display: none
			}

			.hamburger {
				display: block
			}

			.activities-hero {
				min-height: 430px;
				padding: 100px 0 70px
			}

			.activities-hero h1 {
				font-size: 34px
			}

			.activities-hero p {
				font-size: 14px
			}

			.activity-controls {
				padding: 38px 0 20px
			}

			.activity-controls p {
				font-size: 14px
			}

			.category-row {
				grid-template-columns: repeat(2, minmax(0, 1fr));
				gap: 8px
			}

			.category {
				min-height: 40px;
				font-size: 10px
			}

			.activity-grid {
				grid-template-columns: 1fr;
				gap: 16px
			}

			.activity-image {
				height: 180px
			}

			.cta-inner {
				flex-direction: column;
				align-items: flex-start
			}

			.cta-inner .btn {
				width: 100%
			}

			.footer-top {
				grid-template-columns: 1fr;
				gap: 22px
			}

			.footer-brand img {
				height: 145px;
				transform: translateX(-10px);
				margin-bottom: -40px
			}

			.footer-bottom {
				flex-direction: column
			}

			.container {
				padding-inline: 18px
			}
		}

		.activity-faq,
		.activity-booking {
			padding: 70px 0
		}

		.activity-faq {
			background: #F6F7F9
		}

		.activity-faq-head {
			max-width: 760px;
			margin: 0 auto 30px
		}

		.activity-faq-head .eyebrow {
			color: var(--primary-dark)
		}

		.activity-faq-head h2 {
			font-size: clamp(28px, 3.4vw, 40px)
		}

		.activity-faq-head h2 span {
			color: var(--primary-dark)
		}

		.activity-faq-head p {
			margin-top: 12px;
			font-size: 15px;
			line-height: 1.6
		}

		.activity-faq-list {
			max-width: 760px;
			margin: auto;
			display: flex;
			flex-direction: column;
			gap: 8px
		}

		.activity-faq-item {
			background: var(--navy);
			border-radius: 12px;
			overflow: hidden
		}

		.activity-faq-question {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 16px;
			padding: 15px 18px;
			border: 0;
			background: none;
			color: #fff;
			font: 600 13px 'Poppins', sans-serif;
			text-align: left;
			cursor: pointer
		}

		.activity-faq-question span {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 30px;
			height: 30px;
			border: 1px solid rgba(232, 135, 30, .65);
			border-radius: 8px;
			color: var(--primary);
			font-size: 19px
		}

		.activity-faq-answer {
			max-height: 0;
			overflow: hidden;
			padding: 0 18px;
			color: rgba(255, 255, 255, .8);
			font-size: 14px;
			line-height: 1.7;
			transition: max-height .3s ease, padding .3s ease
		}

		.activity-faq-item.open .activity-faq-answer {
			max-height: 180px;
			padding: 0 54px 15px 18px
		}

		.activity-faq-item.open .activity-faq-question span {
			transform: rotate(45deg)
		}

		.activity-booking {
			background: #191A29
		}

		.activity-booking-panel {
			max-width: 920px;
			margin: auto;
			padding: 34px;
			background: #1B2742;
			border: 1px solid rgba(232, 135, 30, .55);
			border-radius: var(--radius);
			box-shadow: 0 16px 36px rgba(10, 18, 35, .18)
		}

		.activity-booking-head {
			text-align: center;
			max-width: 680px;
			margin: 0 auto 26px
		}

		.activity-booking-head .eyebrow {
			color: var(--primary)
		}

		.activity-booking-head h2 {
			font-size: clamp(28px, 3.4vw, 40px);
			color: #fff
		}

		.activity-booking-head h2 span {
			color: var(--primary)
		}

		.activity-booking-head p {
			margin-top: 10px;
			color: rgba(255, 255, 255, .8);
			font-size: 15px;
			line-height: 1.6
		}

		.activity-booking-form {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 16px
		}

		.activity-booking-field {
			display: flex;
			flex-direction: column;
			gap: 7px
		}

		.activity-booking-field.full,
		.activity-booking-actions,
		.activity-booking-note {
			grid-column: 1/-1
		}

		.activity-booking-field label {
			font-size: 12px;
			font-weight: 700;
			color: #fff
		}

		.activity-booking-field input,
		.activity-booking-field textarea {
			width: 100%;
			border: 1px solid rgba(255, 255, 255, .28);
			border-radius: 10px;
			background: #fff;
			color: var(--espresso);
			font: 14px 'Inter', sans-serif;
			padding: 12px 13px
		}

		.activity-booking-field input {
			height: 46px
		}

		.activity-booking-field textarea {
			min-height: 100px;
			resize: vertical
		}

		.activity-booking-checks {
			display: grid;
			grid-template-columns: repeat(4, minmax(0, 1fr));
			gap: 10px
		}

		.activity-booking-check {
			display: flex;
			align-items: center;
			gap: 9px;
			padding: 11px 12px;
			border: 1px solid rgba(255, 255, 255, .28);
			border-radius: 10px;
			background: rgba(255, 255, 255, .08);
			color: #fff;
			font-size: 13px
		}

		.activity-booking-check input {
			width: 16px;
			height: 16px;
			accent-color: var(--primary)
		}

		.activity-booking-actions {
			display: flex;
			justify-content: center;
			margin-top: 4px
		}

		.activity-booking-actions .btn {
			min-width: 190px
		}

		.activity-booking-note {
			text-align: center;
			color: rgba(255, 255, 255, .7);
			font-size: 11px;
			line-height: 1.5
		}

		.activity-form-popup {
			position: fixed;
			inset: 0;
			z-index: 100;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 20px;
			background: rgba(10, 18, 35, .62);
			opacity: 0;
			visibility: hidden;
			transition: opacity .25s ease, visibility .25s ease
		}

		.activity-form-popup.show {
			opacity: 1;
			visibility: visible
		}

		.activity-form-popup-card {
			width: min(100%, 420px);
			padding: 30px 24px;
			text-align: center;
			background: #fff;
			border: 2px solid var(--primary);
			border-radius: 16px
		}

		.activity-form-popup-card h3 {
			margin-bottom: 10px;
			font-size: 24px
		}

		.activity-form-popup-card p {
			margin-bottom: 20px;
			color: var(--muted);
			font-size: 14px;
			line-height: 1.6
		}

		@media(max-width:700px) {

			.activity-faq,
			.activity-booking {
				padding: 54px 0
			}

			.activity-faq-head {
				text-align: center;
				margin-bottom: 24px
			}

			.activity-faq-question {
				padding: 12px;
				font-size: 12px
			}

			.activity-faq-answer {
				font-size: 13px
			}

			.activity-booking-panel {
				padding: 24px 16px
			}

			.activity-booking-form {
				grid-template-columns: 1fr;
				gap: 14px
			}

			.activity-booking-field.full,
			.activity-booking-actions,
			.activity-booking-note {
				grid-column: auto
			}

			.activity-booking-checks {
				grid-template-columns: 1fr
			}

			.activity-booking-actions .btn {
				width: 100%
			}
		}

		.activity-after-form {
			padding: 64px 0;
			background: #fff;
			text-align: center
		}

		.activity-after-form h2 {
			font-size: clamp(26px, 3.2vw, 38px);
			color: var(--espresso)
		}

		.activity-after-form h2 span {
			color: var(--primary-dark)
		}

		.activity-after-form p {
			max-width: 650px;
			margin: 12px auto 22px;
			color: var(--muted);
			font-size: 15px;
			line-height: 1.7
		}

		.activity-after-form .btn {
			background: var(--navy);
			border-color: var(--navy);
			color: #fff
		}

		.activity-after-form .btn:hover {
			background: var(--primary);
			border-color: var(--primary);
			color: #000
		}

		@media(max-width:700px) {
			.activity-booking {
				padding: 12px 0
			}

			.activity-booking-panel {
				padding: 14px 12px
			}

			.activity-booking-head {
				margin-bottom: 10px
			}

			.activity-booking-head h2 {
				font-size: 24px
			}

			.activity-booking-head p {
				margin-top: 4px;
				font-size: 12px;
				line-height: 1.35
			}

			.activity-booking-form {
				grid-template-columns: repeat(2, minmax(0, 1fr));
				gap: 6px
			}

			.activity-booking-field {
				gap: 2px
			}

			.activity-booking-field.full,
			.activity-booking-actions,
			.activity-booking-note {
				grid-column: 1/-1
			}

			.activity-booking-field label {
				font-size: 10px;
				line-height: 1.15
			}

			.activity-booking-field input {
				height: 32px;
				padding: 5px 9px;
				font-size: 12px
			}

			.activity-booking-field textarea {
				min-height: 48px;
				padding: 6px 9px;
				font-size: 12px
			}

			.activity-booking-checks {
				grid-template-columns: repeat(2, minmax(0, 1fr));
				gap: 4px
			}

			.activity-booking-check {
				padding: 5px 6px;
				gap: 5px;
				font-size: 10px;
				line-height: 1.1
			}

			.activity-booking-check input {
				width: 11px;
				height: 11px
			}

			.activity-booking-actions .btn {
				width: 100%;
				min-height: 34px;
				padding: 8px 12px;
				font-size: 12px
			}

			.activity-booking-note {
				font-size: 9px;
				line-height: 1.2
			}
		}

		.activity-reveal {
			opacity: 0;
			transform: translateY(30px);
			transition: opacity .7s ease, transform .7s ease
		}

		.activity-reveal.is-visible {
			opacity: 1;
			transform: translateY(0)
		}

		.activity-grid .activity-reveal:nth-child(2) {
			transition-delay: .08s
		}

		.activity-grid .activity-reveal:nth-child(3) {
			transition-delay: .16s
		}

		.activity-grid .activity-reveal:nth-child(4) {
			transition-delay: .24s
		}

		.activity-grid .activity-reveal:nth-child(5) {
			transition-delay: .32s
		}

		.activity-grid .activity-reveal:nth-child(6) {
			transition-delay: .40s
		}

		.activity-grid .activity-reveal:nth-child(7) {
			transition-delay: .48s
		}

		.activity-grid .activity-reveal:nth-child(8) {
			transition-delay: .56s
		}

		.activity-grid .activity-reveal:nth-child(9) {
			transition-delay: .64s
		}

		.activity-grid .activity-reveal:nth-child(10) {
			transition-delay: .72s
		}

		.activity-grid .activity-reveal:nth-child(11) {
			transition-delay: .80s
		}

		.activity-grid .activity-reveal:nth-child(12) {
			transition-delay: .88s
		}

		.activity-grid .activity-reveal:nth-child(13) {
			transition-delay: .96s
		}

		.activity-grid .activity-reveal:nth-child(14) {
			transition-delay: 1.04s
		}

		.activity-grid .activity-reveal:nth-child(15) {
			transition-delay: 1.12s
		}

		.activity-grid .activity-reveal:nth-child(16) {
			transition-delay: 1.20s
		}

		.activity-grid .activity-reveal:nth-child(17) {
			transition-delay: 1.28s
		}

		.activity-grid .activity-reveal:nth-child(18) {
			transition-delay: 1.36s
		}

		.activity-grid .activity-reveal:nth-child(19) {
			transition-delay: 1.44s
		}

		@media(prefers-reduced-motion:reduce) {
			.activity-reveal {
				opacity: 1;
				transform: none;
				transition: none
			}
		}

		.scene-one {
			background-image: url('public_html/images/homehero01.webp')
		}

		.scene-two {
			background-image: url('public_html/images/homehero02.webp')
		}

		.scene-three {
			background-image: url('public_html/images/homehero03.webp')
		}

		.scene-four {
			background-image: url('public_html/images/homehero04.webp')
		}

		.scene-five {
			background-image: url('public_html/images/homehero05.webp')
		}

		.scene-six {
			background-image: url('public_html/images/homehero06.webp')
		}

		@media(max-width:1024px) and (min-width:701px) {
			.main-nav a {
				padding-inline: 6px;
				font-size: 12px;
				white-space: nowrap
			}

			.logo-link img {
				height: 100px
			}
		}