/* The closing call to action (assets/js/cta.js, 2026-10-16). Loaded only on
   pages with .s-cta.

   Full width, and the same landscape as the hero (Fahim: "cta bg and hero
   should match vibe"): the hero's sky, its four dithered hill layers, and the
   camp resting on them. The front hill runs into the ink footer. Day or night
   follows the visitor's system appearance; without the script the CTA keeps
   site.css's dusk look. */

.s-section:has(> .s-cta),
.wp-block-post-content > .s-section:has(> .s-cta):last-child { padding: 96px 0 0; }
.s-section > .s-cta.s-cta { border-radius: 0; border: 0; padding: 192px var(--s-pad); overflow: hidden; text-align: center; }
/* The words sit in the middle of the band: the same padding above and below
   (Fahim, 2026-10-17: "still not align center..bottom side big space",
   "remove or lower padding"), then roomier (2026-10-17: "cta add big padding").
   cta.js draws the land and the camp in the bottom padding, under the
   buttons; there is no empty strip any more. */
.s-section > .s-cta.s-cta .wp-block-buttons { justify-content: center; }

.s-section > .s-cta.has-camp { background: #f1f1f4; }
.s-section > .s-cta.has-camp.is-night { background: #131316; }
.s-section > .s-cta.has-camp::before { content: none; display: none; }
.s-section > .s-cta.has-camp .s-ridge { background: none; }
.s-cta .s-camp { position: absolute; inset: 0; z-index: -1; display: block; width: 100%; height: 100%; image-rendering: pixelated; pointer-events: none; }

/* Day: the words are ink on the pale sky, as in the hero. The primary button
   stays magenta; the secondary one takes the light hairline style. Night keeps
   site.css's white words. */
.s-section > .s-cta.has-camp.is-day .s-h2 { color: #262624; }
.s-section > .s-cta.has-camp.is-day .s-sub { color: #52525b; }
.s-section > .s-cta.has-camp.is-day .s-label { color: #52525b; }
.s-section > .s-cta.has-camp.is-day .wp-block-button:not(.is-style-olive) .wp-block-button__link { background: #fff; color: #262624; border-color: rgb(27 25 25 / 0.14); }
.s-section > .s-cta.has-camp.is-day .wp-block-button:not(.is-style-olive) .wp-block-button__link:hover { background: #fff; color: #262624; border-color: rgb(27 25 25 / 0.3); }

@media (max-width: 900px) {
	.s-section:has(> .s-cta),
	.wp-block-post-content > .s-section:has(> .s-cta):last-child { padding: 72px 0 0; }
	.s-section > .s-cta.s-cta { padding: 136px var(--s-pad); }
}
/* On a phone the camp sits under the stacked words, not beside them, so the
   band keeps room for the horse below the buttons. */
@media (max-width: 600px) {
	.s-section > .s-cta.s-cta { padding: 104px var(--s-pad) 208px; }
}