Why do we do it?
Our work is built on precision and technology. Every day, we work with machines that help build – pipelines, networks, infrastructure. In our work, we are used to seeing results immediately. You turn on the machine, solve the problem, and move on. At ant s.r.o., however, we realize that what shapes the landscape in the long term is just as important.
Trees have their own dynamics. They don’t provide immediate results but long-term value – for the environment, people, and future generations. They grow slowly, but their significance is all the greater – they improve the environment we live in and help maintain balance in the landscape.
Real changes don’t start on the surface. They are born in the ground – beneath our feet, in the roots that gradually grow and strengthen the land. This is exactly what the trees we planted this year in Veľký Biel are like. And that is exactly our approach – step by step, building things that make long-term sense and bring positive results.
✅ Because to grow means to give.
prose container so DB-authored HTML reads consistently with the rest of the
site. */
.kl-article { color: var(--ink-700, #25272c); font-size: 16.5px; line-height: 1.72; }
.kl-article > *:first-child { margin-top: 0; }
.kl-article > *:last-child { margin-bottom: 0; }
.kl-article p { margin: 0 0 1.15em; }
.kl-article > p:first-of-type:not(.no-lead) {
font-size: 19px; line-height: 1.62; color: var(--ink-800, #1a1b1f);
margin-bottom: 1.6em;
}
.kl-article h2 {
font-size: 26px; font-weight: 900; color: var(--ink-900, #0b0b0e);
margin: 2.4em 0 0.85em; padding-left: 16px;
border-left: 5px solid var(--brand-600, #15326a);
line-height: 1.22; letter-spacing: -0.015em;
scroll-margin-top: 110px;
}
.kl-article > h2:first-child { margin-top: 0.4em; }
.kl-article h3 {
font-size: 19.5px; font-weight: 800; color: var(--ink-900, #0b0b0e);
margin: 1.8em 0 0.55em; letter-spacing: -0.005em;
}
.kl-article h4 {
font-size: 16.5px; font-weight: 800; color: var(--ink-800, #1a1b1f);
margin: 1.5em 0 0.4em;
}
.kl-article ul { list-style: none; padding-left: 0; margin: 0 0 1.4em; }
.kl-article ul li { position: relative; padding-left: 1.5em; margin: 0.45em 0; }
.kl-article ul li::before {
content: ""; position: absolute; left: 0.45em; top: 0.72em;
width: 7px; height: 7px; border-radius: 2px;
background: var(--brand-500, #1a3e7a);
}
.kl-article ul ul { margin: 0.45em 0; }
.kl-article ul ul li::before { background: var(--ink-300, #9aa0a8); }
.kl-article ol { counter-reset: kl-ol; list-style: none; padding-left: 0; margin: 0 0 1.4em; }
.kl-article ol li { counter-increment: kl-ol; position: relative; padding-left: 2.2em; margin: 0.45em 0; }
.kl-article ol li::before {
content: counter(kl-ol) "."; position: absolute; left: 0; top: 0;
color: var(--brand-600, #15326a); font-weight: 800; font-variant-numeric: tabular-nums;
}
.kl-article strong, .kl-article b { color: var(--ink-900, #0b0b0e); font-weight: 800; }
.kl-article a {
color: var(--brand-500, #1a3e7a); text-decoration: underline;
text-underline-offset: 3px; text-decoration-thickness: 1px;
}
.kl-article a:hover { color: var(--brand-600, #15326a); text-decoration-thickness: 2px; }
.kl-article table {
width: 100%; border-collapse: separate; border-spacing: 0;
margin: 1.8em 0; font-size: 14.5px;
border: 1px solid var(--ink-100, #e6e8ec); border-radius: 12px; overflow: hidden;
background: #fff;
}
.kl-article thead { background: var(--ink-50, #f4f5f7); }
.kl-article th {
text-align: left; padding: 12px 16px; font-weight: 800;
color: var(--ink-900, #0b0b0e); font-size: 12.5px;
text-transform: uppercase; letter-spacing: 0.04em;
border-bottom: 1px solid var(--ink-100, #e6e8ec);
}
.kl-article td {
padding: 12px 16px; border-bottom: 1px solid var(--ink-100, #e6e8ec);
color: var(--ink-700, #25272c); vertical-align: top;
}
.kl-article tr:last-child td { border-bottom: none; }
.kl-article tbody tr:nth-child(even) { background: var(--ink-50, #f4f5f7); }
.kl-article blockquote {
border-left: 4px solid var(--brand-500, #1a3e7a);
padding: 0.8em 0 0.8em 1.3em; margin: 1.6em 0;
color: var(--ink-600, #34363c); font-style: italic;
background: var(--ink-50, #f4f5f7); border-radius: 0 8px 8px 0;
}
.kl-article code {
background: var(--ink-100, #e6e8ec); color: var(--ink-700, #25272c);
padding: 2px 6px; border-radius: 4px;
font-family: 'SF Mono', Monaco, monospace; font-size: 13.5px;
}
.kl-article figure { margin: 1.8em 0; }
.kl-article figure img {
width: 100%; height: auto; border-radius: 12px;
border: 1px solid var(--ink-100, #e6e8ec);
}
.kl-article figure figcaption {
margin-top: 8px; font-size: 13.5px; color: var(--ink-400, #6b7079);
font-style: italic; text-align: center;
}
/* Emoji-prefixed callouts (auto-promoted by the script below). */
.kl-article p.callout {
position: relative; padding: 14px 18px 14px 56px; margin: 1.6em 0;
border-radius: 10px; border-left: 4px solid;
font-size: 15.5px; line-height: 1.6;
}
.kl-article p.callout::before { position: absolute; left: 16px; top: 14px; font-size: 22px; line-height: 1; }
.kl-article p.callout strong { color: inherit; }
.kl-article p.callout-warning { background: #fffbeb; border-left-color: #f59e0b; color: #78350f; }
.kl-article p.callout-warning::before { content: "⚠️"; }
.kl-article p.callout-tip { background: #eef2ff; border-left-color: var(--brand-500, #1a3e7a); color: #1e3a8a; }
.kl-article p.callout-tip::before { content: "💡"; }
.kl-article p.callout-info { background: #eff6ff; border-left-color: #3b82f6; color: #1e3a8a; }
.kl-article p.callout-info::before { content: "ℹ️"; }
.kl-article p.callout-success { background: #ecfdf5; border-left-color: #10b981; color: #064e3b; }
.kl-article p.callout-success::before { content: "✅"; }
.kl-article p.callout-danger { background: #fef2f2; border-left-color: #ef4444; color: #7f1d1d; }
.kl-article p.callout-danger::before { content: "❌"; }
@media (max-width: 640px) {
.kl-article { font-size: 15.5px; }
.kl-article > p:first-of-type:not(.no-lead) { font-size: 17px; }
.kl-article h2 { font-size: 22px; margin-top: 2em; padding-left: 12px; border-left-width: 4px; }
.kl-article h3 { font-size: 17.5px; }
.kl-article table { font-size: 13.5px; }
.kl-article th, .kl-article td { padding: 10px 12px; }
}
