@media (min-width: 2500px){
:root {
		--moss: #3d4f3c;
		--sage: #7a9471;
		--mist: #c8d5c2;
		--linen: #f4f0e8;
		--water: #5c7a8a;
		--stone: #2a2e27;
		--cream: #faf8f3;
		--deep: #1e2527;
		--pine: #3a5045;
				}

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

html {
		scroll-behavior: smooth;
		font-size: 16px;
				}

body {
		font-family: 'Jost', sans-serif;
		background: var(--cream);
		color: var(--stone);
		font-weight: 300;
		line-height: 1.7;
		overflow-x: hidden;
		font-size: 100%;
				}

/* ── NAV ── */
nav {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 100;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 22px 48px;
		background: rgba(250,248,243,0.88);
		backdrop-filter: blur(8px);
		border-bottom: 1px solid rgba(122,148,113,0.2);
				}
.nav-logo {
		font-family: 'Cormorant Garamond', serif;
		font-size: 140%;
		font-weight: 600;
		letter-spacing: 0.04em;
		color: var(--moss);
				}
.nav-logo span {
		color: var(--water);
		font-style: italic;
				}
.nav-links {
		display: flex;
		gap: 35px;
				}
.nav-links a {
		text-decoration: none;
		font-size: 78%;
		letter-spacing: 0.12em;
		text-transform: uppercase;
		color: var(--stone);
		opacity: 0.75;
		transition: opacity 0.2s;
				}
.nav-links a:hover {
		opacity: 1;
		color: var(--moss);
				}
.hamburger {
		display: none;
				}

/* ── SECTION GENERIC ── */
section {
		padding: 96px 80px;
				}
.section-label {
		font-size: 70%;
		letter-spacing: 0.22em;
		text-transform: uppercase;
		color: var(--sage);
		margin-bottom: 19px;
				}
.section-title {
		font-family: 'Cormorant Garamond', serif;
		font-size: clamp(200%, 3.5vw, 320%);
		font-weight: 300;
		color: var(--moss);
		line-height: 1.15;
		margin-bottom: 32px;
				}
.divider {
		width: 48px;
		height: 2px;
		background: var(--sage);
		margin-bottom: 38px;
				}

/* ── SHARED PHOTO PLACEHOLDER ── */
.photo-placeholder {
		background: linear-gradient(135deg, var(--mist) 0%, #b8cdb0 60%, var(--sage) 100%);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 10px;
		color: var(--moss);
				}
.photo-placeholder svg {
		opacity: 0.45;
				}
.photo-placeholder span {
		font-size: 72%;
		letter-spacing: 0.14em;
		text-transform: uppercase;
		opacity: 0.6;
				}

/* ── TOP IMAGE ── */
.tophero {
		display: grid;
		padding: 80px 0 0 0;
				}
.tophero-image .photo-placeholder {
		width: 100%;
				}
.tophero-image .photo-placeholder img {
		width: 100%;
		height: auto;
				}

/* ── HERO ── */
.hero {
		display: grid;
		grid-template-columns: 1fr 1.9fr;
		padding: 73px 0;
				}
.hero-text {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 80px 64px 80px 32px;
				}
.hero-eyebrow {
		font-size: 72%;
		letter-spacing: 0.22em;
		text-transform: uppercase;
		color: var(--sage);
		margin-bottom: 26px;
				}
.hero-headline {
		font-family: 'Cormorant Garamond', serif;
		font-size: clamp(300%, 5vw, 500%);
		font-weight: 300;
		line-height: 1.1;
		color: var(--moss);
		margin-bottom: 29px;
				}
.hero-headline em {
		font-style: italic;
		color: var(--water);
				}
.hero-body {
		font-size: 102%;
		color: var(--stone);
		opacity: 0.8;
		max-width: 440px;
		margin-bottom: 45px;
				}
.btn {
		display: inline-block;
		padding: 14px 38px;
		background: var(--pine);
		color: var(--cream);
		text-decoration: none;
		font-size: 78%;
		letter-spacing: 0.14em;
		text-transform: uppercase;
		border: none;
		cursor: pointer;
		transition: background 0.25s, transform 0.2s;
		align-self: flex-start;
				}
.btn:hover {
		background: var(--stone);
		transform: translateY(-2px);
				}
.hero-image {
		position: relative;
		overflow: hidden;
				}
.hero-image .photo-placeholder {
		width: 100%;
		height: 100%;
		background: none;
				}
.hero-image .photo-placeholder img {
		width: 100%;
		height: auto;
				}

/* ── WHY RETREAT ── */
.why-retreat {
		background: var(--pine);
		color: rgba(247,244,239,0.7);
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 96px;
		padding: 96px 80px;
				}
.why-retreat .section-title {
		color: var(--cream);
				}
.why-retreat .section-label {
		color: rgba(247,244,239,0.5);
				}
.why-body {
		font-size: 105%;
		opacity: 0.85;
		margin-bottom: 32px;
				}
.philosophy-list {
		list-style: none;
		display: flex;
		flex-direction: column;
		gap: 16px;
				}
.philosophy-list li {
		display: flex;
		align-items: flex-start;
		gap: 16px;
		font-size: 95%;
		opacity: 0.9;
				}
.philosophy-list li::before {
		content: '';
		display: block;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background: var(--sage);
		margin-top: 9px;
		flex-shrink: 0;
				}
.why-image {
		border-radius: 2px;
		overflow: hidden;
		height: 460px;
				}
.why-image .photo-placeholder {
		height: 100%;
		background: none;
				}
.why-image .photo-placeholder img {
		height: 100%;
		width: auto;
				}

/* ── RESET RETREAT ── */
.reset-image .photo-placeholder img {
		min-width: 600px;
		height: auto;
				}

/* ── TEAM ── */
.team {
		background: var(--linen);
				}
.team-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 40px;
		margin-top: 48px;
				}
.team-card {
		background: var(--cream);
		overflow: hidden;
		transition: transform 0.3s, box-shadow 0.3s;
				}
.team-card:hover {
		transform: translateY(-5px);
		box-shadow: 0 16px 40px rgba(42,46,39,0.1);
				}
.team-photo {
		height: 280px;
		overflow: hidden;
				}
.team-photo .photo-placeholder {
		height: 100%;
		background: linear-gradient(145deg, #c8d5c2 0%, #9db898 100%);
				}
.team-info {
		padding: 29px;
				}
.team-name {
		font-family: 'Cormorant Garamond', serif;
		font-size: 150%;
		font-weight: 600;
		color: var(--moss);
		margin-bottom: 5px;
				}
.team-role {
		font-size: 72%;
		letter-spacing: 0.15em;
		text-transform: uppercase;
		color: var(--water);
		margin-bottom: 16px;
				}
.team-bio {
		font-size: 90%;
		opacity: 0.75;
		line-height: 1.7;
				}

/* ── LOCATION ── */
.location {
		display: grid;
		grid-template-columns: 602px 2.2fr;
		gap: 0;
		padding: 0;
				}
.location-images {
		display: grid;
		grid-template-rows: 1fr 1fr;
		height: 600px;
				}
.location-images .photo-placeholder {
		height: 100%;
		background-repeat: round;
		background-size: cover;
				}
.location-images .photo-placeholder:first-of-type {
		background-image: url(/_a_images/location1.webp);
				}
.location-images .photo-placeholder:last-child {
		background-image: url(/_a_images/location2.webp);
				}
.location-text {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 64px 80px;
		background: var(--deep);
		color: var(--linen);
				}
.location-text .section-title {
		color: var(--cream);
				}
.location-text .section-label {
		color: var(--sage);
				}
.location-text .divider {
		background: var(--water);
				}
.location-body {
		font-size: 105%;
		opacity: 0.8;
		margin-bottom: 38px;
				}

/* ── CTA FOOTER ── */
.cta-footer {
		background: var(--cream);
		text-align: center;
		padding: 56px 80px;
		border-top: 1px solid var(--mist);
				}
.cta-footer .section-title {
		max-width: 600px;
		margin: 0 auto 26px;
				}
.cta-footer p {
		opacity: 0.7;
		max-width: 480px;
		margin: 0 auto 45px;
				}
footer {
		background: var(--deep);
		color: var(--linen);
		text-align: center;
		padding: 32px;
		font-size: 78%;
		letter-spacing: 0.06em;
				}

/* ── FADE IN ANIMATION ── */
.fade-up {
		opacity: 0;
		transform: translateY(28px);
		animation: fadeUp 0.8s ease forwards;
				}
@keyframes fadeUp {
to {
		opacity: 1;
		transform: translateY(0);
				}
				}
.delay-1 {
		animation-delay: 0.15s;
				}
.delay-2 {
		animation-delay: 0.3s;
				}
.delay-3 {
		animation-delay: 0.45s;
				}
.delay-4 {
		animation-delay: 0.6s;
				}
		
				}