/*
 * Private Educational Management (Figma 405:7345).
 * Loaded after site.css on this page only.
 *
 * The file is named for the page's slug, which is how the child theme finds it.
 * It was how-we-work.css until the slug was renamed on 2026-09-24, and for a
 * day the page loaded no styles at all: the collage lost its sizes and its
 * stagger, which is the "poorly arranged" images Rachel reported.
 */

/* ------------------------------------------------------------ fractional */

/* Figma 405:7365 sets all three paragraphs at 20/300. */
.elementor-widget.ne-hww-copy,
.elementor-widget.ne-hww-copy p { font-weight: 300 !important; }

/* -------------------------------------------------------------- includes */

/* The frame here is portrait and the stills are 16:9, so the crop is pinned to
   the faces rather than to the middle of a wide room. */
.ne-hww-includes__shot img { object-position: 62% 42%; }

/* Figma 405:7456: 582 x 782 at radius 24, ending on the content edge. */
.ne-hww-includes__shot img { height: 782px; border-radius: 0; }

@media (max-width: 1024px) {
	.ne-hww-includes__shot img { height: 560px; }
}

@media (max-width: 767px) {
	.ne-hww-includes__shot img { height: 420px; }
}

/* ------------------------------------------------------ placement collage */

/*
 * Aanand, 2026-09-24: the collage is now one supplied artwork, flattened with
 * its own spacing and transparent around the frames, so it sits on whatever
 * colour the band is. Nothing here arranges anything any more — the two
 * staggered columns this section used to assemble are gone with it.
 */
.ne-hww-collage .ne-hww-collage__art img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 0;
}

/* ---------------------------------------------------------- capabilities */

/* Figma 405:7397: the title runs over two lines in a 732px measure. */
.elementor.elementor .ne-capabilities-band .ne-stack-head.e-con > .elementor-widget-heading { max-width: 740px; }

/*
 * Figma 405:7400: a brass hairline at 30% over each cell, a 37px outline icon
 * 25px under it, then the title and copy.
 */
.elementor .e-con.ne-capability {
	border-top: 1px solid rgba(206, 128, 41, .3);
	padding-top: 25px;
	--padding-top: 25px;
	--padding-right: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
}

.elementor-widget.ne-capability__icon .elementor-icon-wrapper { line-height: 0; text-align: left; }
.elementor-widget.ne-capability__icon .elementor-icon { font-size: 37px; line-height: 0; }

/* Stroke icons: a fill anywhere turns them solid. */
.elementor-widget.ne-capability__icon .elementor-icon svg {
	width: 37px;
	height: 37px;
	fill: none !important;
}
.elementor-widget.ne-capability__icon .elementor-icon svg * { fill: none !important; }

/* Amiri 400 in Figma; the kit's h4 is bold. */
.elementor-widget.ne-capability__title .elementor-heading-title { font-weight: 400 !important; }
.elementor-widget.ne-capability__copy,
.elementor-widget.ne-capability__copy p { font-weight: 300 !important; }