*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* МЫ ПЕРЕНЕСЛИ СЕТКУ НА СУПЕР-РОДИТЕЛЯ BODY */
body {
  display: grid;
  grid-template-columns: 2fr 1fr; /* Делим экран прямо тут */
  min-height: 100vh;
  align-items: start;

  /* Ваши точные настройки шрифта */
  font-family: "Inter", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 500;
  color: #2097F8;
  background-color: #ffffff;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

a {
  color: #2097F8;
  text-decoration: underline;
}
a:hover {
  color: #135993;
  text-decoration: none;
}

/* ЛЕВАЯ ЧАСТЬ */
.content-side {
  display: flex;
  flex-direction: column;
  row-gap: 50px;      
  padding: 5px 0px 0px 15%; /* Отступ сверху ровно 5px */
  min-height: 100vh; 
}

/* H1 теперь точно как обычный текст */
.hero-section h1 {
  font-size: 12px;
  font-weight: 500;
}

/* СТРУКТУРА СТРОК СЕКЦИЙ */
.info-row {
  display: grid;
  grid-template-columns: 70px 1fr; /* 100px под заголовок строки */
  align-items: start;
}

/* Заголовки строк без жирности, вес 500 */
.label {
  font-weight: 500;
}

/* АЛФАВИТ */
.index-sublist {
  list-style: none;
  display: flex;
  flex-direction: column;
  row-gap: 3px; 
}

.index-item {
  display: grid;
  grid-template-columns: 20px 1fr; 
  font-family: "IBM Plex Mono", monospace;
}

.index-item a {
  font-family: "Inter", Helvetica, Arial, sans-serif;
  display: inline-block;
  white-space: nowrap; /* Запрещает перенос слов внутри ссылок */
}

.index-item.disabled {
  opacity: 0.4; 
}

/* КОНТАКТЫ */
.contacts-group {
  display: flex;
  column-gap: 20px; 
}

.contact-card {
  display: flex;
  flex-direction: column; /* Кнопка уходит под ссылку */
  align-items: flex-start;
}

/* КНОПКА COPY */
.copy-btn {
  background: none;
  border: none;
  padding: 0;
  font-family: "IBM Plex Mono", monospace;
  font-size: 12px;
  font-weight: 500;
  color: #2097F8;
  cursor: pointer;
  margin-top: 3px;
}
.copy-btn:hover {
  color: #135993;
  opacity: 1;
  text-decoration: none;
}

/* ФУТЕР */
.footer-section {
  margin-top: auto; 
  margin-bottom: 5px;
  padding-top: 40px;
}

/* ПРАВАЯ ЧАСТЬ С КАРТИНКОЙ */
.image-side {
  width: 100%;
  height: 100vh;
  position: sticky; 
  top: 0;
}

.image-side img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover; 
}

/* МОБИЛЬНАЯ АДАПТАЦИЯ */
@media (max-width: 768px) {
  body {
    grid-template-columns: 1fr; /* На мобилках в одну колонку */
  }
  .content-side {
    padding: 20px;
  }
  .contacts-group {
    flex-direction: column;
    row-gap: 20px;
  }
  .image-side {
    height: 65vh; 
    position: relative; 
  }
}

/*
:root, h1, h2, h3, p {
    font-family: "Inter", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.25;
    font-weight: 500;
    font-style: normal;
    color: #2097F8;
    font-optical-sizing: auto;
    margin-top: 0;
    margin-bottom: 0;
}

.image {
    position: absolute;
    top: 0;
    right: 0;
    height: 1600;
    width: 900;
}

.text-button {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  color: #2097F8; 
  text-decoration: none;
  cursor: pointer; 

.page-wrapper {
  display: flex;
  flex-direction: column;
  padding-left: 10%;
}

.margins-1 {
    margin-top: 0;
    margin-bottom: 2%;
    margin-left: 0;
    margin-right: 0;
}
*/