/* Simples — the face ■ ● ▲ (2026-09-04). Drives nothing by itself; sizes the
   face where it appears outside the hero and lets its shapes "look". */
[data-face] .glyph svg{transition:opacity 160ms ease,transform 260ms cubic-bezier(.2,.7,.2,1)}
[data-face].face{display:inline-flex;gap:10px;vertical-align:middle}
[data-face].face .glyph{width:12px;height:12px}
.footer .legal-l{display:inline-flex;align-items:center;gap:14px}
.menu-foot .face{display:flex;margin-bottom:14px;gap:12px}
.menu-foot .face .glyph{width:14px;height:14px}
.sp-hero .top .face .glyph{width:16px;height:16px}
@media (prefers-reduced-motion:reduce){[data-face] .glyph svg{transition:none}}
/* faces outside the hero do not ride the hero's scroll-spin / pointer drift */
.footer .face .glyph,.menu-foot .face .glyph,.sp-hero .top .face .glyph,.geo-face .face .glyph{transform:none!important}
.sp-hero .top{gap:16px}
.ph-hero .top{display:flex;justify-content:space-between;align-items:center}
@media (min-width:1200px){.ph-hero>.top{grid-column:span 4;flex-direction:column;align-items:flex-start;justify-content:space-between;align-self:stretch}}
.ph-hero .top .face .glyph{width:16px;height:16px}