/* Verant Studio — Strategie & výzkum theme
   Shared service system variant 03: direction, exploration, decision. */

.service-page--research {
  --research-ink: #4b2f21;
  --research-muted: #735f53;
  --research-accent: #e96f31;
  --research-accent-soft: #ef9a69;
  --research-line: rgba(117, 73, 34, .12);
}

.service-page--research .ux-audit-hero-hero.service-hero-shell {
  background:
    radial-gradient(circle at 86% 12%, rgba(241,119,53,.18), transparent 34%),
    radial-gradient(circle at 8% 88%, rgba(184,124,87,.09), transparent 29%),
    linear-gradient(145deg, #f2d7c8 0%, #f5e4da 48%, #eaded8 100%);
  border-color: rgba(117,73,34,.11);
  box-shadow: 0 34px 88px rgba(86,52,30,.12);
}

.service-page--research .service-hero-shell::before {
  content: "03";
  color: rgba(117,73,34,.045);
}

.service-page--research .service-eyebrow {
  color: #a95a32;
}

.service-page--research .service-hero h2 {
  color: var(--research-ink);
}

.service-page--research .service-hero > p {
  color: #6c584d;
}

.service-page--research .service-hero > p strong {
  color: #4a3024;
}

.service-page--research .service-hero .service-secondary-link,
.service-page--research .service-hero .funnel-hero-secondary {
  color: #754922;
  border-bottom-color: rgba(117,73,34,.34);
}

.service-page--research .service-hero .hero-image {
  background: rgba(255,250,247,.48);
  border-color: rgba(117,73,34,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 27px 58px rgba(86,52,30,.12);
}

.service-page--research .service-hero .hero-image::before {
  content: "STRATEGIE / VÝZKUM / ROZHODNUTÍ";
  color: #876b5b;
}

.service-page--research .service-hero .hero-image img {
  border-color: rgba(117,73,34,.10);
}

.service-page--research .service-hero-visual-note span {
  color: #735f53;
  background: rgba(255,255,255,.48);
  border-color: rgba(117,73,34,.10);
}

.service-page--research .service-signal {
  background: rgba(255,250,247,.86);
  border-color: rgba(117,73,34,.11);
  box-shadow: 0 16px 38px rgba(86,52,30,.055);
}

.service-page--research .service-signal small,
.service-page--research .service-intro-panel::before,
.service-page--research .ux-audit-body > h3::before,
.service-page--research .ux-audit-body .margin-top > h3::before {
  color: #a65b34;
}

.service-page--research .service-intro-panel {
  background:
    radial-gradient(circle at 92% 8%, rgba(241,119,53,.08), transparent 34%),
    linear-gradient(135deg, rgba(255,250,247,.93), rgba(245,232,224,.90));
  border-color: rgba(117,73,34,.11);
  box-shadow: 0 22px 58px rgba(86,52,30,.055);
}

.service-page--research .service-process-intro {
  background: rgba(233,111,49,.055);
  border-color: rgba(233,111,49,.11);
  color: #755b4c;
}

.service-page--research .service-process-intro span:last-child {
  color: #b75c2d;
}

.service-page--research .vyvoj-spoluprace.service-process-card {
  background:
    linear-gradient(135deg, rgba(255,250,247,.90), rgba(248,239,233,.80));
  border-color: rgba(117,73,34,.105);
  box-shadow: 0 15px 40px rgba(86,52,30,.045);
}

.service-page--research .service-process-card::before {
  background: linear-gradient(180deg, #e96f31, rgba(233,111,49,.16));
}

.service-page--research .service-process-card .step-number {
  background: #e96f31;
  box-shadow: 0 9px 20px rgba(233,111,49,.17);
}

.service-page--research .related-case-study.service-proof-card {
  background:
    radial-gradient(circle at 88% 10%, rgba(241,119,53,.15), transparent 31%),
    linear-gradient(145deg, #765346 0%, #634538 58%, #54392f 100%);
  box-shadow: 0 26px 66px rgba(86,52,30,.12);
}

.service-page--research .cta.service-cta-card {
  background:
    radial-gradient(circle at 92% 10%, rgba(241,119,53,.09), transparent 28%),
    linear-gradient(135deg, #f4ded1, #fffaf7 70%);
}

.service-page--research .funnel-next {
  background:
    radial-gradient(circle at 88% 12%,rgba(241,119,53,.14),transparent 31%),
    linear-gradient(145deg,#765346 0%,#634538 55%,#54392f 100%) !important;
  border-color: rgba(255,244,236,.12) !important;
  box-shadow: 0 26px 66px rgba(86,52,30,.13) !important;
}

/* Desktop-only hero composition. Mobile and tablet keep the shared service layout. */
@media (min-width: 901px) {
  .service-page--research .ux-audit-hero-hero.service-hero-shell {
    width: min(1280px, calc(100% - 40px));
    max-width: 1280px;
  }

  .service-page--research .ux-audit-hero.service-hero {
    grid-template-columns: minmax(0, 1.12fr) minmax(420px, .88fr);
    grid-template-rows: auto auto auto auto auto;
    column-gap: clamp(54px, 5.5vw, 86px);
    row-gap: 0;
    align-items: start;
    padding: clamp(62px, 6vw, 84px) clamp(58px, 6vw, 86px) clamp(64px, 6vw, 84px);
  }

  .service-page--research .service-hero > .service-eyebrow {
    grid-column: 1;
    grid-row: 1;
    margin: 0 0 20px;
  }

  .service-page--research .service-hero > h2 {
    grid-column: 1;
    grid-row: 2;
    max-width: 650px;
    margin: 0 0 26px;
    font-size: clamp(3.25rem, 4.35vw, 4.85rem);
    line-height: .96;
    text-wrap: balance;
  }

  .service-page--research .service-hero > p:not(.service-eyebrow) {
    grid-column: 1;
    max-width: 620px;
  }

  .service-page--research .service-hero > p:not(.service-eyebrow):nth-of-type(2) {
    grid-row: 3;
    margin: 0;
    font-size: clamp(1rem, 1.18vw, 1.11rem);
    line-height: 1.72;
  }

  .service-page--research .service-hero > p:not(.service-eyebrow):nth-of-type(3) {
    grid-row: 4;
    max-width: 575px;
    margin: 22px 0 0;
    padding: 17px 19px;
    border: 1px solid rgba(117,73,34,.11);
    border-left: 3px solid rgba(233,111,49,.76);
    border-radius: 0 16px 16px 0;
    background: rgba(255,250,247,.42);
    color: #6f574b;
    font-size: .92rem;
    line-height: 1.62;
    box-shadow: 0 10px 30px rgba(86,52,30,.04);
  }

  .service-page--research .service-hero > .cta-hero-podstranky {
    grid-column: 1;
    grid-row: 5;
    margin-top: 28px;
  }

  .service-page--research .service-hero > .hero-image {
    grid-column: 2;
    grid-row: 1 / 6;
    align-self: center;
    width: 100%;
    max-width: 510px;
    margin: 0;
    padding: 15px;
    border-radius: 30px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.62), 0 34px 76px rgba(86,52,30,.14);
  }

  .service-page--research .service-hero > .hero-image::after {
    content: "Od otázky k rozhodnutí";
    position: absolute;
    right: 18px;
    bottom: -16px;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 13px;
    border-radius: 999px;
    background: #6d4c3f;
    color: #fffaf7;
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 12px 28px rgba(86,52,30,.17);
    font-family: "Barlow", sans-serif;
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .04em;
  }

  .service-page--research .service-hero > .hero-image img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }
}

@media (hover:hover) and (pointer:fine) {
  .service-page--research .service-process-card:hover {
    border-color: rgba(233,111,49,.20);
    box-shadow: 0 22px 52px rgba(86,52,30,.075);
  }
}