.ref-section{--ref-red:#c7192d;--ref-ink:#17191d;background:#f3f3f4;color:var(--ref-ink);padding:85px 0;font:15px/1.65 Inter,Arial,sans-serif}.ref-section *{box-sizing:border-box}.ref-wrap{max-width:1200px;margin:auto;padding:0 32px}.ref-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:38px}.ref-kicker{color:var(--ref-red);font-size:11px;letter-spacing:2.4px;font-weight:700;margin:0 0 14px}.ref-heading h1{font:700 clamp(44px,5vw,65px)/1.05 'Barlow Condensed',Arial,sans-serif;margin:0}.ref-heading h1 span{color:var(--ref-red)}.ref-heading>p{max-width:340px;margin:0;color:#62666d}.ref-tools{border-top:1px solid #d8dadd;padding-top:25px}.ref-filters{display:flex;flex-wrap:wrap;gap:8px}.ref-filters button{border:1px solid #d1d4d9;background:transparent;padding:10px 15px;color:#333;font:600 12px Inter,Arial,sans-serif;cursor:pointer}.ref-filters button.is-active{background:var(--ref-ink);color:white;border-color:var(--ref-ink)}.ref-filters button:hover{border-color:var(--ref-red)}.ref-search{display:flex;align-items:center;gap:16px;font-size:12px;font-weight:600;margin-top:20px}.ref-search input{background:#fff;border:1px solid #d1d4d9;padding:12px 14px;font:14px Inter,Arial,sans-serif;max-width:100%;width:330px;border-radius:0}.ref-count{font-size:12px;color:#62666d;margin:24px 0 16px}.ref-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ref-card{background:#fff;border:1px solid #dfe0e2;border-top:3px solid #c7192d;padding:25px;min-height:225px;display:flex;flex-direction:column}.ref-card-top{display:flex;align-items:center;gap:10px;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#656970}.ref-card svg{width:34px;height:34px;color:var(--ref-red);flex-shrink:0}.ref-year{margin-left:auto;white-space:nowrap;color:var(--ref-ink);font-weight:700}.ref-card h3{font:600 28px/1.15 'Barlow Condensed',Arial,sans-serif;margin:22px 0 8px;overflow-wrap:anywhere}.ref-location{font-size:13px;color:#656970;margin:0 0 12px}.ref-description{font-size:13px;margin:0 0 14px;color:#333}.ref-partner{font-size:11px;color:#656970;border-top:1px solid #ececee;padding-top:12px;margin:auto 0 0}.ref-partner strong{color:#333;font-weight:600}.ref-empty{padding:30px;background:#fff}.ref-cta{margin-top:40px;background:#fff;border-left:4px solid var(--ref-red);padding:28px;display:flex;justify-content:space-between;align-items:center;gap:25px}.ref-cta h3{font:600 30px/1.15 'Barlow Condensed',Arial,sans-serif;margin:0}.ref-cta .ref-kicker{font-size:10px}.ref-cta a{display:flex;gap:35px;align-items:center;background:var(--ref-red);color:#fff;padding:14px 20px;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap}.ref-section :focus-visible{outline:3px solid var(--ref-red);outline-offset:4px}.ref-section [hidden]{display:none!important}@media(max-width:950px){.ref-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-heading{display:block}.ref-heading>p{margin-top:20px;max-width:550px}}@media(max-width:600px){.ref-section{padding:55px 0}.ref-wrap{padding:0 22px}.ref-grid{grid-template-columns:1fr}.ref-search,.ref-cta{align-items:stretch;flex-direction:column}.ref-search{gap:8px}.ref-search input{width:100%}.ref-cta{padding:22px}.ref-cta a{justify-content:space-between}.ref-card{min-height:210px}.ref-filters button{padding:10px 12px}}

/* Verze 02: obrázky referencí */
.ref-card{padding:0;overflow:hidden}.ref-photo{margin:0}.ref-photo-frame{position:relative;aspect-ratio:16/9;background:#0b203b;overflow:hidden}.ref-photo img{display:block;width:100%;height:100%;object-fit:cover}.ref-photo figcaption{padding:8px 16px;background:#fafafa;border-bottom:1px solid #ededee;color:#686c73;font-size:10px;line-height:1.5;min-height:31px}.ref-photo figcaption a{color:inherit;text-decoration:underline;text-underline-offset:2px}.ref-image-label{position:absolute;left:12px;bottom:12px;background:#fff;color:#17191d;padding:4px 8px;font-size:10px;font-weight:600}.ref-card-body{padding:24px;display:flex;flex-direction:column;flex:1}.ref-card h3{margin-top:18px}.ref-card-top svg{width:28px;height:28px}.ref-partner{padding-top:12px}.ref-photo img[src*="hanwha"]{object-position:50% 50%}.ref-photo img[src*="comenius"]{object-position:50% 40%}

/* Fotografie Microsys: výřez zachovává hlavní nápis. */
.ref-photo img[src*="microsys"]{object-position:50% 55%}

/* Verze 11: nenápadné označení mimo fotografii. */
.ref-image-label{position:static;display:inline;background:transparent;color:#17191d;padding:0;font-size:10px;font-weight:400;line-height:1.5}
.ref-image-label::after{content:" · ";color:#686c73}

/* Vložené reference: tři první karty a rozbalení celého seznamu. */

.ref-expand-wrap,.ref-collapse-wrap{text-align:center;margin-top:28px}
.ref-expand,.ref-collapse{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:15px 25px;border:1px solid #c7192d;background:#c7192d;color:#fff;font:700 12px Inter,Arial,sans-serif;cursor:pointer;min-height:48px}
.ref-expand:hover,.ref-collapse:hover{background:#a60e20;border-color:#a60e20}
.ref-collapse{background:transparent;color:#17191d;border-color:#17191d}
.ref-collapse:hover{color:#fff;background:#17191d;border-color:#17191d}
.ref-section{scroll-margin-top:100px}
@media(max-width:650px){.ref-section{scroll-margin-top:85px}}

/* Návrh 17: samostatná stránka referencí. */
.ref-page .ref-section{padding-top:35px}
.ref-breadcrumb{padding-top:27px;padding-bottom:0;font-size:12px;color:#73777e}
.ref-breadcrumb a:hover{color:#c7192d}
.ref-home{padding-top:26px;padding-bottom:40px;font-size:13px;font-weight:600}
.ref-home a{border-bottom:1px solid #c7192d;padding-bottom:6px}
.ref-caption-compact{white-space:nowrap}
nav a[aria-current="page"]{color:#c7192d}

/* Návrh 18: jednotná výška stručných popisků. */
.ref-photo figcaption{height:32px;min-height:32px;line-height:15px;padding:8px 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ref-image-label::after{content:none}
.ref-image-label+a::before{content:" · ";color:#686c73}

/* Černobílé fotografie referencí pro jednotný vzhled webu. */
.ref-photo img{filter:grayscale(1) contrast(1.04)}

/* Selektivně barevná loga na jinak černobílých fotografiích. */
.ref-photo img[src*="-redlogo"]{filter:none}