/* bittwo.com — landing-specific styles
   Design-system loaded via <link> tags in index.html (parallel, no @import chain).
   This file contains only landing-page layout additions. */

/* ─── page layout ─── */
.landing {
  max-width: var(--bt-content-max);
  margin: 0 auto;
  padding: var(--bt-space-10) var(--bt-space-10) var(--bt-space-6);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

@media (max-width: 480px) {
  .landing {
    padding: var(--bt-space-6) var(--bt-space-5) var(--bt-space-5);
  }
}

.landing-section {
  margin-bottom: var(--bt-space-8);
}

.landing-end {
  margin-bottom: auto;
}

/* footer pushes to bottom via flex auto-margin above */
.landing .bt-footer {
  margin-top: var(--bt-space-6);
}

/* ─── images inside work cards ─── */
.bt-work-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}