/** Сторінка «Портфоліо» — макет MacBook Pro - 5 (1728×3830). */

.page--portfolio .page-hero { padding: 367px 0 0; min-height: 830px; }

.page--portfolio .page-hero__title {
  font-weight: 300;
  font-size: var(--fs-h1);
  line-height: 121.6px;
  text-transform: uppercase;
}
.page--portfolio .page-hero__text {
  margin-top: 8px;
  max-width: 605px;
  font-weight: 100;
  font-size: var(--fs-lg);
  line-height: 35.8px;
}

/* Кожна група стає на свою висоту з макета (873 / 1690 / 2496) */
.portfolio-group:nth-of-type(2) { padding-top: 43px; }
.portfolio-group:nth-of-type(3) { padding-top: 224px; }
.portfolio-group:nth-of-type(4) { padding-top: 224px; }

.portfolio-group .sec-head { row-gap: 0; }
.portfolio-group .sec-head__arrows {
  margin-top: -63px;
  /* Зсув саме стрілок, а не потоку: через margin картки з'їжджали разом із ними.
     Макет: стрілки на 852 / 1670 / 2476, картки на 979 / 1785 / 2622. */
  position: relative;
  top: 8px;
}

.portfolio-group__track { gap: 22px; }
/* Відступ від заголовка до карток у макеті різний по групах */
.portfolio-group:nth-of-type(2) .portfolio-group__track { margin-top: 58px; }
.portfolio-group:nth-of-type(3) .portfolio-group__track { margin-top: 47px; }
.portfolio-group:nth-of-type(4) .portfolio-group__track { margin-top: 78px; }

.page--portfolio .case-card { flex: 0 0 672px; }
.page--portfolio .case-card__link { height: 487px; }

.page--portfolio .page-outro { padding-top: 259px; padding-bottom: 316px; }
.page--portfolio .page-outro .btn { height: 89px; }

/* На сторінці «Портфоліо» заголовки категорій і підписи карток більші, ніж на головній */
.portfolio-group .sec-head__lead {
  font-size: var(--fs-h3);
  line-height: 35px;
}

.page--portfolio .case-card__eyebrow {
  font-size: 21.6px;
  line-height: 27.6px;
}

.page--portfolio .case-card__title {
  font-size: 30px;
  line-height: 38.4px;
}

.page--portfolio .contact-strip a {
  font-weight: 100;
  font-size: var(--fs-lg);
  line-height: 32px;
}


/* ---------------------------------------------------------------------
   Затемнювальні шари сторінки «Портфоліо» — 1:1 з Figma (MacBook Pro - 5).
   --------------------------------------------------------------------- */
.portfolio-bg { position: absolute; inset: 0; z-index: -1; overflow: hidden; }
.veils--portfolio .veil--1 { left: 7px;  top: -60px;  width: max(1757px, calc(100% - 7px)); height: 789px;
  background: linear-gradient(180deg, #1D1D1D 158px, rgba(29, 29, 29, 0.02) 551px); }
.veils--portfolio .veil--2 { left: -1px; top: 2849px; width: max(1757px, calc(100% + 1px)); height: 981px;
  background: linear-gradient(180deg, #1D1D1D 540px, rgba(29, 29, 29, 0.76) 643px, rgba(29, 29, 29, 0.02) 945px); }
.veils--portfolio .veil--3 { display: none; }


/* Плашка «відкрити кейс» на цій сторінці більша, ніж на головній (макет: 103×91) */
.page--portfolio .case-card__go {
  height: 91px;
  padding: 36px 42px;
  border-radius: 12px;
}
.page--portfolio .case-card__go .icon--arrow-ur {
  width: 19.19px;
  height: 19.19px;
}