#body > ul, #body > div {
	display: table;
}

#formp2 li {
	display: none;
}

.fadein {
	opacity: 0;
}

#wrapper {
	width: calc(100vw - (100vw - 100%)) !important;
	overflow: hidden;
}

.hero {
	min-height: var(--hero-height,80vh);
}

/* ----- Pillars: "A better way to live." intro block styling now lives in
   css/pillar.css, shared with Our Story via UserControls/OurPillars.ascx. ----- */
/* Tighter than the default .section-pad (feedback 5-10 #5). */
#philosophy.section-pad{padding:var(--section-space-sm) 0;}

/* ----- Membership tiers: less space above "One membership. Endless
   possibilities." (feedback 5-10 #7). ----- */
.tiers.section-pad{padding-top:var(--section-space-sm);}

/* ----- Experiences: "Moments that become traditions." photo (new section). ----- */
.experiences-img-bg{background-image:url('/img/db/content/hp-experiences.jpg');}

/* ----- Global Community: full-bleed banner (new section).
   Stock photo for now — swap for real photography once available. ----- */
.global-community-bg{background-image:url('/img/db/content/global-community.jpg');}

/* ----- CTA Dual as one full-width image strip (feedback 5-10 #8, per the
   2.0 mockup). Placeholder: the existing "Join" panel photo (950px wide,
   soft at full width) — swap for a wide (2400px+) image once supplied. ----- */
.cta-dual--strip .cta-dual-bg{background-image:url('/gfx/Global-community-image.jpg');}

/* ----- CTA Dual: headings promoted from h3 to h2, on the shared H2
   recipe (--fs-h2/--fw-h2) instead of the .cta-panel h3 default, so
   they match every other section heading on the site. Scoped to these
   two panels only — membership-v2's .mem-closing and treehouse's
   .tbc-dunch still use .cta-panel h3 and are unaffected. ----- */
.cta-travellers h2,
.cta-owners h2{
	font-size:var(--fs-h2);
	font-weight:var(--fw-h2);
	line-height:1.4;
	max-width:360px;
	margin-bottom:26px;
}

@media only screen and (max-width:600px) {
	.fadein {
		opacity: 1;
	}
}