:root {
  accent-color: var(--color-primary);
  --padding-on-side: 40px;
  --margins: 1em;
  --gap: 40px;
  --content-small: 1000px;
  --content-regular: 1200px;
  --content-big: 1400px;
  --regular: 400;
  --medium: 500;
  --semibold: 600;
  --bold: 700;
  --black: 800;
  --border-radius-smaller: 10px;
  --border-radius: 20px;
  --border-radius-bigger: 40px;
  --line-height: 1.5;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-15: 15px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-24: 24px;
  --font-size-30: 30px;
  --font-size-36: 36px;
  --font-size-48: 48px;
  --font-size-60: 60px;
  --font-size-72: 72px;
  --font-size-90: 90px;
  --font-size-120: 120px;
  --color-white: #fff;
  --color-black: #000;
  --color-green: #007340;
  --color-red: #d8000c;
  --shadow-lighter: 0 0.4em 0.8em rgba(var(--color-primary-rgb), 0.1);
  --shadow: 0 0.5em 1em rgba(var(--color-primary-rgb), 0.15);
  --shadow-darker: 0em 0.25em 0.75em rgba(var(--color-primary-rgb), 0.25);
  --color-main: #3d485d;
  --color-primary: #001a70;
  --color-primary-hover: #001a70;
  --color-secondary: #28939d;
  --color-secondary-hover: #28939d;
  --color-tertiary: #00965e;
  --color-background: #f2f7fb;
  --color-background-darker: #e7eef4;
  --color-border: transparent;
  --color-main-rgb: 61, 72, 93;
  --color-primary-rgb: 0, 26, 112;
  --color-secondary-rgb: 40, 147, 157;
  --color-tertiary-rgb: 0, 150, 94;
  --color-background-rgb: 242, 247, 251;
  --color-background-darker-rgb: 225, 234, 242;
  --color-white-rgb: 255, 255, 255;
}
@font-face {
  font-family: "ABC Camera";
  src: url(../fonts/abc-camera-medium.woff2) format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Neue Haas Grotesk";
  src: url(../fonts/neue-haas-grotesk-55-roman.woff2) format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Neue Haas Grotesk";
  src: url(../fonts/neue-haas-grotesk-65-medium.woff2) format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Neue Haas Grotesk";
  src: url(../fonts/neue-haas-grotesk-75-bold.woff2) format("woff2");
  font-weight: 700;
  font-display: swap;
}
:root {
  /*---- form ----*/
  --icon-warning: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='22'%3E%3Cpath fill-rule='evenodd' fill='%23000' d='M2 15a2 2 0 01-2-2V1.999a2 2 0 014 0V13a2 2 0 01-2 2zm0 3a2 2 0 110 4 2 2 0 010-4z'/%3E%3C/svg%3E");
  --icon-ok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.6 12.8'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M12.9 1.6l-7.2 9.7-4.1-4.9'/%3E%3C/svg%3E");
  --icon-loading: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23000'%3E%3Cpath d='M463.702 162.655L442.491 14.164c-1.744-12.174-16.707-17.233-25.459-8.481l-30.894 30.894C346.411 12.612 301.309 0 254.932 0 115.464 0 3.491 109.16.005 248.511c-.19 7.617 5.347 14.15 12.876 15.234l59.941 8.569c8.936 1.304 17.249-5.712 17.125-15.058C88.704 165.286 162.986 90 254.932 90c22.265 0 44.267 4.526 64.6 13.183l-29.78 29.78c-8.697 8.697-3.761 23.706 8.481 25.459l148.491 21.211c9.784 1.475 18.381-7.034 16.978-16.978zM499.117 249.412l-59.897-8.555c-7.738-.98-17.124 5.651-17.124 16.143 0 90.981-74.019 165-165 165a165.207 165.207 0 01-64.306-13.052l28.828-28.828c8.697-8.697 3.761-23.706-8.481-25.459L64.646 333.435c-9.753-1.393-18.39 6.971-16.978 16.978l21.21 148.492c1.746 12.187 16.696 17.212 25.459 8.481l31.641-31.626C165.514 499.505 210.587 512 257.096 512c138.794 0 250.752-108.618 254.897-247.28.22-7.632-5.317-14.224-12.876-15.308z'/%3E%3C/svg%3E");
  /*---- form ----*/
  --icon-play: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='28'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M21.222 12.415 2.147 1.062A1.44 1.44 0 0 0 1.4.843c-.747 0-1.357.616-1.357 1.37H.036v23.571h.007c0 .753.61 1.37 1.357 1.37.281 0 .514-.096.767-.233l19.055-11.34a2.066 2.066 0 0 0 0-3.166Z' /%3E%3C/svg%3E");
  --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.5' height='30.5'%3E%3Cpath fill='none' stroke='%23001A70' stroke-linecap='round' stroke-width='3' d='m20.631 20.631 4.644 4.643M6.703 6.702c3.703-3.704 9.709-3.704 13.413 0a9.484 9.484 0 0 1 0 13.413c-3.704 3.704-9.71 3.704-13.413 0a9.484 9.484 0 0 1 0-13.413Z' /%3E%3C/svg%3E");
  /* --- Upravené ikony --- */
  --icon-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' x='0' y='0' enable-background='new 0 0 181.4 181.4' version='1.1' viewBox='0 0 181.4 181.4' %3E%3Cpath fill='none' stroke='%232e2c7e' stroke-linecap='round' stroke-miterlimit='10' stroke-width='12' d='M90.7 22.5h30m-80 0h30m-48.2.7c-7.1 2-12.4 8.6-12.4 16.4V155c0 9.4 7.6 17 17 17h127.1c9.4 0 17-7.6 17-17V39.6c0-9.4-7.6-17-17-17h-13.5m30.6 37.1H10.1m80.6-37.2V9.4m0 24V22.5m-50 0V9.4m0 24V22.5m100 10.9v-24M52.6 98.6v-8.5c0-3.1-2.5-5.7-5.7-5.7h-8.5c-3.1 0-5.7 2.5-5.7 5.7v8.5c0 3.1 2.5 5.7 5.7 5.7H47c3.1 0 5.6-2.6 5.6-5.7zm48 0v-8.5c0-3.1-2.5-5.7-5.7-5.7h-8.5c-3.1 0-5.7 2.5-5.7 5.7v8.5c0 3.1 2.5 5.7 5.7 5.7H95c3.1 0 5.6-2.6 5.6-5.7zm48 0v-8.5c0-3.1-2.5-5.7-5.7-5.7h-8.5c-3.1 0-5.7 2.5-5.7 5.7v8.5c0 3.1 2.5 5.7 5.7 5.7h8.5c3.2 0 5.7-2.6 5.7-5.7zm-96 42v-8.5c0-3.1-2.5-5.7-5.7-5.7h-8.5c-3.1 0-5.7 2.5-5.7 5.7v8.5c0 3.1 2.5 5.7 5.7 5.7H47c3.1 0 5.6-2.6 5.6-5.7zm48 0v-8.5c0-3.1-2.5-5.7-5.7-5.7h-8.5c-3.1 0-5.7 2.5-5.7 5.7v8.5c0 3.1 2.5 5.7 5.7 5.7H95c3.1 0 5.6-2.6 5.6-5.7z' /%3E%3C/svg%3E");
  --icon-avatar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' x='0' y='0' enable-background='new 0 0 181.4 181.4' version='1.1' viewBox='0 0 181.4 181.4' %3E%3Cpath fill='none' stroke='%232e2c7e' stroke-linecap='round' stroke-miterlimit='10' stroke-width='12' d='M26.1 171c17.3-17.2 40.1-26.6 64.6-26.6 24.5 0 47.3 9.4 64.6 26.6M39 62.1c0 28.6 23.2 51.8 51.8 51.8s51.8-23.2 51.8-51.8-23.2-51.8-51.8-51.8S39 33.6 39 62.1z' /%3E%3C/svg%3E");
  --icon-tag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' x='0' y='0' enable-background='new 0 0 181.4 181.4' version='1.1' viewBox='0 0 181.4 181.4' %3E%3Cpath fill='none' stroke='%23312783' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='12' d='M52.6 43.1c5.3 0 9.5 4.3 9.5 9.5 0 5.3-4.3 9.5-9.5 9.5-5.3 0-9.5-4.3-9.5-9.5 0-5.3 4.2-9.5 9.5-9.5zM9.8 38.3v36.8c0 5.1 2 10 5.6 13.6L92.7 166c7.5 7.5 19.7 7.5 27.3 0h0l46.1-46c7.5-7.5 7.5-19.7 0-27.3 0 0 0 0 0 0L88.7 15.4c-3.6-3.6-8.5-5.6-13.6-5.6H38.3C22.5 9.7 9.8 22.5 9.8 38.3z' /%3E%3C/svg%3E");
  --icon-laboratory: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' x='0' y='0' enable-background='new 0 0 181.4 181.4' version='1.1' viewBox='0 0 181.4 181.4' %3E%3Cpath fill='none' stroke='%23312783' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='12' d='M66.5 12.6V54l-40.6 82.3c-6 12.1-1.1 26.8 10.8 32.8 3.3 1.7 7 2.6 10.8 2.6h86.4c13.3 0 24.2-11 24.1-24.5 0-3.8-.9-7.5-2.6-10.9L114.9 54V12.6M131 9.7H50.4m88.2 96.4H43.8' /%3E%3C/svg%3E");
  --icon-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' x='0' y='0' enable-background='new 0 0 181.4 181.4' version='1.1' viewBox='0 0 181.4 181.4' %3E%3Cpath fill='none' stroke='%232e2c7e' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='12' d='M90.7 9.4C55 9.4 26 38.9 26 75.2c0 44.5 49.4 85.2 64.7 96.8 15.4-11.6 64.7-52.3 64.7-96.8 0-36.3-29-65.8-64.7-65.8zm0 34.8c15.3 0 27.7 12.4 27.7 27.7S106 99.6 90.7 99.6 63 87.2 63 71.9s12.4-27.7 27.7-27.7z' /%3E%3C/svg%3E");
  --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' x='0' y='0' enable-background='new 0 0 181.4 181.4' version='1.1' viewBox='0 0 181.4 181.4' %3E%3Cpath fill='none' stroke='%232e2c7e' stroke-linecap='round' stroke-miterlimit='10' stroke-width='12' d='M90.7 10.1c44.5 0 80.6 36.1 80.6 80.6s-36.1 80.6-80.6 80.6-80.6-36.1-80.6-80.6 36.1-80.6 80.6-80.6zm0 26.1v54.5l26.3 25' /%3E%3C/svg%3E");
  --icon-phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' x='0' y='0' enable-background='new 0 0 181.4 181.4' version='1.1' viewBox='0 0 181.4 181.4' %3E%3Cpath fill='none' stroke='%23312783' stroke-miterlimit='10' stroke-width='12' d='M56.4 91.3c7.2 14.8 19.2 26.8 34 33.9 2.2 1.1 4.8.9 6.9-.5l21.8-14.6c2-1.3 4.5-1.6 6.6-.6l40.8 17.5c2.9 1.2 4.6 4.2 4.2 7.2-2.7 20.9-20.5 36.5-41.5 36.5-65.5 0-118.6-53.1-118.6-118.5 0-21 15.7-38.8 36.5-41.5 3.1-.4 6 1.3 7.2 4.2l17.5 40.9c.9 2.1.7 4.6-.5 6.5L56.8 84.5c-1.3 2-1.4 4.6-.4 6.8z' /%3E%3C/svg%3E");
  --icon-download: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 181.4 181.4'%3E%3Cpath fill='none' stroke='%23312783' stroke-linecap='round' stroke-linejoin='round' stroke-width='12' d='M173.6 133.9v15.5c0 13-10.5 23.5-23.5 23.5H31.3c-13 0-23.5-10.5-23.5-23.5v-15.5m32.6-29.1 50.7 50.7 50.9-50.9m-50.8 46.5V8.5' /%3E%3C/svg%3E");
  --icon-source: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 181.4 181.4'%3E%3Cpath fill='none' stroke='%232e2c7e' stroke-linecap='round' stroke-linejoin='round' stroke-width='10' d='M27.6 149.7V42.2L60.2 9.7h71.5c12.2 0 22.1 9.9 22.1 22.1v117.9c0 12.2-9.9 22.1-22.1 22.1h-82c-12.2 0-22.1-9.9-22.1-22.1ZM51.5 74H130m-78.5 29.3H130m-78.5 29.3h60.2M27.6 42.2h26.9c3.1 0 5.7-2.5 5.7-5.7V9.7' /%3E%3C/svg%3E");
  --icon-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 181.4 181.4'%3E%3Cpath fill='none' stroke='%232e2c7e' stroke-linecap='round' stroke-miterlimit='10' stroke-width='10' d='m78.6 102.8-5.5-5.5c-10.6-10.6-10.6-27.7 0-38.3l37.8-37.8c10.6-10.6 27.7-10.6 38.3 0l11 11c10.6 10.6 10.6 27.7 0 38.3L146.7 84M37.3 94.8l-16.1 16.1c-10.6 10.6-10.6 27.7 0 38.3l11 11c10.6 10.6 27.7 10.6 38.3 0l37.8-37.8c10.6-10.6 10.6-27.7 0-38.3l-3.5-3.5' /%3E%3C/svg%3E");
  /* --- Social icons - vlastní --- */
  --icon-facebook: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' x='0' y='0' enable-background='new 0 0 181.4 181.4' version='1.1' viewBox='0 0 181.4 181.4' %3E%3Cpath fill='none' stroke='%23312783' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='12' d='M136.4 7.6h-24.9c-11 0-21.6 4.4-29.4 12.2-7.8 7.8-12.2 18.4-12.2 29.4v24.9H45v33.2h24.9v66.5h33.2v-66.5H128l8.3-33.2h-33.2V49.2c0-2.2.9-4.3 2.4-5.9 1.6-1.6 3.7-2.4 5.9-2.4h24.9V7.6z' /%3E%3C/svg%3E");
  --icon-email: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' x='0' y='0' enable-background='new 0 0 181.4 181.4' version='1.1' viewBox='0 0 181.4 181.4' %3E%3Cpath fill='none' stroke='%23312783' stroke-miterlimit='10' stroke-width='12' d='M11.2 136.1V45.3c0-12.6 10.2-22.9 22.9-22.9h113.3c12.6 0 22.9 10.2 22.9 22.9v90.8c0 12.6-10.2 22.9-22.9 22.9H34c-12.6 0-22.8-10.3-22.8-22.9zm0-90.8L77 83c8.5 4.9 18.9 4.9 27.4 0l65.9-37.7' /%3E%3C/svg%3E");
  --icon-twitter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' x='0' y='0' enable-background='new 0 0 181.4 181.4' version='1.1' viewBox='0 0 181.4 181.4' %3E%3Cpath fill='none' stroke='%23312783' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='12' d='M17 10.1h36.8l111 161.2H128L17 10.1zm82 65.7 56.6-65.7m-139 161.2 61.9-71.9' /%3E%3C/svg%3E");
  --icon-linkedin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' x='0' y='0' enable-background='new 0 0 181.4 181.4' version='1.1' viewBox='0 0 181.4 181.4' %3E%3Cpath fill='none' stroke='%23312783' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='12' d='M26.1 9.3C16.5 9.3 9.6 15.9 9.6 25s6.8 15.7 16.2 15.7c4.9 0 9.1-1.6 12.1-4.6 2.9-2.9 4.6-6.8 4.6-11.2-.2-9.2-7-15.6-16.4-15.6zM10.2 172.1h32.3V53.5H10.2v118.6zM127.6 53.5c-15 0-24.1 5.2-29.4 10l-1-10H60.6v118.7h35.8v-62.4c0-2.7 1.1-8.3 1.8-9.7 4.3-9.3 10.1-9.3 19-9.3 10.2 0 18.8 9.5 18.8 20.8v60.6h35.9v-67.1c-.1-35.5-23-51.6-44.3-51.6z' /%3E%3C/svg%3E");
  --icon-instagram: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 181.4 181.4'%3E%3Cpath fill='none' stroke='%23312783' stroke-miterlimit='12' stroke-width='12' d='M10.2 132.8V47.5C10.2 26.6 27.1 9.7 48 9.7h85.3c20.9 0 37.8 16.9 37.8 37.8v85.3c0 20.9-16.9 37.8-37.8 37.8H48c-20.9 0-37.8-16.9-37.8-37.8Zm42.6-42.7c0 20.9 17 37.9 37.9 37.9s37.9-17 37.9-37.9-17-37.9-37.9-37.9-37.9 17-37.9 37.9Zm83.4-50.9c0 2.2 1.8 4 4 4s4-1.8 4-4-1.8-4-4-4-4 1.8-4 4Z' /%3E%3C/svg%3E");
  --icon-youtube: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 181.4 181.4'%3E%3Cpath fill='none' stroke='%23312783' stroke-linecap='round' stroke-linejoin='round' stroke-width='12' d='M8.5 113.8V67.6c0-19.6 15.9-35.4 35.4-35.4h93.6c19.6 0 35.4 15.9 35.4 35.4v46.2c0 19.6-15.9 35.4-35.4 35.4H43.9c-19.6 0-35.4-15.9-35.4-35.4Zm57.9-42.7v39.2c0 3.6 3.8 6 7.1 4.4l38.9-19.6c3.6-1.8 3.6-6.9 0-8.7L73.5 66.8c-3.3-1.6-7.1.7-7.1 4.4Z' /%3E%3C/svg%3E");
  --icon-bluesky: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 181.4 181.4'%3E%3Cpath fill='none' stroke='%232e2c7e' stroke-linecap='round' stroke-linejoin='round' stroke-width='10' d='M44 27.8c18.9 14.2 39.3 43 46.7 58.4 7.5-15.5 27.8-44.2 46.7-58.4 13.6-10.2 35.8-18.2 35.8 7.1s-2.9 42.3-4.6 48.4c-5.9 21-27.3 26.4-46.4 23.2 33.4 5.7 41.9 24.5 23.5 43.3-34.8 35.7-50-9-53.9-20.4-.7-2.1-1-3.1-1.1-2.2 0-.8-.3.1-1.1 2.2-3.9 11.5-19.1 56.1-53.9 20.4-18.3-18.8-9.8-37.6 23.5-43.3-19.1 3.2-40.5-2.1-46.4-23.2-1.7-6.1-4.6-43.3-4.6-48.4 0-25.2 22.1-17.3 35.8-7.1Z' /%3E%3C/svg%3E");
  --icon-orcid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 181.4 181.4'%3E%3Cpath fill='%232e2c7e' stroke-width='0' d='M90.7 2.7c-48.6 0-88 39.4-88 88s39.4 88 88 88 88-39.4 88-88-39.4-88-88-88Zm0 162.1c-40.9 0-74.1-33.2-74.1-74.1s33.2-74.1 74.1-74.1 74.1 33.2 74.1 74.1-33.2 74.1-74.1 74.1ZM55 126.9h11.1V63.2H55v63.7Zm47.9-63.8h-25v63.8H103c20.9 0 33.7-15.5 33.7-31.9s-2.6-15.5-8.1-21.6c-5.6-6.1-14.1-10.3-25.7-10.3Zm17.9 45.4c-3.4 4.4-9.2 8.1-18.9 8.1H89V73.4h12.4c8.4 0 14.3 2.5 18.2 6.4 3.9 3.9 5.8 9.3 5.8 15.2s-1.1 9-4.6 13.5ZM67.5 51.6c0 3.8-3.1 6.9-6.9 6.9-3.9 0-6.9-3.2-6.9-6.9s3.1-6.9 6.9-6.9 6.9 3.2 6.9 6.9Z' /%3E%3C/svg%3E");
  --icon-googlescholar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 181.4 181.4'%3E%3Cpath fill='none' stroke='%232e2c7e' stroke-linecap='round' stroke-linejoin='round' stroke-width='10' d='M47.2 105 8.7 73.7l82-65V77m43.2 28.2 38.8-31.6-82-64.9V77m0 0c26.4 0 47.8 21.4 47.8 47.8s-21.4 47.8-47.8 47.8-47.8-21.4-47.8-47.8S64.3 77 90.7 77Zm-43.2 27.4c7.7-16.2 24.1-27.3 43.2-27.3s35.6 11.2 43.2 27.3H47.5' /%3E%3C/svg%3E");
  --icon-researchgate: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 181.4 181.4'%3E%3Cpath fill='%232e2c7e' stroke-width='0' d='M110.6 175.7c-15.2-3-24.2-11.8-47.2-46q-7.6-11.5-15.1-12c-10.9-.7-10.1-2.7-9.8 21.4.4 27.4.1 26.7 15.9 29.4 4.1.6 4.5 1 4.5 3.4s0 2.8-27.8 3c-26.1.2-27.8.1-28.3-1.5-1.1-3.1.5-4.6 6.3-5.6 6.5-1.2 9.9-3.8 10.7-8.3.4-1.7.5-24.6.3-50.9-.3-55.3.3-52-9.9-54.2C3.8 53 1.8 51.5 2.7 49c.6-1.7 2-1.8 31-2.3 43.1-.8 51.2.5 62.6 10.7 12 10.7 13.7 27.1 4.1 40.8-4.2 6.2-12.7 12.7-19.3 15.2-3.1 1.2-5.6 2.4-5.6 2.9 0 1.3 9.8 15.2 15.8 22.6 16.1 19.6 24.8 27.3 33.9 29.6 5.6 1.5 7.2 3.1 5.6 5.8-1.7 2.9-10.2 3.5-20.2 1.5ZM70 105.4c21.2-8.7 22.8-37.9 2.7-46.5-5.2-2.2-6.6-2.3-19.6-2.3s-14.1 0-14.3 24.5c-.2 13.5-.1 25.2.2 25.8 1 2.2 24.8 1.1 31.1-1.5Zm73.9-30.3C127.4 72 122 61.9 122.9 36c.4-14.3 1.6-18.3 7.1-24.2 9.8-10.5 34-9.6 42.9 1.7 3.8 4.8 3.5 6.3-1.8 7.9q-4.1 1.4-8-2.4c-9-8.7-24.6-5.5-27.4 5.7-1.4 5-1.3 26.1.1 30.9 3.7 13.5 26.1 13.5 29.9 0 2.3-8.6 1.8-9.2-8.5-9.8q-5-.2-5-4.4t11.9-4.4c15.4-.3 15.2-.5 14.4 10.7-1 14.1-4.8 20.9-14 24.9-6 2.5-14.3 3.5-20.7 2.3Z' /%3E%3C/svg%3E");
  --icon-grid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 181.4 181.4'%3E%3Cpath fill='none' stroke='%232e2c7e' stroke-linecap='round' stroke-miterlimit='10' stroke-width='10' d='M74 83.4H15.7C10.3 83.4 6 79 6 73.7V28.1c0-5.4 4.4-9.7 9.7-9.7H74c5.4 0 9.7 4.4 9.7 9.7v45.6c0 5.4-4.4 9.7-9.7 9.7Zm101.4-9.7V28.1c0-5.4-4.4-9.7-9.7-9.7h-58.3c-5.4 0-9.7 4.4-9.7 9.7v45.6c0 5.4 4.4 9.7 9.7 9.7h58.3c5.4 0 9.7-4.4 9.7-9.7Zm-91.6 79.6v-45.6c0-5.4-4.4-9.7-9.7-9.7H15.7c-5.4 0-9.7 4.4-9.7 9.7v45.6c0 5.4 4.4 9.7 9.7 9.7H74c5.4 0 9.7-4.4 9.7-9.7Zm91.6 0v-45.6c0-5.4-4.4-9.7-9.7-9.7h-58.3c-5.4 0-9.7 4.4-9.7 9.7v45.6c0 5.4 4.4 9.7 9.7 9.7h58.3c5.4 0 9.7-4.4 9.7-9.7Z' /%3E%3C/svg%3E");
  --icon-list: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 181.4 181.4'%3E%3Cpath fill='none' stroke='%232e2c7e' stroke-linecap='round' stroke-miterlimit='10' stroke-width='10' d='M11.5 30.7h10.9m18.5 0h128.9m-158.3 40h10.9m18.5 0h128.9m-158.3 40h10.9m18.5 0h128.9m-158.3 40h10.9m18.5 0h128.9' /%3E%3C/svg%3E");
  --quote: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="34" height="25"><path fill="%230D354F" fill-rule="evenodd" d="M14.566 2.101C13.416 1.086 11.827.579 9.798.579c-1.711 0-3.246.36-4.608 1.081-1.362.721-2.432 1.723-3.206 3.005C1.209 5.947.822 7.418.822 9.073c0 1.71.548 3.018 1.643 3.926 1.094.909 2.631 1.362 4.608 1.362a7.403 7.403 0 0 0 3.045-.64 7.863 7.863 0 0 0 2.565-1.843c-.161 2.563-1.123 4.808-2.885 6.73-1.764 1.924-3.741 3.341-5.931 4.248l.401 1.443c3.687-1.549 6.612-3.859 8.775-6.932 2.164-3.072 3.246-6.477 3.246-10.217 0-2.351-.575-4.034-1.723-5.049Zm17.389 0C30.806 1.086 29.217.579 27.187.579c-1.71 0-3.245.36-4.608 1.081-1.362.721-2.431 1.723-3.205 3.005-.775 1.282-1.162 2.753-1.162 4.408 0 1.71.547 3.018 1.643 3.926 1.094.909 2.63 1.362 4.608 1.362a7.406 7.406 0 0 0 3.045-.64 7.87 7.87 0 0 0 2.564-1.843c-.16 2.563-1.122 4.808-2.885 6.73-1.763 1.924-3.74 3.341-5.93 4.248l.401 1.443c3.686-1.549 6.611-3.859 8.775-6.932 2.163-3.072 3.245-6.477 3.245-10.217 0-2.351-.575-4.034-1.723-5.049Z"/></svg>');
  --arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 181.4 181.4'%3E%3Cpath fill='none' stroke='%23312783' stroke-linecap='round' stroke-linejoin='round' stroke-width='16' d='m116.1 147.2 56.3-56.3-56.6-56.6m51.8 56.4H9' /%3E%3C/svg%3E");
  --check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12'%3E%3Cpath fill='%23F60' fill-rule='evenodd' d='m13.67 1.649-7.887 9.915a.973.973 0 0 1-.72.367h-.059a.994.994 0 0 1-.7-.288L.371 7.677a.992.992 0 0 1 0-1.398.979.979 0 0 1 1.39 0l3.164 3.183L12.132.41a.994.994 0 0 1 1.39-.16c.424.348.493.962.158 1.399h-.01Z'/%3E%3C/svg%3E");
  --arrow-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 181.4 98.9'%3E%3Cpath fill='none' stroke='%23312783' stroke-linecap='round' stroke-linejoin='round' stroke-width='40' d='M9.2 8.3 91 90.1l82.2-82.2' /%3E%3C/svg%3E");
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
* {
  box-sizing: border-box;
  position: relative;
}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
a,
input,
textarea,
p,
body,
span {
  margin: 0;
  padding: 0;
  line-height: 1.2;
}
img {
  border: none;
}
ul li {
  list-style: none;
}
a {
  text-decoration: none;
}
a,
svg,
path {
  transition: all 0.25s ease-in-out;
}
div,
article,
section,
img,
main,
input,
textarea {
  display: block;
}
input,
textarea,
img,
a,
option,
select,
button,
div {
  outline: none;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
html {
  font-size: 10px;
  font-family: "Neue Haas Grotesk", sans-serif;
  font-weight: var(--regular);
  font-optical-sizing: auto;
  height: fill-available;
  height: -webkit-fill-available;
  width: 100%;
  overflow-x: hidden;
}
body {
  font-size: var(--font-size-18);
  color: var(--color-main);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  background-color: var(--color-white);
  min-height: 100vh;
  min-height: fill-available;
  min-height: -webkit-fill-available;
  overflow: clip;
  scrollbar-color: var(--color-main) var(--color-background);
  scrollbar-width: thin;
}
body::-webkit-scrollbar {
  width: 0.8rem;
  background: var(--color-background);
}
body::-webkit-scrollbar-thumb {
  background: var(--color-primary);
  border-radius: 0.4rem;
}
.content {
  width: 100%;
  padding: 0 var(--padding-on-side);
  margin: 0 auto;
  position: relative;
  z-index: 5;
}
.content--regular {
  max-width: calc(var(--content-regular) + 2 * var(--padding-on-side));
}
.content--smaller {
  max-width: calc(var(--content-small) + 2 * var(--padding-on-side));
}
.content--bigger {
  max-width: calc(var(--content-big) + 2 * var(--padding-on-side));
}
.section,
.is-style-section {
  position: relative;
  z-index: 2;
}
.section--smaller,
.is-style-section--smaller {
  padding: calc(var(--gap) * 2) 0;
}
.section--normal,
.is-style-section--normal {
  padding: calc(var(--gap) * 2.5) 0;
}
.section--background,
.is-style-section--background {
  --item-background-color: var(--color-white);
}
.section--background .employee-card,
.is-style-section--background .employee-card {
  --item-background-color: var(--color-white);
  --tag-background-color: var(--color-background);
}
.section--background::after,
.is-style-section--background::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: var(--padding-on-side);
  right: var(--padding-on-side);
  background-color: var(--color-background);
  border-radius: var(--border-radius-bigger);
  z-index: 0;
}
.section--artwork::after,
.is-style-section--artwork::after {
  background-image: url(../img/svg/artwork.svg);
  background-size: cover;
  background-position: center;
}
.section--no-top,
.is-style-section--no-top {
  padding-top: 0;
}
.section--no-bottom,
.is-style-section--no-bottom {
  padding-bottom: 0;
}
@media screen and (max-width: 1400px) {
  .section--background::after,
  .is-style-section--background::after {
    left: 0;
    right: 0;
    border-radius: 0;
  }
}
.absolute-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.button,
.wp-block-button__link {
  --button-text: var(--color-white);
  --button-text-hover: var(--color-white);
  --button-background: var(--color-primary);
  --button-background-hover: var(--color-secondary);
  --button-font-siez: var(--font-size-20);
  display: inline-block;
  padding: 0.8em 2em;
  line-height: 1em;
  font-family: "Neue Haas Grotesk", sans-serif;
  font-weight: var(--regular);
  font-optical-sizing: auto;
  font-size: var(--button-font-size, var(--font-size-18));
  border: none;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
  border-radius: 10em;
  box-shadow: var(--shadow);
  text-align: center;
  color: var(--button-text);
  background-color: var(--button-background);
  text-transform: uppercase;
}
.button:hover,
.wp-block-button__link:hover {
  color: var(--button-text-hover);
  background-color: var(--button-background-hover);
  box-shadow: var(--shadow-darker);
}
.button--secondary,
.wp-block-button__link--secondary {
  --button-background: var(--color-secondary);
  --button-background-hover: var(--color-primary);
}
.button--smaller,
.wp-block-button__link--smaller {
  --button-font-size: var(--font-size-16);
}
.text-center {
  text-align: center;
}
.margin-top {
  margin-top: var(--gap);
}
.margin-bottom {
  margin-bottom: var(--gap);
}
.section__title {
  font-family: "Neue Haas Grotesk", sans-serif;
  font-weight: var(--medium);
  font-optical-sizing: auto;
  font-size: var(--font-size-48);
  line-height: 1.2em;
  color: var(--color-primary);
  margin-bottom: 0.5em;
}
.section__title--smaller {
  font-size: var(--font-size-36);
  color: var(--color-primary);
}
.section__subheading,
.is-style-subheading {
  font-size: var(--font-size-18);
  font-weight: var(--bold);
  line-height: 1em;
  color: var(--color-secondary);
  margin: 0 0 0.5em 0 !important;
  text-transform: uppercase;
}
.section__subheading + .wp-block-heading,
.is-style-subheading + .wp-block-heading {
  margin-top: 0 !important;
}
.section__text {
  font-size: var(--font-size-16);
  line-height: 1.5em;
  color: var(--color-main);
}
.section__text.text-center {
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}
.js-parallax {
  transition-property: opacity, filter;
  transition-duration: 0.4s;
  transition-timing-function: ease-in-out;
}
.js-parallax:hover:not(.no-blur) {
  opacity: 0.5;
  filter: blur(0.25em);
}
.section--normal:not(.section--background):not(.is-style-section--background):has( + .section--normal:not(.section--background):not(.is-style-section--background)) {
  padding-bottom: 0;
}
.z-index-5 {
  z-index: 5;
}
.main > .is-style-section--background:last-child {
  margin-bottom: calc(var(--gap) * 2.5);
}
.global-style > *:first-child {
  margin-top: 0;
}
.global-style > *:last-child {
  margin-bottom: 0;
}
.global-style p,
.global-style li {
  line-height: var(--line-height);
}
.global-style p {
  margin: 1em 0;
}
.global-style p a,
.global-style li a,
.global-style table a {
  --line-position: 100%;
  --line-height: 0.1em;
  --line-color: var(--color-primary);
  color: var(--color-primary);
  text-decoration: none;
  position: relative;
  background-repeat: no-repeat;
  background-image: linear-gradient(90deg, var(--line-color) 0, var(--line-color) 100%);
  background-position: 100% var(--line-position);
  background-size: 100% var(--line-height);
  display: inline-block;
  line-height: 1.2;
  font-weight: var(--medium);
}
.global-style p a::after,
.global-style li a::after,
.global-style table a::after {
  content: "";
  display: block;
  height: 0.1em;
  width: 0%;
  background-color: transparent;
  border-radius: 1em;
  transition: all 0.25s ease-in-out;
  z-index: -1;
  background: var(--color-secondary);
}
.global-style p a:hover::after,
.global-style li a:hover::after,
.global-style table a:hover::after {
  width: 100%;
  color: var(--color-primary);
}
.global-style p a:hover,
.global-style li a:hover,
.global-style table a:hover {
  animation: line-animation 0.8s cubic-bezier(0.57, 0.39, 0, 0.86) 1 forwards;
  color: var(--color-secondary);
  --line-color: var(--color-secondary);
}
.global-style hr {
  border: 0;
  height: 2px;
  background: var(--color-background);
  clear: both;
  margin: var(--gap) 0;
}
.global-style blockquote {
  padding: clamp(1em, 5cqw, calc(var(--gap) * 1));
  border-radius: var(--border-radius);
  background-color: var(--color-background);
  overflow: hidden;
  margin: 0 !important;
}
.global-style blockquote::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10em;
  height: 10em;
  mask: var(--quote) center / contain no-repeat;
  background-color: var(--color-main);
  opacity: 0.1;
}
.global-style blockquote p {
  margin: 0;
  z-index: 2;
}
.global-style blockquote cite {
  margin-top: 1em;
  font-size: var(--font-size-16);
  display: block;
  font-family: "ABC Camera", sans-serif;
  font-weight: var(--medium);
  font-optical-sizing: auto;
  color: var(--color-secondary);
}
.global-style blockquote cite a {
  font-style: normal;
  color: var(--color-secondary);
}
.global-style blockquote cite a:hover {
  text-decoration: underline;
}
.global-style blockquote cite em {
  font-style: normal;
  line-break: loose;
}
.wp-block-list {
  counter-reset: item;
  list-style: none;
  margin: var(--margins) 0;
}
ul.wp-block-list li {
  padding: 0.3em 0 0.3em 1.7em;
}
ul.wp-block-list li::before {
  content: "";
  position: absolute;
  left: 0;
  width: 0.8em;
  height: 0.8em;
  mask: var(--icon-ok) center / contain no-repeat;
  background-color: var(--color-secondary);
  top: 0.6em;
  border-radius: 0;
}
ol.wp-block-list {
  padding-left: 0;
}
ol.wp-block-list li {
  padding-left: 1.4em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}
ol.wp-block-list li::before {
  counter-increment: item;
  content: counter(item) ". ";
  font-weight: var(--bold);
  display: inline-block;
  position: absolute;
  left: 0;
  z-index: 2;
  color: var(--color-main);
}
.has-small-font-size {
  font-size: 0.8em;
}
.has-medium-font-size {
  font-size: 1.2em;
}
.has-large-font-size {
  font-size: 1.4em;
}
.has-huge-font-size {
  font-size: 1.6em;
}
.has-text-align-center {
  margin-left: auto;
  margin-right: auto;
}
.wp-block-table {
  margin: var(--margins) 0;
  overflow: inherit;
}
.wp-block-table table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}
.wp-block-table thead {
  border-collapse: collapse;
  border: none !important;
}
.wp-block-table th {
  font-family: "ABC Camera", sans-serif;
  font-weight: var(--medium);
  font-optical-sizing: auto;
  font-size: var(--font-size-20);
  color: var(--color-white);
  background-color: var(--color-primary);
  text-align: left;
  border: none;
  padding: 0.6em 1.4em !important;
  border: none !important;
}
.wp-block-table td {
  font-size: var(--font-size-16);
  text-align: left;
  border: none !important;
  padding: 1.3em 1.6em !important;
}
.wp-block-table tr:nth-of-type(even) td {
  background-color: var(--color-background);
}
@media screen and (max-width: 660px) {
  .wp-block-table.responsive-table table {
    width: 100%;
    border-collapse: collapse;
  }
  .wp-block-table.responsive-table thead {
    display: none;
  }
  .wp-block-table.responsive-table tr {
    display: block;
    margin-bottom: 1em;
  }
  .wp-block-table.responsive-table td {
    display: flex;
    justify-content: space-between;
    gap: 1em;
    text-align: right;
    padding: 0.6em 0.6em !important;
    font-size: var(--font-size-14);
  }
  .wp-block-table.responsive-table td:not(:last-of-type) {
    border-bottom: 1px solid #ccc;
  }
  .wp-block-table.responsive-table td::before {
    content: attr(data-label);
    font-weight: bold;
    text-transform: uppercase;
    font-size: var(--font-size-14);
    width: 40%;
    text-align: left;
    display: inline-block;
    color: var(--color-primary);
  }
}
.aligncenter {
  margin-left: auto;
  margin-right: auto;
}
.wp-block-heading {
  font-family: "Neue Haas Grotesk", sans-serif;
  font-weight: var(--medium);
  font-optical-sizing: auto;
  font-size: var(--font-size);
  line-height: 1.1;
  color: var(--color, var(--color-primary));
  margin-bottom: 0.75em;
  margin-top: 1em;
}
.wp-block-heading:has(+ .is-style-subheading) {
  margin-bottom: 0;
}
.wp-block-heading + .is-style-subheading {
  margin-bottom: 1em !important;
}
h1.wp-block-heading {
  font-family: "ABC Camera", sans-serif;
  font-weight: var(--medium);
  font-optical-sizing: auto;
  font-size: var(--font-size-48);
}
h2.wp-block-heading {
  --font-size: var(--font-size-36);
}
h2.wp-block-heading.has-large-font-size {
  --font-size: var(--font-size-48);
}
h3.wp-block-heading {
  --font-size: var(--font-size-30);
}
h4.wp-block-heading {
  --font-size: var(--font-size-24);
  --color: var(--color-secondary);
  text-transform: uppercase;
}
.wp-block-columns {
  gap: calc(var(--gap) * 1.5);
  margin: calc(var(--margins) * 2) auto;
}
.wp-block-column > *:first-child {
  margin-top: 0;
}
.wp-block-column > *:last-child {
  margin-bottom: 0;
}
.wp-block-media-text {
  grid-template-columns: 50% 1fr;
  gap: calc(var(--gap) * 1);
  margin: var(--gap) 0;
}
.wp-block-media-text + .wp-block-media-text {
  margin-top: calc(var(--gap) * 2);
}
.wp-block-media-text.is-style-dots::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 45%;
  transform: translateX(-50%);
  width: 12cqw;
  aspect-ratio: 1/1;
  background: url(../img/svg/dots.svg) center / contain no-repeat;
  opacity: 0.2;
  z-index: -1;
}
.wp-block-media-text .wp-block-media-text__content {
  padding: 0 !important;
}
.wp-block-media-text .wp-block-media-text__content > *:first-child {
  margin-top: 0;
}
.wp-block-media-text .wp-block-media-text__content > *:last-child {
  margin-bottom: 0;
}
.wp-block-media-text img {
  border-radius: var(--border-radius);
}
@media screen and (max-width: 768px) {
  .wp-block-media-text {
    grid-template-columns: 1fr !important;
  }
  .wp-block-media-text .wp-block-media-text__media {
    grid-column: auto !important;
    order: 1;
    grid-row: auto !important;
  }
  .wp-block-media-text .wp-block-media-text__content {
    grid-column: auto !important;
    order: 2;
    grid-row: auto !important;
  }
}
.wp-block-group__inner-container > *:first-child {
  margin-top: 0;
}
.wp-block-group__inner-container > *:last-child {
  margin-bottom: 0;
}
.is-style-phone,
.is-style-email,
.is-style-date {
  display: flex;
  align-items: center;
  gap: 0.75em;
  margin: 0.5em 0 !important;
}
.is-style-phone a,
.is-style-email a,
.is-style-date a {
  font-weight: var(--regular) !important;
}
.is-style-phone::before,
.is-style-email::before,
.is-style-date::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  -webkit-mask: var(--icon) center / contain no-repeat;
  mask: var(--icon) center / contain no-repeat;
  background-color: var(--color-secondary);
}
.is-style-phone.has-text-align-center,
.is-style-email.has-text-align-center,
.is-style-date.has-text-align-center {
  justify-content: center;
}
.is-style-phone {
  --icon: var(--icon-phone);
}
.is-style-email {
  --icon: var(--icon-email);
}
.is-style-date {
  --icon: var(--icon-calendar);
  font-weight: var(--bold);
  color: var(--color-secondary);
  font-size: 1.25em;
}
/* ---- Vlastní styly použité v editoru ---- */
.form-wrapper {
  background-color: var(--color-background);
  border-radius: var(--border-radius-bigger);
  padding: clamp(1em, 5cqw, calc(var(--gap) * 1.5));
}
.form-wrapper .wp-block-heading {
  margin-top: 0;
}
.form-wrapper .form {
  max-width: 680px;
  margin: 0 auto;
}
.block-dots::after {
  content: "";
  position: absolute;
  top: -5em;
  right: 8em;
  width: 11cqw;
  aspect-ratio: 1 / 1;
  z-index: 0;
  background: url(../img/svg/dots.svg) center / contain no-repeat;
  opacity: 0.2;
  transform: rotate(141deg);
}
.block-dots::before {
  content: "";
  position: absolute;
  bottom: -2em;
  left: 2em;
  width: 14cqw;
  aspect-ratio: 1 / 1;
  z-index: 0;
  background: url(../img/svg/dots.svg) center / contain no-repeat;
  opacity: 0.2;
  transform: rotate(-90deg);
}
.table-contact td {
  background-color: transparent !important;
  padding: 0.5em 0.25em;
  line-height: var(--line-height);
  vertical-align: text-top;
}
.table-contact td:nth-child(1) {
  width: 50%;
}
.table-contact td:nth-child(2) {
  width: 50%;
}
.contact-for-media {
  background-color: var(--item-background-color, var(--color-background));
  border-radius: var(--border-radius);
  padding: clamp(1em, 5cqw, calc(var(--gap) * 0.75));
  text-align: center;
}
.contact-for-media img {
  border-radius: 10em;
  overflow: hidden;
  max-width: 100px;
  aspect-ratio: 1 / 1;
}
.contact-for-media .wp-block-heading {
  --font-size: var(--font-size-24);
}
.contact-for-media .is-style-phone,
.contact-for-media .is-style-email {
  justify-content: center;
}
.has-text-align-center {
  text-align: center;
}
.wp-block-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  margin-top: var(--margins);
  margin-bottom: var(--margins);
}
.is-layout-grid {
  display: grid;
  gap: var(--gap);
}
.is-style-box {
  background-color: var(--color-white);
  border-radius: var(--border-radius);
  padding: clamp(10px, 5cqw, 40px);
  box-shadow: var(--shadow);
  margin: 0 auto;
}
.is-style-box > *:first-child {
  margin-top: 0;
}
.is-style-box > *:last-child {
  margin-bottom: 0;
}
.is-style-box .wp-block-heading {
  margin-top: 0;
}
.is-style-box .wp-block-button {
  margin-top: 1em;
}
@media screen and (max-width: 600px) {
  .is-layout-grid {
    grid-template-columns: 1fr !important;
  }
}
.single-project .wp-block-media-text img {
  border-radius: 0;
}
.wp-block-video {
  margin: 0 auto;
  width: 100%;
  max-width: 960px;
}
@media screen and (min-width: 768px) {
  .admin-bar .top-bar {
    top: 32px;
  }
}
.main {
  z-index: 3;
}
.top-bar {
  padding: 1em 0;
  z-index: 999;
  position: sticky;
  top: 0;
  background-color: var(--color-white);
  transition: all 0.25s ease-in-out;
  --logo-size: clamp(34px, 5cqw, 60px);
}
.top-bar.smaller {
  padding: 0.5em 0;
  --logo-size: clamp(24px, 4vw, 40px);
  box-shadow: var(--shadow);
}
.top-bar__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap);
}
.top-bar__logo {
  flex-shrink: 0;
}
.top-bar__logo img {
  height: var(--logo-size);
  width: auto;
  transition: all 0.25s ease-in-out;
}
.top-bar__menu {
  display: inline-flex;
}
.top-bar__menu a {
  font-size: var(--font-size-18);
  text-transform: uppercase;
  font-weight: var(--bold);
  padding: 0.5em 1em;
  color: var(--color-primary);
}
.top-bar__menu a:hover {
  color: var(--color-secondary);
}
.top-bar__menu .current-menu-item a {
  color: var(--color-secondary);
}
.top-bar__right-side {
  display: flex;
  align-items: center;
  gap: var(--gap);
}
.top-bar__search-icon {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  width: 1.6em;
  height: 1.6em;
  -webkit-mask: var(--icon-search) center / contain no-repeat;
  mask: var(--icon-search) center / contain no-repeat;
  background-color: var(--color-primary);
}
.top-bar__search-icon:hover {
  background-color: var(--color-secondary);
}
.top-bar__search-languages {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
}
.top-bar__mobile-menu {
  display: none;
  align-items: center;
  cursor: pointer;
  gap: 0.5em;
}
.top-bar__mobile-menu:hover .top-bar__hamburger span {
  width: 100%;
}
.top-bar__mobile-menu-text {
  text-transform: uppercase;
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  color: var(--color);
  transition: all 0.25s ease-in-out;
}
.top-bar__hamburger {
  width: 2em;
  height: 1.6em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.top-bar__hamburger span {
  display: block;
  height: 0.25em;
  border-radius: 1em;
  margin-left: auto;
  transition: all 0.25s ease-in-out;
  background-color: var(--color-secondary);
}
.top-bar__hamburger span:nth-child(1) {
  width: 70%;
}
.top-bar__hamburger span:nth-child(2) {
  width: 100%;
}
.top-bar__hamburger span:nth-child(3) {
  width: 80%;
}
@media screen and (max-width: 1100px) {
  .top-bar__menu {
    display: none;
  }
  .top-bar__mobile-menu {
    display: flex;
  }
}
@media screen and (max-width: 480px) {
  .top-bar .languages-switcher {
    display: none;
  }
}
@keyframes showMenuContent {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes hideMenuContent {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.mobile-menu {
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 999;
}
.mobile-menu.visible {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.mobile-menu.visible .mobile-menu__background {
  transform: scale(2000);
}
.mobile-menu.visible .mobile-menu__wrapper {
  animation: showMenuContent 0.4s forwards;
  animation-delay: 0.4s;
}
.mobile-menu.hidden .mobile-menu__wrapper {
  animation: hideMenuContent 0.4s forwards;
}
.mobile-menu__background {
  position: absolute;
  top: 2em;
  right: calc(var(--padding-on-side) + 1em);
  width: 1px;
  aspect-ratio: 1/1;
  transform: scale(1);
  transform-origin: center;
  transition: all 0.4s ease-in-out;
  background-color: var(--color-secondary);
  border-radius: 50%;
}
.mobile-menu__wrapper {
  width: 100%;
  height: 100dvh;
  overflow-y: auto;
  scrollbar-color: var(--color-main) var(--color-background);
  scrollbar-width: thin;
  opacity: 0;
  visibility: hidden;
  display: flex;
  flex-direction: column;
}
.mobile-menu__wrapper::-webkit-scrollbar {
  width: 0.8rem;
  background: var(--color-background);
}
.mobile-menu__wrapper::-webkit-scrollbar-thumb {
  background: var(--color-primary);
  border-radius: 0.4rem;
}
.mobile-menu__logo-close {
  padding: 1em var(--padding-on-side);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
  z-index: 5;
}
.mobile-menu__close {
  width: 2.4em;
  height: 2em;
  mask: var(--arrow-right) center / contain no-repeat;
  background-color: var(--color-white);
  position: relative;
}
.mobile-menu__menu {
  text-align: center;
}
.mobile-menu__menu li {
  padding: 0.6em 0;
}
.mobile-menu__menu a {
  font-family: "ABC Camera", sans-serif;
  font-weight: var(--medium);
  font-optical-sizing: auto;
  font-size: var(--font-size-60);
  text-transform: uppercase;
  padding: 0.5em 1em;
  color: var(--color-white);
}
.mobile-menu__logo img {
  height: 2.4em;
  filter: brightness(0) invert(1);
}
.mobile-menu__content {
  padding: 1em var(--padding-on-side);
  width: 100%;
  display: flex;
  flex-grow: 1;
  align-items: center;
}
.mobile-menu__inner {
  width: 100%;
}
.mobile-menu__languages {
  padding: 0.5em var(--padding-on-side) 1em;
  text-align: center;
  display: flex;
  justify-content: center;
}
.languages-switcher {
  background-color: var(--color-background-darker);
  display: flex;
  gap: 0.4em;
  padding: 0.3em;
  border-radius: 0.6em;
  font-size: var(--font-size-16);
}
.languages-switcher__item {
  display: block;
  padding: 0.3em 0.5em;
  border-radius: 0.4em;
  color: var(--color-primary);
  text-transform: uppercase;
}
.languages-switcher__item--active {
  background-color: var(--color-secondary);
  color: var(--color-white);
}
#pixel-to-watch {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 10em;
  background-color: transparent;
}
.footer {
  background-color: var(--color-primary);
  color: var(--color-white);
  overflow: hidden;
  padding-top: calc(var(--gap) * 2);
  z-index: 2;
}
.footer::after {
  content: "";
  position: absolute;
  right: 0em;
  bottom: 1em;
  width: 50%;
  height: 100%;
  z-index: 0;
  background: url(../img/svg/footer-background.svg) right bottom / auto no-repeat;
  opacity: 0.05;
}
.footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em var(--gap);
  padding: calc(var(--gap) * 1.5) 0 var(--gap);
  font-size: var(--font-size-14);
  font-family: "Neue Haas Grotesk", sans-serif;
  font-weight: var(--regular);
  font-optical-sizing: auto;
}
.footer__copyright {
  opacity: 0.5;
}
.footer__links a {
  color: var(--color-white);
  opacity: 0.5;
  text-decoration: underline;
}
.footer__links a:hover {
  color: var(--color-white);
  opacity: 1;
}
.footer__text {
  font-size: var(--font-size-16);
  color: var(--color-white);
  opacity: 0.5;
}
.footer__columns {
  display: grid;
  grid-template-columns: 1.8fr 1fr 1fr 1fr;
  gap: clamp(var(--gap), 10cqw, 80px);
}
.footer__columns p:not(:last-of-type) {
  margin-bottom: 0.75em;
}
.footer__logo {
  display: inline-block;
}
.footer__logo img {
  height: 2em;
  width: auto;
  filter: brightness(0) invert(1);
}
.footer__name {
  margin-top: 0.5em;
  font-size: var(--font-size-16);
  margin-bottom: 1.5em !important;
}
.footer__item {
  font-size: var(--font-size-16);
  color: var(--color-white);
  display: flex;
  gap: 0.75em;
  margin-bottom: 0.75em;
}
.footer__item::before {
  content: "";
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  -webkit-mask: var(--icon) center / contain no-repeat;
  mask: var(--icon) center / contain no-repeat;
  background-color: var(--color-white);
  flex-shrink: 0;
  opacity: 0.5;
}
.footer__item--address {
  --icon: var(--icon-pin);
}
.footer__item--phone {
  --icon: var(--icon-phone);
}
.footer__item--email {
  --icon: var(--icon-email);
}
.footer__title {
  font-family: "Neue Haas Grotesk", sans-serif;
  font-weight: var(--medium);
  font-optical-sizing: auto;
  font-size: var(--font-size-24);
  color: var(--color-white);
  margin-bottom: 1em;
}
.footer__menu {
  column-gap: var(--gap);
}
.footer__menu li {
  margin-bottom: 0.5em;
}
.footer__menu a {
  font-size: var(--font-size-16);
  color: var(--color-white);
}
.footer__menu a:hover {
  color: var(--color-secondary);
}
.footer__hr-awards img {
  margin-top: 1em;
  width: 5em;
}
@media screen and (max-width: 1200px) {
  .footer__columns {
    gap: clamp(var(--gap), 4cqw, 80px);
  }
}
@media screen and (max-width: 768px) {
  .footer::after {
    width: 100%;
    background-position: center;
    background-size: contain;
  }
  .footer__columns {
    display: flex;
    flex-wrap: wrap;
    gap: 2em;
  }
  .footer__column:nth-child(1) {
    flex-basis: 100%;
    text-align: center;
    margin-bottom: 1em;
  }
  .footer__column {
    flex-grow: 1;
  }
  .footer__item {
    justify-content: center;
  }
  .footer__item br {
    display: none;
  }
  .footer__logo {
    text-align: center;
  }
  .footer__bottom {
    flex-direction: column;
    justify-content: center;
  }
}
@media screen and (max-width: 540px) {
  .footer__column {
    flex-basis: 100%;
    justify-content: center;
  }
  .footer__title {
    text-align: center;
    margin-bottom: 0.5em;
  }
  .footer__menu li {
    text-align: center;
  }
  .footer__hr-awards img {
    margin: 0 auto;
  }
  .footer__copyright {
    text-align: center;
  }
}
.socials {
  display: flex;
  align-items: center;
  color: var(--color-white);
  gap: 1em;
  margin-top: 1.5em;
}
.socials__title {
  font-family: "Neue Haas Grotesk", sans-serif;
  font-weight: var(--medium);
  font-optical-sizing: auto;
  font-size: var(--font-size-16);
  line-height: 1;
}
.socials__items {
  display: flex;
  gap: 0.5em;
}
.socials__item {
  width: 2em;
  height: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
}
.socials__item:hover {
  background-color: var(--color-secondary);
}
.socials__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-white);
  z-index: 2;
  -webkit-mask: var(--social-icon) center / auto 56% no-repeat;
  mask: var(--social-icon) center / auto 56% no-repeat;
}
.socials__item--facebook {
  --social-icon: var(--icon-facebook);
}
.socials__item--twitter {
  --social-icon: var(--icon-twitter);
}
.socials__item--linkedin {
  --social-icon: var(--icon-linkedin);
}
.socials__item--instagram {
  --social-icon: var(--icon-instagram);
}
.socials__item--youtube {
  --social-icon: var(--icon-youtube);
}
.socials__item--youtube::before {
  mask-size: auto 62%;
}
.socials__item--twitter {
  --social-icon: var(--icon-twitter);
}
.socials__item--bluesky {
  --social-icon: var(--icon-bluesky);
}
@media screen and (max-width: 1400px) {
  .socials {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.5em;
  }
}
@media screen and (max-width: 768px) {
  .socials {
    align-items: center;
  }
}
.news-events {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--gap);
}
.news-events::after {
  content: "";
  position: absolute;
  top: -4em;
  right: -6em;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-color: var(--color-background);
  border-radius: var(--border-radius);
}
.news-events::before {
  content: "";
  position: absolute;
  top: 12em;
  right: -10em;
  width: 12cqw;
  aspect-ratio: 1/1;
  z-index: 0;
  background: url(../img/svg/dots.svg) center / contain no-repeat;
  opacity: 0.2;
  transform: rotate(-90deg);
}
@media screen and (max-width: 1024px) {
  .news-events {
    grid-template-columns: 1fr;
    gap: calc(var(--gap) * 2.5);
  }
}
.news,
.events {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: calc(var(--gap) * 0.5);
}
.news__title,
.events__title {
  font-family: "Neue Haas Grotesk", sans-serif;
  font-weight: var(--medium);
  font-optical-sizing: auto;
  font-size: var(--font-size-36);
  color: var(--color-primary);
  flex-grow: 1;
}
@media screen and (max-width: 1024px) {
  .news,
  .events {
    justify-content: center;
    gap: calc(var(--gap) * 1);
  }
  .news__title,
  .events__title {
    text-align: center;
    font-size: var(--font-size-48);
  }
  .news__button,
  .events__button {
    order: 3;
  }
}
.news__items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: calc(var(--gap) * 0.5);
  flex-grow: 1;
  flex-basis: 100%;
}
.news__item {
  --color-title: var(--color-primary);
  --color-background: var(--color-white);
  background-color: var(--color-background);
  border-radius: var(--border-radius-smaller);
  box-shadow: var(--shadow);
  overflow: hidden;
  max-width: 440px;
  transition: all 0.25s ease-in-out;
}
.news__item:hover {
  --color-title: var(--color-white);
  --color-background: var(--color-primary);
  box-shadow: var(--shadow-darker);
}
.news__item-link {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.news__item-image img {
  width: 100%;
}
.news__item-date {
  position: absolute;
  top: 1em;
  left: 1em;
  background-color: var(--color-primary);
  color: var(--color-white);
  padding: 0.4em 1em;
  border-radius: 2em;
  z-index: 5;
  font-size: var(--font-size-16);
  display: flex;
  align-items: center;
}
.news__item-date::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  -webkit-mask: var(--icon-calendar) center / contain no-repeat;
  mask: var(--icon-calendar) center / contain no-repeat;
  margin-right: 0.5em;
  background-color: var(--color-white);
}
.news__item-content {
  padding: 1em 1.5em;
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.news__item-title {
  font-size: var(--font-size-18);
  font-weight: var(--bold);
  color: var(--color-title);
  transition: all 0.25s ease-in-out;
}
@media screen and (max-width: 1024px) {
  .news__items {
    gap: var(--gap);
  }
}
.events__items,
.project__items {
  display: grid;
  gap: calc(var(--gap) * 0.5);
  width: 100%;
}
.events__item-link,
.project__item-link {
  --color-title: var(--color-primary);
  --color-text: var(--color-main);
  --color-background: var(--color-white);
  --tag-color: var(--color-primary);
  --tag-background-color: rgba(var(--color-background-darker-rgb), 1);
  background-color: var(--color-background);
  border-radius: var(--border-radius-smaller);
  box-shadow: var(--shadow);
  overflow: hidden;
  transition: all 0.25s ease-in-out;
  padding: 1.4em 2em;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.events__item-link:hover,
.project__item-link:hover {
  --color-title: var(--color-white);
  --color-text: var(--color-white);
  --color-background: var(--color-primary);
  --tag-color: var(--color-white);
  --tag-background-color: rgba(var(--color-background-darker-rgb), 0.15);
  box-shadow: var(--shadow-darker);
}
.events__item,
.project__item {
  display: flex;
  width: 100%;
  max-width: 760px;
}
.events__item-title,
.project__item-title {
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  color: var(--color-title);
  transition: all 0.25s ease-in-out;
}
.events__item-tags,
.project__item-tags {
  display: flex;
  gap: 0.5em;
  flex-wrap: wrap;
}
.events__item-perex,
.project__item-perex,
.events__item-perex p,
.project__item-perex p {
  font-size: var(--font-size-16);
  color: var(--color-text);
  line-height: 1.5;
  transition: all 0.25s ease-in-out;
  margin: 0;
}
.career__items {
  display: grid;
  gap: calc(var(--gap) * 0.5);
}
.career__item-link {
  --color-title: var(--color-primary);
  --color-text: var(--color-main);
  --color-background: var(--color-white);
  --tag-color: var(--color-primary);
  --tag-background-color: rgba(var(--color-background-darker-rgb), 1);
  background-color: var(--color-background);
  border-radius: var(--border-radius-smaller);
  box-shadow: var(--shadow);
  overflow: hidden;
  transition: all 0.25s ease-in-out;
  padding: 1.4em 2em;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.career__item-link:hover {
  --color-title: var(--color-white);
  --color-text: var(--color-white);
  --color-background: var(--color-primary);
  --tag-color: var(--color-white);
  --tag-background-color: rgba(var(--color-background-darker-rgb), 0.15);
  box-shadow: var(--shadow-darker);
}
.career__item {
  display: flex;
  width: 100%;
  max-width: 680px;
}
.career__item-title {
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  color: var(--color-title);
  transition: all 0.25s ease-in-out;
}
.career__item-tags {
  display: flex;
  gap: 0.5em;
  flex-wrap: wrap;
}
.career__item-perex p {
  font-size: var(--font-size-16);
  color: var(--color-text);
  line-height: 1.5;
  transition: all 0.25s ease-in-out;
  margin: 0;
}
.publications::before {
  content: "";
  position: absolute;
  top: -4em;
  left: -4em;
  width: 10cqw;
  aspect-ratio: 1/1;
  z-index: 0;
  background: url(../img/svg/dots.svg) center / contain no-repeat;
  opacity: 0.2;
  transform: rotate(-45deg);
}
.publications__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap);
}
.publications__item--big {
  grid-row: span 2;
}
.publications__item {
  --color-title: var(--color-primary);
  --color-text: var(--color-main);
  --color-background: var(--color-white);
  --tag-color: var(--color-primary);
  --tag-background-color: rgba(var(--color-background-darker-rgb), 1);
  background-color: var(--color-background);
  border-radius: var(--border-radius-smaller);
  box-shadow: var(--shadow);
  overflow: hidden;
  transition: all 0.25s ease-in-out;
  width: 100%;
}
.publications__item:hover {
  box-shadow: var(--shadow-darker);
}
.publications__item-content {
  padding: 1.4em 2em;
}
.publications__item-source {
  background-color: var(--color-secondary);
  color: var(--color-white);
  font-size: var(--font-size-14);
  border-radius: 2em;
  padding: 0.3em 0.6em;
  margin-bottom: 0.5em;
  display: inline-block;
}
.publications__item-title {
  font-size: var(--font-size-20);
  font-weight: var(--regular);
  color: var(--color-title);
  transition: all 0.25s ease-in-out;
}
.publications__item-tags {
  display: grid;
  gap: 0.5em;
  margin-top: 0.5em;
}
.publications__item-tag {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  padding-left: 1.6em;
}
.publications__item-tag::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.4em;
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
  background-color: var(--color-tag);
  transition: all 0.25s ease-in-out;
}
.publications__item-tag--date::before {
  -webkit-mask: var(--icon-calendar) center / contain no-repeat;
  mask: var(--icon-calendar) center / contain no-repeat;
}
.publications__item-tag--laboratory::before {
  -webkit-mask: var(--icon-laboratory) center / contain no-repeat;
  mask: var(--icon-laboratory) center / contain no-repeat;
}
.publications__item-tag--authors::before {
  -webkit-mask: var(--icon-avatar) center / contain no-repeat;
  mask: var(--icon-avatar) center / contain no-repeat;
}
.publications__item-tag span {
  font-size: var(--font-size-16);
  color: var(--color-tag);
  background-color: var(--color-tag-background);
  padding: 0.5em 1.2em;
  border-radius: 2em;
  display: flex;
  align-items: center;
  transition: all 0.25s ease-in-out;
}
.publications__accordition {
  display: none;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .publications {
    margin-top: calc(var(--gap) * 2.5);
  }
}
@media screen and (max-width: 768px) {
  .publications__items {
    grid-template-columns: 1fr;
  }
}
.image-text {
  padding: calc(var(--gap) * 2);
  background-color: var(--color-background);
  border-radius: var(--border-radius-bigger);
  background-image: url(../img/svg/artwork.svg);
  background-size: cover;
  background-position: center;
  display: grid;
  grid-template-columns: 50% 1fr;
  gap: calc(var(--gap) * 2);
  align-items: center;
}
.image-text::before {
  content: "";
  position: absolute;
  top: -7em;
  right: 10em;
  width: 11cqw;
  aspect-ratio: 1/1;
  z-index: 0;
  background: url(../img/svg/dots.svg) center / contain no-repeat;
  opacity: 0.2;
  transform: rotate(141deg);
}
.image-text__image img {
  border-radius: var(--border-radius);
  box-shadow: var(--shadow);
  font-size: var(--font-size-36);
}
.image-text .button {
  margin-top: var(--gap);
}
.hero-page {
  text-align: center;
  z-index: 10;
}
.hero-page__inner {
  background-color: var(--color-background);
  border-radius: var(--border-radius);
  text-align: center;
  width: 100%;
  font-size: var(--font-size-72);
  padding: 1em;
  margin: 0 auto;
  background-image: url(../img/svg/artwork.svg);
  background-size: cover;
  background-position: center 70%;
}
.hero-page__title {
  font-family: "ABC Camera", sans-serif;
  font-weight: var(--medium);
  font-optical-sizing: auto;
  color: var(--color-primary);
  font-size: var(--font-size-72);
}
.hero-page__title--smaller {
  font-size: var(--font-size-48);
}
.hero-page__subheading {
  font-size: var(--font-size-18);
  color: var(--color-secondary);
  text-transform: uppercase;
  font-weight: var(--medium);
}
.hero-page__submenu-wrapper {
  display: block;
  text-align: center;
  margin: -1.6em auto 0;
}
.hero-page__submenu-mobile-menu {
  font-size: var(--font-size-18);
  z-index: 10;
  border-radius: var(--border-radius);
  box-shadow: var(--shadow-lighter);
  background-color: var(--color-white);
  padding: 1em;
  color: var(--item-color, var(--color-primary));
  transition: all 0.25s ease-in-out;
  font-weight: var(--semibold);
  text-transform: uppercase;
  align-items: center;
  justify-content: space-between;
  display: none;
  margin-left: auto;
  margin-right: auto;
}
.hero-page__submenu-mobile-menu::after {
  content: "";
  display: block;
  width: 0.8em;
  height: 0.8em;
  -webkit-mask: var(--arrow-down) center / contain no-repeat;
  mask: var(--arrow-down) center / contain no-repeat;
  background-color: var(--color-primary);
  transition: all 0.25s ease-in-out;
  flex-shrink: 0;
}
.hero-page__submenu {
  display: inline-flex;
  justify-content: center;
  gap: 0.5em;
  font-size: var(--font-size-18);
  z-index: 10;
  border-radius: var(--border-radius);
  box-shadow: var(--shadow-lighter);
  background-color: var(--color-white);
  transition: all 0.25s ease-in-out;
  padding: 0.5em 1em;
}
.hero-page__submenu-item {
  --item-color: var(--color-primary);
}
.hero-page__submenu-item > a {
  padding: 0.5em 0.75em;
  color: var(--item-color, var(--color-primary));
  transition: all 0.25s ease-in-out;
  font-weight: var(--semibold);
  text-transform: uppercase;
  display: block;
}
.hero-page__submenu-item > a:hover {
  --item-color: var(--color-secondary);
}
.hero-page__submenu-item.active > a {
  --item-color: var(--color-secondary);
}
.hero-page__submenu-item.has-submenu > a {
  display: flex;
  align-items: center;
  gap: 0.4em;
}
.hero-page__submenu-item.has-submenu > a::after {
  content: "";
  display: block;
  width: 0.6em;
  height: 0.6em;
  -webkit-mask: var(--arrow-down) center / contain no-repeat;
  mask: var(--arrow-down) center / contain no-repeat;
  background-color: var(--item-color);
  transition: all 0.25s ease-in-out;
  flex-shrink: 0;
}
.hero-page__submenu-item.has-submenu:hover .hero-page__submenu-level-1 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.hero-page__submenu-level-1 {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  background-color: var(--color-primary);
  border-radius: var(--border-radius-smaller);
  overflow: hidden;
  transform: translateY(0.25em);
  transition: all 0.25s ease-in-out;
}
.hero-page__submenu-item-level-1 {
  --item-color: var(--color-white);
  --item-background: transparent;
}
.hero-page__submenu-item-level-1 a {
  padding: 0.5em 1em;
  color: var(--item-color, var(--color-primary));
  transition: all 0.25s ease-in-out;
  font-weight: var(--regular);
  display: block;
  background-color: var(--item-background, var(--color-primary));
}
.hero-page__submenu-item-level-1 a:hover {
  --item-background: var(--color-secondary);
}
.hero-page__submenu-item-level-1.active a {
  --item-background: var(--color-secondary);
}
.hero-page__image-text {
  text-align: left;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 1em;
}
.hero-page__text {
  margin-top: 1em;
  font-size: var(--font-size-24);
}
.hero-page__text p {
  line-height: var(--line-height);
}
.hero-page__image {
  flex-basis: 40%;
  flex-shrink: 0;
}
.hero-page__image img {
  width: 100%;
  height: auto;
  border-radius: var(--border-radius);
  box-shadow: var(--shadow);
}
@media screen and (max-width: 1024px) {
  .hero-page__submenu-wrapper {
    max-width: 20em;
  }
  .hero-page__submenu-wrapper:hover .hero-page__submenu-mobile-menu {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 1px solid var(--color-primary);
  }
  .hero-page__submenu-wrapper:hover .hero-page__submenu {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    filter: blur(0);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .hero-page__submenu-mobile-menu {
    display: flex;
  }
  .hero-page__submenu {
    display: block;
    position: absolute;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    filter: blur(0.5em);
  }
  .hero-page__submenu a {
    text-align: left;
  }
  .hero-page__submenu-item > a {
    padding-left: 0;
    padding-right: 0;
  }
  .hero-page__submenu-item.has-submenu > a {
    justify-content: space-between;
  }
  .hero-page__submenu-level-1 {
    position: relative;
    background-color: rgba(var(--color-primary-rgb), 0.05);
    opacity: 1;
    visibility: visible;
    transform: none;
  }
  .hero-page__submenu-level-1 a {
    color: var(--color-primary);
  }
  .hero-page__submenu-item-level-1.active a {
    color: var(--color-white);
  }
}
@media screen and (max-width: 768px) {
  .hero-page__image-text {
    flex-direction: column;
  }
}
.news-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: var(--gap);
  --position: 3em;
}
.news-list::before {
  content: "";
  position: absolute;
  top: var(--position);
  left: var(--position);
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: var(--color-background);
  border-radius: var(--border-radius);
}
.dots {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0.2;
  --dots-1-top: 10%;
  --dots-1-right: -5cqw;
  --dots-1-bottom: auto;
  --dots-1-left: auto;
  --dots-1-width: 12cqw;
  --dots-1-rotate: 180deg;
  --dots-2-top: auto;
  --dots-2-right: auto;
  --dots-2-bottom: 10%;
  --dots-2-left: -5cqw;
  --dots-2-width: 12cqw;
  --dots-2-rotate: 45deg;
}
.dots--2 {
  --dots-1-top: 0%;
  --dots-1-right: 5cqw;
  --dots-1-bottom: auto;
  --dots-1-left: auto;
  --dots-1-width: 10cqw;
  --dots-1-rotate: 60deg;
  --dots-2-top: auto;
  --dots-2-right: auto;
  --dots-2-bottom: -2%;
  --dots-2-left: -8cqw;
  --dots-2-width: 14cqw;
  --dots-2-rotate: -45deg;
}
.dots--3 {
  --dots-1-top: 0%;
  --dots-1-right: 1cqw;
  --dots-1-bottom: auto;
  --dots-1-left: auto;
  --dots-1-width: 11cqw;
  --dots-1-rotate: 25deg;
  --dots-2-top: auto;
  --dots-2-right: auto;
  --dots-2-bottom: -8%;
  --dots-2-left: -4cqw;
  --dots-2-width: 6cqw;
  --dots-2-rotate: -185deg;
}
.dots::before {
  content: "";
  position: absolute;
  top: var(--dots-1-top);
  right: var(--dots-1-right);
  bottom: var(--dots-1-bottom);
  left: var(--dots-1-left);
  width: var(--dots-1-width);
  aspect-ratio: 1/1;
  background: url(../img/svg/dots.svg) center / contain no-repeat;
  transform: rotate(var(--dots-1-rotate));
}
.dots::after {
  content: "";
  position: absolute;
  top: var(--dots-2-top);
  right: var(--dots-2-right);
  bottom: var(--dots-2-bottom);
  left: var(--dots-2-left);
  width: var(--dots-2-width);
  aspect-ratio: 1/1;
  background: url(../img/svg/dots.svg) center / contain no-repeat;
  transform: rotate(var(--dots-2-rotate));
}
.terms-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5em 0.75em;
  margin: calc(var(--gap) * 1.5) 0;
}
.terms-list__item {
  --item-color: var(--color-primary);
  --item-background: var(--color-background-darker-rgb);
  --item-background-opacity: 1;
  font-size: var(--font-size-16);
  color: var(--item-color);
  background-color: rgba(var(--item-background), var(--item-background-opacity));
  padding: 0.5em 1.2em;
  border-radius: 2em;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}
.terms-list__item:hover,
.terms-list__item--active {
  --item-color: var(--color-white);
  --item-background: var(--color-primary-rgb);
}
.terms-list__item--special {
  --item-color: var(--color-secondary);
  --item-background: var(--color-secondary-rgb);
  --item-background-opacity: 0.15;
}
.terms-list__item--special:hover {
  --item-background: var(--color-secondary-rgb);
  --item-background-opacity: 1;
}
.pagination {
  display: block;
  text-align: center;
  width: 100%;
  margin-top: var(--gap);
  font-family: "ABC Camera", sans-serif;
  font-weight: var(--medium);
  font-optical-sizing: auto;
}
.pagination ul {
  margin: 0 auto;
  text-align: center;
}
.pagination ul li {
  position: inherit;
  padding: 0;
  margin: 0;
}
.pagination li a {
  transition: all 0.25s ease-in-out;
  cursor: pointer;
  text-decoration: none;
  padding: 0.4em 0.7em;
  display: inline-block;
  font-size: var(--font-size-20);
  line-height: 1em;
  color: var(--color-white);
  background: var(--color-primary);
  margin: 0 0.1em;
  border: none;
  border-radius: 0.35em;
}
.pagination li {
  display: inline-block;
}
.pagination li.active a {
  color: var(--color-primary);
  background: transparent;
  cursor: default;
  pointer-events: none;
}
.pagination li a:hover {
  color: var(--color-white);
  background: var(--color-secondary);
}
.hero-single__inner {
  display: grid;
  grid-template-columns: 1fr 60%;
  align-items: center;
  gap: var(--gap) calc(var(--gap) * 2);
}
.hero-single__content {
  z-index: 10;
}
.hero-single__image {
  z-index: 1;
}
.hero-single__image img {
  box-shadow: var(--shadow);
  border-radius: var(--border-radius-bigger);
}
.hero-single__top {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1em;
}
.hero-single__post-type {
  font-size: var(--font-size-18);
  text-transform: uppercase;
  color: var(--color-secondary);
  font-weight: var(--bold);
}
.hero-single__title {
  font-family: "ABC Camera", sans-serif;
  font-weight: var(--medium);
  font-optical-sizing: auto;
  color: var(--color-primary);
  font-size: var(--font-size-36);
  line-height: 1;
  margin: 0.25em 0 0.5em;
}
.hero-single__excerpt {
  margin: 2em 0;
}
.hero-single__excerpt p {
  font-size: var(--font-size-20);
  color: var(--color-main);
  line-height: var(--line-height);
}
.hero-single__bottom {
  gap: 1em;
}
.hero-single__bottom--grid {
  display: grid;
  justify-content: flex-start;
  align-items: flex-start;
}
.hero-single__bottom--flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 960px) {
  .hero-single__inner {
    grid-template-columns: 1fr;
    gap: var(--gap);
  }
  .hero-single__image {
    margin-right: 0;
    order: 1;
  }
  .hero-single__content {
    order: 2;
  }
}
.share {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
.share__title {
  font-size: var(--font-size-16);
  color: var(--color-primary);
  line-height: var(--font-size-36);
}
.share__items {
  display: flex;
  gap: 0.5em;
  flex-wrap: wrap;
}
.share__item {
  --background-color: var(--color-background-darker);
  --icon-color: var(--color-primary);
  font-size: var(--font-size-36);
  background-color: var(--background-color);
  border-radius: 1em;
  width: 1em;
  height: 1em;
}
.share__item:hover {
  --background-color: var(--color-primary);
}
.share__item:hover::before {
  --icon-color: var(--color-white);
}
.share__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-mask: var(--icon) center / 50% auto no-repeat;
  mask: var(--icon) center / 50% auto no-repeat;
  background-color: var(--icon-color);
  transition: all 0.25s ease-in-out;
}
.share__item--facebook {
  --icon: var(--icon-facebook);
}
.share__item--twitter {
  --icon: var(--icon-twitter);
}
.share__item--linkedin {
  --icon: var(--icon-linkedin);
}
.share__item--email {
  --icon: var(--icon-email);
}
.related-posts {
  border-radius: var(--border-radius-bigger);
  padding: clamp(1em, 5cqw, calc(var(--gap) * 1.75));
  background: url(../img/svg/artwork.svg) left center / 150% no-repeat;
  background-color: var(--color-background);
}
.related-posts::after {
  content: "";
  position: absolute;
  top: -4cqw;
  right: -3cqw;
  width: 10cqw;
  aspect-ratio: 1/1;
  background: url(../img/svg/dots.svg) center / contain no-repeat;
  transform: rotate(-30deg);
  opacity: 0.2;
}
.related-posts__items {
  gap: var(--gap);
}
.related-posts__items--posts {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
.related-posts__items--events {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.authors-list {
  gap: 1em var(--gap);
  --tag-background-color: var(--color-white);
}
.authors-list--flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.authors-list--flex > * {
  flex-basis: calc(50% - var(--gap) / 2);
  flex-grow: 1;
  max-width: 580px;
}
.authors-list--grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.event-links {
  display: flex;
  gap: 1em;
  justify-content: space-between;
  align-items: center;
  background-color: var(--color-background);
  padding: clamp(1em, 5cqw, calc(var(--gap) * 1));
  border-radius: var(--border-radius);
  margin-top: calc(var(--gap) * 1.5);
}
.event-links__left-side {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1em;
}
.lectures-list {
  margin-top: var(--gap);
}
.lectures-list__item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap);
  padding: calc(var(--gap) * 1.5) 0;
}
.lectures-list__item:first-of-type {
  padding-top: 0;
}
.lectures-list__item:last-child {
  padding-bottom: 0;
}
.lectures-list__item:not(:last-of-type) {
  border-bottom: 1px solid var(--color-background-darker);
}
.lectures-list__content {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.lectures-list__title {
  font-size: var(--font-size-36);
  color: var(--color-secondary);
  font-family: "ABC Camera", sans-serif;
  font-weight: var(--medium);
  font-optical-sizing: auto;
}
.lectures-list__tags {
  display: flex;
  gap: 0.5em 1em;
  flex-wrap: wrap;
}
.lectures-list__description {
  font-size: var(--font-size-16);
  color: var(--color-main);
  line-height: var(--line-height);
}
.lectures-list__lecturers {
  display: grid;
  gap: 1em;
}
.events-list,
.publications-list {
  --position: 3em;
}
.events-list::before,
.publications-list::before {
  content: "";
  position: absolute;
  top: var(--position);
  right: var(--position);
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: var(--color-background);
  border-radius: var(--border-radius);
}
@media screen and (max-width: 660px) {
  .events-list,
  .publications-list {
    grid-template-columns: 1fr;
  }
}
.events-list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--gap) * 0.5);
  align-items: center;
  max-width: 780px;
  margin: 0 auto;
}
.publications-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap);
}
.publications-list.list {
  grid-template-columns: 1fr;
  gap: 0;
  margin: 0 auto;
  padding: 0;
  border: 1px solid var(--color-background-darker);
  border-radius: var(--border-radius-smaller);
  overflow: hidden;
  box-shadow: var(--shadow);
}
.publications-list.list .publications__item {
  box-shadow: none;
  border-radius: 0;
}
.publications-list.list .publications__item:not(:nth-child(2)) {
  border-top: 1px solid var(--color-background-darker);
}
.publications-list.list .publications__item-tags {
  display: none;
}
.publications-list.list .publications__item-tags.active {
  display: grid;
}
.publications-list.list .publications__item-title {
  font-size: var(--font-size-16);
}
.publications-list.list .publications__item-source {
  font-size: var(--font-size-12);
}
.publications-list.list .publications__item-content {
  padding: 1em 1.4em;
}
.publications-list.list .publications__title-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1em;
}
.publications-list.list .publications__accordition {
  width: 0.8em;
  height: 0.8em;
  mask: var(--arrow-down) center / contain no-repeat;
  background-color: var(--color-primary);
  transition: all 0.25s ease-in-out;
  flex-shrink: 0;
  display: block;
  pointer-events: all;
  cursor: pointer;
}
.publications-list.list .publications__accordition:hover {
  background-color: var(--color-secondary);
}
.publications-list.list .publications__accordition.active {
  transform: rotate(180deg);
}
@media screen and (max-width: 660px) {
  .publications-list {
    grid-template-columns: 1fr;
  }
}
.career-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap);
  --position-x: 1em;
  --position-y: -1em;
}
.career-list::before {
  content: "";
  position: absolute;
  top: var(--position-x);
  left: var(--position-y);
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: var(--color-background);
  border-radius: var(--border-radius);
}
@media screen and (max-width: 960px) {
  .career-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .career-list {
    grid-template-columns: 1fr;
  }
}
.tag-list {
  display: flex;
  align-items: flex-start;
  gap: 1em;
}
.tag-list--date {
  --tag-icon: var(--icon-calendar);
}
.tag-list--address {
  --tag-icon: var(--icon-pin);
}
.tag-list--laboratory {
  --tag-icon: var(--icon-laboratory);
  --tag-font-size: var(--font-size-14);
}
.tag-list--tag {
  --tag-icon: var(--icon-tag);
}
.tag-list--time {
  --tag-icon: var(--icon-time);
}
.tag-list--author {
  --tag-icon: var(--icon-avatar);
}
.tag-list--phone {
  --tag-icon: var(--icon-phone);
}
.tag-list--email {
  --tag-icon: var(--icon-email);
}
.tag-list--source {
  --tag-icon: var(--icon-source);
}
.tag-list--doi,
.tag-list--link {
  --tag-icon: var(--icon-link);
}
.tag-list--smaller {
  --tag-font-size: var(--font-size-14);
  --tag-icon-height: calc(1em + 0.3em * 2);
}
.tag-list__icon {
  width: var(--font-size-16);
  height: var(--tag-icon-height, calc(1em + 0.7em * 2));
  transition: all 0.25s ease-in-out;
  -webkit-mask: var(--tag-icon) center / contain no-repeat;
  mask: var(--tag-icon) center / contain no-repeat;
  background-color: var(--tag-color, var(--color-primary));
  flex-shrink: 0;
  font-size: var(--tag-font-size, var(--font-size-16));
}
.tag-list__tags {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5em;
  flex-wrap: wrap;
  text-align: center;
}
.tag-list__others {
  color: var(--tag-color, var(--color-primary));
  padding: 0.2em 0;
  transition: all 0.25s ease-in-out;
}
.tag-list__socials {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5em;
  flex-wrap: wrap;
  text-align: center;
}
.tag-list__socials-item {
  aspect-ratio: 1 / 1;
  width: 2em;
  background-color: var(--color-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}
.tag-list__socials-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-mask: var(--social-icon) center / auto 50% no-repeat;
  mask: var(--social-icon) center / auto 50% no-repeat;
  background-color: var(--tag-color, var(--color-primary));
  transition: all 0.25s ease-in-out;
  z-index: 2;
}
.tag-list__socials-item:hover {
  background-color: var(--color-primary);
}
.tag-list__socials-item:hover::before {
  background-color: var(--color-white);
}
.tag-list__socials-item--facebook {
  --social-icon: var(--icon-facebook);
}
.tag-list__socials-item--twitter {
  --social-icon: var(--icon-twitter);
}
.tag-list__socials-item--linkedin {
  --social-icon: var(--icon-linkedin);
}
.tag-list__socials-item--youtube {
  --social-icon: var(--icon-youtube);
}
.tag-list__socials-item--instagram {
  --social-icon: var(--icon-instagram);
}
.tag-list__socials-item--orcid {
  --social-icon: var(--icon-orcid);
}
.tag-list__socials-item--researchgate {
  --social-icon: var(--icon-researchgate);
}
.tag-list__socials-item--googlescholar {
  --social-icon: var(--icon-googlescholar);
}
.tag-list__socials-item--bluesky {
  --social-icon: var(--icon-bluesky);
}
.tag {
  font-size: var(--tag-font-size, var(--font-size-16));
  color: var(--tag-color, var(--color-primary));
  background-color: var(--tag-background-color, var(--color-background-darker));
  padding: 0.7em 1.2em;
  border-radius: 2em;
  display: inline-flex;
  align-items: center;
  transition: all 0.25s ease-in-out;
  line-height: 1;
  gap: 0.75em;
}
.tag--icon::before {
  content: "";
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  transition: all 0.25s ease-in-out;
  -webkit-mask: var(--tag-icon) center / contain no-repeat;
  mask: var(--tag-icon) center / contain no-repeat;
  background-color: var(--tag-color, var(--color-primary));
  flex-shrink: 0;
}
.tag--author {
  --tag-icon: var(--icon-avatar);
}
.tag--date {
  --tag-icon: var(--icon-calendar);
}
.tag--address {
  --tag-icon: var(--icon-pin);
}
.tag--laboratory {
  --tag-icon: var(--icon-laboratory);
}
.tag--tag {
  --tag-icon: var(--icon-tag);
}
.tag--time {
  --tag-icon: var(--icon-time);
}
.tag--smaller {
  --tag-font-size: var(--font-size-14);
  padding: 0.4em 0.8em;
}
.tag--no-tag {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
  text-align: left;
}
.tag--link {
  font-weight: var(--bold);
}
.tag--link:hover {
  --tag-background-color: var(--color-primary);
  --tag-color: var(--color-white);
}
.tag__show-more {
  font-size: var(--tag-font-size, var(--font-size-16));
  color: var(--tag-color, var(--color-primary));
  cursor: pointer;
  font-weight: var(--bold);
  text-decoration: underline;
}
.tag__show-more:hover {
  text-decoration: none;
}
.employee-card {
  --tag-background-color: var(--color-white);
  --item-background-color: var(--color-background);
  display: flex;
  width: 100%;
  container-type: inline-size;
}
.employee-card__inner {
  display: flex;
  align-items: flex-start;
  gap: clamp(10px, 5cqw, calc(var(--gap) * 0.5));
  padding: clamp(10px, 5vw, calc(var(--gap) * 0.75));
  border-radius: var(--border-radius-smaller);
  background-color: var(--item-background-color);
  max-width: 580px;
  width: 100%;
}
.employee-card__content {
  display: grid;
  gap: 0.75em;
}
.employee-card__image {
  aspect-ratio: 1 / 1;
  max-width: 100px;
  flex-shrink: 0;
}
.employee-card__image img {
  border-radius: 10em;
  overflow: hidden;
}
.employee-card__name {
  font-family: "Neue Haas Grotesk", sans-serif;
  font-weight: var(--medium);
  font-optical-sizing: auto;
  font-size: var(--font-size-24);
  color: var(--color-primary);
  line-height: 1.2;
}
.employee-card__description {
  font-size: var(--font-size-16);
  color: var(--color-main);
}
.employee-card__description p {
  margin: 0;
}
.employee-card__position {
  margin-top: -0.25em;
  font-size: var(--font-size-14);
  color: var(--color-secondary);
  text-transform: uppercase;
  font-weight: var(--medium);
}
@container (max-width: 400px) {
  .employee-card__inner {
    flex-direction: column;
    align-items: center;
    gap: 1em;
    text-align: center;
  }
}
@keyframes line-animation {
  0% {
    background-position: 100% var(--line-position);
    background-size: 100% var(--line-height);
  }
  35% {
    background-position: 100% var(--line-position);
    background-size: 0 var(--line-height);
  }
  36% {
    background-position: 0 var(--line-position);
    background-size: 0 var(--line-height);
  }
  100% {
    background-position: 0 var(--line-position);
    background-size: 100% var(--line-height);
  }
}
.link {
  --line-position: 100%;
  --line-height: 0.1em;
  --line-color: var(--color-primary);
  color: var(--color-primary);
  text-decoration: none;
  position: relative;
  background-repeat: no-repeat;
  background-image: linear-gradient(90deg, var(--line-color) 0, var(--line-color) 100%);
  background-position: 100% var(--line-position);
  background-size: 100% var(--line-height);
  display: inline-block;
  line-height: 1.2;
  font-weight: var(--medium);
}
.link:hover {
  animation: line-animation 0.8s cubic-bezier(0.57, 0.39, 0, 0.86) 1 forwards;
  color: var(--color-secondary);
  --line-color: var(--color-secondary);
}
.search-form {
  margin-top: -1em;
  z-index: 5;
}
.popup {
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--gap);
  background-color: rgba(0, 0, 0, 0.85);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
  color: var(--color-main);
}
.popup.visible {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.popup__wrapper {
  background-color: var(--color-background);
  max-width: var(--content-small);
  padding: calc(var(--gap) * 2);
  scrollbar-color: var(--color-main) var(--color-background);
  scrollbar-width: thin;
  overflow: auto;
  width: 100%;
  max-height: calc(100vh - var(--gap) * 2);
  border-radius: var(--border-radius-smaller);
}
.popup__wrapper::-webkit-scrollbar {
  width: 0.8rem;
  background: var(--color-background);
}
.popup__wrapper::-webkit-scrollbar-thumb {
  background: var(--color-primary);
  border-radius: 0.4rem;
}
.popup__helper {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.popup__close {
  position: absolute;
  top: var(--gap);
  right: var(--gap);
  width: 1.8em;
  height: 1.8em;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  z-index: 5;
  --close-color: var(--color-primary);
  --height: 0.16em;
}
.popup__close:hover {
  --close-color: var(--color-secondary);
  --height: 0.22em;
  scale: 1.2;
}
.popup__close:hover span:nth-child(1) {
  transform: rotate(-135deg);
}
.popup__close span {
  width: 100%;
  height: var(--height);
  background-color: var(--close-color);
  display: block;
  border-radius: 1em;
  transform-origin: center;
  position: absolute;
  top: calc(50% - var(--height) / 2);
  left: 0;
  transition: all 0.25s ease-in-out;
}
.popup__close span:nth-child(1) {
  transform: rotate(45deg);
}
.popup__close span:nth-child(2) {
  transform: rotate(-45deg);
}
.popup__subheading {
  text-align: center;
  font-size: var(--font-size-20);
  color: var(--color-secondary);
  text-transform: uppercase;
  font-weight: var(--medium);
}
.popup__title {
  text-align: center;
  font-family: "ABC Camera", sans-serif;
  font-weight: var(--medium);
  font-optical-sizing: auto;
  color: var(--color-primary);
  font-size: var(--font-size-36);
  margin: 0.25em auto 1em;
}
.archive-search {
  max-width: 20em;
  margin: 0 auto;
  z-index: 15;
  margin-top: -1.5em;
  display: flex;
  padding: 0.7em 1em;
  font-size: var(--font-size-18);
  background: var(--color-white);
  color: var(--color-primary);
  width: 100%;
  border-radius: var(--border-radius);
  transition: all 0.25s ease-in-out;
  font-weight: var(--semibold);
  box-shadow: var(--shadow-lighter);
}
.archive-search--no-margin {
  margin-top: 0;
}
.archive-search:has(input:focus) {
  box-shadow: var(--shadow);
}
.archive-search__input {
  width: 100%;
  border: none;
  background: transparent;
  font-size: var(--font-size-18);
  color: var(--color-primary);
  font-weight: var(--semibold);
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.archive-search__input::-webkit-search-cancel-button {
  display: none;
}
.archive-search__button {
  border: none;
  cursor: pointer;
  display: block;
  padding: 0;
  transition: all 0.25s ease-in-out;
  mask: var(--icon-search) center / contain no-repeat;
  background-color: var(--color-primary);
  aspect-ratio: 1/1;
  flex-shrink: 0;
  width: 2em;
}
.archive-search__button.loading {
  animation: spin 1s linear infinite;
  mask: var(--icon-loading) center / contain no-repeat;
}
.archive-search__button:hover {
  background-color: var(--color-secondary);
}
.map iframe {
  width: 100%;
  min-height: clamp(20em, 40vh, 30em);
  border: none;
  display: block;
  border-radius: var(--border-radius-smaller);
  box-shadow: var(--shadow);
}
.laboratories-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap);
  --position-x: 2em;
  --position-y: -2em;
}
.laboratories-list.no-items-found {
  display: flex;
  justify-content: center;
}
.laboratories-list::before {
  content: "";
  position: absolute;
  top: var(--position-x);
  left: var(--position-y);
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: var(--color-background);
  border-radius: var(--border-radius);
}
.laboratories-list__item {
  --item-color-title: var(--color-primary);
  --item-color-background: var(--color-white);
  --manager-background-color: var(--color-background);
  --manager-color-title: var(--color-primary);
  --manager-color-position: var(--color-main);
  container-type: inline-size;
  background-color: var(--item-color-background);
  border-radius: var(--border-radius-smaller);
  box-shadow: var(--shadow);
  overflow: hidden;
  transition: all 0.25s ease-in-out;
  max-width: 440px;
}
.laboratories-list__item.hidden {
  display: none;
}
.laboratories-list__item:hover {
  --item-color-title: var(--color-white);
  --item-color-background: var(--color-primary);
  --manager-background-color: rgba(var(--color-background-darker-rgb), 0.15);
  --manager-color-title: var(--color-white);
  --manager-color-position: rgba(var(--color-white-rgb), 0.75);
  box-shadow: var(--shadow-darker);
}
.laboratories-list__item-link {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.laboratories-list__item-content {
  padding: 1.4em;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.laboratories-list__item-title {
  font-size: var(--font-size-24);
  font-weight: var(--bold);
  color: var(--item-color-title);
  transition: all 0.25s ease-in-out;
}
.laboratories-list__item-manager {
  display: flex;
  align-items: center;
  gap: clamp(10px, 5cqw, calc(var(--gap) * 0.5));
  padding: clamp(10px, 3vw, calc(var(--gap) * 0.5));
  border-radius: var(--border-radius-smaller);
  background-color: var(--manager-background-color, var(--color-background));
  margin-top: 1em;
  transition: all 0.25s ease-in-out;
}
.laboratories-list__item-manager-content {
  display: grid;
  gap: 0.5em;
}
.laboratories-list__item-manager-image-wrapper {
  aspect-ratio: 1 / 1;
  max-width: 60px;
  flex-shrink: 0;
  width: 100%;
}
.laboratories-list__item-manager-image-wrapper img {
  border-radius: 10em;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.laboratories-list__item-manager-name {
  font-size: var(--font-size-16);
  color: var(--manager-color-title);
  line-height: 1;
  transition: all 0.25s ease-in-out;
}
.laboratories-list__item-manager-position {
  font-size: var(--font-size-16);
  color: var(--manager-color-position);
  transition: all 0.25s ease-in-out;
}
.laboratories-list .filter-message {
  padding: 4em 2em 0;
  font-weight: var(--bold);
}
@container (max-width: 300px) {
  .laboratories-list__item-manager {
    flex-direction: column;
    text-align: center;
  }
}
@media screen and (max-width: 960px) {
  .laboratories-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .laboratories-list {
    grid-template-columns: 1fr;
  }
}
.load-more {
  text-align: center;
}
.load-more__button {
  margin: var(--gap) auto 0;
  display: inline-flex;
  align-items: center;
}
.load-more__button::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 0;
  height: 1em;
  z-index: 5;
  mask: var(--icon-loading) center / contain no-repeat;
  background-color: var(--color-white);
  animation: spin 1s linear infinite;
  transition: all 0.25s ease-in-out;
}
.load-more__button.loading::before {
  width: 1em;
  margin-right: 1em;
}
.embla__viewport {
  overflow: hidden;
}
.embla__container {
  backface-visibility: hidden;
  display: flex;
  touch-action: pan-y;
}
.embla__arrows {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 10;
}
.embla__arrow {
  width: 4em;
  height: 3em;
  background: none;
  cursor: pointer;
  border: none;
  transition: all 0.25s ease-in-out;
}
.embla__arrow::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  mask: var(--arrow-right) center / contain no-repeat;
  background-color: var(--color-primary);
  transition: all 0.25s ease-in-out;
}
.embla__arrow:hover:not(:disabled)::after {
  background-color: var(--color-secondary);
}
.embla__arrow:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.embla__arrow--prev::after {
  transform: rotate(180deg);
}
@media screen and (max-width: 600px) {
  .embla__arrow {
    width: 3em;
    height: 2.4em;
  }
}
.nothing-found {
  text-align: center;
  font-size: var(--font-size-20);
  font-weight: var(--semibold);
  color: var(--color-secondary);
  text-transform: uppercase;
}
.search-in-employees {
  gap: var(--gap);
}
.search-in-employees--flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: var(--gap);
}
.search-in-employees--grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: var(--gap);
}
.main-search {
  text-align: center;
}
.main-search__search-input-wrappper {
  max-width: 20em;
  margin: 0 auto;
  display: flex;
  padding: 0.7em 1em;
  font-size: var(--font-size-18);
  background: var(--color-white);
  color: var(--color-primary);
  width: 100%;
  border-radius: var(--border-radius);
  transition: all 0.25s ease-in-out;
  font-weight: var(--semibold);
  box-shadow: var(--shadow-lighter);
}
.main-search__search-input-wrappper:has(input:focus) {
  box-shadow: var(--shadow);
}
.main-search__input {
  width: 100%;
  border: none;
  background: transparent;
  font-size: var(--font-size-18);
  color: var(--color-primary);
  font-weight: var(--semibold);
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.main-search__input::-webkit-search-cancel-button {
  display: none;
}
.main-search__button {
  border: none;
  cursor: pointer;
  display: block;
  padding: 0;
  transition: all 0.25s ease-in-out;
  mask: var(--icon-search) center / contain no-repeat;
  background-color: var(--color-primary);
  aspect-ratio: 1/1;
  flex-shrink: 0;
  width: 2em;
}
.main-search__button:hover {
  background-color: var(--color-secondary);
}
.main-search__tags {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5em;
  margin-bottom: 2em;
}
.main-search__subheading {
  text-align: center;
  font-size: var(--font-size-18);
  color: var(--color-secondary);
  font-weight: var(--medium);
  margin-bottom: 1em;
}
.search-tag input {
  display: none !important;
}
.search-tag input:checked + .search-tag__label {
  --tag-color: var(--color-white);
  --tag-background-color: var(--color-primary);
}
.search-tag input:checked + .search-tag__label--all {
  --tag-color: var(--color-white);
  --tag-background-color: var(--color-secondary);
}
.search-tag__label {
  font-size: var(--font-size-14);
  color: var(--tag-color, var(--color-primary));
  background-color: var(--tag-background-color, rgba(var(--color-primary-rgb), 0.1));
  padding: 0.6em 1.2em;
  border-radius: 2em;
  line-height: 1;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
}
.search-tag__label:hover {
  --tag-color: var(--color-white);
  --tag-background-color: var(--color-primary);
}
.search-tag__label--all {
  --tag-color: var(--color-secondary);
  --tag-background-color: rgba(var(--color-secondary-rgb), 0.1);
}
.search-section:not(:first-child) {
  padding-top: calc(var(--gap) * 1.5);
}
.search-list {
  display: grid;
  gap: calc(var(--gap) * 0.5);
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  --position: 1em;
}
.search-list--employee,
.search-list--laboratory,
.search-list--event,
.search-list--publication {
  grid-template-columns: repeat(2, 1fr);
}
.search-list::before {
  content: "";
  position: absolute;
  top: var(--position);
  right: var(--position);
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: var(--color-background);
  border-radius: var(--border-radius);
}
.search-list .employee-card {
  --tag-background-color: var(--color-background-darker);
  --item-background-color: var(--color-white);
}
.search-list .employee-card__inner {
  box-shadow: var(--shadow);
}
@media screen and (max-width: 960px) {
  .search-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .search-list {
    grid-template-columns: 1fr !important;
  }
}
.employees-list__row,
.employees-list__header {
  display: grid;
  grid-template-columns: 1fr 0.8fr 1fr 1.2fr;
}
.employees-list__row {
  font-size: var(--font-size-14);
  border-radius: 0.3em;
}
.employees-list__row:nth-child(even) {
  background-color: var(--color-background);
}
.employees-list__header {
  font-family: "ABC Camera", sans-serif;
  font-weight: var(--medium);
  font-optical-sizing: auto;
  font-size: var(--font-size-20);
  background-color: var(--color-primary);
  color: var(--color-white);
  border-radius: 0.25em;
  position: sticky;
  top: 60px;
  z-index: 20;
}
.employees-list__header-cell {
  padding: 0.5em 1em;
  flex-shrink: 0;
}
.employees-list__cell {
  flex-shrink: 0;
  padding: 0.75em 1.25em;
  align-self: center;
}
.employees-list__cell a {
  color: var(--color-primary);
  text-decoration: none;
}
.employees-list__cell a:hover {
  color: var(--color-secondary);
  text-decoration: underline;
}
.employees-list__mobile-label {
  display: none;
}
@media screen and (max-width: 960px) {
  .employees-list__header {
    display: none;
  }
  .employees-list__row {
    display: flex;
    flex-wrap: wrap;
    padding: 0.5em 0;
  }
  .employees-list__cell {
    font-size: var(--font-size-16);
    flex-grow: 1;
    flex-basis: calc(100% - 15em);
    padding: 0.25em 1.25em;
  }
  .employees-list__mobile-label {
    flex-shrink: 0;
    display: block;
    font-size: var(--font-size-16);
    color: var(--color-secondary);
    padding: 0.25em 1.25em;
    flex-basis: 10em;
  }
}
@media screen and (max-width: 480px) {
  .employees-list__mobile-label {
    flex-basis: 100%;
    padding-bottom: 0;
  }
  .employees-list__cell {
    flex-basis: 100%;
  }
  .employees-list__cell:not(:last-child) {
    padding-top: 0;
    padding-bottom: 0.5em;
  }
}
.hero-employee {
  --image-size: 200px;
}
.hero-employee__inner {
  background-color: var(--color-background);
  border-radius: var(--border-radius);
  width: 100%;
  padding: clamp(1em, 5vw, calc(var(--gap) * 1.5));
}
.hero-employee__employee {
  display: flex;
  align-items: flex-start;
  gap: clamp(20px, 8cqw, calc(var(--gap) * 1.5));
  max-width: 60em;
  margin: 0 auto;
}
.hero-employee__name {
  font-family: "Neue Haas Grotesk", sans-serif;
  font-weight: var(--bold);
  font-optical-sizing: auto;
  color: var(--color-primary);
  font-size: var(--font-size-48);
}
.hero-employee__position {
  font-size: var(--font-size-18);
  color: var(--color-secondary);
  text-transform: uppercase;
  font-weight: var(--medium);
  margin-top: 0.5em;
}
.hero-employee__image-wrapper {
  flex-shrink: 0;
  flex-basis: var(--image-size);
  display: flex;
  justify-content: center;
  width: var(--image-size);
  height: var(--image-size);
  border-radius: 10em;
  overflow: hidden;
}
.hero-employee__image,
.hero-employee__no-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  object-position: top center;
}
.hero-employee .tag-list {
  margin-top: 1em;
}
.hero-employee .tag--link {
  font-weight: var(--regular);
  --tag-background-color: var(--color-white);
}
.hero-employee .tag--link:hover {
  --tag-background-color: var(--color-primary);
}
@media screen and (max-width: 1024px) {
  .hero-employee {
    --image-size: 150px;
  }
}
@media screen and (max-width: 768px) {
  .hero-employee__employee {
    flex-direction: column;
    gap: 1em;
  }
}
.switch-layout {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
}
.switch-layout__item {
  --item-background-color: var(--color-background);
  --item-color: var(--color-primary);
  width: 2em;
  aspect-ratio: 1/1;
  background-color: var(--item-background-color);
  border-radius: 5em;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}
.switch-layout__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  mask: var(--icon-switch) center / 50% auto no-repeat;
  background-color: var(--item-color);
  transition: all 0.25s ease-in-out;
}
.switch-layout__item.active,
.switch-layout__item:hover {
  --item-background-color: var(--color-primary);
  --item-color: var(--color-white);
}
.switch-layout__item--grid {
  --icon-switch: var(--icon-grid);
}
.switch-layout__item--list {
  --icon-switch: var(--icon-list);
}
.filter-layout-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
  margin-top: var(--gap);
  margin-bottom: calc(var(--gap)*-1);
}
.filter-layout-wrapper--publications-in-laboratory {
  margin-top: -2em;
  margin-bottom: var(--gap);
}
.filter-layout-wrapper--publications-in-employee {
  margin-bottom: var(--gap);
}
.filter-layout-wrapper .filter-form {
  width: 100%;
  justify-content: flex-start;
  margin: 0 !important;
}
@media screen and (max-width: 960px) {
  .filter-layout-wrapper {
    flex-direction: column;
    gap: 1em;
  }
  .filter-layout-wrapper .filter-form {
    justify-content: center;
  }
}
.wp-block-image a,
.gallery a {
  display: block;
  overflow: hidden;
}
.wp-block-image a::before,
.gallery a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  transition: all 0.25s ease-in-out;
  opacity: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23fff'%3E%3Cpath d='M90 0h61v30H90zM181 0h61v30h-61zM272 0h60v30h-60zM362 0h60v30h-60zM452 0v30h30v30h30V0h-60zM302 90v30h68.787l-120 120H30v-60H0v332h332v-30h-60V261.213l120-120V210h30V90H302zm-60 392H30V270h212v212zM0 90h30v60H0zM0 0v60h30V30h30V0H0zM482 90h30v60h-30zM482 180h30v60h-30zM482 270h30v60h-30zM482 360h30v61h-30zM482 451v31h-30v30h60v-61h-30zM362 482h60v30h-60z'/%3E%3C/svg%3E") center / 4rem auto no-repeat;
}
.wp-block-image a::after,
.gallery a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: var(--color-primary);
  opacity: 0;
  z-index: 2;
  transition: all 0.25s ease-in-out;
}
.wp-block-image a:hover::after,
.gallery a:hover::after {
  opacity: 0.7;
}
.wp-block-image a:hover:before,
.gallery a:hover:before {
  opacity: 1;
}
.wp-block-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: calc(var(--gap) * 0.5) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.wp-block-gallery.columns-5 {
  grid-template-columns: repeat(5, 1fr);
}
.wp-block-gallery.columns-4 {
  grid-template-columns: repeat(4, 1fr);
}
.wp-block-gallery.columns-3 {
  grid-template-columns: repeat(3, 1fr);
}
.wp-block-gallery.columns-2 {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 1024px) {
  .wp-block-gallery.columns-5 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 860px) {
  .wp-block-gallery.columns-5,
  .wp-block-gallery.columns-4 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 540px) {
  .wp-block-gallery.columns-5,
  .wp-block-gallery.columns-4,
  .wp-block-gallery.columns-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.wp-block-image {
  margin: var(--margins) auto;
}
.wp-block-image img {
  border-radius: var(--border-radius);
  box-shadow: var(--shadow);
  font-size: var(--font-size-36);
  width: 100%;
  height: auto;
}
.wp-block-image .wp-element-caption {
  position: absolute;
  left: 2em;
  bottom: 2em;
  background-color: var(--color-white);
  z-index: 5;
  padding: 0.5em 1em;
  border-radius: var(--border-radius-smaller);
  box-shadow: var(--shadow);
  font-size: var(--font-size-16);
  font-weight: var(--medium);
  margin: 0;
}
.wp-block-gallery .wp-block-image {
  margin: 0;
}
.wp-block-gallery .wp-block-image img {
  border-radius: var(--border-radius-smaller);
}
.wp-block-gallery a {
  border-radius: var(--border-radius-smaller);
  overflow: hidden;
}
.wp-block-gallery .wp-element-caption {
  left: 1em;
  bottom: 1em;
  font-size: var(--font-size-14);
}
/* Lightbox */
.pswp__ui {
  position: static;
}
input:not([type="search"]),
textarea,
select {
  padding: 0.7em 2em 0.7em 1em;
  font-size: var(--font-size-18);
  background: var(--color-white);
  color: var(--color-primary);
  display: block;
  width: 100%;
  border-radius: var(--border-radius);
  border: 2px solid transparent;
  transition: all 0.25s ease-in-out;
  font-weight: var(--semibold);
  font-family: "Neue Haas Grotesk", sans-serif;
  font-weight: var(--regular);
  font-optical-sizing: auto;
  box-shadow: var(--shadow-lighter);
}
input:not([type="search"]):focus,
textarea:focus,
select:focus {
  box-shadow: var(--shadow);
  border-color: var(--color-primary);
}
select {
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
}
::placeholder {
  color: var(--color-primary);
  opacity: 0.25;
}
.label {
  display: block;
  text-align: right;
  color: var(--color-primary);
  font-weight: var(--bold);
  z-index: 2;
  cursor: text;
  transition: all 0.25s ease-in-out;
  font-size: var(--font-size-16);
}
.label span {
  color: var(--color-red);
  font-weight: var(--bold);
}
@media screen and (max-width: 660px) {
  .label {
    text-align: left;
  }
}
.form {
  display: grid;
  gap: 1.5em;
}
.form__row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 1.5em;
}
.form__item {
  display: grid;
  gap: 1.5em;
  align-items: center;
  grid-template-columns: 10em 1fr;
}
.form__submit-wrapper {
  text-align: right;
  position: relative;
}
.form__select-wrapper::after {
  content: "";
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
  mask: var(--arrow-down) center / contain no-repeat;
  background: var(--color-primary);
  width: 1em;
  height: 1em;
  pointer-events: none;
}
.form__note {
  font-size: var(--font-size-14);
}
.form__note a {
  color: var(--color-secondary) !important;
}
.form__google-recaptcha {
  font-size: var(--font-size-14);
  margin: 0 !important;
  color: var(--color-text);
}
.form__google-recaptcha a {
  color: var(--color-secondary) !important;
}
@media screen and (max-width: 660px) {
  .form__item {
    grid-template-columns: 1fr;
    gap: 0.5em;
  }
}
.grecaptcha-badge {
  visibility: hidden;
  display: none;
}
.filter-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1em;
  margin-top: var(--gap);
  margin-bottom: calc(var(--gap) * -1);
}
.select-list-hidden {
  display: none !important;
}
.select-list {
  width: 100%;
  max-width: 20em;
}
.select-list.active {
  z-index: 10;
}
.select-list__default {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
  padding: 0.7em 1em;
  font-size: var(--font-size-18);
  background: var(--color-background);
  color: var(--color-primary);
  width: 100%;
  border-radius: var(--border-radius);
  border: 2px solid transparent;
  transition: all 0.25s ease-in-out;
  font-weight: var(--semibold);
  font-family: "Neue Haas Grotesk", sans-serif;
  font-weight: var(--bold);
  font-optical-sizing: auto;
}
.select-list__default--year {
  --icon-filter: var(--icon-calendar);
}
.select-list__default--laboratory {
  --icon-filter: var(--icon-laboratory);
}
.select-list__default::before {
  content: "";
  mask: var(--icon-filter) center / contain no-repeat;
  background: var(--color-primary);
  width: 1em;
  height: 1em;
}
.select-list__default::after {
  content: "";
  mask: var(--arrow-down) center / contain no-repeat;
  background: var(--color-primary);
  width: 0.6em;
  height: 0.6em;
  transition: all 0.25s ease-in-out;
}
.select-list__default.active::after {
  transform: rotate(180deg);
}
.select-list__default span {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select-list__list {
  position: absolute;
  top: calc(100% + 1px);
  left: 0;
  min-width: 100%;
  background: var(--color-white);
  border: 1px solid var(--color-primary);
  border-radius: var(--border-radius-smaller);
  box-shadow: var(--shadow);
  z-index: 100;
  padding: 0.25em 0;
  max-height: 20em;
  overflow-y: auto;
  transition: all 0.25s ease-in-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  scrollbar-color: var(--color-main) var(--color-background);
  scrollbar-width: thin;
}
.select-list__list::-webkit-scrollbar {
  width: 0.8rem;
  background: var(--color-background);
}
.select-list__list::-webkit-scrollbar-thumb {
  background: var(--color-primary);
  border-radius: 0.4rem;
}
.select-list__list.active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.select-list__list li {
  padding: 0.4em 1em;
  cursor: pointer;
  line-height: 1.25;
  font-size: var(--font-size-16);
}
.select-list__list li:nth-child(even) {
  background-color: var(--color-background);
}
.select-list__list li.selected {
  background-color: var(--color-secondary);
  color: var(--color-white);
}
.select-list__list li:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.hidden-fields-container {
  display: none;
}
@media screen and (max-width: 1400px) {
  :root {
    --padding-on-side: 20px;
    --font-size-12: 12px;
    --font-size-14: 13px;
    --font-size-16: 15px;
    --font-size-18: 16px;
    --font-size-20: 18px;
    --font-size-24: 20px;
    --font-size-30: 24px;
    --font-size-36: 28px;
    --font-size-48: 32px;
    --font-size-60: 48px;
    --font-size-72: 54px;
    --font-size-90: 60px;
    --font-size-120: 80px;
    --gap: 30px;
    --border-radius-smaller: 8px;
    --border-radius: 16px;
    --border-radius-bigger: 30px;
  }
}
@media screen and (max-width: 1024px) {
  :root {
    --font-size-12: 11px;
    --font-size-14: 12px;
    --font-size-16: 14px;
    --font-size-18: 15px;
    --font-size-20: 17px;
    --font-size-24: 19px;
    --font-size-30: 22px;
    --font-size-36: 24px;
    --font-size-48: 28px;
    --font-size-60: 32px;
    --font-size-72: 36px;
    --font-size-90: 40px;
    --font-size-120: 50px;
    --gap: 20px;
    --line-height: 1.45;
    --border-radius-smaller: 7px;
    --border-radius: 14px;
    --border-radius-bigger: 26px;
  }
}
@media screen and (max-width: 660px) {
  :root {
    --font-size-12: 11px;
    --font-size-14: 12px;
    --font-size-16: 14px;
    --font-size-18: 15px;
    --font-size-20: 16px;
    --font-size-24: 18px;
    --font-size-30: 20px;
    --font-size-36: 22px;
    --font-size-48: 24px;
    --font-size-60: 28px;
    --font-size-72: 32px;
    --font-size-90: 40px;
    --font-size-120: 44px;
    --gap: 20px;
    --shadow: 0 0.6em 1.5em rgba(var(--color-primary-rgb), 0.1);
    --line-height: 1.4;
    --border-radius-smaller: 6px;
    --border-radius: 10px;
    --border-radius-bigger: 20px;
  }
}
/*# sourceMappingURL=./style.css.map */