/* =========================================================
   LUCOL ENGINEERING — construction page
   ========================================================= */

* { box-sizing: border-box; }
html, body { min-height: 100%; margin: 0; }
body { font-family: Arial, Helvetica, sans-serif; color: #111; background: radial-gradient(circle at 50% 45%, rgba(0,0,0,0.025), transparent 45%), linear-gradient(135deg,#fff 0%,#fafafa 50%,#fff 100%); }
.page { min-height: 100vh; display: flex; flex-direction: column; }

/* ---------- Main content ---------- */
.construction { flex: 1; min-height: 75vh; display: flex; align-items: center; justify-content: center; padding: 5vw; }
.construction-content { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; }
.logo { width: min(70vw,18rem); height: auto; }

/* ---------- Language switcher ---------- */
.language-switcher { position: absolute; top: -3rem; right: 0; display: flex; gap: 0.15rem; }
.language-switcher button { border: 0; padding: 0.2rem 0.4rem; background: transparent; color: #999; font: inherit; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em; cursor: pointer; }
.language-switcher button.active { color: #111; }
.language-switcher button:hover { color: #b51218; }

/* ---------- Construction message ---------- */
.accent { width: 2.5rem; height: 2px; margin: 2rem 0 1.5rem; background: #b51218; }
h1 { margin: 0; font-size: clamp(0.75rem,1.2vw,1rem); font-weight: 700; letter-spacing: 0.22em; }
.back { margin-top: 2rem; color: #777; font-size: 0.65rem; font-weight: 700; letter-spacing: 0.18em; text-decoration: none; transition: color 0.25s ease, transform 0.25s ease; }
.back:hover { color: #111; transform: translateX(-0.25rem); }

/* ---------- Footer ---------- */
.site-footer { padding: 1rem 5vw clamp(1.25rem,3vh,2rem); text-align: center; font-size: clamp(0.55rem,0.65vw,0.7rem); letter-spacing: 0.08em; color: #888; }
.footer-line { width: clamp(3rem,5vw,4.5rem); height: 1px; margin: 0 auto clamp(0.7rem,1.5vh,1rem); background: rgba(0,0,0,0.12); }

@media (max-width: 500px) {
    .construction { min-height: 70vh; }
    .language-switcher { top: -2.6rem; }
    .language-switcher button { font-size: 0.68rem; padding: 0.2rem 0.32rem; }
}