/* ============================================================
   LE HAUS — PILLARS COMPONENT
   ------------------------------------------------------------
   Styles for the shared "Our Pillars" icon-row section, rendered
   by UserControls/OurPillars.ascx and reused on the homepage
   ("A better way to live") and Our Story ("What guides us").

   The repeating icon-row grid itself (.features-grid /
   .feature-item) already lives in common.css — this file only
   covers the two heading treatments the control can render, set
   via its Centered property.
   ============================================================ */

/* Centred heading (homepage: OurPillars Centered="true") */
.pillars .kicker{
	text-align:center;
	font-size:11px;
	letter-spacing:.1em;
	text-transform:uppercase;
	font-weight:600;
	margin-bottom:30px;
}

/* Split heading — eyebrow/title left, intro paragraph right
   (Our Story: OurPillars Centered="false"). Layout comes from the
   shared .section-head (common.css); only its heading size is
   page-specific, so it stays here. */
.pillars-head-left h2{margin:12px 0 0;}
.pillars-head p:not(.eyebrow){
	max-width:380px;
	font-size:16px;
	color:var(--ink);
	line-height:1.7;
}

@media (max-width:1100px){
	.pillars-head{gap:20px;}
	.pillars-head p{max-width:100%;}
}