/* Birdline 2026 — unified button system (brand manual 2026)
   One geometry, one type treatment, three roles: primary / outline / quiet. */

.bl-btn,
a.bl-btn {
  --bl-btn-clip: none; /* classic rounded rectangle */
  --bl-btn-tilt: 0deg;
  --bl-btn-radius: 999px;
  --bl-poly-texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 60' preserveAspectRatio='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpolygon points='0,0 62,0 28,60 0,60'/%3E%3Cpolygon points='96,0 150,0 176,60 122,60'/%3E%3Cpolygon points='196,0 240,0 240,34'/%3E%3C/g%3E%3Cg fill='%23000000' fill-opacity='0.045'%3E%3Cpolygon points='62,0 96,0 122,60 28,60'/%3E%3Cpolygon points='150,0 196,0 216,60 176,60'/%3E%3Cpolygon points='216,60 240,34 240,60'/%3E%3C/g%3E%3C/svg%3E");

  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 0.82rem;
  letter-spacing: -0.01em;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  min-height: 54px;
  padding: 0 1.5rem;
  border: 0;
  border-radius: var(--bl-btn-radius);
  cursor: pointer;
  text-decoration: none;
  transition: transform 0.18s cubic-bezier(0.2, 0.8, 0.2, 1), background 0.18s,
    box-shadow 0.18s, color 0.18s, border-color 0.18s;
}

.bl-btn > span:first-child { white-space: nowrap; }

.bl-btn .arrow-icon,
.bl-btn .play-icon {
  width: 1.05rem;
  height: 1.05rem;
  flex: none;
  transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.bl-btn:hover .arrow-icon { transform: translateX(3px); }

/* --- primary: orange --- */
.bl-btn-primary {
  clip-path: var(--bl-btn-clip);
  color: var(--white);
  background-image: var(--bl-poly-texture),
    linear-gradient(115deg, var(--orange-light), var(--orange) 58%, var(--orange-dark));
  background-size: 100% 100%, 100% 100%;
  background-repeat: no-repeat;
  box-shadow: 0 12px 24px #d83a003d;
  padding: 0 1.35rem 0 1.6rem;
}
.bl-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 30px #d83a004d;
}
/* legacy decorative svg inside poly buttons is replaced by the unified fill */
.bl-btn-primary .poly-button-art { display: none !important; }
/* unify: no circular mark, plain arrow like the primary poly button */
.bl-btn-primary .nav-cta-mark {
  width: auto;
  height: auto;
  background: none;
  clip-path: none;
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  flex: none;
}

/* --- turquoise: same geometry + texture, brand blue --- */
.bl-btn-turquoise {
  clip-path: var(--bl-btn-clip);
  color: var(--white);
  background-image: var(--bl-poly-texture),
    linear-gradient(115deg, var(--turquoise), var(--turquoise) 55%, var(--turquoise-dark));
  background-size: 100% 100%, 100% 100%;
  background-repeat: no-repeat;
  box-shadow: 0 12px 24px #0e8ba33d;
  padding: 0 1.35rem 0 1.6rem;
}
.bl-btn-turquoise:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 30px #0e8ba34d;
}
.bl-btn-turquoise .poly-button-art { display: none !important; }
.bl-btn-turquoise .play-icon { width: 1.45rem; height: 1.45rem; }

/* --- outline: same silhouette, navy line --- */
.bl-btn-outline {
  clip-path: var(--bl-btn-clip);
  color: var(--text-navy);
  background-image: var(--bl-poly-texture), linear-gradient(var(--white), var(--white));
  background-size: 100% 100%, 100% 100%;
  background-repeat: no-repeat;
  box-shadow: inset 0 0 0 2px var(--text-navy);
}
.bl-btn-outline:hover {
  color: var(--turquoise-dark);
  box-shadow: inset 0 0 0 2px var(--turquoise);
  transform: translateY(-2px);
}
.bl-btn-outline .play-icon { width: 1.55rem; height: 1.55rem; }





/* --- quiet: inline accent link, same type scale --- */
.bl-btn-quiet {
  min-height: 0;
  padding: 0.35rem 0;
  gap: 0.5rem;
  color: var(--accent, var(--service-accent, var(--case-accent, var(--orange))));
  background: none;
  box-shadow: none;
  position: relative;
}
.bl-btn-quiet::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.bl-btn-quiet:hover::after { transform: scaleX(1); }

@media (max-width: 640px) {
  .bl-btn { width: 100%; }
  .bl-btn-quiet { width: auto; }
}

/* keep the original responsive visibility rules intact */
.mobile-contact.bl-btn { display: none; }
@media (max-width: 900px) {
  .mobile-contact.bl-btn { display: inline-flex; }
  .nav-cta.bl-btn { display: none; }
}

/* --- Pain story route: mierne nepravidelná (ručne kreslená) čiara --- */
.pain-story-route::before,
.pain-story-route::after { display: none !important; }

.pain-story-route .pain-story-route-art {
  position: absolute;
  left: 52px;
  right: 52px;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  height: 46px;
  z-index: 0;
  overflow: visible;
  pointer-events: none;
}

.pain-story-route .pain-story-route-art path {
  fill: none;
  stroke-linecap: butt;
  stroke-width: 2;
}

.pain-story-route .pain-story-route-art-solid { stroke: #28b9cf; }
.pain-story-panel.is-solution .pain-story-route .pain-story-route-art-solid { stroke: #ec6608; }

.pain-story-route .pain-story-route-art-dashed {
  stroke: rgba(37, 36, 51, 0.42);
  stroke-dasharray: 6 7;
}

/* --- Hero clean-up: list len na vrchu, žiadny fixnutý parallax list, žiadny vtáčik ani trasa --- */
.scroll-foliage,
.scroll-foliage .scroll-leaf,
.dotted-trail,
.trail-line,
.trail-toucan,
.nav-hero-route,
.nav-route-path,
.nav-route-toucan,
.corner-leaf,
.corner-leaf-bl,
.hero-brand-line {
  display: none !important;
}

/* --- Pain story panel: kontrast podľa brand manuálu (navy #252433 na tyrkysovej) --- */
.pain-story-panel.is-problem .pain-story-polygon {
  background: linear-gradient(118deg, rgba(255,255,255,.14) 0 23%, transparent 23% 56%, rgba(37,36,51,.09) 56% 72%, transparent 72%), #28b9cf;
}

.pain-story-panel.is-problem .pain-story-polygon-copy > p,
.pain-story-panel.is-problem .pain-story-polygon-copy blockquote {
  color: #252433;
}

.pain-story-panel.is-problem .pain-story-polygon-copy > p { opacity: .82; }

/* Riešenie: biely text na oranžovej ostáva, ale eyebrow zosilníme */
.pain-story-panel.is-solution .pain-story-polygon-copy > p { color: #fff; opacity: .9; }
.pain-story-panel.is-solution .pain-story-polygon-copy blockquote,
.pain-story-panel.is-solution .pain-story-polygon-copy strong { color: #fff; }
.pain-story-panel.is-solution .pain-story-polygon-copy blockquote::after { background: #252433; }

/* --- Portrét vľavo, dolu zarovnaný s polygónom, vytŕča len hornou časťou --- */
.pain-story-panel { position: relative; }

/* text nesmie kolidovať s portrétom — necháme mu vľavo priestor */
.pain-story-panel .pain-story-polygon-copy {
  grid-column: 2;
  max-width: 100%;
  text-align: center;
  align-items: center;
  padding-left: calc(min(34%, 300px) + clamp(1rem, 2.4vw, 2.1rem));
}
.pain-story-panel .pain-story-polygon-copy > p,
.pain-story-panel .pain-story-polygon-copy blockquote {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}


.pain-story-panel .pain-story-person {
  position: absolute;
  z-index: 1;
  left: clamp(1.75rem, 3vw, 3rem);
  right: auto;
  top: auto;
  width: min(34%, 300px);
  height: auto;
  max-height: none;
  margin: 0;
  padding: 0;
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 22px 26px rgba(37, 36, 51, 0.22));
  pointer-events: none;
}

.pain-story-panel > .pain-story-person-overflow {
  z-index: 3;
  bottom: calc(100% - var(--poly-h));
  clip-path: inset(0 0 calc(100% - clamp(48px, 7vw, 86px)) 0);
}

.pain-story-panel .pain-story-polygon .pain-story-person-inset {
  bottom: 0;
}



@media (max-width: 900px) {
  .pain-story-shell > * { min-width: 0; }
  .pain-story-panel .pain-story-polygon { grid-template-columns: minmax(0, 1fr); flex-direction: column; }
  .pain-story-panel .pain-story-polygon-copy { width: 100%; padding-bottom: 2.4rem; }

  .pain-story-panel .pain-story-polygon-copy { grid-column: auto; padding-left: 1.7rem; }


  .pain-story-panel .pain-story-person {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: min(70%, 240px);
    height: auto;
    margin: 0 auto -1.5rem;
    display: block;
  }

  .pain-story-panel > .pain-story-person-overflow { display: none; }

  .pain-story-panel .pain-story-polygon .pain-story-person-inset {
    bottom: auto;
  }
}


/* --- Hero: rotujúce zvýraznené slovo, tvar sa prispôsobuje dĺžke slova --- */
h1 .highlight.bl-highlight-rotating {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 0;
  max-width: 100%;
  white-space: nowrap;
  overflow: visible;
  background: #28b9cf;
  color: #fff;
  border-radius: 0;
  box-shadow: none;
  padding: 0.06em 0.34em 0.12em;
  transform: rotate(-0.9deg);
  clip-path: polygon(1.5% 6%, 98.5% 0%, 100% 87%, 96.5% 100%, 1% 96%, 0% 18%);
  transition: clip-path 0.45s cubic-bezier(0.2, 0.75, 0.25, 1),
    transform 0.45s cubic-bezier(0.2, 0.75, 0.25, 1),
    font-size 0.35s cubic-bezier(0.2, 0.75, 0.25, 1);
}

/* krátke slová dostanú výraznejší nepravidelný tvar, dlhé jemnejší */
h1 .highlight.bl-highlight-rotating {
  --bl-word-len: 12;
  --bl-skew: clamp(0.6deg, calc((14 - var(--bl-word-len)) * 0.16deg), 2deg);
  transform: rotate(calc(-1 * var(--bl-skew)));
  /* dlhé slová sa zmenšia, aby sa vždy zmestili do šírky nadpisu */
  font-size: clamp(0.62em, calc(1em - (var(--bl-word-len) - 9) * 0.045em), 1em);
}


h1 .highlight.bl-highlight-rotating .rotating-word {
  display: inline-block;
  transition: opacity 0.24s ease, transform 0.24s ease;
}

h1 .highlight.bl-highlight-rotating.is-swapping .rotating-word {
  opacity: 0;
  transform: translateY(-0.28em) scale(0.96);
}

h1 .highlight.bl-highlight-rotating.is-swapping {
  clip-path: polygon(2.5% 8%, 97.5% 1%, 100% 85%, 95.5% 99%, 2% 94%, 0% 20%);
}

@media (prefers-reduced-motion: reduce) {
  h1 .highlight.bl-highlight-rotating,
  h1 .highlight.bl-highlight-rotating .rotating-word {
    transition: none;
  }
}

/* ---- Hero: komplexnejšia polygonálna platforma pod tukanom ---- */
.hero-visual > .hero-brand-shape { display: none !important; }

.hero-visual::before,
.hero-visual::after {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

/* dominantný oranžový nepravidelný polygón (plochá farba, ostré rohy) */
.hero-visual::before { display: none !important; content: none !important; }

.hero-visual::after {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

/* dominantný oranžový nepravidelný polygón (plochá farba, ostré rohy) */
.hero-visual::before {
  left: 50%;
  bottom: 0.9rem;
  width: min(112%, 780px);
  aspect-ratio: 780 / 340;
  transform: translateX(-50%) rotate(-1.4deg);
  background: #ec6608;
  clip-path: polygon(
    9% 16%, 38% 2%, 70% 8%, 94% 24%, 100% 54%,
    90% 86%, 57% 100%, 24% 94%, 4% 70%, 0% 38%
  );
  filter: drop-shadow(0 24px 30px rgba(37, 36, 51, 0.16));
}

/* sekundárny menší tyrkysový tvar */
.hero-visual::after {
  left: 50%;
  bottom: 8.5rem;
  width: min(30%, 200px);
  aspect-ratio: 200 / 130;
  transform: translateX(-172%) rotate(2.4deg);
  background: #28b9cf;
  clip-path: polygon(
    16% 40%, 44% 12%, 78% 22%, 100% 52%, 82% 86%,
    48% 100%, 18% 84%
  );
  filter: drop-shadow(0 14px 20px rgba(37, 36, 51, 0.18));
}

.hero-visual .tuki-image { position: relative; z-index: 3; }

@media (max-width: 720px) {
  .hero-visual::before { width: 116%; bottom: 0.7rem; }
  .hero-visual::after { width: 36%; transform: translateX(-172%) rotate(2.4deg); }
}


/* ---- Karty oblastí: kompaktnejší vertikálny rytmus ---- */
.service-card {
  min-height: 430px;
  padding: clamp(1.4rem, 1.9vw, 1.8rem) clamp(1.4rem, 2vw, 1.85rem) 1.85rem;
  overflow: visible !important;
}
/* ikona presahuje horný okraj tvaru */
.service-visual {
  height: clamp(96px, 9.5vw, 126px);
  margin-top: clamp(-5rem, -4.6vw, -3.4rem);
  overflow: visible;
  position: relative;
  z-index: 4;
}
.service-visual img,
.service-card:hover .service-visual img,
.service-visual-ai img,
.service-card:hover .service-visual-ai img,
.service-visual-web img,
.service-visual-education img,
.service-visual-marketing img {
  width: auto !important;
  height: clamp(110px, 9.9vw, 142px) !important;
  max-width: 100%;
  object-fit: contain;
  transform: none;
  filter: drop-shadow(0 14px 18px rgba(37, 36, 51, 0.16));
}
.service-card:hover .service-visual img {
  transform: translateY(-0.35rem) scale(1.05);
}
.service-card h3 {
  min-height: 0;
  margin: 0.6rem 0 0.55rem;
}
.service-card p {
  font-size: 0.875rem;
  line-height: 1.58;
}
.service-tags {
  margin-top: 0.85rem;
}
.service-card a {
  padding-top: 1rem;
}
.service-card:nth-of-type(2n) {
  transform: translateY(1rem);
}

/* ---- Okraje kariet jemne „dýchajú“ a menia tvar ---- */
@keyframes blStoneMorph {
  0%   { transform: scale(1, 1) skewY(0deg) rotate(0deg); }
  25%  { transform: scale(1.012, 0.994) skewY(0.35deg) rotate(-0.35deg); }
  50%  { transform: scale(0.992, 1.014) skewY(-0.3deg) rotate(0.3deg); }
  75%  { transform: scale(1.008, 1.004) skewY(0.2deg) rotate(0.15deg); }
  100% { transform: scale(1, 1) skewY(0deg) rotate(0deg); }
}

.service-card .service-card-stone {
  transform-origin: 50% 55%;
  animation: blStoneMorph 11s ease-in-out infinite;
  will-change: transform;
}
.service-card:nth-of-type(2) .service-card-stone { animation-duration: 13s; animation-delay: -2.5s; }
.service-card:nth-of-type(3) .service-card-stone { animation-duration: 12s; animation-delay: -5s; }
.service-card:nth-of-type(4) .service-card-stone { animation-duration: 14s; animation-delay: -7.5s; }

.service-card:hover .service-card-stone {
  animation-duration: 6s;
}

@media (prefers-reduced-motion: reduce) {
  .service-card .service-card-stone { animation: none; }
}

@media (max-width: 900px) {
  .service-card { min-height: 400px; }
}
@media (max-width: 640px) {
  .service-card { min-height: 360px; padding: 1.6rem 1.5rem 1.8rem; }
  .service-visual { height: 104px; margin-top: -2rem; }
}


/* --- Citát v tyrkysovom paneli: biely text + zvýraznené slovo (oranžová na bielej) --- */
.pain-story-panel.is-problem .pain-story-polygon-copy blockquote {
  color: #fff !important;
  font-size: clamp(1.45rem, 2.35vw, 2.45rem) !important;
  line-height: 1.1;
  letter-spacing: -0.015em;
  overflow-wrap: normal;
  word-break: keep-all;
  hyphens: none !important;
  -webkit-hyphens: none !important;
  max-width: 460px !important;
}
.pain-story-panel.is-problem .pain-story-polygon-copy > p {
  color: #fff !important;
  opacity: 0.92;
}
.pain-story-polygon-copy blockquote mark {
  background: #fff;
  color: var(--orange, #ec6608);
  padding: 0.02em 0.18em 0.06em;
  margin: 0 0.04em;
  border-radius: 0;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  clip-path: polygon(1.5% 8%, 98.5% 0%, 100% 88%, 96% 100%, 1% 95%, 0% 16%);
}
.pain-story-panel.is-solution .pain-story-polygon-copy strong mark,
.pain-story-panel.is-solution .pain-story-polygon-copy mark {
  background: #fff;
  color: var(--orange, #ec6608);
}

/* Panel/tvar dýcha s textom — nič sa neodreže */
.pain-story-panel { --poly-h: clamp(320px, 30vw, 430px); }
.pain-story-panel .pain-story-polygon {
  min-height: var(--poly-h);
  height: var(--poly-h);
  display: flex;
  align-items: center;
  padding-block: clamp(2rem, 3.4vw, 3.4rem);
}
.pain-story-panel .pain-story-polygon-copy {
  padding-right: clamp(0.75rem, 1.4vw, 1.25rem);
}
@media (max-width: 900px) {
  .pain-story-panel.is-problem .pain-story-polygon-copy blockquote {
    font-size: clamp(1.35rem, 6vw, 2rem) !important;
  }
  .pain-story-panel .pain-story-polygon { min-height: 0; height: auto; }
}

/* --- Prepínač Problém/Riešenie: „Riešenie“ pulzuje a odráža sa, kým nie je aktívne --- */
@keyframes blSolutionPulse {
  0%, 100% {
    color: var(--orange, #ec6608);
    transform: scale(1);
    text-shadow: 0 0 0 rgba(236, 102, 8, 0);
  }
  38% {
    color: #ff8a00;
    transform: scale(1.06);
    text-shadow: 0 6px 18px rgba(236, 102, 8, 0.45), 0 0 1px rgba(236, 102, 8, 0.8);
  }
  62% {
    color: var(--orange, #ec6608);
    transform: scale(1.01);
    text-shadow: 0 3px 10px rgba(236, 102, 8, 0.24);
  }
}
@keyframes blSolutionShine {
  0% { transform: translateX(-140%) skewX(-18deg); opacity: 0; }
  22% { opacity: 0.85; }
  60% { transform: translateX(150%) skewX(-18deg); opacity: 0; }
  100% { transform: translateX(150%) skewX(-18deg); opacity: 0; }
}
.pain-story-mode button[aria-pressed="false"]:last-of-type {
  position: relative;
  overflow: hidden;
  color: var(--orange, #ec6608) !important;
  font-weight: 700;
  animation: blSolutionPulse 1.9s ease-in-out infinite;
}
.pain-story-mode button[aria-pressed="false"]:last-of-type::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 45%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.9), transparent);
  animation: blSolutionShine 1.9s ease-in-out infinite;
  pointer-events: none;
}
.pain-story-mode button[aria-pressed="true"]:last-of-type {
  animation: none;
}
.pain-story-mode button[aria-pressed="false"]:last-of-type:hover {
  animation-duration: 1.1s;
}
@media (prefers-reduced-motion: reduce) {
  .pain-story-mode button[aria-pressed="false"]:last-of-type,
  .pain-story-mode button[aria-pressed="false"]:last-of-type::after {
    animation: none;
  }
}

/* Mode toggle: keep the active state unmistakable when switching problems.
   The default turquoise focus box made "Problém" look active again. */
.pain-story-mode button:focus-visible {
  outline: 2px dashed rgba(236, 102, 8, 0.55) !important;
  outline-offset: 3px !important;
}
.pain-story-mode button[aria-pressed="true"] {
  color: var(--orange, #ec6608) !important;
  font-weight: 700;
}
.pain-story-mode button[aria-pressed="false"]:first-of-type {
  color: rgba(37, 36, 51, 0.5) !important;
  font-weight: 600;
}

/* No orange underline under the quote. Solution copy keeps the white highlight. */
.pain-story-polygon-copy blockquote::after,
.pain-story-polygon-copy blockquote:after,
.pain-story-polygon-copy strong::after {
  display: none !important;
  content: none !important;
}
.pain-story-panel.is-solution .pain-story-polygon-copy mark,
.pain-story-panel.is-solution .pain-story-polygon-copy strong mark {
  background: #fff !important;
  color: var(--orange, #ec6608) !important;
  padding: 0.02em 0.26em 0.06em !important;
  margin: 0 0.04em;
  border-radius: 0;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  clip-path: polygon(1.5% 8%, 98.5% 0%, 100% 88%, 96% 100%, 1% 95%, 0% 16%) !important;
}
/* Riešenie v detaile: zvýraznenie len oranžovým textom, bez plochy. */
.pain-story-answer mark {
  background: transparent;
  color: var(--orange, #ec6608);
  font-weight: 700;
  padding: 0;
}


/* ---- Sekcia problémov: jediný vzor zvýraznenia = oranžový sticker ---- */
.pain-story-nav h2 span[aria-hidden="true"] { display: none !important; }

.pain-story-answer mark,
.pain-story-diagnosis mark {
  background: #fff !important;
  color: var(--orange, #ec6608) !important;
  font-weight: 700;
  padding: 0.02em 0.3em 0.06em !important;
  border-radius: 0;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  clip-path: polygon(1.5% 8%, 98.5% 0%, 100% 88%, 96% 100%, 1% 95%, 0% 16%);
  box-shadow: 0 6px 14px rgba(37, 36, 51, 0.08);
  display: inline-block;
  transform: rotate(-1.2deg);
}

/* Hero: plochý low-poly oranžový masív z brand patternu (za tukanom) */
.hero-brand-shape { display: none !important; }

.hero-visual { position: relative; }
.hero-visual::before {
  display: block !important;
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  left: 50% !important;
  bottom: clamp(2rem, 5vw, 4.25rem) !important;
  width: min(104%, 780px) !important;
  aspect-ratio: 1 / 0.42 !important;
  transform: translateX(-46%) !important;
  background:
    conic-gradient(from 208deg at 62% 108%,
      rgba(255,255,255,0.09) 0 14deg,
      rgba(0,0,0,0.00) 14deg 30deg,
      rgba(0,0,0,0.05) 30deg 46deg,
      rgba(0,0,0,0.00) 46deg 66deg,
      rgba(255,255,255,0.06) 66deg 82deg,
      rgba(0,0,0,0.00) 82deg 360deg),
    conic-gradient(from 28deg at 18% 110%,
      rgba(0,0,0,0.00) 0 14deg,
      rgba(0,0,0,0.045) 14deg 30deg,
      rgba(0,0,0,0.00) 30deg 52deg,
      rgba(255,255,255,0.055) 52deg 68deg,
      rgba(0,0,0,0.00) 68deg 360deg),
    linear-gradient(100deg, #f07a12 0 42%, #ec6608 42% 74%, #de5d05 74% 100%) !important;
  clip-path: polygon(
    0% 66%, 24% 24%, 46% 44%, 68% 10%,
    88% 34%, 100% 22%, 100% 100%, 0% 100%
  ) !important;
  filter: drop-shadow(0 20px 26px rgba(37, 36, 51, 0.12)) !important;
  pointer-events: none !important;
}

.hero-visual::after { display: none !important; content: none !important; }

/* Hero tukan: väčší, viac vpravo a vyčnieva z tvaru */
.hero-visual .tuki-image {
  position: relative;
  z-index: 3;
  width: min(150%, 980px) !important;
  max-width: none !important;
  height: auto !important;
  margin-left: auto !important;
  transform: translateX(16%) !important;
}
@media (max-width: 860px) {
  .hero-visual .tuki-image { width: min(100%, 520px) !important; transform: none !important; margin-inline: auto !important; }
  .hero-visual::before {
    width: min(82%, 380px) !important;
    transform: translateX(-58%) rotate(-1deg) !important;
    bottom: 2.5rem !important;
  }
}


/* Centered standard section header for "Päť viet" */
.pain-story-header{
  width:min(100%, calc(var(--content-width) + (2 * var(--page-gutter))));
  padding:0 var(--page-gutter);
  margin:0 auto clamp(1.75rem,2.6vw,2.6rem);
  text-align:center;
}
.pain-story-header .pain-story-eyebrow{
  color:var(--orange);
  font-family:var(--font-heading);
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:clamp(.76rem,1vw,.86rem);
  font-weight:600;
  margin:0 0 1rem;
}
.pain-story-header h2{
  color:var(--text-navy);
  font-family:var(--font-heading);
  font-weight:700;
  letter-spacing:-.045em;
  line-height:1.06;
  font-size:clamp(2rem,4.4vw,3.4rem);
  margin:0;
  max-width:22ch;
  margin-inline:auto;
}
.pain-story-header h2::after{
  content:"";
  display:block;
  width:88px;
  height:4px;
  background:var(--orange);
  margin:1.5rem auto 0;
}
.pain-story-header h2 + .pain-story-lede{margin-top:2.1rem;}

.pain-story-header .pain-story-lede{
  color:color-mix(in srgb, var(--text-navy) 62%, transparent);
  font-size:clamp(1rem,1.25vw,1.15rem);
  line-height:1.7;
  max-width:46ch;
  margin-inline:auto;
  position:relative;
}
.pain-story-header .pain-story-lede::before{
  content:"";
  position:absolute;
  top:-1.25rem;
  left:50%;
  transform:translateX(-50%);
  width:88px;
  height:4px;
  background:var(--orange);
}

/* --- Naša cesta: 5-krokový proces v štýle "Štyri oblasti" --- */
.system-route.is-process {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(0.75rem, 1.8vw, 1.9rem);
  width: min(100%, 82rem);
  align-items: start;
  position: relative;
}
.system-route.is-process .system-route-line { display: none; }
.system-route.is-process .process-weave {
  position: absolute;
  top: 4.4rem;
  left: 0;
  right: 0;
  height: clamp(5rem, 9vw, 7.5rem);
  width: 100%;
  overflow: visible;
  pointer-events: none;
  z-index: 0;
}
.system-route.is-process .process-weave path {
  fill: none;
  stroke: var(--orange, #ec6608);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-dasharray: 10 14;
  animation: blWeaveFlow 2.6s linear infinite, blWeavePulse 2.6s ease-in-out infinite;
}
@keyframes blWeaveFlow {
  to { stroke-dashoffset: -48; }
}
@keyframes blWeavePulse {
  0%, 100% { opacity: 0.45; stroke-width: 2.4; }
  50% { opacity: 1; stroke-width: 3.6; }
}
@media (prefers-reduced-motion: reduce) {
  .system-route.is-process .process-weave path { animation: none; opacity: 0.7; }
}
.system-route.is-process .system-area {
  position: relative;
  z-index: 1;
}
.system-route.is-process .system-area-number {
  font-size: 1.15rem;
  margin-bottom: 0.55rem;
  color: var(--orange, #ec6608);
}
.system-route.is-process .system-area img {
  width: clamp(4.4rem, 6.4vw, 6.2rem);
  height: clamp(4.4rem, 6.4vw, 6.2rem);
  margin-left: 0.6rem;
}
.system-route.is-process .system-area h3 {
  margin-top: 1.05rem;
}
.system-route.is-process .system-area.is-compass {
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  background: none;
  padding-top: 0.4rem;
}
.system-route.is-process .system-area.is-compass::before,
.system-route.is-process .system-area.is-compass::after { display: none; }
.system-route.is-process .system-area.is-compass img {
  width: clamp(7rem, 11.5vw, 11rem);
  height: clamp(7rem, 11.5vw, 11rem);
  margin-left: 0;
  filter: drop-shadow(0 18px 28px rgba(37, 36, 51, 0.18));
}
@media (max-width: 900px) {
  .system-route.is-process {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .system-route.is-process .process-weave { display: none; }
  .system-route.is-process .system-area.is-compass {
    grid-column: 1 / -1;
    order: -1;
  }
}
@media (max-width: 640px) {
  .system-route.is-process {
    grid-template-columns: 1fr;
    max-width: 24rem;
  }
}


/* --- CTA banner za sekciou "Kde vás prevedieme džungľou" --- */
.audit-band-section {
  width: 100%;
  margin: clamp(1rem, 3vw, 2.5rem) auto clamp(2.5rem, 6vw, 5rem);
  padding-inline: var(--page-gutter);
}
.audit-band-shell {
  width: min(100%, calc(var(--content-width) + 10rem));
  margin-inline: auto;
  overflow: visible;
}
.audit-band-shell .case-audit-band {
  min-height: clamp(8.4rem, 12vw, 13.2rem);
  border-radius: 0;
  overflow: visible;
  filter: drop-shadow(0 22px 30px rgba(37, 36, 51, 0.12));
}
.audit-band-shell .case-audit-band > svg:not(.case-audit-pattern) { display: none; }
.case-audit-pattern {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  pointer-events: none;
  user-select: none;
}
.audit-band-shell .case-audit-content {
  min-height: clamp(8.4rem, 12vw, 13.2rem);
  padding: clamp(1.35rem, 2.6vw, 2.4rem) clamp(2rem, 5.8vw, 6.5rem);
  gap: clamp(2rem, 8vw, 8rem);
}
.audit-band-shell .case-audit-content h3 {
  font-size: clamp(1.55rem, 2.55vw, 2.8rem);
  line-height: 1.02;
}
.audit-band-shell .case-audit-content a {
  min-width: clamp(11rem, 14vw, 14.5rem);
  min-height: clamp(3.25rem, 4.2vw, 4rem);
}
.audit-band-shell .case-audit-mountain {
  width: min(22%, 15rem);
  right: clamp(2rem, 4vw, 4.2rem);
  bottom: 0;
}
@media (max-width: 760px) {
  .audit-band-section { padding-inline: 0.9rem; }
  .audit-band-shell .case-audit-band { min-height: 15.5rem; }
  .case-audit-pattern { object-fit: cover; }
  .audit-band-shell .case-audit-content {
    min-height: 15.5rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.9rem;
    padding: 2rem 8rem 2rem 1.6rem;
  }
  .audit-band-shell .case-audit-mountain { width: 46%; right: -4%; }
}

/* --- Pain story: trasa presne podľa vzoru (plná čiara + bod, stúpajúca prerušovaná k vlajke) --- */
.pain-story-route { grid-template-columns: 54px minmax(30px, 1.95fr) auto minmax(20px, 0.75fr) 54px; }
.pain-story-route .pain-story-route-art-dot { fill: #28b9cf; stroke: none; }
.pain-story-panel.is-solution .pain-story-route .pain-story-route-art-dot { fill: #ec6608; }
.pain-story-route b { transform: translateY(-6px); }
@media (max-width: 640px) {
  .pain-story-route { grid-template-columns: 48px minmax(22px, 1.8fr) auto minmax(16px, 0.7fr) 48px; }
}

/* --- O nás (#o-nas): celý element tyrkysový, fotka zľava skosená do plochy --- */
.about-panel {
  background:
    linear-gradient(112deg, #34c3d6 0%, #28b9cf 44%, #1fa2ba 100%) !important;
  clip-path: polygon(0 4.2%, 38% 0.6%, 100% 3.4%, 100% 95.6%, 57% 100%, 0 96.4%) !important;
  overflow: hidden;
}

/* jemné low-poly facety na tyrkysovej ploche */
.about-facets {
  opacity: 1 !important;
  z-index: 0 !important;
  background:
    linear-gradient(101deg, transparent 0 26%, rgba(255, 255, 255, 0.16) 26% 26.2%, transparent 26.2%),
    linear-gradient(74deg, transparent 0 66%, rgba(37, 36, 51, 0.10) 66% 66.18%, transparent 66.18%),
    conic-gradient(from 196deg at 14% 88%, rgba(255, 255, 255, 0.10), transparent 18%, rgba(37, 36, 51, 0.05) 30%, transparent 42%),
    conic-gradient(from 20deg at 86% 12%, rgba(37, 36, 51, 0.06), transparent 18%, rgba(255, 255, 255, 0.08) 32%, transparent 44%) !important;
}

.about-foliage { opacity: 0.09 !important; filter: saturate(0.2) brightness(1.6) !important; }

/* fotka: bez rámu, nepravidelne skosená a zarezaná do plochy zľava */
.about-visual { isolation: isolate; }
.about-visual::before,
.about-visual::after { display: none !important; content: none !important; }

.about-shell { align-items: center; }

.about-photo-frame {
  background: none !important;
  border: 0 !important;
  aspect-ratio: 1.18 !important;
  width: min(122%, 660px) !important;
  margin-left: clamp(-9rem, -8vw, -3rem) !important;
  clip-path: polygon(0 9%, 62% 0, 97% 13%, 100% 62%, 74% 100%, 26% 96%, 4% 74%) !important;
  transform: skewY(-3.5deg) rotate(-1.2deg) !important;
  filter: drop-shadow(0 26px 42px rgba(23, 60, 68, 0.32)) !important;
  z-index: 2;
}

.about-photo-frame::after { display: none !important; content: none !important; }

.about-photo-viewport {
  inset: 0 !important;
  clip-path: inherit !important;
  background: #16414a !important;
}

.about-photo-viewport img { filter: saturate(0.95) contrast(1.04) !important; transform: skewY(3.5deg) scale(1.14) !important; }

.about-photo-viewport::after {
  background:
    linear-gradient(112deg, rgba(31, 162, 186, 0.22) 0 22%, transparent 48%),
    linear-gradient(0deg, rgba(37, 36, 51, 0.28), transparent 56%) !important;
}

.about-photo-compass { filter: drop-shadow(0 14px 20px rgba(23, 60, 68, 0.35)) !important; }

/* text: navy na tyrkysovej, zvýraznenie v bielom polygonálnom poli */
.about-copy { color: #252433 !important; }
.about-eyebrow { color: rgba(37, 36, 51, 0.62) !important; }
.about-copy h2 { color: #252433 !important; }
.about-copy .highlight {
  background: #ffffff !important;
  color: #ec6608 !important;
  clip-path: polygon(1% 8%, 99% 0, 100% 84%, 1.5% 100%) !important;
  padding: 0.04em 0.3em 0.1em !important;
}
.about-copy blockquote { color: rgba(37, 36, 51, 0.84) !important; }
.about-copy blockquote::before { color: #ffffff !important; }
.about-author { color: #252433 !important; }
.about-author span { color: rgba(37, 36, 51, 0.62) !important; }
.about-value { color: rgba(37, 36, 51, 0.88) !important; }
.about-value-icon {
  color: #252433 !important;
  background: rgba(255, 255, 255, 0.42) !important;
  border-color: rgba(37, 36, 51, 0.28) !important;
}

@media (max-width: 900px) {
  .about-photo-frame {
    width: min(104%, 520px) !important;
    margin-left: clamp(-4rem, -6vw, -1rem) !important;
  }
}
@media (max-width: 640px) {
  .about-photo-frame { width: 100% !important; margin-left: 0 !important; transform: skewY(-2deg) !important; }
  .about-photo-viewport img { transform: skewY(2deg) scale(1.1) !important; }
}


/* --- Hlavičkový list: menší a viac zatiahnutý do rohu --- */
.nav-leaf {
  width: clamp(15rem, 21vw, 23rem);
  top: -6.5rem;
  right: -6rem;
  opacity: 0.62;
}
@media (max-width: 640px) {
  .nav-leaf { width: clamp(11rem, 42vw, 15rem); top: -4.5rem; right: -4.5rem; }
}

/* --- Case study: kompaktnejšia, na jednu obrazovku, plná šírka --- */
.projects-section .case-studies-header { margin-bottom: clamp(1.5rem, 2.6vw, 2.4rem); }
.projects-section .case-studies-header h2 { font-size: clamp(1.75rem, 2.9vw, 2.9rem); }
.projects-section .case-carousel { max-width: 100%; }
.case-carousel-top {
  min-height: 0;
  padding: clamp(1.5rem, 2.8vw, 2.6rem);
  gap: clamp(1.5rem, 3vw, 3rem);
  grid-template-columns: minmax(0, .9fr) minmax(18rem, 1.1fr);
}
.case-carousel-copy h3 { font-size: clamp(1.5rem, 2.3vw, 2.35rem); }
.case-carousel-copy > span { margin-top: .8rem; font-size: clamp(.86rem, 1vw, .98rem); line-height: 1.55; }
.case-carousel-copy > a { margin-top: 1rem; }
.case-laptop-scene { min-height: clamp(12rem, 19vw, 17rem); }
.case-laptop { width: min(78%, 24rem); }
.case-laptop-screen { border-width: 7px; border-radius: 11px 11px 5px 5px; padding: clamp(.9rem, 1.8vw, 1.6rem); }
.case-laptop-screen strong { font-size: clamp(1.1rem, 1.8vw, 1.7rem); }
.case-carousel-results {
  padding: 0 clamp(1.5rem, 2.8vw, 2.6rem) clamp(1.4rem, 2.4vw, 2.2rem);
  gap: clamp(1rem, 2vw, 2rem);
}
.case-carousel-results h3 { font-size: clamp(1.05rem, 1.5vw, 1.5rem); }
.case-carousel-metric strong { font-size: clamp(1.9rem, 3.2vw, 3rem); }
.case-carousel-metric span { font-size: .84rem; }
.case-result-chart { height: clamp(4.5rem, 7vw, 6.5rem); }
.case-carousel-results { align-items: center; }

/* --- Citát/riešenie v paneli: jednotná responzivita, text vždy vnútri tvaru --- */
.pain-story-panel .pain-story-polygon-copy blockquote,
.pain-story-panel.is-solution .pain-story-polygon-copy blockquote {
  font-size: clamp(1.2rem, 1.55vw, 1.85rem) !important;
  line-height: 1.16;
  letter-spacing: -0.015em;
  max-width: min(420px, 52%) !important;
  overflow-wrap: break-word;
  hyphens: auto;
}
.pain-story-panel .pain-story-polygon-copy > p {
  font-size: clamp(0.62rem, 0.72vw, 0.78rem) !important;
  max-width: min(420px, 52%);
}
.pain-story-panel .pain-story-polygon-copy blockquote mark,
.pain-story-panel .pain-story-polygon-copy strong mark {
  white-space: normal;
}
@media (max-width: 900px) {
  .pain-story-panel .pain-story-polygon-copy blockquote,
  .pain-story-panel.is-solution .pain-story-polygon-copy blockquote {
    font-size: clamp(1.25rem, 5.2vw, 1.8rem) !important;
    max-width: 100% !important;
  }
  .pain-story-panel .pain-story-polygon-copy > p { max-width: 100%; }
}
.pain-story-panel .pain-story-polygon-copy blockquote,
.pain-story-panel.is-solution .pain-story-polygon-copy blockquote,
.pain-story-panel .pain-story-polygon-copy > p {
  max-width: min(370px, 44%) !important;
}
.pain-story-panel .pain-story-polygon-copy { padding-right: clamp(1.5rem, 4vw, 4.5rem); }
@media (max-width: 900px) {
  .pain-story-panel .pain-story-polygon-copy blockquote,
  .pain-story-panel.is-solution .pain-story-polygon-copy blockquote,
  .pain-story-panel .pain-story-polygon-copy > p { max-width: 100% !important; }
  .pain-story-panel .pain-story-polygon-copy { padding-right: 1.4rem; }
}

/* Hero: bez oranžového polygonu, tukan úplne z pravého okraja stránky */
.hero-visual::before,
.hero-visual::after,
.hero-brand-shape { display: none !important; content: none !important; }
.hero-visual { overflow: visible !important; }
.hero-visual .tuki-image {
  width: min(152%, 1000px) !important;
  max-width: none !important;
  margin-left: auto !important;
  transform: translateX(18%) !important;
}
@media (max-width: 860px) {
  .hero-visual .tuki-image { width: min(112%, 560px) !important; transform: translateX(8%) !important; margin-inline: auto !important; }
}

/* CTA pás: programovaný SVG polygon na celú šírku obrazovky (bez obrázka) */
.audit-band-section { padding-inline: 0 !important; }
.audit-band-shell { width: 100% !important; }
.audit-band-shell .case-audit-band { border-radius: 0 !important; background: transparent !important; box-shadow: none !important; filter: none !important; }
svg.case-audit-pattern {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}
.audit-band-shell .case-audit-content {
  width: min(100%, calc(var(--content-width) + (2 * var(--page-gutter))));
  margin-inline: auto;
  padding-inline: var(--page-gutter);
}
.audit-band-shell .case-audit-band,
.audit-band-shell .case-audit-content { min-height: clamp(10.5rem, 15vw, 16.5rem); }
.audit-band-shell .case-audit-mountain { right: clamp(1rem, 6vw, 8rem); }
.audit-band-shell .case-audit-mountain { width: min(27%, 21rem); bottom: -0.4rem; }
.audit-band-shell .case-audit-mountain img { width: 100%; height: auto; display: block; }
img.case-audit-pattern {
  position: absolute; inset: 0; z-index: 0;
  width: 100%; height: 100%;
  object-fit: cover; display: block; pointer-events: none;
}

img.case-audit-pattern { object-fit: fill !important; }

/* ============================================================
   REFERENCIE 2026 — brand-manual low-poly reference section
   ============================================================ */

.ref26 {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(4rem, 7vw, 7.5rem) 0 clamp(4.5rem, 8vw, 8rem);
  background: var(--orange);
}
.ref26-texture {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.9;
  pointer-events: none;
}
.ref26-texture-crisp {
  opacity: 1;
  object-fit: fill;
  image-rendering: auto;
  filter: none;
}

.ref26-clouds {
  position: absolute;
  top: clamp(0.5rem, 2vw, 2.25rem);
  right: clamp(-2rem, 1vw, 2rem);
  z-index: 1;
  width: clamp(16rem, 30vw, 30rem);
  height: auto;
  opacity: 0.95;
  pointer-events: none;
}
.ref26-cloud { animation: ref26Drift 14s ease-in-out infinite; }
.ref26-cloud-b { animation-duration: 19s; animation-direction: reverse; }
@keyframes ref26Drift {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(-14px); }
}
.ref26-dash {
  position: absolute;
  z-index: 1;
  fill: none;
  stroke: #fff;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-dasharray: 13 17;
  opacity: 0.7;
  pointer-events: none;
}
.ref26-dash-a { top: 0; left: clamp(-1rem, 2vw, 3rem); width: clamp(10rem, 18vw, 19rem); height: clamp(9rem, 16vw, 15rem); }
.ref26-dash-b { bottom: clamp(1rem, 4vw, 4rem); right: clamp(-1rem, 3vw, 5rem); width: clamp(9rem, 15vw, 16rem); height: clamp(8rem, 13vw, 13rem); }
.ref26-leaves {
  position: absolute;
  bottom: -1.5rem;
  left: -3rem;
  z-index: 1;
  width: clamp(14rem, 30vw, 30rem);
  height: auto;
  pointer-events: none;
  user-select: none;
}
.ref26-stone {
  position: absolute;
  bottom: -2.5rem;
  right: -4rem;
  z-index: 1;
  width: clamp(11rem, 22vw, 22rem);
  height: auto;
  opacity: 0.95;
  pointer-events: none;
}
.ref26-shell {
  position: relative;
  z-index: 3;
  width: min(100%, calc(var(--content-width) + (2 * var(--page-gutter))));
  margin: 0 auto;
  padding: 0 var(--page-gutter);
}
.ref26-head { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; }
.ref26-tag {
  display: inline-block;
  padding: 0.6rem 1.6rem 0.65rem;
  background: var(--turquoise);
  color: #fff;
  font-family: var(--font-heading);
  font-size: clamp(0.78rem, 1.1vw, 0.95rem);
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  clip-path: polygon(3% 0, 97% 5%, 100% 62%, 95% 100%, 6% 96%, 0 38%);
}
.ref26-title {
  margin: 0;
  color: #fff;
  font-family: var(--font-heading);
  font-size: clamp(1.9rem, 3.6vw, 3.1rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.05;
}
.ref26-card {
  position: relative;
  margin-top: clamp(1.75rem, 3vw, 3rem);
  padding: clamp(2.25rem, 3.4vw, 3.4rem) clamp(1.75rem, 3vw, 3.25rem);
  background: #fff;
  clip-path: polygon(1.5% 4%, 46% 0.6%, 99% 3%, 100% 54%, 98.5% 97%, 52% 100%, 2% 96.5%, 0 48%);
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(200px, 0.65fr);
  align-items: center;
  gap: clamp(1.5rem, 3vw, 3rem);
  box-shadow: 0 26px 60px rgba(120, 46, 0, 0.18);
}
.ref26-outline-mark {
  position: absolute;
  top: clamp(-1.2rem, -1vw, -0.6rem);
  left: clamp(1.2rem, 3vw, 3rem);
  width: clamp(4.5rem, 8vw, 7.5rem);
  height: auto;
  fill: none;
  stroke: var(--orange);
  stroke-width: 4;
  opacity: 0.35;
  pointer-events: none;
}
.ref26-plane {
  position: absolute;
  top: clamp(-1.5rem, -1vw, -0.5rem);
  right: clamp(1rem, 4vw, 4rem);
  width: clamp(3.5rem, 6vw, 5.75rem);
  height: auto;
  filter: drop-shadow(0 12px 18px rgba(216, 58, 0, 0.22));
  animation: ref26Fly 6.5s ease-in-out infinite;
  pointer-events: none;
}
@keyframes ref26Fly {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(-4deg); }
  50% { transform: translate3d(-10px, -12px, 0) rotate(2deg); }
}
.ref26-card-mark {
  grid-column: 1;
  align-self: start;
  color: var(--orange);
  font-family: var(--font-heading);
  font-size: clamp(3.5rem, 6vw, 5.5rem);
  font-weight: 800;
  line-height: 0.4;
}
.ref26-card > .ref26-quote,
.ref26-card > .ref26-author { grid-column: 1; }
.ref26-quote {
  margin: 0.35rem 0 0;
  color: var(--text-navy);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 2.7vw, 2.5rem);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.16;
  text-align: left;
}
.ref26-quote mark {
  background: none;
  color: var(--orange);
  font-weight: 700;
}
.ref26-quote em {
  font-style: normal;
  background: var(--turquoise);
  color: #fff;
  padding: 0.05em 0.3em;
  clip-path: polygon(2% 6%, 98% 0, 100% 66%, 96% 100%, 4% 94%, 0 34%);
}
.ref26-author { margin-top: clamp(1.1rem, 2vw, 1.8rem); }
.ref26-author i {
  display: block;
  width: clamp(3rem, 6vw, 5rem);
  height: 3px;
  margin-bottom: 0.9rem;
  background: var(--text-navy);
  opacity: 0.18;
}
.ref26-author strong {
  display: block;
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.4vw, 1.15rem);
  font-weight: 700;
  color: var(--text-navy);
}
.ref26-author small {
  display: block;
  margin-top: 0.25rem;
  color: var(--orange);
  font-family: var(--font-heading);
  font-size: clamp(0.72rem, 1vw, 0.82rem);
  font-weight: 600;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}
.ref26-avatar {
  grid-column: 2;
  grid-row: 1 / span 3;
  position: relative;
  justify-self: center;
  width: clamp(9rem, 15vw, 14rem);
  aspect-ratio: 1;
  margin: 0;
  border-radius: 999px;
  background: var(--turquoise);
  overflow: hidden;
}
.ref26-avatar img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 12%;
}
.ref26-footer {
  position: relative;
  margin-top: clamp(1.5rem, 2.5vw, 2.5rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
.ref26-badge {
  width: clamp(4.5rem, 7vw, 6.5rem);
  height: auto;
  filter: drop-shadow(0 14px 26px rgba(120, 40, 0, 0.28));
  animation: ref26Spin 12s ease-in-out infinite;
}
@keyframes ref26Spin {
  0%, 100% { transform: rotate(-6deg); }
  50% { transform: rotate(6deg); }
}
.ref26-controls {
  display: flex;
  align-items: center;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
}
.ref26-arrow {
  width: 3rem;
  height: 3rem;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
  border: 2px solid rgba(255, 255, 255, 0.65);
  color: #fff;
  font-size: 1.1rem;
  cursor: pointer;
  transition: background 0.18s, transform 0.18s;
}
.ref26-arrow:hover { background: #fff; color: var(--orange); transform: translateY(-2px); }
.ref26-count {
  color: #fff;
  font-family: var(--font-heading);
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.1em;
}
.ref26-count b { font-size: 1.15rem; }
.ref26-dots { display: flex; align-items: center; gap: 0.5rem; margin-left: 0.5rem; }
.ref26-dots button {
  width: 0.7rem;
  height: 0.7rem;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.45);
  clip-path: polygon(50% 0, 100% 38%, 82% 100%, 18% 100%, 0 38%);
  transition: background 0.18s, transform 0.18s;
}
.ref26-dots button.is-active { background: #fff; transform: scale(1.35); }

@media (max-width: 900px) {
  .ref26-card {
    grid-template-columns: minmax(0, 1fr);
    clip-path: polygon(2% 2.5%, 98% 1%, 100% 52%, 98% 99%, 3% 97.5%, 0 50%);
  }
  .ref26-avatar { grid-column: 1; grid-row: auto; order: -1; justify-self: flex-start; }
  .ref26-footer { flex-wrap: wrap; }
  .ref26-stone, .ref26-dash-b { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .ref26-cloud, .ref26-plane, .ref26-badge { animation: none; }
}

/* Referencie 2026 — dekorácie a vrstvenie (korekcie) */
.ref26-outline-mark {
  top: auto;
  bottom: calc(100% - clamp(2.5rem, 4vw, 4rem));
  left: auto;
  right: clamp(9rem, 16vw, 17rem);
  opacity: 0.5;
  stroke: #fff;
}
.ref26-plane {
  top: clamp(6rem, 11vw, 10.5rem);
  right: clamp(0.5rem, 3vw, 3.5rem);
  z-index: 5;
}
.ref26-card-mark { line-height: 0.62; margin-bottom: -0.5rem; }
.ref26-quote { margin-top: 0; }
.ref26-leaves { width: clamp(11rem, 21vw, 21rem); bottom: -1rem; left: -2rem; }
.ref26-stone { width: clamp(8rem, 15vw, 15rem); bottom: -3rem; right: -3rem; }
.ref26-footer { z-index: 6; padding: 0 clamp(0.5rem, 4vw, 4.5rem); }
.ref26-badge { position: relative; z-index: 6; }
.ref26-outline-mark {
  right: auto;
  left: clamp(20rem, 34vw, 34rem);
  bottom: calc(100% - clamp(3rem, 5vw, 5rem));
  opacity: 0.4;
}
.ref26-badge { margin-left: clamp(6rem, 14vw, 15rem); }

/* Referencie 2026 — tri karty naraz + brandové úvodzovky */
.ref26-plane, .ref26-footer, .ref26-badge { display: none !important; }
.ref26-head { position: relative; }
.ref26-outline-mark {
  position: absolute;
  top: auto;
  bottom: 100%;
  left: auto;
  right: clamp(0.5rem, 6vw, 6rem);
  width: clamp(5rem, 9vw, 8.5rem);
  height: auto;
  opacity: 0.45;
  filter: brightness(0) invert(1);
  pointer-events: none;
}
.ref26-grid {
  position: relative;
  z-index: 4;
  margin-top: clamp(1.75rem, 3vw, 3rem);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: clamp(1rem, 2vw, 1.75rem);
}
.ref26-grid .ref26-card {
  margin-top: 0;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  padding: clamp(1.5rem, 2.2vw, 2.25rem) clamp(1.35rem, 2vw, 2rem) clamp(1.5rem, 2.2vw, 2rem);
  clip-path: polygon(2% 3%, 52% 0, 99% 2.5%, 100% 52%, 98% 98%, 48% 100%, 2% 97%, 0 50%);
}
.ref26-grid .ref26-card-mark {
  width: clamp(2.4rem, 3.4vw, 3.2rem);
  height: auto;
  margin: 0 0 0.35rem;
  opacity: 0.9;
}
.ref26-grid .ref26-quote {
  margin: 0;
  font-size: clamp(1.05rem, 1.45vw, 1.35rem);
  line-height: 1.28;
}
.ref26-meta {
  margin-top: auto;
  padding-top: clamp(1.1rem, 2vw, 1.6rem);
  display: flex;
  align-items: center;
  gap: 0.9rem;
}
.ref26-grid .ref26-avatar {
  grid-column: auto;
  grid-row: auto;
  justify-self: start;
  flex: 0 0 auto;
  width: clamp(3.4rem, 5vw, 4.4rem);
}
.ref26-grid .ref26-author { margin-top: 0; }
@media (max-width: 1024px) {
  .ref26-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .ref26-grid { grid-template-columns: minmax(0, 1fr); }
}
/* ---------- HERO: kompaktný pás metrík (brand manual) ---------- */
.hero-metrics{
  display:flex;align-items:flex-start;gap:clamp(.75rem,1.6vw,1.4rem);
  margin-top:clamp(1.75rem,3vw,2.5rem);flex-wrap:wrap;
}
.hero-metric{max-width:9.5rem;min-width:0}
@media (min-width:720px){.hero-metrics{flex-wrap:nowrap}}
.hero-metric strong{
  display:block;font-weight:800;letter-spacing:-.03em;line-height:1;
  font-size:clamp(1.5rem,2.2vw,2.05rem);color:#EC6608;
  font-variant-numeric:tabular-nums;
}
.hero-metric span{
  display:block;margin-top:.4rem;font-size:clamp(.68rem,.8vw,.78rem);
  font-weight:600;line-height:1.35;color:rgba(37,36,51,.7);
}
.hero-metric-link{
  position:relative;flex:0 0 auto;align-self:flex-start;
  width:clamp(1.75rem,3.4vw,3.25rem);height:2px;margin-top:.85rem;
  background-image:linear-gradient(90deg,#28B9CF 0 6px,transparent 6px 12px);
  background-size:12px 2px;background-repeat:repeat-x;
  animation:blMetricFlow 1.6s linear infinite;
}
.hero-metric-link::before,
.hero-metric-link::after{
  content:"";position:absolute;top:50%;width:7px;height:7px;border-radius:50%;
  transform:translateY(-50%);
}
.hero-metric-link::before{left:-9px;background:#28B9CF}
.hero-metric-link::after{
  right:-9px;background:#fff;border:2px solid #28B9CF;
}
@keyframes blMetricFlow{to{background-position:12px 0}}
@media (max-width:640px){
  .hero-metrics{gap:1.1rem 1.4rem}
  .hero-metric-link{display:none}
  .hero-metric{max-width:8.5rem}
}
@media (prefers-reduced-motion:reduce){
  .hero-metric-link{animation:none}
}

/* --- CTA pás: hora zarovnaná spodkom na okraj polygónu, vlajka presahuje horný okraj --- */
.audit-band-shell .case-audit-mountain {
  width: min(32%, 26rem) !important;
  bottom: 8.5% !important;
  z-index: 2;
}
@media (max-width: 760px) {
  .audit-band-shell .case-audit-mountain {
    width: 48% !important;
    bottom: 9% !important;
    right: -2%;
  }
}

.audit-band-section { overflow: visible !important; padding-top: clamp(2rem, 4vw, 3.5rem); }
.audit-band-shell,
.audit-band-shell .case-audit-band { overflow: visible !important; }
.audit-band-shell .case-audit-mountain {
  width: min(24%, 19rem) !important;
  bottom: 10% !important;
}
@media (max-width: 760px) {
  .audit-band-shell .case-audit-mountain { width: 42% !important; bottom: 11% !important; }
}

.audit-band-shell .case-audit-mountain { width: min(27%, 21.5rem) !important; bottom: 10.5% !important; }

/* --- Homepage CTA pás: tlačidlo pod nadpisom, zarovnané s nadpisom (hora ostáva vpravo) --- */
.case-audit-content-stacked{
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  gap:.9rem;text-align:left;
}


/* --- HERO metriky: postupné odhalenie zľava doprava + bez zalomenia jednotiek --- */
.hero-metric strong{white-space:nowrap}
.hero-metric{max-width:none;flex:0 1 auto}
.hero-metric span{max-width:11.5rem}
.hero-metrics .hero-metric,
.hero-metrics .hero-metric-link{opacity:0}
.hero-metrics.is-in .hero-metric{
  animation:blMetricIn .6s cubic-bezier(.22,.9,.28,1) both;
}
.hero-metrics.is-in .hero-metric-link{
  animation:blMetricLinkIn .5s ease-out both,
            blMetricFlow 1.6s linear .5s infinite;
  transform-origin:left center;
}
.hero-metrics.is-in .hero-metric:nth-of-type(1){animation-delay:.05s}
.hero-metrics.is-in .hero-metric-link:nth-of-type(1){animation-delay:.5s,1s}
.hero-metrics.is-in .hero-metric:nth-of-type(2){animation-delay:.75s}
.hero-metrics.is-in .hero-metric-link:nth-of-type(2){animation-delay:1.15s,1.65s}
.hero-metrics.is-in .hero-metric:nth-of-type(3){animation-delay:1.4s}
@keyframes blMetricIn{
  from{opacity:0;transform:translateX(-18px)}
  to{opacity:1;transform:translateX(0)}
}
@keyframes blMetricLinkIn{
  from{opacity:0;transform:scaleX(0)}
  to{opacity:1;transform:scaleX(1)}
}
@media (prefers-reduced-motion:reduce){
  .hero-metrics .hero-metric,
  .hero-metrics .hero-metric-link{opacity:1;animation:none!important}
}

/* --- Referencie: stránkovanie so šípkami a čiarkovými indikátormi (brand manual) --- */
.ref26-carousel{position:relative}
.ref26-viewport{overflow:hidden}
.ref26-track{display:flex;transition:transform .55s cubic-bezier(.22,.9,.28,1)}
.ref26-page{flex:0 0 100%;min-width:100%}
.ref26-controls{
  display:flex;align-items:center;justify-content:center;
  gap:clamp(1rem,2vw,1.75rem);margin-top:clamp(1.75rem,3vw,2.5rem);
}
.ref26-arrow{
  width:2.9rem;height:2.9rem;border-radius:999px;display:grid;place-items:center;
  border:2px solid rgba(255,255,255,.85);background:transparent;color:#fff;
  cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease;
}
.ref26-arrow svg{width:1.15rem;height:1.15rem}
.ref26-arrow:hover{background:#fff;color:#EC6608;transform:translateY(-2px)}
.ref26-arrow:focus-visible{outline:2px solid #FFDE10;outline-offset:3px}
.ref26-dots{display:flex;align-items:center;gap:.55rem}
.ref26-dot{
  width:1.6rem;height:3px;border:0;padding:0;cursor:pointer;border-radius:2px;
  background:rgba(255,255,255,.45);transition:background .25s ease,width .25s ease;
}
.ref26-dot.is-active{background:#fff;width:2.6rem}
.ref26-dot:focus-visible{outline:2px solid #FFDE10;outline-offset:4px}
@media (prefers-reduced-motion:reduce){
  .ref26-track{transition:none}
}

.ref26-carousel .ref26-dot{
  clip-path:none!important;transform:none!important;appearance:none;
  box-shadow:none;flex:0 0 auto;
}
.ref26-carousel .ref26-dot.is-active{transform:none!important}
.ref26-carousel .ref26-arrow{clip-path:none!important}

/* CTA pás: nová hora, +10 % veľkosť, spodok presne na hrane polygónu */
.audit-band-shell .case-audit-mountain{
  width:min(29.7%, 23.7rem)!important;
  bottom:9.5%!important;
}
@media (max-width:760px){
  .audit-band-shell .case-audit-mountain{width:46%!important;bottom:10%!important}
}
.audit-band-shell .case-audit-mountain{bottom:8%!important}

/* --- Referencie: mäkké (nepolygónové) oblaky --- */
.ref26-clouds path{ filter: drop-shadow(0 6px 14px rgba(37,36,51,.08)); }

/* --- Referencie: čiarkové indikátory ako v brand manuáli (pill obrysy) --- */
.ref26-carousel .ref26-dot{
  width:clamp(2.6rem,4.2vw,3.6rem);height:.95rem;border-radius:999px;
  background:transparent;border:2px solid rgba(255,255,255,.9);
  transition:background .25s ease,border-color .25s ease;
}
.ref26-carousel .ref26-dot.is-active{
  background:#fff;border-color:#fff;width:clamp(2.6rem,4.2vw,3.6rem);
}

/* --- Referencie: portrét zarovnaný na okraj karty (podľa manuálu) --- */
.ref26-grid .ref26-card{ position:relative; overflow:hidden; padding-bottom:clamp(4.5rem,7vw,6rem); }
.ref26-grid .ref26-meta{ padding-right:clamp(6.5rem,10vw,8.5rem); }
.ref26-grid .ref26-avatar{
  position:absolute;right:-1.2rem;bottom:-1.2rem;
  width:clamp(7rem,11vw,9.5rem);height:clamp(7rem,11vw,9.5rem);
  border-radius:999px;overflow:hidden;background:#28B9CF;margin:0;
}
.ref26-grid .ref26-avatar img{
  width:100%;height:100%;object-fit:cover;object-position:center top;
}
@media (max-width:700px){
  .ref26-grid .ref26-avatar{width:6.5rem;height:6.5rem;right:-.8rem;bottom:-.8rem}
  .ref26-grid .ref26-meta{padding-right:5.5rem}
}

/* --- Referencie: 3D oblaky (nie polygónové) --- */
.ref26-clouds{ display:block; }
.ref26-clouds .ref26-cloud{
  position:absolute;display:block;height:auto;
  filter:drop-shadow(0 10px 22px rgba(37,36,51,.12));
}
.ref26-clouds .ref26-cloud-a{ width:62%; top:0; left:0; }
.ref26-clouds .ref26-cloud-b{ width:52%; top:34%; right:-6%; }

/* Referencie — rovnaké proporcie ako sekcia "Čo sa deje v džungli" (.edu26-shell) */
.ref26-shell{
  width:100%;
  max-width:var(--content-width);
  margin:0 auto;
  padding-inline:var(--page-gutter);
}
/* Referencie: kompaktné karty bez veľkých pevných výšok; dlhý citát predvolene zaberá 5 riadkov a tlačidlom sa roztvára */
.ref26-quote.is-clamped{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:5;
  overflow:hidden;
}
.ref26-quote-more{ margin-top:0.4rem; }
.ref26-quote-btn{
  display:inline-flex;align-items:center;gap:0.4rem;
  padding:0.35rem 0;margin:0;border:0;background:none;cursor:pointer;
  color:var(--orange);
  font-family:var(--font-heading);
  font-size:0.95rem;font-weight:700;letter-spacing:-0.01em;
}
.ref26-quote-btn:hover{ text-decoration:underline; }
.ref26-quote-btn:focus-visible{ outline:2px solid var(--orange); outline-offset:3px; border-radius:2px; }

/* ================= O NÁS 2026 — nový dizajn (svetlá sekcia, polygónová fotka) ================= */
.about26{
  position:relative;background:#fff;color:#252433;
  padding:clamp(3.5rem,7vw,6.5rem) clamp(1.25rem,4vw,3rem);overflow:hidden;
}
.about26::before{
  content:"";position:absolute;inset:auto 0 0 0;height:1px;background:rgba(37,36,51,.08);
}
.about26-shell{
  max-width:78rem;margin:0 auto;display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  gap:clamp(2rem,5vw,4.5rem);align-items:center;
}
.about26-eyebrow{
  margin:0 0 .9rem;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;
  font-weight:700;color:#EC6608;
}
.about26-title{
  margin:0;font-size:clamp(2.1rem,4.4vw,3.6rem);line-height:1.05;font-weight:800;letter-spacing:-.02em;
}
.about26-title .about26-mark{
  display:block;margin-top:.35rem;color:#EC6608;background:#fff;
  padding:.1em .45em .16em;width:fit-content;
  clip-path:polygon(1% 6%,99% 0,100% 92%,2% 100%);
}
.about26-quote{
  position:relative;margin:clamp(1.5rem,3vw,2.25rem) 0 0;padding-left:2.4rem;
  font-style:italic;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.6;color:#3a3950;max-width:34rem;
}
.about26-quote-mark{
  position:absolute;left:0;top:-.35rem;font-size:2.8rem;line-height:1;color:#28B9CF;font-style:normal;
}
.about26-author{margin:1rem 0 0;display:flex;gap:.6rem;align-items:baseline;font-size:.95rem}
.about26-author strong{font-weight:700}
.about26-author span{color:#6b6a80}
.about26-values{
  list-style:none;margin:clamp(1.6rem,3vw,2.4rem) 0 0;padding:0;
  display:flex;flex-wrap:wrap;gap:clamp(.9rem,2vw,1.75rem);
}
.about26-values li{
  display:flex;align-items:center;gap:.6rem;font-size:.95rem;font-weight:600;
}
.about26-value-icon{
  width:2.35rem;height:2.35rem;display:grid;place-items:center;border-radius:.7rem;
  background:rgba(40,185,207,.14);color:#1f8fa1;flex:0 0 auto;
}
.about26-value-icon svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.about26-cta{margin-top:clamp(1.75rem,3vw,2.5rem)}

.about26-visual{position:relative}
.about26-photo{
  margin:0;position:relative;z-index:2;
  clip-path:polygon(6% 2%,86% 0,100% 22%,96% 84%,72% 100%,18% 96%,0 62%,2% 20%);
  box-shadow:0 24px 48px -28px rgba(37,36,51,.45);
}
.about26-photo img{display:block;width:100%;height:clamp(19rem,32vw,29rem);object-fit:cover}
.about26-compass{
  position:absolute;right:-1.5rem;bottom:-2rem;width:clamp(6rem,10vw,9rem);height:auto;z-index:3;
  filter:drop-shadow(0 12px 24px rgba(37,36,51,.25));
}
.about26-dash{
  position:absolute;left:-16%;top:0;width:34%;height:100%;z-index:1;preserveAspectRatio:none;
  fill:#28B9CF;stroke:#28B9CF;stroke-width:2;stroke-dasharray:8 9;
}
.about26-dash path{fill:none}
@media (max-width:900px){
  .about26-shell{grid-template-columns:minmax(0,1fr)}
  .about26-visual{order:-1}
  .about26-dash{display:none}
  .about26-compass{right:0;bottom:-1.25rem;width:5.5rem}
}

/* Pás s logami klientov — tesne pod hero, jemne vyosený kvôli konáru */
.client-proof-section{
  background:var(--white);
  padding:0 var(--page-gutter) clamp(1.5rem,2.6vw,2.25rem);
  border-top:0;
  margin-top:clamp(-22rem,-24vw,-12rem);
  position:relative;z-index:4;
}
.about26{padding-bottom:clamp(3.5rem,7vw,6.5rem);border-bottom:0}
.about26::before{display:none}
.journey-section{padding-top:clamp(3rem,6vw,5rem)}
.client-proof-section .client-proof{border-top:0!important;margin-top:0;padding-top:0}
.client-proof-section .client-proof{
  max-width:var(--content-width);
  margin:0 auto;
  transform:translateX(clamp(-1.5rem,-1vw,0rem));
}



.client-proof-section .client-proof>p{
  text-align:center;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;
  font-weight:500;color:rgba(37,36,51,.42);margin:0 0 clamp(.75rem,1.6vw,1.25rem);
}


/* O nás — fotomozaika s prepínaním */
.about26-mosaic{
  position:relative;z-index:2;
  height:clamp(19rem,32vw,29rem);
}
.about26-tile{
  margin:0;position:absolute;inset:0;overflow:hidden;
  clip-path:polygon(6% 2%,86% 0,100% 22%,96% 84%,72% 100%,18% 96%,0 62%,2% 20%);
  transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .45s ease,filter .45s ease;
  box-shadow:0 24px 48px -30px rgba(37,36,51,.5);
}
.about26-tile img{width:100%;height:100%;object-fit:cover;display:block}
/* poradie vrstiev: 0 = dominantná, 1 a 2 = za ňou posunuté */
.about26-tile[data-pos="0"]{z-index:3;transform:translate(-2%,4%);opacity:1;filter:none;cursor:default}
.about26-tile[data-pos="1"],.about26-tile[data-pos="2"]{cursor:pointer}
.about26-tile[data-pos="1"]{
  z-index:2;transform:translate(13%,-9%) scale(.93) rotate(1.5deg);opacity:.95;
  filter:saturate(.85);
}
.about26-tile[data-pos="2"]{
  z-index:1;transform:translate(23%,-16%) scale(.87) rotate(3deg);opacity:.8;
  filter:saturate(.7);
}
.about26-mosaic-nav{
  position:relative;z-index:4;display:flex;align-items:center;gap:.85rem;
  margin-top:clamp(1rem,2vw,1.5rem);
}
.about26-mosaic-arrow{
  width:2.6rem;height:2.6rem;border-radius:999px;display:grid;place-items:center;
  border:1.5px solid rgba(236,102,8,.5);background:transparent;color:#EC6608;cursor:pointer;
  transition:background .2s,color .2s,transform .2s;
}
.about26-mosaic-arrow:hover{background:#EC6608;color:#fff;transform:translateY(-2px)}
.about26-mosaic-arrow svg{width:1.1rem;height:1.1rem}
.about26-mosaic-dots{display:flex;gap:.5rem;align-items:center}
.about26-mosaic-dot{
  width:1.6rem;height:.42rem;border-radius:999px;border:1.5px solid rgba(236,102,8,.55);
  background:transparent;cursor:pointer;padding:0;transition:background .2s,width .2s;
}
.about26-mosaic-dot.is-active{background:#EC6608;width:2.4rem}
@media (max-width:900px){
  .about26-tile[data-pos="1"]{transform:translate(5%,-5%) scale(.92) rotate(1deg)}
  .about26-tile[data-pos="2"]{transform:translate(9%,-9%) scale(.86) rotate(2deg)}
}
@media (prefers-reduced-motion:reduce){.about26-tile{transition:none}}

/* ================= CASE STUDY 2026 — full-width, dva rady + odvetvia ================= */
.cs26{
  background:var(--background);padding:clamp(4.5rem,7vw,6.5rem) 0 0;position:relative;overflow:hidden;
  scroll-margin-top:6rem;
}
.cs26-header{
  max-width:var(--content-width);margin:0 auto clamp(2.25rem,4vw,3.5rem);
  padding:0 var(--page-gutter);text-align:center;
}
.cs26-eyebrow{
  margin:0 0 .8rem;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:#28B9CF;
}
.cs26-header h2{
  margin:0;font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.08;font-weight:800;letter-spacing:-.02em;
}
.cs26-mark{
  display:inline-block;background:#28B9CF;color:#fff;padding:.05em .38em .12em;
  clip-path:polygon(1% 8%,99% 0,100% 90%,2% 100%);
}
.cs26-rows{display:flex;flex-direction:column}
.cs26-row{
  display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:clamp(2rem,5vw,4.5rem);align-items:center;
  padding:clamp(2.5rem,5vw,4rem) var(--page-gutter) clamp(1rem,2vw,1.5rem);
  max-width:var(--content-width);margin:0 auto;width:100%;
  position:relative;
}
.cs26-row+.cs26-row{border-top:1px solid rgba(37,36,51,.08)}
.cs26-row-reverse .cs26-copy{order:2}
.cs26-row-reverse .cs26-visual{order:1}
.cs26-tag{
  margin:0 0 .7rem;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;
  font-weight:700;color:var(--cs-accent,#28B9CF);
}
.cs26-copy h3{margin:0;font-size:clamp(1.55rem,2.6vw,2.35rem);line-height:1.15;font-weight:800}
.cs26-desc{margin:.9rem 0 0;max-width:34rem;color:#4a495e;font-size:1rem;line-height:1.65}
.cs26-metric{display:flex;align-items:baseline;gap:.75rem;margin:clamp(1.2rem,2.5vw,1.75rem) 0 0;flex-wrap:wrap}
.cs26-metric strong{font-size:clamp(2rem,3.4vw,2.9rem);font-weight:800;color:#EC6608;line-height:1}
.cs26-metric span{font-size:.95rem;color:#6b6a80}
.cs26-copy .bl-btn{margin-top:clamp(1.1rem,2vw,1.6rem)}

.cs26-visual{position:relative;display:grid;gap:.5rem;justify-items:center}
.cs26-shape{
  position:absolute;inset:6% 2% 28% 6%;background:var(--cs-accent,#28B9CF);opacity:.9;
  clip-path:polygon(10% 6%,72% 0,100% 26%,94% 78%,64% 100%,14% 92%,0 50%);
}
.cs26-laptop{position:relative;width:min(100%,30rem)}
.cs26-screen{
  background:#0B2733;color:#fff;border-radius:.7rem;padding:clamp(1.4rem,3vw,2.2rem);
  aspect-ratio:16/10;display:flex;flex-direction:column;justify-content:flex-end;gap:.5rem;
  box-shadow:0 26px 44px -26px rgba(7,23,38,.65);
}
.cs26-screen span{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cs-accent,#28B9CF);font-weight:700}
.cs26-screen strong{font-size:clamp(1.1rem,1.9vw,1.6rem);font-weight:700;line-height:1.2}
.cs26-screen i{display:block;width:4.5rem;height:.28rem;background:var(--cs-accent,#28B9CF);border-radius:999px}
.cs26-base{
  height:.6rem;width:112%;margin:0 -6%;background:#dcd8d2;border-radius:0 0 .7rem .7rem;
}
.cs26-chart{position:relative;width:min(100%,22rem);height:auto}
.cs26-chart line{stroke:rgba(37,36,51,.16);stroke-width:1}
.cs26-chart polyline{fill:none;stroke:var(--cs-accent,#28B9CF);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.cs26-chart circle{fill:#fff;stroke:var(--cs-accent,#28B9CF);stroke-width:2}

.cs26-industries{
  max-width:var(--content-width);margin:0 auto;width:100%;
  padding:clamp(2.5rem,5vw,4rem) var(--page-gutter);border-top:1px solid rgba(37,36,51,.08);
}
.cs26-industries-head h3{margin:0 0 clamp(1.25rem,2.5vw,1.75rem);font-size:clamp(1.4rem,2.4vw,2rem);font-weight:800}
.cs26-industry-list{
  list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.75rem;
}
.cs26-industry-list li{
  background:#fff;border:1px solid rgba(37,36,51,.08);padding:.95rem 1.2rem;font-weight:600;font-size:.95rem;
  clip-path:polygon(2% 6%,98% 0,100% 92%,1% 100%);transition:transform .2s,border-color .2s;
}
.cs26-industry-list li:hover{transform:translateY(-3px);border-color:rgba(236,102,8,.45)}
@media (max-width:900px){
  .cs26-row{grid-template-columns:minmax(0,1fr)}
  .cs26-row-reverse .cs26-copy,.cs26-row-reverse .cs26-visual{order:initial}
}

/* --- Case study: veľké CTA pod jedinou štúdiou --- */
.cs26-more{
  max-width:var(--content-width);margin:0 auto;width:100%;
  padding:0 var(--page-gutter) clamp(2.5rem,5vw,4rem);display:flex;justify-content:flex-start;
  margin-top:clamp(-3.5rem,-4vw,-2rem);
}
.cs26-more-btn{
  font-size:clamp(.95rem,1.4vw,1.05rem);padding:1.15rem 2.4rem;gap:.9rem;
}

/* --- Odvetvia: polygónové dlaždice v brand palete --- */
.ind26{padding:clamp(3rem,6vw,5rem) 0;background:var(--background)}
.ind26-shell{max-width:var(--content-width);margin:0 auto;padding:0 var(--page-gutter)}
.ind26-eyebrow{
  margin:0 0 .7rem;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:#28B9CF;
}
.ind26-head h2{margin:0 0 clamp(1.5rem,3vw,2.25rem);font-size:clamp(1.7rem,3.2vw,2.6rem);font-weight:800;letter-spacing:-.02em}
.ind26-list{
  list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:clamp(.75rem,1.6vw,1.1rem);
}
.ind26-tile{
  position:relative;background:var(--ind-accent);color:#fff;
  padding:1.35rem 1.5rem;font-weight:700;font-size:1rem;line-height:1.25;
  clip-path:polygon(3% 8%,55% 0,98% 6%,100% 74%,62% 100%,6% 94%,0 42%);
  transition:transform .22s ease,filter .22s ease;
}
.ind26-tile:nth-child(even){clip-path:polygon(0 6%,48% 0,97% 9%,100% 58%,52% 100%,4% 90%,2% 40%)}
.ind26-tile[style*="#FFDE10"]{color:#252433}
.ind26-tile:hover{transform:translateY(-4px) rotate(-.6deg);filter:brightness(1.05)}
@media (max-width:640px){
  .ind26-list{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}
}

/* --- Vzdelávanie / edubird 2026: tyrkysová brand sekcia --- */
.edu26{position:relative;isolation:isolate;background:#28B9CF;padding:clamp(3.5rem,7vw,6rem) 0 clamp(4rem,8vw,6.5rem);overflow:hidden;color:#fff;
  clip-path:polygon(0 2.2%,26% 0,58% 1.6%,100% 0,100% 98%,64% 100%,28% 98.4%,0 100%);}
.edu26-facets{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    linear-gradient(128deg,rgba(255,255,255,.10) 0 22%,transparent 22% 46%,rgba(255,255,255,.07) 46% 60%,transparent 60%),
    linear-gradient(212deg,rgba(12,143,145,.22) 0 18%,transparent 18% 52%,rgba(12,143,145,.16) 52% 70%,transparent 70%);}
.edu26-shell{max-width:var(--content-width);margin:0 auto;padding:0 var(--page-gutter)}
.edu26-eyebrow{display:flex;align-items:center;gap:.7rem;margin:0 0 .9rem;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:#fff}
.edu26-eyebrow-bar{display:block;width:2.6rem;height:.42rem;background:#EC6608;clip-path:polygon(0 12%,100% 0,100% 88%,0 100%)}
.edu26-head h2{margin:0;font-size:clamp(2.1rem,4.4vw,3.6rem);font-weight:800;letter-spacing:-.025em;line-height:1.02;color:#fff}
.edu26-h-light{font-weight:500;letter-spacing:-.015em}
.edu26-head-lead{max-width:38rem;margin:.9rem 0 clamp(1.75rem,3.5vw,2.75rem);color:rgba(255,255,255,.92);font-size:clamp(.95rem,1.4vw,1.08rem);line-height:1.5}
.edu26-mark{display:inline-block;background:#fff;color:#EC6608;padding:.02em .42em .1em;clip-path:polygon(1% 8%,99% 0,100% 90%,2% 100%)}

.edu26-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:clamp(1.5rem,3vw,2.5rem);align-items:start}

.edu26-feature{background:#fff;color:#252433;overflow:hidden;
  clip-path:polygon(1.5% 1%,99% 0,100% 98.5%,1% 100%);}
/* Blog ako prepínateľná kôpka kariet (ako fotomozaika v O nás) */
.edu26-featurewrap{position:relative}
.edu26-stack{position:relative;min-height:clamp(31rem,46vw,39.5rem)}
.edu26-stack .edu26-feature{
  position:absolute;left:0;top:0;width:100%;
  transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .45s ease,filter .45s ease;
  --edu26-edge:
    drop-shadow(9px 0 0 #fff) drop-shadow(-9px 0 0 #fff)
    drop-shadow(0 9px 0 #fff) drop-shadow(0 -9px 0 #fff)
    drop-shadow(6px 6px 0 #fff) drop-shadow(-6px 6px 0 #fff)
    drop-shadow(6px -6px 0 #fff) drop-shadow(-6px -6px 0 #fff);
  filter:var(--edu26-edge) drop-shadow(0 26px 30px rgba(9,60,66,.35));
}
.edu26-stack .edu26-feature[data-pos="0"]{z-index:3;transform:none;opacity:1}
.edu26-stack .edu26-feature[data-pos="1"],
.edu26-stack .edu26-feature[data-pos="2"]{cursor:pointer}
.edu26-stack .edu26-feature[data-pos="1"]{z-index:2;transform:translate(6%,-5%) scale(.945) rotate(1.4deg);opacity:.95;filter:var(--edu26-edge) drop-shadow(0 20px 26px rgba(9,60,66,.3)) saturate(.9)}
.edu26-stack .edu26-feature[data-pos="2"]{z-index:1;transform:translate(11.5%,-9.5%) scale(.895) rotate(2.8deg);opacity:.9;filter:var(--edu26-edge) drop-shadow(0 18px 22px rgba(9,60,66,.28)) saturate(.8)}

.edu26-stack-nav{position:relative;z-index:4;display:flex;align-items:center;gap:.85rem;margin-top:clamp(1rem,2vw,1.5rem)}
.edu26-stack-arrow{
  width:2.6rem;height:2.6rem;border-radius:999px;display:grid;place-items:center;
  border:1.5px solid rgba(255,255,255,.7);background:transparent;color:#fff;cursor:pointer;
  transition:background .2s,color .2s,transform .2s;
}
.edu26-stack-arrow:hover{background:#fff;color:#0C8F91;transform:translateY(-2px)}
.edu26-stack-arrow svg{width:1.1rem;height:1.1rem}
.edu26-stack-dots{display:flex;gap:.5rem;align-items:center}
.edu26-stack-dot{
  width:1.6rem;height:.42rem;border-radius:999px;border:1.5px solid rgba(255,255,255,.75);
  background:transparent;cursor:pointer;padding:0;transition:background .2s,width .2s;
}
.edu26-stack-dot.is-active{background:#fff;width:2.4rem}
@media (max-width:900px){.edu26-stack{min-height:clamp(32rem,96vw,40rem)}}
@media (prefers-reduced-motion:reduce){.edu26-stack .edu26-feature{transition:none}}
.edu26-cover{position:relative;background:linear-gradient(135deg,#3ec8dc,#0C8F91);min-height:clamp(15rem,24vw,20rem);overflow:hidden}
.edu26-cover-hex{position:absolute;left:38%;top:-14%;width:74%;aspect-ratio:1;background:#fff;
  clip-path:polygon(18% 2%,78% 0,100% 34%,92% 82%,52% 100%,10% 84%,0 40%);opacity:.96}
.edu26-cover-photo{position:absolute;right:0;bottom:0;width:58%;height:100%;object-fit:cover;
  clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}
.edu26-cover-brand{position:absolute;left:clamp(1.1rem,2.4vw,1.8rem);top:clamp(1.1rem,2.4vw,1.6rem);margin:0;z-index:2;
  font-weight:800;line-height:1.02;font-size:clamp(1.1rem,2vw,1.5rem);color:#fff}
.edu26-cover-brand span{margin-right:.35rem;font-size:.7em;vertical-align:.15em}
.edu26-cover-plate{position:absolute;left:0;bottom:0;z-index:3;background:#fff;color:#252433;
  padding:clamp(1rem,2vw,1.4rem) clamp(1.6rem,3vw,2.4rem) clamp(1.1rem,2vw,1.5rem) clamp(1.1rem,2.4vw,1.8rem);
  clip-path:polygon(0 12%,86% 0,100% 62%,92% 100%,0 100%);max-width:70%}
.edu26-chip{display:inline-block;background:#EC6608;color:#fff;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;
  font-weight:700;padding:.3rem .7rem;margin-bottom:.5rem;clip-path:polygon(4% 6%,97% 0,100% 92%,2% 100%)}
.edu26-cover-plate strong{display:block;font-size:clamp(1.5rem,3vw,2.15rem);font-weight:800;line-height:1.02}
.edu26-cover-plate small{display:block;margin-top:.4rem;font-size:.8rem;color:#6b6a80}
.edu26-cover-mic{position:absolute;left:clamp(9rem,20vw,15rem);bottom:clamp(1rem,3vw,2.4rem);z-index:4;
  width:clamp(3rem,5vw,4.2rem);aspect-ratio:1;display:grid;place-items:center;background:#EC6608;color:#fff;
  clip-path:polygon(10% 6%,70% 0,100% 26%,94% 84%,60% 100%,8% 90%,0 42%);box-shadow:0 14px 26px -14px rgba(216,58,0,.6)}
.edu26-cover-mic svg{width:48%;height:48%}
.edu26-feature-copy{padding:clamp(1.4rem,3vw,2.2rem)}
.edu26-kicker{margin:0 0 .5rem;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:#EC6608}
.edu26-feature-copy h3{margin:0;font-size:clamp(1.25rem,2.2vw,1.85rem);font-weight:800;line-height:1.18}
.edu26-feature-copy>p:not(.edu26-kicker){margin:.7rem 0 1.3rem;color:#4a495e}

.edu26-side{display:grid;gap:clamp(.9rem,1.8vw,1.25rem)}
.edu26-side-head{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;background:#fff;border-radius:16px;padding:20px 24px;box-shadow:none}
.edu26-logo-img{height:36px;width:auto;display:block;filter:none;transform:none;box-shadow:none}
.edu26-side-head p{margin:0;color:#252433;font-weight:600;font-size:18px;letter-spacing:-.025em}

.edu26-event,.edu26-podcast{background:#fff;color:#252433;padding:clamp(1.1rem,2.2vw,1.5rem);
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(1rem,2vw,1.5rem);align-items:center;
  clip-path:none;border-radius:16px}
.edu26-podcast{grid-template-columns:auto minmax(0,1fr)}
.edu26-date{display:grid;place-items:center;width:clamp(3.7rem,6.2vw,4.8rem);aspect-ratio:1;color:#fff;line-height:1;
  clip-path:polygon(8% 4%,72% 0,100% 22%,96% 82%,64% 100%,10% 94%,0 46%);
  box-shadow:0 16px 28px -18px rgba(37,36,51,.55)}
.edu26-date strong{font-size:clamp(1.2rem,2vw,1.6rem);font-weight:800}
.edu26-date span{font-size:.62rem;letter-spacing:.14em;font-weight:700;opacity:.9}
.edu26-date-orange{background:#EC6608}
.edu26-date-navy{background:#252433}
.edu26-event h3{margin:0;font-size:clamp(1rem,1.6vw,1.15rem);font-weight:700;line-height:1.25}
.edu26-event p{margin:.35rem 0 0;font-size:.9rem;color:#6b6a80}
.edu26-podcast-icon{height:56px;width:auto;display:block;align-self:center;background:none;border:0;box-shadow:none;filter:none;clip-path:none;border-radius:0}

.edu26-podcast h3{margin:0;font-size:clamp(1.1rem,1.9vw,1.35rem);font-weight:800}
.edu26-podcast-sub{margin:.3rem 0 .8rem;font-size:.9rem;color:#6b6a80}
.edu26-platforms{display:flex;gap:.5rem;flex-wrap:wrap}
.edu26-platforms a{border:1px solid rgba(37,36,51,.16);padding:.35rem .9rem;font-size:.82rem;font-weight:600;
  clip-path:polygon(3% 8%,97% 0,100% 90%,2% 100%);transition:background .2s,color .2s}
.edu26-platforms a:hover{background:#28B9CF;color:#fff;border-color:#28B9CF}
@media (max-width:960px){
  .edu26-grid{grid-template-columns:minmax(0,1fr)}
  .edu26-event{grid-template-columns:auto minmax(0,1fr);row-gap:.8rem}
  .edu26-event .bl-btn{grid-column:2}
}

/* --- Odstránenie všetkých dekoratívnych papradí --- */
.nav-leaf,.scroll-leaf,.corner-leaf{display:none!important}

/* --- Odvetvia: fotka pod farbou, hover odkryje fotku --- */
.ind26-list{grid-template-columns:repeat(auto-fit,minmax(15.5rem,1fr))}
.ind26-tile{position:relative;overflow:hidden;isolation:isolate;min-height:clamp(6.5rem,9vw,8.5rem);
  display:flex;align-items:flex-end;padding:1.15rem 1.4rem;background:var(--ind-accent);color:#fff;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),filter .28s}
.ind26-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;
  transform:scale(1.06);transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .4s;filter:saturate(.85)}
.ind26-tile:after{content:"";position:absolute;inset:0;z-index:-1;background:var(--ind-accent);opacity:.92;
  transition:opacity .32s ease}
.ind26-tile:hover:after,.ind26-tile:focus-within:after{opacity:.34}
.ind26-tile:hover img,.ind26-tile:focus-within img{transform:scale(1)}
.ind26-tile:hover{transform:translateY(-5px) rotate(-.5deg);filter:none}
.ind26-tile>span{position:relative;font-weight:800;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.2;
  text-shadow:0 2px 12px rgba(0,0,0,.35)}
.ind26-tile[style*="#FFDE10"]{color:#252433}
.ind26-tile[style*="#FFDE10"]>span{text-shadow:0 2px 10px rgba(255,255,255,.5)}
.ind26-tile[style*="#FFDE10"]:hover>span,.ind26-tile[style*="#FFDE10"]:focus-within>span{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.55)}
.ind26-tile.is-extra{display:none}
.ind26-list.is-open .ind26-tile.is-extra{display:flex;animation:indReveal .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes indReveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.ind26-actions{display:flex;justify-content:center;margin-top:clamp(1.5rem,3vw,2.25rem)}
@media (prefers-reduced-motion:reduce){
  .ind26-tile,.ind26-tile img,.ind26-tile:after{transition:none}
  .ind26-list.is-open .ind26-tile.is-extra{animation:none}
}
.ind26-tile{padding:1.2rem 2.1rem 1.7rem 1.9rem}
.ind26-tile>span{max-width:86%}
.ind26-tile:before{content:"";position:absolute;inset:auto 0 0 0;height:70%;z-index:-1;
  background:linear-gradient(to top,rgba(0,0,0,.45),transparent);opacity:0;transition:opacity .32s}
.ind26-tile:hover:before,.ind26-tile:focus-within:before{opacity:1}
/* --- Case study vnorená pod odvetvia --- */
.cs26-embed{padding-top:clamp(2.5rem,5vw,4rem);background:transparent}

/* --- Odvetvia: nekonečné defilé dlaždíc --- */
.ind26-marquee{display:flex;flex-direction:column;gap:clamp(.9rem,1.6vw,1.4rem);
  width:100%;margin-left:0;padding:.4rem 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.ind26-row{overflow:hidden}
.ind26-track{display:flex;gap:clamp(.9rem,1.6vw,1.4rem);width:max-content;
  animation:ind26Scroll var(--ind-dur,40s) linear infinite}
.ind26-row-b .ind26-track{animation-direction:reverse}
@keyframes ind26Scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.ind26-marquee:hover .ind26-track,.ind26-marquee:focus-within .ind26-track,.ind26-marquee:active .ind26-track{animation-play-state:paused}
.ind26-marquee .ind26-tile{flex:0 0 auto;width:clamp(14rem,22vw,20rem)}
.ind26-marquee .ind26-tile.is-extra{display:flex}
@media (prefers-reduced-motion:reduce){.ind26-track{animation:none}
  .ind26-row{overflow-x:auto}}

/* --- CTA "250+ projektov": seizmografické oranžové pulzovanie --- */
.cs26-more-btn{position:relative;isolation:isolate;animation:cs26Seismo 2.6s cubic-bezier(.36,.07,.19,.97) infinite}
.cs26-more-btn:before,.cs26-more-btn:after{content:"";position:absolute;inset:0;border-radius:inherit;
  clip-path:inherit;z-index:-1;border:2px solid rgba(236,102,8,.55);
  animation:cs26Ripple 2.6s cubic-bezier(.2,.8,.2,1) infinite}
.cs26-more-btn:after{animation-delay:1.3s}
@keyframes cs26Seismo{
  0%,100%{transform:translateY(0) scale(1);box-shadow:0 12px 26px rgba(216,58,0,.28),0 0 0 0 rgba(236,102,8,.45)}
  8%{transform:translateY(-1px) scale(1.015);box-shadow:0 14px 30px rgba(216,58,0,.34),0 0 0 6px rgba(236,102,8,.16)}
  14%{transform:translateY(1px) scale(.995)}
  20%{transform:translateY(-2px) scale(1.03);box-shadow:0 18px 36px rgba(216,58,0,.4),0 0 0 12px rgba(236,102,8,0)}
  27%{transform:translateY(1px) scale(.998)}
  34%{transform:translateY(0) scale(1.01)}
  45%,99%{transform:translateY(0) scale(1)}
}
@keyframes cs26Ripple{
  0%{opacity:.7;transform:scale(1)}
  70%{opacity:0;transform:scale(1.14)}
  100%{opacity:0;transform:scale(1.14)}
}
.cs26-more-btn:hover{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){
  .cs26-more-btn,.cs26-more-btn:before,.cs26-more-btn:after{animation:none}
}

/* --- Vzdelávanie: symetrická biela verzia s tyrkysovým polygonálnym okrajom --- */
.edu26b{position:relative;background:#fff;padding:clamp(3.2rem,6vw,5.2rem) 0;overflow:hidden}
.edu26b-edge{position:absolute;left:0;right:0;height:clamp(28px,3.4vw,46px);
  background:repeating-linear-gradient(135deg,#28B9CF 0 14px,rgba(40,185,207,.45) 14px 28px)}
.edu26b-edge-top{top:0;clip-path:polygon(0 0,100% 0,100% 42%,88% 100%,74% 40%,60% 100%,46% 40%,32% 100%,18% 40%,6% 100%,0 44%)}
.edu26b-edge-bottom{bottom:0;clip-path:polygon(0 56%,6% 0,18% 60%,32% 0,46% 60%,60% 0,74% 60%,88% 0,100% 58%,100% 100%,0 100%)}
.edu26b-shell{max-width:var(--content-width);margin:0 auto;padding:0 var(--page-gutter);position:relative;z-index:1}
.edu26b-head{text-align:center;max-width:44rem;margin:0 auto clamp(2rem,4vw,3rem)}
.edu26b-eyebrow{margin:0 0 .6rem;color:#28B9CF;font-weight:700;letter-spacing:.22em;text-transform:uppercase;font-size:.74rem}
.edu26b-head h2{margin:0;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;letter-spacing:-.02em}
.edu26b-lead{margin:.8rem 0 0;color:rgba(37,36,51,.7)}
.edu26b-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.6rem);align-items:stretch}
.edu26b-card{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.7rem;
  padding:clamp(1.6rem,2.6vw,2.2rem) clamp(1.1rem,2vw,1.6rem);background:transparent;
  --edu-card-clip:polygon(0 4%,4% 0,96% 0,100% 4%,100% 96%,96% 100%,4% 100%,0 96%);
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s}
.edu26b-card:before,.edu26b-card:after{content:"";position:absolute;clip-path:var(--edu-card-clip);transition:background .28s}
.edu26b-card:before{inset:0;z-index:-2;background:rgba(40,185,207,.4)}
.edu26b-card:after{inset:1.5px;z-index:-1;background:#fff}
.edu26b-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px rgba(40,185,207,.18)}
.edu26b-card:hover:before{background:#28B9CF}
.edu26b-date{display:grid;place-items:center;gap:.05rem;width:5.2rem;height:5.2rem;color:#fff;
  clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%)}
.edu26b-date{clip-path:polygon(12% 0,88% 0,100% 12%,100% 88%,88% 100%,12% 100%,0 88%,0 12%)}
.edu26b-date strong{font-size:1.85rem;font-weight:800;line-height:1}
.edu26b-date span{font-size:.7rem;font-weight:700;letter-spacing:.16em}
.edu26b-date.is-orange{background:#EC6608}
.edu26b-date.is-navy{background:#252433}
.edu26b-mic{display:grid;place-items:center;width:5.2rem;height:5.2rem;color:#0c8f91;background:rgba(40,185,207,.14);
  clip-path:polygon(12% 0,88% 0,100% 12%,100% 88%,88% 100%,12% 100%,0 88%,0 12%)}
.edu26b-mic svg{width:2.1rem;height:2.1rem}
.edu26b-card h3{margin:0;font-size:1.05rem;font-weight:800;line-height:1.3}
.edu26b-card p{margin:0;color:rgba(37,36,51,.66);font-size:.9rem}
.edu26b-card .bl-btn{margin-top:auto}
.edu26b-platforms{display:flex;gap:.5rem;justify-content:center;margin-top:auto;padding-top:.6rem}
.edu26b-platforms a{border:0;background:rgba(37,36,51,.07);padding:.4rem .85rem;font-size:.78rem;font-weight:600;
  clip-path:polygon(10% 0,90% 0,100% 30%,90% 100%,10% 100%,0 30%);transition:background .2s,color .2s}
.edu26b-platforms a:hover{background:#28B9CF;color:#fff}
.edu26b-card-pod:after{background:#F2FBFC}
@media (max-width:900px){.edu26b-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.edu26b-card{transition:none}}

/* --- Odvetvia: jeden riadok, unikátny polygón pre každú dlaždicu --- */
.ind26-marquee{flex-direction:row}
.ind26-marquee .ind26-tile{min-height:clamp(8rem,11vw,10.5rem)}
.ind26-marquee .ind26-tile:nth-child(9n+1){clip-path:polygon(0 8%,46% 0,100% 6%,96% 62%,54% 100%,3% 92%)}
.ind26-marquee .ind26-tile:nth-child(9n+2){clip-path:polygon(4% 0,100% 5%,94% 54%,100% 96%,38% 100%,0 78%)}
.ind26-marquee .ind26-tile:nth-child(9n+3){clip-path:polygon(0 4%,62% 0,100% 18%,92% 100%,26% 96%,6% 58%)}
.ind26-marquee .ind26-tile:nth-child(9n+4){clip-path:polygon(8% 2%,100% 0,96% 44%,100% 88%,44% 100%,0 66%)}
.ind26-marquee .ind26-tile:nth-child(9n+5){clip-path:polygon(0 0,88% 6%,100% 50%,84% 100%,18% 94%,4% 46%)}
.ind26-marquee .ind26-tile:nth-child(9n+6){clip-path:polygon(6% 6%,52% 0,100% 12%,94% 70%,60% 100%,0 88%)}
.ind26-marquee .ind26-tile:nth-child(9n+7){clip-path:polygon(0 12%,40% 2%,96% 0,100% 72%,58% 100%,8% 90%)}
.ind26-marquee .ind26-tile:nth-child(9n+8){clip-path:polygon(2% 0,96% 8%,100% 60%,88% 96%,30% 100%,0 42%)}
.ind26-marquee .ind26-tile:nth-child(9n+9){clip-path:polygon(10% 0,100% 2%,92% 52%,100% 92%,36% 98%,0 54%)}
.ind26-marquee .ind26-tile{padding:1.3rem 2.6rem 1.8rem 2.6rem}

/* Odvetvia: fotka default, farebná inverzia na hover + podčiarknutie */
.ind26-tile:after{opacity:0}
.ind26-tile:hover:after,.ind26-tile:focus-within:after{opacity:.9}
.ind26-tile:before{opacity:1;background:linear-gradient(to top,rgba(37,36,51,.72),rgba(37,36,51,0))}
.ind26-tile:hover:before,.ind26-tile:focus-within:before{opacity:0}
.ind26-tile img{transform:scale(1.04)}
.ind26-tile:hover img,.ind26-tile:focus-within img{transform:scale(1.1)}
.ind26-tile{align-items:flex-start;justify-content:center;text-align:left;color:#fff}
.ind26-tile>span{max-width:80%;padding-bottom:.35rem;border-bottom:3px solid var(--ind-accent);
  transition:border-color .3s ease,color .3s ease}
.ind26-tile:hover>span,.ind26-tile:focus-within>span{border-bottom-color:#fff}
.ind26-tile[style*="#FFDE10"]{color:#fff}
.ind26-tile[style*="#FFDE10"]:hover,.ind26-tile[style*="#FFDE10"]:focus-within{color:#252433}
.ind26-tile[style*="#FFDE10"]:hover>span,.ind26-tile[style*="#FFDE10"]:focus-within>span{color:#252433;border-bottom-color:#252433;text-shadow:none}

/* ============ EDU 2026 — variant C (brand quote-card jazyk) ============ */
.edu26c{position:relative;overflow:hidden;background:#fff;padding:clamp(3.5rem,7vw,6rem) 0}
.edu26c-texture{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.06;pointer-events:none}
.edu26c-shell{position:relative;z-index:2;width:min(1180px,92vw);margin:0 auto}
.edu26c-head{text-align:center;max-width:46rem;margin:0 auto clamp(2rem,4vw,3rem)}
.edu26c-tag{font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:#28B9CF;margin:0 0 .5rem}
.edu26c-head h2{margin:0;font-size:clamp(1.8rem,3.6vw,2.9rem);font-weight:800;color:#252433;letter-spacing:-.01em}
.edu26c-head h2 em{font-style:normal;color:#EC6608;box-shadow:inset 0 -.16em 0 rgba(236,102,8,.25)}
.edu26c-lead{margin:.8rem 0 0;color:#5c5b6b;font-size:clamp(.95rem,1.4vw,1.05rem)}
.edu26c-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.6rem)}
.edu26c-card{position:relative;overflow:hidden;background:#fff;border:1px solid rgba(37,36,51,.08);
  box-shadow:0 26px 60px -46px rgba(37,36,51,.55);padding:clamp(1.6rem,2.6vw,2.3rem);
  display:flex;flex-direction:column;gap:.55rem;min-height:clamp(17rem,24vw,20rem);
  clip-path:polygon(0 0,100% 0,100% 86%,90% 100%,0 100%);transition:transform .3s ease,box-shadow .3s ease}
.edu26c-card:hover{transform:translateY(-6px);box-shadow:0 34px 70px -44px rgba(37,36,51,.6)}
.edu26c-corner{position:absolute;right:0;bottom:0;width:clamp(6rem,11vw,9rem);height:clamp(4.5rem,8vw,7rem);
  background:#28B9CF;clip-path:polygon(100% 0,100% 100%,0 100%,56% 44%);opacity:.9}
.edu26c-badge{display:grid;place-items:center;width:clamp(3.4rem,5vw,4.2rem);aspect-ratio:1;background:#EC6608;color:#fff;
  clip-path:polygon(50% 0,86% 12%,100% 46%,88% 84%,52% 100%,14% 88%,0 50%,12% 14%);line-height:1;margin-bottom:.4rem}
.edu26c-badge.is-navy{background:#252433}
.edu26c-badge strong{font-size:clamp(1.1rem,1.7vw,1.4rem);font-weight:800}
.edu26c-badge span{font-size:.6rem;letter-spacing:.14em;font-weight:700}
.edu26c-kicker{margin:0;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:#28B9CF}
.edu26c-card h3{margin:0;font-size:clamp(1.1rem,1.8vw,1.35rem);font-weight:800;color:#252433;line-height:1.25}
.edu26c-card h3 mark{background:none;color:#EC6608}
.edu26c-card h3 em{font-style:normal;background:#28B9CF;color:#fff;padding:.04em .32em;display:inline-block;
  clip-path:polygon(1% 8%,99% 0,100% 88%,2% 100%)}
.edu26c-meta{margin:0;color:#6b6a7a;font-size:.92rem}
.edu26c-card .bl-btn{align-self:flex-start;margin-top:auto;position:relative;z-index:3}
.edu26c-route{position:absolute;left:0;right:0;bottom:clamp(2.6rem,5vw,3.6rem);width:100%;height:3.4rem;z-index:1;pointer-events:none}
.edu26c-route path{fill:none;stroke:#EC6608;stroke-width:2;stroke-linecap:round;stroke-dasharray:8 10;opacity:.5;
  animation:edu26cDash 9s linear infinite}
@keyframes edu26cDash{to{stroke-dashoffset:-180}}
.edu26c-plane{position:absolute;top:clamp(.8rem,2vw,1.4rem);right:clamp(.8rem,2vw,1.4rem);width:clamp(4.5rem,8vw,6.5rem);
  animation:edu26cFly 7s ease-in-out infinite;z-index:2}
@keyframes edu26cFly{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(-8px,-10px,0) rotate(-5deg)}}
.edu26c-card-pod{background:#fff}
.edu26c-mark{position:absolute;left:clamp(.6rem,1.6vw,1.2rem);bottom:-1.4rem;font-size:7rem;line-height:1;color:#EC6608;opacity:.14;font-weight:800}
.edu26c-platforms{display:flex;gap:.5rem;margin-top:auto;position:relative;z-index:3;flex-wrap:wrap}
.edu26c-platforms a{font-size:.78rem;font-weight:700;padding:.4rem .8rem;border:1.5px solid rgba(37,36,51,.16);color:#252433;
  clip-path:polygon(4% 0,100% 6%,96% 100%,0 92%);transition:.2s}
.edu26c-platforms a:hover{background:#EC6608;border-color:#EC6608;color:#fff}
@media (max-width:980px){.edu26c-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.edu26c-route path,.edu26c-plane,.edu26c-card{animation:none;transition:none}}
.edu26c-mark{left:auto;right:clamp(6.5rem,12vw,10rem);bottom:-2rem;font-size:6rem;opacity:.1}

/* Odvetvia: jemný gradient zhora vo farbe odvetvia + jednotné zarovnanie zľava */
.ind26-marquee .ind26-tile{padding:1.4rem 2rem 1.6rem 3rem}
.ind26-tile>span{max-width:82%}
.ind26-tile:before{inset:0;height:100%;
  background:linear-gradient(180deg,color-mix(in srgb,var(--ind-accent) 78%,#252433) 0%,
    color-mix(in srgb,var(--ind-accent) 45%,transparent) 42%,rgba(37,36,51,.05) 78%,transparent 100%);
  opacity:1}
.ind26-tile:hover:before,.ind26-tile:focus-within:before{opacity:.35}

/* ===== Plynulé polygonové prechody: referencie → vzdelávanie → pätička ===== */
.ref26{
  padding-bottom:calc(clamp(3rem,6vw,5rem) + 3vw);
  margin-bottom:calc(-1 * clamp(1.5rem,3.2vw,3rem));
}
.edu26{
  position:relative;z-index:3;
  margin-top:calc(-1 * clamp(1.5rem,3.2vw,3rem));
  margin-bottom:calc(-1 * clamp(1.5rem,3.2vw,3rem));
  padding-top:calc(clamp(3.5rem,7vw,6rem) + 2vw);
  padding-bottom:calc(clamp(4rem,8vw,6.5rem) + 2vw);
}
.site-footer:not(.site-footer-dark){
  background:var(--white)!important;
  border-top:0!important;
  padding-top:calc(clamp(4.5rem,8vw,7rem) + 3vw)!important;
  margin-top:calc(-1 * clamp(1.5rem,3.2vw,3rem));
  position:relative;z-index:1;
}

/* Hero → social proof: tesné napojenie loga tesne pod metriky */
.hero{min-height:auto;padding-bottom:clamp(1.5rem,3vw,2.75rem)}
.client-proof-section{margin-top:clamp(-3rem,-2.5vw,-1rem);padding-top:clamp(1.25rem,2.5vw,2.25rem)}

/* ===== Jednotné vertikálne medzery sekcií ===== */
:root{--sec-pad:clamp(3.25rem,5.5vw,5rem)}
.pain-story-section,.services-section,.ind26,.about26,.journey-section,.ref26,.edu26,.cs26{
  padding-top:var(--sec-pad);padding-bottom:var(--sec-pad);
}
.about26{padding-bottom:var(--sec-pad)}
.cs26{padding-bottom:var(--sec-pad)}
.journey-section{padding-top:var(--sec-pad)}

/* Pätička — bez zbytočnej deliacej čiary nad copyrightom */
.footer-bottom{border-top:0}

/* Hero Tuki — video s transparentným pozadím */
.hero-visual .tuki-video{display:block;background:transparent;object-fit:contain;pointer-events:none;
  width:min(118%, 800px) !important;height:auto !important;transform:translateX(-2%) !important;margin-left:auto !important}
@media (max-width:860px){.hero-visual .tuki-video{width:min(104%,560px) !important;transform:none !important;margin-inline:auto !important}}


/* Pätička — kompaktný brand blok s rotujúcim slovom */
.footer-bottom{display:none !important}
.footer-brand .footer-tagline{
  font-size:.95rem;line-height:1.5;margin:.35rem 0 0;display:flex;flex-wrap:nowrap;align-items:center;gap:.3rem;white-space:nowrap;
}

.footer-brand .footer-word{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--orange);color:var(--white);
  clip-path:polygon(3% 12%,97% 0,100% 78%,96% 100%,4% 94%,0 22%);
  padding:.12em .5em .16em;font-weight:600;
  min-width:calc(var(--fw-len, 10) * .56em);
  transition:min-width .32s cubic-bezier(.2,.8,.2,1);
}
.footer-brand .footer-rotating-word{display:inline-block;transition:opacity .22s,transform .22s}
.footer-brand .footer-word.is-swapping .footer-rotating-word{opacity:0;transform:translateY(-.25em)}
.footer-brand .footer-copy{margin:.9rem 0 0;font-size:.78rem;opacity:.55}
@media (prefers-reduced-motion:reduce){
  .footer-brand .footer-rotating-word,.footer-brand .footer-word{transition:none}
}

.tuki-image,.tuki-video{filter:none !important}

/* --- Teaser prepínača Problém/Riešenie: výraznejšie vysvietenie --- */
@keyframes blTeaseGlow {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(40, 185, 207, 0.55), 0 0 0 0 rgba(255, 222, 16, 0);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(40, 185, 207, 0), 0 0 26px 4px rgba(255, 222, 16, 0.55);
  }
}
.pain-story-mode.is-teasing {
  border-radius: 999px;
  animation: blTeaseGlow 1.5s ease-in-out;
}
.pain-story-mode.is-teasing button[aria-pressed="true"]:last-of-type {
  color: #28b9cf !important;
  text-shadow: 0 0 16px rgba(255, 222, 16, 0.75);
  transform: scale(1.06);
  transition: transform 0.25s ease, color 0.25s ease;
}
.pain-story-mode.is-teasing span {
  box-shadow: 0 0 18px 2px rgba(40, 185, 207, 0.65);
}
@media (prefers-reduced-motion: reduce) {
  .pain-story-mode.is-teasing { animation: none; }
}

/* Pain story — jednotné zarovnanie textu doľava */
.pain-story-section,
.pain-story-header,
.pain-story-header h2,
.pain-story-eyebrow,
.pain-story-tab,
.pain-story-tab strong,
.pain-story-polygon-copy,
.pain-story-polygon-copy p,
.pain-story-polygon-copy blockquote,
.pain-story-polygon-copy strong,
.pain-story-detail,
.pain-story-diagnosis,
.pain-story-diagnosis h3,
.pain-story-diagnosis p,
.pain-story-answer,
.pain-story-answer h3,
.pain-story-answer p,
.pain-story-answer a {
  text-align: left;
}

/* Hlavička sekcie na stred, obsah panelu doľava */
.pain-story-header,
.pain-story-header h2,
.pain-story-header .pain-story-eyebrow,
.pain-story-header .pain-story-lede {
  text-align: center;
}
.pain-story-panel .pain-story-polygon-copy,
.pain-story-panel .pain-story-polygon-copy > p,
.pain-story-panel .pain-story-polygon-copy blockquote,
.pain-story-panel .pain-story-polygon-copy strong {
  text-align: left;
  align-items: flex-start;
  margin-left: 0;
  margin-right: auto;
}

/* Bez delenia slov v paneli — slová sa nikdy nelámu spojovníkom */
.pain-story-polygon-copy,
.pain-story-polygon-copy p,
.pain-story-polygon-copy blockquote,
.pain-story-polygon-copy strong,
.pain-story-polygon-copy mark {
  hyphens: none !important;
  -webkit-hyphens: none !important;
  overflow-wrap: normal;
  word-break: keep-all;
}

/* Hero: oranžový low-poly panel na celú výšku, vysúva sa sprava */
.hero{position:relative}
.hero > .hero-shell{position:relative;z-index:2}
.hero-orange-panel{
  position:absolute;
  top:0;right:0;bottom:0;
  width:min(56vw,900px);
  z-index:0;
  pointer-events:none;
  background:
    conic-gradient(from 214deg at 24% 8%, rgba(255,255,255,.10) 0 16deg, rgba(0,0,0,0) 16deg 40deg, rgba(0,0,0,.06) 40deg 62deg, rgba(0,0,0,0) 62deg 360deg),
    conic-gradient(from 40deg at 12% 92%, rgba(0,0,0,.07) 0 18deg, rgba(0,0,0,0) 18deg 44deg, rgba(255,255,255,.08) 44deg 66deg, rgba(0,0,0,0) 66deg 360deg),
    conic-gradient(from 120deg at 86% 46%, rgba(255,255,255,.07) 0 22deg, rgba(0,0,0,0) 22deg 52deg, rgba(0,0,0,.05) 52deg 78deg, rgba(0,0,0,0) 78deg 360deg),
    linear-gradient(112deg,#f5871f 0 26%,#f07a12 26% 52%,#ec6608 52% 78%,#d95a04 78% 100%);
  clip-path:polygon(100% 0%,100% 0%,100% 0%,100% 0%,100% 0%,100% 0%,100% 0%,100% 0%,100% 100%,100% 100%,100% 100%,100% 100%);
  animation:heroPanelSlide 1s cubic-bezier(.2,.8,.24,1) .15s forwards;
}
@keyframes heroPanelSlide{
  from{clip-path:polygon(100% 0%,100% 0%,100% 0%,100% 0%,100% 0%,100% 0%,100% 0%,100% 0%,100% 100%,100% 100%,100% 100%,100% 100%)}
  to{clip-path:polygon(
    26% 0%, 62% 0%, 100% 0%,
    100% 34%, 100% 68%, 100% 100%,
    58% 100%, 14% 100%,
    3% 84%, 17% 61%, 6% 38%, 19% 17%
  )}
}
.hero-visual .tuki-image{position:relative;z-index:3}
@media (max-width:860px){
  .hero-orange-panel{width:78vw}
}
@media (prefers-reduced-motion:reduce){
  .hero-orange-panel{animation:none;clip-path:polygon(26% 0%,62% 0%,100% 0%,100% 34%,100% 68%,100% 100%,58% 100%,14% 100%,3% 84%,17% 61%,6% 38%,19% 17%)}
}

/* Hero bez oranžového pozadia */
.hero-orange-panel{display:none !important}


/* --- Blog / EduBird: jednotné brand-manual tvary (nepravidelné polygóny, žiadne zaoblenia) --- */
.edu26{clip-path:none;background:#28b9cf}
.edu26-facets{display:none !important}
.edu26-eyebrow-bar{clip-path:polygon(0 12%,100% 0,100% 88%,0 100%);border-radius:0}
.edu26-mark{clip-path:polygon(1% 8%,99% 0,100% 90%,2% 100%);border-radius:0}
.edu26-feature{clip-path:polygon(1.2% 1%,99% 0,100% 98.6%,1% 100%);border-radius:0}
.edu26-stack .edu26-feature[data-pos="1"]{transform:translate(6%,-5%) scale(.945)}
.edu26-stack .edu26-feature[data-pos="2"]{transform:translate(11.5%,-9.5%) scale(.895)}
.edu26-cover-photo{clip-path:none}
.edu26-cover-hex{clip-path:polygon(2% 2%,98% 0,100% 97%,1% 100%);border-radius:0}
.edu26-cover-plate{clip-path:polygon(0 4%,100% 0,100% 100%,0 100%);border-radius:0}
.edu26-chip{clip-path:polygon(4% 6%,97% 0,100% 92%,2% 100%);border-radius:0}
.edu26-side-head,
.edu26-event,
.edu26-podcast{clip-path:polygon(1% 5%,99% 0,100% 95%,1.2% 100%);border-radius:0}
.edu26-cover-mic{display:none !important}
/* Zdieľané primárne tlačidlo (bl-btn-primary) v featured článku: žiadny custom flat pill override. */
@media (max-width:640px){
  .edu26-stack .edu26-feature[data-pos="1"],
  .edu26-stack .edu26-feature[data-pos="2"]{transform:none;opacity:0;pointer-events:none}
  .edu26-stack .edu26-feature{width:100%}
}

/* EduBird pravý stĺpec — biela lišta s logom + low-poly mikrofón */
.edu26-side-head{transition:box-shadow .25s ease}
@media (max-width:720px){
  .edu26-side-head{padding:16px 18px}
  .edu26-logo-img{height:28px}
  .edu26-podcast-icon{height:44px}
}
.edu26-side-head-copy{display:flex;flex-direction:column;gap:2px;line-height:1.25}
.edu26-side-head-copy span{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#EC6608}
.edu26-side-head-copy strong{font-size:18px;font-weight:600;color:#252433;letter-spacing:-.025em}
@media (max-width:720px){.edu26-side-head-copy strong{font-size:16px}}
/* --- EduBird: plain dates, icon platforms, light blog carousel --- */
.edu26-date{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  width:auto;aspect-ratio:auto;background:none !important;clip-path:none !important;border-radius:0;
  padding:0;min-width:3.1rem}
.edu26-date strong{font-size:clamp(1.5rem,2.4vw,1.9rem);font-weight:800;letter-spacing:-.03em}
.edu26-date span{font-size:.66rem;letter-spacing:.16em;font-weight:700;opacity:1}
.edu26-date-orange,.edu26-date-orange strong,.edu26-date-orange span{color:#EC6608}
.edu26-date-navy,.edu26-date-navy strong,.edu26-date-navy span{color:#252433}

.edu26-platforms a{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px}
.edu26-platforms a svg{width:1.05rem;height:1.05rem;flex:none}

/* blog: jednoduchý carousel bez vrstvenia a ťažkých filtrov */
.edu26-stack .edu26-feature{
  transform:none !important;filter:none !important;transition:opacity .28s ease;will-change:auto}
.edu26-stack .edu26-feature[data-pos="0"]{opacity:1;z-index:2;pointer-events:auto;position:relative}
.edu26-stack .edu26-feature[data-pos="1"],
.edu26-stack .edu26-feature[data-pos="2"]{opacity:0;pointer-events:none;z-index:1}
.edu26-stack{min-height:0}

/* --- Šesť viet: menovka člena tímu pod portrétom (režim Riešenie) --- */
.pain-story-panel .pain-story-person-tag {
  position: absolute;
  z-index: 4;
  left: clamp(1.75rem, 3vw, 3rem);
  bottom: clamp(2.8rem, 4.2vw, 3.8rem);
  width: min(34%, 300px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
  text-align: center;
  pointer-events: none;
}
.pain-story-panel .pain-story-person-tag::before {
  content: "";
  position: absolute;
  inset: -0.45rem -0.6rem;
  background: #fff;
  border-radius: 999px;
  box-shadow: 0 8px 18px rgba(37, 36, 51, 0.16);
  z-index: -1;
}
.pain-story-panel .pain-story-person-tag[hidden] { display: none; }
.pain-story-panel .pain-story-person-tag strong {
  font-size: clamp(0.95rem, 1.15vw, 1.1rem);
  font-weight: 700;
  color: #252433;
  line-height: 1.15;
}
.pain-story-panel .pain-story-person-tag span {
  font-size: clamp(0.72rem, 0.85vw, 0.82rem);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #ec6608;
  line-height: 1.2;
}
@media (max-width: 900px) {
  .pain-story-panel .pain-story-person-tag {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    margin: 0.4rem 0 0.6rem;
  }
}

/* ============ MEGA MENU (navigácia) ============ */
.main-nav .nav-item.has-mega { position: static; display: flex; align-items: center; }
.main-nav .nav-link,
.main-nav > a:not(.mobile-contact) {
  font-family: 'Sora', var(--font-heading, inherit);
  font-size: 15px; font-weight: 500; color: #252433;
  background: none; border: 0; cursor: pointer;
  display: inline-flex; align-items: center; gap: .35rem; white-space: nowrap;
}
.main-nav .mega-chevron { transition: transform 150ms ease; }
.main-nav .nav-item.is-open .mega-chevron { transform: rotate(180deg); }
.main-nav .nav-item.is-open > .mega-trigger { color: #ec6608; }

.mega-panel {
  position: absolute; top: 100%; left: 0; right: 0;
  background: #fff;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 24px 44px rgba(37,36,51,.10);
  opacity: 0; visibility: hidden; transform: translateY(-8px);
  transition: opacity 150ms ease, transform 150ms ease, visibility 150ms ease;
  z-index: 60;
}
.nav-item.is-open > .mega-panel { opacity: 1; visibility: visible; transform: translateY(0); }

.mega-shell {
  width: min(100%, calc(var(--content-width, 1200px) + (2 * var(--page-gutter, 1.5rem))));
  margin: 0 auto; padding: 0 var(--page-gutter, 1.5rem);
}
.mega-grid {
  display: grid; grid-template-columns: 1.05fr repeat(4, minmax(0, 1fr));
  align-items: stretch;
}
.mega-grid > * { padding: 34px 26px 30px; }
.mega-grid > * + * { border-left: 1px solid rgba(37,36,51,.08); }

/* ľavý intro stĺpec */
.mega-intro { position: relative; overflow: visible; min-height: 320px; padding-bottom: 26px; }
.mega-intro-title {
  font-family: 'Sora', var(--font-heading, inherit);
  font-size: 26px; font-weight: 700; line-height: 1.15; color: #252433; margin: 0;
}
.mega-intro-text {
  font-family: 'Sora', var(--font-heading, inherit);
  font-size: 14px; font-weight: 300; line-height: 1.5; color: #5b5a68; margin: 14px 0 0; max-width: 22ch;
}
.mega-intro-link {
  display: inline-flex; align-items: center; gap: 8px; margin-top: 18px;
  font-family: 'Sora', var(--font-heading, inherit);
  font-size: 14px; font-weight: 600; color: #ec6608; text-decoration: none;
}
.mega-intro-dash { display: inline-block; width: 18px; height: 2px; background: #ec6608; }
.mega-intro-link .mega-arrow { width: 16px; height: 16px; transition: transform 150ms ease; }
.mega-intro-link:hover .mega-arrow { transform: translateX(4px); }
.mega-intro-line { position: absolute; left: 12px; bottom: 44px; width: 210px; opacity: .55; pointer-events: none; }
.mega-intro-compass { position: absolute; left: 10px; bottom: 14px; width: 150px; height: auto; object-fit: contain; pointer-events: none; }


/* stĺpce pilierov */
.mega-col { display: flex; flex-direction: column; position: relative; background: none !important; border-radius: 0; box-shadow: none !important; }
.mega-col-head { display: block; text-decoration: none; }
.mega-col-icon {
  display: block; width: 82px; height: 82px; object-fit: contain;
  transform: rotate(-4deg); transition: transform 200ms ease;
}
.mega-col:nth-of-type(3) .mega-col-icon { transform: rotate(4deg); }
.mega-col:nth-of-type(5) .mega-col-icon { transform: rotate(7deg); }
.mega-col:hover .mega-col-icon { transform: translateY(-4px) rotate(-10deg); }
.mega-col-title {
  display: flex; align-items: baseline; gap: 8px; margin-top: 12px;
  font-family: 'Sora', var(--font-heading, inherit);
  font-size: 20px; font-weight: 600; color: #252433; transition: color 150ms ease;
}
.mega-col-num { color: var(--pillar); font-weight: 700; }
.mega-col-head:hover .mega-col-title { color: var(--pillar); }
.mega-col-links { list-style: none; margin: 18px 0 0; padding: 0; }
.mega-col-links li { line-height: 32px; }
.mega-col-links a {
  font-family: 'Sora', var(--font-heading, inherit);
  font-weight: 300; font-size: 15px; color: #3c3b4a;
  text-decoration: none; transition: color 150ms ease;
}
.mega-col-links a:hover { color: var(--pillar); }
.mega-col-all {
  display: inline-flex; align-items: center; align-self: flex-start; gap: 8px; margin-top: auto; padding-top: 22px;
  font-family: 'Sora', var(--font-heading, inherit);
  font-size: 14px; font-weight: 600; color: var(--pillar); text-decoration: none;
}
.mega-col-all .mega-arrow { width: 16px; height: 16px; transition: transform 150ms ease; }
.mega-col-all:hover .mega-arrow { transform: translateX(4px); }
.mega-col-go { display: none; }

/* spodná lišta */
.mega-foot {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid rgba(37,36,51,.08);
}
.mega-foot-link {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 18px 12px; text-decoration: none;
  font-family: 'Sora', var(--font-heading, inherit);
  font-size: 14px; font-weight: 600; color: #252433;
  transition: color 150ms ease, background-color 150ms ease;
}
.mega-foot-link + .mega-foot-link { border-left: 1px solid rgba(37,36,51,.08); }
.mega-foot-link svg { width: 20px; height: 20px; color: #28b9cf; }
.mega-foot-link .mega-arrow { width: 16px; height: 16px; color: currentColor; transition: transform 150ms ease; }
.mega-foot-link:hover { background: rgba(37,36,51,.03); }
.mega-foot-link:hover .mega-arrow { transform: translateX(4px); }
.mega-foot-link.is-cta { color: #ec6608; }
.mega-foot-link.is-cta svg { color: #ec6608; }

@media (max-width: 960px) {
  .main-nav .nav-item.has-mega { display: block; }
  .main-nav .mega-trigger { width: 100%; justify-content: space-between; padding: .75rem 0; }
  .mega-panel {
    position: static; opacity: 1; visibility: visible; transform: none;
    box-shadow: none; border-top: 0; background: transparent;
    max-height: 0; overflow: hidden; transition: max-height 150ms ease;
  }
  .nav-item.is-open > .mega-panel { max-height: 1600px; }
  .mega-shell { padding: 0; }
  .mega-grid { grid-template-columns: 1fr; }
  .mega-grid > * { padding: 16px 0; }
  .mega-grid > * + * { border-left: 0; border-top: 1px solid rgba(37,36,51,.08); }
  .mega-intro { min-height: 0; padding-bottom: 10px; }
  .mega-intro-line { display: none; }
  .mega-intro-compass { position: static; width: 92px; margin-top: 10px; }
  .mega-col-head { display: flex; align-items: center; gap: 12px; }
  .mega-col-icon { width: 46px; height: 46px; }
  .mega-col-title { margin-top: 0; }
  .mega-col-links { margin-top: 10px; }
  .mega-foot { grid-template-columns: 1fr; }
  .mega-foot-link { justify-content: flex-start; padding: 14px 0; }
  .mega-foot-link + .mega-foot-link { border-left: 0; border-top: 1px solid rgba(37,36,51,.08); }
}


/* ============ CTA striedanie textu ============ */
.nav-cta.cta-swap { overflow: hidden; }
.cta-swap-slot {
  display: inline-grid; overflow: hidden;
  height: 1.3em; line-height: 1.3em; vertical-align: middle;
}
.cta-swap-slot > span {
  grid-area: 1 / 1; display: block; white-space: nowrap; text-align: center;
  animation: ctaSwapRoll 7s cubic-bezier(.65,.05,.25,1) infinite;
}
.cta-swap-slot > span.cta-swap-b { transform: translateY(110%); animation-name: ctaSwapRollB; }
@keyframes ctaSwapRoll {
  0%, 42% { transform: translateY(0); opacity: 1; }
  50%, 92% { transform: translateY(-110%); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}
@keyframes ctaSwapRollB {
  0%, 42% { transform: translateY(110%); opacity: 0; }
  50%, 92% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(110%); opacity: 0; }
}
.nav-cta.cta-swap:hover .cta-swap-slot > span { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) {
  .cta-swap-slot > span { animation: none; }
  .cta-swap-b { display: none; }
}

/* ── Nav "slice & weld": čiara prejde cez písmená, rozrazí ich a zase zlepí ── */
.main-nav > a.nav-slice:not(.mobile-contact) { color: transparent !important; overflow: visible; }
.main-nav > a.nav-slice:not(.mobile-contact)::after { display: none !important; }
.main-nav > a.nav-slice::before,
.main-nav > a.nav-slice > .nav-slice-bottom {
  content: attr(data-text);
  position: absolute;
  inset: .45rem 0 auto 0;
  color: #252433;
  pointer-events: none;
  transition: transform .26s cubic-bezier(.2,.8,.2,1);
}
.main-nav > a.nav-slice::before { clip-path: inset(0 0 50% 0); }
.main-nav > a.nav-slice > .nav-slice-bottom { clip-path: inset(50% 0 0 0); }
.main-nav > a.nav-slice > .nav-slice-line {
  position: absolute; left: 0; right: 0; top: 50%; height: 2px;
  background: #ec6608; transform: scaleX(0); transform-origin: 0 50%;
  transition: transform .22s cubic-bezier(.2,.8,.2,1);
}
.main-nav > a.nav-slice:hover > .nav-slice-line { animation: navSliceCut .5s cubic-bezier(.2,.8,.2,1); }
.main-nav > a.nav-slice:hover::before { animation: navSliceTop .5s cubic-bezier(.2,.8,.2,1); }
.main-nav > a.nav-slice:hover > .nav-slice-bottom { animation: navSliceBottom .5s cubic-bezier(.2,.8,.2,1); }
@keyframes navSliceCut {
  0% { transform: scaleX(0); }
  45% { transform: scaleX(1); transform-origin: 0 50%; }
  55% { transform: scaleX(1); transform-origin: 100% 50%; }
  100% { transform: scaleX(0); transform-origin: 100% 50%; }
}
@keyframes navSliceTop {
  0%, 20% { transform: translate(0, 0); }
  50% { transform: translate(3px, -3px); }
  100% { transform: translate(0, 0); }
}
@keyframes navSliceBottom {
  0%, 20% { transform: translate(0, 0); }
  50% { transform: translate(-3px, 3px); }
  100% { transform: translate(0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .main-nav > a.nav-slice:hover > .nav-slice-line,
  .main-nav > a.nav-slice:hover::before,
  .main-nav > a.nav-slice:hover > .nav-slice-bottom { animation: none; }
}

/* ── Button "slice & weld": rovnaký efekt ako v hlavnom menu ── */
.bl-btn .btn-slice {
  position: relative;
  display: inline-block;
  -webkit-text-fill-color: transparent;
}
.bl-btn .btn-slice::before,
.bl-btn .btn-slice > .btn-slice-bottom {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  -webkit-text-fill-color: currentColor;
  color: currentColor;
  pointer-events: none;
  white-space: nowrap;
}
.bl-btn .btn-slice::before { clip-path: inset(0 0 50% 0); }
.bl-btn .btn-slice > .btn-slice-bottom { clip-path: inset(50% 0 0 0); }
.bl-btn .btn-slice > .btn-slice-line {
  position: absolute; left: -2px; right: -2px; top: 50%; height: 2px;
  background: currentColor; opacity: .85;
  transform: scaleX(0); transform-origin: 0 50%;
  -webkit-text-fill-color: currentColor;
}
.bl-btn:hover .btn-slice > .btn-slice-line { animation: navSliceCut .5s cubic-bezier(.2,.8,.2,1); }
.bl-btn:hover .btn-slice::before { animation: navSliceTop .5s cubic-bezier(.2,.8,.2,1); }
.bl-btn:hover .btn-slice > .btn-slice-bottom { animation: navSliceBottom .5s cubic-bezier(.2,.8,.2,1); }
@media (prefers-reduced-motion: reduce) {
  .bl-btn:hover .btn-slice > .btn-slice-line,
  .bl-btn:hover .btn-slice::before,
  .bl-btn:hover .btn-slice > .btn-slice-bottom { animation: none; }
}

/* --- Tím na /o-nas: dlaždice bez fotky (žiadne generické fotobanky) --- */
.ind26-tile.is-plain{align-items:flex-end}
.ind26-tile.is-plain>span{text-shadow:none;font-size:clamp(.95rem,1.4vw,1.08rem)}
.ind26-tile.is-plain>span strong{font-weight:800;margin-bottom:.25rem}
.ind26-tile.is-plain:hover:after,.ind26-tile.is-plain:focus-within:after{opacity:.92}
.ind26-tile.is-plain:before{display:none}

/* --- /o-nas: hodnoty ako nepravidelné brandové tagy --- */
.dna26{padding:var(--sec-pad, clamp(4rem,7vw,6.5rem)) 0;position:relative;overflow:hidden}
.dna26-shell{width:min(100%, calc(var(--content-width) + (2 * var(--page-gutter))));padding:0 var(--page-gutter);margin:0 auto}
.dna26-head{max-width:52rem;margin:0 0 clamp(3.5rem,6vw,5rem)}
.dna26-head .dna26-eyebrow{color:var(--orange);font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.65rem;margin:0 0 1rem}
.dna26-head .dna26-eyebrow:before{content:"";width:2.2rem;height:3px;background:var(--orange)}
.dna26-head h2{font-family:var(--font-heading);font-size:clamp(2rem,3.6vw,3rem);font-weight:800;line-height:1.06;margin:0 0 .9rem;color:var(--text-navy)}
.dna26-head p{color:#252433b3;max-width:44rem;margin:0;font-size:1.02rem}
.dna26-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2vw,1.6rem);align-items:start}
.dna26-tag{position:relative;padding:3.4rem 1.6rem 1.9rem;color:#fff;transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.dna26-shape{position:absolute;inset:0;background:var(--dna-accent);clip-path:var(--dna-shape);overflow:hidden;z-index:0}
.dna26-tag>:not(.dna26-shape){position:relative;z-index:1}
.dna26-tag:nth-child(odd){margin-top:1.35rem}
.dna26-tag:nth-child(2){margin-top:0}
.dna26-tag:hover{transform:translateY(-6px) rotate(-.5deg)}
.dna26-tag.is-light{color:var(--text-navy)}
.dna26-facets{position:absolute;inset:0;width:100%;height:100%;opacity:.16;pointer-events:none}
.dna26-facets polygon{fill:#fff}
.dna26-tag.is-light .dna26-facets polygon{fill:#252433}
.dna26-icon{position:absolute;top:-2.6rem;left:1.2rem;width:clamp(4.6rem,7vw,5.6rem);height:auto;filter:drop-shadow(0 12px 20px rgba(37,36,51,.22));transform:rotate(var(--dna-tilt,-4deg));transition:transform .38s cubic-bezier(.2,.8,.2,1)}
.dna26-tag:hover .dna26-icon{transform:rotate(0deg) translateY(-4px)}
.dna26-num{font-family:var(--font-heading);font-size:.74rem;font-weight:700;letter-spacing:.14em;opacity:.7;display:block;margin:0 0 .55rem}
.dna26-tag h3{font-family:var(--font-heading);font-size:clamp(1.15rem,1.7vw,1.42rem);font-weight:800;line-height:1.1;margin:0 0 .6rem}
.dna26-tag p{font-size:.93rem;line-height:1.55;margin:0;opacity:.92}
@media (max-width:1024px){.dna26-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.6rem 1.2rem}.dna26-tag:nth-child(odd),.dna26-tag:nth-child(2){margin-top:0}}
@media (max-width:560px){.dna26-grid{grid-template-columns:1fr;gap:3.2rem}}


/* ── /o-nas: hero s fotkami a jednoduchými slovami ── */
.hero-values{margin:clamp(1.6rem,3vw,2.2rem) 0 0;gap:.9rem 1.75rem}
.hero-values li{font-family:var(--font-heading);font-size:.95rem;font-weight:600;color:#252433}

.hero-visual.hero-visual-photos{display:flex;align-items:center;justify-content:center}
.hero-visual-photos .about26-visual{width:100%}
.hero-visual-photos .about26-mosaic{margin:0}

/* --- Tím 2026: kreatívna bento mozaika (crew26) --- */
.crew26{position:relative;padding:var(--sec-pad) 0;background:transparent}
.crew26-shell{max-width:var(--content-width);margin:0 auto;padding:0 var(--page-gutter)}
.crew26-head h2{margin:.35rem 0 0;font-size:clamp(2rem,4.2vw,3.4rem);font-weight:800;letter-spacing:-.025em;line-height:1.03;color:#252433}
.crew26-lead{max-width:42rem;margin:.85rem 0 clamp(1.75rem,3.4vw,2.6rem);color:#5b6270;font-size:clamp(.95rem,1.35vw,1.06rem);line-height:1.55}
.crew26-grid{list-style:none;margin:0;padding:0;display:grid;gap:clamp(.85rem,1.5vw,1.2rem);
  grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(19rem,auto);grid-auto-flow:row dense}
.crew26-cell{position:relative;overflow:hidden;isolation:isolate;min-height:19rem;
  transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.crew26-cell:hover{transform:translateY(-5px)}
.crew26-cell.is-wide{grid-column:span 2}
.crew26-cell.is-tall{grid-row:span 2}

/* Ľudia a pozície používajú jeden konzistentný kartový tvar. Atypické prvky sú vložené medzi nimi. */
.crew26-person{display:flex;flex-direction:column;background:#fff;color:#252433;min-height:23rem;clip-path:polygon(0 1.5%,100% 0,100% 97.5%,54% 100%,0 98.5%)}
/* Fotka dominuje karte, informácie sú len kompaktný pás pod ňou. */
.crew26-card-top{position:relative;flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-end;min-height:15.5rem;padding:1.2rem 1.45rem 1.5rem;color:#fff;background:var(--crew-accent);overflow:hidden;clip-path:polygon(0 0,100% 0,100% 92%,54% 100%,0 94%)}
.crew26-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%;z-index:0;
  transform:scale(1.04);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.crew26-cell:hover .crew26-portrait{transform:scale(1)}
.crew26-card-top:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(37,36,51,0) 32%,rgba(37,36,51,.72) 100%)}
.crew26-person:not(.has-photo) .crew26-card-top:after{display:none}
.crew26-person[style*="#FFDE10"] .crew26-card-top{color:#252433}
.crew26-person.has-photo .crew26-card-top{color:#fff}
.crew26-monogram,.crew26-kind{position:absolute;top:1rem;z-index:3;background:#fff;color:#252433;font-weight:800;text-transform:uppercase}
.crew26-monogram{left:1.15rem;display:grid;place-items:center;width:2.8rem;height:2.5rem;font-size:1rem;clip-path:polygon(5% 5%,95% 0,100% 88%,0 100%)}
.crew26-person.has-photo .crew26-monogram{display:none}
.crew26-kind{right:1.15rem;padding:.48rem .72rem;font-size:.65rem;letter-spacing:.12em;background:#252433;color:#fff}
.crew26-name{position:relative;z-index:2;font-weight:800;font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.1}
.crew26-card-body{display:flex;flex:0 0 auto;flex-direction:column;gap:.5rem;padding:.95rem 1.45rem 1.25rem}
.crew26-roles{font-weight:700;font-size:.82rem;line-height:1.35;color:#4d5772}
.crew26-hobby{display:flex;align-items:baseline;gap:.4rem;margin:0;padding:0;background:none;border-left:0;font-size:.72rem;line-height:1.3;color:#5b6270}
.crew26-hobby small{font-size:.56rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#858b98}
.crew26-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.1rem}
.crew26-tags em{font-style:normal;font-size:.65rem;font-weight:700;padding:.24rem .48rem;border-radius:.48rem;color:#252433;background:#f7f4f0;border:1px solid rgba(37,36,51,.1)}
.crew26-tags em:before{content:"";display:inline-block;width:.34rem;height:.34rem;margin-right:.35rem;border-radius:1px;background:var(--crew-accent)}
.crew26-icon{position:absolute;top:3.9rem;right:1.15rem;z-index:2;width:3.6rem;height:3.6rem;object-fit:contain;
  opacity:.95;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.crew26-cell:hover .crew26-icon{transform:rotate(-8deg) scale(1.06)}
.crew26-person.is-atypical{clip-path:polygon(3% 0,100% 3%,97% 100%,0 96%);transform:rotate(-1deg)}
.crew26-person.is-atypical:hover{transform:translateY(-5px) rotate(0)}
.crew26-person.is-atypical .crew26-card-top{clip-path:polygon(0 0,100% 0,97% 90%,45% 100%,0 91%)}


.crew26-photo{background:#252433}
.crew26-grid>li.crew26-photo{clip-path:polygon(2% 0,100% 4%,97% 100%,0 95%)}
.crew26-grid>li:nth-child(even).crew26-photo{clip-path:polygon(0 4%,98% 0,100% 95%,3% 100%)}

.crew26-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;
  transform:scale(1.05);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.crew26-photo:hover img{transform:scale(1)}
.crew26-photo-cap{position:absolute;left:1.2rem;bottom:1.15rem;color:#fff;font-weight:800;font-size:.86rem;
  text-shadow:0 2px 12px rgba(0,0,0,.45)}
@media (max-width:900px){
  .crew26-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .crew26-grid{grid-template-columns:minmax(0,1fr)}
  .crew26-cell.is-wide,.crew26-cell.is-tall{grid-column:auto;grid-row:auto}
}
@media (prefers-reduced-motion:reduce){
  .crew26-cell,.crew26-photo img,.crew26-icon{transition:none}
}

/* ── /o-nas: Naša cesta, džungľová expedičná kronika ── */
.cesta26{position:relative;padding:var(--sec-pad) 0;overflow:hidden;background:#faf9f7}
.cesta26-shell{position:relative;max-width:var(--content-width);margin:0 auto;padding:0 var(--page-gutter);
  display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.cesta26-leaf{position:absolute;pointer-events:none;user-select:none}
.cesta26-leaf-a{top:-2.5rem;right:-4rem;width:clamp(11rem,20vw,20rem);transform:rotate(-8deg);opacity:.5}
.cesta26-leaf-b{left:-5rem;bottom:-4rem;width:clamp(11rem,20vw,20rem);transform:rotate(8deg) scaleX(-1);opacity:.45}
.cesta26-head{position:sticky;top:6.5rem;text-align:left}
.cesta26-head h2{margin:.5rem 0 0;font-size:clamp(2rem,3.6vw,3.2rem);font-weight:800;letter-spacing:-.03em;line-height:1.08;color:#252433}
.cesta26-mark{position:relative;color:#EC6608;white-space:nowrap}
.cesta26-mark:after{content:"";position:absolute;left:0;right:0;bottom:-.14em;height:.11em;background:#EC6608}
.cesta26-lead{margin:1.2rem 0 0;max-width:26rem;color:#5b6270;font-size:clamp(.95rem,1.3vw,1.05rem);line-height:1.6}
.cesta26-scout{position:relative;margin-top:clamp(1.5rem,3vw,2.5rem);min-height:clamp(9rem,15vw,13rem)}
.cesta26-toucan{width:clamp(9rem,15vw,13.5rem);display:block;animation:cesta26-float 7s ease-in-out infinite}
.cesta26-path{position:absolute;right:0;bottom:1.5rem;width:clamp(8rem,14vw,12rem);opacity:.7}
@keyframes cesta26-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

/* Kronika: zastávky pod sebou pozdĺž prerušovanej čiary */
.cesta26-line{position:relative;list-style:none;margin:0;padding:0 0 0 clamp(2.5rem,4vw,3.6rem);
  display:flex;flex-direction:column;gap:clamp(1.6rem,3vw,2.6rem)}
.cesta26-line:before{content:"";position:absolute;left:clamp(1.05rem,1.9vw,1.7rem);top:.5rem;bottom:.5rem;
  border-left:3px dashed #EC6608;opacity:.55}
.cesta26-item{position:relative}
.cesta26-node{position:absolute;left:calc(-1 * clamp(2.5rem,4vw,3.6rem));top:-.6rem;width:clamp(2.1rem,3.8vw,3.4rem);
  display:grid;place-items:center;z-index:2}
.cesta26-icon{display:block;width:100%;height:auto;object-fit:contain;opacity:.75;
  transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s ease}
.cesta26-item:hover .cesta26-icon,.cesta26-item.is-active .cesta26-icon{opacity:1;transform:translateY(-4px) rotate(-6deg)}
.cesta26-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  min-height:clamp(10rem,16vw,14rem);background:#fff;
  clip-path:polygon(0 4%,100% 0,100% 92%,4% 100%);
  box-shadow:0 22px 48px rgba(37,36,51,.10);
  transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease}
.cesta26-item:nth-child(even) .cesta26-card{clip-path:polygon(0 0,100% 5%,96% 100%,0 93%)}
.cesta26-item:nth-child(even) .cesta26-copy{order:2}
.cesta26-item:nth-child(even) .cesta26-photo{order:1}
.cesta26-item:hover .cesta26-card,.cesta26-item.is-active .cesta26-card{transform:translateY(-5px);box-shadow:0 28px 62px rgba(37,36,51,.16)}
.cesta26-copy{position:relative;background:var(--accent,#EC6608);color:#fff;
  padding:clamp(1.3rem,2.4vw,2rem) clamp(1.3rem,2.4vw,2rem) clamp(1.4rem,2.4vw,2rem)}
.cesta26-item.is-light .cesta26-copy{background:#fff;color:#252433}
.cesta26-year{display:block;font-family:var(--font-heading);font-weight:800;
  font-size:clamp(1.6rem,2.8vw,2.3rem);line-height:1;letter-spacing:-.02em;color:inherit}
.cesta26-copy h3{margin:.55rem 0 .4rem;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:800;line-height:1.2;color:inherit}
.cesta26-copy p{margin:0;font-size:.92rem;line-height:1.55;color:inherit;opacity:.88}
.cesta26-rule{display:block;width:2.8rem;height:3px;margin-top:1.1rem;background:currentColor;opacity:.9;
  transition:width .4s ease}
.cesta26-item.is-light .cesta26-rule{background:#EC6608}
.cesta26-item.is-active .cesta26-rule{width:4.6rem}
.cesta26-photo{margin:0;position:relative;overflow:hidden}
.cesta26-photo img{display:block;width:100%;height:100%;min-height:clamp(10rem,16vw,14rem);object-fit:cover}
.cesta26-flag{display:inline-flex;margin-top:.5rem;padding:.3rem .6rem;background:#252433;color:#fff;
  font-size:.66rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.cesta26-card-next{grid-template-columns:minmax(0,1fr);background:transparent;box-shadow:none;clip-path:none;
  min-height:0;border-top:3px dashed #c9cdd6}
.cesta26-card-next .cesta26-copy{background:transparent;color:#5b6270;padding-left:0}
.cesta26-card-next h3{color:#252433}
.cesta26-node-next .cesta26-icon{opacity:1}
@media (max-width:960px){
  .cesta26-shell{grid-template-columns:minmax(0,1fr)}
  .cesta26-head{position:static;text-align:left}
  .cesta26-scout{display:none}
  .cesta26-line{margin-top:clamp(2rem,5vw,3rem)}
  .cesta26-card,.cesta26-item:nth-child(even) .cesta26-card{grid-template-columns:minmax(0,1fr);clip-path:polygon(0 2%,100% 0,100% 98%,0 100%)}
  .cesta26-item:nth-child(even) .cesta26-copy{order:1}
  .cesta26-item:nth-child(even) .cesta26-photo{order:2}
  .cesta26-photo img{min-height:11rem}
}
@media (prefers-reduced-motion:reduce){.cesta26-toucan{animation:none}.cesta26-icon,.cesta26-card{transition:none}}





/* /o-nas hero — čisté pozadie za fotostenou (bez oranžových tvarov) */
.hero-visual-photos .about26-visual:before,
.hero-visual-photos .about26-visual:after{content:none;display:none}

.hero-visual-photos .about26-mosaic,
.hero-visual-photos .about26-compass,
.hero-visual-photos .about26-mosaic-nav{position:relative;z-index:2}

/* Kompas kotví spodnú hranu fotky, mierne vľavo, bez tieňa */
.hero-visual-photos .about26-compass{
  position:absolute;z-index:3;
  left:4%;right:auto;bottom:3.6rem;
  width:clamp(6rem,9vw,8.5rem);height:auto;
  filter:none;
}
@media (max-width:900px){
  .hero-visual-photos .about26-compass{left:2%;bottom:3rem;width:5.5rem}
}


/* /o-nas — sekcia Náš príbeh v oranžovom brandovom páse */
.about26-orange{position:relative;overflow:hidden;background:#EC6608;isolation:isolate}
.about26-orange-pattern{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:.35;z-index:0;pointer-events:none;
}
.about26-orange .about26-shell{position:relative;z-index:1}
.about26-orange .about26-eyebrow{
  display:inline-block;background:#28B9CF;color:#fff;
  padding:.45rem 1.1rem;letter-spacing:.16em;
  clip-path:polygon(2% 6%,96% 0%,100% 78%,4% 100%);
}
.about26-orange .about26-title{color:#fff}
.about26-orange .about26-mark{color:#FFDE10}
.about26-orange .about26-quote{color:rgba(255,255,255,.94)}
.about26-orange .about26-quote-mark{color:rgba(255,255,255,.5)}
.about26-orange .about26-author strong{color:#fff}
.about26-orange .about26-author span{color:rgba(255,255,255,.75)}
.about26-orange .about26-cta{background:#fff;color:#EC6608;border-color:#fff}
.about26-orange .about26-cta:hover{background:#FFDE10;color:#252433}
.about26-orange .about26-tile{box-shadow:0 26px 54px -26px rgba(37,36,51,.55)}

/* --- Tím 2026 na oranžovom low-poly bande (vzor: Referencie na homepage) --- */

/* ── Náš príbeh na /o-nas: čisté pozadie, jeden highlight ── */
.about26-story{background:#faf9f7}
.about26-story .about26-eyebrow{
  font-family:var(--font-heading);font-weight:600;font-size:13px;letter-spacing:.1em;
  text-transform:uppercase;color:#28b9cf;background:none;padding:0;border:0;
}
.about26-story .about26-title{color:#252433;font-weight:800}
.about26-story .about26-quote{
  font-weight:300;font-style:italic;font-size:20px;color:#252433;line-height:1.5;
}
.about26-story .about26-quote{padding-left:0;text-indent:0}
.about26-story .story26-mark{
  position:relative;z-index:0;font-style:italic;color:#252433;padding:0 .22em;margin-right:-.18em;white-space:nowrap;
}
.about26-story .story26-mark:before{
  content:"";position:absolute;inset:-.1em -.1em -.05em;background:#ffde10;z-index:-1;
  clip-path:polygon(1% 12%,98% 0,100% 74%,96% 100%,42% 94%,2% 100%);
}
.about26-story .about26-author strong{font-weight:600;font-size:16px;color:#252433}
.about26-story .about26-author span{font-weight:300;font-size:16px;color:#6b6b76}
.about26-story .story26-note{
  margin:.9rem 0 0;font-weight:300;font-size:16px;color:#252433;line-height:1.6;max-width:34rem;
}
.about26-story .story26-cta{
  display:inline-flex;align-items:center;justify-content:center;margin-top:clamp(1.5rem,3vw,2.2rem);
  padding:.85rem 1.7rem;border-radius:999px;background:#ec6608;color:#fff;font-family:var(--font-heading);
  font-weight:600;font-size:.95rem;text-decoration:none;box-shadow:none;
  transition:background .2s ease,transform .2s ease;
}
.about26-story .story26-cta:hover{background:#252433;transform:translateY(-2px)}
.about26-story .about26-tile{box-shadow:none;transform:none}
.about26-story .about26-tile img{object-position:50% 22%}

/* ── /o-nas: Náš príbeh na polygónovom bloku z homepage ── */
.story26{background:#faf9f7}
.story26:after{display:none}
.story26 .pain-story-header{text-align:center;margin:0 auto clamp(2rem,4vw,3rem);padding:0 var(--page-gutter);max-width:52rem}
.story26 .pain-story-eyebrow{
  font-family:var(--font-heading);font-weight:600;font-size:13px;letter-spacing:.1em;
  text-transform:uppercase;color:#28b9cf;margin:0 0 .8rem;
}
.story26 .pain-story-header h2{
  font-family:var(--font-heading);font-weight:800;color:#252433;margin:0;
  font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.03em;
}
.story26-shell{grid-template-columns:minmax(0,1fr)!important;justify-items:center}
.story26 .pain-story-stage{padding-top:0;width:min(100%,1080px)}
.story26 .pain-story-polygon-copy blockquote{font-size:clamp(1.5rem,2.6vw,2.4rem);font-weight:600;line-height:1.15}
.story26 .pain-story-polygon-copy blockquote:after{display:none}
.story26 .pain-story-polygon-copy blockquote mark{
  background:none;color:#252433;position:relative;z-index:0;padding:0 .18em;white-space:nowrap;
}
.story26 .pain-story-polygon-copy blockquote mark:before{
  content:"";position:absolute;inset:-.08em -.06em -.02em;background:#ffde10;z-index:-1;
  clip-path:polygon(1% 12%,98% 0,100% 74%,96% 100%,42% 94%,2% 100%);
}
.story26 .pain-story-person{object-position:50% 18%}
.story26-foot{margin:clamp(1.4rem,2.6vw,2.2rem) auto 0;max-width:38rem;text-align:center}
.story26-foot .story26-note{margin:0;font-weight:300;font-size:16px;color:#252433;line-height:1.6}
.story26 .pain-story-polygon-copy .story26-author{
  display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;gap:.6rem;
  margin:1.15rem 0 0;padding-bottom:.7rem;position:relative;width:fit-content;
  text-transform:none;letter-spacing:normal;opacity:1;max-width:none;
}
.story26 .pain-story-polygon-copy .story26-author:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:#ec6608}
.story26 .pain-story-polygon-copy .story26-author strong{font-weight:700;font-size:17px;color:#fff;text-transform:none;letter-spacing:normal}
.story26 .pain-story-polygon-copy .story26-author span{font-weight:300;font-size:16px;color:rgba(255,255,255,.82);text-transform:none;letter-spacing:normal}
.story26 .pain-story-polygon-copy .story26-cta--inset{
  display:inline-flex;align-items:center;justify-content:center;margin-top:1.25rem;
  padding:.85rem 1.7rem;border-radius:999px;background:#fff;color:#252433;font-family:var(--font-heading);
  font-weight:600;font-size:.95rem;text-decoration:none;box-shadow:0 12px 26px rgba(3,31,38,.18);
  transition:background .2s ease,transform .2s ease,color .2s ease;
}
.story26 .pain-story-polygon-copy .story26-cta--inset:hover{background:#252433;color:#fff;transform:translateY(-2px)}

/* Vízia pod príbehom */
.story26-vision{margin:clamp(2.2rem,4vw,3.4rem) auto 0;max-width:1080px;padding:0 var(--page-gutter)}
.story26-vision-inner{
  position:relative;background:#fff;border:1px solid #ecebe6;padding:clamp(1.6rem,3vw,2.6rem) clamp(1.5rem,3vw,2.8rem);
  clip-path:polygon(1% 4%,99% 0,100% 88%,97% 100%,2% 96%,0 14%);
}
.story26-vision-eyebrow{
  font-family:var(--font-heading);font-weight:600;font-size:13px;letter-spacing:.1em;text-transform:uppercase;
  color:#28b9cf;margin:0 0 .7rem;
}
.story26-vision h3{
  font-family:var(--font-heading);font-weight:700;color:#252433;margin:0;letter-spacing:-.03em;
  font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.2;max-width:34ch;
}
.story26-vision h3 em{font-style:normal;color:#ec6608}
.story26-vision-pillars{
  list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1.6rem 0 0;padding:0;
}
.story26-vision-pillars li{position:relative;padding-top:.9rem;border-top:3px solid var(--accent)}
.story26-vision-pillars strong{display:block;font-family:var(--font-heading);font-weight:700;font-size:16px;color:#252433}
.story26-vision-pillars span{display:block;margin-top:.35rem;font-weight:300;font-size:14px;color:#6b6b76;line-height:1.55}
@media (max-width:860px){.story26-vision-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.story26-vision-pillars{grid-template-columns:minmax(0,1fr)}}



.story26 .pain-story-person-overflow{display:none}
.story26 .pain-story-polygon-copy blockquote mark{margin-right:-.14em}
.story26 .pain-story-polygon-copy{padding-top:2.4rem;padding-bottom:2.4rem}

.story26 .pain-story-polygon .pain-story-person-inset{
  object-fit:contain;object-position:50% 100%;align-self:end;background:none;
}

/* ── Mega menu "slice & weld": rovnaký textový efekt ako v menu a na CTA ── */
.mega-slice {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  -webkit-text-fill-color: transparent;
}
.mega-slice::before,
.mega-slice > .mega-slice-bottom {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  color: currentColor;
  -webkit-text-fill-color: currentColor;
  pointer-events: none;
  white-space: nowrap;
}
.mega-slice::before { clip-path: inset(0 0 50% 0); }
.mega-slice > .mega-slice-bottom { clip-path: inset(50% 0 0 0); }
.mega-slice > .mega-slice-line {
  position: absolute; left: -2px; right: -2px; top: 50%; height: 2px;
  background: currentColor; opacity: .85;
  transform: scaleX(0); transform-origin: 0 50%;
  -webkit-text-fill-color: currentColor;
}
.mega-col-links a:hover .mega-slice > .mega-slice-line,
.mega-col-all:hover .mega-slice > .mega-slice-line,
.mega-col-head:hover .mega-slice > .mega-slice-line,
.mega-intro-link:hover .mega-slice > .mega-slice-line,
.mega-foot-link:hover .mega-slice > .mega-slice-line { animation: navSliceCut .5s cubic-bezier(.2,.8,.2,1); }
.mega-col-links a:hover .mega-slice::before,
.mega-col-all:hover .mega-slice::before,
.mega-col-head:hover .mega-slice::before,
.mega-intro-link:hover .mega-slice::before,
.mega-foot-link:hover .mega-slice::before { animation: navSliceTop .5s cubic-bezier(.2,.8,.2,1); }
.mega-col-links a:hover .mega-slice > .mega-slice-bottom,
.mega-col-all:hover .mega-slice > .mega-slice-bottom,
.mega-col-head:hover .mega-slice > .mega-slice-bottom,
.mega-intro-link:hover .mega-slice > .mega-slice-bottom,
.mega-foot-link:hover .mega-slice > .mega-slice-bottom { animation: navSliceBottom .5s cubic-bezier(.2,.8,.2,1); }
@media (prefers-reduced-motion: reduce) {
  .mega-slice::before,
  .mega-slice > .mega-slice-bottom,
  .mega-slice > .mega-slice-line { animation: none !important; }
}

/* ============ KOMPAS PROBLÉMOV 2026 (sekcia #problemy) ============ */
.kompas26{background:#fff;color:#252433;font-family:"Sora",Arial,sans-serif;padding:clamp(3rem,6vw,6rem) clamp(1rem,3vw,2.5rem);overflow:hidden}
.kompas26-shell{width:min(100%,1280px);margin:0 auto}
.kompas26-head{text-align:center;max-width:58rem;margin:0 auto clamp(1.8rem,3.2vw,3.1rem)}
.kompas26-eyebrow{color:#1399aa;letter-spacing:.15em;text-transform:uppercase;margin:0 0 .7rem;font-size:.68rem;font-weight:800}
.kompas26-head h2{letter-spacing:-.06em;margin:0;font-size:clamp(2.2rem,4.45vw,4.25rem);font-weight:800;line-height:.98}
.kompas26-head h2 em{z-index:0;color:#fff;white-space:nowrap;padding:.01em .16em .08em;font-style:normal;display:inline-block;position:relative}
.kompas26-head h2 em:before{z-index:-1;clip-path:polygon(2% 6%,97% 0,100% 82%,91% 100%,1% 94%,0 16%);content:"";background:#28b9cf;position:absolute;inset:.03em -.03em -.02em;transform:rotate(-.8deg)}
.kompas26-rule{background:#ec6608;width:48px;height:3px;margin:.95rem auto 0;display:block}
.kompas26-lead{color:#6b6b76;max-width:46rem;margin:.72rem auto 0;font-size:clamp(.9rem,1.3vw,1rem);font-weight:300;line-height:1.65}
.kompas26-layout{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.78fr);align-items:stretch;gap:clamp(1.5rem,3vw,3.25rem)}
.kompas26-nav{min-width:0;padding:.7rem 0}
.kompas26-nav-eyebrow{color:#1399aa;letter-spacing:.15em;text-transform:uppercase;font-size:.68rem;font-weight:800;margin:0 0 .85rem}
.kompas26-list{display:grid;gap:0}
.kompas26-item{color:#252433;width:100%;min-height:69px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #e5e5e8;display:grid;grid-template-columns:1.7rem 42px minmax(0,1fr) 1.2rem;align-items:center;gap:.75rem;padding:.72rem .25rem .72rem 0;transition:transform .18s,color .18s;position:relative}
.kompas26-item:before{background:var(--accent);content:"";opacity:0;width:3px;transition:opacity .18s,transform .18s;position:absolute;top:20%;bottom:20%;left:-.95rem;transform:scaleY(.3)}
.kompas26-item:hover,.kompas26-item.is-active{color:var(--accent);transform:translate(7px)}
.kompas26-item.is-active:before{opacity:1;transform:scaleY(1)}
.kompas26-item:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.kompas26-num{color:var(--accent);letter-spacing:.08em;align-self:start;padding-top:.35rem;font-size:.58rem;font-weight:800}
.kompas26-icon{border:1.5px solid color-mix(in srgb,var(--accent) 56%,transparent);width:40px;height:40px;color:var(--accent);background:#fff;border-radius:50%;place-items:center;transition:color .18s,background .18s,transform .18s;display:grid;box-shadow:0 7px 18px #25243312}
.kompas26-icon svg{width:19px;height:19px}
.kompas26-item.is-active .kompas26-icon{color:#fff;background:var(--accent);transform:scale(1.05)}
.kompas26-item-title{letter-spacing:-.035em;max-width:18ch;font-size:clamp(.8rem,1.2vw,.98rem);font-weight:750;line-height:1.32}
.kompas26-item-arrow{color:var(--accent);opacity:0;font-size:1.1rem;transition:opacity .18s,transform .18s;transform:translate(-6px)}
.kompas26-item.is-active .kompas26-item-arrow{opacity:1;transform:translate(0)}
.kompas26-stage{--stage-color:#076f80;isolation:isolate;color:#fff;background:var(--stage-color);clip-path:polygon(3% 4%,24% 0,45% 4%,69% 1%,96% 5%,100% 27%,98% 54%,100% 86%,88% 97%,63% 94%,42% 100%,18% 95%,0 88%,2% 60%,0 31%);min-height:540px;padding:clamp(1.15rem,2.2vw,1.8rem) clamp(1.35rem,2.8vw,2.6rem) 0;transition:background .36s;position:relative;overflow:hidden;box-shadow:0 26px 64px #25243329}
.kompas26-stage.is-problem{--stage-color:var(--accent,#076f80)}
.kompas26-stage.is-solution{--stage-color:#252433}
.kompas26-facets,.kompas26-facets:before,.kompas26-facets:after{z-index:-1;content:"";pointer-events:none;position:absolute;inset:0}
.kompas26-facets{background:linear-gradient(118deg,#ffffff1c 0 20%,#0000 20% 53%,#00000017 53% 69%,#0000 69%)}
.kompas26-facets:before{clip-path:polygon(0 35%,44% 100%,0 100%);background:linear-gradient(28deg,#ffffff0e 0 31%,#0000 31% 100%)}
.kompas26-facets:after{clip-path:polygon(76% 0,100% 0,100% 47%);background:#ffffff0f}
.kompas26-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1.25rem;min-height:112px}
.kompas26-compass{flex:none;width:166px;height:166px;margin-top:-.7rem;position:relative}
.kompas26-compass img,.kompas26-needle{position:absolute}
.kompas26-compass img{z-index:1;object-fit:contain;filter:drop-shadow(0 13px 13px #031f263d);width:100%;height:100%;inset:0}
.kompas26-needle{z-index:2;filter:drop-shadow(0 5px 5px #25243347);transform-origin:50% 50%;width:43%;transition:transform .8s cubic-bezier(.2,.84,.22,1);top:44.8%;left:50.8%;overflow:visible;transform:translate(-50%,-50%) rotate(0deg)}
.kompas26-orbit{aspect-ratio:1;border:1px dashed #ffffff5c;border-radius:50%;width:79%;position:absolute;top:48%;left:51%;transform:translate(-50%,-50%)}
.kompas26-mode{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000017;border:1px solid #ffffff57;border-radius:999px;align-items:center;gap:.25rem;padding:.3rem;display:inline-flex}
.kompas26-mode button{color:#ffffffb8;min-height:38px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.55rem .9rem;font-size:.7rem;font-weight:750}
.kompas26-mode button[aria-pressed=true]{color:#252433;background:#fff;box-shadow:0 5px 15px #25243324}
.kompas26-mode.is-teasing button[aria-pressed=true]{animation:kompas26Pulse .9s ease}
@keyframes kompas26Pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.kompas26-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(245px,.85fr);align-items:stretch;gap:clamp(1rem,2.5vw,2.5rem);min-height:405px}
.kompas26-copy{z-index:2;align-self:center;min-width:0;padding:clamp(.55rem,1.4vw,1.2rem) 0 clamp(2.3rem,3.5vw,3.2rem)}
.kompas26-stage-eyebrow{color:#ffffffbf;letter-spacing:.13em;text-transform:uppercase;font-size:.62rem;font-weight:800;display:block}
.kompas26-stage h3{color:#fff;letter-spacing:-.06em;max-width:13ch;margin:.65rem 0 0;font-size:clamp(1.9rem,3.65vw,3.55rem);font-weight:800;line-height:1.02;animation:kompas26CopyIn .28s both}
.kompas26-stage h3:after{content:"";opacity:.9;background:#fff;width:64px;height:4px;margin-top:.8rem;display:block;transform:rotate(-1.2deg)}
.kompas26-stage.is-solution h3:after{background:var(--accent)}
.kompas26-stage-text{color:#fff;max-width:42rem;margin:.8rem 0 0;font-size:clamp(.9rem,1.25vw,1.03rem);font-weight:350;line-height:1.68;animation:kompas26CopyIn .32s 40ms both}
.kompas26-services{margin-top:1.2rem}
.kompas26-services>span{color:#ffffffb3;letter-spacing:.12em;text-transform:uppercase;font-size:.58rem;font-weight:800}
.kompas26-services ul{flex-wrap:wrap;gap:.42rem;margin:.65rem 0 0;padding:0;list-style:none;display:flex}
.kompas26-services li{color:#fff;background:#ffffff1a;border:1px solid #fff6;border-radius:999px;padding:.42rem .66rem;font-size:.62rem;font-weight:550;line-height:1}
.kompas26-action{color:#252433;width:fit-content;min-height:48px;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:1rem;margin-top:1.15rem;padding:.75rem 1.05rem .75rem 1.2rem;font-size:.7rem;font-weight:750;line-height:1.2;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 12px 28px #031f262e}
.kompas26-action:hover{transform:translateY(-2px);box-shadow:0 16px 34px #031f2640}
.kompas26-action>span:last-child{font-size:1rem;transition:transform .18s}
.kompas26-action:hover>span:last-child{transform:translate(4px)}
.kompas26-portrait{justify-content:center;align-items:flex-end;min-height:395px;display:flex;position:relative}
.kompas26-portrait img{z-index:2;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 24px 22px #031f2645);width:min(120%,335px);height:385px;animation:kompas26PortraitIn .36s cubic-bezier(.2,.76,.24,1) both;display:block;position:relative}
.kompas26-halo{aspect-ratio:1;background:radial-gradient(circle,#ffffff2e,#0000 67%);border:1px solid #fff3;border-radius:50%;width:115%;position:absolute;bottom:3%;right:0}
.kompas26-portrait-label{z-index:3;color:#252433;background:#fff;border-radius:999px;padding:.62rem .8rem;font-size:.58rem;font-weight:750;white-space:nowrap;position:absolute;bottom:2.6rem;right:1.5rem;box-shadow:0 10px 24px #031f2633}
@keyframes kompas26CopyIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes kompas26PortraitIn{0%{opacity:0;transform:translate(14px) translateY(8px)}to{opacity:1;transform:translate(0) translateY(0)}}
@media (max-width:1180px) and (min-width:761px){
.kompas26-layout{grid-template-columns:minmax(230px,.62fr) minmax(0,1.38fr);gap:1.5rem}
.kompas26-item{grid-template-columns:1.25rem 36px minmax(0,1fr);gap:.55rem;min-height:66px}
.kompas26-icon{width:36px;height:36px}
.kompas26-item-arrow{display:none}
.kompas26-stage{min-height:520px;padding-inline:1.55rem}
.kompas26-compass{width:158px;height:158px}
.kompas26-body{grid-template-columns:minmax(0,1.12fr) minmax(190px,.88fr);gap:.65rem;min-height:390px}
.kompas26-portrait{min-height:380px}
.kompas26-portrait img{width:min(125%,285px);height:360px}
}
@media (max-width:760px){
.kompas26{padding:2.5rem 1rem 3rem}
.kompas26-head{text-align:left;margin-bottom:1.7rem}
.kompas26-head h2{max-width:9ch;font-size:clamp(2.25rem,12vw,3.25rem)}
.kompas26-rule,.kompas26-lead{margin-left:0}
.kompas26-layout{display:block}
.kompas26-nav{padding:0 0 .55rem}
.kompas26-list{scroll-snap-type:x mandatory;scrollbar-width:none;gap:.75rem;margin-inline:-1rem;padding:0 12vw .65rem;scroll-padding-inline:13vw;display:flex;overflow-x:auto}
.kompas26-list::-webkit-scrollbar{display:none}
.kompas26-item{scroll-snap-align:center;background:#fff;border:1px solid #e5e5e8;border-radius:16px;grid-template-columns:1.2rem 38px minmax(0,1fr);width:min(76vw,292px);min-width:min(76vw,292px);min-height:78px;padding:.7rem .75rem;box-shadow:0 8px 24px #2524330f}
.kompas26-item:before{display:none}
.kompas26-item:hover,.kompas26-item.is-active{transform:none}
.kompas26-item.is-active{border-color:var(--accent)}
.kompas26-item-title{max-width:none;font-size:.82rem}
.kompas26-stage{clip-path:polygon(3% 2%,48% 0,97% 3%,100% 94%,55% 100%,1% 96%);min-height:0;margin-top:3.7rem;padding:3.75rem 1.1rem 0}
.kompas26-toolbar{justify-content:flex-end;min-height:44px}
.kompas26-compass{z-index:5;filter:drop-shadow(0 16px 20px #25243326);width:148px;height:148px;margin:0;position:absolute;top:-67px;left:.8rem}
.kompas26-body{gap:0;min-height:0}
.kompas26-copy{padding:.85rem 0 0}
.kompas26-stage h3{max-width:11.5ch;font-size:clamp(1.9rem,9vw,2.65rem)}
.kompas26-services ul{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-1.1rem;padding-right:1.1rem}
.kompas26-services li{flex:none}
.kompas26-action{width:100%;min-height:50px}
.kompas26-portrait{min-height:205px;margin-inline:-.3rem}
.kompas26-portrait img{width:min(72vw,245px);height:218px}
.kompas26-halo{width:270px;bottom:-62%;right:50%;transform:translate(50%)}
.kompas26-portrait-label{white-space:nowrap;padding:.5rem .68rem;bottom:1.55rem;right:50%;transform:translate(50%)}
}

/* ================= Kompas služieb v3 (sekcia #problemy) ================= */
.kompas3{background:#fff;color:#252433;font-family:"Sora",Arial,sans-serif;padding:clamp(3rem,6vw,6rem) clamp(1rem,3vw,2.5rem);overflow:hidden}
.kompas3-shell{width:min(100%,1120px);margin:0 auto}
.kompas3-head{text-align:center;max-width:52rem;margin:0 auto clamp(1rem,2vw,1.6rem)}
.kompas3-eyebrow{color:#1399aa;letter-spacing:.15em;text-transform:uppercase;margin:0 0 .6rem;font-size:.68rem;font-weight:800}
.kompas3-head h2{letter-spacing:-.058em;margin:0;font-size:clamp(2.2rem,4.4vw,4rem);font-weight:800;line-height:1}
.kompas3-head h2 em{z-index:0;color:#fff;white-space:nowrap;padding:.01em .16em .08em;font-style:normal;display:inline-block;position:relative}
.kompas3-head h2 em:before{z-index:-1;clip-path:polygon(2% 6%,97% 0,100% 82%,91% 100%,1% 94%,0 16%);content:"";background:#28b9cf;position:absolute;inset:.03em -.03em -.02em;transform:rotate(-.8deg)}
.kompas3-rule{background:#ec6608;width:48px;height:3px;margin:.9rem auto 0;display:block}
.kompas3-lead{color:#6b6b76;margin:.75rem auto 0;max-width:40rem;font-size:clamp(.88rem,1.2vw,1rem);font-weight:300;line-height:1.6}
.kompas3-map{position:relative;height:620px}
.kompas3-connectors{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}
.kompas3-connectors .k3-base,.kompas3-connectors .k3-active{fill:none;stroke-linecap:round;stroke-width:2px;stroke-dasharray:4 11}
.kompas3-connectors .k3-base{stroke:rgba(37,36,51,.13)}
.kompas3-connectors .k3-active{opacity:0;stroke-width:3px;transition:opacity .22s}
.kompas3-connectors .k3-active.is-active{opacity:1;animation:k3DashFlow 1.05s linear infinite}
.kompas3-connectors .k3-dot{opacity:.28;transform-box:fill-box;transform-origin:50%;transition:opacity .2s,transform .2s}
.kompas3-connectors .k3-dot.is-active{opacity:1;transform:scale(1.65);animation:k3DotPulse 1.7s ease-in-out infinite}
.kompas3-compass{z-index:4;color:#252433;width:395px;height:395px;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}
.kompas3-compass:focus-visible{outline:3px solid var(--accent);outline-offset:-40px;border-radius:50%}
.kompas3-compass img,.kompas3-needle{position:absolute}
.kompas3-compass img{z-index:2;object-fit:contain;filter:drop-shadow(0 24px 22px rgba(37,36,51,.17));width:100%;height:100%;transition:transform .3s;inset:0}
.kompas3-compass:hover img{transform:translateY(-3px) scale(1.015)}
.kompas3-needle{z-index:3;filter:drop-shadow(0 8px 7px rgba(37,36,51,.25));transform-origin:50% 50%;width:43%;transition:transform .82s cubic-bezier(.2,.84,.22,1);top:44.8%;left:50.8%;overflow:visible;transform:translate(-50%,-50%) rotate(-150deg)}
.kompas3-orbit,.kompas3-orbit-inner{z-index:0;aspect-ratio:1;pointer-events:none;border-radius:50%;position:absolute;top:48.5%;left:51%;transform:translate(-50%,-50%)}
.kompas3-orbit{border:1px dashed color-mix(in srgb,var(--accent) 42%,transparent);width:78%;animation:k3OrbitSpin 22s linear infinite}
.kompas3-orbit-inner{border:1px solid color-mix(in srgb,var(--accent) 17%,transparent);width:64%}
.kompas3-hint{z-index:5;color:#6b6b76;white-space:nowrap;opacity:0;background:rgba(255,255,255,.92);border:1px solid #e5e5e8;border-radius:999px;padding:.38rem .62rem;font-size:.55rem;font-weight:650;transition:opacity .18s,transform .18s;position:absolute;bottom:9%;left:50%;transform:translate(-50%,6px);box-shadow:0 7px 18px rgba(37,36,51,.08)}
.kompas3-compass:hover .kompas3-hint,.kompas3-compass:focus-visible .kompas3-hint{opacity:1;transform:translate(-50%,0)}
.kompas3-directions{z-index:5;position:absolute;inset:0}
.kompas3-dir{color:#252433;width:265px;min-height:74px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:18px;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:.75rem;padding:.55rem;transition:color .18s,background .18s,box-shadow .18s,transform .18s;display:grid;position:absolute}
.kompas3-dir:hover,.kompas3-dir.is-active{color:var(--ink,var(--accent));background:color-mix(in srgb,var(--accent) 9%,#fff);transform:translateY(-2px);box-shadow:0 12px 30px rgba(37,36,51,.09)}
.kompas3-dir:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.kompas3-dir-icon{border:1.5px solid color-mix(in srgb,var(--accent) 42%,transparent);width:48px;height:48px;color:var(--ink,var(--accent));background:#fff;border-radius:50%;place-items:center;transition:color .18s,background .18s,transform .18s;display:grid;box-shadow:0 8px 20px rgba(37,36,51,.08)}
.kompas3-dir-icon svg{width:22px;height:22px}
.kompas3-dir.is-active .kompas3-dir-icon{color:var(--accent);background:#fff;border-color:var(--accent);transform:scale(1.06);box-shadow:0 10px 26px color-mix(in srgb,var(--accent) 24%,transparent)}
.kompas3-dir-copy{letter-spacing:-.035em;min-width:0;font-size:.9rem;font-weight:750;line-height:1.3;display:block}
.kompas3-dir-copy .k3-mobile{display:none}
.kompas3-dir.pos-one{top:112px;left:0}
.kompas3-dir.pos-two{top:112px;right:0}
.kompas3-dir.pos-three{top:270px;left:-22px}
.kompas3-dir.pos-four{top:270px;right:-22px}
.kompas3-dir.pos-five{bottom:120px;left:0}
.kompas3-dir.pos-seven{top:0;left:50%;transform:translateX(-50%);width:230px;grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:.4rem}
.kompas3-dir.pos-seven:hover,.kompas3-dir.pos-seven.is-active{transform:translateX(-50%) translateY(-2px)}
.kompas3-dir.pos-one,.kompas3-dir.pos-three,.kompas3-dir.pos-five{grid-template-columns:minmax(0,1fr) 50px;text-align:right}
.kompas3-dir.pos-one .kompas3-dir-icon,.kompas3-dir.pos-three .kompas3-dir-icon,.kompas3-dir.pos-five .kompas3-dir-icon{order:2}
.kompas3-dir.pos-one .kompas3-dir-copy,.kompas3-dir.pos-three .kompas3-dir-copy,.kompas3-dir.pos-five .kompas3-dir-copy{order:1}
.kompas3-dir.pos-one .kompas3-dir-icon img,.kompas3-dir.pos-three .kompas3-dir-icon img,.kompas3-dir.pos-five .kompas3-dir-icon img{transform:scaleX(-1)}
.kompas3-dir.pos-six{bottom:120px;right:0}
.kompas3-rec{z-index:7;color:#252433;grid-template-columns:104px minmax(140px,.9fr) minmax(0,1.15fr) auto;align-items:center;gap:1rem;width:min(760px,74%);min-height:124px;padding:.9rem 1.1rem .9rem 1.1rem;display:grid;position:absolute;bottom:-18px;left:50%;transform:translate(-50%,0)}
.kompas3-rec-bg{z-index:-1;position:absolute;inset:0;background:linear-gradient(118deg,color-mix(in srgb,var(--accent) 13%,transparent) 0 22%,transparent 22% 54%,color-mix(in srgb,var(--accent) 8%,transparent) 54% 71%,transparent 71%),color-mix(in srgb,var(--accent) 7%,#fff);clip-path:polygon(2% 10%,18% 1%,38% 7%,57% 0,76% 6%,98% 2%,100% 82%,90% 98%,68% 92%,48% 100%,27% 93%,1% 98%,0 29%);filter:drop-shadow(0 16px 18px rgba(37,36,51,.13))}
.kompas3-rec-bg:after{content:"";position:absolute;top:8%;bottom:12%;left:0;width:7px;background:var(--accent)}
.kompas3-spec{position:relative;align-self:end;width:104px;height:112px}
.kompas3-spec-shape{position:absolute;inset:auto 0 0 0;height:96px;background:color-mix(in srgb,var(--accent) 16%,#fff);clip-path:polygon(12% 4%,83% 0,100% 18%,94% 91%,53% 100%,3% 88%,0 24%)}
.kompas3-spec-shape:before{content:"";position:absolute;inset:6px;border:1px dashed color-mix(in srgb,var(--accent) 50%,transparent);clip-path:inherit}
.kompas3-spec img{position:absolute;left:50%;bottom:14px;width:112px;height:150px;object-fit:contain;object-position:center bottom;transform:translateX(-50%);filter:drop-shadow(0 10px 12px rgba(37,36,51,.22));animation:k3RecIn .28s both;z-index:2}
.kompas3-spec-tag{z-index:3;color:#fff;background:var(--accent);letter-spacing:.05em;text-align:center;text-transform:uppercase;padding:.24rem .2rem;font-size:.44rem;font-weight:800;position:absolute;bottom:5px;left:5px;right:5px}
.kompas3-rec-copy span{color:color-mix(in srgb,var(--ink,var(--accent)) 78%,#252433);letter-spacing:.12em;text-transform:uppercase;font-size:.55rem;font-weight:800;display:block}
.kompas3-rec-copy strong{color:var(--ink,var(--accent));letter-spacing:-.035em;margin-top:.28rem;font-size:.98rem;font-weight:800;line-height:1.25;animation:k3RecIn .28s both;display:block}
.kompas3-rec-services{flex-wrap:wrap;gap:.32rem;margin:0;padding:0;list-style:none;display:flex}
.kompas3-rec-services li{color:#252433;white-space:nowrap;background:rgba(255,255,255,.82);border:1px solid rgba(37,36,51,.08);border-radius:999px;padding:.3rem .52rem;font-size:.56rem;font-weight:600}
.kompas3-rec-cta{--bl-btn-bg:var(--accent);min-height:44px;font-size:.72rem;white-space:nowrap}
.kompas3-progress{gap:.38rem;width:fit-content;margin:1.9rem auto 0;display:flex}
.kompas3-progress span{opacity:.28;border-radius:999px;width:6px;height:6px;transition:width .18s,opacity .18s}
.kompas3-progress span.is-active{opacity:1;width:28px}
@keyframes k3DashFlow{to{stroke-dashoffset:-30px}}
@keyframes k3OrbitSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes k3DotPulse{50%{transform:scale(2.05)}}
@keyframes k3RecIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:980px) and (min-width:761px){
.kompas3-map{height:580px}
.kompas3-connectors{display:none}
.kompas3-compass{width:340px;height:340px;top:44%}
.kompas3-dir{grid-template-columns:43px minmax(0,1fr);gap:.55rem;width:215px}
.kompas3-dir-icon{width:42px;height:42px}
.kompas3-dir-copy{font-size:.78rem}
.kompas3-dir.pos-three{left:-8px}
.kompas3-dir.pos-four{right:-8px}
.kompas3-rec{grid-template-columns:92px minmax(120px,.85fr) minmax(0,1fr) auto;gap:.7rem;width:min(660px,90%)}
.kompas3-spec{width:92px}
.kompas3-spec img{width:100px;height:132px}
}
@media (max-width:760px){
.kompas3{padding:2.5rem 1rem 3rem}
.kompas3-head{text-align:left;margin-bottom:1.2rem}
.kompas3-head h2{max-width:11ch;font-size:clamp(2.25rem,11vw,3.1rem)}
.kompas3-rule,.kompas3-lead{margin-left:0}
.kompas3-map{height:520px}
.kompas3-connectors{display:none}
.kompas3-compass{width:min(78vw,290px);height:min(78vw,290px);top:33%}
.kompas3-hint{display:none}
.kompas3-dir{width:60px;min-height:60px;background:#fff;border:1px solid #e9e7e2;border-radius:50%;padding:0;grid-template-columns:1fr;place-items:center}
.kompas3-dir-copy{display:none}
.kompas3-dir.pos-one{top:6px;left:2px}
.kompas3-dir.pos-two{top:6px;right:2px}
.kompas3-dir.pos-three{top:36%;left:0}
.kompas3-dir.pos-four{top:36%;right:0}
.kompas3-dir.pos-five{bottom:210px;left:2px}
.kompas3-dir.pos-six{bottom:210px;right:2px}
.kompas3-rec{grid-template-columns:82px minmax(0,1fr);grid-auto-rows:auto;gap:.6rem .8rem;width:100%;bottom:0;padding:1rem}
.kompas3-rec-services{grid-column:1/-1}
.kompas3-rec-cta{grid-column:1/-1;width:100%;justify-content:center}
.kompas3-spec{width:82px;height:96px}
.kompas3-spec-shape{height:82px}
.kompas3-spec img{width:88px;height:120px}
}

/* Kompas v3: doladenie odstupov, aby sa panel a smery neprekrývali */
.kompas3-map{height:640px}
.kompas3-compass{top:44%}
.kompas3-dir.pos-five,.kompas3-dir.pos-six{bottom:178px}
.kompas3-rec{width:min(730px,72%);grid-template-columns:132px minmax(140px,.9fr) minmax(0,1.1fr) auto;padding-left:1.5rem;bottom:0}
.kompas3-spec{width:132px}
.kompas3-spec-shape{left:8px;right:8px}
@media (max-width:760px){
.kompas3-map{height:560px}
.kompas3-dir.pos-five,.kompas3-dir.pos-six{bottom:250px}
.kompas3-rec{width:100%;padding-left:1rem;grid-template-columns:96px minmax(0,1fr)}
.kompas3-spec{width:96px}
}
.kompas3-rec{gap:1.6rem}
.kompas3-spec img{left:auto;right:10px;transform:none;width:118px;height:150px}

/* Kompas v3: mono 3D ikony, tesnejšie rozostupy, zarovnanie fotky */
.kompas3-map{height:600px}
.kompas3-dir.pos-one,.kompas3-dir.pos-two{top:78px}
.kompas3-dir.pos-three,.kompas3-dir.pos-four{top:218px}
.kompas3-dir.pos-five,.kompas3-dir.pos-six{bottom:180px}
.kompas3-dir-icon{background:color-mix(in srgb,var(--accent) 8%,#fff);border-color:color-mix(in srgb,var(--accent) 26%,transparent);width:52px;height:52px;padding:6px}
.kompas3-dir.is-active .kompas3-dir-icon,.kompas3-dir:hover .kompas3-dir-icon{background:color-mix(in srgb,var(--accent) 16%,#fff);transform:scale(1.06) rotate(-2deg)}
.kompas3-dir-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(37,36,51,.18))}
.kompas3-rec{grid-template-columns:150px minmax(150px,.85fr) minmax(0,1.1fr) auto;padding-left:1.1rem;gap:1.3rem}
.kompas3-spec{width:150px}
.kompas3-spec img{left:0;right:auto;transform:none;width:118px;height:150px}
.kompas3-spec-shape{left:0;right:12px}
.kompas3-spec-tag{left:4px;right:auto;width:104px}
/* žltý akcent potrebuje tmavý text */
.kompas3-dir[style*="FFDE10"]:hover,.kompas3-dir[style*="FFDE10"].is-active,
.kompas3-map[style*="FFDE10"] .kompas3-rec-copy strong,
.kompas3-map[style*="FFDE10"] .kompas3-rec-copy span{color:#252433}
.kompas3-map[style*="FFDE10"] .kompas3-spec-tag{color:#252433}
@media (max-width:760px){
.kompas3-rec{grid-template-columns:96px minmax(0,1fr);gap:.8rem}
.kompas3-spec{width:96px}
.kompas3-spec img{width:96px;height:126px}
}
.kompas3-dir-icon img{transform:scale(1.18)}
.kompas3-dir.is-active .kompas3-dir-icon img{transform:scale(1.24)}


/* --- Čomu veríme (creed26) — kompas so štyrmi bodmi, /o-nas --- */
.creed26{position:relative;padding:var(--sec-pad) 0;background:transparent}
.creed26-shell{max-width:var(--content-width);margin:0 auto;padding:0 var(--page-gutter);
  display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,2.2fr);gap:clamp(1.8rem,4vw,4rem);align-items:center}
.creed26-head h2{margin:.4rem 0 0;font-size:clamp(1.9rem,3.2vw,2.7rem);font-weight:800;letter-spacing:-.03em;line-height:1.06;color:#252433;max-width:11ch}
.creed26-lead{margin:clamp(1rem,2vw,1.6rem) 0 0;font-size:.98rem;line-height:1.65;font-weight:300;color:#5b6270;max-width:34ch}
.creed26-stage{position:relative;min-width:0}
.creed26-compass{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:clamp(11rem,20vw,19rem);height:auto;pointer-events:none;z-index:0}
.creed26-points{list-style:none;margin:0;padding:0;position:relative;z-index:1;
  display:grid;grid-template-columns:minmax(0,1fr) clamp(11rem,20vw,19rem) minmax(0,1fr);
  grid-template-rows:auto auto;gap:clamp(1.4rem,3vw,2.8rem) clamp(1rem,2vw,2rem);align-items:start}
.creed26-point{min-width:0;position:relative}
.creed26-point-1{grid-column:1;grid-row:1}
.creed26-point-2{grid-column:3;grid-row:1}
.creed26-point-3{grid-column:1;grid-row:2}
.creed26-point-4{grid-column:3;grid-row:2}
.creed26-num{display:block;font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:800;letter-spacing:-.03em;color:var(--accent);line-height:1}
.creed26-point h3{margin:.5rem 0 .55rem;font-size:1.05rem;font-weight:700;letter-spacing:-.02em;color:#252433}
.creed26-point p{margin:0;font-size:.9rem;line-height:1.6;font-weight:300;color:#5b6270}
/* spojnica cisla ku kompasu: funkcna, vedie oko do stredu */
.creed26-links{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}
.creed26-links path{fill:none;stroke-linecap:round;stroke-width:2px;stroke-dasharray:4 11}
.creed26-links .creed26-link-base{stroke:rgba(37,36,51,.13)}
.creed26-links .creed26-link-live{opacity:.85}
.creed26-links path{vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}





@media (max-width:1024px){
  .creed26-shell{grid-template-columns:minmax(0,1fr);align-items:start}
  .creed26-compass{position:relative;top:auto;left:auto;transform:none;display:block;margin:0 auto clamp(1.2rem,3vw,2rem);width:clamp(9rem,26vw,13rem)}
  .creed26-points{grid-template-columns:repeat(2,minmax(0,1fr))}
  .creed26-point-1{grid-column:1;grid-row:1}
  .creed26-point-2{grid-column:2;grid-row:1}
  .creed26-point-3{grid-column:1;grid-row:2}
  .creed26-point-4{grid-column:2;grid-row:2}
  .creed26-links,
}
@media (max-width:620px){
  .creed26-points{grid-template-columns:minmax(0,1fr)}
  .creed26-point-1,.creed26-point-2,.creed26-point-3,.creed26-point-4{grid-column:1;grid-row:auto}
}

/* ===== Spojnica: príbeh -> vízia ===== */
.story26-bridge{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin:clamp(1.4rem,3vw,2.4rem) auto 0}
.story26-bridge-line{width:8px;height:clamp(56px,7vw,96px)}
.story26-bridge-dot{width:11px;height:11px;background:#EC6608;clip-path:polygon(50% 0,100% 38%,80% 100%,20% 100%,0 38%)}
.story26-bridge-dot--end{background:#28B9CF}

/* ===== Naša cesta: intro hore, kronika pod sebou ===== */
.cesta26-shell{grid-template-columns:minmax(0,1fr);gap:clamp(1.6rem,3vw,2.6rem)}
.cesta26-head{position:static;text-align:center;max-width:46rem;margin:0 auto}
.cesta26 .cesta26-lead{margin-left:auto;margin-right:auto;max-width:40rem}
.cesta26-scout{display:flex;align-items:flex-end;justify-content:center;gap:1.5rem;min-height:0;margin-top:clamp(1rem,2vw,1.6rem)}
.cesta26-scout .cesta26-toucan{width:clamp(6rem,9vw,8.5rem)}
.cesta26-scout .cesta26-path{position:static;width:clamp(7rem,12vw,11rem);opacity:.65}
.cesta26-line{padding-left:0;gap:clamp(2rem,3.5vw,3.2rem);max-width:1040px;margin:clamp(1rem,2vw,2rem) auto 0}
.cesta26-line:before{left:50%;transform:translateX(-50%)}
.cesta26 .cesta26-item{width:min(100%,calc(50% - clamp(2rem,3.5vw,3.4rem)))}
.cesta26 .cesta26-item:nth-child(odd){margin-right:auto}
.cesta26 .cesta26-item:nth-child(even){margin-left:auto}
.cesta26 .cesta26-item .cesta26-node{left:auto;right:calc(-1 * clamp(2.9rem,4.6vw,4.4rem));top:-.4rem}
.cesta26 .cesta26-item:nth-child(even) .cesta26-node{right:auto;left:calc(-1 * clamp(2.9rem,4.6vw,4.4rem))}
.cesta26 .cesta26-card,.cesta26 .cesta26-item:nth-child(even) .cesta26-card{grid-template-columns:minmax(0,1fr)}
.cesta26 .cesta26-item:nth-child(even) .cesta26-copy,.cesta26 .cesta26-item:nth-child(even) .cesta26-photo{order:initial}
.cesta26 .cesta26-item .cesta26-photo{order:-1}
.cesta26 .cesta26-item .cesta26-copy{order:0}
.cesta26 .cesta26-photo img{min-height:clamp(9rem,14vw,13rem)}
.cesta26 .cesta26-item-next{width:min(100%,calc(50% - clamp(2rem,3.5vw,3.4rem)))}
@media (max-width:900px){
  .cesta26-line:before{left:clamp(1.05rem,1.9vw,1.7rem);transform:none}
  .cesta26 .cesta26-item,.cesta26 .cesta26-item-next{width:100%;margin:0}
  .cesta26 .cesta26-item .cesta26-node,
  .cesta26 .cesta26-item:nth-child(even) .cesta26-node{right:auto;left:0;top:-2.6rem}
  .cesta26-line{padding-left:0}
}

/* --- Tím 2026 v2: kŕdeľ (crew26b) --- */
.crew26b{position:relative;padding:var(--sec-pad) 0;background:transparent}
.crew26b-shell{max-width:var(--content-width);margin:0 auto;padding:0 var(--page-gutter)}
.crew26b-top{display:grid;grid-template-columns:minmax(14rem,20%) minmax(0,1fr) minmax(9rem,15%);gap:clamp(1rem,2.4vw,2.2rem);align-items:center;margin-bottom:clamp(2rem,4vw,3.2rem)}
.crew26b-head h2{margin:.35rem 0 0;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;letter-spacing:-.025em;line-height:1.05;color:#252433}
.crew26b-rule{display:block;width:3.4rem;height:4px;margin-top:.9rem;background:#28B9CF}
.crew26b-hero{margin:0;overflow:hidden;clip-path:polygon(0 6%,100% 0,100% 94%,0 100%)}
.crew26b-hero img{display:block;width:100%;height:clamp(11rem,20vw,15.5rem);object-fit:cover;object-position:center 35%}
.crew26b-note{display:flex;flex-direction:column;gap:.4rem;margin:0;color:#28B9CF;font-size:.85rem;line-height:1.4;font-weight:600}
.crew26b-note svg{width:2.4rem;height:1.5rem}
.crew26b-grid{list-style:none;margin:0;padding:0;display:grid;gap:clamp(.8rem,1.4vw,1.15rem);grid-template-columns:repeat(6,minmax(0,1fr))}
.crew26b-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(37,36,51,.07);border-radius:1.1rem;overflow:hidden;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}
.crew26b-card:hover{transform:translateY(-6px);box-shadow:0 18px 34px -22px rgba(37,36,51,.45)}
.crew26b-photo{position:relative;margin:0;aspect-ratio:1/1;display:grid;place-items:center;background:#f2efe9;overflow:hidden}
.crew26b-card.is-bot .crew26b-photo{background:color-mix(in srgb,var(--accent) 16%,#fff)}
.crew26b-photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.crew26b-photo img.is-cutout{object-fit:cover;object-position:center top}
.crew26b-photo img.is-mascot{width:88%;height:88%;object-fit:contain}
.crew26b-card.is-dog .crew26b-photo{background:#f2efe9}
.crew26b-photo img.is-icon{width:58%;height:58%;object-fit:contain}
.crew26b-card:hover .crew26b-photo img{transform:scale(1.05)}
.crew26b-mono{font-weight:800;font-size:2rem;color:var(--accent)}
.crew26b-body{display:flex;flex-direction:column;gap:.28rem;padding:.85rem .9rem 1rem}
.crew26b-body strong{font-size:.9rem;font-weight:800;color:#252433;line-height:1.2}
.crew26b-role{font-size:.76rem;color:#5b6270;line-height:1.35}
.crew26b-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.35rem}
.crew26b-tags em{font-style:normal;font-size:.63rem;font-weight:700;padding:.22rem .48rem;border-radius:.5rem;color:#252433;background:#f7f4f0;border:1px solid rgba(37,36,51,.09)}
@media (max-width:1100px){
  .crew26b-top{grid-template-columns:minmax(0,1fr);text-align:left}
  .crew26b-note{flex-direction:row;align-items:center;gap:.6rem}
  .crew26b-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:640px){.crew26b-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.crew26b-card,.crew26b-photo img{transition:none}}

/* ===== Naša cesta v2: kompaktná kronika (text first, fotky ako doplnok) ===== */
.cesta26{padding:clamp(2.4rem,5vw,4.5rem) 0}
.cesta26-head.kompas26-head{max-width:52rem}
.cesta26-head.kompas26-head h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.05em;line-height:1}
.cesta26 .cesta26-line{gap:clamp(1.1rem,2vw,1.7rem);max-width:900px}
.cesta26 .cesta26-item{width:min(100%,calc(50% - clamp(1.4rem,2.6vw,2.4rem)))}
.cesta26 .cesta26-item .cesta26-node{width:clamp(1.6rem,2.6vw,2.3rem);top:-.2rem;
  right:calc(-1 * clamp(2.1rem,3.4vw,3.1rem))}
.cesta26 .cesta26-item:nth-child(even) .cesta26-node{left:calc(-1 * clamp(2.1rem,3.4vw,3.1rem));right:auto}
.cesta26 .cesta26-card,
.cesta26 .cesta26-item:nth-child(even) .cesta26-card{background:transparent;box-shadow:none;clip-path:none;
  display:grid;grid-template-columns:minmax(0,1fr);gap:.55rem}
.cesta26 .cesta26-item:hover .cesta26-card,
.cesta26 .cesta26-item.is-active .cesta26-card{transform:none;box-shadow:none}
.cesta26 .cesta26-copy,
.cesta26 .cesta26-item.is-light .cesta26-copy{order:0;background:transparent;color:#252433;padding:0}
.cesta26 .cesta26-year{font-size:clamp(.95rem,1.4vw,1.15rem);color:var(--accent,#EC6608);letter-spacing:-.01em}
.cesta26 .cesta26-copy h3{margin:.15rem 0 .3rem;font-size:clamp(.98rem,1.35vw,1.1rem);color:#252433}
.cesta26 .cesta26-copy p{font-size:.86rem;line-height:1.55;color:#5b6270;opacity:1;max-width:34ch}
.cesta26 .cesta26-rule{display:none}
.cesta26 .cesta26-photo{order:1;width:clamp(7.5rem,13vw,11rem);clip-path:polygon(0 5%,100% 0,97% 100%,0 95%)}
.cesta26 .cesta26-photo img{min-height:0;height:clamp(5rem,8vw,7rem)}
.cesta26 .cesta26-item:nth-child(even) .cesta26-photo{margin-left:auto}
.cesta26 .cesta26-flag{margin-top:.35rem;font-size:.62rem;padding:.22rem .5rem}
.cesta26 .cesta26-item-next{width:min(100%,calc(50% - clamp(1.4rem,2.6vw,2.4rem)))}
@media (max-width:900px){
  .cesta26 .cesta26-item,.cesta26 .cesta26-item-next{width:100%}
  .cesta26 .cesta26-item .cesta26-node,
  .cesta26 .cesta26-item:nth-child(even) .cesta26-node{left:0;right:auto;top:-2.2rem}
  .cesta26 .cesta26-item:nth-child(even) .cesta26-photo{margin-left:0}
}
.cesta26 .cesta26-item .cesta26-photo,
.cesta26 .cesta26-item:nth-child(even) .cesta26-photo{order:1;margin-top:.3rem}
.cesta26 .cesta26-item:nth-child(even) .cesta26-photo{margin-left:auto}
/* fotky len ako občasné doplnenie */
.cesta26 .cesta26-item:nth-child(3n+2) .cesta26-photo{display:none}
.cesta26 .cesta26-item.is-light .cesta26-year{color:#EC6608}
.cesta26 .cesta26-item + .cesta26-item{margin-top:calc(-1 * clamp(1.5rem,3.5vw,3.5rem))}
.cesta26 .cesta26-item:nth-child(odd) .cesta26-photo{margin-right:.7rem}
.cesta26 .cesta26-item:nth-child(even) .cesta26-photo{margin-left:.7rem;margin-right:auto}

/* ===== Naša cesta v3: vodorovná kronika ===== */
.cesta26 .cesta26-shell{grid-template-columns:minmax(0,1fr)}
.cestaH{position:relative;list-style:none;display:flex;align-items:center;
  gap:clamp(1.6rem,3vw,3rem);margin:clamp(2.5rem,5vw,4rem) 0 0;padding:0 var(--page-gutter) 1rem;
  overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}
.cestaH:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;
  background:repeating-linear-gradient(90deg,#EC6608 0 10px,transparent 10px 20px);opacity:.5}
.cestaH-item{position:relative;flex:0 0 clamp(14rem,20vw,17rem);scroll-snap-align:center;
  display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;padding-bottom:calc(50% + 0px)}
.cestaH-item{padding:0 0 clamp(7rem,11vw,9rem)}
.cestaH-item.is-down{flex-direction:column-reverse;padding:clamp(7rem,11vw,9rem) 0 0}
.cestaH-photo{margin:0;width:100%;height:clamp(5.5rem,8vw,7rem);overflow:hidden;
  clip-path:polygon(0 6%,100% 0,97% 100%,0 94%)}
.cestaH-photo img{display:block;width:100%;height:100%;object-fit:cover}
.cestaH-node{position:absolute;top:50%;left:0;transform:translateY(-50%);
  width:clamp(2rem,3vw,2.7rem);display:block}
.cestaH-icon{display:block;width:100%;height:auto;opacity:.8;transition:transform .3s ease,opacity .3s ease}
.cestaH-item:hover .cestaH-icon,.cestaH-item.is-active .cestaH-icon{opacity:1;transform:translateY(-4px) rotate(-6deg)}
.cestaH-copy{max-width:22rem}
.cestaH-year{display:block;font-family:var(--font-heading);font-weight:800;
  font-size:clamp(.95rem,1.4vw,1.15rem);color:var(--accent,#EC6608);letter-spacing:-.01em}
.cestaH-copy h3{margin:.15rem 0 .3rem;font-size:clamp(.98rem,1.35vw,1.1rem);font-weight:800;color:#252433;line-height:1.2}
.cestaH-copy p{margin:0;font-size:.84rem;line-height:1.55;color:#5b6270}
.cestaH-flag{display:inline-flex;margin-top:.4rem;padding:.22rem .5rem;background:#252433;color:#fff;
  border-radius:999px;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.cestaH-item-next .cestaH-copy h3{color:#252433}
.cestaH-node-next .cestaH-icon{opacity:1}
@media (max-width:900px){
  .cestaH-item{flex:0 0 78vw}
}
/* fix: čitateľnosť a odsadenie vodorovnej kroniky */
.cestaH-item{padding:0 0 clamp(8.5rem,12vw,10rem)}
.cestaH-item.is-down{padding:clamp(8.5rem,12vw,10rem) 0 0}
.cestaH-node{left:50%;transform:translate(-50%,-50%)}
.cestaH-copy{max-width:100%}
.cestaH-year{color:#EC6608}
.cestaH-item.is-down .cestaH-year{color:#28B9CF}
.cestaH-photo{margin-bottom:.6rem}
.cestaH-item.is-down .cestaH-photo{margin:.6rem 0 0}
.cesta26 .cestaH{margin-top:clamp(1rem,2vw,1.6rem)}
.cesta26 .cesta26-scout{min-height:0;margin-top:.5rem}
.cestaH-item{padding:0 0 clamp(11rem,15vw,13rem);min-height:clamp(24rem,32vw,28rem);justify-content:flex-end}
.cestaH-item.is-down{padding:clamp(11rem,15vw,13rem) 0 0;justify-content:flex-start}
.cestaH{align-items:stretch}
.cestaH-item{min-height:0;height:clamp(24rem,32vw,28rem);padding:0;justify-content:flex-start}
.cestaH-item.is-down{padding:0;justify-content:flex-end}
.cestaH-item > .cestaH-copy,.cestaH-item > .cestaH-photo{flex:0 0 auto}
.cestaH-item:not(.is-down){padding-bottom:50%}
.cestaH-item.is-down{padding-top:50%}
/* final: presné rozdelenie nad/pod os */
.cestaH-item,.cestaH-item.is-down{display:grid;grid-template-rows:1fr 1fr;height:clamp(23rem,30vw,26rem);
  padding:0;gap:0;align-items:stretch}
.cestaH-item > .cestaH-photo{grid-row:1;align-self:end;margin:0 0 .6rem}
.cestaH-item > .cestaH-copy{grid-row:1;align-self:end;padding-bottom:clamp(2.6rem,4vw,3.4rem)}
.cestaH-item.is-down > .cestaH-photo{grid-row:2;align-self:start;order:2;margin:.6rem 0 0}
.cestaH-item.is-down > .cestaH-copy{grid-row:2;align-self:start;order:1;padding:clamp(2.6rem,4vw,3.4rem) 0 0}
.cestaH-item > .cestaH-node{grid-row:1/3}
/* final2: flex + pevná polovica výšky */
.cestaH-item,.cestaH-item.is-down{display:flex;flex-direction:column;height:26rem;gap:.5rem}
.cestaH-item{justify-content:flex-end;padding:0 0 13.6rem}
.cestaH-item.is-down{justify-content:flex-start;padding:13.6rem 0 0;flex-direction:column-reverse}
.cestaH-item > .cestaH-photo,.cestaH-item.is-down > .cestaH-photo{margin:0;align-self:stretch}
.cestaH-item > .cestaH-copy,.cestaH-item.is-down > .cestaH-copy{padding:0}
.cestaH-item.is-down{justify-content:flex-end}
.cestaH .cestaH-item:not(.is-down){padding:0 0 13.6rem}
.cestaH .cestaH-item.is-down{padding:13.6rem 0 0}

/* ============================================================
   NAŠA CESTA 2026 (cesta27) — oranžová sekcia, vodorovná kronika
   ============================================================ */
.cesta27-head { text-align: left; }
.cesta27-lead {
  margin: 1rem 0 0;
  max-width: 46ch;
  color: rgba(255, 255, 255, 0.9);
  font-size: clamp(1rem, 1.2vw, 1.125rem);
  line-height: 1.6;
}
.cesta27-track {
  position: relative;
  z-index: 2;
  margin: clamp(3rem, 6vw, 5rem) 0 0;
  padding: 0 0 0.5rem;
  list-style: none;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(13.5rem, 1fr);
  gap: clamp(1rem, 2.5vw, 2rem);
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
}
.cesta27-track::-webkit-scrollbar { display: none; }
.cesta27-track::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 2.6rem;
  height: 0;
  border-top: 3px dashed rgba(255, 255, 255, 0.55);
}
.cesta27-stop {
  position: relative;
  scroll-snap-align: center;
  padding-top: 0;
  transition: transform 0.35s ease;
}
.cesta27-node {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 5.2rem;
  height: 5.2rem;
  margin-bottom: 1.35rem;
  background: #fff;
  clip-path: var(--bl-shape-05, polygon(6% 12%, 52% 0%, 100% 10%, 94% 56%, 100% 94%, 48% 100%, 4% 92%, 0% 50%));
  box-shadow: 0 14px 28px rgba(30, 12, 0, 0.18);
  transition: transform 0.35s ease;
}
.cesta27-icon { width: 3.1rem; height: 3.1rem; object-fit: contain; }
.cesta27-year {
  display: block;
  font-family: "Sora", system-ui, sans-serif;
  font-weight: 700;
  font-size: 1.05rem;
  letter-spacing: 0.04em;
  color: #ffde10;
}
.cesta27-stop h3 {
  margin: 0.35rem 0 0.5rem;
  font-family: "Sora", system-ui, sans-serif;
  font-size: clamp(1.05rem, 1.4vw, 1.25rem);
  font-weight: 700;
  line-height: 1.25;
  color: #fff;
}
.cesta27-stop p {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.82);
}
.cesta27-stop.is-active .cesta27-node,
.cesta27-stop:hover .cesta27-node { transform: translateY(-8px) rotate(-3deg); }
.cesta27-stop.is-active .cesta27-year { color: #fff; }
.cesta27-stop--next .cesta27-node { background: #252433; }
.cesta27-stop--next .cesta27-year { color: rgba(255, 255, 255, 0.75); }

@media (max-width: 900px) {
  .cesta27-track { grid-auto-columns: minmax(11.5rem, 78%); }
  .cesta27-node { width: 4.4rem; height: 4.4rem; }
  .cesta27-icon { width: 2.6rem; height: 2.6rem; }
  .cesta27-track::before { top: 2.2rem; }
}

/* --- Referencie: kompaktnejšie karty (menšie okná) --- */
.ref26-grid .ref26-card{
  min-height: clamp(14.5rem, 16vw, 18rem);
  gap: .45rem;
  padding: clamp(1.1rem, 1.6vw, 1.6rem) clamp(1.1rem, 1.5vw, 1.5rem) clamp(3.6rem, 5vw, 4.6rem);
}
.ref26-grid .ref26-quote{ font-size: clamp(.98rem, 1.15vw, 1.12rem); line-height: 1.34; }
.ref26-grid .ref26-card-mark{ width: clamp(1.9rem, 2.4vw, 2.4rem); margin-bottom: .2rem; }
.ref26-grid .ref26-meta{ padding-top: clamp(.7rem, 1.2vw, 1rem); padding-right: clamp(5.5rem, 8vw, 7rem); }
.ref26-grid .ref26-avatar{ width: clamp(5.5rem, 8vw, 7.2rem); height: clamp(5.5rem, 8vw, 7.2rem); right:-1rem; bottom:-1rem; }
.ref26-grid .ref26-author{ font-size: .95rem; }
@media (max-width:1024px){ .ref26-grid .ref26-card{min-height:16rem} }
@media (max-width:700px){
  .ref26-grid .ref26-card{min-height:14.5rem}
  .ref26-grid .ref26-avatar{width:5.2rem;height:5.2rem}
  .ref26-grid .ref26-meta{padding-right:4.6rem}
}

/* --- Kompas: ikony bez krúžku (len samotný 3D/line objekt) --- */
.kompas3-dir-icon,
.kompas3-dir.is-active .kompas3-dir-icon,
.kompas3-dir:hover .kompas3-dir-icon,
.kompas26-icon,
.kompas26-item.is-active .kompas26-icon{
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
.kompas3-dir-icon{ width: 62px; height: 62px; }
.kompas26-icon{ width: 46px; height: 46px; }
.kompas26-item.is-active .kompas26-icon{ color: var(--accent); }
.kompas3-dir-icon img{ filter: drop-shadow(0 8px 12px rgba(37,36,51,.18)); }
@media (max-width: 900px){
  .kompas3-dir-icon{ width: 52px; height: 52px; }
  .kompas26-icon{ width: 40px; height: 40px; }
}

/* --- Prechody sekcií: polygónové okraje referencií ↔ džugľa odstránené.
     Clip-path na celých sekciách tvoril biele kliny medzi oranžovou ref26
     a tyrkysovou edu26; polygonový štýl zostáva v prvkoch vnútri sekcií. --- */
.ref26-quote mark{ -webkit-box-decoration-break: clone; box-decoration-break: clone; }

/* --- Referencie: zarovnanie kariet a portrétov (korekcia) --- */
.ref26-grid{ align-items: stretch; }
.ref26-grid .ref26-card{
  padding: clamp(1.6rem, 2.2vw, 2.2rem) clamp(1.5rem, 2vw, 2.1rem) clamp(1.6rem, 2.2vw, 2.2rem);
  clip-path: polygon(1.2% 2.5%, 52% 0.6%, 99% 2%, 100% 52%, 98.8% 98%, 48% 99.4%, 1.2% 97.5%, 0 50%);
}
.ref26-grid .ref26-meta{
  align-items: flex-end;
  justify-content: space-between;
  gap: clamp(.8rem, 1.4vw, 1.2rem);
  padding-right: 0;
}
.ref26-grid .ref26-meta .ref26-author{ min-width: 0; }
.ref26-grid .ref26-avatar{
  position: static;
  right: auto; bottom: auto;
  flex: 0 0 auto;
  align-self: flex-end;
  width: clamp(4.6rem, 6.4vw, 5.8rem);
  height: clamp(4.6rem, 6.4vw, 5.8rem);
  margin-bottom: -0.15rem;
}
@media (max-width:700px){
  .ref26-grid .ref26-meta{ padding-right: 0; }
  .ref26-grid .ref26-avatar{ width:4.4rem; height:4.4rem; }
}
.ref26-grid .ref26-avatar{ position: relative; overflow: hidden; border-radius: 999px; }
.ref26-grid .ref26-avatar img{ position: absolute; inset: 0; width:100%; height:100%; object-fit: cover; object-position: center top; }
.ref26-grid .ref26-meta{ justify-content: flex-start; }
.ref26-quote em{ -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.ref26-grid .ref26-quote em{ clip-path: none; padding: 0.06em 0.32em; }

/* --- Naša cesta: roky v samostatnom riadku pod jednou čiarou --- */
.cesta27-node { margin-bottom: clamp(1.9rem, 3vw, 2.6rem); }
.cesta27-track::before { top: calc(5.2rem + clamp(0.95rem, 1.5vw, 1.3rem)); }
.cesta27-year { margin-top: 0.1rem; }
@media (max-width: 900px) {
  .cesta27-track::before { top: calc(4.4rem + 0.95rem); }
}
.case-audit-content--solo{
  display:flex; align-items:center; justify-content:center;
  width:100%; text-align:center;
}

/* ============================================================
   NAŠA CESTA 2026 (cesta28) — svetlá kronika, vertikálna os
   ============================================================ */
.cesta28{
  position:relative;isolation:isolate;overflow:hidden;
  background:#fff;color:#252433;
  padding:clamp(3.5rem,6vw,6.5rem) 0 clamp(4rem,7vw,7rem);
}
.cesta28-shell{
  position:relative;z-index:3;
  width:100%;max-width:var(--content-width);margin:0 auto;
  padding-inline:var(--page-gutter);
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);
  gap:clamp(2rem,5vw,5rem);align-items:start;
}
.cesta28-scene{
  position:absolute;z-index:1;left:0;bottom:0;
  width:clamp(22rem,42vw,46rem);height:auto;pointer-events:none;user-select:none;
  mix-blend-mode:multiply;opacity:.95;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 16%,#000 74%,transparent 100%),linear-gradient(to top,#000 55%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 16%,#000 74%,transparent 100%),linear-gradient(to top,#000 55%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect;
}
.cesta28-intro{position:sticky;top:clamp(5rem,8vw,7rem)}
.cesta28-eyebrow{
  margin:0 0 1rem;font-family:var(--font-heading);font-weight:700;
  }
.cesta28-title{
  margin:0;font-family:var(--font-heading);font-weight:800;
  font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.08;letter-spacing:-.03em;color:#252433;
}
.cesta28-title em{
  font-style:normal;color:var(--orange);
  box-shadow:inset 0 -.12em 0 var(--orange);
}
.cesta28-lead{
  margin:clamp(1.1rem,1.8vw,1.5rem) 0 0;max-width:34ch;color:#4D5772;
  font-size:clamp(.98rem,1.2vw,1.08rem);line-height:1.65;
}
.cesta28-bird{position:relative;margin-top:clamp(1.8rem,3vw,2.6rem);min-height:clamp(10rem,17vw,15rem)}
.cesta28-toucan{width:clamp(9rem,15vw,15rem);height:auto;display:block}
.cesta28-trail{
  position:absolute;right:-8%;bottom:12%;width:60%;height:auto;
  fill:none;stroke:var(--orange);stroke-width:3;stroke-linecap:round;
  stroke-dasharray:10 12;opacity:.85;
}

.cesta28-track{
  position:relative;list-style:none;margin:0;padding:0 0 0 clamp(2.25rem,4vw,3.5rem);
  display:flex;flex-direction:column;gap:clamp(1.6rem,2.4vw,2.2rem);
}
.cesta28-track::before{
  content:"";position:absolute;left:clamp(.6rem,1.2vw,1.1rem);top:.5rem;bottom:.5rem;
  border-left:3px dashed rgba(236,102,8,.55);
}
.cesta28-item{position:relative}
.cesta28-node{
  position:absolute;left:calc(-1 * clamp(2.25rem,4vw,3.5rem));top:clamp(1.4rem,2.5vw,2.4rem);
  z-index:2;display:grid;place-items:center;
  width:clamp(2.2rem,3.4vw,3.1rem);height:clamp(2.2rem,3.4vw,3.1rem);
  background:#fff;border-radius:50%;
}
.cesta28-node-icon{width:100%;height:100%;object-fit:contain}
.cesta28-card{
  position:relative;overflow:hidden;background:var(--accent,#EC6608);color:#fff;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;
  clip-path:polygon(0 0,100% 0,100% 100%,4.5% 100%,0 82%);
  box-shadow:0 22px 44px rgba(37,36,51,.12);
  transition:transform .35s ease,box-shadow .35s ease;
}
.cesta28-item.is-flip .cesta28-card{
  clip-path:polygon(0 0,95.5% 0,100% 18%,100% 100%,0 100%);
}
.cesta28-item.is-flip .cesta28-copy{order:2}
.cesta28-item.is-flip .cesta28-photo{order:1}
.cesta28-item.is-light .cesta28-card{background:#fff;color:#252433}
.cesta28-item.is-light .cesta28-year{color:#252433}
.cesta28-item.is-light .cesta28-copy p{color:#4D5772}
.cesta28-item.is-light .cesta28-rule{background:var(--turquoise)}
.cesta28-item:hover .cesta28-card,
.cesta28-item.is-active .cesta28-card{transform:translateY(-4px);box-shadow:0 28px 54px rgba(37,36,51,.18)}
.cesta28-copy{
  display:flex;flex-direction:column;justify-content:center;
  padding:clamp(1.6rem,2.4vw,2.2rem);
}
.cesta28-year{font-family:var(--font-heading);font-weight:800;font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:1;letter-spacing:-.02em}
.cesta28-copy h3{margin:.55rem 0 .45rem;font-family:var(--font-heading);font-weight:700;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.25}
.cesta28-copy p{margin:0;font-size:.94rem;line-height:1.55;color:rgba(255,255,255,.9)}
.cesta28-rule{display:block;width:3.2rem;height:3px;margin-top:clamp(1.1rem,1.8vw,1.5rem);background:#fff;border-radius:2px}
.cesta28-photo{position:relative;margin:0;min-height:clamp(10rem,15vw,13.5rem)}
.cesta28-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

@media (max-width:1024px){
  .cesta28-shell{grid-template-columns:1fr}
  .cesta28-intro{position:static}
  .cesta28-scene{width:clamp(16rem,60vw,26rem);opacity:.6}
}
@media (max-width:700px){
  .cesta28-card,.cesta28-item.is-flip .cesta28-card{grid-template-columns:1fr;clip-path:polygon(0 2%,98% 0,100% 97%,2% 100%)}
  .cesta28-item.is-flip .cesta28-copy{order:1}
  .cesta28-item.is-flip .cesta28-photo{order:2}
  .cesta28-photo{min-height:11rem}
  .cesta28-scene,.cesta28-trail{display:none}
}

/* ==========================================================================
   BIRDLINE STANDARD: jeden eyebrow a jedna logika čiary pre celý web.
   Zdroj pravdy: homepage hero eyebrow "Digitálna agentúra" (.eyebrow v app.css).
   Žiadne ďalšie varianty farieb, veľkostí, pruhov ani dekoratívnych liniek.
   ========================================================================== */
.eyebrow,
.about-eyebrow,
.about26-eyebrow,
.case-study-eyebrow,
.cesta28-eyebrow,
.cs26-eyebrow,
.dna26-eyebrow,
.edu26-eyebrow,
.edu26b-eyebrow,
.ind26-eyebrow,
.kompas26-eyebrow,
.kompas26-nav-eyebrow,
.kompas26-stage-eyebrow,
.kompas3-eyebrow,
.pain-b2b-eyebrow,
.pain-story-eyebrow,
.services-eyebrow,
.story26-vision-eyebrow,
.bird-head-eyebrow,
.wdir-eyebrow,
.bf26-eyebrow,
.pd26-eyebrow,
.vcs-eyebrow,
.acx-eyebrow,
.bx-label,
.about26-story .about26-eyebrow,
.story26 .pain-story-eyebrow,
.services-header .services-eyebrow,
.pain-story-header .pain-story-eyebrow {
  display: block;
  margin: 0 0 1.2rem;
  padding: 0;
  border: 0;
  background: none;
  color: var(--orange);
  font-family: var(--font-heading);
  font-size: clamp(.76rem, 1vw, .86rem);
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
  line-height: 1.3;
  clip-path: none;
}
.eyebrow::before, .eyebrow::after,
.about26-eyebrow::before, .about26-eyebrow::after,
.cs26-eyebrow::before, .cs26-eyebrow::after,
.dna26-eyebrow::before, .dna26-eyebrow::after,
.edu26-eyebrow::before, .edu26-eyebrow::after,
.edu26b-eyebrow::before, .edu26b-eyebrow::after,
.ind26-eyebrow::before, .ind26-eyebrow::after,
.kompas26-eyebrow::before, .kompas26-eyebrow::after,
.kompas3-eyebrow::before, .kompas3-eyebrow::after,
.pain-b2b-eyebrow::before, .pain-b2b-eyebrow::after,
.pain-story-eyebrow::before, .pain-story-eyebrow::after,
.services-eyebrow::before, .services-eyebrow::after,
.bird-head-eyebrow::before, .bird-head-eyebrow::after,
.bird-head-eyebrow i,
.vcs-eyebrow > i, .acx-eyebrow i, .bx-label::before, .bx-label::after,
.edu26-eyebrow-bar {
  display: none !important;
}

/* Bez dekoratívnych liniek pod nadpismi. Čiara iba tam, kde niečo prepája. */
.creed26-rule,
.crew26b-rule,
.cesta26-rule,
.cesta28-rule,
.kompas26-rule,
.kompas3-rule,
.pain-story-header h2::after,
.services-header h2::after,
.ind26-head h2::after {
  display: none !important;
}

/* --- Naša cesta V3 (homepage): biela varianta existujúceho .system-route.is-process
   s väčšími journey ikonami a rytmom z tyrkysového journey-band patternu.
   V1 snapshot: .lovable/snapshots/journey-white-v1/ --- */
.journey-section.is-v3{background:#fff}
.system-route.is-process.is-v3{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(1.4rem,3vw,2.8rem);
  width:min(100%,82rem);
  align-items:start;
}
.system-route.is-process.is-v3 .process-weave{
  top:clamp(3.4rem,5.4vw,5rem);left:6%;right:6%;width:88%;
  height:clamp(3rem,5vw,4.4rem);
}
.system-route.is-process.is-v3 .process-weave path{
  stroke:rgba(236,102,8,.75);stroke-width:4;stroke-dasharray:14 12;stroke-linecap:round;
  animation:blWeaveFlow 3.2s linear infinite;opacity:1;
}
.system-route.is-process.is-v3 .system-area{display:flex;flex-direction:column;align-items:flex-start;--journey-img-h:clamp(6.8rem,9.6vw,9.2rem)}
.system-route.is-process.is-v3 .system-area img{
  order:-1;width:auto;height:var(--journey-img-h);
  object-fit:contain;object-position:left bottom;
  margin:0 0 1.1rem;filter:none;
}
/* Kompas je opticky ťažší, drží o 15 % nižšiu výšku a spoločnú spodnú baseline. */
.system-route.is-process.is-v3 .system-area:first-of-type img{
  height:calc(var(--journey-img-h) * .85);
  margin-top:calc(var(--journey-img-h) * .15);
}

.system-route.is-process.is-v3 .system-area-number{
  font-size:.95rem;letter-spacing:.12em;margin-bottom:.45rem;color:#EC6608;
}
.system-route.is-process.is-v3 .system-area:nth-of-type(odd) .system-area-number{color:#EC6608}
.system-route.is-process.is-v3 .system-area:nth-of-type(even) .system-area-number{color:#28B9CF}
.system-route.is-process.is-v3 .system-area h3{
  margin:0;font-size:clamp(1.2rem,1.8vw,1.56rem);line-height:1.24;
}
.system-route.is-process.is-v3 .system-area p{
  max-width:24ch;margin:.65rem 0 0;font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.62;
}
.system-route.is-process.is-v3 .system-area::after{
  width:2.4rem;height:2px;margin-top:1rem;
  background:var(--system-accent,#EC6608);
}
.system-route.is-process.is-v3 .system-area:nth-of-type(even)::after{background:#28B9CF}
@media (max-width:1100px){
  .system-route.is-process.is-v3{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:clamp(2.2rem,4vw,3rem)}
  .system-route.is-process.is-v3 .process-weave{display:none}
}
@media (max-width:640px){
  .system-route.is-process.is-v3{grid-template-columns:1fr;max-width:26rem}
  .system-route.is-process.is-v3 .system-area{min-height:0;padding-left:0}
  .system-route.is-process.is-v3 .system-area{--journey-img-h:clamp(6.4rem,26vw,8rem)}
  .system-route.is-process.is-v3 .system-area img{position:static;height:var(--journey-img-h);margin-bottom:.9rem}
  .system-route.is-process.is-v3 .system-area:first-of-type img{height:calc(var(--journey-img-h) * .85);margin-top:0}
  .system-route.is-process.is-v3 .system-area p{max-width:32ch}
}

/* ============ Pätička 2026 — schválený tmavý footer (ink) ============ */
/* Scope: len .site-footer-dark, nedotýka sa hlavičky ani iného obsahu. */
.site-footer-dark{background:#252433;color:#f7f4f0;border-top:3px solid var(--orange);padding:clamp(3rem,5vw,4.5rem) var(--page-gutter) 0;margin-top:0;position:relative;z-index:2}
.site-footer-dark .bf-shell{width:min(100%,1220px);margin:0 auto;display:grid;grid-template-columns:1.2fr .7fr 1fr 1.35fr;gap:clamp(1.75rem,3vw,2.6rem);padding-bottom:2.5rem}
.site-footer-dark .bf-brand{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.site-footer-dark .footer-brand svg.footer-logo{width:130px;height:auto;display:block;margin:0 0 1.1rem}
.site-footer-dark .footer-brand .footer-tagline{font-size:1rem;line-height:1.9;color:#bcbac6;flex-wrap:wrap;white-space:normal}
.site-footer-dark .footer-brand .footer-word{color:#fff}
.site-footer-dark .footer-social{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:1.4rem;margin-left:-10px}
.site-footer-dark .footer-social-link{width:44px;height:44px;display:grid;place-items:center;border:0;background:none;box-shadow:none;border-radius:0}
.site-footer-dark .footer-social-link svg{width:auto;height:24px;max-width:26px;color:#f7f4f0;opacity:.85;transition:opacity .18s}
.site-footer-dark .footer-social-link:hover svg{opacity:1}
.site-footer-dark .footer-social-link:focus-visible{outline:2px solid #ff9245;outline-offset:2px;border-radius:8px}

.site-footer-dark h3{font-family:var(--bl-font);font-size:.9rem;font-weight:700;margin:0 0 1.1rem;line-height:1.5;color:#f7f4f0}
.site-footer-dark .bf-nav{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem}
.site-footer-dark .bf-nav a{font-size:.88rem;line-height:1.6;color:#bcbac6;transition:color .16s}
.site-footer-dark .bf-nav a:hover{color:#ff9245}
.site-footer-dark .bf-contact h3{margin-bottom:.9rem}
.site-footer-dark .bf-email{display:inline-flex;align-items:center;gap:.35rem;font-size:clamp(1rem,1.6vw,1.3rem);font-weight:600;letter-spacing:-.02em;color:#f7f4f0;white-space:nowrap;transition:color .16s}
.site-footer-dark .bf-email:hover{color:#ff9245}
.site-footer-dark .bf-phone{display:block;font-size:1rem;margin-top:.7rem;color:#bcbac6;transition:color .16s}
.site-footer-dark .bf-phone:hover{color:#ff9245}
.site-footer-dark .bf-address{margin-top:1.8rem}
.site-footer-dark .bf-address>span{font-size:.68rem;font-weight:600;letter-spacing:.13em;color:#ff9245}
.site-footer-dark .bf-address p{font-size:.88rem;line-height:1.8;margin:.5rem 0 0;color:#bcbac6}
.site-footer-dark .bf-bottom{width:min(100%,1220px);margin:0 auto;padding:1.25rem 0;border-top:1px solid #ffffff26;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1.5rem}
.site-footer-dark .bf-copy{font-size:.74rem;color:#bcbac6;line-height:1.7}
.site-footer-dark .bf-legal{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.1rem}
.site-footer-dark .bf-legal a{font-size:.74rem;color:#bcbac6;transition:color .16s}
.site-footer-dark .bf-legal a:hover{color:#ff9245}
/* Slogan ako samostatný posledný riadok pod spodnou lištou */
.site-footer-dark .bf-slogan{width:min(100%,1220px);margin:0 auto;padding:0 0 1.5rem;display:flex;justify-content:center}
.site-footer-dark .bf-slogan .footer-tagline{margin:0;font-size:.95rem;line-height:1.7;color:#bcbac6;display:inline-flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:.35rem;white-space:nowrap;text-align:center}
.site-footer-dark .bf-slogan .footer-word{color:#fff;min-width:calc(13 * .56em);white-space:nowrap;transition:none}
@media (max-width:960px){
  .site-footer-dark .bf-shell{grid-template-columns:1fr 1fr;gap:2.2rem 1.2rem}
  .site-footer-dark .bf-brand{grid-column:1/-1}
  .site-footer-dark .bf-contact{grid-column:1/-1;padding-bottom:1.9rem;border-bottom:1px solid #ffffff26;order:2}
  .site-footer-dark .bf-nav{order:3}
  .site-footer-dark .bf-email{font-size:1.35rem}
  .site-footer-dark .bf-phone{font-size:1.1rem}
}
@media (max-width:480px){
  .site-footer-dark .bf-shell{grid-template-columns:1fr 1fr}
  .site-footer-dark .footer-logo{width:140px}
  .site-footer-dark .bf-bottom{flex-direction:column;align-items:flex-start}
  .site-footer-dark .bf-slogan{padding-top:1.1rem;padding-bottom:6.2rem}
  .site-footer-dark .bf-slogan .footer-tagline{font-size:.9rem}
}

@media (prefers-reduced-motion:reduce){
  .site-footer-dark .footer-social-link,.site-footer-dark .footer-social-link svg,.site-footer-dark .bf-nav a,.site-footer-dark .bf-email,.site-footer-dark .bf-phone,.site-footer-dark .bf-legal a{transition:none}
}


/* --- Kompas v3: kompaktnejšia výška (radiálne usporiadanie zachované) --- */
.kompas3{padding-top:clamp(2.5rem,4.5vw,4.25rem);padding-bottom:clamp(2.25rem,4vw,3.75rem)}
.kompas3-head{margin-bottom:clamp(.6rem,1.2vw,1rem)}
.kompas3-progress{margin-top:1.1rem}
@media (min-width:981px){
.kompas3-map{height:500px}
.kompas3-compass{width:320px;height:320px;top:200px}
.kompas3-dir.pos-one,.kompas3-dir.pos-two{top:52px}
.kompas3-dir.pos-three,.kompas3-dir.pos-four{top:160px}
.kompas3-dir.pos-five,.kompas3-dir.pos-six{top:268px;bottom:auto}
.kompas3-rec{min-height:112px;padding-top:.7rem;padding-bottom:.7rem}
.kompas3-spec{height:100px}
.kompas3-spec-shape{height:86px}
.kompas3-spec img{height:128px;width:104px}
}
@media (max-width:980px) and (min-width:761px){
.kompas3-map{height:520px}
.kompas3-compass{width:290px;height:290px;top:195px}
.kompas3-dir.pos-one,.kompas3-dir.pos-two{top:56px}
.kompas3-dir.pos-three,.kompas3-dir.pos-four{top:164px}
.kompas3-dir.pos-five,.kompas3-dir.pos-six{top:272px;bottom:auto}
}
@media (max-width:760px){
.kompas3-map{height:auto;padding-top:344px}
.kompas3-compass{width:min(58vw,230px);height:min(58vw,230px);top:178px}
.kompas3-dir.pos-seven{width:60px;top:0}
.kompas3-dir.pos-one,.kompas3-dir.pos-two{top:40px}
.kompas3-dir.pos-three,.kompas3-dir.pos-four{top:150px}
.kompas3-dir.pos-five,.kompas3-dir.pos-six{top:260px;bottom:auto}
.kompas3-dir.pos-one,.kompas3-dir.pos-three,.kompas3-dir.pos-five{left:0}
.kompas3-dir.pos-two,.kompas3-dir.pos-four,.kompas3-dir.pos-six{right:0}
.kompas3-rec{position:relative;left:auto;bottom:auto;transform:none;margin-top:1.4rem}
}
@media (max-width:360px){.kompas3-compass{width:52vw;height:52vw}}
@media (max-width:760px){.kompas3-dir.pos-one,.kompas3-dir.pos-three,.kompas3-dir.pos-five{grid-template-columns:1fr}}

/* BirdFeed megamenu: variant existujúceho mega-panel patternu (intro + päť sekcií). */
.mega-grid.mega-grid-birdfeed { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
.mega-grid-birdfeed .mega-intro { min-height: 280px; }
.mega-intro-eyebrow {
  margin: 0 0 12px; font-family: 'Sora', sans-serif; font-size: 12px; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase; color: #ec6608;
}
.mega-intro-plane { position: absolute; right: 26px; bottom: 22px; width: 96px; height: auto; pointer-events: none; }
.mega-bf-links { list-style: none; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 32px; align-content: start; }
.mega-bf-links a {
  display: flex; align-items: flex-start; gap: 14px; padding: 14px 0; min-height: 72px;
  font-family: 'Sora', sans-serif; color: #252433; text-decoration: none;
  border-bottom: 1px solid rgba(37,36,51,.08);
}
.mega-bf-icon { width: 22px; height: 22px; flex: none; margin-top: 2px; color: #28b9cf; }
.mega-bf-links strong { display: block; font-size: 17px; font-weight: 600; transition: color 150ms ease; }
.mega-bf-links small { display: block; margin-top: 4px; font-size: 14px; font-weight: 300; line-height: 1.45; color: #5b5a68; }
.mega-bf-links .mega-arrow { width: 16px; height: 16px; margin: 4px 0 0 auto; flex: none; color: #ec6608; transition: transform 150ms ease; }
.mega-bf-links a:hover strong, .mega-bf-links a:focus-visible strong { color: #ec6608; }
.mega-bf-links a:hover .mega-arrow { transform: translateX(4px); }
@media (max-width: 960px) {
  .mega-grid.mega-grid-birdfeed { grid-template-columns: 1fr; }
  .mega-grid-birdfeed .mega-intro { min-height: 0; }
  .mega-grid-birdfeed .mega-intro-title br { display: none; }
  .mega-grid-birdfeed .mega-intro-title { font-size: 20px; }
  .mega-intro-plane { display: none; }
  .mega-bf-links { grid-template-columns: 1fr; gap: 0; padding: 4px 0 8px !important; }
  .mega-bf-links a { min-height: 56px; padding: 10px 0; }
  .mega-bf-links small { font-size: 13px; }
}
.bf-mega-trigger .mega-chevron { width: 12px; height: 12px; flex: none; }


/* BirdFeed nav: ručne kreslený tyrkysový ovál (dekoratívny, bez vplyvu na layout) */
.bf-oval-label{position:relative;display:inline-block}
.bf-oval{position:absolute;left:-14px;right:-14px;top:-9px;bottom:-9px;width:calc(100% + 28px);height:calc(100% + 18px);overflow:visible;pointer-events:none;z-index:0}
.bf-oval path{fill:none;stroke:#28B9CF;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;opacity:1}
.bf-oval.is-drawn path{stroke-dashoffset:0;transition:stroke-dashoffset .7s cubic-bezier(.55,.1,.3,1)}
.bf-oval.is-fading path{opacity:0;transition:opacity .4s ease}
.bf-oval.is-static path,.nav-item-birdfeed.is-open .bf-oval path{stroke-dashoffset:0;opacity:1}
@media (max-width:960px){.bf-oval{left:-10px;right:-10px;width:calc(100% + 20px);top:-7px;bottom:-7px;height:calc(100% + 14px)}}
@media (prefers-reduced-motion:reduce){.bf-oval path{stroke-dashoffset:0!important;opacity:1!important;transition:none!important}}

/* BirdFeed nav: text je odkaz na /birdfeed, samostatná šípka ovláda megamenu. */
.main-nav .bf-nav-row{display:inline-flex;align-items:center;gap:0}
.main-nav .bf-nav-link{text-decoration:none;padding:0}
.main-nav .bf-mega-trigger{display:inline-grid;place-items:center;width:32px;height:40px;margin-left:2px;padding:0;background:none;border:0;border-radius:8px;cursor:pointer;color:#252433}
.main-nav .bf-mega-trigger:focus-visible,.main-nav .bf-nav-link:focus-visible{outline:2px solid #EC6608;outline-offset:3px;border-radius:8px}
.main-nav .nav-item-birdfeed.is-open .bf-nav-link,.main-nav .nav-item-birdfeed.is-open .bf-mega-trigger,.main-nav .bf-nav-link:hover{color:#EC6608}
.main-nav .nav-item-birdfeed.is-open .bf-mega-trigger .mega-chevron{transform:rotate(180deg)}
.edu26 .edu26-head-link{margin-top:.75rem;padding-left:0;padding-right:0;color:#fff}
@media (max-width:960px){
  .main-nav .bf-nav-row{display:flex;width:100%;justify-content:space-between}
  .main-nav .bf-nav-link{padding:.75rem 0;margin-left:10px}
  .main-nav .bf-mega-trigger{width:44px;height:44px;justify-content:center;padding:0}
}
/* BirdFeed homepage: evergreen pozvánky bez dátumu, oficiálne logo podcastu. */
.edu26-event.edu26-event-evergreen{grid-template-columns:minmax(0,1fr) auto}
.edu26 .edu26-podcast-logo{height:auto;width:clamp(96px,11vw,132px)}
@media (max-width:960px){.edu26-event.edu26-event-evergreen{grid-template-columns:minmax(0,1fr)}.edu26-event.edu26-event-evergreen .bl-btn{grid-column:1;justify-self:start}}
@media (max-width:560px){.edu26-podcast{grid-template-columns:minmax(0,1fr)}.edu26 .edu26-podcast-logo{width:120px}}
/* BirdFeed eyebrow na tyrkysovej: biely nepravidelný štítok s tmavým textom */
.edu26 .edu26-eyebrow{display:inline-flex;width:fit-content;background:#fff;padding:.55rem 1.05rem .55rem .9rem;clip-path:polygon(0 12%,97% 0,100% 84%,3% 100%)}
/* Zdieľaný footer: nepravidelná horná silueta namiesto oranžovej čiary */
.site-footer-dark{border-top:0}
.site-footer-dark::before{content:"";position:absolute;left:0;right:0;top:calc(-1 * clamp(16px,2.2vw,30px) + 1px);height:clamp(16px,2.2vw,30px);background:#252433;clip-path:polygon(0 62%,26% 0,58% 48%,100% 8%,100% 100%,0 100%);pointer-events:none}
/* Footer: edubird sub-brand pod sociálnymi ikonami */
.site-footer-dark .footer-edubird{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.45rem;margin-top:clamp(1.5rem,2.4vw,2rem);color:#bcbac6;font-size:.78rem;line-height:1.3;text-decoration:none;border-radius:6px;width:fit-content}
.site-footer-dark .footer-edubird img{width:104px;height:auto;aspect-ratio:5/1;filter:brightness(0) invert(1);opacity:.92;transition:opacity .2s}
.site-footer-dark .footer-edubird:hover img{opacity:1}
.site-footer-dark .footer-edubird:hover span{color:#f7f4f0}
.site-footer-dark .footer-edubird:focus-visible{outline:2px solid var(--orange);outline-offset:6px}

/* Footer: slogan v spodnom riadku medzi copyrightom a právnymi odkazmi */
.site-footer-dark .bf-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.6rem 1.5rem;padding-bottom:1.4rem}
.site-footer-dark .bf-bottom .bf-copy{justify-self:start}
.site-footer-dark .bf-bottom .bf-legal{justify-self:end;justify-content:flex-end}
.site-footer-dark .bf-bottom .bf-slogan{width:auto;margin:0;padding:0;justify-self:center}
.site-footer-dark .bf-bottom .bf-slogan .footer-tagline{font-size:.82rem;gap:.3rem}
@media (max-width:1180px){
  .site-footer-dark .bf-bottom{grid-template-columns:1fr auto}
  .site-footer-dark .bf-bottom .bf-slogan{grid-column:1 / -1;grid-row:2;justify-self:start}
}
@media (max-width:760px){
  .site-footer-dark .bf-bottom{grid-template-columns:1fr;justify-items:start;padding-bottom:6.2rem}
  .site-footer-dark .bf-bottom .bf-legal{justify-self:start;justify-content:flex-start}
  .site-footer-dark .bf-bottom .bf-slogan{grid-row:auto;padding:.3rem 0 0}
}
@media (min-width:1181px){
  .site-footer-dark .bf-bottom{grid-template-columns:auto minmax(0,1fr) auto}
  .site-footer-dark .bf-bottom .bf-legal{flex-wrap:nowrap;gap:0 .9rem;white-space:nowrap}
}

/* Jednotný eyebrow: bez úvodnej dekoratívnej čiarky na celom webe (homepage plain eyebrow) */
html body .vcs-eyebrow > i,
html body .sh-eyebrow > i,
html body .acx-eyebrow > i,
html body .bird-head-eyebrow > i,
html body [class*="_eyebrow_"] > span:empty,
html body .edu26-eyebrow-bar,
html body .dna26-eyebrow::before,
html body .wdir-eyebrow::before,
html body .bf26-eyebrow::before,
html body .pd26-eyebrow::before { display: none !important; }
html body .vcs-eyebrow,
html body .sh-eyebrow,
html body .acx-eyebrow,
html body .bird-head-eyebrow,
html body [class*="_eyebrow_"] {
  display: block;
  gap: 0;
  padding-left: 0;
  font-family: var(--font-heading, "Sora", sans-serif);
  font-size: clamp(.76rem, 1vw, .86rem);
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
  line-height: 1.3;
}

/* /o-nas cesta: poznámka pri aktuálnych fotkách v historickej časovej osi */
.cesta28-photo-note{position:absolute;left:.6rem;bottom:.6rem;z-index:2;max-width:calc(100% - 1.2rem);padding:.3rem .6rem;background:rgba(255,255,255,.92);color:#252433;font-size:.7rem;font-weight:600;line-height:1.3;border-radius:999px}

/* /o-nas: dlhé slovo v nadpise sa na úzkom mobile nezmestilo */
@media (max-width:480px){.page-about .hero-copy h1{font-size:clamp(2.1rem,11vw,3.3rem)}}

/* Kompas v3 mobil: prirodzený zoznam namiesto zmenšenej radiálnej mapy */
@media (max-width:760px){
.kompas3 .kompas3-map{height:auto;padding:0;display:flex;flex-direction:column;align-items:stretch;gap:1rem}
.kompas3 .kompas3-map .kompas3-compass{position:relative;top:auto;left:auto;transform:none;width:150px;height:150px;margin:0 auto;flex:none}
.kompas3 .kompas3-directions{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.kompas3 .kompas3-directions .kompas3-dir{position:relative;inset:auto;transform:none;width:auto;min-height:56px;padding:.45rem .6rem;border-radius:14px;background:#fff;border:1px solid #e9e7e2;grid-template-columns:38px minmax(0,1fr);justify-items:start;place-items:center start;text-align:left;gap:.55rem}
.kompas3 .kompas3-directions .kompas3-dir .kompas3-dir-icon{order:0;width:38px;height:38px;padding:4px}
.kompas3 .kompas3-directions .kompas3-dir .kompas3-dir-icon img{transform:none}
.kompas3 .kompas3-directions .kompas3-dir .kompas3-dir-copy{order:0;display:block;font-size:.8rem;line-height:1.25}
.kompas3 .kompas3-directions .kompas3-dir.pos-seven{grid-column:1/-1}
.kompas3 .kompas3-directions .kompas3-dir:hover{transform:none}
.kompas3 .kompas3-directions .kompas3-dir.is-active{transform:none;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.kompas3 .kompas3-map .kompas3-rec{position:relative;left:auto;bottom:auto;transform:none;width:100%;margin-top:.25rem}
.kompas3 .kompas3-rec-services li a{display:inline-flex;align-items:center;min-height:44px}
.kompas3 .kompas3-progress{display:none}
}
@media (max-width:360px){
.kompas3 .kompas3-directions{grid-template-columns:1fr}
}
.kompas3-rec-services li{padding:0}
.kompas3-rec-services li a{display:block;padding:.3rem .52rem;color:inherit;text-decoration:none;border-radius:inherit}
.kompas3-rec-services li a:hover{color:var(--ink,var(--accent));text-decoration:underline;text-underline-offset:3px}
.kompas3-rec-services li a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (prefers-reduced-motion:reduce){
.kompas3-connectors .k3-active.is-active,.kompas3-connectors .k3-dot.is-active,.kompas3-orbit{animation:none}
.kompas3-needle{transition:none}
}
@media (max-width:980px) and (min-width:761px){
.kompas3 .kompas3-map .kompas3-rec{grid-template-columns:110px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:1rem;row-gap:.5rem}
.kompas3 .kompas3-rec .kompas3-spec{grid-row:1/3;width:110px}
.kompas3 .kompas3-rec .kompas3-rec-copy{grid-column:2;grid-row:1;align-self:end}
.kompas3 .kompas3-rec .kompas3-rec-services{grid-column:2;grid-row:2;align-self:start}
.kompas3 .kompas3-rec .kompas3-rec-cta{grid-column:3;grid-row:1/3}
}
/* kompas: uzly sú odkazy */
a.kompas3-dir{text-decoration:none}
@media (min-width:761px){.kompas3-dir.pos-six{gap:1.7rem}}
/* Faktické spolupráce (bez citátu): text vždy zarovnaný vľavo aj pri krátkom popise */
.ref26-grid .ref26-card > p.ref26-quote { align-self: stretch; justify-self: stretch; text-align: left; width: 100%; }
/* Referencia bez fotky: iniciály v avatare */
.ref26-avatar .ref26-initials { display: grid; place-items: center; width: 100%; height: 100%; background: #28B9CF; color: #fff; font-family: var(--font-heading, Sora); font-weight: 800; font-size: 1.05rem; letter-spacing: -.02em; }

/* Osobné motto pod rolou v ref26 karte */
.ref26-author small.ref26-motto { display:block; text-transform:none; letter-spacing:0; margin-top:.35rem; font-style:italic; opacity:.8; }
/* Odvetvia: celá dlaždica je odkaz na filter /nasi-klienti */
.ind26-tile>.ind26-link{position:absolute;inset:0;z-index:2;border-radius:inherit}
.ind26-tile>.ind26-link:focus-visible{outline:3px solid #252433;outline-offset:-6px}

/* Footer: kontaktné CTA pod telefónom (otvára Tuki, záložka Kontaktujte nás) */
.site-footer-dark .bf-contact-cta{margin-top:1.1rem;min-height:44px}

/* Homepage prípadová štúdia: CK Turancar v laptop mockupe (.cs26-laptop/.cs26-base), obrazovka = svetlý neutrál + originálne červené logo */
.cs26-brand-laptop{display:block;text-decoration:none;transition:transform .25s ease;filter:drop-shadow(0 26px 30px rgba(7,23,38,.18))}
.cs26-brand-laptop:hover{transform:translateY(-4px)}
.cs26-brand-laptop:focus-visible{outline:3px solid #252433;outline-offset:6px;border-radius:.8rem}
.cs26-brand-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.7rem,2vw,1.3rem);
  width:100%;aspect-ratio:16/10;padding:clamp(1rem,3vw,2rem);background:#F4F2EE;color:#4a495e;
  border:clamp(6px,1vw,10px) solid #252433;border-radius:.8rem}
.cs26-brand-logo{display:block;width:min(70%,20rem);height:auto;aspect-ratio:1200/351}
.cs26-brand-meta{font-size:clamp(.66rem,1.6vw,.8rem);font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-align:center}
.cs26-brand-laptop .cs26-base{display:block;background:#cfcac3}
@media (prefers-reduced-motion:reduce){.cs26-brand-laptop{transition:none}.cs26-brand-laptop:hover{transform:none}}
.cs26-row-turancar .cs26-tag{color:#5f6577}
.cs26-rows:has(.cs26-row-turancar)+.cs26-more{margin-top:0}
/* Reduced motion: statický, horizontálne posúvateľný pás bez duplicitnej kópie; fokus vždy viditeľný */
@media (prefers-reduced-motion:reduce){
  .ind26-marquee .ind26-tile[aria-hidden="true"]{display:none}
  .ind26-row{overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:.5rem;scroll-padding-inline:var(--page-gutter)}
  .ind26-marquee .ind26-tile{scroll-snap-align:start}
}
.ind26-link:focus-visible{outline:3px solid var(--turquoise);outline-offset:-6px}
@media (prefers-reduced-motion:reduce){.ind26-track{padding-inline:var(--page-gutter)}.ind26-row{scroll-behavior:auto}}
/* QA 390: čitateľnejšie popisy hero metrík (bez zdedeného zúženia) */
.hero-metric span{letter-spacing:0;word-spacing:.04em;font-size:clamp(.74rem,.8vw,.8rem)}

@media (max-width:960px){.main-nav:not(.is-open){visibility:hidden;transition:opacity .18s,transform .18s,visibility 0s .18s}}
@media (max-width:960px){.nav-item:not(.is-open)>.mega-panel{visibility:hidden}}

/* Čo robíme a O nás: rovnaký mega panel pattern ako BirdFeed (intro + karty).
   Rozdiel je len v detských odkazoch služieb pod kartou piliera (mega-bf-sub). */
.mega-bf-links li:has(> .mega-bf-sub) > a { border-bottom: 0; min-height: 0; padding-bottom: 2px; }
.mega-bf-sub { list-style: none; margin: 0; padding: 0 0 8px 36px; }
.mega-bf-links .mega-bf-sub a {
  display: block; min-height: 0; padding: 4px 0; border-bottom: 0;
  font-family: 'Sora', sans-serif; font-size: 14px; font-weight: 300;
  color: #3c3b4a; text-decoration: none; transition: color 150ms ease;
}
.mega-bf-sub a:hover, .mega-bf-sub a:focus-visible { color: #ec6608; }
.mega-bf-sub a:focus-visible { outline: 2px solid #EC6608; outline-offset: 2px; }
@media (max-width: 960px) { .mega-bf-sub { padding-left: 0; padding-bottom: 12px; } }

/* Kotvy podstránok: presná pozícia aj pod lepivou hlavičkou */
#preco, #tim, #partneri, #certifikacie, #kariera { scroll-margin-top: 96px; }

/* Mobilné menu: dlhý accordion panel musí zostať rolovateľný v rámci obrazovky,
   lebo lepivá hlavička sa s captions stránky neposúva. */
@media (max-width: 960px) {
  .main-nav.is-open { max-height: calc(100vh - 74px); max-height: calc(100dvh - 74px); overflow-y: auto; -webkit-overflow-scrolling: touch; }
}

/* Hero mobil: stĺpec sa nesmie rozširovať podľa šírky Tukiho (min-content 1fr),
   inak sa hero pri dočítaní obrázka/scrollovaní preskladá. Vizuál ostáva rovnaký. */
@media (width<=900px){.hero > .hero-shell{grid-template-columns:minmax(0,1fr)}}

/* Homepage mobile: dominantný Tuki pred H1 (jedna kópia assetu, poradie cez grid order) */
@media (max-width:900px){
  .home2026 .hero{padding-top:20px}
  .home2026 .hero > .hero-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
  .home2026 .hero > .hero-shell > .hero-copy{display:contents}
  .home2026 .hero > .hero-shell > .hero-copy > .eyebrow{order:1;margin:0 0 4px}
  /* plátno assetu 1100², nepriehľadný obsah x195..1029, y171..1019 (834×848) */
  .home2026 .hero > .hero-shell > .hero-visual{--tw:min(calc(60vw + 117px),380px);order:2;position:relative;inset:auto;width:100% !important;height:auto !important;min-height:0 !important;margin:0 0 20px !important;padding:0 !important;display:flex;justify-content:center;align-items:flex-start;justify-self:stretch;transform:none !important;translate:none !important;overflow:visible !important}
  .home2026 .hero > .hero-shell > .hero-copy > h1{order:3;font-size:clamp(2rem,10.6vw,2.75rem) !important;margin:0}
  .home2026 .hero > .hero-shell > .hero-copy > .hero-subhead{order:4;margin-top:20px}
  .home2026 .hero > .hero-shell > .hero-copy > .hero-actions{order:5}
  .home2026 .hero > .hero-shell > .hero-copy > .hero-metrics{order:6}
  .home2026 .hero > .hero-shell > .hero-copy > *:not(.eyebrow):not(h1):not(.hero-subhead):not(.hero-actions):not(.hero-metrics){order:7}
  .home2026 .hero-visual::before,.home2026 .hero-visual::after,.home2026 .hero-visual > .hero-brand-line,.home2026 .hero-visual > .hero-brand-shape{display:none !important;content:none !important}
  .home2026 .hero > .hero-shell > .hero-visual .tuki-image{position:relative !important;inset:auto !important;width:var(--tw) !important;height:var(--tw) !important;max-width:none !important;flex:none;margin:calc(var(--tw) * -0.1555) 0 calc(var(--tw) * -0.0736) !important;translate:calc(var(--tw) * -0.0564) 0 !important;transform:none !important;animation:none !important}
  body.home-hero-cta-in-view [data-tuki-fab]{opacity:0 !important;visibility:hidden !important;pointer-events:none !important}
}

/* Homepage mobile (max 480px): kompas s ikonami okolo, karta s jedným CTA.
   Texty okolo ikon sú skryté, prístupné ostávajú cez aria-label. */
.home2026 .kompas3-instr,
.home2026 .kompas3-selected,
.home2026 .kompas3-rec-desc,
.home2026 .kompas3-cta-lbl-m{display:none}
@media (max-width:480px){
  .home2026 .kompas3-instr{display:block;order:0;margin:0;font-weight:600;font-size:.95rem;color:#252433;text-align:center}
  .home2026 .kompas3 .kompas3-directions{order:1}
  .home2026 .kompas3-rec{order:3}
  .home2026 .kompas3-selected{display:block;order:2;margin:0;font:600 1rem/1.3 var(--font-heading,inherit);color:#252433;text-align:center}
  .home2026 .kompas3-rec-desc{display:block}
  .home2026 .kompas3-cta-lbl{display:none}
  .home2026 .kompas3-cta-lbl-m{display:inline}
  .home2026 .kompas3-map{height:auto;display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:4px}
  .home2026 .kompas3-connectors{display:none}
  .home2026 .kompas3 .kompas3-directions .kompas3-compass{position:absolute !important;top:50% !important;left:50% !important;right:auto !important;bottom:auto !important;transform:translate(-50%,-50%) !important;width:138px !important;height:138px !important;margin:0 !important}

  .home2026 .kompas3-hint{display:none}
  .home2026 .kompas3-directions{position:relative;inset:auto;width:min(300px,calc(100vw - 68px));aspect-ratio:1/1;display:block}
  .home2026 .kompas3 .kompas3-directions .kompas3-dir{position:absolute;width:56px;height:56px;min-height:56px;padding:0;border-radius:50%;background:#fff;border:1.5px solid #e9e7e2;display:grid;place-items:center;transform:none !important;transition:transform .2s,border-color .2s}
  .home2026 .kompas3 .kompas3-directions .kompas3-dir .kompas3-dir-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .home2026 .kompas3 .kompas3-directions .kompas3-dir .kompas3-dir-icon{width:46px;height:46px;padding:4px;border:0;background:transparent}
  .home2026 .kompas3 .kompas3-directions .kompas3-dir .kompas3-dir-icon img{transform:none !important}
  .home2026 .kompas3 .kompas3-directions .kompas3-dir.pos-one{left:11.3%;top:17.3%}
  .home2026 .kompas3 .kompas3-directions .kompas3-dir.pos-two{left:72.7%;top:17.3%}
  .home2026 .kompas3 .kompas3-directions .kompas3-dir.pos-three{left:3.7%;top:50.7%}
  .home2026 .kompas3 .kompas3-directions .kompas3-dir.pos-four{left:80.3%;top:50.7%}
  .home2026 .kompas3 .kompas3-directions .kompas3-dir.pos-five{left:25%;top:77.3%}
  .home2026 .kompas3 .kompas3-directions .kompas3-dir.pos-six{left:59%;top:77.3%}
  .home2026 .kompas3 .kompas3-directions .kompas3-dir.pos-seven{left:42%;top:2.7%}
  .home2026 .kompas3 .kompas3-directions .kompas3-dir.is-active{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,#fff)}
  .home2026 .kompas3 .kompas3-directions .kompas3-dir:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
  .home2026 .kompas3-rec{position:relative;bottom:auto;width:100%;min-height:0;grid-template-columns:82px minmax(0,1fr);grid-auto-rows:auto;gap:.6rem .8rem;padding:1rem;transition:opacity .25s}
  .home2026 .kompas3-rec-services{display:none}
  .home2026 .kompas3-rec-desc{grid-column:1/-1;margin:0;font-size:.9rem;line-height:1.5;color:#5c5a52}
  .home2026 .kompas3-rec-cta{grid-column:1/-1;justify-content:center}
  @media (prefers-reduced-motion:reduce){.home2026 .kompas3-rec{transition:none}}
}

/* --- Homepage hero CTA update (scoped to .home2026 hero only) ---
   Primary "S čím vám vieme pomôcť" scrolls to the compass section (#problemy).
   Secondary "Pozrieť projekty" is a quiet white button, no polygon fill. */
.home2026 .hero-actions .hero-arrow-down { transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1); }
.home2026 .hero-actions .hero-explore:hover .hero-arrow-down,
.home2026 .hero-actions .hero-explore:focus-visible .hero-arrow-down { transform: translateY(3px); }
.home2026 .hero-actions .hero-projects {
  background: var(--white);
  color: var(--text-navy);
  box-shadow: inset 0 0 0 1px rgb(37 36 51 / 0.18);
}
.home2026 .hero-actions .hero-projects:hover {
  color: var(--text-navy);
  transform: translateY(-2px);
  box-shadow: inset 0 0 0 1px rgb(37 36 51 / 0.4);
}
/* Sticky header offset for the hero primary anchor target */
.home2026 .kompas3 { scroll-margin-top: 96px; }

/* --- Homepage CTA pás (Rýchly dopyt): pevná medzera pod nadpisom, CTA neprekrýva horu na mobile --- */
.audit-band-shell .case-audit-content.case-audit-content-stacked{
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  gap:1.4rem !important;text-align:left;
}
.audit-band-shell .case-audit-content-stacked .case-audit-cta{width:auto !important;align-self:flex-start;margin:0}
@media (max-width:760px){
  .audit-band-shell .case-audit-content.case-audit-content-stacked{gap:1rem !important;max-width:62%}
}
@media (max-width:760px){
  .audit-band-shell .case-audit-content.case-audit-content-stacked{margin-left:0 !important;margin-right:auto !important;max-width:58%}
}

/* --- Mobile QA 2026-10: kompas CTA, BirdFeed label, šev referencie -> BirdFeed (iba homepage) --- */
.home2026 .kompas3 .kompas3-rec-cta{
  white-space:normal;height:auto;min-height:48px;line-height:1.25;
  padding-top:.6rem;padding-bottom:.6rem;text-align:center;overflow:visible;
}
.home2026 .kompas3 .kompas3-rec-cta > span{white-space:normal;line-height:1.25;position:relative;z-index:1}
@media (max-width:760px){
  .home2026 .edu26-cover{padding-top:4.4rem}
  .home2026 .edu26-cover-photo{top:4.4rem;height:calc(100% - 4.4rem)}
  .home2026 .edu26-cover-brand{top:1rem}
  .home2026 .edu26-cover-hex{display:none}
}
/* Polygónový šev: referencie majú rovný spodok, BirdFeed nepravidelný vrch.
   ref26 zasahuje pod edu26 (záporný margin), takže výrezy vrchu vypĺňa oranžová, nie biela. */
.home2026 .ref26{clip-path:polygon(0 1.4%,24% 0,57% 1.1%,100% 0,100% 100%,0 100%)}
/* Hĺbka zárezov je ohraničená (nie % výšky sekcie) a vždy menšia než prekryv susedov
   (ref26 hore, tmavá pätička dole, clamp(1.5rem,3.2vw,3rem)), takže výrezy vypĺňa ich farba. */
.home2026 .edu26{clip-path:polygon(
  0 calc(clamp(.9rem,2.2vw,2.2rem) * .9),26% 0,58% calc(clamp(.9rem,2.2vw,2.2rem) * .65),100% 0,
  100% calc(100% - clamp(.9rem,2.2vw,2.2rem) * .85),63% 100%,27% calc(100% - clamp(.9rem,2.2vw,2.2rem) * .55),0 calc(100% - clamp(.9rem,2.2vw,2.2rem)))}