:root {
  --ink: #23272d;
  --sky: #3b9ed2;
  --sky-deep: #1f6f9c;
  --amber: #e08d14;
  --paper: #f3f0e8;
  --card: #ffffff;
}
html { scroll-behavior: smooth; }
body { font-family: "Segoe UI", Helvetica, Arial, sans-serif; background: var(--paper); color: var(--ink); }
.nav-link { position: relative; }
.nav-link::after {
  content: "";
  position: absolute;
  left: 0; bottom: -4px;
  width: 0; height: 2px;
  background: var(--sky);
  transition: width .25s ease;
}
.nav-link:hover::after { width: 100%; }
.hero-cut {
  clip-path: polygon(0 0, 100% 0, 82% 100%, 0 100%);
}
@media (max-width: 768px) {
  .hero-cut { clip-path: none; }
}
.lift { transition: transform .25s ease, box-shadow .25s ease; }
.lift:hover { transform: translateY(-4px); box-shadow: 0 16px 30px rgba(35,39,45,.12); }
.img-cover { object-fit: cover; width: 100%; height: 100%; }