/* ===== The footer plate (preview, 2026-10-05, MTKN-MC · Website Main Builder) =====
   Agreed 17:14: F1 (b) the footer fills the last screen, the wordmark centred in the extra height; F2 reading leading;
   F3 phones; F4 Navigate as a nav, the column titles as headings, the current page marked. The plate: the column band as
   the site's last instrument (tick rule, nodes, hairline rows, arrows), the cards' light under the pointer, no static lime
   (register L-01 to L-06). Office: the working day, the clock instrument (Sotiris, 2026-10-06). */
#foot{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
#foot > .markzone{flex:1 0 auto}
#foot > .markzone > .wmwrap{margin-top:auto;margin-bottom:auto}
.fcol p:not(.fh):not(.fclock){line-height:1.62;padding-top:0.215em}

/* the tick rule along the plate's top edge; nodes where the column lines meet it */
#foot .fcols{position:relative;padding-top:14px}
#foot .pl-ruler{position:absolute;left:0;right:0;top:0;height:14px;background:repeating-linear-gradient(90deg,rgba(135,159,177,.42) 0 1px,transparent 1px 12px);border-bottom:1px solid rgba(135,159,177,.45);pointer-events:none;display:block}
#foot .pl-nd{position:absolute;top:9px;width:9px;height:9px;margin-left:-4.5px;border:1px solid var(--blue-300);background:var(--blue-900);transform:rotate(45deg);z-index:2;pointer-events:none}

/* titles: headings with the site's unlit diamond (the look of the old paragraphs) */
#foot .fcol .fh{margin-top:0;font-weight:400;line-height:2.05}
#foot .fcol .fh::before{background:transparent;border:1px solid var(--blue-300);width:7px;height:7px;box-sizing:border-box}

/* rows: every link on a hairline; the arrow shows under the pointer, the only lime */
#foot .fcol{position:relative}
#foot .fcol a{position:relative;display:flex;align-items:baseline;gap:12px;padding:9px 22px 10px 0;line-height:1.45;border-bottom:1px solid rgba(135,159,177,.16);color:var(--meta-2);text-decoration:none;transition:color .3s var(--ease)}
#foot .fcol .fh + a{border-top:1px solid rgba(135,159,177,.16)}
#foot .fcol a:hover{color:var(--meta-2)}
#foot .fcol .pl-t{flex:1 1 auto;min-width:0;white-space:nowrap}
#foot .fcol .pl-ix{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--meta-3);min-width:2.3em;position:relative;top:-0.3em;display:inline-flex;align-items:center;gap:7px}@media (min-width:2561px){#foot .fcol .pl-ix{font-size:max(12px, min(calc(12.00px + (100vw - 2560px) * 0.00234), 15.00px))}}
#foot .fcol .pl-ar{position:absolute;right:0;top:50%;margin-top:-0.75em;line-height:1.5;color:var(--lime);opacity:0;transform:translateX(-6px);transition:opacity .3s var(--ease),transform .3s var(--ease)}
#foot .fcol a[aria-current="page"]{color:#fff}
#foot .fcol a[aria-current="page"] .pl-ix::before{content:"";width:7px;height:7px;background:var(--blue-100);transform:rotate(45deg);margin-left:-15px}
@media (hover:hover) and (pointer:fine){
  #foot .fcol a:hover{color:#fff}
  #foot .fcol a:hover .pl-ar{opacity:1;transform:none}
}

/* the cards' light, as on the live site's cards (fb-light-card) and the build's mk-card: one spotlight, 600px circle at the
   pointer, lime fading to nothing at 300 px, shown only on the plate's lines (a mask built from the lines by footPlate), so
   every line near the pointer lights by distance, whichever cell it belongs to; a faint wash in the cell under the pointer. */
#foot .pl-light{position:absolute;inset:0 0 -1px 0;pointer-events:none;z-index:3;background:radial-gradient(600px circle at var(--mx,-999px) var(--my,-999px),rgba(163,217,78,.6),transparent 50%);opacity:0;transition:opacity .5s var(--ease)}
#foot .fcols.lit .pl-light{opacity:1}
#foot .fcol::before{content:"";position:absolute;inset:0;background:radial-gradient(800px circle at var(--cx,-999px) var(--cy,-999px),rgba(163,217,78,.07),transparent 40%);opacity:0;transition:opacity .5s var(--ease);pointer-events:none}
#foot .fcol.lit::before{opacity:1}
#foot .fcol > *:not(.rail){position:relative;z-index:1}

/* the legal strip: quiet separators */
.legal .ldot{background:var(--blue-100);opacity:0.45}

/* Office: the working day (the clock instrument; Sotiris 2026-10-06, 01:52): Athens's day filled, the visitor's own day outlined,
   in Athens time, a needle at Athens now, lime only while Athens is at work */
#foot .pl-day{margin-top:22px;font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--meta-3);text-transform:uppercase;max-width:330px}@media (min-width:2561px){#foot .pl-day{font-size:max(12px, min(calc(12.00px + (100vw - 2560px) * 0.00234), 15.00px))}}
#foot .pl-day .rd{display:flex;align-items:baseline;gap:12px;line-height:1.6}
#foot .pl-day .rd b{font-weight:400;min-width:4.6em}
#foot .pl-day .rd time{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.1em}
#foot .pl-day svg{display:block;width:100%;height:auto;margin:8px 0 6px;overflow:visible}

/* 901 to 1099: two by two, so Trust keeps a reading measure */
@media (min-width:901px) and (max-width:1099px){
  #foot .fcols .cols{grid-template-columns:1fr 1fr}
  #foot .fcols .fcol:nth-child(-n/**/+2){border-bottom:1px solid var(--hairline)}
  #foot .fcols .fcol:nth-child(odd){padding-left:var(--pad)}
  #foot .fcols .fcol:nth-child(even) > .rail-right{display:none}
}
@media (min-width:1100px) and (max-width:1279px){
  #foot .fcols .cols{grid-template-columns:1fr 1fr 0.85fr 1.15fr}
  #foot .fcol .pl-ix{min-width:2em}
  #foot .fcol a{gap:9px}
}
/* phones: no tick rule (as the Contact routes); arrows shown (touch has no hover); Navigate in two columns */
@media (max-width:640px){
  #foot .pl-ruler,#foot .pl-nd,#foot .pl-light,#foot .fcol::before{display:none}
  #foot .fcols{padding-top:0}
  #foot .fcols .cols{grid-template-columns:minmax(0,1fr)}
  #foot .fcols .fcol{grid-column:auto;border-right:0;border-bottom:1px solid var(--hairline);padding:22px var(--pad) 24px}
  #foot .fcols .fcol:nth-child(1){order:1}
  #foot .fcols .fcol:nth-child(3){order:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:18px;align-content:start}
  #foot .fcols .fcol:nth-child(3) .fh{grid-column:1 / -1}
  #foot .fcols .fcol:nth-child(3) .fh + a + a{border-top:1px solid rgba(135,159,177,.16)}
  #foot .fcols .fcol:nth-child(2){order:3}
  #foot .fcols .fcol:nth-child(4){order:4}
  #foot .fcol a[aria-current="page"] .pl-ix::before{margin-left:0}
  #foot .fcol .pl-ix{min-width:1.9em}
  #foot .fcol a{gap:8px;padding-right:18px}
  .wm-wire path{stroke-width:0.62}
  .markzone{min-height:210px}
  .legal .llinks{display:grid;grid-template-columns:auto auto;justify-content:start;column-gap:30px;row-gap:12px}
}
@media (hover:none){ #foot .fcol .pl-ar{opacity:1;transform:none;color:var(--blue-300)} }

/* B8 (2026-10-10, ruled "option A 10%"): from 2560 px wide, text under 16 px 10% larger; each line repeats a rule above with its own context */
@media (min-width:2560px){#foot .fcol .pl-ix{font-size:calc(12px * 1.1)}}
@media (min-width:2560px){@media (min-width:2561px){#foot .fcol .pl-ix{font-size:calc(max(12px, min(calc(12.00px + (100vw - 2560px) * 0.00234), 15.00px)) * 1.1)}}}
@media (min-width:2560px){#foot .pl-day{font-size:calc(12px * 1.1)}}
@media (min-width:2560px){@media (min-width:2561px){#foot .pl-day{font-size:calc(max(12px, min(calc(12.00px + (100vw - 2560px) * 0.00234), 15.00px)) * 1.1)}}}