/* =========================================
   WHAT IS DUELLING PIANOS – CONTENT OVERRIDES
   Page-specific only
   ========================================= */
	#mainContainer .contentContainer {max-width:800px;padding:60px 20px;}
	#mainContainer .headContainer {max-width:1000px;padding:60px 20px;margin:auto;margin-top:80px}
	#mainContainer h1 {max-width:20ch;}
	#mainContainer .headContainer h2 {margin-top:1rem;}
	#mainContainer h2 {margin-top:3rem;margin-bottom:1rem;max-width:28ch;}
	#faq.faqContainer h2 {margin-bottom:2rem;}
	#faq.faqContainer p {margin-left:10px}
	#mainContainer h3 {margin-top:1.5rem;margin-bottom:0.75rem;}
	#mainContainer p,#mainContainer li {max-width:70ch;line-height:1.6;}
	#mainContainer ul {margin:1rem 0 2rem 1.25rem;}
	#mainContainer li {margin-bottom:0.5rem;}
	#mainContainer .lightContainer hr {margin:4rem 0;border:none;border-top:1px solid rgba(0,0,0,0.25);}
	#mainContainer .darkContainer hr {margin:4rem 0;border:none;border-top:1px solid rgba(255,255,255,0.25);}
   .darkContainer .contentContainer {padding-top:80px;padding-bottom:80px;}
   .lightContainer .contentContainer {padding-top:80px;padding-bottom:80px;}
   .faqContainer {margin:4rem 0;padding:0;}
   .faq-section-title {margin-bottom:4rem;}
	#mainContainer ul {list-style: disc; padding-left: 1.25rem; margin: 1rem 0 2rem 0;}
	#mainContainer li {list-style: disc; list-style-position: outside; margin: 0 0 0.5rem 0;}
	#mainContainer h1,
	#mainContainer h2,
	#mainContainer h3,
	#mainContainer p {margin-left:0;margin-right:auto;}
	header h1,header h2,header p {margin:auto;min-width:100%}
	.heroClip {display:none;}
	.contentContainer h2 {text-align:left;}
	.content-image img{max-width:100%;height:auto;display:block;border-radius:10px;box-shadow:-20px 20px 40px rgba(0, 0, 0, 0.633);transition:transform .35s ease;}
	.content-image {width:100%;margin:0;padding:0;position:relative}
	.darkContainer.opac {background:linear-gradient(rgba(40,36,42,0.2),rgba(40,36,42,1));padding-top:60px;}
	.darkContainer.trim {margin-top:-100px;padding-top:0}
	.dark-light {background:linear-gradient(180deg,var(--white) 50%,var(--black)50%);margin-top:-20px;margin-bottom:-20px}
	figcaption {font-family:'bold';font-size:1rem;text-align:center;color:var(--white);width:80%;border-radius:5px;position:relative;padding: 1.6rem;margin:auto}
	.heroClip, .hero-includes {display:none;}
	.intro-text-div {max-width:720px;text-align:center;margin:auto}
	.darkPad {padding:40px}
	.lightContainer h2 {color:var(--black);padding-left:0;margin-left:0;text-align:left}
	.lightContainer h3 {color:var(--black);padding-left:0;margin-left:0;text-align:left}
	.darkContainer h2 {color:var(--white);padding-left:0;margin-left:0;text-align:left}
	.darkContainer h3 {color:var(--white);padding-left:0;margin-left:0;text-align:left}
	.darkPad {display:none}
	.content-image a{display:block;position:relative;}
	.content-image a::after{content:"";position:absolute;top:50%;left:50%;width:70px;height:70px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(0,0,0,0.6);box-shadow:0 10px 25px rgba(0,0,0,0.4);}
	.content-image a::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-40%,-50%);border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent white;z-index:2;}
	.content-image a:hover img{transform:scale(1.03);transition:transform .35s ease;}
	.content-image a:hover::after{background:rgba(0,0,0,0.8);}
	.heroImage-new{height:calc((100svh + 100vw) / 3);}
	.darkContainer .ctaPreline{color:var(--white)!important;}
	p.ctaPreline {marin-left:auto}
	
a.white {
	  text-decoration: underline;
	  text-decoration-color: rgba(255,255,255,0.6);
	  text-underline-offset: 3px;
	  text-decoration-thickness: 1px;
	  transition: text-decoration-color 0.2s ease;
	}
	a.white:hover {
	  text-decoration-color: var(--white);
	}

	h2.ch2 {text-align:center;justify-self: center}
	.ctaGrid {
	  display: grid;
	  grid-template-columns: 1fr 1fr;
	  gap: 12px; /* adjust spacing here */
	  margin: 40px auto;
	}
	.ctaGrid a {
	  display: block;
	  text-align: center;	
	}

	/* Mobile: stack */
	@media (max-width: 740px) {
	  .ctaGrid {
		grid-template-columns: 1fr;
	  }
	  .ctaGreen2 {width:100%}
	}
	.heroSub {line-height:1.25em!important;margin-top:0.5em}
	.ctaGreen2 {filter:brightness(1);color:var(--white);display:inline-block;gap:12px;padding:12px 22px;font-size:1rem;font-family:'text';letter-spacing:0.5px;border-radius:5px;box-shadow:var(--shadow);transition:all 0.3s ease;opacity:1;background:var(--green);text-align:center;transition:transform(translate) 0.25s ease;outline:2px solid var(--green);margin-top:8px}
	.ctaGreen2:hover {filter:brightness(1.1);box-shadow:-10px 10px 20px rgba(0, 0, 0, 0.3);transform:translateY(-2px)}
	.ctaGreenVariant {outline:2px solid var(--green);background:rgba(255,255,255,0.9);color:var(--green)}