    html.lenis,
    html.lenis body {
      height: auto;
    }
    
    .lenis.lenis-smooth {
      scroll-behavior: auto !important;
    }
    
    .lenis.lenis-smooth [data-lenis-prevent] {
      overscroll-behavior: contain;
    }
    
    .lenis.lenis-stopped {
      overflow: hidden;
    }
    
    .lenis.lenis-smooth iframe {
      pointer-events: none;
    }
    
        html:not(.w-editor) [data-text-split] {
      visibility: hidden;
    }
    
    .line {
      display: block;
    }
    
    .line-mask {
      overflow: hidden;
      display: block;
      width: 100%;
      position: relative;
      padding-bottom: 0.1em;
      margin-bottom: -0.1em;
    }
    
        .transition_wrap {
      display: block;
    }
    
    .hero_home_wrap,
    .nav_wrap {
      opacity: 0;
    }
    
    .placeholder {
      background-color: transparent;
    }
    
    .series_visual,
    .series_sticker {
      visibility: hidden;
    }
    
    
    
              /* variables */
          
          :root {
            /* grid */
            --column-count: 12;
            --grid-main: repeat(var(--column-count), minmax(0, 1fr));
            --grid-1: repeat(1, minmax(0, 1fr));
            --grid-2: repeat(2, minmax(0, 1fr));
            --grid-3: repeat(3, minmax(0, 1fr));
            --grid-4: repeat(4, minmax(0, 1fr));
            --grid-5: repeat(5, minmax(0, 1fr));
            --grid-6: repeat(6, minmax(0, 1fr));
            --grid-7: repeat(7, minmax(0, 1fr));
            --grid-8: repeat(8, minmax(0, 1fr));
            --grid-9: repeat(9, minmax(0, 1fr));
            --grid-10: repeat(10, minmax(0, 1fr));
            --grid-11: repeat(11, minmax(0, 1fr));
            --grid-12: repeat(12, minmax(0, 1fr));
            --grid-gap-total: calc(var(--grid-gap--main) * (var(--column-count) - 1));
            --grid-width: calc(min(var(--max-width--main), 100vw) - (var(--padding-horizontal--main) * 2));
            --column-width: calc((var(--grid-width) - var(--grid-gap-total)) / var(--column-count) + var(--grid-gap--main));
            --breakout-gutter: minmax(calc(var(--padding-horizontal--main) - var(--grid-gap--main)), 1fr);
            --breakout-remaining: calc(var(--max-width--main) - (var(--padding-horizontal--main) * 2));
            --breakout-start: [full-start] var(--breakout-gutter) [content-start];
            --breakout-end: [content-end] var(--breakout-gutter) [full-end];
            --grid-breakout-single: var(--breakout-start) minmax(0, var(--breakout-remaining)) var(--breakout-end);
            --grid-breakout: var(--breakout-start) repeat(var(--column-count), minmax(0, calc((var(--breakout-remaining) - var(--grid-gap-total)) / var(--column-count)))) var(--breakout-end);
            /* others */
            --font-weight--inherit: inherit;
            --font-weight--100: 100;
            --font-weight--200: 200;
            --font-weight--300: 300;
            --font-weight--400: 400;
            --font-weight--500: 500;
            --font-weight--600: 600;
            --font-weight--700: 700;
            --font-weight--800: 800;
            --font-weight--900: 900;
            --text-transform--none: none;
            --text-transform--uppercase: uppercase;
            --text-transform--capitalize: capitalize;
            --text-transform--lowercase: lowercase;
            --text-transform--inherit: inherit;
            --max-width--none: none;
          }
          /* default styles */
          
          body {
            font-weight: var(--text-main--font-weight);
            text-transform: var(--text-main--text-transform);
            font-smoothing: antialiased;
            -webkit-font-smoothing: antialiased;
          }
          
          h1,
          h2,
          h3,
          h4,
          h5,
          h6,
          label,
          blockquote {
            font-size: inherit;
            line-height: inherit;
            font-weight: inherit;
          }
          
          h1,
          h2,
          h3,
          h4,
          h5,
          h6,
          p,
          label,
          blockquote {
            margin-top: 0;
            margin-bottom: 0;
          }
          
          button {
            background-color: unset;
            padding: unset;
            text-align: inherit;
            cursor: pointer;
          }
          
          img::selection {
            background: transparent;
          }
          
          :is(h1, h2, h3, h4, h5, h6, p) a {
            text-decoration: underline;
          }
          
          .u-rich-text > *:first-child,
          .u-rich-text .w-richtext > *:first-child {
            margin-top: 0;
          }
          
          .u-rich-text > *:last-child,
          .u-rich-text .w-richtext > *:last-child {
            margin-bottom: 0;
          }
          
          video {
            width: 100%;
            object-fit: cover;
          }
          
          video.wf-empty {
            padding: 0;
          }
          
          svg {
            display: block;
          }
          
          section,
          header,
          footer {
            position: relative;
          }
          
          @media (prefers-color-scheme: light) {
            option {
              color: black;
            }
          }
          
          .wf-design-mode .g_clickable_wrap {
            z-index: unset;
          }
          
          select {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            position: relative;
            padding-right: 2rem;
            /* Extra padding for arrow */
            background: url('/@/img/Vector%2045.svg') no-repeat right center;
            background-size: 0.5rem;
            /* Adjust size as needed */
          }
          /* line clamp */
          
          .u-line-clamp-1,
          .u-line-clamp-2,
          .u-line-clamp-3,
          .u-line-clamp-4 {
            display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
          }
          
          .u-line-clamp-2 {
            -webkit-line-clamp: 2;
          }
          
          .u-line-clamp-3 {
            -webkit-line-clamp: 3;
          }
          
          .u-line-clamp-4 {
            -webkit-line-clamp: 4;
          }
          /* focus states */
          
          .w-checkbox-input--inputType-custom.w--redirected-focus,
          .w-form-formradioinput--inputType-custom.w--redirected-focus {
            box-shadow: none;
          }
          /* component attributes */
          /* section padding */
          
          [data-padding-top="none"] {
            padding-top: var(--padding-vertical--none);
          }
          
          [data-padding-bottom="none"] {
            padding-bottom: var(--padding-vertical--none);
          }
          
          [data-padding-top="small"] {
            padding-top: var(--padding-vertical--small);
          }
          
          [data-padding-bottom="small"] {
            padding-bottom: var(--padding-vertical--small);
          }
          
          [data-padding-top="main"] {
            padding-top: var(--padding-vertical--main);
          }
          
          [data-padding-bottom="main"] {
            padding-bottom: var(--padding-vertical--main);
          }
          
          [data-padding-top="large"] {
            padding-top: var(--padding-vertical--large);
          }
          
          [data-padding-bottom="large"] {
            padding-bottom: var(--padding-vertical--large);
          }
          /* hide section if it has no cms items */
          
          [data-cms-check="true"]:not(:has(.w-dyn-item)),
          .u-embed-js,
          .u-embed-css {
            display: none;
          }
        </style>
      </div>
      <div class="page_code_color w-embed">
        <style>
          /* theme light */
          
          [data-theme="light"],
          [data-theme="dark"] [data-theme="invert"] {
            --theme--background: var(--swatch--light);
            --theme--text: var(--swatch--dark);
            --theme--border: color-mix(in srgb, var(--swatch--dark) 20%, transparent);
            --theme--form: color-mix(in srgb, var(--swatch--dark) 7%, transparent);
            /* button primary */
            --button--background: var(--swatch--dark);
            --button--text: var(--swatch--light);
            --button--border: var(--swatch--dark);
            --button--background-hover: var(--swatch--light);
            --button--text-hover: var(--swatch--dark);
            --button--border-hover: var(--swatch--dark);
            /* button secondary */
            --button-secondary--background: var(--swatch--transparent);
            --button-secondary--text: var(--swatch--dark);
            --button-secondary--border: color-mix(in srgb, var(--swatch--dark) 20%, transparent);
            --button-secondary--background-hover: var(--swatch--dark);
            --button-secondary--text-hover: var(--swatch--light);
            --button-secondary--border-hover: var(--swatch--dark);
          }
          /* theme dark */
          
          :root,
          [data-theme="dark"],
          [data-theme="invert"],
          [data-theme="light"] [data-theme="invert"] {
            --theme--background: var(--swatch--dark);
            --theme--text: var(--swatch--light);
            --theme--border: color-mix(in srgb, var(--swatch--light) 20%, transparent);
            --theme--form: color-mix(in srgb, var(--swatch--light) 7%, transparent);
            /* button primary */
            --button--background: var(--swatch--light);
            --button--text: var(--swatch--dark);
            --button--border: var(--swatch--light);
            --button--background-hover: var(--swatch--dark);
            --button--text-hover: var(--swatch--light);
            --button--border-hover: var(--swatch--light);
            /* button secondary */
            --button-secondary--background: var(--swatch--transparent);
            --button-secondary--text: var(--swatch--light);
            --button-secondary--border: color-mix(in srgb, var(--swatch--light) 20%, transparent);
            --button-secondary--background-hover: var(--swatch--light);
            --button-secondary--text-hover: var(--swatch--dark);
            --button-secondary--border-hover: var(--swatch--light);
          }
          /* button secondary */
          
          [data-button-style="secondary"] {
            --button--background: var(--button-secondary--background);
            --button--text: var(--button-secondary--text);
            --button--border: var(--button-secondary--border);
            --button--background-hover: var(--button-secondary--background-hover);
            --button--text-hover: var(--button-secondary--text-hover);
            --button--border-hover: var(--button-secondary--border-hover);
          }
          /* apply colors */
          
          :is(c, :where([data-theme]:not([data-theme="inherit"]))) {
            background-color: var(--theme--background);
            color: var(--theme--text);
          }
          
          
          
          
                    /* desktop */
          
          :root {
            /* custom */
          }
          /* tablet */
          
          @media screen and (max-width: 991px) {
            :root {
              /* custom */
              --padding-horizontal--main: 2rem;
              /* adaptive sizes */
              --size--2rem: 1.75rem;
              --size--2-5rem: 2.18rem;
              --size--3rem: 2.52rem;
              --size--3-5rem: 2.73rem;
              --size--4rem: 3rem;
              --size--4-5rem: 3.375rem;
              --size--5rem: 3.75rem;
              --size--5-5rem: 4.125rem;
              --size--6rem: 4.5rem;
              --size--6-5rem: 4.875rem;
              --size--7rem: 5.25rem;
              --size--7-5rem: 5.625rem;
              --size--8rem: 6rem;
              --size--8-5rem: 6.375rem;
              --size--9rem: 6.75rem;
              --size--9-5rem: 7.125rem;
              --size--10rem: 7.5rem;
              --size--11rem: 8.25rem;
              --size--12rem: 9rem;
              --size--13rem: 9.75rem;
              --size--14rem: 10.5rem;
              --size--15rem: 11.25rem;
              --size--16rem: 12rem;
            }
          }
          /* landscape */
          
          @media screen and (max-width: 767px) {
            :root {
              /* custom */
              --padding-horizontal--main: 1rem;
              /* adaptive sizes */
              --size--2-5rem: 2rem;
              --size--3rem: 2.25rem;
              --size--3-5rem: 2.375rem;
              --size--4rem: 2.5rem;
              --size--4-5rem: 2.75rem;
              --size--5rem: 3rem;
              --size--5-5rem: 3.25rem;
              --size--6rem: 3.5rem;
              --size--6-5rem: 3.75rem;
              --size--7rem: 4rem;
              --size--7-5rem: 4.25rem;
              --size--8rem: 4.5rem;
              --size--8-5rem: 4.75rem;
              --size--9rem: 5rem;
              --size--9-5rem: 5.25rem;
              --size--10rem: 5.5rem;
              --size--11rem: 5.75rem;
              --size--12rem: 6rem;
              --size--13rem: 6.5rem;
              --size--14rem: 7rem;
              --size--15rem: 7.5rem;
              --size--16rem: 8rem;
            }
          }
          /* portrait */
          
          @media screen and (max-width: 479px) {
            :root {
              /* custom */
            }
          }
          
          html {
            font-size: calc(0.625rem + 0.41666666666666663vw);
          }
          
          @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);
            }
          }
          
          
                    .nav_menu_list:has(.nav_menu_list_item:hover) .nav_menu_list_item:not(:hover) {
            opacity: 0.2
          }
          
          @media (min-width: 992px) {
            .series_title_list:has(.series_title_link: hover) .series_title_link:not(: hover) {
              opacity: 0.2
            }
          }
          
          ::selection {
            background: var(--swatch--brand);
          }
          
          .series_title_item:nth-child(4n+1) .series_sticker {
            left: auto;
            top: 10%;
            right: 8%;
            bottom: auto;
            transform: rotate(8deg);
          }
          
          .series_title_item:nth-child(4n+2) .series_sticker {
            left: 12%;
            top: auto;
            right: auto;
            bottom: 10%;
            transform: rotate(-8deg);
          }
          
          .series_title_item:nth-child(4n+3) .series_sticker {
            left: auto;
            top: auto;
            right: 10%;
            bottom: 10%;
            transform: rotate(-8deg);
          }
          
          .series_title_item:nth-child(4n+4) .series_sticker {
            left: 25%;
            top: 10%;
            right: auto;
            bottom: auto;
            transform: rotate(8deg);
          }
          
          
                    html:not(.wf-design-mode) .styleguide_guide_wrap {
            display: none;
          }
          
          .styleguide_guide_layout {
            counter-reset: gridguides;
          }
          
          .styleguide_guide_layout > div::before {
            counter-increment: gridguides;
            content: counter(gridguides);
          }
          
          
          
