@charset "UTF-8";
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=35ec167d-b700-4d30-a461-d3d8ba16e110");
@font-face {
  font-family: "Proba Pro W01_n1";
  src: url("../fonts/876b4e64-a7e7-4a78-bdc1-b354e720ce69.eot?#iefix") format("eot");
}
@font-face {
  font-family: "Proba Pro W01";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/876b4e64-a7e7-4a78-bdc1-b354e720ce69.eot?#iefix");
  src: url("../fonts/876b4e64-a7e7-4a78-bdc1-b354e720ce69.eot?#iefix") format("eot"), url("../fonts/fdd4f182-f968-42fa-a72c-744f3ff27bc8.woff2") format("woff2"), url("../fonts/6a77c29b-2ff5-43d0-90f8-495d83004b3b.woff") format("woff"), url("../fonts/570cc714-8bcd-4967-8577-7d6241b74883.ttf") format("truetype"), url("../fonts/0869dafd-e433-4148-bc83-1c7819642387.svg#0869dafd-e433-4148-bc83-1c7819642387") format("svg");
}
@font-face {
  font-family: "Proba Pro W01_i1";
  src: url("../fonts/f02778c3-2dfe-4852-a53c-ac2315225d46.eot?#iefix") format("eot");
}
@font-face {
  font-family: "Proba Pro W01";
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/f02778c3-2dfe-4852-a53c-ac2315225d46.eot?#iefix");
  src: url("../fonts/f02778c3-2dfe-4852-a53c-ac2315225d46.eot?#iefix") format("eot"), url("../fonts/684743b9-28ad-4425-bee0-84b18fe26304.woff2") format("woff2"), url("../fonts/ce849112-fea8-4723-ae38-3a0f2ce6eaa8.woff") format("woff"), url("../fonts/18182694-d350-42bc-a00a-10e3670d590f.ttf") format("truetype"), url("../fonts/c81d0a2e-0ce5-4c19-9d4c-c7cab5e373b2.svg#c81d0a2e-0ce5-4c19-9d4c-c7cab5e373b2") format("svg");
}
@font-face {
  font-family: "Proba Pro W01_n2";
  src: url("../fonts/1c4a9259-aba1-4b26-99da-167399ccd516.eot?#iefix") format("eot");
}
@font-face {
  font-family: "Proba Pro W01";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/1c4a9259-aba1-4b26-99da-167399ccd516.eot?#iefix");
  src: url("../fonts/1c4a9259-aba1-4b26-99da-167399ccd516.eot?#iefix") format("eot"), url("../fonts/a68bbb74-8dc7-49e4-b715-ee9d2191db62.woff2") format("woff2"), url("../fonts/4721c5d1-d32a-4c98-b31c-c38dc4d7d4b6.woff") format("woff"), url("../fonts/ee106998-613e-4bcb-b433-40f757862854.ttf") format("truetype"), url("../fonts/811abd2d-f864-45de-9b52-debd132a8e55.svg#811abd2d-f864-45de-9b52-debd132a8e55") format("svg");
}
@font-face {
  font-family: "Proba Pro W01_i2";
  src: url("../fonts/b5fd9d18-b2dc-4f4f-9050-68ea7172956c.eot?#iefix") format("eot");
}
@font-face {
  font-family: "Proba Pro W01";
  font-style: italic;
  font-weight: 200;
  src: url("../fonts/b5fd9d18-b2dc-4f4f-9050-68ea7172956c.eot?#iefix");
  src: url("../fonts/b5fd9d18-b2dc-4f4f-9050-68ea7172956c.eot?#iefix") format("eot"), url("../fonts/733857db-f09e-418e-92c8-5b7befdc90a1.woff2") format("woff2"), url("../fonts/34508d43-56ab-48bc-8027-0bdfcff3b98a.woff") format("woff"), url("../fonts/f50ac13c-e829-42c2-b7a8-8f0ecbbe1105.ttf") format("truetype"), url("../fonts/62d8d56f-9c91-4630-bc2d-7292ede89483.svg#62d8d56f-9c91-4630-bc2d-7292ede89483") format("svg");
}
@font-face {
  font-family: "Proba Pro W01_n3";
  src: url("../fonts/c84d6940-7b48-4056-8835-c0b30e63d246.eot?#iefix") format("eot");
}
@font-face {
  font-family: "Proba Pro W01";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/c84d6940-7b48-4056-8835-c0b30e63d246.eot?#iefix");
  src: url("../fonts/c84d6940-7b48-4056-8835-c0b30e63d246.eot?#iefix") format("eot"), url("../fonts/9b798c70-55d3-40d9-930b-b8bf15140fa5.woff2") format("woff2"), url("../fonts/4833d369-2466-4f20-90a2-2dc67da099cb.woff") format("woff"), url("../fonts/24a86e0b-0e16-478e-b1b6-fcefa5d8cf25.ttf") format("truetype"), url("../fonts/80a1e4c8-8358-4716-ad3c-c290bd447d7a.svg#80a1e4c8-8358-4716-ad3c-c290bd447d7a") format("svg");
}
@font-face {
  font-family: "Proba Pro W01_i3";
  src: url("../fonts/83391331-5543-43bd-9036-09f8594f2b33.eot?#iefix") format("eot");
}
@font-face {
  font-family: "Proba Pro W01";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/83391331-5543-43bd-9036-09f8594f2b33.eot?#iefix");
  src: url("../fonts/83391331-5543-43bd-9036-09f8594f2b33.eot?#iefix") format("eot"), url("../fonts/e1df2433-a7d4-4c15-ad3d-ad9992dd1e9a.woff2") format("woff2"), url("../fonts/58af206c-4125-4ed1-964c-3f2a565c57b3.woff") format("woff"), url("../fonts/1ee9eb38-03f4-40b8-9cad-3f127f0a8e62.ttf") format("truetype"), url("../fonts/ef65dcdb-9555-4ccb-9414-2d839073053e.svg#ef65dcdb-9555-4ccb-9414-2d839073053e") format("svg");
}
@font-face {
  font-family: "Proba Pro W01_n4";
  src: url("../fonts/ca56d6a6-ea85-41be-9dcf-c6a2d419e03a.eot?#iefix") format("eot");
}
@font-face {
  font-family: "Proba Pro W01";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/ca56d6a6-ea85-41be-9dcf-c6a2d419e03a.eot?#iefix");
  src: url("../fonts/ca56d6a6-ea85-41be-9dcf-c6a2d419e03a.eot?#iefix") format("eot"), url("../fonts/c729c594-aaa8-40c8-bb7b-e22095026114.woff2") format("woff2"), url("../fonts/d0256a34-2988-45d7-8093-104216fc319d.woff") format("woff"), url("../fonts/fed2d287-5d32-4e18-9d77-dea82f232e57.ttf") format("truetype"), url("../fonts/8c67e60b-8e8e-4afc-9f04-c103559ce97c.svg#8c67e60b-8e8e-4afc-9f04-c103559ce97c") format("svg");
}
@font-face {
  font-family: "Proba Pro W01_i4";
  src: url("../fonts/8910643d-edba-40a7-9d06-d7e5f2d58267.eot?#iefix") format("eot");
}
@font-face {
  font-family: "Proba Pro W01";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/8910643d-edba-40a7-9d06-d7e5f2d58267.eot?#iefix");
  src: url("../fonts/8910643d-edba-40a7-9d06-d7e5f2d58267.eot?#iefix") format("eot"), url("../fonts/f211b78a-fd4d-4434-8188-d7d641c533da.woff2") format("woff2"), url("../fonts/42dad980-6822-4538-b14d-24f7edc8bbc8.woff") format("woff"), url("../fonts/c3e8f4a5-d09a-4b13-b013-1507a2be977d.ttf") format("truetype"), url("../fonts/802b9bb5-c701-4fca-92e6-db3015e59b7d.svg#802b9bb5-c701-4fca-92e6-db3015e59b7d") format("svg");
}
@font-face {
  font-family: "Proba Pro W01_n5";
  src: url("../fonts/3b4da2ec-8e53-4b8d-bdec-714bbb02e076.eot?#iefix") format("eot");
}
@font-face {
  font-family: "Proba Pro W01";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/3b4da2ec-8e53-4b8d-bdec-714bbb02e076.eot?#iefix");
  src: url("../fonts/3b4da2ec-8e53-4b8d-bdec-714bbb02e076.eot?#iefix") format("eot"), url("../fonts/608f7df5-8601-4459-953b-05f016b5440b.woff2") format("woff2"), url("../fonts/fdb8d9a1-706a-43f1-9b12-5e87cea644a3.woff") format("woff"), url("../fonts/771ff675-f76c-42b5-a29b-7be0bc7bb144.ttf") format("truetype"), url("../fonts/ef5fdc47-dd49-4d8f-bde6-a835e955f21e.svg#ef5fdc47-dd49-4d8f-bde6-a835e955f21e") format("svg");
}
@font-face {
  font-family: "Proba Pro W01_i5";
  src: url("../fonts/defe4f4f-2a42-45c8-9b16-3afbd040f231.eot?#iefix") format("eot");
}
@font-face {
  font-family: "Proba Pro W01";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/defe4f4f-2a42-45c8-9b16-3afbd040f231.eot?#iefix");
  src: url("../fonts/defe4f4f-2a42-45c8-9b16-3afbd040f231.eot?#iefix") format("eot"), url("../fonts/da37f530-b57a-4972-a790-74eb04347d50.woff2") format("woff2"), url("../fonts/caef1298-748a-48f2-9338-27f3bddcee89.woff") format("woff"), url("../fonts/585f41e2-ba54-4be3-9bc3-7f4b43fa110d.ttf") format("truetype"), url("../fonts/a280f523-3482-46ec-92ae-d0754bf8ec42.svg#a280f523-3482-46ec-92ae-d0754bf8ec42") format("svg");
}
@font-face {
  font-family: "Proba Pro W01_n6";
  src: url("../fonts/e7fbbd4c-e948-49c8-b9b4-32b24abc4abf.eot?#iefix") format("eot");
}
@font-face {
  font-family: "Proba Pro W01";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/e7fbbd4c-e948-49c8-b9b4-32b24abc4abf.eot?#iefix");
  src: url("../fonts/e7fbbd4c-e948-49c8-b9b4-32b24abc4abf.eot?#iefix") format("eot"), url("../fonts/1d97ad64-e2b6-4551-be90-edb33d26ab26.woff2") format("woff2"), url("../fonts/948f0dca-ee24-4b8d-9d39-e6647e0c10bd.woff") format("woff"), url("../fonts/e8d8902e-4597-488e-adb1-8cdd3ae0a63b.ttf") format("truetype"), url("../fonts/317168fd-e500-44ab-a340-5615696f53a2.svg#317168fd-e500-44ab-a340-5615696f53a2") format("svg");
}
@font-face {
  font-family: "Proba Pro W01_i6";
  src: url("../fonts/6f5e2651-f3c2-4e38-b6e3-5e72dc48898b.eot?#iefix") format("eot");
}
@font-face {
  font-family: "Proba Pro W01";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/6f5e2651-f3c2-4e38-b6e3-5e72dc48898b.eot?#iefix");
  src: url("../fonts/6f5e2651-f3c2-4e38-b6e3-5e72dc48898b.eot?#iefix") format("eot"), url("../fonts/fdf8765b-9cb8-483b-b5c3-1cc7146fb54f.woff2") format("woff2"), url("../fonts/3b454eab-05ee-46da-954b-24cfb42655de.woff") format("woff"), url("../fonts/5a12306f-915e-4b7c-9bd9-ff80ed06180f.ttf") format("truetype"), url("../fonts/ac693bbd-b70d-4c84-aa72-785527e83445.svg#ac693bbd-b70d-4c84-aa72-785527e83445") format("svg");
}
@font-face {
  font-family: "Proba Pro W01_n7";
  src: url("../fonts/f2aa8ca9-2ed7-4360-b91f-03440db255e0.eot?#iefix") format("eot");
}
@font-face {
  font-family: "Proba Pro W01";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/f2aa8ca9-2ed7-4360-b91f-03440db255e0.eot?#iefix");
  src: url("../fonts/f2aa8ca9-2ed7-4360-b91f-03440db255e0.eot?#iefix") format("eot"), url("../fonts/3bc5c864-8261-4437-9d41-4c9730a80cdc.woff2") format("woff2"), url("../fonts/dc599214-8fb0-45bc-857b-774c98893c2e.woff") format("woff"), url("../fonts/c3d3aab3-17a6-4d12-acfe-50d926275731.ttf") format("truetype"), url("../fonts/8eeb3590-25ac-4d03-b9cf-9a5a151e18d4.svg#8eeb3590-25ac-4d03-b9cf-9a5a151e18d4") format("svg");
}
@font-face {
  font-family: "Proba Pro W01_i7";
  src: url("../fonts/064bf6d7-724b-4182-8b66-f2e9125c9c6e.eot?#iefix") format("eot");
}
@font-face {
  font-family: "Proba Pro W01";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/064bf6d7-724b-4182-8b66-f2e9125c9c6e.eot?#iefix");
  src: url("../fonts/064bf6d7-724b-4182-8b66-f2e9125c9c6e.eot?#iefix") format("eot"), url("../fonts/24567192-78d1-4fcf-84be-05d88fafb457.woff2") format("woff2"), url("../fonts/d5e38cca-491f-4b1e-9877-876743c50258.woff") format("woff"), url("../fonts/cf541a6e-1ef1-4303-a114-ea9560e7c3dc.ttf") format("truetype"), url("../fonts/952db4c4-b7dd-4a60-bdaf-18ac441fee68.svg#952db4c4-b7dd-4a60-bdaf-18ac441fee68") format("svg");
}
.theme-toggle {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1rem, 3vw, 1.2rem);
  font-weight: normal;
  height: clamp(2.5rem, 6vw, 3rem);
  line-height: 1;
  width: clamp(2.5rem, 6vw, 3rem);
  text-decoration: none;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  position: fixed;
  cursor: pointer;
  z-index: 1050;
  font-family: "Proba Pro W01", "Helvetica Neue", "Helvetica", sans-serif;
  top: clamp(1rem, 4vw, 2rem);
  right: clamp(1rem, 4vw, 2rem);
  background: #000000;
  color: #ffffff;
  border: 2px solid #000000;
}
.theme-toggle:hover, .theme-toggle:active {
  background: #ffffff;
  color: #000000;
  border-color: #000000;
  outline: none;
  transition: none;
}
.theme-toggle:focus {
  outline: none;
}
.dark-theme .theme-toggle {
  background: #ffffff;
  color: #000000;
  border-color: #ffffff;
}
.dark-theme .theme-toggle:hover, .dark-theme .theme-toggle:active {
  background: #000000;
  color: #ffffff;
  border-color: #ffffff;
  outline: none;
  transition: none;
}
.dark-theme .theme-toggle:focus {
  outline: none;
}
.theme-toggle .theme-toggle-icon {
  transition: transform 0.3s ease-in-out;
  display: block;
  line-height: 1;
  color: inherit;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.dark-theme .theme-toggle .theme-toggle-icon {
  transform: rotate(180deg);
}

.logo {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc( * );
  font-weight: 100;
  letter-spacing: calc( * -0.05);
  line-height: 1;
  text-decoration: none;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  position: relative;
  font-family: "Proba Pro W01", "Helvetica Neue", "Helvetica", sans-serif;
  background: #000000;
  color: #ffffff;
  border: 1px solid #000000;
}
@media (min-width: 768px) {
  .logo {
    border-width: 2px;
  }
}
.logo:hover, .logo:active, .logo:focus {
  background: #ffffff;
  color: #000000;
  border-color: #000000;
  outline: none;
}
.logo:hover a,
.logo:hover a:hover,
.logo:hover a:active,
.logo:hover a:focus,
.logo:hover a:visited,
.logo:hover em,
.logo:hover span,
.logo:hover strong,
.logo:hover i,
.logo:hover b, .logo:active a,
.logo:active a:hover,
.logo:active a:active,
.logo:active a:focus,
.logo:active a:visited,
.logo:active em,
.logo:active span,
.logo:active strong,
.logo:active i,
.logo:active b, .logo:focus a,
.logo:focus a:hover,
.logo:focus a:active,
.logo:focus a:focus,
.logo:focus a:visited,
.logo:focus em,
.logo:focus span,
.logo:focus strong,
.logo:focus i,
.logo:focus b {
  color: #000000;
  background: transparent;
}
.dark-theme .logo {
  background: #ffffff;
  color: #000000;
  border-color: #ffffff;
}
.dark-theme .logo:hover, .dark-theme .logo:active, .dark-theme .logo:focus {
  background: #000000;
  color: #ffffff;
  border-color: #ffffff;
  outline: none;
}
.dark-theme .logo:hover a,
.dark-theme .logo:hover a:hover,
.dark-theme .logo:hover a:active,
.dark-theme .logo:hover a:focus,
.dark-theme .logo:hover a:visited,
.dark-theme .logo:hover em,
.dark-theme .logo:hover span,
.dark-theme .logo:hover strong,
.dark-theme .logo:hover i,
.dark-theme .logo:hover b, .dark-theme .logo:active a,
.dark-theme .logo:active a:hover,
.dark-theme .logo:active a:active,
.dark-theme .logo:active a:focus,
.dark-theme .logo:active a:visited,
.dark-theme .logo:active em,
.dark-theme .logo:active span,
.dark-theme .logo:active strong,
.dark-theme .logo:active i,
.dark-theme .logo:active b, .dark-theme .logo:focus a,
.dark-theme .logo:focus a:hover,
.dark-theme .logo:focus a:active,
.dark-theme .logo:focus a:focus,
.dark-theme .logo:focus a:visited,
.dark-theme .logo:focus em,
.dark-theme .logo:focus span,
.dark-theme .logo:focus strong,
.dark-theme .logo:focus i,
.dark-theme .logo:focus b {
  color: #ffffff;
  background: transparent;
}
.dark-theme .logo a,
.dark-theme .logo a:visited,
.dark-theme .logo a:hover,
.dark-theme .logo a:active,
.dark-theme .logo a:focus,
.dark-theme .logo em,
.dark-theme .logo span,
.dark-theme .logo strong,
.dark-theme .logo i,
.dark-theme .logo b {
  color: #000000;
  background: transparent;
}
.logo a,
.logo a:visited,
.logo a:hover,
.logo a:active,
.logo a:focus {
  color: inherit;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  background: transparent;
  border: none;
  z-index: 1;
}
.logo em,
.logo span,
.logo strong,
.logo i,
.logo b {
  display: block;
  line-height: 1;
  font-weight: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  transform: translate(-0.08em, -0.05em);
  font-family: inherit;
  position: relative;
  z-index: 2;
  background: transparent;
  border: none;
  outline: none;
}

.logo-main {
  border-radius: clamp(4rem, 12vw, 8rem);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(clamp(4rem, 12vw, 8rem) * 0.6);
  font-weight: 100;
  height: clamp(4rem, 12vw, 8rem);
  letter-spacing: calc(clamp(4rem, 12vw, 8rem) * -0.05);
  line-height: 1;
  width: clamp(4rem, 12vw, 8rem);
  text-decoration: none;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  position: relative;
  font-family: "Proba Pro W01", "Helvetica Neue", "Helvetica", sans-serif;
  background: #000000;
  color: #ffffff;
  border: 1px solid #000000;
}
@media (min-width: 768px) {
  .logo-main {
    border-width: 2px;
  }
}
.logo-main:hover, .logo-main:active, .logo-main:focus {
  background: #ffffff;
  color: #000000;
  border-color: #000000;
  outline: none;
}
.logo-main:hover a,
.logo-main:hover a:hover,
.logo-main:hover a:active,
.logo-main:hover a:focus,
.logo-main:hover a:visited,
.logo-main:hover em,
.logo-main:hover span,
.logo-main:hover strong,
.logo-main:hover i,
.logo-main:hover b, .logo-main:active a,
.logo-main:active a:hover,
.logo-main:active a:active,
.logo-main:active a:focus,
.logo-main:active a:visited,
.logo-main:active em,
.logo-main:active span,
.logo-main:active strong,
.logo-main:active i,
.logo-main:active b, .logo-main:focus a,
.logo-main:focus a:hover,
.logo-main:focus a:active,
.logo-main:focus a:focus,
.logo-main:focus a:visited,
.logo-main:focus em,
.logo-main:focus span,
.logo-main:focus strong,
.logo-main:focus i,
.logo-main:focus b {
  color: #000000;
  background: transparent;
}
.dark-theme .logo-main {
  background: #ffffff;
  color: #000000;
  border-color: #ffffff;
}
.dark-theme .logo-main:hover, .dark-theme .logo-main:active, .dark-theme .logo-main:focus {
  background: #000000;
  color: #ffffff;
  border-color: #ffffff;
  outline: none;
}
.dark-theme .logo-main:hover a,
.dark-theme .logo-main:hover a:hover,
.dark-theme .logo-main:hover a:active,
.dark-theme .logo-main:hover a:focus,
.dark-theme .logo-main:hover a:visited,
.dark-theme .logo-main:hover em,
.dark-theme .logo-main:hover span,
.dark-theme .logo-main:hover strong,
.dark-theme .logo-main:hover i,
.dark-theme .logo-main:hover b, .dark-theme .logo-main:active a,
.dark-theme .logo-main:active a:hover,
.dark-theme .logo-main:active a:active,
.dark-theme .logo-main:active a:focus,
.dark-theme .logo-main:active a:visited,
.dark-theme .logo-main:active em,
.dark-theme .logo-main:active span,
.dark-theme .logo-main:active strong,
.dark-theme .logo-main:active i,
.dark-theme .logo-main:active b, .dark-theme .logo-main:focus a,
.dark-theme .logo-main:focus a:hover,
.dark-theme .logo-main:focus a:active,
.dark-theme .logo-main:focus a:focus,
.dark-theme .logo-main:focus a:visited,
.dark-theme .logo-main:focus em,
.dark-theme .logo-main:focus span,
.dark-theme .logo-main:focus strong,
.dark-theme .logo-main:focus i,
.dark-theme .logo-main:focus b {
  color: #ffffff;
  background: transparent;
}
.dark-theme .logo-main a,
.dark-theme .logo-main a:visited,
.dark-theme .logo-main a:hover,
.dark-theme .logo-main a:active,
.dark-theme .logo-main a:focus,
.dark-theme .logo-main em,
.dark-theme .logo-main span,
.dark-theme .logo-main strong,
.dark-theme .logo-main i,
.dark-theme .logo-main b {
  color: #000000;
  background: transparent;
}
.logo-main a,
.logo-main a:visited,
.logo-main a:hover,
.logo-main a:active,
.logo-main a:focus {
  color: inherit;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  background: transparent;
  border: none;
  z-index: 1;
}
.logo-main em,
.logo-main span,
.logo-main strong,
.logo-main i,
.logo-main b {
  display: block;
  line-height: 1;
  font-weight: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  transform: translate(-0.08em, -0.05em);
  font-family: inherit;
  position: relative;
  z-index: 2;
  background: transparent;
  border: none;
  outline: none;
}

.logo-small {
  border-radius: clamp(2rem, 6vw, 3rem);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(clamp(2rem, 6vw, 3rem) * 0.6);
  font-weight: 100;
  height: clamp(2rem, 6vw, 3rem);
  letter-spacing: calc(clamp(2rem, 6vw, 3rem) * -0.05);
  line-height: 1;
  width: clamp(2rem, 6vw, 3rem);
  text-decoration: none;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  position: relative;
  font-family: "Proba Pro W01", "Helvetica Neue", "Helvetica", sans-serif;
  background: #000000;
  color: #ffffff;
  border: 1px solid #000000;
}
.logo-small:hover, .logo-small:active, .logo-small:focus {
  background: #ffffff;
  color: #000000;
  border-color: #000000;
  outline: none;
}
.logo-small:hover a,
.logo-small:hover a:hover,
.logo-small:hover a:active,
.logo-small:hover a:focus,
.logo-small:hover a:visited,
.logo-small:hover em,
.logo-small:hover span,
.logo-small:hover strong,
.logo-small:hover i,
.logo-small:hover b, .logo-small:active a,
.logo-small:active a:hover,
.logo-small:active a:active,
.logo-small:active a:focus,
.logo-small:active a:visited,
.logo-small:active em,
.logo-small:active span,
.logo-small:active strong,
.logo-small:active i,
.logo-small:active b, .logo-small:focus a,
.logo-small:focus a:hover,
.logo-small:focus a:active,
.logo-small:focus a:focus,
.logo-small:focus a:visited,
.logo-small:focus em,
.logo-small:focus span,
.logo-small:focus strong,
.logo-small:focus i,
.logo-small:focus b {
  color: #000000;
  background: transparent;
}
.dark-theme .logo-small {
  background: #ffffff;
  color: #000000;
  border-color: #ffffff;
}
.dark-theme .logo-small:hover, .dark-theme .logo-small:active, .dark-theme .logo-small:focus {
  background: #000000;
  color: #ffffff;
  border-color: #ffffff;
  outline: none;
}
.dark-theme .logo-small:hover a,
.dark-theme .logo-small:hover a:hover,
.dark-theme .logo-small:hover a:active,
.dark-theme .logo-small:hover a:focus,
.dark-theme .logo-small:hover a:visited,
.dark-theme .logo-small:hover em,
.dark-theme .logo-small:hover span,
.dark-theme .logo-small:hover strong,
.dark-theme .logo-small:hover i,
.dark-theme .logo-small:hover b, .dark-theme .logo-small:active a,
.dark-theme .logo-small:active a:hover,
.dark-theme .logo-small:active a:active,
.dark-theme .logo-small:active a:focus,
.dark-theme .logo-small:active a:visited,
.dark-theme .logo-small:active em,
.dark-theme .logo-small:active span,
.dark-theme .logo-small:active strong,
.dark-theme .logo-small:active i,
.dark-theme .logo-small:active b, .dark-theme .logo-small:focus a,
.dark-theme .logo-small:focus a:hover,
.dark-theme .logo-small:focus a:active,
.dark-theme .logo-small:focus a:focus,
.dark-theme .logo-small:focus a:visited,
.dark-theme .logo-small:focus em,
.dark-theme .logo-small:focus span,
.dark-theme .logo-small:focus strong,
.dark-theme .logo-small:focus i,
.dark-theme .logo-small:focus b {
  color: #ffffff;
  background: transparent;
}
.dark-theme .logo-small a,
.dark-theme .logo-small a:visited,
.dark-theme .logo-small a:hover,
.dark-theme .logo-small a:active,
.dark-theme .logo-small a:focus,
.dark-theme .logo-small em,
.dark-theme .logo-small span,
.dark-theme .logo-small strong,
.dark-theme .logo-small i,
.dark-theme .logo-small b {
  color: #000000;
  background: transparent;
}
.logo-small a,
.logo-small a:visited,
.logo-small a:hover,
.logo-small a:active,
.logo-small a:focus {
  color: inherit;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  background: transparent;
  border: none;
  z-index: 1;
}
.logo-small em,
.logo-small span,
.logo-small strong,
.logo-small i,
.logo-small b {
  display: block;
  line-height: 1;
  font-weight: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  transform: translate(-0.08em, -0.05em);
  font-family: inherit;
  position: relative;
  z-index: 2;
  background: transparent;
  border: none;
  outline: none;
}

/* Global box-sizing fix to prevent width calculation issues */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Prevent text overflow by allowing proper word breaking */
p,
li,
span,
div,
td {
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
}

/* Specifically target experience content for aggressive word breaking */
.experience p,
.experience li,
#experiences li,
#experiences p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  max-width: 100%;
}

.no-decoration {
  text-decoration: none;
}

html,
body {
  font-family: "Proba Pro W01", "Helvetica Neue", "Helvetica", sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #000;
  background-color: #fff;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  font-size: calc(((1vmin + 1vmax) / 3) * 3.6);
  font-size: clamp(15px, 1.05vw, 19px);
  line-height: 1.5;
  margin: 0 auto;
  padding: 0;
}
html a,
body a {
  color: #000;
}
html a:not(.no-decoration):hover,
body a:not(.no-decoration):hover {
  color: #999999;
}
html a:visited,
body a:visited {
  color: #666666;
}
html a:hover,
body a:hover {
  color: #999999;
}
html h1,
html h2,
html h3,
html h4,
html h5,
html h6,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  color: #000;
}
html nav a:not(.logo),
body nav a:not(.logo) {
  color: #000;
}
html nav a:not(.logo):hover,
body nav a:not(.logo):hover {
  color: #999999;
}
html footer,
body footer {
  color: #000;
}
@media print {
  html,
  body {
    font-size: calc(((1vmin + 1vmax) / 3) * 2.8);
    max-width: 190mm;
    line-height: 1.5;
    margin-top: 0 !important;
  }
}
html a,
body a {
  transition: color 0.2s ease;
}
html a:not(.no-decoration):hover,
body a:not(.no-decoration):hover {
  color: #999999;
}
html a:visited,
body a:visited {
  color: #666666;
}
html a:hover,
body a:hover {
  color: #999999;
}

html.dark-theme,
html.dark-theme body {
  color: #ffffff;
  background-color: #000000;
}
html.dark-theme a,
html.dark-theme body a {
  color: #ffffff;
}
html.dark-theme a:not(.no-decoration):hover,
html.dark-theme body a:not(.no-decoration):hover {
  color: rgb(178.5, 178.5, 178.5);
}
html.dark-theme a:visited,
html.dark-theme body a:visited {
  color: #cccccc;
}
html.dark-theme a:hover,
html.dark-theme body a:hover {
  color: rgb(178.5, 178.5, 178.5);
}
html.dark-theme h1,
html.dark-theme h2,
html.dark-theme h3,
html.dark-theme h4,
html.dark-theme h5,
html.dark-theme h6,
html.dark-theme body h1,
html.dark-theme body h2,
html.dark-theme body h3,
html.dark-theme body h4,
html.dark-theme body h5,
html.dark-theme body h6 {
  color: #ffffff;
}
html.dark-theme nav a:not(.logo),
html.dark-theme body nav a:not(.logo) {
  color: #ffffff;
}
html.dark-theme nav a:not(.logo):hover,
html.dark-theme body nav a:not(.logo):hover {
  color: rgb(178.5, 178.5, 178.5);
}
html.dark-theme footer,
html.dark-theme body footer {
  color: #cccccc;
}

body {
  padding: calc(((1vmin + 1vmax) / 3) * 2 / 2);
}
body .link-text-print {
  display: none;
}
body .link-text-screen {
  display: inline;
}
body .link-text-screen--print {
  display: inline;
}
body .link-with-qr {
  align-items: center;
  gap: 0.2em;
}
body .project-link {
  display: inline-flex;
  align-items: center;
  gap: 0.3em;
  text-decoration: underline;
}
body .project-link__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.1em;
  height: 1.1em;
  color: #000;
}
body .project-link__icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
.dark-theme body .project-link__icon {
  color: #ffffff;
}
body .project-link__icon-video-triangle {
  fill: #fff;
}
body .dark-theme .project-link__icon-video-triangle {
  fill: #000000;
}
body .project-link__content {
  display: inline;
}
body .link-qr-print {
  display: none;
}
body .page-qr-print {
  display: none;
}
body .intro {
  overflow: hidden;
  margin-bottom: 1em;
}
@media (max-width: 768px) {
  body .intro {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    overflow: visible;
  }
}
body .left-column {
  float: left;
  width: 48%;
  text-align: left;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  body .left-column {
    float: none;
    width: 100%;
  }
}
body .right-column {
  float: right;
  width: 48%;
  text-align: right;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  body .right-column {
    float: none;
    width: 100%;
    text-align: left;
  }
}
body a.side-note {
  text-decoration: none;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  color: #000;
  transition: color 0.3s ease-in-out;
}
body h1 {
  font-weight: 100;
  font-size: 1.7rem;
  line-height: 1.5;
}
body h2 {
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1.5;
}
body h3 {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5;
}
body h3 em {
  font-weight: 300;
}
body h3 .dates {
  font-weight: 400;
  font-size: 0.85em;
  opacity: 0.85;
  margin-left: 0.5em;
  white-space: nowrap;
}
body h4 {
  font-weight: 600;
  font-size: 0.94rem;
  line-height: 1.5;
}
body h5 {
  font-weight: 700;
  line-height: 1.5;
}
body h6 {
  font-weight: 800;
  font-size: 0.86rem;
  line-height: 1.5;
}
body #info p,
body #info li,
body #contact p,
body #contact li,
body #summary p,
body #summary li,
body #skills p,
body #skills li,
body #education p,
body #education li,
body #interests p,
body #interests li,
body #projects p,
body #projects li {
  font-size: 0.95rem;
  line-height: 1.35;
}
body #info li strong,
body #contact li strong {
  font-weight: 600;
}
body #education li.education h3 {
  font-size: 0.98rem;
}
body .cv-secondary-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  align-items: flex-start;
}
body .cv-secondary-columns > .cv-secondary-column {
  flex: 1 1 18rem;
  min-width: 0;
  margin: 0;
}
@media (max-width: 768px) {
  body .cv-secondary-columns {
    gap: 0.75rem;
  }
  body .cv-secondary-columns > .cv-secondary-column {
    flex-basis: 100%;
  }
}
body #interests p {
  margin: 0;
}
body section {
  margin: 0 0 0.75rem 0;
}
body section > h2 {
  margin: 0 0 0.35rem 0;
}
body section:last-child {
  margin-bottom: 0;
}
body ul,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body section,
body p {
  padding: 0;
  margin: 0;
}
@media print {
  body nav {
    display: none;
  }
}
body nav .logo {
  border-radius: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(3rem * 0.55);
  font-weight: 100;
  height: 3rem;
  letter-spacing: calc(3rem * -0.05);
  line-height: 1;
  width: 3rem;
  text-decoration: none;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  position: relative;
  font-family: "Proba Pro W01", "Helvetica Neue", "Helvetica", sans-serif;
  background: #000000;
  color: #ffffff;
  border: 1px solid #000000;
  margin: 0;
}
body nav .logo:hover, body nav .logo:active, body nav .logo:focus {
  background: #ffffff;
  color: #000000;
  border-color: #000000;
  outline: none;
}
body nav .logo:hover a,
body nav .logo:hover a:hover,
body nav .logo:hover a:active,
body nav .logo:hover a:focus,
body nav .logo:hover a:visited,
body nav .logo:hover em,
body nav .logo:hover span,
body nav .logo:hover strong,
body nav .logo:hover i,
body nav .logo:hover b, body nav .logo:active a,
body nav .logo:active a:hover,
body nav .logo:active a:active,
body nav .logo:active a:focus,
body nav .logo:active a:visited,
body nav .logo:active em,
body nav .logo:active span,
body nav .logo:active strong,
body nav .logo:active i,
body nav .logo:active b, body nav .logo:focus a,
body nav .logo:focus a:hover,
body nav .logo:focus a:active,
body nav .logo:focus a:focus,
body nav .logo:focus a:visited,
body nav .logo:focus em,
body nav .logo:focus span,
body nav .logo:focus strong,
body nav .logo:focus i,
body nav .logo:focus b {
  color: #000000;
  background: transparent;
}
.dark-theme body nav .logo {
  background: #ffffff;
  color: #000000;
  border-color: #ffffff;
}
.dark-theme body nav .logo:hover, .dark-theme body nav .logo:active, .dark-theme body nav .logo:focus {
  background: #000000;
  color: #ffffff;
  border-color: #ffffff;
  outline: none;
}
.dark-theme body nav .logo:hover a,
.dark-theme body nav .logo:hover a:hover,
.dark-theme body nav .logo:hover a:active,
.dark-theme body nav .logo:hover a:focus,
.dark-theme body nav .logo:hover a:visited,
.dark-theme body nav .logo:hover em,
.dark-theme body nav .logo:hover span,
.dark-theme body nav .logo:hover strong,
.dark-theme body nav .logo:hover i,
.dark-theme body nav .logo:hover b, .dark-theme body nav .logo:active a,
.dark-theme body nav .logo:active a:hover,
.dark-theme body nav .logo:active a:active,
.dark-theme body nav .logo:active a:focus,
.dark-theme body nav .logo:active a:visited,
.dark-theme body nav .logo:active em,
.dark-theme body nav .logo:active span,
.dark-theme body nav .logo:active strong,
.dark-theme body nav .logo:active i,
.dark-theme body nav .logo:active b, .dark-theme body nav .logo:focus a,
.dark-theme body nav .logo:focus a:hover,
.dark-theme body nav .logo:focus a:active,
.dark-theme body nav .logo:focus a:focus,
.dark-theme body nav .logo:focus a:visited,
.dark-theme body nav .logo:focus em,
.dark-theme body nav .logo:focus span,
.dark-theme body nav .logo:focus strong,
.dark-theme body nav .logo:focus i,
.dark-theme body nav .logo:focus b {
  color: #ffffff;
  background: transparent;
}
.dark-theme body nav .logo a,
.dark-theme body nav .logo a:visited,
.dark-theme body nav .logo a:hover,
.dark-theme body nav .logo a:active,
.dark-theme body nav .logo a:focus,
.dark-theme body nav .logo em,
.dark-theme body nav .logo span,
.dark-theme body nav .logo strong,
.dark-theme body nav .logo i,
.dark-theme body nav .logo b {
  color: #000000;
  background: transparent;
}
body nav .logo a,
body nav .logo a:visited,
body nav .logo a:hover,
body nav .logo a:active,
body nav .logo a:focus {
  color: inherit;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  background: transparent;
  border: none;
  z-index: 1;
}
body nav .logo em,
body nav .logo span,
body nav .logo strong,
body nav .logo i,
body nav .logo b {
  display: block;
  line-height: 1;
  font-weight: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  transform: translate(-0.08em, -0.05em);
  font-family: inherit;
  position: relative;
  z-index: 2;
  background: transparent;
  border: none;
  outline: none;
}
body nav a:not(.logo) {
  font-size: 1rem;
  text-align: right;
}
body nav div.right {
  text-align: right;
}
body nav .nav-right {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
body header {
  margin-top: calc((((1vmin + 1vmax) / 3) * 2) / 2);
}
body footer {
  font-size: 0.6rem;
  margin-top: calc((((1vmin + 1vmax) / 3) * 2) / 2);
  text-align: center;
  line-height: 1.5;
  color: #000;
  transition: color 0.3s ease-in-out;
}
body ul.info li,
body ul.educations li {
  display: inline;
  margin: 0;
  line-height: 1.5;
}
body ul.info li:not(:first-child)::before,
body ul.educations li:not(:first-child)::before {
  content: " •  ";
}
body ul.skills {
  margin: 0.1rem 0 0;
  padding: 0;
}
body ul.skills li {
  display: inline;
  margin: 0;
  line-height: 1.3;
}
body ul.skills li:not(:first-child)::before {
  content: " •  ";
}
body ul.skills li strong {
  display: inline;
  margin-right: 0.25em;
  font-weight: 700;
  letter-spacing: 0.01em;
}
body ul.contact li {
  display: inline;
  margin: 0;
  line-height: 1.5;
}
body ul.contact li:not(:first-child)::before {
  content: "";
}
body p.demo-cta {
  margin: 0.3rem 0 0.8rem 0;
  padding: 0;
  font-size: 0.9em;
  font-weight: 500;
}
body p.demo-cta a {
  transition: opacity 0.2s ease;
  cursor: pointer;
}
body p.demo-cta a:hover {
  opacity: 0.7;
}
@media print {
  body p.demo-cta {
    font-size: 0.8em;
    opacity: 0.85;
  }
}
body .experience {
  break-inside: auto;
  /* Allow content to flow across pages naturally */
  margin: 0;
  padding: 0;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
body .experience h3,
body .experience h4,
body .experience h5 {
  margin: 0;
  padding: 0;
}
body .experience ul {
  padding: 0;
  padding-left: 1.5em;
  margin: 0;
  list-style-type: disc;
  list-style-position: outside;
}
body .experience ul li {
  display: list-item;
  margin: 0;
  padding: 0;
  line-height: 1.3;
}
body .experience ul li p {
  margin: 0;
  padding: 0;
}
body .experience ul ul {
  list-style-type: circle;
}
body .experience ul ul ul {
  list-style-type: square;
}
body #projects > ul.projects {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
body #projects li.project {
  display: block;
}
body #projects li.project > p {
  margin-top: 0.3em;
}
body #projects li.project > ul {
  padding: 0;
  padding-left: 1.25em;
  margin: 0.3em 0;
  list-style-type: disc;
  list-style-position: outside;
}
body #projects li.project > ul li {
  display: list-item;
  margin: 0;
  padding: 0;
  line-height: 1.35;
}
body #projects li.project > ul li p {
  margin: 0;
  padding: 0;
}
body #projects li.project > ul li ul {
  list-style-type: circle;
}
body #projects li.project > ul li ul ul {
  list-style-type: square;
}
body #experiences .experiences-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
  align-items: start;
}
@media (max-width: 1100px) {
  body #experiences .experiences-columns {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
body #experiences ul.experiences {
  flex: 1;
  display: flex;
  flex-direction: column;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
body #experiences ul.experiences--left {
  justify-content: flex-start;
}
body #experiences ul.experiences--right {
  justify-content: flex-start;
}
body #experiences li.experience {
  flex: 0 0 auto;
  margin: 0 0 0.75rem 0;
  padding: 0.75rem;
  border-left: 2px solid rgba(0, 0, 0, 0.15);
  padding-left: 1rem;
}
body #experiences li.experience h3 {
  margin: 0 0 0.5rem 0;
  font-size: 0.98rem;
}
body #experiences li.experience > ul {
  padding: 0;
  padding-left: 1.25em;
  margin: 0;
  list-style-type: disc;
}
body #experiences li.experience > ul li {
  display: list-item;
  margin: 0.2em 0;
  padding: 0;
  font-size: 0.93rem;
}
body #experiences li.experience > ul > li > ul {
  list-style-type: circle;
}
body #experiences li.experience > ul > li > ul > li > ul {
  list-style-type: square;
}

#experiences-older {
  margin-top: 0.5em;
}
#experiences-older h2 {
  margin: 0 0 0.4em 0;
  font-size: 1.1em;
}
#experiences-older .experiences-older {
  display: grid;
  gap: 0.2rem;
}
#experiences-older .experience-older__group {
  break-inside: avoid;
}
#experiences-older .experience-older__year {
  font-size: 0.8em;
  font-weight: 700;
  margin: 0.3em 0 0.15em 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.8);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
#experiences-older .experience-older__list {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 0.3rem;
  padding: 0;
  margin: 0;
}
@media (max-width: 1100px) {
  #experiences-older .experience-older__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 768px) {
  #experiences-older .experience-older__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
#experiences-older .experience-older__entry {
  font-size: 0.75em;
  line-height: 1.2;
  padding: 0.15rem 0.3rem;
  border-left: 2px solid rgba(0, 0, 0, 0.15);
  break-inside: avoid;
}
#experiences-older .experience-older__header {
  margin: 0 0 0.15rem 0;
  padding: 0;
}
#experiences-older .experience-older__role {
  font-weight: 600;
  margin: 0;
  padding: 0;
  font-size: 0.95em;
}
#experiences-older .experience-older__company {
  margin: 0.05em 0;
  padding: 0;
  font-size: 0.88em;
}
#experiences-older .experience-older__company a {
  text-decoration: none;
  color: inherit;
}
#experiences-older .experience-older__company a:hover {
  text-decoration: underline;
}
#experiences-older .experience-older__dates {
  font-size: 0.84rem;
  color: rgba(0, 0, 0, 0.65);
  margin: 0;
  padding: 0;
}
#experiences-older .experience-older__bullets {
  padding: 0;
  padding-left: 0.9em;
  margin: 0.2rem 0 0 0;
  list-style-type: disc;
  font-size: 0.85em;
}
#experiences-older .experience-older__bullets li {
  display: list-item;
  margin: 0.1em 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
}
#experiences-older .experience-older__bullets li::marker {
  color: rgba(0, 0, 0, 0.5);
}

@media print {
  @page {
    size: A4;
    margin: 0.4cm 0.44cm 0.44cm 0.44cm;
  }
  html,
  body {
    font-size: 14.8px !important;
    line-height: 1.36 !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
    width: 100% !important;
    color: #000 !important;
    background: #fff !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    text-rendering: optimizeLegibility;
  }
  nav,
  .grain-overlay {
    display: none !important;
  }
  .container {
    margin: 0 !important;
    padding: 0 0.3cm !important;
    max-width: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
  }
  header {
    margin: 0 0 0.29rem 0 !important;
    padding: 0 0.3cm !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  header hgroup,
  header h1 {
    margin: 0 !important;
    padding: 0 !important;
  }
  .intro {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    overflow: visible !important;
    margin: 0 0 0.41rem 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    line-height: 1.36 !important;
  }
  .intro section {
    margin: 0 !important;
    padding: 0 !important;
  }
  .intro #info h2,
  .intro #contact h2 {
    display: none !important;
  }
  .intro ul.info,
  .intro ul.contact {
    display: inline !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12.4px !important;
    line-height: 1.36 !important;
  }
  .intro ul.info li,
  .intro ul.contact li {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .intro ul.info li:not(:first-child)::before,
  .intro ul.contact li:not(:first-child)::before {
    content: " · " !important;
  }
  .left-column {
    float: none !important;
    width: 50% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    text-align: left !important;
  }
  .right-column {
    float: none !important;
    width: 50% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    text-align: right !important;
  }
  h1 {
    font-size: 19px !important;
    line-height: 1.36 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  h2 {
    font-size: 14.8px !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.36 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  h3 {
    font-size: 13.6px !important;
    line-height: 1.36 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  h4 {
    font-size: 13.6px !important;
    line-height: 1.36 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  a,
  a:visited {
    color: #000 !important;
    text-decoration: none !important;
  }
  .link-text-screen {
    display: none !important;
  }
  .link-text-screen--print {
    display: inline !important;
  }
  .link-text-print {
    display: inline !important;
  }
  .link-with-qr {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.09cm !important;
    vertical-align: baseline !important;
  }
  .link-qr-print {
    display: inline-flex !important;
    width: 0.56cm !important;
    height: 0.56cm !important;
    padding: 0.03cm !important;
    border: 0.35pt solid #777 !important;
    border-radius: 1px !important;
    background: #fff !important;
    line-height: 0 !important;
    flex: 0 0 auto !important;
  }
  .link-qr-print img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }
  .page-qr-print {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    z-index: 2 !important;
    line-height: 0 !important;
  }
  .page-qr-print__label {
    display: none !important;
  }
  .page-qr-print__box {
    width: 3.2cm !important;
    height: 3.8cm !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border-width: 0.55pt !important;
    display: block !important;
  }
  .right-column #contact {
    display: block !important;
  }
  section {
    margin: 0 0 0.41rem 0 !important;
    padding: 0 !important;
    break-inside: auto;
  }
  section:last-child {
    margin-bottom: 0 !important;
  }
  section > h2 {
    margin: 0 0 0.245rem 0 !important;
    padding: 0 !important;
    break-after: avoid !important;
  }
  section > h2 + * {
    break-before: avoid !important;
  }
  p {
    margin: 0 0 0.12rem 0 !important;
    padding: 0 !important;
    line-height: 1.36 !important;
    orphans: 3;
    widows: 3;
  }
  ul,
  ol {
    margin: 0 !important;
    padding-left: 1.1em !important;
    line-height: 1.36 !important;
  }
  li {
    margin: 0 0 0.12rem 0 !important;
    padding: 0 !important;
    line-height: 1.36 !important;
  }
  li:last-child {
    margin-bottom: 0 !important;
  }
  hr {
    border: none !important;
    border-top: 0.5px solid #ccc !important;
    margin: 0.245rem 0 !important;
  }
  #skills ul.skills {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #skills ul.skills li {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13.6px !important;
    line-height: 1.36 !important;
  }
  #skills ul.skills li:not(:first-child)::before {
    content: " · " !important;
  }
  #skills ul.skills li strong {
    display: inline !important;
    font-weight: 700 !important;
  }
  p.demo-cta {
    margin: 0 0 0.245rem 0 !important;
    font-size: 12.4px !important;
  }
  #projects > ul.projects {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  #projects li.project > p {
    font-size: 12.4px !important;
    margin: 0 0 0.12rem 0 !important;
  }
  #projects li.project > ul {
    list-style-type: disc !important;
    padding-left: 1.1em !important;
    margin: 0 !important;
  }
  #projects li.project > ul li {
    font-size: 12.4px !important;
    line-height: 1.36 !important;
    margin: 0 0 0.12rem 0 !important;
    padding: 0 !important;
  }
  #projects li.project > ul li:last-child {
    margin-bottom: 0 !important;
  }
  #projects li.project > ul li p {
    margin: 0 !important;
  }
  #projects li.project > ul ul {
    list-style-type: circle !important;
    padding-left: 1.1em !important;
  }
  #experiences {
    margin-bottom: 0 !important;
  }
  #experiences .experiences-columns {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0 0.41rem !important;
    align-items: start !important;
  }
  #experiences ul.experiences {
    display: flex !important;
    flex-direction: column !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  #experiences li.experience {
    flex: 0 0 auto !important;
    margin: 0 0 0.29rem 0 !important;
    padding: 0.245rem 0.245rem 0.245rem 0.52rem !important;
    border-left: 1px solid rgba(0, 0, 0, 0.2) !important;
    font-size: 12.4px !important;
    break-inside: auto !important;
    page-break-inside: auto !important;
  }
  #experiences li.experience:last-child {
    margin-bottom: 0 !important;
  }
  #experiences li.experience h3 {
    font-size: 13.6px !important;
    font-weight: 700 !important;
    line-height: 1.36 !important;
    margin: 0 0 0.245rem 0 !important;
    padding: 0 !important;
    break-after: avoid !important;
  }
  #experiences li.experience h3 + * {
    break-before: avoid !important;
  }
  #experiences li.experience > ul {
    list-style-type: disc !important;
    padding-left: 1.1em !important;
    margin: 0.12rem 0 0 0 !important;
  }
  #experiences li.experience > ul li {
    display: list-item !important;
    font-size: 12.4px !important;
    line-height: 1.36 !important;
    margin: 0 0 0.12rem 0 !important;
    padding: 0 !important;
  }
  #experiences li.experience > ul li:last-child {
    margin-bottom: 0 !important;
  }
  #experiences li.experience > ul > li > ul {
    list-style-type: circle !important;
    padding-left: 1.1em !important;
    margin: 0 !important;
  }
  #experiences li.experience > ul > li > ul > li > ul {
    list-style-type: square !important;
  }
  .experience {
    break-inside: auto !important;
    margin: 0 0 0.29rem 0 !important;
    padding: 0 !important;
  }
  .experience h3,
  .experience h4,
  .experience h5 {
    font-size: 13.6px !important;
    line-height: 1.36 !important;
    margin: 0 0 0.245rem 0 !important;
    padding: 0 !important;
    break-after: avoid !important;
  }
  .experience ul {
    list-style-type: disc !important;
    padding-left: 1.1em !important;
    margin: 0 !important;
  }
  .experience ul ul {
    list-style-type: circle !important;
  }
  .experience ul ul ul {
    list-style-type: square !important;
  }
  .experience li,
  .experience p {
    font-size: 12.4px !important;
    line-height: 1.36 !important;
    margin: 0 0 0.12rem 0 !important;
    padding: 0 !important;
  }
  .experience li:last-child,
  .experience p:last-child {
    margin-bottom: 0 !important;
  }
  .experience p small {
    font-size: 11.2px !important;
  }
  #experiences-older {
    margin: 0 !important;
  }
  #experiences-older > h2 {
    margin: 0 0 0.12rem 0 !important;
  }
  .experiences-older {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .experience-older__group {
    margin: 0 !important;
    padding: 0 !important;
    break-inside: auto !important;
  }
  .experience-older__year {
    font-size: 11.2px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    color: #444 !important;
    margin: 0 0 0.12rem 0 !important;
    padding: 0 !important;
  }
  .experience-older__list {
    display: grid !important;
    grid-template-columns: repeat(8, 1fr) !important;
    gap: 0.12rem !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .experience-older__entry {
    font-size: 11.2px !important;
    line-height: 1.24 !important;
    padding: 0.09em 0.3em !important;
    margin: 0 !important;
    border: none !important;
    border-left: 1px solid #ccc !important;
    break-inside: avoid !important;
    overflow: visible !important;
  }
  .experience-older__header {
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .experience-older__role {
    font-size: 11.2px !important;
    font-weight: 700 !important;
    line-height: 1.24 !important;
    display: block !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .experience-older__role::after {
    content: none !important;
  }
  .experience-older__company {
    font-size: 10.8px !important;
    display: block !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #555 !important;
  }
  .experience-older__company a {
    color: #555 !important;
    text-decoration: none !important;
  }
  .experience-older__dates {
    display: none !important;
    font-size: 10.8px !important;
    color: #555 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .experience-older__bullets {
    display: block !important;
    list-style-type: disc !important;
    padding-left: 1.2em !important;
    margin: 0.06em 0 !important;
    font-size: 11.2px !important;
    line-height: 1.24 !important;
  }
  .experience-older__bullets li {
    display: list-item !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .cv-secondary-columns {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 0.5rem !important;
    align-items: start !important;
    margin: 0 !important;
  }
  .cv-secondary-column {
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  #education > h2,
  #interests > h2 {
    display: block !important;
    font-size: 14.8px !important;
    font-weight: 600 !important;
    line-height: 1.36 !important;
    letter-spacing: 0.02em !important;
    margin: 0 0 0.16rem 0 !important;
    padding: 0 !important;
  }
  #education > h2::after,
  #interests > h2::after {
    content: none !important;
  }
  #education {
    margin: 0 !important;
  }
  #education .educations,
  #education .education,
  #education .education h3,
  #interests p {
    display: block !important;
    font-size: 12.4px !important;
    line-height: 1.36 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .educations {
    list-style: none !important;
    padding: 0 !important;
  }
  #projects li.project > ul li::marker,
  #experiences li.experience > ul li::marker,
  .experience ul li::marker {
    color: rgba(0, 0, 0, 0.65) !important;
    font-size: 0.9em !important;
  }
}