/* The foot of every page (shared/footer.js fills it). No box: a hairline above, the brand and three columns of
   links, then a last line with the year. Links are white and draw a line under them on hover;
   the column titles are the one label style, mono capitals in mint. */
.foot{position:relative;z-index:1;padding:clamp(40px,7vh,70px) var(--pad,clamp(20px,6vw,90px)) 34px;border-top:1px solid var(--hair,rgba(182,222,200,.24));font-size:var(--t-small,.95rem)}
.foot__top{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,60px);max-width:1280px;margin:0 auto}
.foot__brand{display:grid;align-content:start;gap:14px}
.foot__brand p{margin:0;max-width:22em;color:var(--tx)}
.foot__mark{display:inline-flex;align-items:center;gap:9px;min-height:40px;font-weight:500;letter-spacing:.02em;color:#fff}
.foot__mark b{color:var(--em);font-weight:500}
.foot__mark .ic{color:var(--em);font-size:1.3rem}
.foot__mail{display:inline-flex;align-items:center;gap:.6em;min-height:40px;font-weight:500;color:#fff}
.foot__mail .ic{color:var(--mint)}
.foot__col{display:grid;align-content:start;gap:2px}
.foot__col h2{margin:0 0 8px;font-size:.76rem;letter-spacing:.13em;line-height:1.4}
.foot__col a,.foot__mail span{text-decoration:underline transparent;text-decoration-thickness:1.5px;text-underline-offset:.3em;transition:text-decoration-color .3s}
.foot__col a{display:flex;align-items:center;min-height:40px;width:max-content;color:#fff}
.foot__col a:hover,.foot__mail:hover span{text-decoration-color:var(--em)}
.foot__end{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 30px;max-width:1280px;margin:clamp(30px,5vh,50px) auto 0;padding-top:20px;border-top:1px solid var(--hair,rgba(182,222,200,.24));color:var(--tx)}
/* the help line of the last row: plain words, its links white with an emerald line under them */
.foot__help{margin:0;max-width:44em;color:var(--tx)}
.foot__help a{color:#fff;font-weight:500;text-decoration:underline;text-decoration-color:var(--em);text-decoration-thickness:1.5px;text-underline-offset:.3em}
.foot__help a:hover{text-decoration-color:var(--mint)}
@media (max-width:900px){.foot__top{grid-template-columns:repeat(3,minmax(0,1fr))}.foot__brand{grid-column:1/-1}}
@media (max-width:520px){.foot__top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.foot__col a{transition:none}}