:root {
  --bg--page: var(--color--neutral--900);
  --text--primary: var(--color--neutral--000);
  --icon--primary: var(--color--neutral--000);
  --border--default: var(--color--neutral--400);
  --border-color--border-primary\<deleted\|variable-d4c54ba4-ee41-67ce-58a5-5216ca039f83\>: var(--base-color-neutral--neutral-lightest\<deleted\|variable-eede0174-1898-a99e-0c79-395339ec1911\>);
  --text-color--text-secondary\<deleted\|variable-0a60224d-1a94-b160-ae24-af3c6d95a994\>: var(--base-color-neutral--neutral-darker\<deleted\|variable-dda6ad91-259a-0202-f70f-965feb273058\>);
  --background-color--background-error\<deleted\|variable-89aecd3e-2fe8-312c-65a2-e3e7c57d326c\>: var(--base-color-system--error-red\<deleted\|variable-ad7a5e8d-bd95-fba4-5110-cbccfa2520c4\>);
  --text-color--text-error\<deleted\|variable-4a51c5d2-820c-a0d9-b49e-0e5d273c964f\>: var(--base-color-system--error-red-dark\<deleted\|variable-f7a8b234-8033-a5d6-4d85-0326277c2bf8\>);
  --action--primary--border: var(--color--green--200);
  --action--primary--bg: var(--color--green--400);
  --action--primary--border-hover: var(--color--green--100);
  --action--primary--bg-hover: var(--color--green--300);
  --action--secondary--border: var(--color--neutral--300);
  --action--secondary--bg: var(--color--neutral--500);
  --action--secondary--border-hover: var(--color--neutral--200);
  --bg--card: var(--color--neutral--700);
  --icon--secondary: var(--color--neutral--100);
  --brand--strony: var(--color--brand--strony);
  --brand--brandingi: var(--color--brand--brandingi);
  --color--neutral--000: white;
  --color--brand--wizytowki: #007aff;
  --bg--card-hover: var(--color--neutral--600);
  --text--secondary-hover: var(--color--neutral--000);
  --border--badge: var(--color--neutral--400);
  --bg--badge: var(--color--neutral--600);
  --text--secondary: var(--color--neutral--100);
  --icon--secondary-hover: var(--color--neutral--000);
  --color--neutral--900: #000;
  --bg--badge-logo: var(--bg--page);
  --text--accent: var(--color--green--100);
  --text--accent-hover: var(--color--green--200);
  --bg--badge-hover: var(--color--neutral--500);
  --text--tertiary: var(--color--neutral--200);
  --color--neutral--200: #636363;
  --border--default-hover: var(--color--neutral--300);
  --text--primary-hover: var(--color--green--100);
  --color--green--100: #3ecf8e;
  --status--neutral: var(--color--neutral--200);
  --border--subtle: var(--color--neutral--600);
  --color--neutral--800: #121212;
  --color--neutral--700: #171717;
  --color--neutral--600: #1f1f1f;
  --color--neutral--500: #242424;
  --color--neutral--400: #2f2f2f;
  --color--neutral--450: #2a2a2a;
  --color--neutral--300: #363636;
  --color--neutral--100: #b4b4b4;
  --color--green--400: #00623a;
  --color--green--300: #2c7051;
  --color--green--200: #148253;
  --color--amber--200: #8a5a10;
  --color--amber--100: #f5a623;
  --icon--accent: var(--color--green--100);
  --bg--inset: var(--color--neutral--800);
  --border--strong: var(--color--neutral--200);
  --status--success: var(--color--green--100);
  --status--warning: var(--color--amber--100);
  --brand--michalstencel: var(--color--green--100);
  --brand--wizytowki: var(--color--brand--wizytowki);
  --color--brand--brandingi: #ff4405;
  --color--brand--strony: #6225cb;
  --action--secondary--bg-hover: var(--color--neutral--400);
  --icon--primary-hover: var(--color--green--100);
  --icon--accent-hover: var(--color--green--200);
  --base-color-neutral--neutral-lightest\<deleted\|variable-eede0174-1898-a99e-0c79-395339ec1911\>: #eee;
  --base-color-neutral--neutral-darker\<deleted\|variable-dda6ad91-259a-0202-f70f-965feb273058\>: #222;
  --base-color-system--error-red\<deleted\|variable-ad7a5e8d-bd95-fba4-5110-cbccfa2520c4\>: #f8e4e4;
  --base-color-system--error-red-dark\<deleted\|variable-f7a8b234-8033-a5d6-4d85-0326277c2bf8\>: #3b0b0b;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

body {
  background-color: var(--bg--page);
  color: var(--text--primary);
  font-family: Geist, sans-serif;
}

h1 {
  color: var(--icon--primary);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Pixel, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 2.5rem;
}

h2 {
  letter-spacing: .32px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

p {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5rem;
}

a {
  text-decoration: none;
  transition: color .2s linear;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.5rem;
}

li {
  margin-bottom: .25rem;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  margin-bottom: .25rem;
  font-weight: 500;
}

blockquote {
  border-left: .25rem solid var(--border--default);
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

figure {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

figcaption {
  text-align: center;
  margin-top: .25rem;
}

.utility-page_component {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.utility-page_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 20rem;
  display: flex;
}

.utility-page_form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.utility-page_image {
  margin-left: auto;
  margin-right: auto;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.icon-1x1-small {
  flex: none;
  width: 1rem;
  height: 1rem;
}

.padding-global {
  padding: 1rem;
}

.padding-global.padding-section-large {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.padding-global.padding-bottom-large {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 8rem;
}

.padding-global.padding-bottom-medium {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 4rem;
}

.form_input {
  border: 1px solid var(--border-color--border-primary\<deleted\|variable-d4c54ba4-ee41-67ce-58a5-5216ca039f83\>);
  background-color: #0000;
  min-height: 3rem;
  margin-bottom: .75rem;
  padding: .5rem 1rem;
  font-size: 1rem;
}

.form_input::placeholder {
  color: var(--text-color--text-secondary\<deleted\|variable-0a60224d-1a94-b160-ae24-af3c6d95a994\>);
}

.form_message-error {
  background-color: var(--background-color--background-error\<deleted\|variable-89aecd3e-2fe8-312c-65a2-e3e7c57d326c\>);
  color: var(--text-color--text-error\<deleted\|variable-4a51c5d2-820c-a0d9-b49e-0e5d273c964f\>);
  margin-top: .75rem;
  padding: .75rem;
}

.main-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: stretch;
  height: 100dvh;
  padding: 1rem;
  display: flex;
}

.main-wrapper.is-design-system {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  height: auto;
  padding-top: 5rem;
  display: grid;
}

.btn {
  border: 1px solid var(--action--primary--border);
  background-color: var(--action--primary--bg);
  text-align: center;
  border-radius: .375rem;
  width: 100%;
  padding: .6rem 1rem;
  line-height: 1.5rem;
  text-decoration: none;
  transition: border-color .5s, background-color .5s;
}

.btn:hover {
  border-color: var(--action--primary--border-hover);
  background-color: var(--action--primary--bg-hover);
}

.btn.is-secondary {
  border-color: var(--action--secondary--border);
  background-color: var(--action--secondary--bg);
}

.btn.is-secondary:hover {
  border-color: var(--action--secondary--border-hover);
}

.btn.is-secondary.inline-a-1, .btn.inline-a-0 {
  width: auto;
}

.button-group {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.nav_component {
  background-color: var(--bg--page);
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
  inset: 0% 0% auto;
}

.nav_container {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav_logo {
  width: 10rem;
}

.nav_menu_link {
  color: var(--text--primary);
  padding: 1rem;
}

.nav_button {
  padding: 1rem;
}

.card {
  border: 1px solid var(--border--default);
  background-color: var(--bg--card);
  border-radius: 1rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start space-between;
  place-items: start;
  width: 100%;
  height: 100%;
  min-height: 6rem;
  padding: 1rem;
  display: flex;
  overflow: hidden;
}

.card.avatar {
  color: var(--icon--secondary);
  background-image: url('../images/1x800x450-michal.jpg');
  background-size: cover;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.card.is-featured-photo {
  background-image: url('../images/1x500x370-photo.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  display: none;
}

.card.is-website {
  padding: 0;
  overflow: hidden;
}

.card.is-strony {
  background-color: var(--brand--strony);
  justify-content: center;
  align-items: center;
}

.card.is-brandingi {
  background-color: var(--brand--brandingi);
  justify-content: center;
  align-items: center;
}

.card.is-wizytowki {
  background-color: var(--color--neutral--000);
  color: var(--color--brand--wizytowki);
  justify-content: center;
  align-items: center;
}

.card.current-location {
  background-image: linear-gradient(#171717bf, #17171700), url('../images/wroclaw_1wroclaw.avif');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.card.web-3d {
  min-height: 12rem;
}

.card.web-3d.padding-0.relative {
  position: relative;
}

.card.interactive-motion {
  justify-content: center;
  align-items: center;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.card.interactive-motion.padding-0.relative {
  position: relative;
}

.card.personal-projects {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  min-height: 12rem;
}

.card.testimonial {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.card.ai-summary {
  justify-content: space-between;
  align-items: center;
}

.card.intro {
  min-width: 25rem;
}

.card.services {
  min-width: 13.5rem;
  min-height: 20rem;
}

.card.is-empty {
  display: none;
}

.card.selected-clients {
  min-width: 15rem;
}

.card.skills {
  min-width: 10rem;
}

.card.is-experience {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: none;
}

.card.footer, .card.design-system, .card.is-empty4 {
  display: none;
}

.card.cta {
  border-color: var(--action--primary--border);
  display: none;
}

.card.cta.design-system {
  display: flex;
}

.card.padding-0 {
  padding: 0;
}

.card.nav-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  height: auto;
  position: sticky;
  top: 1rem;
}

.grid_component {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: 0 auto;
  grid-template: "." 1fr
                 "." 1fr
                 "." 1fr
                 "." 1fr
                 "." 1fr
                 "." 1fr
                 / 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  min-width: 65rem;
  height: 100%;
  min-height: 0;
  display: grid;
}

.nav_fixed {
  position: absolute;
  inset: 0% 0% auto;
}

.intro_head {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.badge_intro {
  border: 1px solid var(--border--badge);
  background-color: var(--bg--badge);
  border-radius: .5rem;
  padding: .5rem 1rem;
}

.location_time {
  color: var(--text--secondary);
  font-size: .875rem;
  line-height: 1.25rem;
}

.tag_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
  display: flex;
}

.card_content {
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.card_content.is-location {
  grid-row-gap: .75rem;
  justify-content: space-between;
  height: 100%;
}

.header {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  width: 100%;
  color: var(--text--secondary);
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 0;
  display: flex;
}

.header.relative {
  width: auto;
  position: relative;
  top: 1rem;
  left: 1rem;
}

.header.align-centre, .header.is-centered {
  justify-content: center;
  align-items: center;
}

.header.icon-only {
  width: auto;
  position: relative;
  top: 1rem;
  left: 1rem;
}

.header.absolute {
  z-index: 2;
  width: auto;
  position: absolute;
  inset: 1rem auto auto 1rem;
}

.u-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.u-icon.is-white {
  color: var(--text--primary);
}

.u-icon.is-social {
  transition-property: none;
}

.u-icon.is-social:hover {
  color: var(--text--primary);
}

.u-icon.is-logo {
  color: var(--icon--secondary);
  transition: color .2s linear;
}

.u-icon.is-logo:hover {
  color: var(--icon--secondary-hover);
}

.card_body {
  flex-flow: column;
  display: flex;
}

.card_body.is-testimonial {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.intro-text {
  max-width: 90%;
  color: var(--text--secondary);
  letter-spacing: .32px;
}

.icon-dark {
  color: var(--color--neutral--900);
  display: flex;
}

.text-style-button {
  color: var(--text--primary);
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.badge-logo_label {
  font-family: Geist Mono, sans-serif;
  font-size: .875rem;
  line-height: 1rem;
}

.text-style-title {
  font-weight: 400;
}

.text-style-title.is-light {
  color: var(--text--primary);
}

.logo_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.logo-carousel {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-style-small-bg {
  background-color: var(--bg--page);
  color: var(--text--primary);
  font-family: Geist Mono, sans-serif;
  font-size: .625rem;
  line-height: 1.25rem;
}

.logo_brand {
  display: flex;
}

.index {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: scroll;
}

.index.is-services {
  justify-content: flex-end;
  align-items: stretch;
}

.index.tight {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: flex-end;
  align-items: flex-start;
}

.img_website-track {
  flex-flow: column;
  display: flex;
}

.img_website-wrapper {
  width: 100%;
  overflow: auto;
}

.list-item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  transition: opacity .2s linear;
  display: flex;
}

.list-item:hover {
  opacity: .5;
}

.link_label {
  color: var(--text--primary);
  white-space: nowrap;
  font-family: Geist Mono, sans-serif;
  font-size: .875rem;
}

.link_label.is-secondary {
  color: var(--text--secondary);
}

.link_year {
  color: var(--icon--secondary);
  white-space: nowrap;
  font-family: Geist Mono, sans-serif;
  font-size: .875rem;
  line-height: 1rem;
}

.badge-logo {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid var(--border--badge);
  background-color: var(--bg--badge-logo);
  border-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding: .5rem 1rem;
  display: flex;
}

.skills-carousel {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.skills_wrapper {
  width: 100%;
  overflow: scroll;
}

.header_group {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.card_info-col {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.icon-tooltip {
  color: var(--text--accent);
  cursor: progress;
  display: flex;
}

.location_place {
  color: var(--text--primary);
  font-size: .875rem;
  line-height: 1.25rem;
}

.spline_scene {
  width: 100%;
  height: 100%;
}

.card_info-spline {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  width: 100%;
  display: flex;
  position: absolute;
  top: 1rem;
  left: 1rem;
}

.rive_scene {
  z-index: 1;
  flex-shrink: 0;
  width: 638px;
  height: 383px;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.intro-meta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.social-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.social-link {
  color: var(--icon--secondary);
  padding: .25rem;
}

.social-link:hover {
  color: var(--icon--secondary-hover);
}

.heading {
  font-family: Geist Pixel, sans-serif;
  font-weight: 400;
}

.inline-div-0-parent.inline-div-0 {
  background-color: #3ecf8e;
}

.inline-div-1-parent.inline-div-1 {
  background-color: #148253;
}

.inline-div-2-parent.inline-div-2 {
  background-color: #2c7051;
}

.inline-div-0-1-parent.inline-div-0-1 {
  background-color: #6225cb;
}

.inline-div-1-1-parent.inline-div-1-1 {
  background-color: #ff4405;
}

.inline-div-2-1-parent.inline-div-2-1 {
  background-color: #007aff;
}

.inline-div-0 {
  background-color: #000;
}

.inline-div-1 {
  background-color: #171717;
}

.inline-div-2 {
  background-color: #1f1f1f;
}

.inline-div-3 {
  background-color: #121212;
}

.inline-div-4, .inline-div-5 {
  background-color: #1f1f1f;
}

.inline-div-6-parent.inline-div-6 {
  background-color: #2f2f2f;
}

.inline-div-7-parent.inline-div-7 {
  background-color: #363636;
}

.inline-div-3-1-parent.inline-div-3-1 {
  background-color: #3ecf8e;
}

.inline-div-4-1-parent.inline-div-4-1 {
  background-color: #148253;
}

.inline-div-5-1-parent.inline-div-5-1 {
  background-color: #fff;
}

.inline-div-6-1-parent.inline-div-6-1 {
  background-color: #b4b4b4;
}

.inline-div-7-1-parent.inline-div-7-1 {
  background-color: #3ecf8e;
}

.inline-div-0-1 {
  background-color: #00623a;
}

.inline-div-1-1 {
  background-color: #2c7051;
}

.inline-div-2-1 {
  background-color: #148253;
}

.btn_icon {
  display: flex;
}

.btn_icon.is-white {
  color: var(--text--primary);
}

.btn_icon.is-social {
  transition: color .5s;
}

.btn_icon.is-social:hover {
  color: var(--text--primary);
}

.email-button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--text--accent);
  justify-content: flex-start;
  align-items: center;
  font-family: Geist Mono, sans-serif;
  font-size: .875rem;
  line-height: 1.125;
  display: flex;
}

.email-button:hover {
  color: var(--text--accent-hover);
}

.social-icon {
  display: flex;
}

.social-icon.is-white {
  color: var(--text--primary);
}

.social-icon.is-social {
  transition-property: none;
}

.social-icon.is-social:hover {
  color: var(--text--primary);
}

.text-button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--icon--secondary);
  justify-content: flex-start;
  align-items: center;
  padding-bottom: .25rem;
  font-size: 1rem;
  line-height: .25rem;
  display: flex;
}

.text-button:hover {
  color: var(--text--secondary-hover);
}

.inline-div-3-1-2-parent.inline-div-3-1-2 {
  background-color: #242424;
}

.inline-div-4-1-2-parent.inline-div-4-1-2 {
  background-color: #363636;
}

.inline-div-5-1-2-parent.inline-div-5-1-2 {
  background-color: #3ecf8e;
}

.inline-div-6 {
  background-color: #f5a623;
}

.inline-div-7, .inline-div-8-parent.inline-div-8 {
  background-color: #636363;
}

.inline-div-3-parent.inline-div-3 {
  background-color: #00623a;
}

.inline-div-4-parent.inline-div-4 {
  background-color: #f5a623;
}

.inline-div-5-parent.inline-div-5 {
  background-color: #8a5a10;
}

.header_label {
  min-width: 10rem;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1rem;
}

.header_label.align-centre {
  min-width: 0;
}

.link_icon {
  color: var(--icon--secondary);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link_icon.is-white {
  color: var(--text--primary);
}

.link_icon.is-social {
  transition-property: none;
}

.link_icon.is-social:hover {
  color: var(--text--primary);
}

.badge_img {
  width: 21px;
  height: 21px;
}

.testimonial_label {
  max-width: 22rem;
  color: var(--text--secondary);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  line-height: 1rem;
}

.testimonial_author {
  font-family: Geist Mono, sans-serif;
  font-size: .625rem;
  line-height: 1.25rem;
}

.testimonial_company {
  border: 1px solid var(--bg--card);
  height: 1.5rem;
}

.testimonial_company.is-brand {
  border-radius: 100rem;
  position: absolute;
  left: 1106.66px;
}

.testimonial_avatar-group {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.testimonial_author-group {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ai-buttons {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.ai-link {
  border: 1px solid var(--action--secondary--border);
  background-color: var(--bg--badge);
  width: 2.3rem;
  height: 2.3rem;
  color: var(--icon--secondary);
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  display: flex;
}

.ai-link:hover {
  border-color: var(--action--secondary--border-hover);
  background-color: var(--bg--badge-hover);
  color: var(--icon--secondary-hover);
}

.ai-icon {
  display: flex;
}

.ai-icon.is-white {
  color: var(--text--primary);
}

.ai-icon.is-social {
  transition-property: none;
}

.ai-icon.is-social:hover {
  color: var(--text--primary);
}

.button {
  border: 1px solid var(--action--secondary--border);
  background-color: var(--bg--badge);
  width: 100%;
  color: var(--text--secondary);
  cursor: pointer;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .5rem 1rem;
  font-family: Geist Mono, sans-serif;
  font-size: .875rem;
  line-height: 1.25rem;
  transition: all .2s linear;
  display: flex;
}

.button:hover {
  border-color: var(--action--primary--border-hover);
  background-color: var(--bg--badge-hover);
  color: var(--text--secondary-hover);
}

.button.is-disabled {
  cursor: default;
  justify-content: space-between;
  align-items: center;
  padding-right: .5rem;
}

.button.is-disabled:hover {
  border-color: var(--action--secondary--border);
  background-color: var(--bg--badge);
  color: var(--text--secondary);
}

.button.icon {
  justify-content: space-between;
}

.button.badge {
  justify-content: space-between;
  padding-right: .5rem;
}

.button.icon-only {
  width: 2.3rem;
  height: 2.3rem;
  padding: .25rem;
}

.button.cta {
  border-color: var(--action--primary--border);
  background-color: var(--action--primary--bg);
  color: var(--text--primary);
}

.button.cta:hover {
  border-color: var(--action--primary--border-hover);
  background-color: var(--action--primary--bg-hover);
}

.button.disabled {
  border-color: var(--border--default);
  background-color: var(--bg--card);
  opacity: 1;
  pointer-events: none;
  color: var(--text--tertiary);
  cursor: default;
}

.button.disabled:hover {
  border-color: var(--action--secondary--border);
  background-color: var(--bg--badge);
  color: var(--text--secondary);
}

.button.ghost {
  background-color: #0000;
  border-style: none;
  padding: 0;
}

.button.ghost.icon, .button.ghost.badge {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
}

.button.download {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #0000;
  border-style: none;
  width: auto;
  padding: 0;
}

.button.mail {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--text--accent);
  background-color: #0000;
  border-style: none;
  padding: 0;
}

.button.mail:hover {
  color: var(--text--accent-hover);
}

.button.mail.icon {
  justify-content: flex-start;
  align-items: center;
}

.button.list-item {
  background-color: #0000;
  border-style: none;
  padding: 0;
}

.button.list-item.align-left {
  justify-content: flex-start;
  align-items: center;
}

.button_label {
  flex: none;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  line-height: 1.25rem;
}

.button_label.lg {
  font-size: 1rem;
  line-height: 1.5rem;
}

.button_label.lg.mono {
  font-family: Geist Mono, sans-serif;
}

.button_label.mono {
  font-family: Geist Mono, sans-serif;
  line-height: 1rem;
}

.button_label.mono.text-color-primary {
  color: var(--text--primary);
}

.badge-button {
  border: 1px solid var(--action--secondary--border);
  color: var(--color--neutral--200);
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  padding: .25rem .5rem;
  font-family: Geist Mono, sans-serif;
  font-size: .875rem;
  line-height: 1.25rem;
  display: flex;
}

.badge-button.cta {
  border-color: var(--action--primary--border);
  color: var(--text--accent);
}

.button_badge-label {
  font-family: Geist Mono, sans-serif;
  font-size: .625rem;
  line-height: .5rem;
}

.button_badge-label.cta {
  color: var(--text--accent);
}

.slider {
  border: 1px solid var(--border--default);
  background-image: none;
  background-size: auto;
  border-radius: 1rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start space-between;
  place-items: start;
  width: 100%;
  height: 100%;
  padding: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slider:hover {
  border-color: var(--border--default-hover);
}

.slider.is-avatar {
  color: var(--icon--secondary);
  background-image: url('../images/1x800x450-michal.jpg');
  background-size: cover;
}

.slider.is-photo {
  background-image: url('../images/1x500x370-photo.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slider.is-website {
  padding: 0;
  position: relative;
  overflow: hidden;
}

.slider.is-strony {
  background-color: var(--brand--strony);
  justify-content: center;
  align-items: center;
}

.slider.is-brandingi {
  background-color: var(--brand--brandingi);
  justify-content: center;
  align-items: center;
}

.slider.is-wizytowki {
  background-color: var(--color--neutral--000);
  color: var(--color--brand--wizytowki);
  justify-content: center;
  align-items: center;
}

.slider.is-location {
  background-image: linear-gradient(#171717bf, #17171700), url('../images/wroclaw_1wroclaw.avif');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.slider.is-spline, .slider.is-rive {
  padding: 0;
  position: relative;
}

.slider.is-articles {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.slider.is-testimonial {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.slider.is-ai {
  justify-content: space-between;
  align-items: center;
}

.slider_label {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .625rem;
  line-height: 1rem;
}

.slider_badge {
  background-color: var(--bg--page);
  height: 1.25rem;
  color: var(--text--primary);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.slider_badge.is-btn {
  transition: color .2s linear;
}

.slider_badge.is-btn:hover {
  color: var(--text--primary-hover);
}

.slider_badge.is-btn.is-icon {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
}

.slider_row {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  width: 100%;
  color: var(--text--secondary);
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 0;
  display: flex;
}

.slider_row.is-absolute {
  width: auto;
  position: absolute;
  top: 1rem;
  left: 1rem;
}

.slider_row.align-centre {
  justify-content: center;
  align-items: center;
}

.slider_content {
  z-index: 1;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.slider_content.is-location {
  grid-row-gap: .75rem;
  justify-content: space-between;
  height: 100%;
}

.slider_link-group {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.slider_nav {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  background-color: var(--bg--page);
  display: flex;
}

.slider_nav-wrapper {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  display: flex;
}

.slider_progress {
  background-color: var(--bg--page);
  border-radius: 1px;
  width: 100%;
  height: 2px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slider_progress-bar {
  background-color: var(--color--green--100);
  width: 0%;
  height: 2px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
}

.slider_track {
  z-index: 0;
  position: absolute;
  inset: 0%;
}

.slider_slide {
  opacity: 0;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  transition: opacity .5s;
  position: absolute;
  inset: 0%;
}

.slider_slide.is-active {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), linear-gradient(to bottom, null, null);
  opacity: 1;
  background-position: 0 0, 0 0;
  background-size: auto, auto;
}

.slider_slide.is-01 {
  background-image: url('../images/2x735x514-link-cables.avif');
  background-position: 0 0;
  background-size: auto;
  transition: none;
}

.slider_slide.is-01.is-active {
  background-image: url('../images/2x735x514-link-cables.avif');
  background-position: 50%;
  background-size: 735px;
}

.slider_slide.is-02 {
  background-image: url('../images/2x914x514-brandingi_12x@914x514-brandingi.avif'), linear-gradient(#0000, #0000);
  background-position: 50%, 0 0;
  background-size: auto, auto;
  transition: none;
}

.slider_slide.is-02.is-active {
  background-image: url('../images/2x914x514-brandingi_12x@914x514-brandingi.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider_slide.is-03 {
  background-image: url('../images/2x1024x576-port-rowerowy_12x@1024x576-port-rowerowy.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  transition: none;
}

.slider_slide.is-03.is-active {
  background-image: url('../images/2x1024x576-port-rowerowy_12x@1024x576-port-rowerowy.avif');
  background-position: 0 0;
}

.slider_slide.is-04 {
  background-image: url('../images/1x1264x848-mwcapex.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  transition: none;
}

.slider_slide.is-04.is-active {
  background-image: url('../images/1x1264x848-mwcapex_11x@1264x848-mwcapex.avif');
  background-position: 0 0;
}

.slider_slide.is-05 {
  background-image: url('../images/1x1264x848-skadvisory_11x@1264x848-skadvisory.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  transition: none;
}

.slider_slide.is-05.is-active {
  background-image: url('../images/1x1264x848-skadvisory_11x@1264x848-skadvisory.avif');
  background-position: 50%;
  background-size: cover;
}

.slider_categories {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.ai_description {
  max-width: 22rem;
  color: var(--text--secondary);
  text-align: center;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  line-height: 1rem;
  display: none;
}

.index_label {
  color: var(--text--secondary);
  font-family: Geist Mono, sans-serif;
  font-size: .875rem;
}

.index_item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.index_icon {
  color: var(--status--neutral);
  justify-content: center;
  align-items: center;
  padding: .375rem;
  display: flex;
}

.footer-costam {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  transition: opacity .2s linear;
  display: flex;
}

.footer-costam:hover {
  opacity: .5;
}

.footer_label {
  color: var(--icon--secondary);
  white-space: nowrap;
  font-family: Geist Mono, sans-serif;
  font-size: .875rem;
  line-height: 1rem;
}

.design-nav_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border: 1px solid var(--border--default);
  background-color: var(--bg--card);
  border-radius: 1rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  justify-items: start;
  padding: 1rem;
  display: flex;
  position: sticky;
  top: 1rem;
  right: auto;
  overflow: hidden;
}

.design-nav_wrapper:hover {
  border-color: var(--border--default-hover);
}

.design-nav_wrapper.is-avatar {
  color: var(--icon--secondary);
  background-image: url('../images/1x800x450-michal.jpg');
  background-size: cover;
}

.design-nav_wrapper.is-featured-photo {
  background-image: url('../images/1x500x370-photo.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  display: none;
}

.design-nav_wrapper.is-website {
  padding: 0;
  overflow: hidden;
}

.design-nav_wrapper.is-strony {
  background-color: var(--brand--strony);
  justify-content: center;
  align-items: center;
}

.design-nav_wrapper.is-brandingi {
  background-color: var(--brand--brandingi);
  justify-content: center;
  align-items: center;
}

.design-nav_wrapper.is-wizytowki {
  background-color: var(--color--neutral--000);
  color: var(--color--brand--wizytowki);
  justify-content: center;
  align-items: center;
}

.design-nav_wrapper.is-current-location {
  background-image: linear-gradient(#171717bf, #17171700), url('../images/wroclaw_1wroclaw.avif');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.design-nav_wrapper.is-web-3d, .design-nav_wrapper.is-interactive-motion {
  min-height: 12rem;
  padding: 0;
  position: relative;
}

.design-nav_wrapper.is-personal-projects {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  min-height: 12rem;
}

.design-nav_wrapper.is-testimonial {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.design-nav_wrapper.is-ai-summary {
  justify-content: space-between;
  align-items: center;
}

.design-nav_wrapper.is-intro {
  min-width: 25rem;
}

.design-nav_wrapper.is-services {
  min-width: 13.5rem;
  min-height: 20rem;
}

.design-nav_wrapper.is-empty {
  display: none;
}

.design-nav_wrapper.is-selected-clients {
  min-width: 15rem;
}

.design-nav_wrapper.is-skills {
  min-width: 10rem;
}

.design-nav_wrapper.is-experience {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: none;
}

.design-nav_wrapper.is-footer, .design-nav_wrapper.is-palette, .design-nav_wrapper.is-empty4, .design-nav_wrapper.is-open-to {
  display: none;
}

.design-nav_list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  width: 100%;
  display: flex;
  overflow: scroll;
}

.design-nav_list.is-services {
  justify-content: flex-end;
  align-items: stretch;
}

.design-nav_dropdown-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #0000;
  flex-flow: column;
  padding-left: 2rem;
  transition: all .2s linear;
}

.design-nav_dropdown-list.w--open {
  background-color: #0000;
  flex-flow: column;
  display: flex;
  position: static;
}

.design-nav_dropdown {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.text-color-secondary {
  color: var(--text--secondary);
}

.container-large {
  padding-left: 5rem;
}

.heading-style-h1 {
  font-family: Geist Pixel, sans-serif;
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.overview_header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  max-width: 60%;
  line-height: 1px;
  display: flex;
}

.design-system_intro {
  color: var(--text--secondary);
}

.design-system-h2 {
  font-size: 1.5rem;
}

.section-header {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  max-width: 60%;
  padding-bottom: 3rem;
  line-height: 1px;
  display: flex;
}

.location_time-2 {
  color: #b4b4b4;
  font-size: .875rem;
  line-height: 1.25rem;
}

.section-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-left: 1px solid var(--border--subtle);
  flex-flow: column;
  padding: 1rem;
  line-height: 1px;
  display: flex;
}

.design-system-h3 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1rem;
}

.design-system-h3.hide-desktop {
  display: none;
}

.section-content_header, .section-content_colors {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.color-button {
  border: 1px solid var(--action--secondary--border);
  width: 2.3rem;
  height: 2.3rem;
  color: var(--icon--secondary);
  cursor: pointer;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  display: flex;
}

.color-button.is-900 {
  background-color: var(--color--neutral--900);
}

.color-button.is-800 {
  background-color: var(--color--neutral--800);
}

.color-button.is-700 {
  background-color: var(--color--neutral--700);
}

.color-button.is-600 {
  background-color: var(--color--neutral--600);
}

.color-button.is-500 {
  background-color: var(--color--neutral--500);
}

.color-button.is-400 {
  background-color: var(--color--neutral--400);
}

.color-button.is-450 {
  background-color: var(--color--neutral--450);
}

.color-button.is-300 {
  background-color: var(--color--neutral--300);
}

.color-button.is-200 {
  background-color: var(--color--neutral--200);
}

.color-button.is-100 {
  background-color: var(--color--neutral--100);
}

.color-button.is-000 {
  background-color: var(--color--neutral--000);
}

.color-button.is-green-400 {
  background-color: var(--color--green--400);
}

.color-button.is-green-300 {
  background-color: var(--color--green--300);
}

.color-button.is-green-200 {
  background-color: var(--color--green--200);
}

.color-button.is-green-100 {
  background-color: var(--color--green--100);
}

.color-button.is-amber-200 {
  background-color: var(--color--amber--200);
}

.color-button.is-amber-100 {
  background-color: var(--color--amber--100);
}

.color-button.is-text-primary {
  background-color: var(--text--primary);
}

.color-button.is-text-secondary {
  background-color: var(--text--secondary);
}

.color-button.is-text-tertiary {
  background-color: var(--text--tertiary);
}

.color-button.is-text-accent {
  background-color: var(--text--accent);
}

.color-button.is-icon-primary {
  background-color: var(--icon--primary);
}

.color-button.is-icon-secondary {
  background-color: var(--icon--secondary);
}

.color-button.is-icon-accent {
  background-color: var(--icon--accent);
}

.color-button.is-bg-page {
  background-color: var(--bg--page);
}

.color-button.is-bg-card {
  background-color: var(--bg--card);
}

.color-button.is-bg-inset {
  background-color: var(--bg--inset);
}

.color-button.is-bg-badge {
  background-color: var(--bg--badge);
}

.color-button.is-border-subtle {
  background-color: var(--border--subtle);
}

.color-button.is-border-default {
  background-color: var(--border--default);
}

.color-button.is-border-strong {
  background-color: var(--border--strong);
}

.color-button.is-action-primary-bg {
  background-color: var(--action--primary--bg);
}

.color-button.is-action-primary-border {
  background-color: var(--action--primary--border);
}

.color-button.is-action-secondary-bg {
  background-color: var(--action--secondary--bg);
}

.color-button.is-action-secondary-border {
  background-color: var(--action--secondary--border);
}

.color-button.is-status-success {
  background-color: var(--status--success);
}

.color-button.is-status-warning {
  background-color: var(--status--warning);
}

.color-button.is-status-neutral {
  background-color: var(--status--neutral);
}

.color_list {
  flex-flow: column;
  display: flex;
}

.color_list-item {
  grid-column-gap: 10rem;
  grid-row-gap: 10rem;
  justify-content: space-between;
  align-items: center;
  width: 35rem;
  padding: .5rem;
  display: flex;
}

.design-label {
  color: var(--text--primary);
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  font-family: Geist Mono, sans-serif;
  font-size: .875rem;
  display: flex;
}

.design-label.secondary {
  color: var(--text--secondary);
}

.design-label.secondary.align-center {
  text-align: center;
}

.design-label.secondary.align-left {
  justify-content: flex-start;
  align-items: center;
}

.design-label.secondary.align-left.align-top {
  justify-content: flex-start;
  align-items: flex-start;
}

.color_list-item-group {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.components_grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--bg--inset);
  border-radius: 1rem;
  flex-flow: column;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  padding: 2rem;
  display: grid;
}

.components_grid.cards, .components_grid.lists, .components_grid.cards-headers {
  grid-template-rows: .25fr 1fr auto;
  grid-template-columns: .5fr 1fr 1fr 1fr;
}

.components_grid.cards-testimonials {
  grid-template-rows: .25fr 1fr auto;
  grid-template-columns: .5fr 1fr 1fr 1fr;
  padding-right: 30rem;
  display: block;
}

.section-content_subheader {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.design-system-h4 {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1rem;
}

.section_content-inside {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-left: 1px solid var(--border--subtle);
  flex-flow: column;
  padding: 1rem 1rem 1rem 2rem;
  display: flex;
}

.spacer-sm {
  height: 2rem;
}

.home-button-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  width: 100%;
  display: none;
  overflow: scroll;
}

.home-button-wrapper.is-services {
  justify-content: flex-end;
  align-items: stretch;
}

.component-bg {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--bg--inset);
  border-radius: 1rem;
  flex-flow: column;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  padding: 2rem 30rem 2rem 2rem;
  display: block;
}

.component-bg.cards, .component-bg.lists, .component-bg.cards-headers {
  grid-template-rows: .25fr 1fr auto;
  grid-template-columns: .5fr 1fr 1fr 1fr;
}

.component-bg.cards-testimonials {
  grid-template-rows: .25fr 1fr auto;
  grid-template-columns: .5fr 1fr 1fr 1fr;
  padding-right: 30rem;
  display: block;
}

@media screen and (min-width: 1440px) {
  .button-group {
    flex-flow: row;
  }

  .card.avatar {
    background-position: 50% 0;
  }

  .card.is-featured-photo {
    background-position: 55%;
    min-height: 21rem;
    display: flex;
  }

  .card.interactive-motion {
    min-height: 17rem;
  }

  .card.personal-projects {
    min-height: 10rem;
  }

  .card.intro {
    min-height: 21rem;
  }

  .card.is-empty {
    display: flex;
  }

  .card.selected-clients, .card.skills {
    padding-bottom: .5rem;
  }

  .card.is-experience {
    min-height: 10rem;
    display: flex;
  }

  .card.footer {
    background-color: #0000;
    border-style: none;
    border-radius: 0;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-end;
    min-height: 1rem;
    padding: 0 1rem;
    display: flex;
    overflow: visible;
  }

  .card.design-system {
    color: var(--icon--secondary);
    justify-content: center;
    align-items: center;
    transition: all .2s linear, color .2s linear;
    display: flex;
  }

  .card.design-system:hover {
    border-color: var(--action--secondary--border-hover);
    background-color: var(--bg--card-hover);
    color: var(--text--secondary-hover);
  }

  .card.is-empty4 {
    display: flex;
  }

  .card.cta {
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .grid_component {
    grid-row-gap: 1rem;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1.75fr 1fr 1fr 1fr 1fr .25fr;
    grid-template-columns: 1fr 1fr 2fr 1.25fr 1.25fr 1fr 1fr 1fr 1fr 1fr 1fr 3fr;
    min-width: 65rem;
  }

  .header.is-centered {
    justify-content: flex-start;
    align-items: center;
  }

  .index.tight {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
  }

  .list-item.no-link:hover {
    opacity: 1;
  }

  .spline_scene {
    min-height: 13rem;
  }

  .slider {
    min-height: 31rem;
  }

  .slider_slide.is-04.is-active, .slider_slide.is-05.is-active {
    background-position: 50% 0;
  }

  .ai_description {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .ai-buttons_wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    display: flex;
  }

  .pallete_link {
    color: var(--text--secondary);
  }

  .pallete_link:hover {
    color: var(--text--secondary-hover);
  }

  .index_label {
    flex: none;
  }

  .index_icon {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .open_list {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
  }

  .footer-costam {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .footer-costam.no-link:hover {
    opacity: 1;
  }

  .footer_label {
    color: var(--text--tertiary);
    font-family: Geist, sans-serif;
    line-height: 1.25rem;
  }

  .footer_emoji {
    opacity: .5;
  }

  .design-nav_wrapper.is-avatar {
    background-position: 50% 0;
  }

  .design-nav_wrapper.is-featured-photo {
    background-position: 55%;
    min-height: 21rem;
    display: flex;
  }

  .design-nav_wrapper.is-interactive-motion {
    min-height: 17rem;
  }

  .design-nav_wrapper.is-personal-projects {
    min-height: 10rem;
  }

  .design-nav_wrapper.is-testimonial, .design-nav_wrapper.is-ai-summary {
    min-height: 8rem;
  }

  .design-nav_wrapper.is-intro {
    min-height: 21rem;
  }

  .design-nav_wrapper.is-empty {
    display: flex;
  }

  .design-nav_wrapper.is-selected-clients, .design-nav_wrapper.is-skills {
    min-height: 5rem;
  }

  .design-nav_wrapper.is-experience {
    min-height: 10rem;
    display: flex;
  }

  .design-nav_wrapper.is-footer {
    background-color: #0000;
    border-style: none;
    border-radius: 0;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-end;
    min-height: 1rem;
    padding: 0 1rem;
    display: flex;
    overflow: visible;
  }

  .design-nav_wrapper.is-palette {
    color: var(--icon--secondary);
    justify-content: center;
    align-items: center;
    transition: all .2s linear, color .2s linear;
    display: flex;
  }

  .design-nav_wrapper.is-palette:hover {
    border-color: var(--action--secondary--border-hover);
    background-color: var(--bg--card-hover);
    color: var(--text--secondary-hover);
  }

  .design-nav_wrapper.is-empty4 {
    display: flex;
  }

  .design-nav_wrapper.is-open-to {
    border-color: var(--action--primary--border);
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .design-nav_dropdown-list {
    flex-flow: column;
  }

  .overview_header {
    max-width: 50%;
  }

  .section-content {
    border-left: 1px solid var(--border--subtle);
  }

  .design-label.secondary.align-center {
    text-align: center;
  }

  .components_grid, .component-bg {
    flex-flow: row;
    grid-auto-rows: 1fr;
    grid-auto-columns: 1fr;
  }
}

@media screen and (max-width: 991px) {
  .main-wrapper.is-design-system {
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
  }

  .nav_button {
    color: #fff;
  }

  .card.avatar {
    background-position: 50%;
  }

  .card.is-featured-photo, .card.web-3d {
    display: none;
  }

  .card.intro, .card.services, .card.selected-clients, .card.skills {
    min-width: 0;
  }

  .card.nav-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex: none;
    width: 15rem;
    position: sticky;
  }

  .grid_component {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    grid-template-rows: 1fr .25fr 1fr 1fr 1fr .75fr .75fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    justify-content: flex-start;
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: auto;
  }

  .body {
    overflow: scroll;
  }

  .text-button_label {
    font-size: .8125rem;
  }

  .intro-text {
    font-size: .9rem;
    line-height: 1.3rem;
  }

  .img_website {
    width: 100%;
    height: auto;
  }

  .text-button {
    display: none;
  }

  .slider {
    padding: .5rem;
  }

  .slider.is-photo {
    display: none;
  }

  .slider_link-group {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
  }

  .slider_slide.is-01.is-active {
    background-size: cover;
  }

  .slider_slide.is-05.is-active {
    background-position: 50%;
  }

  .ai_description {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .ai-buttons_wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    display: flex;
  }

  .heading-2 {
    font-size: 2rem;
    line-height: 2.25rem;
  }

  .design-nav_wrapper.is-avatar {
    background-position: 50%;
  }

  .design-nav_wrapper.is-featured-photo, .design-nav_wrapper.is-web-3d {
    display: none;
  }

  .design-nav_wrapper.is-intro, .design-nav_wrapper.is-services, .design-nav_wrapper.is-selected-clients, .design-nav_wrapper.is-skills {
    min-width: 0;
  }

  .design-system_sections {
    width: 100%;
    overflow: hidden;
  }

  .container-large {
    padding-left: 1.25rem;
  }

  .color_list-item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: 100%;
  }

  .design-label.secondary.align-center {
    min-width: 12rem;
  }

  .components_grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    overflow: auto;
  }

  .components_grid.cards {
    grid-template-rows: .25fr 1fr;
    overflow: auto;
  }

  .components_grid.lists {
    grid-template-rows: .25fr 1fr;
    grid-template-columns: .5fr 1fr;
  }

  .components_grid.cards-headers, .components_grid.cards-testimonials {
    overflow: auto;
  }

  .home-button-wrapper {
    display: none;
  }

  .component-bg {
    padding-right: 2rem;
    overflow: auto;
  }

  .component-bg.cards {
    grid-template-rows: .25fr 1fr;
    overflow: auto;
  }

  .component-bg.lists {
    grid-template-rows: .25fr 1fr;
    grid-template-columns: .5fr 1fr;
  }

  .component-bg.cards-headers, .component-bg.cards-testimonials {
    overflow: auto;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }

  h5 {
    font-size: 1rem;
  }

  h6 {
    font-size: .875rem;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .main-wrapper {
    height: auto;
  }

  .card {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .card.is-website, .card.interactive-motion {
    display: none;
  }

  .card.personal-projects {
    min-height: 0;
  }

  .card.ai-summary {
    display: none;
  }

  .card.selected-clients, .card.skills {
    justify-content: center;
    align-items: flex-start;
  }

  .grid_component {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    height: 100%;
    display: grid;
  }

  .header.hide-mobile {
    display: none;
  }

  .intro-text {
    max-width: 100%;
    font-size: .875rem;
  }

  .text-style-title {
    font-size: 1rem;
  }

  .link_label {
    font-size: .8125rem;
    line-height: .875rem;
  }

  .social-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .header_label {
    flex: none;
    min-width: 0;
    font-size: .9rem;
    line-height: 1.3rem;
  }

  .testimonial_author {
    flex: 1;
    line-height: .875rem;
  }

  .testimonial_author-group {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
  }

  .slider {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .slider.is-website {
    display: none;
  }

  .slider_slide.is-01.is-active {
    background-position: 0%;
  }

  .slider_slide.is-04.is-active {
    background-position: 50% 0;
  }

  .design-nav_wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .design-nav_wrapper.is-website, .design-nav_wrapper.is-interactive-motion {
    display: none;
  }

  .design-nav_wrapper.is-personal-projects {
    min-height: 0;
  }

  .design-nav_wrapper.is-ai-summary {
    display: none;
  }

  .design-nav_wrapper.is-selected-clients, .design-nav_wrapper.is-skills {
    justify-content: center;
    align-items: flex-start;
  }

  .overview_header {
    max-width: 100%;
  }

  .color_list-item {
    justify-content: space-between;
    align-items: center;
  }

  .design-label {
    font-size: .8125rem;
    line-height: .875rem;
    display: none;
  }

  .design-label.secondary.color {
    display: flex;
  }

  .components_grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap-reverse;
    grid-template-rows: 1fr auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    display: grid;
    overflow: auto;
  }

  .components_grid.cards {
    flex-flow: column;
    display: flex;
  }

  .components_grid.lists {
    flex-flow: column;
    grid-template-columns: .5fr 1fr 1fr;
    display: flex;
  }

  .components_grid.cards-headers, .components_grid.cards-testimonials {
    flex-flow: column;
    display: flex;
  }

  .component-bg {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap-reverse;
    grid-template-rows: 1fr auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    overflow: auto;
  }

  .component-bg.cards {
    flex-flow: column;
    display: flex;
  }

  .component-bg.lists {
    flex-flow: column;
    grid-template-columns: .5fr 1fr 1fr;
    display: flex;
  }

  .component-bg.cards-headers, .component-bg.cards-testimonials {
    flex-flow: column;
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  .main-wrapper {
    height: auto;
  }

  .main-wrapper.is-design-system {
    padding-top: 1rem;
    display: block;
  }

  .card {
    justify-content: space-between;
    align-items: center;
    min-width: 12rem;
  }

  .card.avatar, .card.is-wizytowki, .card.current-location {
    display: none;
  }

  .card.interactive-motion {
    height: 20rem;
    display: flex;
  }

  .card.testimonial {
    min-height: 8rem;
  }

  .card.ai-summary {
    display: flex;
  }

  .card.intro {
    min-height: 18rem;
  }

  .card.selected-clients {
    min-height: 4rem;
  }

  .card.skills, .card.nav-wrapper {
    display: none;
  }

  .grid_component {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: auto;
    min-width: 0;
    display: flex;
  }

  .intro_head {
    justify-content: flex-start;
    align-items: center;
  }

  .tag_wrapper {
    flex-flow: column;
  }

  .card_content {
    justify-content: space-between;
    align-items: center;
  }

  .header {
    justify-content: center;
    align-items: center;
  }

  .header.relative {
    justify-content: center;
    align-items: center;
    width: 100%;
    left: 0;
    right: 1rem;
  }

  .intro-text {
    text-align: center;
    max-width: 90%;
  }

  .text-style-title {
    line-height: 1.25rem;
  }

  .list-item {
    justify-content: center;
    align-items: center;
  }

  .intro-meta {
    justify-content: center;
    align-items: flex-end;
    width: 100%;
  }

  .social-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .email-button {
    justify-content: center;
    align-items: center;
  }

  .testimonial_author {
    flex: none;
  }

  .testimonial_author-group {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: row;
  }

  .button.icon {
    width: 60%;
  }

  .button.download.hide-mobile-portrait {
    display: none;
  }

  .button.mail.icon, .button.list-item.align-left {
    justify-content: center;
    align-items: center;
  }

  .slider {
    height: 20rem;
  }

  .slider.is-wizytowki {
    display: none;
  }

  .slider_label {
    flex: none;
  }

  .ai_description {
    justify-content: center;
    align-items: flex-start;
  }

  .design-nav_wrapper {
    justify-content: space-between;
    align-items: center;
  }

  .design-nav_wrapper.is-avatar, .design-nav_wrapper.is-wizytowki, .design-nav_wrapper.is-current-location {
    display: none;
  }

  .design-nav_wrapper.is-interactive-motion {
    height: 20rem;
    display: flex;
  }

  .design-nav_wrapper.is-testimonial {
    min-height: 8rem;
  }

  .design-nav_wrapper.is-ai-summary {
    display: flex;
  }

  .design-nav_wrapper.is-intro {
    min-height: 18rem;
  }

  .design-nav_wrapper.is-selected-clients {
    min-height: 4rem;
  }

  .design-nav_wrapper.is-skills {
    display: none;
  }

  .container-large {
    padding-left: 0;
  }

  .overview_header {
    width: 100%;
    max-width: 100%;
  }

  .section-content {
    overflow: auto;
  }

  .design-system-h3.hide-desktop {
    display: block;
  }

  .color_list-item {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    justify-content: space-between;
    width: 100%;
  }

  .design-label.secondary.color {
    display: flex;
  }

  .components_grid.lists {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
  }

  .home-button-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
  }

  .component-bg.lists {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
  }
}

#w-node-f63cbc6a-01b0-c56e-95d4-065080c06ed5-46202fca {
  grid-area: 1 / 1 / 4 / 3;
}

#w-node-_46c4ed6b-7a6c-35cc-613e-cd6a298e0922-46202fca {
  grid-area: 1 / 3 / 4 / 6;
}

#w-node-_8adb37ed-ed65-3bf2-e723-3c40bbc11cfd-46202fca {
  grid-area: 1 / 3 / 3 / 4;
}

#w-node-_288e0aa6-3e20-4936-485a-76675fba9d71-46202fca {
  grid-area: 5 / 2 / 7 / 3;
}

#w-node-_86b1e40c-d00e-f1ed-b68e-b9b4420b109c-46202fca {
  grid-area: 5 / 3 / 7 / 5;
}

#w-node-_73b1e0d5-0f3a-4eee-d191-99222b5e5b22-46202fca {
  grid-area: 5 / 5 / 6 / 7;
}

#w-node-_666a0618-7063-5799-7020-641c6f2d444f-46202fca {
  grid-area: 4 / 3 / 5 / 5;
}

#w-node-_2d3cff9a-1abb-3d67-66bd-d893624098e7-46202fca {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_5a010312-debc-5ce5-96aa-d3f8d1eee56f-46202fca {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-_9140d2e4-a2c9-7ccb-53d2-5ca06698c008-46202fca {
  grid-area: 5 / 1 / 7 / 3;
}

#w-node-aafd23dd-a4a5-436d-2be5-416f108bf146-46202fca, #w-node-_9e3749f4-bb17-7e80-48f5-54841ba2e3c3-46202fca, #w-node-cacc337e-fb61-af7a-47d8-933d088f0c26-46202fca {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-ed036653-2cba-baf4-0b91-86a212618441-46202fca {
  grid-area: 4 / 5 / 5 / 7;
}

#w-node-_308fe087-4fdd-b3b9-e040-8780bc1e795a-46202fca {
  grid-area: 1 / 6 / 4 / 7;
}

#w-node-_923fbfee-b204-8f79-9c1c-5716f4f93fa2-46202fca {
  grid-area: 5 / 1 / 7 / 2;
}

#w-node-d1c25db9-0485-7150-dbe9-8f9a3c0ce475-46202fca {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-_8311654b-9d79-bf9e-9b8f-3a4a07d377cb-46202fca {
  grid-area: 6 / 5 / 7 / 7;
}

#w-node-_338fc36a-06f9-a89b-7c94-15cd187a3747-46202fcd {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_77afbb31-a4da-98e6-b77a-baa4c0c028c2-46202fcd, #w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784a3-46202fcd {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784a5-46202fcd {
  grid-area: 7 / 4 / 8 / 5;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784a7-46202fcd {
  grid-area: 8 / 5 / 9 / 6;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784a9-46202fcd {
  grid-area: 8 / 4 / 9 / 5;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784ab-46202fcd {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784ad-46202fcd {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784af-46202fcd {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784b1-46202fcd {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784b3-46202fcd {
  grid-area: 6 / 1 / 7 / 2;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784b5-46202fcd {
  grid-area: 7 / 1 / 8 / 2;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784b7-46202fcd {
  grid-area: 8 / 1 / 9 / 2;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784b9-46202fcd {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784bb-46202fcd {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784bd-46202fcd {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784bf-46202fcd {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784c2-46202fcd {
  grid-area: 5 / 2 / 6 / 3;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784c5-46202fcd {
  grid-area: 6 / 2 / 7 / 3;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784c8-46202fcd {
  grid-area: 8 / 2 / 9 / 3;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784cd-46202fcd {
  grid-area: 8 / 3 / 9 / 4;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784d3-46202fcd {
  grid-area: 7 / 2 / 8 / 3;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784d6-46202fcd {
  grid-area: 7 / 3 / 8 / 4;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784da-46202fcd {
  grid-area: 7 / 5 / 8 / 6;
  justify-self: center;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784dc-46202fcd {
  grid-area: 6 / 4 / 7 / 5;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784e2-46202fcd {
  grid-area: 6 / 3 / 7 / 4;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784e6-46202fcd {
  grid-area: 5 / 3 / 6 / 4;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784ea-46202fcd {
  grid-area: 5 / 5 / 6 / 6;
  justify-self: center;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784ec-46202fcd {
  grid-area: 6 / 5 / 7 / 6;
  justify-self: center;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784ee-46202fcd {
  grid-area: 5 / 4 / 6 / 5;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784f4-46202fcd {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784f7-46202fcd {
  grid-area: 4 / 3 / 5 / 4;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784fb-46202fcd {
  grid-area: 4 / 5 / 5 / 6;
  justify-self: center;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784fd-46202fcd {
  grid-area: 4 / 4 / 5 / 5;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe5278503-46202fcd {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe5278509-46202fcd {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe527850d-46202fcd {
  grid-area: 2 / 5 / 3 / 6;
  justify-self: center;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe527850f-46202fcd {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe5278512-46202fcd {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe5278516-46202fcd {
  grid-area: 3 / 5 / 4 / 6;
  justify-self: center;
}

#w-node-_986ba2f8-6b13-153f-a61f-ba4fe5278518-46202fcd {
  grid-area: 3 / 4 / 4 / 5;
}

#w-node-e05f396c-ab2f-7b8b-1546-cc37e90d59f5-46202fcd {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_48caff3c-ccb4-4036-ea4f-7b94f6272c9b-46202fcd {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_69805dba-64fb-c967-4dd9-03cde12b8103-46202fcd {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_65a09227-a97b-6b6b-60d8-57e92b8bb256-46202fcd {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_00681d4c-7e5f-11de-fdc3-562cf0411c1e-46202fcd {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_45e99d85-a8e5-d554-50de-cc0678f238b1-46202fcd {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_45e99d85-a8e5-d554-50de-cc0678f238b3-46202fcd {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_78a06694-2362-6bdf-9722-d571342d1f08-46202fcd {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_45e99d85-a8e5-d554-50de-cc0678f238b5-46202fcd {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-b5a850a5-3c21-c883-7513-d70e5b5d355e-46202fcd {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_053c4b00-f444-74a1-2557-c7c6def7d0c8-46202fcd {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-e1ae0fe6-2fda-1ae6-cf29-e1b8d29d2606-46202fcd {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-b5e1803a-b124-20b9-8711-593f6dd00fbd-46202fcd {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-b5e1803a-b124-20b9-8711-593f6dd00fbf-46202fcd {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_1fbc0963-097d-67cc-e6ab-359b55c432d2-46202fcd {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-b5e1803a-b124-20b9-8711-593f6dd00fc1-46202fcd {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_1d2bb6af-a057-bc33-f8cc-7f41b0bccabf-46202fcd {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-efedd588-19ab-d44e-f5f8-2182a7f70a53-46202fcd {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-_337ee023-b7d3-2478-ec4b-e6a217cff0c0-46202fcd {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_3c536018-fb04-d158-ed98-0b4b44aa14a5-46202fcd {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-b5e1803a-b124-20b9-8711-593f6dd00fc3-46202fcd {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-c649c2dc-0880-4abc-7eac-0bf628cbf89f-46202fcd {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-bf5a2d99-0e67-fb5e-da3d-637386196cc7-46202fcd {
  grid-area: 3 / 4 / 4 / 5;
}

#w-node-_8d1cb8cb-cd6f-8f36-483d-666749282946-46202fcd {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_8d1cb8cb-cd6f-8f36-483d-666749282948-46202fcd {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_8d1cb8cb-cd6f-8f36-483d-66674928294a-46202fcd {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-fcb33d78-a342-127c-2972-ef17bfcee86a-46202fcd {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_12637e50-4201-800c-7e80-7ca653c15dd1-46202fcd {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-ae20f47c-fb08-79b5-e3aa-d96b3ed2e974-46202fcd {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-ae20f47c-fb08-79b5-e3aa-d96b3ed2e976-46202fcd {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_020818f2-e306-5b8b-fc40-3186646e5ec9-46202fcd {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-b599773c-b66d-3657-bf17-351ddb39f39d-46202fcd {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_2ebb52fb-1f11-3530-1415-869a9e46bf0e-46202fcd {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-_074c2a74-747b-ea5c-fa8d-220deb069457-46202fcd {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-ae20f47c-fb08-79b5-e3aa-d96b3ed2e978-46202fcd {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_6487a1ca-73a1-f9c4-41bc-15d3858db200-46202fcd {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_508f41be-2b4e-1842-3e52-c596ef62d649-46202fcd {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-fac80dd8-905c-eb8f-9702-7c20308e56d5-46202fcd {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-_49ca6252-66d8-6cae-620a-8bf0fc3f5c72-46202fcd {
  grid-area: 3 / 4 / 4 / 5;
}

@media screen and (min-width: 1440px) {
  #w-node-f63cbc6a-01b0-c56e-95d4-065080c06ed5-46202fca {
    grid-row: 1 / 5;
    grid-column-end: 4;
  }

  #w-node-_46c4ed6b-7a6c-35cc-613e-cd6a298e0922-46202fca {
    grid-area: 1 / 6 / 7 / 12;
  }

  #w-node-_8adb37ed-ed65-3bf2-e723-3c40bbc11cfd-46202fca {
    grid-area: 1 / 4 / 5 / 6;
  }

  #w-node-_288e0aa6-3e20-4936-485a-76675fba9d71-46202fca {
    grid-area: 9 / 1 / 13 / 5;
  }

  #w-node-_86b1e40c-d00e-f1ed-b68e-b9b4420b109c-46202fca {
    grid-area: 8 / 5 / 13 / 10;
  }

  #w-node-_73b1e0d5-0f3a-4eee-d191-99222b5e5b22-46202fca {
    grid-area: 8 / 10 / 10 / 13;
  }

  #w-node-_666a0618-7063-5799-7020-641c6f2d444f-46202fca {
    grid-area: 7 / 5 / 8 / 9;
  }

  #w-node-_2d3cff9a-1abb-3d67-66bd-d893624098e7-46202fca {
    grid-row: 5 / 7;
    grid-column-end: 3;
  }

  #w-node-_5a010312-debc-5ce5-96aa-d3f8d1eee56f-46202fca {
    grid-area: 5 / 3 / 7 / 5;
  }

  #w-node-_9140d2e4-a2c9-7ccb-53d2-5ca06698c008-46202fca {
    grid-area: 10 / 10 / 11 / 13;
  }

  #w-node-aafd23dd-a4a5-436d-2be5-416f108bf146-46202fca {
    grid-area: 12 / 10 / 13 / 13;
  }

  #w-node-_9e3749f4-bb17-7e80-48f5-54841ba2e3c3-46202fca {
    grid-area: 5 / 5 / 7 / 6;
  }

  #w-node-cacc337e-fb61-af7a-47d8-933d088f0c26-46202fca {
    grid-area: 5 / 12 / 7 / 13;
  }

  #w-node-ed036653-2cba-baf4-0b91-86a212618441-46202fca {
    grid-area: 7 / 9 / 8 / 13;
  }

  #w-node-_308fe087-4fdd-b3b9-e040-8780bc1e795a-46202fca {
    grid-area: 1 / 12 / 5 / 13;
  }

  #w-node-_923fbfee-b204-8f79-9c1c-5716f4f93fa2-46202fca {
    grid-row: 7 / 9;
    grid-column-end: 3;
  }

  #w-node-d1c25db9-0485-7150-dbe9-8f9a3c0ce475-46202fca {
    grid-area: 7 / 3 / 9 / 5;
  }

  #w-node-_8311654b-9d79-bf9e-9b8f-3a4a07d377cb-46202fca {
    grid-area: 10 / 10 / 12 / 13;
  }

  #w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784a7-46202fcd {
    grid-area: 8 / 4 / 9 / 5;
  }

  #w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784a9-46202fcd {
    grid-area: 8 / 5 / 9 / 6;
  }
}

@media screen and (max-width: 991px) {
  #w-node-f63cbc6a-01b0-c56e-95d4-065080c06ed5-46202fca {
    grid-area: 1 / 1 / 4 / 3;
  }

  #w-node-_46c4ed6b-7a6c-35cc-613e-cd6a298e0922-46202fca {
    grid-area: 4 / 3 / 6 / 7;
  }

  #w-node-_8adb37ed-ed65-3bf2-e723-3c40bbc11cfd-46202fca, #w-node-_288e0aa6-3e20-4936-485a-76675fba9d71-46202fca {
    grid-area: span 6 / span 5 / span 6 / span 5;
  }

  #w-node-_86b1e40c-d00e-f1ed-b68e-b9b4420b109c-46202fca {
    grid-area: 8 / 1 / 10 / 4;
  }

  #w-node-_73b1e0d5-0f3a-4eee-d191-99222b5e5b22-46202fca {
    grid-area: 8 / 4 / 9 / 7;
  }

  #w-node-_666a0618-7063-5799-7020-641c6f2d444f-46202fca {
    grid-area: 6 / 1 / 7 / 7;
  }

  #w-node-_2d3cff9a-1abb-3d67-66bd-d893624098e7-46202fca {
    grid-area: 3 / 3 / 4 / 5;
  }

  #w-node-_5a010312-debc-5ce5-96aa-d3f8d1eee56f-46202fca {
    grid-area: 1 / 3 / 3 / 5;
  }

  #w-node-_9140d2e4-a2c9-7ccb-53d2-5ca06698c008-46202fca {
    grid-area: span 12 / span 6 / span 12 / span 6;
  }

  #w-node-aafd23dd-a4a5-436d-2be5-416f108bf146-46202fca, #w-node-_9e3749f4-bb17-7e80-48f5-54841ba2e3c3-46202fca, #w-node-cacc337e-fb61-af7a-47d8-933d088f0c26-46202fca {
    grid-area: span 14 / span 6 / span 14 / span 6;
  }

  #w-node-ed036653-2cba-baf4-0b91-86a212618441-46202fca {
    grid-area: 7 / 1 / 8 / 7;
  }

  #w-node-_308fe087-4fdd-b3b9-e040-8780bc1e795a-46202fca {
    grid-area: 1 / 5 / 4 / 7;
  }

  #w-node-_923fbfee-b204-8f79-9c1c-5716f4f93fa2-46202fca {
    grid-area: 4 / 1 / 6 / 3;
  }

  #w-node-d1c25db9-0485-7150-dbe9-8f9a3c0ce475-46202fca {
    grid-area: span 12 / span 12 / span 12 / span 12;
  }

  #w-node-_8311654b-9d79-bf9e-9b8f-3a4a07d377cb-46202fca {
    grid-area: 9 / 4 / 10 / 7;
  }

  #w-node-_65a09227-a97b-6b6b-60d8-57e92b8bb256-46202fcd {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_00681d4c-7e5f-11de-fdc3-562cf0411c1e-46202fcd {
    grid-area: 2 / 3 / 3 / 4;
  }

  #w-node-b5e1803a-b124-20b9-8711-593f6dd00fc3-46202fcd {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-c649c2dc-0880-4abc-7eac-0bf628cbf89f-46202fcd {
    grid-area: 3 / 3 / 4 / 4;
  }

  #w-node-bf5a2d99-0e67-fb5e-da3d-637386196cc7-46202fcd {
    grid-area: 3 / 4 / 4 / 5;
  }
}

@media screen and (max-width: 767px) {
  #w-node-f63cbc6a-01b0-c56e-95d4-065080c06ed5-46202fca {
    grid-area: 1 / 1 / 4 / 3;
  }

  #w-node-_46c4ed6b-7a6c-35cc-613e-cd6a298e0922-46202fca {
    grid-area: 5 / 1 / 9 / 5;
  }

  #w-node-_288e0aa6-3e20-4936-485a-76675fba9d71-46202fca {
    grid-area: span 10 / span 5 / span 10 / span 5;
  }

  #w-node-_73b1e0d5-0f3a-4eee-d191-99222b5e5b22-46202fca {
    grid-area: 5 / 5 / 7 / 7;
  }

  #w-node-_666a0618-7063-5799-7020-641c6f2d444f-46202fca {
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-_2d3cff9a-1abb-3d67-66bd-d893624098e7-46202fca {
    grid-area: 3 / 3 / 4 / 5;
  }

  #w-node-_5a010312-debc-5ce5-96aa-d3f8d1eee56f-46202fca {
    grid-area: 1 / 3 / 3 / 5;
  }

  #w-node-_9140d2e4-a2c9-7ccb-53d2-5ca06698c008-46202fca {
    grid-area: span 12 / span 7 / span 12 / span 7;
  }

  #w-node-aafd23dd-a4a5-436d-2be5-416f108bf146-46202fca, #w-node-_9e3749f4-bb17-7e80-48f5-54841ba2e3c3-46202fca, #w-node-cacc337e-fb61-af7a-47d8-933d088f0c26-46202fca {
    grid-area: span 9 / span 12 / span 9 / span 12;
  }

  #w-node-ed036653-2cba-baf4-0b91-86a212618441-46202fca {
    grid-area: 4 / 3 / 5 / 7;
  }

  #w-node-_308fe087-4fdd-b3b9-e040-8780bc1e795a-46202fca {
    grid-area: 1 / 5 / 4 / 7;
  }

  #w-node-_923fbfee-b204-8f79-9c1c-5716f4f93fa2-46202fca {
    grid-area: 7 / 5 / 9 / 7;
  }

  #w-node-d1c25db9-0485-7150-dbe9-8f9a3c0ce475-46202fca {
    grid-column: span 12 / span 12;
  }

  #w-node-_8311654b-9d79-bf9e-9b8f-3a4a07d377cb-46202fca {
    grid-area: span 9 / span 12 / span 9 / span 12;
  }

  #w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784bf-46202fcd {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784c2-46202fcd {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784c5-46202fcd {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784c8-46202fcd {
    grid-area: 7 / 1 / 8 / 2;
  }

  #w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784cd-46202fcd {
    grid-area: 7 / 2 / 8 / 3;
  }

  #w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784d3-46202fcd {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784d6-46202fcd {
    grid-area: 6 / 2 / 7 / 3;
  }

  #w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784da-46202fcd {
    grid-area: 6 / 4 / 7 / 5;
  }

  #w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784dc-46202fcd {
    grid-area: 5 / 3 / 6 / 4;
  }

  #w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784e2-46202fcd {
    grid-area: 5 / 2 / 6 / 3;
  }

  #w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784e6-46202fcd {
    grid-area: 4 / 2 / 5 / 3;
  }

  #w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784ea-46202fcd {
    grid-area: 4 / 4 / 5 / 5;
  }

  #w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784ec-46202fcd {
    grid-area: 5 / 4 / 6 / 5;
  }

  #w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784ee-46202fcd {
    grid-area: 4 / 3 / 5 / 4;
  }

  #w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784f4-46202fcd {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784f7-46202fcd {
    grid-area: 3 / 2 / 4 / 3;
  }

  #w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784fb-46202fcd {
    grid-area: 3 / 4 / 4 / 5;
  }

  #w-node-_986ba2f8-6b13-153f-a61f-ba4fe52784fd-46202fcd {
    grid-area: 3 / 3 / 4 / 4;
  }

  #w-node-_986ba2f8-6b13-153f-a61f-ba4fe5278503-46202fcd {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_986ba2f8-6b13-153f-a61f-ba4fe5278509-46202fcd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_986ba2f8-6b13-153f-a61f-ba4fe527850d-46202fcd {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-_986ba2f8-6b13-153f-a61f-ba4fe527850f-46202fcd {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_986ba2f8-6b13-153f-a61f-ba4fe5278512-46202fcd {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_986ba2f8-6b13-153f-a61f-ba4fe5278516-46202fcd {
    grid-area: 2 / 4 / 3 / 5;
  }

  #w-node-_986ba2f8-6b13-153f-a61f-ba4fe5278518-46202fcd {
    grid-area: 2 / 3 / 3 / 4;
  }

  #w-node-_65a09227-a97b-6b6b-60d8-57e92b8bb256-46202fcd, #w-node-_00681d4c-7e5f-11de-fdc3-562cf0411c1e-46202fcd, #w-node-b5e1803a-b124-20b9-8711-593f6dd00fc3-46202fcd, #w-node-c649c2dc-0880-4abc-7eac-0bf628cbf89f-46202fcd, #w-node-bf5a2d99-0e67-fb5e-da3d-637386196cc7-46202fcd {
    grid-area: 1 / 1 / 6 / 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-f63cbc6a-01b0-c56e-95d4-065080c06ed5-46202fca {
    grid-area: span 38 / span 12 / span 38 / span 12;
  }

  #w-node-_288e0aa6-3e20-4936-485a-76675fba9d71-46202fca {
    grid-area: span 14 / span 12 / span 14 / span 12;
  }

  #w-node-_2d3cff9a-1abb-3d67-66bd-d893624098e7-46202fca, #w-node-_5a010312-debc-5ce5-96aa-d3f8d1eee56f-46202fca, #w-node-_9140d2e4-a2c9-7ccb-53d2-5ca06698c008-46202fca {
    grid-area: span 12 / span 12 / span 12 / span 12;
  }

  #w-node-_65a09227-a97b-6b6b-60d8-57e92b8bb256-46202fcd, #w-node-_00681d4c-7e5f-11de-fdc3-562cf0411c1e-46202fcd, #w-node-b5e1803a-b124-20b9-8711-593f6dd00fc3-46202fcd, #w-node-c649c2dc-0880-4abc-7eac-0bf628cbf89f-46202fcd, #w-node-bf5a2d99-0e67-fb5e-da3d-637386196cc7-46202fcd {
    grid-area: span 38 / span 12 / span 38 / span 12;
  }
}