/* Inter - typeface used by the Figma design. Self-hosted variable font,
   Google Fonts v20 build, latin + latin-ext subsets. */
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('fonts/inter/inter-v20-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('fonts/inter/inter-v20-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* PLUGINS */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
body.compensate-for-scrollbar {
  overflow: hidden;
}
.fancybox-active {
  height: auto;
}
.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}
.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}
.fancybox-container * {
  box-sizing: border-box;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}
.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
  opacity: 0.9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity 0.25s ease, visibility 0s ease 0.25s;
  visibility: hidden;
  z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}
.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fancybox-toolbar {
  right: 0;
  top: 0;
}
.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}
.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}
.fancybox-slide::before {
  content: '';
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}
.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}
.fancybox-slide--image::before {
  display: none;
}
.fancybox-slide--html {
  padding: 6px;
}
.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -ms-transform-origin: top left;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.fancybox-container [data-selectable='true'] {
  cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.fancybox-spaceball {
  z-index: 1;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}
.fancybox-slide--video .fancybox-content {
  background: #000;
}
.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}
.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
/* Fix iOS */
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}
.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}
.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
/* Buttons */
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color 0.2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc;
}
.fancybox-button:hover {
  color: #fff;
}
.fancybox-button:focus {
  outline: none;
}
.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}
/* Fix IE11 */
.fancybox-button div {
  height: 100%;
}
.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}
.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none;
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}
.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -ms-transform-origin: 0;
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}
/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: 0.8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}
.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}
/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
}
.fancybox-navigation .fancybox-button div {
  padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}
/* Caption */
.fancybox-caption {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}
@supports (padding: max(0px)) {
  .fancybox-caption {
    padding: 75px 44px 25px 44px;
  }
}
.fancybox-caption--separate {
  margin-top: -50px;
}
.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}
.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}
/* Loading indicator */
.fancybox-loading {
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}
@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}
/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}
/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
  transform: translate3d(0, 0, 0) scale(1);
}
/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }
  .fancybox-slide--image {
    padding: 6px 0;
  }
  .fancybox-close-small {
    right: -6px;
  }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }
  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }
  @supports (padding: max(0px)) {
    .fancybox-caption {
      padding-left: 12px;
      padding-right: 12px;
    }
  }
}
/* Share */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}
.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
}
.fancybox-share p {
  margin: 0;
  padding: 0;
}
.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff;
}
.fancybox-share__button:hover {
  text-decoration: none;
}
.fancybox-share__button--fb {
  background: #3b5998;
}
.fancybox-share__button--fb:hover {
  background: #344e86;
}
.fancybox-share__button--pt {
  background: #bd081d;
}
.fancybox-share__button--pt:hover {
  background: #aa0719;
}
.fancybox-share__button--tw {
  background: #1da1f2;
}
.fancybox-share__button--tw:hover {
  background: #0d95e8;
}
.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}
.fancybox-share__button svg path {
  fill: #fff;
}
.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}
/* Thumbs */
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995;
}
.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}
.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}
.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}
.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}
.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
  opacity: 0.5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1;
}
/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }
  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}
/* MAIN DESIGN */
/*
    Figma 1920: obsah 1440 px, okraj (100% - 1440) / 2.
    Pod 1480 px jen 20 px. ~"" kvůli čárce v max() — LESS by ji jinak sežral.
*/
/* common border radius */
/* disable text selection */
/*
    Vnější pozadí sekcí — skvrny, vlaštovky, ledový přechod.
    Vykresluje se uvnitř .gt-block, ne jako samostatný Gutenberg blok.
*/
#content > .gt-block {
  position: relative;
  overflow: visible;
}
#content > .gt-block.hero {
  overflow: hidden;
  z-index: 1;
}
#content > .gt-block.hero.hero--split {
  overflow: visible;
}
.gt-block > .page-decor {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  pointer-events: none;
}
.gt-block:not(.hero) > *:not(.page-decor) {
  position: relative;
  z-index: 1;
}
.gt-block .page-decor .page-decor__item,
.gt-block .page-decor .page-decor__wash,
.gt-block .page-decor .page-decor__fade {
  position: absolute;
  display: block;
  pointer-events: none;
  max-width: none;
}
.gt-block .page-decor .page-decor__item--blob {
  border-radius: 50%;
  background: radial-gradient(circle at 50% 50%, var(--decor-color, #ffc800) 0%, rgba(255, 255, 255, 0) 72%);
  filter: blur(80px);
  opacity: 0.72;
  aspect-ratio: 1;
}
.gt-block .page-decor .page-decor__item--swallow {
  height: auto;
}
.gt-block .page-decor .page-decor__wash {
  line-height: 0;
}
.gt-block .page-decor .page-decor__item--wash {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0.28;
}
.gt-block .page-decor .page-decor__fade {
  left: 0;
  width: 100%;
  top: calc(-26.46vw + var(--decor-y, 0px));
}
.gt-block .page-decor .page-decor__fade-panel {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 28px;
  background: linear-gradient(178.75deg, var(--decor-fade-from, #ebf2f7) 39.967%, #ffffff 99.167%);
}
.gt-block .page-decor .page-decor__fade-swallow {
  position: absolute;
  top: 42.8%;
  display: block;
  width: min(84vw, 1613px);
  height: auto;
  aspect-ratio: 1251.19 / 1561.91;
  pointer-events: none;
}
.gt-block .page-decor.page-decor--s .page-decor__item--blob {
  width: min(28vw, 442px);
}
.gt-block .page-decor.page-decor--m .page-decor__item--blob {
  width: min(38vw, 737px);
}
.gt-block .page-decor.page-decor--l .page-decor__item--blob {
  width: min(48vw, 918px);
}
.gt-block .page-decor.page-decor--xl .page-decor__item--blob {
  width: min(62vw, 1200px);
}
.gt-block .page-decor.page-decor--s .page-decor__item--swallow {
  width: min(8vw, 84px);
}
.gt-block .page-decor.page-decor--m .page-decor__item--swallow {
  width: min(11vw, 136px);
}
.gt-block .page-decor.page-decor--l .page-decor__item--swallow {
  width: min(14vw, 169px);
}
.gt-block .page-decor.page-decor--xl .page-decor__item--swallow {
  width: min(18vw, 220px);
}
.gt-block .page-decor.page-decor--s .page-decor__wash {
  width: min(42vw, 640px);
}
.gt-block .page-decor.page-decor--m .page-decor__wash {
  width: min(55vw, 900px);
}
.gt-block .page-decor.page-decor--l .page-decor__wash {
  width: min(70vw, 1200px);
}
.gt-block .page-decor.page-decor--xl .page-decor__wash {
  width: min(92vw, 1990px);
}
.gt-block .page-decor.page-decor--s .page-decor__fade {
  height: 42vw;
  top: calc(-8vw + var(--decor-y, 0px));
}
.gt-block .page-decor.page-decor--m .page-decor__fade {
  height: 64vw;
  top: calc(-14vw + var(--decor-y, 0px));
}
.gt-block .page-decor.page-decor--l .page-decor__fade {
  height: 90vw;
  top: calc(-20vw + var(--decor-y, 0px));
}
.gt-block .page-decor.page-decor--xl .page-decor__fade {
  height: 128.85vw;
  top: calc(-26.46vw + var(--decor-y, 0px));
}
.gt-block .page-decor.page-decor--s .page-decor__fade-swallow {
  width: min(48vw, 640px);
}
.gt-block .page-decor.page-decor--m .page-decor__fade-swallow {
  width: min(62vw, 980px);
}
.gt-block .page-decor.page-decor--l .page-decor__fade-swallow {
  width: min(74vw, 1280px);
}
.gt-block .page-decor.page-decor--left .page-decor__item--blob,
.gt-block .page-decor.page-decor--left .page-decor__item--swallow,
.gt-block .page-decor.page-decor--left .page-decor__wash {
  left: var(--decor-shift, -18%);
  right: auto;
}
.gt-block .page-decor.page-decor--right .page-decor__item--blob,
.gt-block .page-decor.page-decor--right .page-decor__item--swallow,
.gt-block .page-decor.page-decor--right .page-decor__wash {
  right: var(--decor-shift, -18%);
  left: auto;
}
.gt-block .page-decor.page-decor--left .page-decor__fade-swallow {
  left: var(--decor-shift, -19%);
  right: auto;
  transform: scaleX(-1);
}
.gt-block .page-decor.page-decor--right .page-decor__fade-swallow {
  right: var(--decor-shift, -19%);
  left: auto;
}
.gt-block .page-decor.page-decor--left.page-decor--s .page-decor__item--blob,
.gt-block .page-decor.page-decor--left.page-decor--s .page-decor__item--swallow,
.gt-block .page-decor.page-decor--left.page-decor--s .page-decor__wash {
  left: var(--decor-shift, -8%);
}
.gt-block .page-decor.page-decor--right.page-decor--s .page-decor__item--blob,
.gt-block .page-decor.page-decor--right.page-decor--s .page-decor__item--swallow,
.gt-block .page-decor.page-decor--right.page-decor--s .page-decor__wash {
  right: var(--decor-shift, -8%);
}
.gt-block .page-decor .page-decor__preview {
  display: none;
}
.editor-styles-wrapper .gt-block > .page-decor,
.block-editor-iframe__body .gt-block > .page-decor {
  position: relative;
  height: auto;
  margin: 0 0 8px;
  overflow: hidden;
  pointer-events: none;
  border: 1px dashed #c5d6e4;
  background: #f7fafc;
}
.editor-styles-wrapper .gt-block > .page-decor .page-decor__preview,
.block-editor-iframe__body .gt-block > .page-decor .page-decor__preview {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 36px;
  padding: 6px 12px;
  color: #00487f;
  font-family: 'Inter', 'Open Sans', Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}
.editor-styles-wrapper .gt-block > .page-decor .page-decor__preview-swatch,
.block-editor-iframe__body .gt-block > .page-decor .page-decor__preview-swatch {
  flex: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 72, 127, 0.15);
}
.editor-styles-wrapper .gt-block > .page-decor .page-decor__item,
.block-editor-iframe__body .gt-block > .page-decor .page-decor__item,
.editor-styles-wrapper .gt-block > .page-decor .page-decor__wash,
.block-editor-iframe__body .gt-block > .page-decor .page-decor__wash,
.editor-styles-wrapper .gt-block > .page-decor .page-decor__fade,
.block-editor-iframe__body .gt-block > .page-decor .page-decor__fade {
  display: none;
}
@media screen and (max-width: 767px) {
  .gt-block .page-decor.page-decor--xl .page-decor__wash {
    width: min(80vw, 520px);
    opacity: 0.18;
  }
  .gt-block .page-decor.page-decor--xl .page-decor__fade {
    height: min(160vw, 720px);
  }
  .gt-block .page-decor.page-decor--xl .page-decor__fade-swallow {
    width: min(78vw, 420px);
  }
  .gt-block .page-decor .page-decor__item--blob {
    filter: blur(56px);
    opacity: 0.55;
  }
  .gt-block .page-decor.page-decor--l .page-decor__item--blob,
  .gt-block .page-decor.page-decor--xl .page-decor__item--blob {
    width: min(70vw, 420px);
  }
}
/*
FONT WEIGHTS:
    black:    900;
    heavy:    800;
    bold:     700;
    semiBold: 600;
    medium:   500;
    regular:  400;
    light:    300;
    thin:     100;
*/
/* #region GENERAL SETTINGS ============================================================= */
html,
body {
  background: white;
  color: black;
  font-size: 14px;
  font-family: 'Open Sans', Arial, sans-serif;
}
html {
  overflow-x: hidden;
  overflow-x: clip;
}
html.with-menu,
body.with-menu {
  overflow: hidden;
}
* {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-sizing: border-box;
  /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
  -moz-box-sizing: border-box;
  /* Firefox 1 - 28 */
  box-sizing: border-box;
  /* Safari 5.1+, Chrome 10+, Firefox 29+, Opera 7+, IE 8+, Android 4.0+, iOS any */
}
*:focus {
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
input,
textarea,
select {
  color: black;
  font-size: 14px;
  font-family: 'Open Sans', Arial, sans-serif;
  -webkit-appearance: none;
}
textarea {
  resize: vertical;
}
a {
  color: black;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a,
label,
input[type=button],
input[type=submit] {
  cursor: pointer;
}
.clear,
.clearfix:after {
  content: " ";
  width: 100%;
  height: 0px;
  display: block;
  overflow: hidden;
  clear: both;
}
.hidden {
  display: none;
}
.center {
  width: 1140px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .center {
    width: auto;
    margin: 0 30px;
  }
}
#content {
  position: relative;
  overflow-x: clip;
  overflow-y: clip;
  isolation: isolate;
}
/* #endregion */
/* #region MOBILE MENU ICON ============================================================= */
.hamburger {
  width: 20px;
  height: 20px;
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  /* active state, i.e. menu opened */
}
.hamburger:before {
  content: " ";
  width: 40px;
  height: 40px;
  left: -10px;
  top: -10px;
  z-index: 0;
  display: block;
  background: transparent;
  position: absolute;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.hamburger:focus {
  outline: none;
}
.hamburger span {
  height: 3px;
  position: absolute;
  top: 9px;
  left: 0px;
  right: 0px;
  display: block;
  background: white;
  -webkit-border-radius: 1.5px;
  -moz-border-radius: 1.5px;
  border-radius: 1.5px;
}
.hamburger span:before,
.hamburger span:after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: white;
  -webkit-border-radius: 1.5px;
  -moz-border-radius: 1.5px;
  border-radius: 1.5px;
}
.hamburger span:before {
  top: -6px;
}
.hamburger span:after {
  bottom: -6px;
}
.hamburger--htx {
  background: transparent;
}
.hamburger--htx span:before,
.hamburger--htx span:after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}
.hamburger--htx span:before {
  transition-property: top, transform;
}
.hamburger--htx span:after {
  transition-property: bottom, transform;
}
.hamburger--htx.is-active {
  background: transparent;
}
.hamburger--htx.is-active span {
  background: none;
}
.hamburger--htx.is-active span:before {
  top: 0;
  transform: rotate(45deg);
}
.hamburger--htx.is-active span:after {
  bottom: 0;
  transform: rotate(-45deg);
}
.hamburger--htx.is-active span:before,
.hamburger--htx.is-active span:after {
  transition-delay: 0s, 0.3s;
}
/* #endregion */
.skip-link {
  position: absolute;
  left: 16px;
  top: -100px;
  z-index: 1000;
  padding: 12px 16px;
  background: #00487f;
  color: #ffffff;
  font-family: 'Inter', 'Open Sans', Arial, sans-serif;
  font-weight: 700;
  text-decoration: none;
}
.skip-link:focus {
  top: 16px;
}
/* #region HEADER ======================================================================= */
/*
Rozcestník ID 8: Figma 1:443 — jen logo přes hero.
Ostatní stránky: Figma 112:99 Navigace — horní lišta + menu + dropdown.
*/
.site-header {
  width: 100%;
  z-index: 500;
  font-family: 'Inter', 'Open Sans', Arial, sans-serif;
}
.site-header__inner {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
}
.site-header--hub .site-header__inner {
  box-sizing: border-box;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: max(20px, calc((100% - 1440px) / 2));
  padding-right: max(20px, calc((100% - 1440px) / 2));
}
.site-header--nav .site-header__inner {
  max-width: 1920px;
  padding-left: clamp(16px, 5.21vw, 100px);
  padding-right: clamp(16px, 12.5vw, 240px);
}
.site-header__logo {
  display: block;
  flex: none;
}
.site-header__logo img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 342 / 128.62;
}
.site-header__logo--lockup {
  display: flex;
  align-items: center;
  width: auto;
  min-width: 0;
  max-width: 100%;
}
.site-header__logo--lockup img {
  width: auto;
  height: auto;
  aspect-ratio: auto;
  transition: width 0.2s ease, height 0.2s ease;
}
.site-header__logo-swallows-link,
.site-header__logo-wordmark-link {
  display: flex;
  flex: none;
  line-height: 0;
}
.site-header__logo-swallows {
  width: 63px;
  height: 63px;
  flex: none;
}
.site-header__logo-divider {
  display: block;
  flex: none;
  width: 1px;
  height: 56px;
  margin: 0 38px 0 36px;
  background: #d7d7d7;
  transition: height 0.2s ease, margin 0.2s ease;
}
.site-header__logo-wordmark {
  width: 210px;
  height: 54px;
  flex: none;
}
.site-header--hub {
  padding: min(3.073vw, 59px) 0;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.site-header--hub .site-header__logo {
  width: min(17.813vw, 342px);
  pointer-events: auto;
}
.site-header--nav {
  position: sticky;
  top: calc(-1 * var(--site-header-top, 0px));
  z-index: 500;
  background: transparent;
  overflow-anchor: none;
}
.site-header--nav.with-menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 502;
}
.site-header--nav .site-header__main {
  position: relative;
  z-index: 1;
  background: #ffffff;
  box-shadow: 0 0 0 transparent;
  overflow-anchor: none;
  transition: box-shadow 0.2s ease;
}
.site-header--nav.scrolled .site-header__main {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.site-header__top {
  background: #ebf2f7;
}
.site-header--nav .site-header__top .site-header__inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 28px;
  min-height: 37px;
}
.site-header__utility {
  display: flex;
  align-items: center;
  gap: 28px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-header__utility a {
  color: #00487f;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  min-height: 37px;
  display: inline-flex;
  align-items: center;
}
.site-header__utility a:hover,
.site-header__utility a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.site-header__socials {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-header__social {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
}
.site-header__social img {
  display: block;
  width: auto;
  height: 14px;
}
.site-header__social:hover,
.site-header__social:focus-visible {
  opacity: 0.7;
}
.site-header--nav .site-header__main .site-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  min-height: 112px;
  transition: min-height 0.2s ease;
}
@media screen and (min-width: 1440px) {
  .site-header--nav.scrolled .site-header__main .site-header__inner {
    min-height: 76px;
  }
  .site-header--nav.scrolled .site-header__logo-swallows {
    width: 48px;
    height: 48px;
  }
  .site-header--nav.scrolled .site-header__logo-divider {
    height: 42px;
    margin: 0 24px 0 22px;
  }
  .site-header--nav.scrolled .site-header__logo-wordmark {
    width: 168px;
    height: 43px;
  }
}
.site-header--nav .site-header__logo {
  width: auto;
  position: relative;
  z-index: 502;
}
.site-header--nav .site-header__toggle {
  display: none;
}
.site-header--nav .site-header__panel {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1 1 auto;
  min-width: 0;
}
.site-header--nav .site-header__panel-extra {
  display: none;
}
.site-header--nav .site-header__nav .menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 8px 40px;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-header--nav .site-header__nav .menu > li {
  position: relative;
}
.site-header--nav .site-header__nav .menu > li > a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 4px 0 10px;
  color: #242424;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  box-shadow: inset 0 -2px 0 transparent;
}
.site-header--nav .site-header__nav .menu > li > a:hover,
.site-header--nav .site-header__nav .menu > li > a:focus-visible,
.site-header--nav .site-header__nav .menu > li.current-menu-item > a,
.site-header--nav .site-header__nav .menu > li.current-menu-ancestor > a,
.site-header--nav .site-header__nav .menu > li.current-menu-parent > a {
  box-shadow: inset 0 -2px 0 #00487f;
}
.site-header__sub-toggle {
  display: none;
}
.site-header--nav .site-header__nav .sub-menu {
  position: absolute;
  top: calc(100% - 4px);
  left: 0;
  z-index: 20;
  min-width: 232px;
  margin: 0;
  padding: 28px 32px 24px;
  list-style: none;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
}
.site-header--nav .site-header__nav .sub-menu:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 16px;
}
.site-header--nav .site-header__nav .menu > li:hover > .sub-menu,
.site-header--nav .site-header__nav .menu > li:focus-within > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.site-header--nav .site-header__nav .sub-menu a {
  display: block;
  padding: 8px 0;
  color: #242424;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
  white-space: nowrap;
}
.site-header--nav .site-header__nav .sub-menu a:hover,
.site-header--nav .site-header__nav .sub-menu a:focus-visible {
  color: #00487f;
}
@media screen and (max-width: 1679px) {
  .site-header--nav .site-header__logo-swallows {
    width: 48px;
    height: 48px;
  }
  .site-header--nav .site-header__logo-divider {
    height: 44px;
    margin: 0 20px 0 18px;
  }
  .site-header--nav .site-header__logo-wordmark {
    width: 168px;
    height: 43px;
  }
  .site-header--nav .site-header__nav .menu {
    gap: 8px 24px;
  }
  .site-header--nav .site-header__nav .menu > li > a {
    font-size: 16px;
  }
}
@media screen and (max-width: 1439px) {
  .site-header--nav .site-header__inner {
    padding-left: 16px;
    padding-right: 16px;
  }
  .site-header--nav .site-header__main .site-header__inner {
    min-height: 72px;
    padding-top: 12px;
    padding-bottom: 12px;
    gap: 12px;
  }
  .site-header--nav.scrolled .site-header__main .site-header__inner {
    min-height: 64px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .site-header--nav .site-header__logo-swallows {
    width: 40px;
    height: 40px;
  }
  .site-header--nav .site-header__logo-divider {
    height: 36px;
    margin: 0 12px;
  }
  .site-header--nav .site-header__logo-wordmark {
    width: 140px;
    height: 36px;
  }
  .site-header--nav .site-header__nav .menu {
    gap: 8px 18px;
  }
  .site-header--nav .site-header__nav .menu > li > a {
    font-size: 15px;
  }
}
@media screen and (max-width: 1199px) {
  .site-header--nav .site-header__top {
    display: none;
  }
  .site-header--nav.with-menu .site-header__main .site-header__inner {
    min-height: 72px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .site-header--nav .site-header__toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    margin-left: auto;
    position: relative;
    z-index: 502;
    background: transparent;
  }
  .site-header--nav .site-header__toggle:before {
    display: none;
  }
  .site-header--nav .site-header__toggle span {
    width: 22px;
    height: 2px;
    left: 50%;
    right: auto;
    top: 50%;
    margin: -1px 0 0 -11px;
    background-color: #00487f;
  }
  .site-header--nav .site-header__toggle span:before,
  .site-header--nav .site-header__toggle span:after {
    height: 2px;
    background-color: #00487f;
  }
  .site-header--nav .site-header__toggle span:before {
    top: -7px;
  }
  .site-header--nav .site-header__toggle span:after {
    top: 7px;
    bottom: auto;
  }
  .site-header--nav.with-menu .site-header__logo-wordmark {
    filter: brightness(0) invert(1);
  }
  .site-header--nav.with-menu .site-header__logo-divider {
    background: rgba(255, 255, 255, 0.35);
  }
  .site-header--nav.with-menu .site-header__toggle.hamburger--htx.is-active span {
    background: none;
    background-color: transparent;
  }
  .site-header--nav.with-menu .site-header__toggle.hamburger--htx.is-active span:before,
  .site-header--nav.with-menu .site-header__toggle.hamburger--htx.is-active span:after {
    top: 0;
    bottom: auto;
    background-color: #ffffff;
  }
  .site-header--nav.with-menu .site-header__toggle.hamburger--htx.is-active span:before {
    transform: rotate(45deg);
  }
  .site-header--nav.with-menu .site-header__toggle.hamburger--htx.is-active span:after {
    transform: rotate(-45deg);
  }
  .site-header--nav .site-header__panel {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 28px;
    position: fixed;
    inset: 0;
    z-index: 501;
    padding: 96px 24px 32px;
    background: #00487f;
    overflow: auto;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
  }
  .site-header--nav.with-menu .site-header__panel {
    visibility: visible;
    opacity: 1;
    transform: none;
  }
  .site-header--nav .site-header__nav .menu {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 0;
    white-space: normal;
  }
  .site-header--nav .site-header__nav .menu > li > a {
    min-height: 48px;
    padding: 8px 0;
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    box-shadow: none;
  }
  .site-header--nav .site-header__nav .menu > li > a:hover,
  .site-header--nav .site-header__nav .menu > li > a:focus-visible,
  .site-header--nav .site-header__nav .menu > li.current-menu-item > a,
  .site-header--nav .site-header__nav .menu > li.current-menu-ancestor > a,
  .site-header--nav .site-header__nav .menu > li.current-menu-parent > a {
    box-shadow: none;
    text-decoration: underline;
    text-underline-offset: 6px;
  }
  .site-header--nav .site-header__nav .menu > li.menu-item-has-children {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .site-header--nav .site-header__nav .menu > li.menu-item-has-children > a {
    flex: 1 1 auto;
  }
  .site-header__sub-toggle {
    display: block;
    flex: none;
    width: 44px;
    height: 44px;
    position: relative;
    padding: 0;
    background: transparent;
    appearance: none;
    cursor: pointer;
  }
  .site-header__sub-toggle:before,
  .site-header__sub-toggle:after {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    top: 21px;
    height: 2px;
    background: #ffffff;
  }
  .site-header__sub-toggle:after {
    transform: rotate(90deg);
  }
  .site-header--nav .site-header__nav .menu > li.opened > .site-header__sub-toggle:after {
    transform: rotate(0deg);
  }
  .site-header--nav .site-header__nav .sub-menu {
    position: static;
    display: none;
    width: 100%;
    min-width: 0;
    padding: 0 0 12px 12px;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    transform: none;
  }
  .site-header--nav .site-header__nav .sub-menu:before {
    display: none;
  }
  .site-header--nav .site-header__nav .menu > li.opened > .sub-menu {
    display: block;
  }
  .site-header--nav .site-header__nav .sub-menu a {
    color: rgba(255, 255, 255, 0.85);
    font-size: 18px;
    font-weight: 500;
    min-height: 44px;
    display: flex;
    align-items: center;
    white-space: normal;
  }
  .site-header--nav .site-header__nav .sub-menu a:hover,
  .site-header--nav .site-header__nav .sub-menu a:focus-visible {
    color: #ffffff;
  }
  .site-header--nav .site-header__panel-extra {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin-top: auto;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
  .site-header--nav .site-header__panel-extra .site-header__utility {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  .site-header--nav .site-header__panel-extra .site-header__utility a {
    color: #ffffff;
    min-height: 44px;
    font-size: 14px;
  }
  .site-header--nav .site-header__panel-extra .site-header__social img {
    filter: brightness(0) invert(1);
    height: 16px;
  }
}
@media screen and (max-width: 767px) {
  .site-header--hub {
    padding: 16px 0;
  }
  .site-header--hub .site-header__logo {
    width: 180px;
  }
  .site-header--nav .site-header__logo-swallows {
    width: 36px;
    height: 36px;
  }
  .site-header--nav .site-header__logo-wordmark {
    width: 124px;
    height: 32px;
  }
}
/* #endregion */
/* #region FOOTER ======================================================================= */
/*
Figma "Futurum 2026 – konverze" / node 1:4536 (Group 4358). Tmavý blok 1920 x 393,
Mask Group 60 (1:4534) se třemi elipsami, lockup Futurum + Cesta vzděláním (1:4520)
a tři sloupce textu. Plovoucí odznak je jen na rozcestníku (node 1:558 / page ID 8).
*/
.site-footer {
  /* pozor: BEZ overflow:hidden - plovoucí odznak na hubu musí moct přesahovat
       horní hranu. Obláčky na pozadí si ořez řeší v .site-footer__wash. */
  position: relative;
  z-index: 20;
  box-sizing: border-box;
  padding: clamp(56px, 6.46vw, 124px) 0 clamp(48px, 5.99vw, 115px);
  background-color: #313131;
  color: #ffffff;
  font-family: 'Inter', 'Open Sans', sans-serif;
}
@media screen and (min-width: 1440px) {
  .site-footer {
    min-height: 393px;
  }
}
/* Gutenberg rozcestník: odznak visí nad horní hranou patičky. */
body.page-id-8 main > section.gt-block:last-child {
  padding-bottom: 80px;
}
/* node 1:4534 Mask Group 60 — elipsy 1:4533, 1:4532, 1:4531 v souřadnicích 1920x393 */
.site-footer__wash {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}
/* Blur na vnitřní skupině, ať se do masky smečují i středy elips pod patičkou */
.site-footer__wash-inner {
  position: absolute;
  inset: 0;
  overflow: visible;
  filter: blur(100px);
}
.site-footer__wash-item {
  position: absolute;
  display: block;
  max-width: none;
  height: auto;
  aspect-ratio: 1;
  pointer-events: none;
}
.site-footer__wash-item--green-a {
  left: -12.8646%;
  /* -247 / 1920 */
  top: 10.1781%;
  /* 40 / 393 */
  width: 27.2396%;
  /* 523 / 1920 */
}
.site-footer__wash-item--green-b {
  left: 15.4167%;
  /* 296 / 1920 */
  top: 36.3868%;
  /* 143 / 393 */
  width: 27.2396%;
  /* 523 / 1920 */
}
.site-footer__wash-item--yellow {
  left: 69.5833%;
  /* 1336 / 1920 */
  top: 31.2977%;
  /* 123 / 393 */
  width: 38.3854%;
  /* 737 / 1920 */
}
/* node 1:565-1:572 — jen rozcestník */
.site-footer__floating {
  position: absolute;
  top: clamp(-40px, -3.65vw, -28px);
  right: max(20px, calc((100% - 1440px) / 2));
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding: 8px 8px 8px 24px;
  border-radius: 43px;
  background-color: #00c08d;
  background-image: linear-gradient(93.933deg, #00487f 0.761%, #00c08d 127.05%);
  color: #ffffff;
  text-decoration: none;
  font-size: clamp(13px, 1vw, 15px);
  font-weight: 700;
  line-height: 1.3;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
  transition: filter 0.25s ease, transform 0.25s ease;
}
.site-footer__floating:hover,
.site-footer__floating:focus-visible {
  filter: brightness(1.08);
  transform: translateY(-2px);
}
.site-footer__floating-icon {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
}
.site-footer__floating-icon img {
  display: block;
  width: 100%;
  height: auto;
}
.site-footer__container {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: max(20px, calc((100% - 1440px) / 2));
  padding-right: max(20px, calc((100% - 1440px) / 2));
}
.site-footer__inner {
  width: 100%;
}
.site-footer__grid {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
.site-footer__brand {
  flex: none;
}
/* node 1:4520 — barevné vlaštovky + bílý lockup Futurum / Cesta vzděláním */
.site-footer__logo {
  display: block;
  width: clamp(170px, 12.71vw, 244px);
  height: auto;
  aspect-ratio: 244 / 92;
}
.site-footer__heading {
  margin: 0 0 16px;
  color: #ffffff;
  font-family: 'Inter', 'Open Sans', sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: normal;
}
/* node 1:4524 — první tři řádky (název školy) tučně, poslední dva běžným řezem */
.site-footer__address {
  margin: 0;
  color: #ffffff;
  font-family: Arial, 'Open Sans', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0.32px;
}
.site-footer__address strong {
  font-weight: 700;
}
/* node 1:4528 — odkazy ztlumené na 50 % bílé */
.site-footer__links {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: Arial, 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 23px;
  letter-spacing: 0.28px;
}
.site-footer__links a {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
  display: inline-block;
  transition: color 0.2s ease;
}
.site-footer__links a:hover,
.site-footer__links a:focus-visible {
  color: #ffffff;
}
/* node 1:4530 — e-mail Inter Bold 14 / 23, bez nadpisu */
.site-footer__email {
  display: inline-block;
  color: #ffffff;
  font-family: 'Inter', 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 23px;
  text-decoration: none;
}
.site-footer__email:hover,
.site-footer__email:focus-visible {
  text-decoration: underline;
}
@media screen and (min-width: 1100px) {
  .site-footer__grid {
    flex-direction: row;
    align-items: flex-start;
    gap: clamp(48px, 3.33vw, 64px);
  }
  .site-footer__brand {
    margin-right: auto;
  }
  .site-footer__col--address {
    flex: 0 0 auto;
    width: auto;
    min-width: 180px;
  }
  .site-footer__col--docs {
    flex: 0 0 auto;
    width: auto;
    min-width: 177px;
  }
  .site-footer__col--email {
    flex: 0 0 auto;
    padding-top: 2px;
  }
  .site-footer__address,
  .site-footer__links {
    white-space: nowrap;
  }
}
@media screen and (max-width: 1099px) {
  .site-footer__links a,
  .site-footer__email {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
}
@media screen and (max-width: 767px) {
  body.page-id-8 main > section.gt-block:last-child {
    padding-bottom: 96px;
  }
  .site-footer--hub {
    padding-top: 88px;
  }
  .site-footer__floating {
    top: -32px;
    right: 16px;
  }
}
/* #endregion */
/* COMPONENTS */
/*

*/
#wpadminbar {
  width: 52px !important;
  min-width: initial !important;
  border-radius: 0 0 50%;
  background-color: darkcyan;
}
@media (min-width: 783px) {
  #wpadminbar {
    width: 32px !important;
    height: 32px !important;
  }
}
@media (max-width: 600px) {
  #wpadminbar {
    display: none !important;
  }
}
#wp-toolbar li {
  display: none;
}
#wp-toolbar #wp-admin-bar-wp-logo,
#wp-toolbar #wp-admin-bar-wp-logo li {
  display: block;
}
a.btn,
.editor-styles-wrapper .gt-block a.btn {
  min-width: 180px;
  padding: 11px 14px;
  margin: 0 8px 12px 0;
  display: inline-block;
  vertical-align: top;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  background: red;
  color: white;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a.btn:hover,
.editor-styles-wrapper .gt-block a.btn:hover {
  background: white;
  color: red;
  box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.16);
}
label.checkbox,
label.radio {
  padding: 0 0 0 30px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  color: #5f5d69;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}
.icheckbox,
.iradio {
  width: 22px;
  height: 22px;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  background: white;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.icheckbox:after,
.iradio:after {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  background-repeat: no-repeat;
  background-position: center center;
}
.icheckbox.checked:after,
.iradio.checked:after {
  opacity: 1;
}
.icheckbox:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10.925' viewBox='0 0 13 10.925'%3E%3Cpath fill='%2347009b' d='M6717.99,5148.405h0a1.5,1.5,0,0,1-1.128-.512l-3.061-3.5a1.5,1.5,0,1,1,2.257-1.977l1.933,2.208,5.811-6.636a1.5,1.5,0,0,1,2.257,1.977l-6.939,7.925A1.5,1.5,0,0,1,6717.99,5148.405Z' transform='translate(-6713.429 -5137.48)'/%3E%3C/svg%3E");
}
.iradio:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Ccircle fill='%2347009b' cx='6' cy='6' r='6'/%3E%3C/svg%3E");
}
.slick-arrow {
  width: 6.4rem;
  height: 6.4rem;
  position: absolute;
  top: 50%;
  display: block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: grey;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 2.6rem auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cg id='Group_2' data-name='Group 2' transform='translate(-0.162)'%3E%3Crect id='Rectangle_28' data-name='Rectangle 28' width='26' height='26' transform='translate(0.162)' fill='%23fff' opacity='0'/%3E%3Cg id='Group_1' data-name='Group 1' transform='translate(10 5)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M2646.564,4075.4h0a3.2,3.2,0,0,1,0-4.528l3.342-3.342-3.342-3.342a3.2,3.2,0,0,1,0-4.527h0l7.87,7.869Z' transform='translate(-2645.626 -4059.663)' fill='%23121524'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.slick-arrow:hover {
  background-color: grey;
}
.slick-arrow.prev {
  left: 0;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.slick-arrow.next {
  right: 0;
}
.slick-arrow.slick-hidden,
.slick-arrow.slick-disabled {
  display: none;
}
.slick-dots {
  width: 100%;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  padding: 0 1.4rem;
  display: inline-block;
  vertical-align: top;
}
.slick-dots li button {
  width: 1.2rem;
  height: 1.2rem;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #C4C6CF;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.slick-dots li button:hover {
  background: black;
}
.slick-dots li.slick-active button {
  background: black;
}
/* loading */
.loading-component {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  height: 0px;
  z-index: 100;
  background: rgba(248, 248, 248, 0.7);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
/*&.loading .loading-component
{
    height: calc(100% + 1px);
    opacity: 1;
}*/
.loading-component .loading-animation {
  width: 80px;
  height: 80px;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 50;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.loading-component .loading-animation span {
  position: absolute;
  width: 6px;
  height: 6px;
  background: black;
  border-radius: 50%;
  animation: loading-component-animation 1.2s linear infinite;
}
.loading-component .loading-animation span:nth-child(1) {
  animation-delay: 0s;
  top: 37px;
  left: 66px;
}
.loading-component .loading-animation span:nth-child(2) {
  animation-delay: -0.1s;
  top: 22px;
  left: 62px;
}
.loading-component .loading-animation span:nth-child(3) {
  animation-delay: -0.2s;
  top: 11px;
  left: 52px;
}
.loading-component .loading-animation span:nth-child(4) {
  animation-delay: -0.3s;
  top: 7px;
  left: 37px;
}
.loading-component .loading-animation span:nth-child(5) {
  animation-delay: -0.4s;
  top: 11px;
  left: 22px;
}
.loading-component .loading-animation span:nth-child(6) {
  animation-delay: -0.5s;
  top: 22px;
  left: 11px;
}
.loading-component .loading-animation span:nth-child(7) {
  animation-delay: -0.6s;
  top: 37px;
  left: 7px;
}
.loading-component .loading-animation span:nth-child(8) {
  animation-delay: -0.7s;
  top: 52px;
  left: 11px;
}
.loading-component .loading-animation span:nth-child(9) {
  animation-delay: -0.8s;
  top: 62px;
  left: 22px;
}
.loading-component .loading-animation span:nth-child(10) {
  animation-delay: -0.9s;
  top: 66px;
  left: 37px;
}
.loading-component .loading-animation span:nth-child(11) {
  animation-delay: -1s;
  top: 62px;
  left: 52px;
}
.loading-component .loading-animation span:nth-child(12) {
  animation-delay: -1.1s;
  top: 52px;
  left: 62px;
}
@keyframes loading-component-animation {
  0%,
  20%,
  80%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}
.gt-block form,
.editor-styles-wrapper .gt-block form {
  position: relative;
}
.gt-block form label:not(.checkbox):not(.radio),
.editor-styles-wrapper .gt-block form label:not(.checkbox):not(.radio) {
  padding: 0 0 4px 10px;
  display: block;
  color: black;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}
.gt-block form input:not([type=hidden]):not([type=checkbox]):not([type=radio]),
.editor-styles-wrapper .gt-block form input:not([type=hidden]):not([type=checkbox]):not([type=radio]),
.gt-block form textarea,
.editor-styles-wrapper .gt-block form textarea,
.gt-block form select,
.editor-styles-wrapper .gt-block form select {
  width: 100%;
  height: 44px;
  padding: 0 34px;
  border: none;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #000;
  font-size: 14px;
  letter-spacing: -0.01em;
  font-weight: 500;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.gt-block form input:not([type=hidden]):not([type=checkbox]):not([type=radio]):hover,
.editor-styles-wrapper .gt-block form input:not([type=hidden]):not([type=checkbox]):not([type=radio]):hover,
.gt-block form textarea:hover,
.editor-styles-wrapper .gt-block form textarea:hover,
.gt-block form select:hover,
.editor-styles-wrapper .gt-block form select:hover,
.gt-block form input:not([type=hidden]):not([type=checkbox]):not([type=radio]):focus,
.editor-styles-wrapper .gt-block form input:not([type=hidden]):not([type=checkbox]):not([type=radio]):focus,
.gt-block form textarea:focus,
.editor-styles-wrapper .gt-block form textarea:focus,
.gt-block form select:focus,
.editor-styles-wrapper .gt-block form select:focus {
  -webkit-box-shadow: 0 0 0 1px #000 inset;
  -moz-box-shadow: 0 0 0 1px #000 inset;
  box-shadow: 0 0 0 1px #000 inset;
}
.gt-block form input:not([type=hidden]):not([type=checkbox]):not([type=radio])::-webkit-input-placeholder,
.editor-styles-wrapper .gt-block form input:not([type=hidden]):not([type=checkbox]):not([type=radio])::-webkit-input-placeholder,
.gt-block form textarea::-webkit-input-placeholder,
.editor-styles-wrapper .gt-block form textarea::-webkit-input-placeholder,
.gt-block form select::-webkit-input-placeholder,
.editor-styles-wrapper .gt-block form select::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #8A8E91;
  opacity: 1;
}
.gt-block form input:not([type=hidden]):not([type=checkbox]):not([type=radio])::-moz-placeholder,
.editor-styles-wrapper .gt-block form input:not([type=hidden]):not([type=checkbox]):not([type=radio])::-moz-placeholder,
.gt-block form textarea::-moz-placeholder,
.editor-styles-wrapper .gt-block form textarea::-moz-placeholder,
.gt-block form select::-moz-placeholder,
.editor-styles-wrapper .gt-block form select::-moz-placeholder {
  /* Firefox 19+ */
  color: #8A8E91;
  opacity: 1;
}
.gt-block form input:not([type=hidden]):not([type=checkbox]):not([type=radio]):-ms-input-placeholder,
.editor-styles-wrapper .gt-block form input:not([type=hidden]):not([type=checkbox]):not([type=radio]):-ms-input-placeholder,
.gt-block form textarea:-ms-input-placeholder,
.editor-styles-wrapper .gt-block form textarea:-ms-input-placeholder,
.gt-block form select:-ms-input-placeholder,
.editor-styles-wrapper .gt-block form select:-ms-input-placeholder {
  /* IE 10+ */
  color: #8A8E91;
  opacity: 1;
}
.gt-block form input:not([type=hidden]):not([type=checkbox]):not([type=radio]):-moz-placeholder,
.editor-styles-wrapper .gt-block form input:not([type=hidden]):not([type=checkbox]):not([type=radio]):-moz-placeholder,
.gt-block form textarea:-moz-placeholder,
.editor-styles-wrapper .gt-block form textarea:-moz-placeholder,
.gt-block form select:-moz-placeholder,
.editor-styles-wrapper .gt-block form select:-moz-placeholder {
  /* Firefox 18- */
  color: #8A8E91;
  opacity: 1;
}
.gt-block form select,
.editor-styles-wrapper .gt-block form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-repeat: no-repeat;
  background-position: right 32px center;
  background-size: 13px auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.098' height='6.207' viewBox='0 0 13.098 6.207'%3E%3Cg transform='translate(1 1)'%3E%3Cpath d='M11.1,5.207a1,1,0,0,1-.6-.2L5.549,1.255.6,5A1,1,0,0,1-.8,4.811,1,1,0,0,1-.6,3.41L4.945-.8a1,1,0,0,1,1.208,0L11.7,3.41a1,1,0,0,1-.6,1.8Z' transform='translate(11.098 4.207) rotate(180)' fill='%23a9acb5'/%3E%3C/g%3E%3C/svg%3E");
}
.gt-block form textarea,
.editor-styles-wrapper .gt-block form textarea {
  height: 320px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 22px;
}
.gt-block form div.input,
.editor-styles-wrapper .gt-block form div.input {
  padding: 0 0 10px 0;
}
.gt-block form div.inputs-row,
.editor-styles-wrapper .gt-block form div.inputs-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-flow: row;
  align-items: flex-start;
  gap: 10px;
}
.gt-block form span.error-empty,
.editor-styles-wrapper .gt-block form span.error-empty,
.gt-block form span.error-format,
.editor-styles-wrapper .gt-block form span.error-format,
.gt-block form span.error-data,
.editor-styles-wrapper .gt-block form span.error-data {
  display: block;
  overflow: hidden;
  color: red;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  max-height: 0px;
  padding: 0;
  opacity: 0;
}
.gt-block form .has-error-empty span.error-empty,
.editor-styles-wrapper .gt-block form .has-error-empty span.error-empty,
.gt-block form .has-error-format span.error-format,
.editor-styles-wrapper .gt-block form .has-error-format span.error-format,
.gt-block form .has-error-data span.error-data,
.editor-styles-wrapper .gt-block form .has-error-data span.error-data {
  max-height: 40px;
  padding: 8px 0 6px 10px;
  opacity: 1;
}
.gt-block form div.inputs,
.editor-styles-wrapper .gt-block form div.inputs {
  /* clear */
}
.gt-block form div.inputs:after,
.editor-styles-wrapper .gt-block form div.inputs:after {
  content: " ";
  width: 100%;
  height: 0px;
  display: block;
  overflow: hidden;
  clear: both;
}
.gt-block form div.sent,
.editor-styles-wrapper .gt-block form div.sent {
  padding: 40px 0;
  color: black;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  text-align: center;
}
.gt-block form div.sent a,
.editor-styles-wrapper .gt-block form div.sent a {
  text-decoration: underline;
}
.gt-block form div.sent a:hover,
.editor-styles-wrapper .gt-block form div.sent a:hover {
  text-decoration: none;
}
.gt-block form .loading-component,
.editor-styles-wrapper .gt-block form .loading-component {
  background: rgba(0, 0, 0, 0);
}
.gt-block form .loading-component .loading-animation span,
.editor-styles-wrapper .gt-block form .loading-component .loading-animation span {
  background: black;
}
.gt-block form.loading *:not(.loading-component),
.editor-styles-wrapper .gt-block form.loading *:not(.loading-component) {
  opacity: 0.7;
}
.gt-block form.loading .loading-component,
.editor-styles-wrapper .gt-block form.loading .loading-component {
  height: 100%;
  opacity: 1;
}
.gt-block form.loading .loading-component *,
.editor-styles-wrapper .gt-block form.loading .loading-component * {
  opacity: 1;
}
/* PAGES (better to include direct CSS file on the page) */
/* #region PAGE DECOR ===================================================================
   Figma nodes 1:16 (Ellipse 94) and 1:17 (Ellipse 93) - soft brand washes that start
   in the hero and bleed down behind the "Kam se vydáš?" cards. They sit above the hero
   photo and its white gradients, but below the hero copy and every section that follows.
   ====================================================================================== */
.page-home {
  position: relative;
  overflow: hidden;
}
.page-home__wash {
  height: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
  pointer-events: none;
}
.page-home__wash-item {
  height: auto;
  position: absolute;
  display: block;
}
.page-home__wash-item--red {
  width: min(119.59vw, 2296px);
  left: min(58.321vw, 1120px);
  top: min(21.076vw, 405px);
}
.page-home__wash-item--yellow {
  width: min(116.172vw, 2230px);
  left: min(2.272vw, 44px);
  top: min(10.306vw, 198px);
}
/* #endregion */
/* #region HERO =========================================================================
   Figma: "Futurum rozcestník – konverze" / node 1:14 (Group 4224)
   Reference frame is 1920px wide, hero frame 1933x1104, photo area 1920x1024.
   All sizes below are the design values expressed fluidly against that 1920px base.
   ====================================================================================== */
.hero {
  /* 1104 / 1920 = 57.5vw, 1024 / 1920 = 53.333vw. Obsah 1440 px. */
  --hero-height: clamp(560px, 57.5vw, 1104px);
  --hero-media-height: clamp(520px, 53.333vw, 1024px);
  box-sizing: border-box;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: max(20px, calc((100% - 1440px) / 2));
  padding-right: max(20px, calc((100% - 1440px) / 2));
  position: relative;
  min-height: var(--hero-height);
  /* headline box starts at y = 323 of the 1104 frame */
  padding-top: clamp(150px, 16.823vw, 323px);
  padding-bottom: clamp(24px, 2vw, 40px);
  overflow: hidden;
  background: white;
  font-family: 'Inter', 'Open Sans', Arial, sans-serif;
}
.hero__media {
  width: 100%;
  height: var(--hero-media-height);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  overflow: hidden;
}
.hero__image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  /* the 1920x1920 render is shifted up by 685.9px inside the 1024px tall box */
  object-position: 50% 76.55%;
}
.hero__overlay {
  position: absolute;
  left: 0;
  z-index: 1;
  display: block;
  pointer-events: none;
}
/* node 1:13 - white wash from the left so the headline stays readable (1754 / 1920) */
.hero__overlay--side {
  width: 91.354%;
  height: 100%;
  top: 0;
  background: linear-gradient(83.163deg, #ffffff 11.594%, rgba(255, 255, 255, 0.898) 34.838%, rgba(255, 255, 255, 0) 80.887%);
}
/* node 1:12 - white fade dissolving the photo into the page (y 328 -> 1040) */
.hero__overlay--bottom {
  width: 100%;
  height: calc(var(--hero-height) * 0.64493);
  top: calc(var(--hero-height) * 0.2971);
  background: linear-gradient(0.376deg, #ffffff 10.701%, rgba(255, 255, 255, 0.667) 41.83%, rgba(255, 255, 255, 0) 74.107%);
}
.hero__decor {
  height: var(--hero-height);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 3;
  pointer-events: none;
}
.hero__swallow {
  height: auto;
  position: absolute;
  display: block;
}
/* node 1:422 - Path 9514 */
.hero__swallow--top {
  width: clamp(38px, 4.456vw, 85.55px);
  left: 63.985%;
  top: -2.427%;
  aspect-ratio: 85.5499 / 85.2911;
}
/* node 1:424 - Path 9516 */
.hero__swallow--warm {
  width: clamp(62px, 7.348vw, 141.08px);
  left: 66.977%;
  top: 59.626%;
  aspect-ratio: 141.082 / 141.107;
}
/* node 1:423 - Path 9515 */
.hero__swallow--cool {
  width: clamp(88px, 10.339vw, 198.51px);
  left: 75.468%;
  top: 59.626%;
  aspect-ratio: 198.506 / 198.471;
}
.hero__inner {
  position: relative;
  z-index: 4;
}
/* node 1:80 - 72/80, tracking -0.32px. The two designed lines are set to stay
   unbroken at the full 72px; the cap only kicks in for longer editor input. */
.hero__title {
  max-width: 708px;
  margin: 0;
  color: #242424;
  font-size: clamp(34px, 3.75vw, 72px);
  line-height: 1.1112;
  font-weight: 400;
  letter-spacing: -0.0044em;
}
.hero__title-line {
  display: block;
}
.hero__title-accent {
  color: #ba4458;
  font-style: normal;
  font-weight: 700;
}
/* node 1:81 - 22/30, tracking 0.44px. Šířka 632 px, na telefonu se drží
   v bílém přechodu vlevo, ať text nejde do fotky. */
.hero__text {
  max-width: min(632px, 100%);
  margin: clamp(16px, 1.693vw, 32px) 0 0;
  color: #242424;
  font-size: clamp(16px, 1.1458vw, 22px);
  line-height: 1.3637;
  font-weight: 400;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1023px) {
  .hero__text {
    max-width: min(632px, 72%);
  }
}
@media screen and (max-width: 599px) {
  .hero__text {
    max-width: min(632px, 62%);
  }
}
/* #endregion */
/* #region KAM SE VYDÁŠ - Figma node 16:70 */
/* Návrh: plocha 1920 px, obsah 1440 px (karty 3 x 464 px s mezerou 24 px),
   karta 464 x 487 px, vnitřní okraj karty 30 px. Rozměry pod 1440 px
   zmenšujeme přes clamp(), aby si sekce držela proporce návrhu. */
.pathways {
  --card-pad: clamp(20px, 2.084vw, 30px);
  --card-radius: 20px;
  position: relative;
  z-index: 10;
  /* Figma: nadpis sekce ~829 px, hero 1104 px → sekce sedí v dojezdu hrdiny. */
  margin-top: clamp(-280px, -14.58vw, -80px);
  padding: 0 0 clamp(60px, 7vw, 110px);
  font-family: 'Inter', 'Open Sans', sans-serif;
}
.pathways__shapes {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}
/* 1920 px rámec návrhu: 240 px okraje + 1440 px obsahu. */
.pathways__container {
  box-sizing: border-box;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: max(20px, calc((100% - 1440px) / 2));
  padding-right: max(20px, calc((100% - 1440px) / 2));
  position: relative;
  z-index: 10;
}
/* node 1:84 - ikona 32,73 px vlevo, text odsazený o 55 px */
.pathways__header {
  margin: 0 0 clamp(56px, 7.25vw, 108px);
}
.pathways__title {
  display: flex;
  align-items: center;
  gap: clamp(14px, 1.55vw, 22.3px);
  margin: 0;
  color: #313131;
  font-size: clamp(26px, 2.5vw, 36px);
  line-height: 1.5556;
  font-weight: 700;
}
.pathways__title-icon {
  flex: none;
  width: clamp(24px, 2.273vw, 32.73px);
  height: auto;
  aspect-ratio: 1;
}
/* node 1:274 - zarovnáno pod text nadpisu, tedy 55 px od levého okraje */
.pathways__lead {
  margin: 0;
  padding-left: calc(clamp(24px, 2.273vw, 32.73px) + clamp(14px, 1.55vw, 22.3px));
  color: #242424;
  font-size: clamp(17px, 1.528vw, 22px);
  line-height: 1.3637;
  letter-spacing: 0.02em;
}
/* Rám okolo mřížky - drží dekorativní spojnici a popisky u ní. */
.pathways__board {
  position: relative;
}
/* node 1:23 - spojnice přesahuje mřížku vlevo o 32 px a nahoru o 95 px */
.pathways__trail {
  position: absolute;
  left: -2.229%;
  top: -95px;
  width: 107.955%;
  height: auto;
  pointer-events: none;
  display: none;
}
/* node 1:85, 1:275, 1:276 - popisky ukotvené k bodům na spojnici */
.pathways__note {
  position: absolute;
  display: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.pathways__note--one {
  left: 3.194%;
  bottom: 100%;
  margin-bottom: 25px;
  color: #8e3d89;
}
.pathways__note--two {
  left: 71.042%;
  bottom: 100%;
  margin-bottom: 25px;
  color: #ffc800;
}
.pathways__note--three {
  left: 69.861%;
  top: 100%;
  margin-top: 24px;
  color: #00487f;
}
.pathways__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(16px, 1.667vw, 24px);
  position: relative;
  z-index: 1;
}
/* nodes 1:152, 1:122, 1:86, 1:197, 1:24, 1:236 */
.pathways__card {
  --card-color: #8e3d89;
  --card-rgb: 142, 61, 137;
  --card-btn-text: #ffffff;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 487px;
  background-color: #ffffff;
  border-radius: var(--card-radius);
  overflow: hidden;
  /* Loga se pak škálují spolu se šířkou karty (viz .pathways__logo). */
  container-type: inline-size;
}
.pathways__card--purple {
  --card-color: #8e3d89;
  --card-rgb: 142, 61, 137;
}
.pathways__card--blue {
  --card-color: #00487f;
  --card-rgb: 0, 72, 127;
}
.pathways__card--yellow {
  --card-color: #ffc800;
  --card-rgb: 255, 200, 0;
  --card-btn-text: #242424;
}
.pathways__card--green {
  --card-color: #00c08d;
  --card-rgb: 0, 192, 141;
}
.pathways__card--pink {
  --card-color: #ba4458;
  --card-rgb: 188, 61, 86;
}
.pathways__card--dark {
  --card-color: #262337;
  --card-rgb: 38, 35, 55;
}
/* Education.cz - tlačítko přebírá žlutou, glow zůstává tmavý (node 1:239, 1:262) */
.pathways__card--dark .pathways__btn {
  --card-color: #ffc800;
  --card-btn-text: #242424;
}
.pathways__media {
  position: relative;
  z-index: 0;
  height: 250px;
  flex: none;
}
.pathways__photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* node 1:154 - bílé rozplynutí fotky, začíná 26 px pod horní hranou karty */
.pathways__fade {
  position: absolute;
  left: 0;
  right: 0;
  top: 26px;
  bottom: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.92) 92.32%, #ffffff 100%);
}
/* node 1:155 - barevný nádech spodní části karty; průhlednost je součástí
   gradientu, poslední zarážka leží až za hranou prvku (129,24 %) */
.pathways__glow {
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 0;
  z-index: 1;
  border-radius: var(--card-radius);
  background-image: linear-gradient(159.676deg, rgba(var(--card-rgb), 0) 35.696%, rgba(var(--card-rgb), 0) 49.187%, rgba(var(--card-rgb), 0.212) 92.411%, rgba(var(--card-rgb), 1) 129.24%);
  pointer-events: none;
}
/* node 1:192 - vlaštovka je nad fotkou i nad rozplynutím, ořez má v sobě SVG */
.pathways__swallow {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: auto;
  pointer-events: none;
}
/* node 1:196 - 59 px, posazená 32 px od horní a 33 px od levé hrany */
.pathways__play {
  position: absolute;
  left: 33px;
  top: 32px;
  z-index: 4;
  display: block;
  width: clamp(44px, 4.097vw, 59px);
  height: clamp(44px, 4.097vw, 59px);
  padding: 0;
  border: 0;
  background: none;
  color: var(--card-color);
  text-decoration: none;
  cursor: default;
  transition: transform 0.25s ease;
}
.pathways__play svg {
  display: block;
  width: 100%;
  height: 100%;
}
.pathways__play:link,
.pathways__play:visited {
  color: var(--card-color);
  text-decoration: none;
  cursor: pointer;
}
.pathways__play:hover,
.pathways__play:focus-visible {
  color: var(--card-color);
  text-decoration: none;
  transform: scale(1.06);
}
.pathways__body {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 0 var(--card-pad) 36px;
}
/* Logo je v návrhu zarovnané spodní hranou 307 px od horní hrany karty. */
.pathways__head {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex-grow: 1;
  padding: 5px 0 35px;
}
/* Návrh: karta 464 px, logo vysoké 52,35 px (11,283 %); u Předškolní
   a mimoškolní pedagogiky je trojřádkové, tedy 79,38 px (17,108 %). */
.pathways__logo {
  display: block;
  align-self: flex-start;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 52.35px;
  max-height: 11.283cqw;
}
.pathways__card--pink .pathways__logo {
  max-height: 79.38px;
  max-height: 17.108cqw;
}
/* node 1:444 - doprovodný text u Education.cz */
.pathways__claim {
  margin: 14px 0 0;
  color: #262337;
  font-size: clamp(16px, 1.25vw, 18px);
  line-height: 1.2223;
  letter-spacing: 0.02em;
}
/* Křídlo z node 1:286 (Group 3764) použité jako maska na obou koncích tlačítka. */
/* nodes 1:293, 1:286 - tvar vlaštovčího ocasu; krajní křídla mají pevnou
   šířku (maska), střední pruh se roztahuje podle délky textu */
.pathways__btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  min-width: 190px;
  height: 47px;
  margin: 0 0 14px;
  padding: 0 36px;
  color: var(--card-btn-text);
  font-size: clamp(16px, 1.25vw, 18px);
  font-weight: 600;
  line-height: 1.5556;
  letter-spacing: -0.027em;
  text-align: center;
  text-decoration: none;
  background-image: linear-gradient(var(--card-color), var(--card-color));
  background-repeat: no-repeat;
  background-position: 25px 0;
  background-size: calc(100% - 54px) 100%;
  transition: filter 0.25s ease;
}
.pathways__btn::before,
.pathways__btn::after {
  content: "";
  position: absolute;
  top: 0;
  width: 58.812px;
  height: 100%;
  background-color: var(--card-color);
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2058.812%2047.176'%3E%3Cpath%20d='M9298.915,21624.119v-.131a23.447,23.447,0,0,1,23.422-23.434h35.384v.461a23.289,23.289,0,0,0-10.414,5.016h-.006a23.647,23.647,0,0,0-4.287,4.727c-.228.336-.456.684-.662,1.031a23.255,23.255,0,0,0-3.43,12.2v.131Zm23.428-23.57a23.422,23.422,0,0,1-23.428-23.428v-.113h40.007v.119a23.442,23.442,0,0,0,18.8,22.967v.455Z'%20transform='translate(-9298.915%20-21576.944)'/%3E%3C/svg%3E") no-repeat 0 0 / 100% 100%;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2058.812%2047.176'%3E%3Cpath%20d='M9298.915,21624.119v-.131a23.447,23.447,0,0,1,23.422-23.434h35.384v.461a23.289,23.289,0,0,0-10.414,5.016h-.006a23.647,23.647,0,0,0-4.287,4.727c-.228.336-.456.684-.662,1.031a23.255,23.255,0,0,0-3.43,12.2v.131Zm23.428-23.57a23.422,23.422,0,0,1-23.428-23.428v-.113h40.007v.119a23.442,23.442,0,0,0,18.8,22.967v.455Z'%20transform='translate(-9298.915%20-21576.944)'/%3E%3C/svg%3E") no-repeat 0 0 / 100% 100%;
}
.pathways__btn::before {
  left: 0;
}
.pathways__btn::after {
  right: 0;
}
.pathways__btn:hover,
.pathways__btn:focus-visible {
  filter: brightness(1.12);
}
.pathways__btn-label {
  position: relative;
  z-index: 1;
}
.pathways__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 10px;
  overflow: visible;
  /* v posledním řádku už tlačítko nemá spodní mezeru (Education.cz) */
}
.pathways__foot .pathways__btn {
  margin-bottom: 0;
}
/* node 1:297 - stužka 245×47, ne na celou šířku karty. Pravých 46 px je
   rezerva pro pilulku s datem, která ze stužky vystupuje. */
.pathways__event {
  position: relative;
  box-sizing: border-box;
  flex: 0 1 auto;
  width: max-content;
  min-width: 252px;
  max-width: calc(100% - 54px);
  display: flex;
  align-items: center;
  height: 47.17px;
  margin: 0 46px 0 0;
  padding: 0 32px;
  color: var(--card-color);
  text-decoration: none;
}
.pathways__event:hover .pathways__event-title,
.pathways__event:focus-visible .pathways__event-title {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.pathways__event-shape {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}
.pathways__event-title {
  position: relative;
  z-index: 1;
  color: #242424;
  font-size: clamp(15px, 1.25vw, 18px);
  font-weight: 600;
  line-height: 1.5556;
  letter-spacing: -0.027em;
  white-space: nowrap;
}
/* node 1:300 - pilulka cca 16 px nad stužkou, přesahuje vpravo, otočení 10° */
.pathways__event-date {
  position: absolute;
  right: -46px;
  top: -24px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 115px;
  height: 33px;
  padding: 0 14px;
  border-radius: 17px;
  background-color: #ffffff;
  color: #242424;
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.02em;
  white-space: nowrap;
  transform: rotate(-10deg);
}
.pathways__social {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  flex: none;
}
.pathways__social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 26px;
  color: #242424;
  transition: color 0.25s ease;
}
.pathways__social-link svg {
  display: block;
  width: auto;
  height: 100%;
  max-width: 100%;
}
.pathways__social-link:hover,
.pathways__social-link:focus-visible {
  color: var(--card-color);
}
@media screen and (min-width: 768px) {
  .pathways__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* Tři sloupce až tam, kde se vejde i dekorativní spojnice z návrhu. */
@media screen and (min-width: 1100px) {
  .pathways__grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .pathways__trail,
  .pathways__note {
    display: block;
  }
}
/* Užší karty na mobilu - zmenšíme povinnou výšku i fotku. */
@media screen and (max-width: 767px) {
  .pathways {
    margin-top: 0;
    padding-top: 8px;
  }
  .pathways__card {
    min-height: 0;
  }
  .pathways__media {
    height: clamp(190px, 52vw, 250px);
  }
  .pathways__body {
    padding-bottom: 40px;
  }
  .pathways__head {
    padding-bottom: 26px;
  }
  .pathways__foot {
    flex-wrap: wrap;
    align-items: flex-start;
    row-gap: 18px;
  }
  .pathways__event {
    flex: 0 1 auto;
    width: max-content;
    min-width: 0;
    max-width: 100%;
    margin-right: 0;
    padding: 0 24px;
  }
  .pathways__event-date {
    right: 8px;
    top: auto;
    bottom: -22px;
    min-width: 0;
    height: 28px;
    padding: 0 12px;
    font-size: 14px;
    transform: rotate(-8deg);
  }
  .pathways__social {
    flex: 0 0 auto;
    margin-top: 4px;
  }
}
/* Úzké karty i ve 2 sloupcích — štítek pod stužkou, uvnitř karty. */
@container (max-width: 430px) {
  .pathways__body {
    padding-bottom: 40px;
  }
  .pathways__foot {
    flex-wrap: wrap;
    align-items: flex-start;
    row-gap: 18px;
  }
  .pathways__event {
    min-width: 0;
    max-width: 100%;
    margin-right: 0;
    padding: 0 24px;
  }
  .pathways__event-date {
    right: 8px;
    top: auto;
    bottom: -22px;
    min-width: 0;
    height: 28px;
    padding: 0 12px;
    font-size: 14px;
    transform: rotate(-8deg);
  }
}
/* #endregion */
/* #region CO JE PRO NÁS DŮLEŽITÉ - Figma node 21:71 */
/* Návrh: obsah 1440 px, 5 karet 269 px s mezerou 24 px (5×269+4×24=1441). */
.values {
  position: relative;
  z-index: 10;
  padding: clamp(48px, 5.2vw, 80px) 0 clamp(64px, 6.8vw, 110px);
}
.values__container {
  box-sizing: border-box;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: max(20px, calc((100% - 1440px) / 2));
  padding-right: max(20px, calc((100% - 1440px) / 2));
}
/* node 1:332 - stejná kompozice ikony a nadpisu jako u "Kam se vydáš?" */
.values__title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: clamp(14px, 1.55vw, 22.3px);
  margin: 0 0 clamp(40px, 4.5vw, 64px);
  color: #313131;
  font-size: clamp(26px, 2.5vw, 36px);
  line-height: 1.5556;
  font-weight: 700;
}
.values__title-icon {
  flex: none;
  width: clamp(24px, 2.273vw, 32.73px);
  height: auto;
  aspect-ratio: 1;
}
.values__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
/* node 1:333 - karta 269×372; container-type musí být na kartě, cqw jednotky pak
   používáme jen na jejích potomcích (nikdy na ní samotné), jinak se nepočítají vůči kartě */
.values__card {
  box-sizing: border-box;
  position: relative;
  aspect-ratio: 269 / 372;
  background-color: #ebf2f7;
  border-radius: 20px;
  container-type: inline-size;
}
.values__body {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  height: 100%;
  padding: 17.47cqw 7.43cqw 0;
}
/* ikony mají mírně odlišný poměr stran, ale sdílenou výškovou zónu ~60px / 269px */
.values__icon {
  display: block;
  width: auto;
  height: 22.3cqw;
  max-width: 100%;
  margin-bottom: 10.78cqw;
  object-fit: contain;
}
.values__card-title {
  margin: 0 0 10.78cqw;
  color: #00487f;
  font-size: 8.18cqw;
  line-height: 1.1818;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.values__card-text {
  margin: 0;
  color: #262337;
  font-size: 5.948cqw;
  line-height: 1.25;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 620px) {
  .values__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 940px) {
  .values__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .values__grid {
    grid-template-columns: repeat(5, 1fr);
  }
  .values__card {
    aspect-ratio: auto;
    min-height: 372px;
  }
}
/* #endregion */
/* #region KDE SÍDLÍME - Figma node 22:73 */
/* Návrh: stejná 1920 px mřížka jako "Kam se vydáš?" - obsah 1440 px,
   3 karty 464 px s mezerou 24 px (3×464+2×24=1440). */
.locations {
  position: relative;
  z-index: 10;
  padding: clamp(60px, 6.77vw, 130px) 0;
  font-family: 'Inter', 'Open Sans', sans-serif;
}
.locations__container {
  box-sizing: border-box;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: max(20px, calc((100% - 1440px) / 2));
  padding-right: max(20px, calc((100% - 1440px) / 2));
}
/* node 1:455/1:456 - stejná kompozice ikony a nadpisu jako u "Kam se vydáš?" / "Co je pro nás důležité?" */
.locations__title {
  display: flex;
  align-items: center;
  gap: clamp(14px, 1.55vw, 22.3px);
  margin: 0 0 clamp(32px, 4.375vw, 56px);
  color: #313131;
  font-size: clamp(26px, 2.5vw, 36px);
  line-height: 1.5556;
  font-weight: 700;
}
.locations__title-icon {
  flex: none;
  width: clamp(24px, 2.273vw, 32.73px);
  height: auto;
  aspect-ratio: 1;
}
.locations__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(16px, 1.667vw, 24px);
}
/* node 1:458/1:459 - fotka (263 px) sedí na kartě s pozadím #ebf2f7,
   které prosvítá pod zbytkem obsahu. */
.locations__card {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #ebf2f7;
  border-radius: 20px;
  overflow: hidden;
}
.locations__media {
  position: relative;
  height: clamp(180px, 13.698vw, 263px);
  flex: none;
}
.locations__photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.locations__body {
  box-sizing: border-box;
  padding: clamp(20px, 2.083vw, 40px) clamp(20px, 2.083vw, 40px) clamp(24px, 2.7vw, 40px);
}
/* node 1:460/1:468 - název pobočky a dekorativní vlaštovka na stejném řádku */
.locations__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 clamp(14px, 1.09vw, 21px);
}
/* node 1:460 - 24/30, tracking 0.48px */
.locations__name {
  margin: 0;
  color: #00487f;
  font-size: clamp(19px, 1.25vw, 24px);
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.locations__icon {
  flex: none;
  width: auto;
  height: clamp(22px, 1.652vw, 31.74px);
}
.locations__row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0 0 8px;
}
/* node 1:464 - 18,07 × 27,7 px špendlík */
.locations__pin {
  flex: none;
  width: clamp(13px, 0.941vw, 18.07px);
  height: auto;
  margin-top: 4px;
}
/* node 1:461 - 18/24, tracking 0.36px */
.locations__address {
  margin: 0;
  color: #000000;
  font-size: clamp(16px, 1.25vw, 18px);
  line-height: 1.3333;
  letter-spacing: 0.02em;
}
/* node 1:469 - 18/24, medium, zarovnané pod adresu (za špendlíkem) */
.locations__phone {
  display: inline-block;
  margin-left: calc(clamp(13px, 0.941vw, 18.07px) + 8px);
  color: #000000;
  font-size: clamp(16px, 1.25vw, 18px);
  line-height: 1.3333;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-decoration: none;
}
.locations__phone:hover,
.locations__phone:focus-visible {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .locations__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
/* #endregion */
/* #region FUTURUM V ČÍSLECH - Figma node 25:79 */
/* Návrh: stejná 1920 px mřížka jako předchozí sekce - obsah 1440 px. */
.numbers {
  position: relative;
  z-index: 10;
  padding: clamp(40px, 4.6vw, 64px) 0;
  background-color: #ffffff;
  font-family: 'Inter', 'Open Sans', sans-serif;
}
.numbers__container {
  box-sizing: border-box;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: max(20px, calc((100% - 1440px) / 2));
  padding-right: max(20px, calc((100% - 1440px) / 2));
}
/* node 1:453 - jemný poloprůhledný podklad za celým řádkem (bílá, 60 %, rounded-20) */
.numbers__panel {
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 20px;
  padding: clamp(24px, 3.2vw, 40px) clamp(16px, 3vw, 32px);
}
/* Mobil/tablet: nadpis na celou šířku nad mřížkou čísel (2, resp. 4 sloupce).
   Od desktopu (1024px) se nadpis stává první z 5 sloupců ve stejném řádku
   jako čísla - přesně dle návrhu (node 25:79, y 3566-3682 sdílené s panelem). */
.numbers__row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(24px, 2.5vw, 40px) clamp(16px, 2vw, 24px);
  align-items: center;
}
/* node 1:486/1:487 - stejná kompozice ikony a nadpisu jako u předchozích sekcí,
   nadpis je ale dvouřádkový (leading 42/36). */
.numbers__title {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(14px, 1.55vw, 22.3px);
  margin: 0;
}
.numbers__title-icon {
  flex: none;
  width: clamp(24px, 2.273vw, 32.73px);
  height: auto;
  aspect-ratio: 1;
}
.numbers__title-text {
  margin: 0;
  color: #313131;
  font-size: clamp(26px, 2.5vw, 36px);
  line-height: 1.1667;
  font-weight: 700;
}
/* nodes 1:454, 1:490, 1:492, 1:494 - růžová u prvních tří, modrá u posledního */
.numbers__item {
  --value-color: #ba4458;
  text-align: center;
}
.numbers__item--pink {
  --value-color: #ba4458;
}
.numbers__item--blue {
  --value-color: #00487f;
}
/* node 1:454 - 52/77, tracking -1.04px */
.numbers__value {
  display: block;
  margin: 0 0 8px;
  color: var(--value-color);
  font-size: clamp(34px, 2.708vw, 52px);
  line-height: 1.4808;
  font-weight: 700;
  letter-spacing: -0.02em;
}
/* node 1:489 - 18/24, tracking 0.36px */
.numbers__label {
  margin: 0;
  color: #000000;
  font-size: clamp(15px, 1.25vw, 18px);
  line-height: 1.3333;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
  .numbers__row {
    grid-template-columns: repeat(4, 1fr);
  }
}
/* node 1:500 (Group 4220) - svislé oddělovače mezi sloupci. V návrhu jsou
   bílé (na bílém pozadí neviditelné), zde použité v jemné šedé #E5E5E5,
   aby byly skutečně vidět. */
@media screen and (min-width: 1024px) {
  .numbers__row {
    grid-template-columns: auto repeat(4, 1fr);
  }
  .numbers__title {
    grid-column: auto;
    justify-content: flex-start;
    text-align: left;
  }
  .numbers__item {
    padding-left: clamp(16px, 2vw, 32px);
    border-left: 1px solid #e5e5e5;
  }
}
/* #endregion */
/* HOMEWORK / HOMEPAGE STYLES */
.homepage-hero {
  background-color: #2C2C2C;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}
.homepage-hero:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  background: linear-gradient(62deg, rgba(48, 48, 46, 0.9) 0%, rgba(48, 48, 46, 0.65) 24%, rgba(48, 48, 46, 0.59) 40%, rgba(48, 48, 46, 0) 77%);
  z-index: 1;
}
.homepage-hero .center {
  z-index: 10;
}
.homepage-card {
  background: #F4F4F4;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.homepage-card:hover {
  -webkit-box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.08);
}
/* #region TAK KAM POLETÍŠ - Figma node 25:80 */
.cta {
  position: relative;
  z-index: 10;
  padding: clamp(60px, 6.77vw, 130px) 0;
  background-color: #ffffff;
  font-family: 'Inter', 'Open Sans', sans-serif;
}
.cta__container {
  box-sizing: border-box;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: max(20px, calc((100% - 1440px) / 2));
  padding-right: max(20px, calc((100% - 1440px) / 2));
  position: relative;
}
.cta__panel {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
/* node 1:448 - podkladová barva panelu, přes kterou je foto (#dee9f2) */
.cta__info {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 400px;
  background-color: #dee9f2;
  border-radius: 20px;
}
.cta__photo {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: 20px;
}
.cta__photo-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* node 1:452 - foto se zprava rozplývá do plochy panelu, aby na ní byl čitelný text */
.cta__photo-fade {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(270deg, rgba(222, 233, 242, 0) 29.5%, rgba(222, 233, 242, 0.95) 61.4%, #dee9f2 82.7%);
}
/* nodes 1:505, 1:506 - dvě přelétající vlaštovky nad švem foto/text, stejný motiv jako v hero.
   Poziční procenta jsou odvozená od šíře panelu na desktopu (návrh), proto je zobrazujeme
   až od 1024px - na užší mřížce by kolidovaly s nadpisem. */
.cta__decor {
  display: none;
  position: absolute;
  inset: 0;
  overflow: visible;
  pointer-events: none;
  z-index: 2;
}
.cta__swallow {
  position: absolute;
  height: auto;
  display: block;
}
.cta__swallow--warm {
  left: 30%;
  top: -14%;
  z-index: 2;
  width: clamp(56px, 7vw, 96px);
}
.cta__swallow--cool {
  left: 36%;
  top: -14.5%;
  z-index: 1;
  width: clamp(78px, 10vw, 135px);
}
/* Do 1024px stojí text přes celou šíři fotky (v návrhu je foto viditelné jen v levé
   polovině širokého desktop panelu) - proto mu tu dáme vlastní podklad pro čitelnost. */
.cta__content {
  position: relative;
  z-index: 3;
  margin: clamp(16px, 2vw, 24px);
  padding: clamp(20px, 2.6vw, 32px) clamp(24px, 3.1vw, 40px);
  background-color: rgba(222, 233, 242, 0.88);
  border-radius: 16px;
}
/* node 1:501/1:502 - stejná kompozice ikony a nadpisu jako u ostatních sekcí */
.cta__title {
  display: flex;
  align-items: center;
  gap: clamp(14px, 1.55vw, 22.3px);
  margin: 0 0 clamp(16px, 1.67vw, 24px);
  color: #313131;
  font-size: clamp(26px, 2.5vw, 36px);
  line-height: 1.5556;
  font-weight: 700;
}
.cta__title-icon {
  flex: none;
  width: clamp(24px, 2.273vw, 32.73px);
  height: auto;
  aspect-ratio: 1;
}
/* node 1:504 - 22/30, tracking 0.44px */
.cta__text {
  max-width: 400px;
  margin: 0 0 clamp(16px, 1.67vw, 24px);
  color: #242424;
  font-size: clamp(16px, 1.53vw, 22px);
  line-height: 1.3637;
  font-weight: 500;
  letter-spacing: 0.02em;
}
/* node 1:507 - 24px bold */
.cta__email {
  display: block;
  color: #00487f;
  font-size: clamp(18px, 1.667vw, 24px);
  font-weight: 700;
  text-decoration: none;
}
.cta__email:hover,
.cta__email:focus-visible {
  text-decoration: underline;
}
/* node 1:571 - přechod tmavě modrá -> tyrkysová */
.cta__form-wrap {
  box-sizing: border-box;
  position: relative;
  z-index: 5;
  padding: clamp(32px, 3.33vw, 48px);
  border-radius: 20px;
  background-image: linear-gradient(135deg, #00487f 0%, #00c08d 100%);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
}
.cta__form-title {
  margin: 0 0 clamp(24px, 2.5vw, 32px);
  color: #ffffff;
  font-size: clamp(18px, 1.53vw, 22px);
  font-weight: 600;
}
.cta__form {
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 1.67vw, 24px);
}
.cta__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(16px, 1.67vw, 24px);
}
/* node 1:573 a další popisky polí - 16px regular, tracking 0.32px */
.cta__label {
  display: block;
  margin: 0 0 8px;
  color: #ffffff;
  font-size: clamp(14px, 1.11vw, 16px);
  font-weight: 400;
  letter-spacing: 0.02em;
}
/* node 1:574 a další - bílá pole 40 px vysoká */
.cta__input {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: clamp(38px, 2.083vw, 40px);
  padding: 0 16px;
  border: 0;
  border-radius: 5px;
  outline: none;
  background-color: #ffffff;
  color: #2c2c2c;
  font-size: 14px;
  font-family: inherit;
  transition: box-shadow 0.2s ease;
}
.cta__input:focus-visible {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.6);
}
/* node 1:586 (Path 9562) - vlastní tmavá šipka místo výchozí prohlížečové */
.cta__select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23262337' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 36px;
  cursor: pointer;
}
.cta__textarea {
  height: auto;
  min-height: clamp(72px, 4.2vw, 80px);
  padding: 12px 16px;
  line-height: 1.4;
  resize: none;
}
/* node 1:593 (Group 3764) - stejná stužka jako u karet oborů (.pathways__btn), jen ve žluté */
.cta__submit {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 190px;
  height: 47px;
  padding: 0 36px;
  border: 0;
  color: #262337;
  font-size: clamp(16px, 1.25vw, 18px);
  font-weight: 600;
  line-height: 1.5556;
  letter-spacing: -0.027em;
  text-align: center;
  cursor: pointer;
  background-color: transparent;
  background-image: linear-gradient(#ffc800, #ffc800);
  background-repeat: no-repeat;
  background-position: 25px 0;
  background-size: calc(100% - 54px) 100%;
  transition: filter 0.25s ease;
}
.cta__submit::before,
.cta__submit::after {
  content: "";
  position: absolute;
  top: 0;
  width: 58.812px;
  height: 100%;
  background-color: #ffc800;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2058.812%2047.176'%3E%3Cpath%20d='M9298.915,21624.119v-.131a23.447,23.447,0,0,1,23.422-23.434h35.384v.461a23.289,23.289,0,0,0-10.414,5.016h-.006a23.647,23.647,0,0,0-4.287,4.727c-.228.336-.456.684-.662,1.031a23.255,23.255,0,0,0-3.43,12.2v.131Zm23.428-23.57a23.422,23.422,0,0,1-23.428-23.428v-.113h40.007v.119a23.442,23.442,0,0,0,18.8,22.967v.455Z'%20transform='translate(-9298.915%20-21576.944)'/%3E%3C/svg%3E") no-repeat 0 0 / 100% 100%;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2058.812%2047.176'%3E%3Cpath%20d='M9298.915,21624.119v-.131a23.447,23.447,0,0,1,23.422-23.434h35.384v.461a23.289,23.289,0,0,0-10.414,5.016h-.006a23.647,23.647,0,0,0-4.287,4.727c-.228.336-.456.684-.662,1.031a23.255,23.255,0,0,0-3.43,12.2v.131Zm23.428-23.57a23.422,23.422,0,0,1-23.428-23.428v-.113h40.007v.119a23.442,23.442,0,0,0,18.8,22.967v.455Z'%20transform='translate(-9298.915%20-21576.944)'/%3E%3C/svg%3E") no-repeat 0 0 / 100% 100%;
}
.cta__submit::before {
  left: 0;
}
.cta__submit::after {
  right: 0;
}
.cta__submit:hover,
.cta__submit:focus-visible {
  filter: brightness(1.12);
}
/* Křídla (::before/::after) mají position:absolute a bez vlastního stackovacího kontextu by
   se vykreslila NAD běžným textem tlačítka a překryla první/poslední písmena - proto je popisek
   zabalený ve vlastním position:relative prvku s vyšším z-indexem (stejně jako .pathways__btn-label). */
.cta__submit-label {
  position: relative;
  z-index: 1;
}
/* CF7 uvnitř CTA karty — stejná pole jako dummy .cta__form */
.cta__form-wrap .wpcf7 {
  margin: 0;
}
.cta__form-wrap .wpcf7-form {
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 1.67vw, 24px);
}
.cta__form-wrap .wpcf7-form > p {
  margin: 0;
}
.cta__form-wrap .cta__label {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}
.cta__form-wrap .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}
.cta__form-wrap .wpcf7-not-valid-tip {
  margin-top: 6px;
  color: #ffffff;
  font-size: 13px;
  line-height: 1.3;
}
.cta__form-wrap .wpcf7-response-output {
  margin: 0;
  padding: 12px 14px;
  border-color: rgba(255, 255, 255, 0.45);
  color: #ffffff;
  font-size: 14px;
  line-height: 1.4;
}
.cta__form-wrap .wpcf7-spinner {
  background-color: #ffffff;
  vertical-align: middle;
}
.cta__form-wrap .cta__field--submit {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
/* .gt-ribbon CSS je jinak jen u Gutenberg bloků — homepage ho potřebuje u CF7 submitu */
.cta__form-wrap .gt-ribbon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 190px;
  height: 47px;
  margin: 0;
  padding: 0 36px;
  color: #ffc800;
  text-decoration: none;
  transition: filter 0.25s ease;
}
.cta__form-wrap .gt-ribbon:hover,
.cta__form-wrap .gt-ribbon:focus-visible {
  filter: brightness(1.12);
}
.cta__form-wrap button.gt-ribbon {
  appearance: none;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-family: inherit;
}
.cta__form-wrap .gt-ribbon__shape {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  display: flex;
  align-items: stretch;
  pointer-events: none;
}
.cta__form-wrap .gt-ribbon__wing {
  position: relative;
  z-index: 1;
  width: 58.812px;
  height: 100%;
  display: block;
  flex: 0 0 58.812px;
}
.cta__form-wrap .gt-ribbon__mid {
  flex: 1 1 auto;
  margin: 0 -34px;
  background: currentColor;
}
.cta__form-wrap .gt-ribbon .gt-ribbon__label {
  position: relative;
  z-index: 1;
  color: #262337;
  font-family: 'Inter', 'Open Sans', Arial, sans-serif;
  font-size: clamp(16px, 1.25vw, 18px);
  font-weight: 600;
  line-height: 1.5556;
  letter-spacing: -0.027em;
  text-align: center;
  white-space: nowrap;
}
.cta__form-wrap button.gt-ribbon.wpcf7-submit {
  background: transparent;
}
@media screen and (min-width: 768px) {
  .cta__row {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1024px) {
  .cta__panel {
    flex-direction: row;
    align-items: center;
  }
  .cta__info {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 434px;
  }
  .cta__decor {
    display: block;
  }
  /* od desktopu je foto vidět jen v levé části panelu (viz .cta__photo-fade),
       takže vlastní podklad pod textem už není potřeba */
  .cta__content {
    margin: 0;
    padding: clamp(32px, 4.2vw, 64px);
    background-color: transparent;
    border-radius: 0;
  }
  .cta__form-wrap {
    flex: 0 0 586px;
    width: 586px;
    max-width: 586px;
    margin-top: -40px;
    margin-bottom: -40px;
    margin-left: -32px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  }
}
/* #endregion */
/* BLOCKS  (better to include direct CSS file with the block) */
/*@import url(blocks/XXX.less);*/