/* Подключаем базовые переменные и общие правила (предполагается файл basic.css в проекте) */
  @import 'basic.css';

  main {
      justify-content: flex-start;
  }
/* Hero */
.hero {
  background: var(--accent-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-md);
  box-shadow: var(--shadow-sm);
  display: flex;
  align-items: center;
  gap: 1rem;
}
.hero-text {
    width: 100%;
    text-align: center;
}

.hero-text h2 {
  margin: 0;
  font-family: var(--font-roboto);
  font-size: var(--font-size-2xl);
  color: var(--brown-dark);
}
.hero-sub {
  margin: 4px 0 0 0;
  color: var(--brown-very-light);
}
    .project-card { display:grid; grid-template-columns:1fr 420px; gap:1rem; margin-top:1rem; background:#fff;border-radius:12px;padding:1rem; box-shadow:0 6px 20px rgba(0,0,0,0.06); }
    .project-photo img { width:100%; height:100%; object-fit:cover; border-radius:8px; min-height:320px; max-height: 700px; max-width: 900px;}
    .project-photo{ 
      display: flex;
    justify-content: center;
    align-items: center;
    }
    .project-info { display:flex; flex-direction:column; gap:.75rem; }
    .btn { background:#7a4b2a; color:#fff; padding:.7rem 1rem; border-radius:8px; text-decoration:none; font-weight:700; display:inline-block; }
    @media (max-width:980px){ .project-card{grid-template-columns:1fr} }
form { background:#fff; padding:1rem; border-radius:12px; box-shadow:0 6px 20px rgba(0,0,0,0.06); display:flex; flex-direction:column; gap:.75rem; }
    input[type="text"], input[type="number"] { padding:.6rem; border-radius:8px; border:1px solid #e9e5e2; font-size:1rem; width:100%; box-sizing:border-box; }
    .actions { display:flex; gap:.5rem; justify-content:flex-end; margin-top:.5rem; }
    .btn { background:#7a4b2a; color:#fff; padding:.7rem 1rem; border-radius:5px; text-decoration:none; font-size: 1.2rem; font-weight:700; border:0; cursor:pointer; width: 300px;}
    .btn.secondary { background:transparent; color:#5b3d2a; border:1px solid rgba(0,0,0,0.06); font-weight:600; }
.box { background:#fff; padding:1.5rem; border-radius:12px; box-shadow:0 6px 20px rgba(0,0,0,0.06); }
    .btn { display:inline-block; margin-top:1rem; background:#7a4b2a; color:#fff; padding:.6rem 1rem; border-radius:8px; text-decoration:none; font-weight:700; }