/* portfolio-embeds.css — inline <style> embeds extracted verbatim from
 * https://maray.webflow.io/home-2025-08-26 (Webflow custom-code Embeds).
 * These were stripped by the HTML extractor; without them the Client-First
 * rem layout (root font-size) and container utilities collapse. */

/* ===== embed block 0 (62B) ===== */
.article-card_link-overlay {
    pointer-events: auto;
  }

/* ===== embed blocks 1 & 2 (page intro animation) — REMOVED =====
 * Original embeds hid .page-wrapper (visibility:hidden) and a later embed
 * revealed it, driven by the maray-ai-code intro-animation JS. That JS is
 * not ported yet, and .page-wrapper is our GLOBAL layout wrapper — leaving
 * visibility:hidden in would blank every element. Omitted intentionally;
 * re-add with the intro animation if/when the JS is migrated. */

/* ===== embed block 3 (4410B) ===== */
/* Make text look crisper and more legible in all browsers */
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }

  /* Focus state style for keyboard navigation for the focusable elements */
  *[tabindex]:focus-visible,
  input[type="file"]:focus-visible {
    outline: 0.125rem solid #4d65ff;
    outline-offset: 0.125rem;
  }

  /* Get rid of top margin on first element in any rich text element */
  .w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
    margin-top: 0 !important;
  }

  /* Get rid of bottom margin on last element in any rich text element */
  .w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
    margin-bottom: 0 !important;
  }

  /* Prevent all click and hover interaction with an element */
  .pointer-events-off {
    pointer-events: none;
  }

  /* Enables all click and hover interaction with an element */
  .pointer-events-on {
    pointer-events: auto;
  }

  /* Create a class of .div-square which maintains a 1:1 dimension of a div */
  .div-square::after {
    content: "";
    display: block;
    padding-bottom: 100%;
  }

  /* Make sure containers never lose their center alignment */
  .container-medium,.container-small, .container-large {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  /* 
  Make the following elements inherit typography styles from the parent and not have hardcoded values. 
  Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
  Uncomment this CSS to use it in the project. Leave this message for future hand-off.
  */
  /*

  */
  a,
  .w-input,
  .w-select,
  .w-tab-link,
  .w-nav-link,
  .w-dropdown-btn,
  .w-dropdown-toggle,
  .w-dropdown-link {
    color: inherit;
    text-decoration: inherit;
    font-size: inherit;
  }

  /* Apply "..." after 3 lines of text */
  .text-style-3lines {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  /* Apply "..." after 2 lines of text */
  .text-style-2lines {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  /* Adds inline flex display */
  .display-inlineflex {
    display: inline-flex;
  }

  /* These classes are never overwritten */
  .hide {
    display: none !important;
  }

  @media screen and (max-width: 991px) {
    .hide, .hide-tablet {
      display: none !important;
    }
  }
  @media screen and (max-width: 767px) {
    .hide-mobile-landscape{
      display: none !important;
    }
  }
  @media screen and (max-width: 479px) {
    .hide-mobile{
      display: none !important;
    }
  }

  .margin-0 {
    margin: 0rem !important;
  }

  .padding-0 {
    padding: 0rem !important;
  }

  .spacing-clean {
    padding: 0rem !important;
    margin: 0rem !important;
  }

  .margin-top {
    margin-right: 0rem !important;
    margin-bottom: 0rem !important;
    margin-left: 0rem !important;
  }

  .padding-top {
    padding-right: 0rem !important;
    padding-bottom: 0rem !important;
    padding-left: 0rem !important;
  }

  .margin-right {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
    margin-left: 0rem !important;
  }

  .padding-right {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
    padding-left: 0rem !important;
  }

  .margin-bottom {
    margin-top: 0rem !important;
    margin-right: 0rem !important;
    margin-left: 0rem !important;
  }

  .padding-bottom {
    padding-top: 0rem !important;
    padding-right: 0rem !important;
    padding-left: 0rem !important;
  }

  .margin-left {
    margin-top: 0rem !important;
    margin-right: 0rem !important;
    margin-bottom: 0rem !important;
  }

  .padding-left {
    padding-top: 0rem !important;
    padding-right: 0rem !important;
    padding-bottom: 0rem !important;
  }

  .margin-horizontal {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }

  .padding-horizontal {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }

  .margin-vertical {
    margin-right: 0rem !important;
    margin-left: 0rem !important;
  }

  .padding-vertical {
    padding-right: 0rem !important;
    padding-left: 0rem !important;
  }

/* ===== embed block 4 (366B) ===== */
html { font-size: 1.125rem; }
  @media screen and (max-width:1920px) { html { font-size: calc(0.625rem + 0.41666666666666674vw); } }
  @media screen and (max-width:1440px) { html { font-size: calc(0.8126951092611863rem + 0.20811654526534862vw); } }
  @media screen and (max-width:479px) { html { font-size: calc(0.7494769874476988rem + 0.8368200836820083vw); } }

/* ===== embed block 5 (328B) ===== */
html { font-size: 1rem; }
  @media screen and (max-width:1920px) { html { font-size: 1rem; } }
  @media screen and (max-width:1440px) { html { font-size: calc(0.8126951092611863rem + 0.20811654526534862vw); } }
  @media screen and (max-width:479px) { html { font-size: calc(0.7494769874476988rem + 0.8368200836820083vw); } }

/* ===== embed block 6 (7517B) ===== */
blockquote p {
    font-weight: 500 !important;
  }

  ol li p {
    margin-bottom: 0px;
  }

  .loading-container {
    pointer-events: none;
  }

  .blog-post-video {
    /* Set the width and height of the video element to 100% */
    width: 100%;
    height: 56.25%;
    /* Preserve the aspect ratio of the video while filling the container */
    object-fit: cover;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }


  .video {
    /* Set the width and height of the video element to 100% */
    width: 100%;
    aspect-ratio: 16 / 9;
    /* Preserve the aspect ratio of the video while filling the container */
    object-fit: cover;
  }

  .article-item_image {
    aspect-ratio: 1.6 / 0.95;
  }

  html.lenis {
    height: auto;
  }

  .lenis.lenis-smooth {
    scroll-behavior: auto;
  }

  .lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
  }

  .lenis.lenis-stopped {
    overflow: hidden;
  }

  .lenis.lenis-scrolling iframe {
    pointer-events: none;
  }

  #content aside {
    display: block;
    width: 100%;
    border-radius: 3px;
    background: #1A1C21;
    padding: 1rem 1rem 1rem 1.25rem;
    margin-bottom: 1rem;
    border: solid 1px #323232;
  }

  [for=theme] svg {
    width: 75%;
  }

  .theme-switch + .theme-svg svg path:first-of-type,
  .theme-switch:checked + .theme-svg svg path:last-of-type {
    opacity: 0;
  }
  .theme-switch:checked + .theme-svg svg path:first-of-type {
    opacity: 1;
  }

  ::selection {
    background: var(--colors--text--text-select-bg);
    color: var(--colors--text--text-select-fg);
  }

  .articles_list.is-flex {
    --cols: 3;
    --gap: 1rem;
    --gap-row: 1rem;
    grid-column-gap: var(--gap);
    grid-row-gap: var(--gap-row);
  }

  .articles_item.is-card {
    flex-basis: calc((100% / var(--cols)) - (((var(--cols) - 1) * var(--gap)) / var(--cols))) 
  }

  @media (max-width: 991px) {
    .articles_list.is-flex {
      --cols: 2;
    }

    .articles_list.is-flex {
      --cols: 2;
    }
  }

  @media (max-width: 478px) {
    .articles_list.is-flex {
      --cols: 1;
    }

    .articles_list.is-flex {
      --cols: 1;
    }
  }

  /* Process card items subgrid */

  .process_component {
    grid-template-columns: fit-content(2.5rem) 1fr;
  }

  .values_item,
  .card-1_component {
    grid-template-rows: subgrid;
  }

  .prices_item,
  .price_component {
    grid-template-rows: subgrid;
  }

  .text-style-vertical,
  .navigation_text,
  .section_heading-vertical {
    writing-mode: vertical-rl;
  }

  .word {
    font-kerning: none;
  }

  .line {
    overflow: hidden;
  }

  .social-icon:hover .icon-fg {
    fill: var(--colors--foreground--fg-primary_hover);
    transition: fill 0.25s ease-out;
  }

  code:not(.hljs) {
    border: 1px solid var(--colors--border--border-primary);
    border-radius: .25rem;
    background-color: var(--colors--background--bg-secondary);
    padding: 0.1em 0.35em;
    font-family: Inter;
    font-weight: 600;
  }

  .is-alternate code:not(.hljs) {
    background-color: var(--colors--background--bg-primary-solid);
  }

  .text-rich-text img {
    border: 1px solid var(--colors--border--border-primary);
  }

  .text-rich-text blockquote p {
    margin-bottom: 0;
  }

  hr {
    color: var(--colors--border--border-primary);
    margin: 1.5rem 0;
    border: 1px solid;
  }

  p a {
    text-decoration: underline;
  }

  .button {
    text-decoration: none !important;
  }

  #content h2,
  #content h3 {
    margin-top: -3.5rem !important;
    padding-top: 5rem !important;
    text-wrap: balance;
  }

  .is-serif {
    font-family: "Libre Caslon Condensed";
  }

  [data-theme='light-mode'] .bg-noise  {
    mix-blend-mode: overlay;
  }

  [data-theme='light-mode'] .is-alternate .shape-2_bottom  {
    mix-blend-mode: difference;
  }

  .section-margin-horizontal {
    margin: 0 var(--_sizes---containers--padding-global);
  }

  .opacity-25 {
    opacity: 0.75;
  }

  .opacity-50 {
    opacity: 0.75;
  }

  .opacity-75 {
    opacity: 0.75;
  }
  
  details {
    @media (prefers-reduced-motion: no-preference) {
      interpolate-size: allow-keywords;
    }
    &::details-content {
      opacity: 0;
      block-size: 0;
      overflow-y: clip;
      transition: content-visibility 0.5s allow-discrete, opacity 0.5s, block-size 0.5s;
    }
    &[open]::details-content {
      opacity: 1;
      block-size: auto;
    }
    summary {
      cursor: pointer;
    }

    /* Add rotation for the accordion icon */
    & .accordion_icon {
      transition: transform 0.3s ease;
    }

    &[open] .accordion_icon {
      transform: rotate(45deg);
    }
  }
  summary::-webkit-details-marker {
    display: none;
  }
  
  .u-grid-autofit {
  	display: grid;
  	grid-template-columns: repeat(auto-fit, minmax(min(100%, 36rem), 1fr));
  }
  
  strong {
  	font-weight: 600;
  }

  .text-style-page::before {
  	position: absolute;
    left: 0.5rem;
    content: "";
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M3 17.2002V6.79981C3 5.97632 2.99898 5.29843 3.04395 4.74805C3.08988 4.18599 3.18827 3.6689 3.43555 3.1836C3.81902 2.43109 4.43109 1.81902 5.1836 1.43555C5.6689 1.18827 6.18599 1.08988 6.74805 1.04395C7.29843 0.998979 7.97632 1 8.79981 1H14C14.2652 1 14.5195 1.10543 14.707 1.29297L20.707 7.29297C20.8946 7.48051 21 7.73479 21 8V17.2002C21 18.0237 21.001 18.7016 20.9561 19.252C20.9101 19.814 20.8117 20.3311 20.5645 20.8164C20.181 21.5689 19.5689 22.181 18.8164 22.5645C18.3311 22.8117 17.814 22.9101 17.252 22.9561C16.7016 23.001 16.0237 23 15.2002 23H8.79981C7.97632 23 7.29843 23.001 6.74805 22.9561C6.18599 22.9101 5.6689 22.8117 5.1836 22.5645C4.43109 22.181 3.81902 21.5689 3.43555 20.8164C3.18827 20.3311 3.08988 19.814 3.04395 19.252C2.99898 18.7016 3 18.0237 3 17.2002ZM16 16C16.5523 16 17 16.4477 17 17C17 17.5523 16.5523 18 16 18H8C7.44772 18 7 17.5523 7 17C7 16.4477 7.44772 16 8 16H16ZM16 12C16.5523 12 17 12.4477 17 13C17 13.5523 16.5523 14 16 14H8C7.44772 14 7 13.5523 7 13C7 12.4477 7.44772 12 8 12H16ZM10 8C10.5523 8 11 8.44772 11 9C11 9.55229 10.5523 10 10 10H8C7.44772 10 7 9.55229 7 9C7 8.44772 7.44772 8 8 8H10ZM5 17.2002C5 18.0566 5.00035 18.6388 5.03711 19.0889C5.07293 19.5273 5.13809 19.7518 5.21778 19.9082C5.40951 20.2845 5.71555 20.5905 6.0918 20.7822C6.2482 20.8619 6.47272 20.9271 6.91113 20.9629C7.36117 20.9997 7.94342 21 8.79981 21H15.2002C16.0566 21 16.6388 20.9997 17.0889 20.9629C17.5273 20.9271 17.7518 20.8619 17.9082 20.7822C18.2845 20.5905 18.5905 20.2845 18.7822 19.9082C18.8619 19.7518 18.9271 19.5273 18.9629 19.0889C18.9997 18.6388 19 18.0566 19 17.2002V9H15.5996C15.3362 9 15.0781 9.00111 14.8613 8.9834C14.6328 8.9647 14.3631 8.92044 14.0918 8.78223C13.7155 8.59048 13.4095 8.28447 13.2178 7.90821C13.0795 7.63692 13.0353 7.36719 13.0166 7.13867C12.9989 6.92184 13 6.66381 13 6.40039V3H8.79981C7.94342 3 7.36117 3.00035 6.91113 3.03711C6.47272 3.07293 6.2482 3.13809 6.0918 3.21778C5.71555 3.40951 5.40951 3.71555 5.21778 4.0918C5.13809 4.2482 5.07293 4.47272 5.03711 4.91113C5.00035 5.36117 5 5.94342 5 6.79981V17.2002ZM15 6.40039C15 6.69672 15.0012 6.85904 15.0107 6.97559C15.0111 6.98005 15.0114 6.98428 15.0117 6.98828C15.0157 6.98865 15.0199 6.98987 15.0244 6.99024C15.141 6.99976 15.3033 7 15.5996 7H17.5859L15 4.41406V6.40039Z"/></svg>');
    mask-size: contain;
    mask-repeat: no-repeat;
    margin-right: 0.25em;
  }

/* ===== embed block 7 (860B) ===== */
@media screen and (min-width: 1920px) {
    .portfolio_header_name {
  		font-size: clamp(3rem, 9.5vw, 9rem); 
  	}
    .portfolio_header_h1 {
      font-size: clamp(1.5rem, 1.9vw, 2rem); 
    }
	}
  
	.cursor-wrapper { 
  	pointer-events: none;
  }

  .button-wrapper {
    display: inline-flex;
  }

  .line {
    position: relative;
  }

  .line-mask {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #080808;
    opacity: 0.65;
    width: 100%;
    height: 100%;
    z-index: 2;
  }
  
  .char-mask {
    display: inline-block;
    overflow: hidden;
  }
  
  .text-style-link-2 .word {
    text-decoration: underline;
  }
  
  .qa_question2 .line {
    text-decoration: underline;
  }
  
  /* blog posts */
  @media screen and (min-width: 991px) {
    .articles_list.w-dyn-items :nth-child(4) {
      display: none;
    }
  }

/* =============================================================
 * Webflow per-element grid placement (#w-node-…-2b4a0719)
 * -------------------------------------------------------------
 * Webflow assigns grid-area to individual grid children via
 * rules keyed on generated node IDs. On the live page these live
 * in the generated shared CSS (maray.webflow.shared.283fd8051.css),
 * NOT in an inline embed — so neither the HTML extractor nor our
 * vendored static/webflow.css (a stale hash) carried them over.
 * Without them every project card collapses to grid cell 1/1 and
 * the Projects masonry layout breaks.
 * Recovered verbatim from the live shared CSS via
 * scripts/extract-portfolio.mjs sibling extraction (2026-07-01).
 * ============================================================= */
#w-node-f5bce74f-c738-d81b-f9e5-287af07b0b78-2b4a0719{
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}
#w-node-_84a6fdda-c953-d36c-9a09-2af5031a7a46-2b4a0719{
  grid-area: 1 / 5 / 2 / 9;
}
#w-node-_84a6fdda-c953-d36c-9a09-2af5031a7a49-2b4a0719{
  grid-area: 1 / 1 / 2 / 2;
}
#w-node-_84a6fdda-c953-d36c-9a09-2af5031a7a4c-2b4a0719{
  grid-area: 1 / 5 / 2 / 9;
}
#w-node-_84a6fdda-c953-d36c-9a09-2af5031a7a55-2b4a0719{
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}
#w-node-_84a6fdda-c953-d36c-9a09-2af5031a7a58-2b4a0719{
  grid-area: 1 / 11 / 2 / 13;
}
#w-node-cdc8cdfb-9081-4e48-8dfc-8ae1e48c6dd3-2b4a0719{
  grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_012c09a6-a0c5-b100-0623-9e496b77063a-2b4a0719{
  grid-area: 2 / 1 / 3 / 13;
}
#w-node-a1dc18dd-c97e-89bd-310b-5b31d2c60262-2b4a0719{
  grid-area: 1 / 1 / 2 / 13;
}
#w-node-_054d8484-6da9-f331-0d61-343890c32bf8-2b4a0719{
  grid-area: 2 / 1 / 3 / 13;
}
#w-node-_11481832-bf03-82de-ce08-5bcd874fb99a-2b4a0719{
  grid-area: 3 / 1 / 4 / 5;
}
#w-node-_11481832-bf03-82de-ce08-5bcd874fb99f-2b4a0719{
  grid-area: 3 / 6 / 4 / 13;
}
#w-node-_11481832-bf03-82de-ce08-5bcd874fb9a4-2b4a0719{
  grid-area: 4 / 1 / 5 / 8;
}
#w-node-_14f108d0-63e1-1d2f-880f-460c1054a2a8-2b4a0719{
  grid-area: 5 / 5 / 6 / 13;
}
#w-node-_11481832-bf03-82de-ce08-5bcd874fb9a9-2b4a0719{
  grid-area: 6 / 1 / 7 / 8;
}
#w-node-_3d8e6f4f-6088-f040-b3c2-90f29abc26ef-2b4a0719{
  grid-area: 6 / 9 / 7 / 13;
}
#w-node-ade83226-89b5-b03d-4814-7fcc2774807c-2b4a0719, #w-node-ade83226-89b5-b03d-4814-7fcc2774807f-2b4a0719, #w-node-ade83226-89b5-b03d-4814-7fcc27748082-2b4a0719, #w-node-ade83226-89b5-b03d-4814-7fcc27748084-2b4a0719, #w-node-ade83226-89b5-b03d-4814-7fcc27748087-2b4a0719, #w-node-ade83226-89b5-b03d-4814-7fcc2774808a-2b4a0719{
  grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ade83226-89b5-b03d-4814-7fcc2774808d-2b4a0719{
  grid-area: 3 / 3 / 4 / 4;
}
#w-node-_448e8832-1131-2da2-22c6-26c06f3436bf-2b4a0719{
  grid-area: 1 / 1 / 2 / 2;
}
#w-node-_448e8832-1131-2da2-22c6-26c06f3436c1-2b4a0719{
  grid-area: 1 / 4 / 2 / 10;
}
#w-node-_448e8832-1131-2da2-22c6-26c06f3436c7-2b4a0719{
  grid-area: 1 / 5 / 2 / 9;
}
#w-node-_448e8832-1131-2da2-22c6-26c06f3436cc-2b4a0719{
  grid-area: 2 / 3 / 3 / 11;
}
#w-node-_448e8832-1131-2da2-22c6-26c06f3436cd-2b4a0719{
  grid-area: 3 / 3 / 5 / 7;
}
#w-node-_448e8832-1131-2da2-22c6-26c06f3436d8-2b4a0719{
  grid-area: 3 / 7 / 5 / 11;
}
#w-node-_448e8832-1131-2da2-22c6-26c06f3436e3-2b4a0719{
  grid-area: 5 / 5 / 6 / 9;
}
#w-node-_448e8832-1131-2da2-22c6-26c06f3436e8-2b4a0719{
  grid-area: 6 / 1 / 7 / 13;
}
#w-node-_448e8832-1131-2da2-22c6-26c06f3436e9-2b4a0719{
  grid-area: 7 / 1 / 9 / 5;
}
#w-node-_448e8832-1131-2da2-22c6-26c06f3436ef-2b4a0719{
  grid-area: 7 / 5 / 9 / 9;
}
#w-node-_448e8832-1131-2da2-22c6-26c06f3436f7-2b4a0719{
  grid-area: 7 / 9 / 9 / 13;
}
#w-node-_448e8832-1131-2da2-22c6-26c06f3436fd-2b4a0719{
  grid-area: 9 / 5 / 10 / 9;
}
#w-node-_448e8832-1131-2da2-22c6-26c06f343702-2b4a0719{
  grid-area: 10 / 5 / 11 / 9;
}
#w-node-_448e8832-1131-2da2-22c6-26c06f343703-2b4a0719{
  grid-area: 11 / 5 / 13 / 9;
}
#w-node-_448e8832-1131-2da2-22c6-26c06f343716-2b4a0719{
  grid-area: 13 / 5 / 14 / 9;
}
#w-node-_448e8832-1131-2da2-22c6-26c06f34371b-2b4a0719{
  grid-area: 14 / 3 / 15 / 11;
}
#w-node-_448e8832-1131-2da2-22c6-26c06f34371c-2b4a0719{
  grid-area: 15 / 3 / 17 / 7;
}
#w-node-_448e8832-1131-2da2-22c6-26c06f343725-2b4a0719{
  grid-area: 15 / 7 / 17 / 11;
}
#w-node-_448e8832-1131-2da2-22c6-26c06f343736-2b4a0719{
  grid-area: 17 / 5 / 18 / 9;
}
#w-node-_448e8832-1131-2da2-22c6-26c06f343739-2b4a0719{
  grid-area: 18 / 5 / 19 / 9;
}
#w-node-_448e8832-1131-2da2-22c6-26c06f34373a-2b4a0719{
  grid-area: 19 / 5 / 21 / 9;
}
#w-node-_1dd7e5d4-44af-1ab2-85a5-14a9c807b41d-2b4a0719{
  grid-area: 1 / 1 / 2 / 2;
}
#w-node-_11481832-bf03-82de-ce08-5bcd874fba51-2b4a0719{
  grid-area: 1 / 3 / 2 / 11;
}
#w-node-_35a027bb-081d-63a9-1a02-9235c1ffbf18-2b4a0719{
  grid-area: 1 / 2 / 2 / 8;
}
#w-node-ac9a84d3-ad1f-57d1-8b03-153276621bcc-2b4a0719{
  grid-area: 1 / 1 / 2 / 2;
}
#w-node-_85012c27-a124-50f8-f122-86821c329bce-2b4a0719, #w-node-_0b1a0e47-9254-4b8c-de21-01200139fbcc-2b4a0719{
  grid-area: 2 / 1 / 3 / 13;
}

@media screen and (max-width: 991px){

  #w-node-_84a6fdda-c953-d36c-9a09-2af5031a7a46-2b4a0719, #w-node-_84a6fdda-c953-d36c-9a09-2af5031a7a4c-2b4a0719 {
    grid-area: 1 / 1 / 2 / 9;
  }

  #w-node-cdc8cdfb-9081-4e48-8dfc-8ae1e48c6dd3-2b4a0719 {
    grid-area: span 1 / span 11 / span 1 / span 11;
  }

  #w-node-a1dc18dd-c97e-89bd-310b-5b31d2c60262-2b4a0719 {
    grid-area: 1 / 2 / 2 / 12;
  }

  #w-node-_054d8484-6da9-f331-0d61-343890c32bf8-2b4a0719 {
    grid-area: 1 / 1 / 2 / 11;
  }

  #w-node-_11481832-bf03-82de-ce08-5bcd874fb99a-2b4a0719 {
    grid-area: 2 / 2 / 3 / 8;
  }

  #w-node-_11481832-bf03-82de-ce08-5bcd874fb99f-2b4a0719 {
    grid-area: 3 / 6 / 4 / 12;
  }

  #w-node-_11481832-bf03-82de-ce08-5bcd874fb9a4-2b4a0719 {
    grid-area: 4 / 2 / 5 / 8;
  }

  #w-node-_14f108d0-63e1-1d2f-880f-460c1054a2a8-2b4a0719 {
    grid-area: 5 / 2 / 6 / 12;
  }

  #w-node-_11481832-bf03-82de-ce08-5bcd874fb9a9-2b4a0719 {
    grid-area: 6 / 2 / 7 / 8;
  }

  #w-node-_3d8e6f4f-6088-f040-b3c2-90f29abc26ef-2b4a0719 {
    grid-area: 7 / 6 / 8 / 12;
  }

  #w-node-_448e8832-1131-2da2-22c6-26c06f3436c1-2b4a0719 {
    grid-area: 1 / 2 / 2 / 12;
  }

  #w-node-_448e8832-1131-2da2-22c6-26c06f3436c7-2b4a0719 {
    grid-area: 1 / 4 / 2 / 10;
  }

  #w-node-_448e8832-1131-2da2-22c6-26c06f3436cc-2b4a0719 {
    grid-area: 2 / 1 / 3 / 13;
  }

  #w-node-_448e8832-1131-2da2-22c6-26c06f3436cd-2b4a0719 {
    grid-area: 3 / 1 / 5 / 7;
  }

  #w-node-_448e8832-1131-2da2-22c6-26c06f3436d8-2b4a0719 {
    grid-area: 3 / 7 / 5 / 13;
  }

  #w-node-_448e8832-1131-2da2-22c6-26c06f3436fd-2b4a0719 {
    grid-area: 9 / 4 / 10 / 10;
  }

  #w-node-_448e8832-1131-2da2-22c6-26c06f343702-2b4a0719 {
    grid-area: 10 / 4 / 11 / 10;
  }

  #w-node-_448e8832-1131-2da2-22c6-26c06f343703-2b4a0719 {
    grid-area: 11 / 4 / 13 / 10;
  }

  #w-node-_448e8832-1131-2da2-22c6-26c06f343716-2b4a0719 {
    grid-area: 13 / 4 / 14 / 10;
  }

  #w-node-_448e8832-1131-2da2-22c6-26c06f34371b-2b4a0719 {
    grid-area: 14 / 1 / 15 / 13;
  }

  #w-node-_448e8832-1131-2da2-22c6-26c06f34371c-2b4a0719 {
    grid-area: 15 / 1 / 17 / 7;
  }

  #w-node-_448e8832-1131-2da2-22c6-26c06f343725-2b4a0719 {
    grid-area: 15 / 7 / 17 / 13;
  }

  #w-node-_448e8832-1131-2da2-22c6-26c06f343736-2b4a0719 {
    grid-area: 17 / 4 / 18 / 10;
  }

  #w-node-_448e8832-1131-2da2-22c6-26c06f343739-2b4a0719 {
    grid-area: 18 / 4 / 19 / 10;
  }

  #w-node-_448e8832-1131-2da2-22c6-26c06f34373a-2b4a0719 {
    grid-area: 19 / 4 / 21 / 10;
  }

  #w-node-_11481832-bf03-82de-ce08-5bcd874fba51-2b4a0719 {
    grid-area: 1 / 2 / 2 / 12;
  }

  #w-node-_35a027bb-081d-63a9-1a02-9235c1ffbf18-2b4a0719 {
    grid-area: 1 / 2 / 2 / 13;
  }}
@media screen and (max-width: 767px){

  #w-node-_84a6fdda-c953-d36c-9a09-2af5031a7a46-2b4a0719 {
    grid-area: 1 / 1 / 2 / 9;
  }

  #w-node-_84a6fdda-c953-d36c-9a09-2af5031a7a4c-2b4a0719 {
    grid-area: 1 / 1 / 2 / 7;
  }

  #w-node-_84a6fdda-c953-d36c-9a09-2af5031a7a58-2b4a0719 {
    grid-area: 1 / 9 / 2 / 13;
  }

  #w-node-ade83226-89b5-b03d-4814-7fcc2774808d-2b4a0719, #w-node-_448e8832-1131-2da2-22c6-26c06f3436bf-2b4a0719 {
    grid-column: 1 / 2;
  }

  #w-node-_448e8832-1131-2da2-22c6-26c06f343702-2b4a0719 {
    grid-area: 10 / 3 / 11 / 11;
  }

  #w-node-_448e8832-1131-2da2-22c6-26c06f343703-2b4a0719 {
    grid-area: 11 / 3 / 13 / 11;
  }

  #w-node-_448e8832-1131-2da2-22c6-26c06f343739-2b4a0719 {
    grid-area: 18 / 3 / 19 / 11;
  }

  #w-node-_448e8832-1131-2da2-22c6-26c06f34373a-2b4a0719 {
    grid-area: 19 / 3 / 21 / 11;
  }

  #w-node-_11481832-bf03-82de-ce08-5bcd874fba51-2b4a0719 {
    grid-area: 1 / 2 / 2 / 13;
  }}
@media screen and (max-width: 479px){

  #w-node-a1dc18dd-c97e-89bd-310b-5b31d2c60262-2b4a0719, #w-node-_054d8484-6da9-f331-0d61-343890c32bf8-2b4a0719, #w-node-_11481832-bf03-82de-ce08-5bcd874fb99a-2b4a0719, #w-node-_11481832-bf03-82de-ce08-5bcd874fb99f-2b4a0719, #w-node-_11481832-bf03-82de-ce08-5bcd874fb9a4-2b4a0719, #w-node-_14f108d0-63e1-1d2f-880f-460c1054a2a8-2b4a0719, #w-node-_11481832-bf03-82de-ce08-5bcd874fb9a9-2b4a0719, #w-node-_3d8e6f4f-6088-f040-b3c2-90f29abc26ef-2b4a0719 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-ade83226-89b5-b03d-4814-7fcc2774808d-2b4a0719 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_448e8832-1131-2da2-22c6-26c06f3436bf-2b4a0719 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_448e8832-1131-2da2-22c6-26c06f3436c7-2b4a0719, #w-node-_448e8832-1131-2da2-22c6-26c06f3436cc-2b4a0719 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_448e8832-1131-2da2-22c6-26c06f3436cd-2b4a0719, #w-node-_448e8832-1131-2da2-22c6-26c06f3436d8-2b4a0719 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_448e8832-1131-2da2-22c6-26c06f3436e3-2b4a0719, #w-node-_448e8832-1131-2da2-22c6-26c06f3436e8-2b4a0719 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_448e8832-1131-2da2-22c6-26c06f3436e9-2b4a0719, #w-node-_448e8832-1131-2da2-22c6-26c06f3436ef-2b4a0719, #w-node-_448e8832-1131-2da2-22c6-26c06f3436f7-2b4a0719 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_448e8832-1131-2da2-22c6-26c06f3436fd-2b4a0719, #w-node-_448e8832-1131-2da2-22c6-26c06f343702-2b4a0719 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_448e8832-1131-2da2-22c6-26c06f343703-2b4a0719 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_448e8832-1131-2da2-22c6-26c06f343716-2b4a0719, #w-node-_448e8832-1131-2da2-22c6-26c06f34371b-2b4a0719 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_448e8832-1131-2da2-22c6-26c06f34371c-2b4a0719, #w-node-_448e8832-1131-2da2-22c6-26c06f343725-2b4a0719 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_448e8832-1131-2da2-22c6-26c06f343736-2b4a0719, #w-node-_448e8832-1131-2da2-22c6-26c06f343739-2b4a0719 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_448e8832-1131-2da2-22c6-26c06f34373a-2b4a0719 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }}