/* =========================================================
   SHIVA TOURS & TRAVELS
   ASSAM DESTINATION PAGE
   PREMIUM • COMPACT • CINEMATIC
   HERO = EXACTLY 640PX
========================================================= */


/* =========================================================
   ROOT
========================================================= */

.shiva-assam-page {

	--assam-dark: #111713;
	--assam-deep: #0b211b;
	--assam-green: #0d3028;

	--assam-cream: #f5f1e8;
	--assam-paper: #ebe5d9;

	--assam-white: #ffffff;
	--assam-muted: #70766e;

	--assam-gold: #d0ad72;
	--assam-accent: #b08a4a;

	--assam-line: rgba(17,23,19,.13);

	margin: 0;
	padding: 0;

	width: 100%;

	overflow: hidden;

	background: var(--assam-cream);
	color: var(--assam-dark);
}


/* =========================================================
   GLOBAL RESET
========================================================= */

.shiva-assam-page *,
.shiva-assam-page *::before,
.shiva-assam-page *::after {
	box-sizing: border-box;
}

.shiva-assam-page img {
	display: block;
	width: 100%;
	height: auto;
}

.shiva-assam-page a {
	color: inherit;
	text-decoration: none;
}

.shiva-assam-page h1,
.shiva-assam-page h2,
.shiva-assam-page h3,
.shiva-assam-page p {
	margin-top: 0;
}

.assam-container {
	width: min(1180px, calc(100% - 70px));
	margin: 0 auto;
}


/* =========================================================
   LABEL
========================================================= */

.assam-label {

	display: flex;
	align-items: center;

	gap: 12px;

	font-family:
		Arial,
		Helvetica,
		sans-serif;

	font-size: 10px;
	font-weight: 700;

	line-height: 1.4;

	letter-spacing: .22em;

	text-transform: uppercase;
}

.assam-label::before {

	content: "";

	display: block;

	width: 32px;
	height: 1px;

	flex-shrink: 0;

	background: currentColor;
}


/* =========================================================
   HERO
   EXACTLY 640PX
========================================================= */

.assam-hero {

	position: relative;

	width: 100%;

	height: 640px;
	min-height: 640px;
	max-height: 640px;

	overflow: hidden;

	background: #101510;

	color: #fff;

	isolation: isolate;
}


/* =========================================================
   HERO IMAGE
========================================================= */

.assam-hero-media {

	position: absolute;

	inset: 0;

	z-index: -3;

	overflow: hidden;
}

.assam-hero-media img {

	width: 100%;
	height: 100%;

	object-fit: cover;

	object-position: center center;

	transform: scale(1.06);

	animation:
		assamHeroZoom
		14s
		cubic-bezier(.2,.65,.2,1)
		forwards;
}

@keyframes assamHeroZoom {

	from {
		transform: scale(1.09);
	}

	to {
		transform: scale(1.035);
	}

}


/* =========================================================
   HERO IMAGE OVERLAY
========================================================= */

.assam-hero-media::after {

	content: "";

	position: absolute;

	inset: 0;

	background:
		linear-gradient(
			90deg,
			rgba(5,10,7,.76) 0%,
			rgba(5,10,7,.48) 40%,
			rgba(5,10,7,.12) 78%,
			rgba(5,10,7,.04) 100%
		),
		linear-gradient(
			180deg,
			rgba(0,0,0,.08),
			rgba(0,0,0,.38)
		);
}


/* =========================================================
   HERO OVERLAY
========================================================= */

.assam-hero-overlay {

	position: absolute;

	inset: 0;

	z-index: -2;

	pointer-events: none;

	background:
		linear-gradient(
			180deg,
			transparent 55%,
			rgba(0,0,0,.30) 100%
		);
}


/* =========================================================
   HERO CONTENT
========================================================= */

.assam-hero-content {

	position: absolute;

	z-index: 3;

	top: 50%;

	left:
		max(
			35px,
			calc((100% - 1180px) / 2)
		);

	width:
		min(
			700px,
			calc(100% - 70px)
		);

	transform:
		translateY(-42%);

	animation:
		assamHeroContent
		1s
		cubic-bezier(.2,.65,.2,1)
		both;
}

@keyframes assamHeroContent {

	from {
		opacity: 0;
		transform: translateY(-35%);
	}

	to {
		opacity: 1;
		transform: translateY(-42%);
	}

}


/* =========================================================
   HERO EYEBROW
========================================================= */

.assam-eyebrow {

	display: flex;

	align-items: center;

	gap: 13px;

	margin-bottom: 22px;

	font-family:
		Arial,
		Helvetica,
		sans-serif;

	font-size: 10px;

	font-weight: 700;

	letter-spacing: .23em;

	text-transform: uppercase;
}

.assam-eyebrow span {

	display: block;

	width: 38px;
	height: 1px;

	background: var(--assam-gold);
}


/* =========================================================
   HERO TITLE
========================================================= */

.assam-hero h1 {

	max-width: 720px;

	margin: 0;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size:
		clamp(
			54px,
			6.4vw,
			88px
		);

	font-weight: 400;

	line-height: .91;

	letter-spacing: -.055em;

	color: #fff !important;
}

.assam-hero h1 em {

	color: var(--assam-gold) !important;

	font-weight: 400;
}


/* =========================================================
   HERO DESCRIPTION
========================================================= */

.assam-hero-text {

	max-width: 510px;

	margin:
		25px
		0
		28px;

	font-family:
		Arial,
		Helvetica,
		sans-serif;

	font-size: 14px;

	line-height: 1.75;

	color: rgba(255,255,255,.82) !important;
}


/* =========================================================
   BUTTON SYSTEM
========================================================= */

.assam-hero-button,
.assam-journey-button,
.assam-final-primary,
.assam-dark-button,
.assam-outline-button {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	gap: 20px;

	min-height: 50px;

	padding: 0 21px;

	border:
		1px solid
		rgba(255,255,255,.46);

	background: transparent;

	color: #fff !important;

	font-family:
		Arial,
		Helvetica,
		sans-serif;

	font-size: 9px;

	font-weight: 700;

	letter-spacing: .17em;

	text-transform: uppercase;

	transition:
		background .35s ease,
		border-color .35s ease,
		color .35s ease,
		transform .35s ease,
		box-shadow .35s ease;
}

.assam-hero-button span,
.assam-journey-button span,
.assam-final-primary span,
.assam-dark-button span,
.assam-outline-button span {

	font-size: 16px;

	line-height: 1;

	transition:
		transform .35s ease;
}

.assam-hero-button:hover,
.assam-journey-button:hover,
.assam-final-primary:hover,
.assam-dark-button:hover {

	background: #fff;

	border-color: #fff;

	color: #111 !important;

	transform: translateY(-3px);

	box-shadow:
		0 12px 30px rgba(0,0,0,.18);
}

.assam-hero-button:hover span,
.assam-journey-button:hover span,
.assam-final-primary:hover span,
.assam-dark-button:hover span {

	transform: translateX(5px);
}


/* =========================================================
   HERO BOTTOM
========================================================= */

.assam-hero-bottom {

	position: absolute;

	z-index: 4;

	right:
		max(
			25px,
			calc((100% - 1180px) / 2)
		);

	bottom: 20px;

	left:
		max(
			25px,
			calc((100% - 1180px) / 2)
		);

	display: flex;

	align-items: flex-end;

	justify-content: space-between;
}

.assam-hero-location {

	display: flex;

	align-items: center;

	gap: 12px;

	font-family:
		Arial,
		Helvetica,
		sans-serif;

	font-size: 9px;

	font-weight: 700;

	letter-spacing: .18em;

	text-transform: uppercase;
}

.assam-hero-location span {
	color: var(--assam-gold);
}

.assam-hero-scroll {

	display: flex;

	flex-direction: column;

	align-items: center;

	gap: 9px;

	font-size: 8px;

	letter-spacing: .18em;

	color: rgba(255,255,255,.72);
}

.assam-hero-scroll i {

	position: relative;

	display: block;

	width: 1px;

	height: 42px;

	overflow: hidden;

	background: rgba(255,255,255,.30);
}

.assam-hero-scroll i::after {

	content: "";

	position: absolute;

	top: -100%;

	left: 0;

	width: 1px;

	height: 55%;

	background: #fff;

	animation:
		assamScrollLine
		2s
		ease-in-out
		infinite;
}

@keyframes assamScrollLine {

	0% {
		top: -60%;
	}

	100% {
		top: 120%;
	}

}


/* =========================================================
   INTRO
========================================================= */

.assam-intro {

	padding: 95px 0 100px;

	background: var(--assam-cream);
}

.assam-intro-grid {

	display: grid;

	grid-template-columns:
		55px
		minmax(260px,1.05fr)
		minmax(260px,.9fr);

	gap: 42px;

	align-items: start;
}

.assam-section-number {

	padding-top: 4px;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size: 17px;

	color: var(--assam-accent);
}

.assam-intro-title .assam-label {

	margin-bottom: 22px;

	color: #70756d;
}

.assam-intro h2,
.assam-majuli-heading h2 {

	margin: 0;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size:
		clamp(
			40px,
			4.3vw,
			60px
		);

	font-weight: 400;

	line-height: .98;

	letter-spacing: -.045em;
}

.assam-intro h2 span,
.assam-majuli-heading h2 em {

	color: var(--assam-accent) !important;

	font-weight: 400;
}

.assam-intro-copy {

	padding-top: 32px;
}

.assam-intro-copy p {

	max-width: 470px;

	margin: 0 0 16px;

	font-size: 14px;

	line-height: 1.8;

	color: #60655e;
}

.assam-intro-copy .assam-lead {

	margin-bottom: 21px;

	font-size: 15px;

	line-height: 1.7;

	color: #282d28;
}


/* =========================================================
   FULL FEATURE
========================================================= */

.assam-feature {

	position: relative;

	min-height: 590px;

	overflow: hidden;

	background: #141914;

	color: #fff;
}

.assam-feature-image {

	position: absolute;

	inset: 0;

	overflow: hidden;
}

.assam-feature-image img {

	width: 100%;
	height: 100%;

	object-fit: cover;

	transition:
		transform
		1.2s
		cubic-bezier(.2,.65,.2,1);
}

.assam-feature:hover
.assam-feature-image img {

	transform: scale(1.035);
}

.assam-feature-overlay {

	position: absolute;

	inset: 0;

	background:
		linear-gradient(
			90deg,
			rgba(6,10,7,.84),
			rgba(6,10,7,.42) 56%,
			rgba(6,10,7,.08)
		),
		linear-gradient(
			0deg,
			rgba(0,0,0,.38),
			transparent
		);
}

.assam-feature-content {

	position: relative;

	z-index: 2;

	width:
		min(
			550px,
			calc(100% - 70px)
		);

	padding-top: 135px;

	margin-left:
		max(
			35px,
			calc((100% - 1180px) / 2)
		);
}

.assam-feature-content .assam-label {

	margin-bottom: 23px;

	color: #d7c8ad;
}

.assam-feature h2 {

	margin: 0 0 23px;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size:
		clamp(
			50px,
			5.8vw,
			76px
		);

	font-weight: 400;

	line-height: .92;

	letter-spacing: -.055em;

	color: #fff !important;
}

.assam-feature h2 span {

	color: var(--assam-gold) !important;
}

.assam-feature p {

	max-width: 470px;

	margin: 0 0 28px;

	font-size: 14px;

	line-height: 1.8;

	color: rgba(255,255,255,.76) !important;
}


/* =========================================================
   SPLIT SECTIONS
========================================================= */

.assam-split-section {

	display: grid;

	grid-template-columns: 1fr 1fr;

	min-height: 570px;

	background: var(--assam-paper);
}

.assam-split-image {

	position: relative;

	min-height: 570px;

	overflow: hidden;
}

.assam-split-image img {

	width: 100%;
	height: 100%;

	object-fit: cover;

	transition:
		transform
		1.15s
		cubic-bezier(.2,.65,.2,1);
}

.assam-split-section:hover
.assam-split-image img {

	transform: scale(1.035);
}

.assam-split-content {

	display: flex;

	flex-direction: column;

	justify-content: center;

	padding:
		70px
		clamp(45px,6vw,85px);
}

.assam-split-content .assam-label {

	margin-bottom: 22px;

	color: #73776f;
}

.assam-split-content h2 {

	max-width: 530px;

	margin: 0 0 22px;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size:
		clamp(
			44px,
			4.6vw,
			66px
		);

	font-weight: 400;

	line-height: .95;

	letter-spacing: -.05em;

	color: var(--assam-dark) !important;
}

.assam-split-content h2 em,
.assam-split-content h2 span {

	color: var(--assam-accent) !important;

	font-weight: 400;
}

.assam-split-content p {

	max-width: 460px;

	margin: 0;

	font-size: 14px;

	line-height: 1.85;

	color: #656a62 !important;
}

.assam-small-number {

	margin-top: 28px;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size: 16px;

	color: var(--assam-accent);
}


/* =========================================================
   KAMAKHYA
========================================================= */

.assam-kamakhya-section {

	background: #171c17;

	color: #fff;
}

.assam-kamakhya-section
.assam-split-content
.assam-label {

	color: #b9b8ae;
}

.assam-kamakhya-section
.assam-split-content
h2 {

	color: #fff !important;
}

.assam-kamakhya-section
.assam-split-content
p {

	color: rgba(255,255,255,.68) !important;
}

.assam-kamakhya-section
.assam-split-content
h2 span,
.assam-kamakhya-section
.assam-split-content
h2 em {

	color: var(--assam-gold) !important;
}


/* =========================================================
   BRAHMAPUTRA
========================================================= */

.assam-river-section {

	position: relative;

	min-height: 590px;

	overflow: hidden;

	background: #111;

	color: #fff;
}

.assam-river-image {

	position: absolute;

	inset: 0;

	overflow: hidden;
}

.assam-river-image img {

	width: 100%;
	height: 100%;

	object-fit: cover;

	transition:
		transform
		1.3s
		cubic-bezier(.2,.65,.2,1);
}

.assam-river-section:hover
.assam-river-image img {

	transform: scale(1.035);
}

.assam-river-overlay {

	position: absolute;

	inset: 0;

	background:
		linear-gradient(
			90deg,
			rgba(4,8,6,.80),
			rgba(4,8,6,.30) 62%,
			rgba(4,8,6,.08)
		),
		linear-gradient(
			0deg,
			rgba(0,0,0,.35),
			transparent
		);
}

.assam-river-content {

	position: relative;

	z-index: 2;

	width:
		min(
			540px,
			calc(100% - 70px)
		);

	padding-top: 125px;

	margin-left:
		max(
			35px,
			calc((100% - 1180px) / 2)
		);
}

.assam-river-content .assam-label {

	margin-bottom: 23px;

	color: #d5c9b1;
}

.assam-river-content h2 {

	margin: 0 0 22px;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size:
		clamp(
			54px,
			6.2vw,
			82px
		);

	font-weight: 400;

	line-height: .88;

	letter-spacing: -.06em;

	color: #fff !important;
}

.assam-river-content h2 span {

	color: var(--assam-gold) !important;
}

.assam-river-content p {

	max-width: 470px;

	margin: 0;

	font-size: 14px;

	line-height: 1.8;

	color: rgba(255,255,255,.76) !important;
}


/* =========================================================
   MAJULI
========================================================= */

.assam-majuli-section {

	padding: 105px 0 115px;

	background: var(--assam-cream);
}

.assam-majuli-grid {

	display: grid;

	grid-template-columns:
		55px
		1fr
		1fr;

	gap: 42px;

	align-items: start;

	margin-bottom: 48px;
}

.assam-majuli-number {

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size: 17px;

	color: var(--assam-accent);
}

.assam-majuli-heading .assam-label {

	margin-bottom: 22px;

	color: #73776f;
}

.assam-majuli-copy {

	padding-top: 38px;
}

.assam-majuli-copy p {

	max-width: 450px;

	margin: 0;

	font-size: 15px;

	line-height: 1.8;

	color: #5f645d;
}

.assam-majuli-image {

	position: relative;

	height: min(600px,60vw);

	min-height: 400px;

	overflow: hidden;
}

.assam-majuli-image::after {

	content: "";

	position: absolute;

	inset: 0;

	background:
		linear-gradient(
			180deg,
			transparent 55%,
			rgba(0,0,0,.55)
		);
}

.assam-majuli-image img {

	width: 100%;
	height: 100%;

	object-fit: cover;

	transition:
		transform
		1.1s
		cubic-bezier(.2,.65,.2,1);
}

.assam-majuli-image:hover img {

	transform: scale(1.035);
}

.assam-image-caption {

	position: absolute;

	z-index: 2;

	right: 25px;
	bottom: 23px;
	left: 25px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	font-family:
		Arial,
		Helvetica,
		sans-serif;

	font-size: 9px;

	font-weight: 700;

	letter-spacing: .18em;

	color: #fff;
}

.assam-image-caption span {

	color: var(--assam-gold);

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size: 17px;
}


/* =========================================================
   EXPERIENCE
========================================================= */

.assam-experiences {

	padding: 105px 0 115px;

	background: #171c17;

	color: #fff;
}

.assam-experiences-header {

	display: grid;

	grid-template-columns: 1fr 1fr;

	gap: 60px;

	align-items: end;

	margin-bottom: 65px;
}

.assam-experiences-header .assam-label {

	color: #aaa99e;
}

.assam-experiences-header h2 {

	margin: 0;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size:
		clamp(
			45px,
			5vw,
			68px
		);

	font-weight: 400;

	line-height: .92;

	letter-spacing: -.05em;

	color: #fff !important;
}

.assam-experiences-header h2 span {

	color: var(--assam-gold) !important;
}

.assam-experience-list {

	border-top:
		1px solid
		rgba(255,255,255,.14);
}

.assam-experience-item {

	display: grid;

	grid-template-columns:
		55px
		1fr;

	gap: 18px;

	padding: 24px 0;

	border-bottom:
		1px solid
		rgba(255,255,255,.14);

	transition:
		background .3s ease,
		padding-left .3s ease;
}

.assam-experience-item:hover {

	padding-left: 8px;

	background:
		rgba(255,255,255,.025);
}

.assam-experience-item > span {

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size: 15px;

	color: var(--assam-gold);
}

.assam-experience-item h3 {

	margin: 0 0 7px;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size: 24px;

	font-weight: 400;

	color: #fff !important;
}

.assam-experience-item p {

	max-width: 550px;

	margin: 0;

	font-size: 13px;

	line-height: 1.75;

	color: rgba(255,255,255,.62) !important;
}


/* =========================================================
   ASSAM JOURNEY
========================================================= */

.assam-journey-section {

	position: relative;

	min-height: 590px;

	overflow: hidden;

	background: #111;

	color: #fff;
}

.assam-journey-image {

	position: absolute;

	inset: 0;
}

.assam-journey-image img {

	width: 100%;
	height: 100%;

	object-fit: cover;

	transition:
		transform
		1.3s
		cubic-bezier(.2,.65,.2,1);
}

.assam-journey-section:hover
.assam-journey-image img {

	transform: scale(1.035);
}

.assam-journey-overlay {

	position: absolute;

	inset: 0;

	background:
		linear-gradient(
			90deg,
			rgba(5,10,7,.84),
			rgba(5,10,7,.38) 60%,
			rgba(5,10,7,.08)
		),
		linear-gradient(
			0deg,
			rgba(0,0,0,.35),
			transparent
		);
}

.assam-journey-content {

	position: relative;

	z-index: 2;

	width:
		min(
			560px,
			calc(100% - 70px)
		);

	padding-top: 125px;

	margin-left:
		max(
			35px,
			calc((100% - 1180px) / 2)
		);
}

.assam-journey-content .assam-label {

	margin-bottom: 22px;

	color: #d5c9b1;
}

.assam-journey-content h2 {

	margin: 0 0 22px;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size:
		clamp(
			55px,
			6.8vw,
			90px
		);

	font-weight: 400;

	line-height: .88;

	letter-spacing: -.06em;

	color: #fff !important;
}

.assam-journey-content h2 span {

	color: var(--assam-gold) !important;
}

.assam-journey-content p {

	max-width: 480px;

	margin: 0 0 28px;

	font-size: 14px;

	line-height: 1.8;

	color: rgba(255,255,255,.74) !important;
}


/* =========================================================
   OTHER DESTINATIONS
   IMPORTANT: CARD TITLES ALWAYS WHITE
========================================================= */

.assam-other-destinations {

	padding: 105px 0 115px;

	background: var(--assam-cream);

	color: var(--assam-dark);
}

.assam-other-header {

	display: grid;

	grid-template-columns: 1fr 1fr;

	gap: 60px;

	align-items: end;

	margin-bottom: 50px;
}

.assam-other-header .assam-label {

	color: #73776f;
}

.assam-other-header h2 {

	margin: 0;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size:
		clamp(
			45px,
			5.3vw,
			72px
		);

	font-weight: 400;

	line-height: .9;

	letter-spacing: -.055em;

	color: var(--assam-dark) !important;
}

.assam-other-header h2 span {

	color: var(--assam-accent) !important;
}

.assam-other-grid {

	display: grid;

	grid-template-columns: 1fr 1fr;

	gap: 18px;
}


/* CARD */

.assam-other-card {

	position: relative;

	display: block;

	min-height: 440px;

	overflow: hidden;

	background: #172019;

	color: #fff !important;

	opacity: 1;

	transform: translateY(0);

	transition:
		transform .45s ease,
		box-shadow .45s ease;
}

.assam-other-card:hover {

	transform: translateY(-6px);

	box-shadow:
		0 22px 55px rgba(17,23,19,.18);
}


/* CARD IMAGE */

.assam-other-card-image {

	position: absolute;

	inset: 0;

	overflow: hidden;
}

.assam-other-card-image img {

	width: 100%;
	height: 100%;

	object-fit: cover;

	transition:
		transform
		1.1s
		cubic-bezier(.2,.65,.2,1),
		filter
		.45s ease;
}

.assam-other-card:hover
.assam-other-card-image img {

	transform: scale(1.055);

	filter: brightness(.92);
}


/* CARD OVERLAY */

.assam-other-card::after {

	content: "";

	position: absolute;

	inset: 0;

	z-index: 1;

	pointer-events: none;

	background:
		linear-gradient(
			180deg,
			rgba(0,0,0,.02) 30%,
			rgba(0,0,0,.30) 58%,
			rgba(0,0,0,.78) 100%
		);
}


/* CARD CONTENT */

.assam-other-card-content {

	position: absolute;

	z-index: 3;

	right: 25px;
	bottom: 24px;
	left: 25px;

	color: #fff !important;
}


/* NUMBER */

.assam-other-card-number {

	margin-bottom: 9px;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size: 14px;

	color: var(--assam-gold) !important;
}


/* TITLE — FORCE WHITE */

.assam-other-card h3,
.assam-other-card h3 a,
.assam-other-card-content h3 {

	margin: 0 0 8px;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size:
		clamp(
			34px,
			4vw,
			50px
		);

	font-weight: 400;

	line-height: .95;

	letter-spacing: -.045em;

	color: #fff !important;

	text-shadow:
		0 2px 12px rgba(0,0,0,.35);
}


/* DESCRIPTION — FORCE WHITE */

.assam-other-card p,
.assam-other-card-content p {

	max-width: 430px;

	margin: 0 0 15px;

	font-family:
		Arial,
		Helvetica,
		sans-serif;

	font-size: 12px;

	line-height: 1.7;

	color: rgba(255,255,255,.88) !important;
}


/* EXPLORE */

.assam-other-card-link {

	display: inline-flex;

	align-items: center;

	gap: 8px;

	font-family:
		Arial,
		Helvetica,
		sans-serif;

	font-size: 8px;

	font-weight: 700;

	letter-spacing: .18em;

	text-transform: uppercase;

	color: #fff !important;

	transition:
		gap .3s ease,
		color .3s ease;
}

.assam-other-card:hover
.assam-other-card-link {

	gap: 13px;

	color: var(--assam-gold) !important;
}


/* =========================================================
   FINAL CTA
========================================================= */

.assam-final-cta {

	padding:
		105px
		25px
		115px;

	background: var(--assam-deep);

	color: #fff;

	text-align: center;
}

.assam-final-inner {

	max-width: 760px;

	margin: 0 auto;
}

.assam-final-inner .assam-label {

	justify-content: center;

	margin-bottom: 25px;

	color: var(--assam-gold);
}

.assam-final-inner h2 {

	margin: 0;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size:
		clamp(
			52px,
			6vw,
			82px
		);

	font-weight: 400;

	line-height: .9;

	letter-spacing: -.06em;

	color: #fff !important;
}

.assam-final-inner h2 em {

	color: var(--assam-gold) !important;

	font-weight: 400;
}

.assam-final-inner p {

	max-width: 500px;

	margin:
		27px
		auto
		34px;

	font-size: 14px;

	line-height: 1.8;

	color: rgba(255,255,255,.62) !important;
}

.assam-final-buttons {

	display: flex;

	align-items: center;

	justify-content: center;

	gap: 10px;

	flex-wrap: wrap;
}

.assam-final-secondary {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	min-height: 50px;

	padding: 0 21px;

	border:
		1px solid
		rgba(255,255,255,.20);

	background: transparent;

	color: rgba(255,255,255,.76) !important;

	font-size: 9px;

	font-weight: 700;

	letter-spacing: .16em;

	text-transform: uppercase;

	transition:
		background .35s ease,
		color .35s ease,
		border-color .35s ease,
		transform .35s ease;
}

.assam-final-secondary:hover {

	background: #fff;

	border-color: #fff;

	color: #111 !important;

	transform: translateY(-3px);
}


/* =========================================================
   PREMIUM SCROLL REVEAL
   Starts visible if JS is unavailable
========================================================= */

.assam-reveal,
.assam-experience-item,
.assam-other-card {

	opacity: 1;

	transform: translateY(0);

	transition:
		opacity .75s ease,
		transform .75s cubic-bezier(.2,.65,.2,1);
}


/* Only animate when JS explicitly enables reveal */

.shiva-assam-page.assam-js-ready
.assam-reveal:not(.is-visible),

.shiva-assam-page.assam-js-ready
.assam-experience-item:not(.is-visible),

.shiva-assam-page.assam-js-ready
.assam-other-card:not(.is-visible) {

	opacity: 0;

	transform: translateY(28px);
}


/* Visible */

.shiva-assam-page.assam-js-ready
.assam-reveal.is-visible,

.shiva-assam-page.assam-js-ready
.assam-experience-item.is-visible,

.shiva-assam-page.assam-js-ready
.assam-other-card.is-visible {

	opacity: 1;

	transform: translateY(0);
}


/* =========================================================
   STAGGER
========================================================= */

.assam-experience-item:nth-child(2) {
	transition-delay: .07s;
}

.assam-experience-item:nth-child(3) {
	transition-delay: .14s;
}

.assam-experience-item:nth-child(4) {
	transition-delay: .21s;
}

.assam-other-card:nth-child(2) {
	transition-delay: .10s;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

	.assam-container {

		width:
			min(
				calc(100% - 50px),
				900px
			);
	}

	.assam-hero-content {

		left: 25px;

		width:
			calc(100% - 50px);
	}

	.assam-intro-grid {

		grid-template-columns:
			45px
			1fr;

		gap: 30px;
	}

	.assam-intro-copy {

		grid-column: 2;

		padding-top: 0;
	}

	.assam-majuli-grid {

		grid-template-columns:
			45px
			1fr;

		gap: 30px;
	}

	.assam-majuli-copy {

		grid-column: 2;

		padding-top: 0;
	}

	.assam-split-section {

		grid-template-columns: 1fr;
	}

	.assam-split-image {

		min-height: 460px;

		order: 1;
	}

	.assam-split-content {

		min-height: 440px;

		order: 2;

		padding:
			70px
			50px;
	}

	.assam-kamakhya-section
	.assam-split-content {

		order: 1;
	}

	.assam-kamakhya-section
	.assam-split-image {

		order: 2;
	}

	.assam-experiences-header,
	.assam-other-header {

		grid-template-columns: 1fr;

		gap: 25px;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

	.assam-container {

		width:
			calc(100% - 36px);
	}


	/* HERO — STILL 640PX */

	.assam-hero {

		height: 640px;

		min-height: 640px;

		max-height: 640px;
	}

	.assam-hero-media::after {

		background:
			linear-gradient(
				180deg,
				rgba(5,9,6,.18),
				rgba(5,9,6,.72)
			);
	}

	.assam-hero-content {

		left: 18px;

		top: 51%;

		width:
			calc(100% - 36px);

		transform:
			translateY(-42%);
	}

	.assam-eyebrow {

		margin-bottom: 18px;

		font-size: 8px;

		letter-spacing: .17em;
	}

	.assam-eyebrow span {

		width: 27px;
	}

	.assam-hero h1 {

		font-size:
			clamp(
				47px,
				14vw,
				68px
			);

		line-height: .92;
	}

	.assam-hero-text {

		margin:
			20px
			0
			23px;

		font-size: 13px;

		line-height: 1.7;
	}

	.assam-hero-button {

		min-height: 48px;

		padding: 0 15px;

		gap: 14px;

		font-size: 8px;
	}

	.assam-hero-bottom {

		right: 18px;

		bottom: 18px;

		left: 18px;
	}

	.assam-hero-location {

		font-size: 7px;
	}

	.assam-hero-scroll {

		font-size: 6px;
	}

	.assam-hero-scroll i {

		height: 28px;
	}


	/* INTRO */

	.assam-intro {

		padding:
			75px
			0
			80px;
	}

	.assam-intro-grid {

		display: block;
	}

	.assam-section-number {

		margin-bottom: 22px;
	}

	.assam-intro-title .assam-label {

		margin-bottom: 20px;
	}

	.assam-intro h2,
	.assam-majuli-heading h2 {

		font-size:
			clamp(
				40px,
				11vw,
				55px
			);
	}

	.assam-intro-copy {

		padding-top: 28px;
	}

	.assam-intro-copy .assam-lead {

		font-size: 15px;
	}

	.assam-intro-copy p {

		font-size: 13px;
	}


	/* FEATURE */

	.assam-feature {

		min-height: 560px;
	}

	.assam-feature-content {

		width:
			calc(100% - 36px);

		margin-left: 18px;

		padding-top: 110px;
	}

	.assam-feature h2 {

		font-size:
			clamp(
				48px,
				13vw,
				66px
			);
	}

	.assam-feature p {

		font-size: 13px;

		line-height: 1.75;
	}

	.assam-outline-button {

		min-height: 48px;

		padding: 0 15px;

		gap: 14px;

		font-size: 8px;
	}


	/* SPLIT */

	.assam-split-section {

		min-height: auto;
	}

	.assam-split-image {

		height: 72vw;

		min-height: 330px;
	}

	.assam-split-content {

		min-height: auto;

		padding:
			60px
			25px
			68px;
	}

	.assam-split-content h2 {

		font-size:
			clamp(
				41px,
				11vw,
				58px
			);
	}

	.assam-split-content p {

		font-size: 13px;

		line-height: 1.8;
	}


	/* BRAHMAPUTRA */

	.assam-river-section {

		min-height: 560px;
	}

	.assam-river-content {

		width:
			calc(100% - 36px);

		margin-left: 18px;

		padding-top: 110px;
	}

	.assam-river-content h2 {

		font-size:
			clamp(
				51px,
				14vw,
				75px
			);
	}

	.assam-river-content p {

		font-size: 13px;

		line-height: 1.75;
	}


	/* MAJULI */

	.assam-majuli-section {

		padding:
			75px
			0
			85px;
	}

	.assam-majuli-grid {

		display: block;

		margin-bottom: 32px;
	}

	.assam-majuli-number {

		margin-bottom: 22px;
	}

	.assam-majuli-copy {

		padding-top: 25px;
	}

	.assam-majuli-copy p {

		font-size: 14px;

		line-height: 1.8;
	}

	.assam-majuli-image {

		height: 105vw;

		min-height: 330px;
	}


	/* EXPERIENCE */

	.assam-experiences {

		padding:
			75px
			0
			85px;
	}

	.assam-experiences-header {

		margin-bottom: 45px;
	}

	.assam-experiences-header h2 {

		font-size:
			clamp(
				42px,
				12vw,
				60px
			);
	}

	.assam-experience-item {

		grid-template-columns:
			35px
			1fr;

		gap: 13px;

		padding:
			22px
			0;
	}

	.assam-experience-item h3 {

		font-size: 22px;
	}

	.assam-experience-item p {

		font-size: 12px;
	}


	/* JOURNEY */

	.assam-journey-section {

		min-height: 560px;
	}

	.assam-journey-content {

		width:
			calc(100% - 36px);

		margin-left: 18px;

		padding-top: 110px;
	}

	.assam-journey-content h2 {

		font-size:
			clamp(
				51px,
				14vw,
				74px
			);
	}

	.assam-journey-content p {

		font-size: 13px;
	}

	.assam-journey-button {

		min-height: 48px;

		padding:
			0 16px;

		gap: 14px;

		font-size: 8px;
	}


	/* OTHER DESTINATIONS */

	.assam-other-destinations {

		padding:
			75px
			0
			85px;
	}

	.assam-other-header {

		margin-bottom: 40px;
	}

	.assam-other-header h2 {

		font-size:
			clamp(
				42px,
				12vw,
				60px
			);
	}

	.assam-other-grid {

		grid-template-columns: 1fr;

		gap: 15px;
	}

	.assam-other-card {

		min-height: 380px;
	}

	.assam-other-card-content {

		right: 20px;

		bottom: 21px;

		left: 20px;
	}

	.assam-other-card h3,
	.assam-other-card h3 a,
	.assam-other-card-content h3 {

		font-size: 35px;

		color: #fff !important;
	}


	/* FINAL CTA */

	.assam-final-cta {

		padding:
			80px
			18px
			90px;
	}

	.assam-final-inner h2 {

		font-size:
			clamp(
				45px,
				13vw,
				65px
			);
	}

	.assam-final-inner p {

		font-size: 13px;
	}

	.assam-final-buttons {

		flex-direction: column;

		width: 100%;
	}

	.assam-final-primary,
	.assam-final-secondary {

		width: 100%;
	}

}


/* =========================================================
   VERY SMALL PHONES
========================================================= */

@media (max-width: 380px) {

	.assam-hero {

		height: 600px;

		min-height: 600px;

		max-height: 600px;
	}

	.assam-hero h1 {

		font-size: 45px;
	}

	.assam-feature h2 {

		font-size: 45px;
	}

	.assam-river-content h2 {

		font-size: 50px;
	}

	.assam-journey-content h2 {

		font-size: 50px;
	}

	.assam-other-card {

		min-height: 350px;
	}

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

	.shiva-assam-page *,
	.shiva-assam-page *::before,
	.shiva-assam-page *::after {

		scroll-behavior: auto !important;

		animation-duration:
			.01ms !important;

		animation-iteration-count:
			1 !important;

		transition-duration:
			.01ms !important;
	}

	.assam-reveal,
	.assam-experience-item,
	.assam-other-card {

		opacity: 1 !important;

		transform: none !important;
	}

}