/* PixelNest site footer. Loaded on every front-end page so the whole site shares one footer.
   The homepage keeps its own copy of these rules in home.css; these are scoped to .pn-footer
   so they apply on the Astra-rendered pages without touching anything else. */

.pn-footer{
	--pn-ink:var(--craft-forest-dark);
	--pn-body:var(--craft-ink-2);
	--pn-muted:var(--craft-ink-muted);
	--pn-accent:var(--craft-terracotta);
	--pn-peach:var(--craft-terracotta-soft);
	--pn-divider:var(--craft-border);
	--pn-wrap:1200px;
	--pn-gutter:24px;
	background:#fff;
	padding:56px 0 0;
	margin:0;
	font-family:var(--craft-font-sans);
	font-size:13.5px;
	line-height:1.6;
	color:var(--pn-body);
	text-align:left;
	border-top:1px solid var(--craft-border);
}
.pn-footer .pn-wrap{width:100%;max-width:calc(var(--pn-wrap) + var(--pn-gutter)*2);margin:0 auto;padding:0 var(--pn-gutter)}
.pn-footer__grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:40px}
.pn-footer__brand p{max-width:300px;margin:18px 0 20px;color:var(--pn-body);line-height:1.65}
.pn-footer ul{list-style:none;margin:0;padding:0}
.pn-footer .pn-social{display:flex;gap:12px;margin:0;padding:0}
.pn-footer .pn-social li{margin:0}
.pn-footer .pn-social a,
.pn-footer .pn-social__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--pn-ink);text-decoration:none;transition:background-color .2s ease,color .2s ease}
.pn-footer .pn-social a:hover{background:var(--pn-peach);color:var(--pn-accent)}
.pn-footer h3{font-size:14px;font-weight:700;line-height:1.6;margin:0 0 14px;color:var(--pn-ink)}
.pn-footer__col li{margin-bottom:9px}
.pn-footer__col a{color:var(--pn-body);text-decoration:none;transition:color .2s ease}
.pn-footer__col a:hover{color:var(--pn-accent)}
.pn-footer .pn-footer__bar{position:relative;display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:20px;padding-bottom:24px;font-size:12.5px;color:var(--pn-muted);text-align:center}
.pn-footer .pn-footer__bar p{margin:0}
.pn-footer .pn-footer__bar::before{content:"";position:absolute;top:0;left:var(--pn-gutter);right:var(--pn-gutter);border-top:1px solid var(--pn-divider)}

@media(max-width:900px){
	.pn-footer{--pn-gutter:20px}
	.pn-footer__grid{grid-template-columns:1fr 1fr 1fr;row-gap:36px}
	.pn-footer__brand{grid-column:1/-1}
}
@media(max-width:767px){
	.pn-footer{--pn-gutter:16px}
	.pn-footer__grid{grid-template-columns:1fr 1fr;gap:30px 20px}
	.pn-footer .pn-footer__bar{flex-direction:column;gap:6px}
}