.cg-sp{--_p:var(--cg-primary,#142033);--_s:var(--cg-secondary,#C8A24A);--_ink:var(--cg-ink,#1B1F24);--_line:var(--cg-line,#E2E5EA);--_gap:40px;font-family:var(--cg-font-body,inherit);color:var(--_ink)}
.cg-sp *{box-sizing:border-box}
.cg-sp__head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap;margin-bottom:48px}
.cg-sp__head>div{max-width:600px}
.cg-sp__heading{font-family:var(--cg-font-heading,inherit);font-weight:700;font-size:clamp(26px,3vw,34px);line-height:1.2;color:var(--_p);margin:0 0 12px;padding:0}
.cg-sp__sub{font-size:16px;line-height:1.5;opacity:.7;margin:0;padding:0}
.cg-sp__all{flex-shrink:0;font-weight:700;font-size:14.5px;color:var(--_p);text-decoration:none;border-bottom:1px solid var(--_p);padding-bottom:2px}
.cg-sp__all:hover{color:var(--_s);border-color:var(--_s)}

.cg-sp__level+.cg-sp__level{margin-top:48px}
.cg-sp--full .cg-sp__level+.cg-sp__level{margin-top:72px}
.cg-sp__level-name{font-family:var(--cg-font-body,inherit);font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--_s);text-align:center;margin:0 0 24px;padding:0}
.cg-sp--full .cg-sp__level-name{font-family:var(--cg-font-heading,inherit);font-size:clamp(20px,2.2vw,26px);letter-spacing:0;text-transform:none;color:var(--_p);margin-bottom:32px}

.cg-sp__stage{position:relative}
.cg-sp__track{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--_gap)}
.cg-sp__item{flex:0 1 calc(var(--w) * 1px);min-width:0}
.cg-sp__logo{display:flex;align-items:center;justify-content:center;width:100%;max-width:calc(var(--w) * 1px);aspect-ratio:var(--w) / var(--h);margin:0 auto}
.cg-sp__img{display:block;width:100%;height:100%;object-fit:contain}

/* Úvodní stránka: šedá, barva při najetí */
.cg-sp--home .cg-sp__img{filter:grayscale(1);opacity:.6;transition:filter .3s,opacity .3s}
.cg-sp--home .cg-sp__logo:hover .cg-sp__img{filter:none;opacity:1}
/* Plná stránka: barevně, odkazy */
.cg-sp--full a.cg-sp__logo{transition:transform .2s}
.cg-sp--full a.cg-sp__logo:hover{transform:scale(1.04)}

/* Karusel – plynulý nekonečný posun */
.cg-sp__level.is-carousel .cg-sp__viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.cg-sp__level.is-carousel .cg-sp__track{flex-wrap:nowrap;justify-content:flex-start;will-change:transform}
.cg-sp__level.is-carousel .cg-sp__item{flex:0 0 calc((100% - var(--_gap) * (var(--per-now,var(--per)) - 1)) / var(--per-now,var(--per)))}
.cg-sp__level.is-static .cg-sp__viewport{-webkit-mask-image:none;mask-image:none}
.cg-sp__level.is-static .cg-sp__track{flex-wrap:wrap;justify-content:center}
@media (prefers-reduced-motion:reduce){.cg-sp__img,.cg-sp__logo{transition:none}}

@media (max-width:900px){.cg-sp{--_gap:28px}}
@media (max-width:600px){
  .cg-sp{--_gap:20px}
  .cg-sp__item{flex-basis:calc(var(--w) * .7px)}
}