/* ====== Base ====== */
:root{
  --max: 1200px;
  --pad: 40px;
  --gap: 40px;
  --text: #111;
  --muted: #777;
  --line: rgba(0,0,0,.08);
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  color:var(--text);
  background:#fff;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
}

a{ color:inherit; text-decoration:none; }

.container{
  width:min(var(--max), 100%);
  margin:0 auto;
  padding:0 var(--pad);
}

/* ====== Header ====== */
.site-header{
  padding: 36px 0 10px;
}
.header-inner{
  width:min(var(--max), 100%);
  margin:0 auto;
  padding:0 var(--pad);
  display:flex;
  justify-content:center;
}
.logo{
  font-size: 18px;
  letter-spacing:.12px;
}

/* ====== Home ====== */
.home{
  width:min(var(--max), 100%);
  margin:0 auto;
  padding: 0 var(--pad) 80px;
  min-height:100vh;
}

.hero-title{
  margin: 56px 0 56px;
  text-align:center;
  font-weight: 700;
  font-size: 48px;   /* меньше, чем у тебя сейчас */
  line-height: 1.08;
}

.grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 46px;
}

/* карточка проекта */
.project-card{
  display:block;
}

.project-title-row{
  display:flex;
  justify-content:flex-start;
  align-items:baseline;
  gap:10px;
  margin: 0 0 10px;
}

.project-title{
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.project-tag{
  font-size: 14px;
  color: var(--muted);
  font-weight: 400;
  text-decoration: none;
}

/* ОБЛОЖКИ: больше + без кропа */
.project-cover{
  width:100%;
  height: 520px;          /* делает обложки крупными */
  object-fit: contain;    /* ключевое: НЕ ОБРЕЗАТЬ */
  display:block;
}

/* ====== Project page ====== */
.project{
  width:min(var(--max), 100%);
  margin:0 auto;
  padding: 0 var(--pad) 90px;
}

.back-link{
  display:inline-block;
  margin: 18px 0 14px;
  color: var(--muted);
  font-size: 14px;
}

.project-head{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items:start;
  margin: 12px 0 28px;
}

.project-h1{
  margin:0;
  font-weight: 800;
  font-size: 76px;     /* это “большой” заголовок проекта как на нетлифай */
  line-height: 0.95;
}

.project-description{
  font-size: 18px;
  line-height: 1.35;
  color: #222;
  padding-top: 12px;
  text-align:left;
}

/* галерея */
.project-gallery{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 46px;
  margin-top: 18px;
}

.project-image{
  width:100%;
  height:auto;
  display:block;
}

/* навигация */
.project-nav{
  display:flex;
  justify-content:flex-end;
  margin: 40px 0 0;
}

.next-link{
  font-size: 16px;
  text-decoration:none;
}

/* ====== Footer ====== */
.site-footer{
  margin-top: 80px;
  padding-top: 40px;
}

.footer-inner{
  text-align:center;
}

.footer-title{
  font-size: 14px;
  margin-bottom: 10px;
}

.footer-links{
  font-size: 14px;
  line-height: 1.7;
}

.footer-links a{
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ====== Responsive ====== */
@media (max-width: 980px){
  :root{ --pad: 22px; }
  .grid{ grid-template-columns: 1fr; }
  .project-cover{ height: 520px; } /* остаётся крупной */
  .project-head{
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .project-h1{ font-size: 58px; }
  .project-gallery{ grid-template-columns: 1fr; }
  .hero-title{ font-size: 36px; }
}