/* ============================================================
   Altminds footer, standalone.
   The same footer the new pages carry, written without the
   body.am scoping and without the shared tokens, so the four
   older pages can use it beside their own stylesheet.
   Everything is namespaced under .am-foot.
   ============================================================ */
.am-foot{
	--fg-deep:#3e573f; --fg-ink:#faf7ef; --fg-muted:#d6dfcc; --fg-line:rgba(250,247,239,.2);
	position:relative;isolation:isolate;overflow:hidden;
	background:var(--fg-deep);color:var(--fg-muted);
	padding-top:64px;font-size:15px;line-height:1.55;
	text-align:left;
}
.am-foot::before{
	content:"";position:absolute;inset:-60px -20px;z-index:0;pointer-events:none;
	background-image:url("img/cubes-light.svg");
	background-size:118px 204px;
	opacity:.16;
	-webkit-mask-image:radial-gradient(120% 90% at 78% 12%,#000 10%,transparent 76%);
	mask-image:radial-gradient(120% 90% at 78% 12%,#000 10%,transparent 76%);
	animation:am-foot-cubes 90s linear infinite;
}
@keyframes am-foot-cubes{to{background-position:118px 204px}}
.am-foot > *{position:relative;z-index:1;}

.am-foot .am-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,32px);}
.am-foot__grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:32px;}
.am-foot__grid > div p{margin:16px 0 0;max-width:32ch;color:var(--fg-muted);}

.am-foot .am-logo__mark{
	display:block;width:130px;height:31px;
	background:var(--fg-ink);
	-webkit-mask:url("img/logo.png") no-repeat left center / contain;
	mask:url("img/logo.png") no-repeat left center / contain;
}

.am-foot ul{display:grid;gap:10px;margin:0;padding:0;list-style:none;}
.am-foot li{margin:0;}
.am-foot a{color:var(--fg-muted);text-decoration:none;transition:color .2s ease;}
.am-foot a:hover,.am-foot a:focus-visible{color:var(--fg-ink);text-decoration:none;}
.am-foot__col h3{font-size:15px;font-weight:600;color:var(--fg-ink);margin:0 0 16px;}

.am-foot__apps{margin-top:26px;}
.am-foot .am-store{display:flex;flex-wrap:wrap;gap:12px;}
.am-foot .am-store__btn{
	display:inline-flex;align-items:center;gap:10px;
	padding:10px 18px;border:1px solid var(--fg-line);border-radius:999px;
	color:var(--fg-ink);line-height:1.15;
	transition:background .25s ease,border-color .25s ease;
}
.am-foot .am-store__btn:hover{background:rgba(255,255,255,.09);border-color:var(--fg-ink);color:var(--fg-ink);}
.am-foot .am-store__ico{width:22px;height:22px;flex:none;}
.am-foot .am-store__btn > span{display:grid;font-size:15px;font-weight:600;white-space:nowrap;}
.am-foot .am-store__btn small{font-size:11px;font-weight:400;letter-spacing:.04em;color:var(--fg-muted);white-space:nowrap;}

.am-foot .am-social{display:flex;gap:10px;margin:clamp(16px,2vw,22px) 0 0;padding:0;list-style:none;}
.am-foot .am-social a{
	display:inline-flex;align-items:center;justify-content:center;
	width:40px;height:40px;border-radius:999px;border:1px solid var(--fg-line);color:var(--fg-ink);
	transition:transform .18s ease,box-shadow .18s ease;
}
.am-foot .am-social a.am-social__fb{background:none;}
.am-foot .am-social a.am-social__li{background:none;}
.am-foot .am-social a.am-social__ig{background:none;}
.am-foot .am-social a:hover,.am-foot .am-social a:focus-visible{background:rgba(250,247,239,.12);border-color:var(--fg-ink);color:var(--fg-ink);transform:translateY(-2px);}
.am-foot .am-social svg{display:block;}

.am-foot__base{
	margin-top:48px;padding:22px 0 18px;
	border-top:0;border-bottom:1px dashed var(--fg-line);
	font-size:13px;text-align:center;
}
.am-foot__base p{margin:0;}

@media (max-width:860px){
.am-foot__grid{grid-template-columns:1fr;}
}
@media (max-width:640px){
.am-foot::before{background-size:86px 149px;opacity:.13;}
}
@media (prefers-reduced-motion:reduce){
.am-foot::before{animation:none;}
.am-foot .am-store__btn,.am-foot .am-social a,.am-foot a{transition:none;}
.am-foot .am-social a:hover{transform:none;}
}


/* ============================================================
   Footer base row: social on the left, copyright on the right.
   The two sit on one line facing each other, with the dashed
   rule under them. On a phone they stack and centre.
   ============================================================ */
.am-foot .am-foot__base{
	display:flex;align-items:center;justify-content:space-between;
	gap:16px 24px;flex-wrap:wrap;
	text-align:left;
}
.am-foot .am-foot__base p{margin:0;margin-left:auto;text-align:right;}
.am-foot .am-foot__base .am-social{margin:0;}

@media (max-width:600px){
.am-foot .am-foot__base{justify-content:center;text-align:center;}
.am-foot .am-foot__base p{margin-left:0;text-align:center;width:100%;}
.am-foot .am-foot__base .am-social{justify-content:center;width:100%;}
}


/* ============================================================
   Footer base row: room to breathe.
   The social icons were sitting right under the column above
   them, and the dashed rule ran flush with the bottom of the
   page. Both now have space around them.
   ============================================================ */
.am-foot .am-foot__base{
	margin-top:clamp(14px,1.6vw,22px);
	padding-top:clamp(14px,1.4vw,18px);
	padding-bottom:clamp(18px,1.8vw,22px);
}
.am-foot{padding-bottom:18px;}

@media (max-width:600px){
.am-foot .am-foot__base{margin-top:14px;padding-top:16px;padding-bottom:18px;gap:14px;}
.am-foot{padding-bottom:14px;}
}