/* =====================================================================
   v11 — αλλαγές πάνω στη v10 (φορτώνεται μετά το v10.css)
   ===================================================================== */

/* ---------- Λύσεις: η παλιά σύνθεση δίνει τη θέση της στη νέα, στον ίδιο χρόνο με τα ανθρωπάκια (~0.42s) ----------
   --d: 1 όταν κατεβαίνουμε (η νέα έρχεται από κάτω, η παλιά φεύγει προς τα πάνω), -1 όταν ανεβαίνουμε.
   Η παλιά φεύγει πρώτη (0.14s) και η νέα μπαίνει αμέσως μετά (0.16s → 0.42s): ποτέ δύο τίτλοι πάνω στον ίδιο χώρο. */
.sol { --d: 1; }
.sol__item { opacity: 0; transform: translate3d(0, calc(var(--d) * 22px), 0);
  transition: opacity .14s cubic-bezier(.4, 0, 1, 1), transform .14s cubic-bezier(.4, 0, 1, 1); }
.sol__item.out { opacity: 0; transform: translate3d(0, calc(var(--d) * -22px), 0); }
.sol__item.on { opacity: 1; transform: none;
  transition: opacity .26s cubic-bezier(.2, .7, .2, 1) .16s, transform .26s cubic-bezier(.2, .7, .2, 1) .16s; }
.sol__nav button { transition: color .25s, background .25s, border-color .25s; }

/* ---------- Απόδοση ---------- */
/* «Υφή» του φόντου: ενσωματωμένη στο ίδιο το φόντο (ζωγραφίζεται μία φορά), χωρίς mix-blend-mode που ξαναϋπολογίζεται σε κάθε καρέ */
.env::after { display: none; }
.env { background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.3  0 0 0 0 0.3  0 0 0 0 0.35  0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
  linear-gradient(180deg, var(--bg-0), var(--bg-1) 50%, var(--bg-2)); }
#lines { will-change: auto; }
/* 3D: μικρός καμβάς μέσα στο footer */
.foot__mark { position: relative; }
.foot__gl { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: none; }
/* ελαφριά λειτουργία (ενεργοποιείται αυτόματα μόνο αν η συσκευή δεν προλαβαίνει): χωρίς θόλωση πίσω από header και κάρτες */
.lite .hdr, .lite .sheet { backdrop-filter: none; -webkit-backdrop-filter: none; background: rgba(250, 248, 245, .94); }
.lite .ncard { filter: none !important; }