/**
 * Drone Cinematography page (post ID 841, slug "drone").
 *
 * REDESIGNED per the client's own mockup screenshots -- same situation
 * page-podcast-voice-over.css was in (net new content below the hero,
 * no production baseline to measure against), in that same dark visual
 * language and type scale. Headings switched from this theme's usual
 * --font-heading (Oswald) to Montserrat/uppercase/700 -- Event
 * Coverage's client-supplied mockup became this project's shared
 * layout/font template for these 4 net-new-design pages, per the
 * client's explicit follow-up instruction. card-grid.php/
 * faq-accordion.php/step-list.php/cta-block.php/media-split.php's own
 * base CSS all live in shared-blocks.css, not here (promoted there once
 * this page reused them alongside Podcast/Vodcast & Voice, or -- for
 * media-split.php -- Event Coverage). feature-row.php's shared CSS also
 * lives there, but this page no longer uses that component at all
 * (its "Flown Right" section was removed, see page-drone.php) --
 * mentioned only because Podcast/Vodcast & Voice still uses it.
 *
 * "Watch It Fly" used to be template-parts/media-grid.php (styled
 * here) -- converted to the same video-reel+marquee pattern Event
 * Coverage's own Gallery section uses instead, so that CSS moved to
 * shared-blocks.css too and this file no longer has a Media Grid
 * section at all. See MIGRATION.md.
 *
 * Bare-element rules scoped, same reason as everywhere else in this
 * theme (see footer.css).
 */

/* Card grid ("What We Fly For")'s own single-column-on-mobile rule used
   to live here -- promoted to shared-blocks.css once Event Coverage's
   card grids turned out to need the exact same thing and never had it
   at all (see MIGRATION.md). This page's column count (card-grid.php's
   `columns` arg, now 4 -- was 2, see page-drone.php) is unaffected --
   only the mobile collapse moved.

   The "Flown Right" feature-row that used to be styled here (padding
   tightened 56px -> 24px -> eased to 48px per two client requests) is
   gone entirely -- removed as part of rebuilding this page to match
   Event Coverage's layout exactly, see page-drone.php. */

/* ---- Size bump for the shared cta-block text, this page only ----
 * cta-block.php's own CSS lives in shared-blocks.css (also used by
 * Social Media Content, at its own original smaller size) -- this
 * duplicates the same override Podcast/Vodcast & Voice uses (see
 * page-podcast-voice-over.css) rather than bumping the shared rule
 * directly, so Social Media Content's sizing stays untouched. Loads
 * after shared-blocks.css (enqueue order in functions.php), so
 * equal-specificity selectors here win the cascade.
 *
 * step-list.php's own label/subtext size bump used to live here too
 * (duplicated from Podcast/Vodcast & Voice, below) -- promoted to
 * shared-blocks.css's own default once Event Coverage/Social Media
 * Content needed the exact same bigger size (client request, see
 * MIGRATION.md), so it's no longer page-specific at all.
 */
/* Tightened from the shared 90px -- this page only (step-list.php's own
   CSS lives in shared-blocks.css, used by Podcast/Vodcast & Voice and
   Social Media Content too, both of which still want the extra room) --
   the client asked for less space above "How It Works" specifically on
   this page. Bumped from 32px to 56px (still tightened well below the
   shared 90px) once "How We Fly It"'s own closing_text was removed --
   that text used to read as a visual buffer above the divider even
   though the raw box-model gap was already 32px on both sides; without
   it the cards butted right up against the divider line. Kept matching
   `#how-we-fly-it.cwf-card-grid`'s own padding-bottom below so the
   divider stays vertically centered in the gap, same convention as
   every other divider pairing on this page. */
.cwf-step-list {
	padding-top: 56px;
	/* bottom left at its own shared default (124px) -- was briefly 40px
	   to symmetrize a divider facing "Common Questions" (faq-accordion),
	   removed entirely per the client's request. "How It Works" now
	   faces the closing CTA directly, no divider needed there per the
	   client's own CTA-adjacent-divider rule. */
}
/* The "How It Works"-to-step-circles spacing fix (was here as a
   Drone-only override) now lives in shared-blocks.css's
   `.cwf-step-list .cwf-eyebrow` -- promoted once the client asked for
   it on every page using step-list.php, not just this one. */
.cwf-cta-block .cwf-cta-block__text {
	font-size: 20px;
}
.cwf-cta-block .cwf-cta-block__subtext {
	font-size: 16px;
}

/* ---- Section-divider padding symmetry ----
   template-parts/section-divider.php sits between every pair of this
   page's solid-black content sections except where a CTA-style button
   (the closing CTA) already reads as the break on its own (see
   page-drone.php and shared-blocks.css's .cwf-section-divider). That
   component has no padding of its own by design -- these overrides
   bring each such pair's facing padding to a matching value so the
   divider sits vertically centered in the gap. Standardized to 40px
   except where step-list's top (32px, above) was already a deliberate,
   client-requested value predating this feature -- the neighbor facing
   IT is matched to that existing value instead of 40, rather than
   re-opening an already-settled measurement. Rebuilt for this page's
   Event-Coverage-matching layout (see page-drone.php) -- the previous
   version of this block (card-grid -> feature-row -> event-gallery)
   no longer applies now that feature-row is gone and the sections
   themselves are reordered. See MIGRATION.md. */
#what-we-fly-for.cwf-card-grid {
	padding-bottom: 40px;
}
#see-our-work.cwf-media-split {
	padding-top: 40px;
	padding-bottom: 40px;
}
#how-we-fly-it.cwf-card-grid {
	padding-top: 40px;
	padding-bottom: 56px; /* matches .cwf-step-list's own top padding above (bumped from 32px alongside it -- see that rule's comment) */
}
.cwf-step-list {
	padding-bottom: 40px;
}
#watch-it-fly.cwf-event-gallery {
	padding-top: 40px;
	/* bottom left at its default 64px -- no divider follows (the CTA's
	   own button reads as the break instead) */
}

/* "How We Fly It" cards on mobile: a real 2x2 grid instead of the
   shared card-grid.php default of stacking to a single column below
   900px (shared-blocks.css) -- per the client's explicit request.
   Scoped to this one grid via its own anchor_id, same convention as
   every other per-instance override on this page/in this file. Card
   text sized down too (client's request) since a half-width mobile
   card is much narrower than the full-width single-column default the
   shared 30px/22px sizing was built for. */
@media (max-width: 900px) {
	#how-we-fly-it .cwf-card-grid__row {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}
	#how-we-fly-it .cwf-card-grid__card-heading {
		font-size: 17px;
		margin-bottom: 6px;
	}
	#how-we-fly-it .cwf-card-grid__card-text {
		font-size: 13px;
		line-height: 1.4;
	}
}