/* Homepage offer layer (2026-10-20): hero with two doors (courses / company
   training), the company training section and the one-line workshops strip.
   Loaded after the other home-editorial sheets, so it may refine hero rules. */

.home-hero__copy {
  padding-top: clamp(3rem, 4.5vw, 4.5rem);
  padding-bottom: clamp(2rem, 3.5vw, 3rem);
}

/* Two lines on desktop: "AI kursai" / "ir mokymai įmonėms", so both doors
   stay inside the first screen. */
.home-hero__title {
  max-width: none;
  margin-top: clamp(1.75rem, 4vh, 3rem);
  font-size: clamp(2.8rem, 4.7vw, 4.9rem) !important;
}

.home-hero__lead {
  margin-top: 1.5rem;
}

.home-doors {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
  margin-top: 1.75rem;
}

.home-door {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  padding: 1.15rem 1.2rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.9rem;
  background: rgba(255, 255, 255, 0.045);
}

.home-door__mark {
  color: #cdea81 !important;
  font-family: 'Fira Code', monospace;
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.home-door h2 {
  color: var(--home-white) !important;
  font-size: clamp(1.15rem, 1.6vw, 1.4rem) !important;
  font-weight: 760;
  letter-spacing: -0.03em;
  line-height: 1.15;
}

.home-door > p:not(.home-door__mark) {
  color: rgba(255, 254, 249, 0.72) !important;
  font-size: 0.86rem;
  line-height: 1.55;
}

.home-door > .home-door__meta {
  margin-top: auto;
  padding-top: 0.75rem;
  border-top: 1px dashed rgba(255, 255, 255, 0.22);
  color: var(--home-white) !important;
  font-size: 0.8rem;
  font-weight: 700;
}

.home-door .home-button {
  width: 100%;
  margin-top: 0.4rem;
}

/* Rows of the two doors line up (mark, title, text, meta, button) even when
   one title wraps and the other does not. Side by side only, so phones keep
   the plain stacked cards. */
@media (min-width: 640px) {
  @supports (grid-template-rows: subgrid) {
    .home-doors {
      row-gap: 0.55rem;
    }

    .home-door {
      display: grid;
      grid-row: span 5;
      grid-template-rows: subgrid;
      gap: 0.55rem;
    }

    .home-door > .home-door__meta {
      align-self: end;
    }
  }
}

/* Company training */
.home-training {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(22rem, 0.88fr);
  margin-top: clamp(6rem, 12vw, 11rem);
  overflow: hidden;
  border-radius: 1.25rem;
  background: var(--home-ink);
  color: var(--home-white);
  box-shadow: 0 30px 80px -48px rgba(21, 35, 29, 0.85);
}

.home-training__content {
  display: flex;
  flex-direction: column;
  padding: clamp(2rem, 5vw, 4.5rem);
}

.home-training__content h2 {
  max-width: 13ch;
  margin-top: 2rem;
  color: var(--home-white) !important;
  font-size: clamp(2.5rem, 4.6vw, 4.8rem) !important;
  font-weight: 760;
  letter-spacing: -0.065em;
  line-height: 0.94;
}

.home-training__lead {
  max-width: 38rem;
  margin-top: 1.25rem;
  color: rgba(255, 254, 249, 0.76) !important;
  line-height: 1.65;
}

.home-training__content > .home-mono-label {
  margin-top: 2.25rem;
  color: #cdea81;
}

.home-training__topics,
.home-training__steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
  margin-top: 0.9rem;
}

.home-training__topics li,
.home-training__steps li {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding: 0.95rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 0.7rem;
}

/* Topics are not links: plain ruled rows, so they do not read as buttons or
   as four fixed products. */
.home-training__topics {
  gap: 0 1.5rem;
}

.home-training__topics li {
  padding: 0.75rem 0;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 0;
}

.home-training__topics strong,
.home-training__steps strong {
  color: var(--home-white);
  font-size: 0.92rem;
  line-height: 1.3;
}

.home-training__topics span,
.home-training__steps span {
  color: rgba(255, 254, 249, 0.62);
  font-size: 0.78rem;
  line-height: 1.5;
}

.home-training__steps {
  counter-reset: training-step;
}

.home-training__steps li {
  counter-increment: training-step;
}

.home-training__steps li::before {
  content: counter(training-step, decimal-leading-zero);
  color: var(--home-apple);
  font-family: 'Fira Code', monospace;
  font-size: 0.7rem;
  font-weight: 700;
}

.home-training__formats {
  margin: 1.75rem 0;
  color: rgba(255, 254, 249, 0.66) !important;
  font-size: 0.82rem;
  line-height: 1.6;
}

.home-training__content > .home-button {
  width: fit-content;
}

.home-training__image {
  position: relative;
  min-height: 0;
  overflow: hidden;
}

.home-training__image img {
  position: absolute;
  inset: 0;
  /* Aurimas sits at the right of the landscape photo. */
  object-position: 80% 30%;
}

/* Consultation photo fills its half instead of floating in white space. */
.home-consultation__image {
  position: relative;
  align-self: stretch;
}

.home-consultation__image img {
  aspect-ratio: 1920 / 1280;
  object-position: 40% 30%;
}

@media (min-width: 1024px) {
  .home-consultation__image img {
    position: absolute;
    inset: 0;
    height: 100%;
    aspect-ratio: auto;
  }
}

/* Proof panel follows the consultation panel: give it a section gap. */
.home-trust-slot > .home-proof {
  margin-top: clamp(4rem, 8vw, 7rem);
}

/* Workshops: one line at the end of the page */
.home-workshops-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 2rem;
  min-height: 4.75rem;
  margin-top: 1rem;
  padding: 1rem 1.5rem;
  border: 1px solid rgba(21, 35, 29, 0.15);
  background: rgba(255, 254, 249, 0.72);
}

.home-workshops-line > .home-mono-label {
  color: var(--home-muted);
}

.home-workshops-line__next {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25rem 0.75rem;
  min-height: 2.75rem;
  align-content: center;
  color: var(--home-ink);
}

.home-workshops-line__next span {
  color: var(--home-muted);
  font-size: 0.82rem;
}

.home-workshops-line__next strong {
  font-size: 0.95rem;
}

a.home-workshops-line__next:hover strong {
  text-decoration: underline;
  text-decoration-color: var(--home-apple);
  text-underline-offset: 0.3rem;
}

.home-workshops-line > .home-text-link {
  min-height: 2.75rem;
  margin-left: auto;
}

@media (max-width: 1023px) {
  .home-training {
    grid-template-columns: 1fr;
  }

  .home-training__image {
    order: -1;
    aspect-ratio: 1449 / 1086;
  }
}

@media (max-width: 639px) {
  /* 44px tap targets for the text links on phones. */
  .home-editorial .home-text-link {
    min-height: 2.75rem;
  }

  .home-hero__title {
    margin-top: 2.5rem;
    font-size: clamp(2.6rem, 12.5vw, 3.8rem) !important;
  }

  .home-doors,
  .home-training__topics,
  .home-training__steps {
    grid-template-columns: 1fr;
  }

  .home-training {
    border-radius: 0.85rem;
  }

  .home-training__content {
    padding: 1.4rem;
  }

  .home-training__content h2 {
    font-size: clamp(2.35rem, 12vw, 3.5rem) !important;
  }

  .home-training__content > .home-button {
    width: 100%;
  }

  .home-workshops-line {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 1rem;
  }

  .home-workshops-line > .home-text-link {
    margin-left: 0;
  }
}