@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/spsb-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/spsb-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/spsb-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/spsb-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/spsb-5.ttf) format('truetype');
}

/* SPSB: samostatná vizuální vrstva. Připojit za původní style.css. */
body{font-family:'Source Sans 3',Arial,sans-serif;font-size:16px;line-height:1.65}
h1,h2,h3,h4,.image-caption{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:600;letter-spacing:.005em;line-height:1.08}
h1{font-weight:700;font-size:clamp(48px,5.2vw,78px);letter-spacing:0;line-height:1.02}
.hero h1{font-size:clamp(48px,5.2vw,78px)}
h2{font-size:48px}h3{font-size:29px}
.sub-hero h1{font-size:clamp(44px,5.4vw,78px)}
.hero .lead{font-size:17px;line-height:1.65}
nav{font-size:15px;font-weight:600;gap:26px}
.eyebrow{font-family:'Source Sans 3',Arial,sans-serif;letter-spacing:.13em;font-size:11px}
.button{font-family:'Source Sans 3',Arial,sans-serif;font-size:14px;font-weight:600;border-radius:0}
.career-cta{font-size:16px;border-radius:0}
.brand img{font-family:initial}
.pathways h2{font-size:23px;letter-spacing:0}.pathways small{font-size:10px}.pathways p{font-size:12px}
.services h3{font-size:34px}.services p{font-size:15px}.role-card h3{font-size:32px}
.role-card p,.role-card li{font-size:15px}.role-card h4{font-family:'Source Sans 3',Arial,sans-serif;font-size:15px}
.benefit-grid h3{font-size:30px}.benefit-grid p{font-size:15px}.requests h3{font-size:29px}.requests p{font-size:14px}
label,input,textarea,select{font-size:14px}.form-note{font-size:12px}.text-link{font-size:14px}
.references{padding:48px 0 52px;background:#fff;margin-top:0;border-block:1px solid var(--line);overflow:visible}
.references-heading{align-items:center;margin-bottom:26px}
.references .eyebrow{color:#157e72;font-size:11px;margin-bottom:10px}
.references h2{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:38px;letter-spacing:0;font-weight:600}
.reference-pause{display:none!important}
.reference-window{overflow:visible!important;mask-image:none!important;-webkit-mask-image:none!important}
.reference-track{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:auto!important;max-width:1196px;margin:0 auto;padding:0;animation:none!important;transform:none!important;gap:1px;background:#dbe4e7;border:1px solid #dbe4e7}
.reference-group{display:contents!important}
.reference-group[aria-hidden="true"],.reference-logo[data-copy]{display:none!important}
.reference-logo{width:auto;height:138px;padding:30px 34px;background:#f7f9fa;transition:background .18s ease;justify-content:center}
.reference-logo:hover,.reference-logo:focus-visible{background:#edf6f3}
.reference-logo img{width:190px;height:65px;max-width:100%;object-fit:contain}
.reference-school{gap:14px}.reference-school img{width:38px;height:45px}.reference-school span{font-family:'Source Sans 3',Arial,sans-serif;font-size:16px;font-weight:600}
@media(min-width:1450px){.hero h1{font-size:78px}}
@media(max-width:1280px){.reference-track{margin-left:42px;margin-right:42px}}
@media(max-width:1100px){nav{font-size:13px;gap:17px}.hero h1{font-size:61px}.references h2{font-size:36px}.reference-track{margin-left:28px;margin-right:28px}.reference-logo{padding:24px;height:125px}}
@media(max-width:760px){.hero h1{font-size:54px}.hero .lead{font-size:16px}.hero .eyebrow{font-size:10px}h2{font-size:39px}.sub-hero h1{font-size:51px}.career-cta{font-size:14px}.pathways h2{font-size:25px}.pathways p{font-size:13px}.references{padding:34px 0}.references h2{font-size:33px}.reference-track{grid-template-columns:repeat(2,minmax(0,1fr));margin-left:24px;margin-right:24px}.reference-logo{height:114px;padding:23px}.reference-logo img{height:55px}.reference-school{gap:9px}.reference-school img{width:27px;height:34px}.reference-school span{font-size:12px;letter-spacing:.08em}.requests h3{font-size:28px}.benefit-grid h3{font-size:29px}}
@media(prefers-reduced-motion:reduce){.reference-logo{transition:none}}


/* Zvětšení původního loga pouze v horní hlavičce. */
header{height:110px}header .brand{width:210px;height:94px}header .brand img{width:210px;height:126px;max-width:none}
@media(max-width:760px){header{height:90px;gap:15px}header .brand{width:160px;height:82px}header .brand img{width:160px;height:96px}nav{top:90px}}
@media(max-width:360px){header{padding-left:16px;padding-right:16px;gap:10px}header .brand{width:125px}header .brand img{width:125px;height:75px}.career-cta{padding-left:12px;padding-right:12px;font-size:12px}}


/* Doplněk výhradně pro úvodní video. Načíst po současných stylech. */
.hero-image.spsb-garage-hero{background-image:url('spsb-uvod.jpg');background-size:cover;background-position:20% top;overflow:hidden}
.spsb-garage-hero .spsb-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:20% top;display:block;z-index:0}
.spsb-garage-hero .image-tag{z-index:2;left:22px;right:auto;top:22px}
.spsb-garage-hero .spsb-video-pause{position:absolute;right:20px;bottom:22px;z-index:3;border:1px solid #ffffff60;border-radius:3px;padding:9px 13px;background:#0b2234cc;color:white;font:600 12px/1.3 'Source Sans 3',Arial,sans-serif;cursor:pointer}
.spsb-garage-hero .image-caption{max-width:calc(100% - 155px)}
@media(max-width:760px){.spsb-garage-hero .spsb-video-pause{right:16px;bottom:22px;font-size:11px;padding:8px 10px}.spsb-garage-hero .image-caption{max-width:calc(100% - 125px)}}
@media(prefers-reduced-motion:reduce){.spsb-garage-hero .spsb-hero-video{visibility:hidden}.spsb-garage-hero .spsb-video-pause{display:none}}
