/** Shopify CDN: Minification failed

Line 216:0 Unexpected "{"
Line 216:1 Expected identifier but found "%"
Line 218:14 Expected identifier but found whitespace
Line 218:16 Unexpected "{"
Line 218:25 Expected ":"
Line 218:53 Expected ":"
Line 222:0 Unexpected "{"
Line 222:1 Expected identifier but found "%"

**/


/* CSS from section stylesheet tags */
.creators-den{max-width:var(--max-width);margin:0 auto;padding:0 var(--padding)}
.creators-den.is-full{max-width:none;width:100%}
.creators-den__header{margin-bottom:40px}
.creators-den__title{margin:0;line-height:1.2}
.creators-den__subtitle{margin:0;opacity:.8}

/* Bento grid */
.creators-den__container.bento{
  display:grid;gap:var(--gap);
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-areas:
    "top top"
    "left right"
    "left smcol";
}
.card{
  position:relative;border-radius:var(--card-radius);overflow:hidden;background:#fff;
  border:1px solid rgba(17,24,39,.08);box-shadow:0 6px 24px rgba(0,0,0,.06);
  transition:transform .2s ease, box-shadow .2s ease
}
.card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.08)}
.card-link{display:block;height:100%;color:inherit;text-decoration:none}
.card-media{position:relative;width:100%;height:100%;min-height:var(--min-h)}
.card-image{width:100%;height:100%;object-fit:cover;display:block}
.card-video{width:100%;height:100%;object-fit:cover}
.card-content{position:absolute;inset:auto 0 0 0;padding:20px;background:linear-gradient(transparent,rgba(0,0,0,.65));color:#fff}
.card-title{margin:0 0 10px;line-height:1.2}
.card-button{display:inline-block;transition:transform .2s ease, box-shadow .2s ease}
.card-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.25)}

.card--top{grid-area:top}
.card--left{grid-area:left}
.card--right{grid-area:right}
.card--small-cards{grid-area:smcol}

.small-cards{display:flex;flex-direction:column;gap:calc(var(--gap)/2);height:100%}
.small-card{flex:1;border-radius:var(--card-radius);overflow:hidden;background:#fff;border:1px solid rgba(17,24,39,.08)}

/* Mobile */
@media(max-width:768px){
  .creators-den__container.bento{
    grid-template-columns:1fr;
    grid-template-areas:"top" "left" "right" "smcol";
  }
  .card-media{min-height:var(--top-h-m)}
  .card--left .card-media,.card--right .card-media,.card--small-cards .card-media{min-height:var(--bot-h-m)}
}

/* Respect adapt-to-image toggle */
.creators-den.adapt-to-image .card-media{min-height:0;height:auto}
.creators-den.adapt-to-image .card-image,.creators-den.adapt-to-image .card-video{height:auto;max-height:none}
.review-marquee {
  padding: 40px 0;
  background-color: #f5f5f5;
  overflow: hidden;
}

.review-marquee__header {
  max-width: 1200px;
  margin: 0 auto 40px;
  padding: 0 20px;
}

.review-marquee__title {
  margin: 0;
  line-height: 1.2;
}

.review-marquee__subtitle {
  margin: 0;
  opacity: 0.8;
}

.review-marquee__container {
  position: relative;
  overflow: hidden;
  padding: 10px 0;
}

.review-marquee__row {
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
}

.review-marquee__row:last-child {
  margin-bottom: 0;
}

.review-marquee__track {
  display: flex;
  width: max-content;
}

.review-marquee__track--right {
  animation: marquee-right var(--marquee-speed) linear infinite;
}

.review-marquee__track--left {
  animation: marquee-left var(--marquee-speed) linear infinite;
}

.review-marquee__track:hover {
  animation-play-state: paused;
}

.review-card {
  flex-shrink: 0;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.review-card--compact {
  height: auto;
  min-height: 120px;
}

.review-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(0,0,0,0.15) !important;
}

.review-stars {
  display: flex;
  align-items: center;
}

.star {
  transition: color 0.3s ease;
}

.star--filled {
  color: var(--star-color);
}

.review-title {
  margin: 0;
  line-height: 1.2;
}

.review-text {
  margin: 0;
  word-wrap: break-word;
}

.reviewer-info {
  margin-top: auto;
}

.reviewer-avatar {
  flex-shrink: 0;
}

.reviewer-name {
  font-weight: 500;
}

@keyframes marquee-right {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes marquee-left {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}

/* Mobile Responsive */
@media screen and (max-width: 768px) {
  .review-marquee {
    padding: 15px 0;
  }
  
  .review-marquee__header {
    margin-bottom: 20px;
    padding: 0 15px;
  }
  
  .review-marquee__container {
    padding: 5px 0;
  }
  
  .review-marquee__row {
    margin-bottom: 10px;
  }
  
  .review-card--compact {
    min-width: 200px !important;
    min-height: 100px;
  }
}

/* Section Width Customization */
{% if section.settings.section_width != 'full' %}
  .review-marquee {
    max-width: {{ section.settings.section_width }}px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
{% endif %}

/* CSS from block stylesheet tags */
.button.button--style {
        color: var(--color-button-style);
        background: var(--bg-button-style);
        border: 1px solid var(--border-button-style);
        max-width: var(--width-button-style);

        @media (min-width: 1025px) {
            &:hover {
                color: var(--color-button-hover-style);
                background: var(--bg-button-hover-style);
                border-color: var(--border-button-hover-style);
            }
        }
    }
@media screen and (width >= 1025px) {
        .media-block.container-full {
            padding-left: var(--padding-left-full-width);
            padding-right: var(--padding-right-full-width);
        }
    }

    .media-block {
        min-height: var(--section-min-height, 'auto');
    }

    .media-block.container {
        margin: 0;
    }
:root {
        --text-align-default: left;
    }

    [style*='--horizontal-alignment: center'] .special-heading-block {
        --text-align-default: center;
    }

    [style*='--horizontal-alignment: flex-end'] .special-heading-block {
        --text-align-default: right;
    }

    [style*='--horizontal-alignment: flex-start'] > .special-heading-block {
        --text-align-default: left;
    }

    [style*='--horizontal-alignment: center'] > .special-heading-block {
        --text-align-default: center;
    }

    [style*='--horizontal-alignment: flex-end'] > .special-heading-block {
        --text-align-default: right;
    }

    .special-heading-block {
        background-color: var(--background-color, transparent);
        border-radius: var(--corner-radius, 0rem);
    }

    .special-heading-block.h2 > * {
        font-size: var(--heading-size);
        color: var(--color-heading);
        line-height: var(--heading-line-height);
        text-align: var(--text-align, var(--text-align-default));
        overflow-wrap: anywhere;

        @media (max-width: 767px) {
            font-size: var(--heading-size-mb);
        }
    }

    .special-heading-block.h2 p {
        margin: unset;
    }

    .special-heading-block.h2 .special_text--color {
        color: var(--special_heading_color);
    }

    .special-heading-block.h2 .special_text--background {
        color: transparent;
        background-image: var(--special_heading_image);
        background-clip: text;
        -webkit-background-clip: text;
        background-position: center;
        background-size: cover;
    }

/* CSS from snippet stylesheet tags */
.background-image-container img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .background-image-fit img {
    object-fit: contain;
  }
.video-background,
  .video-background * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .video-background--cover * {
    object-fit: cover;
  }

  .video-background--contain * {
    object-fit: contain;
  }

  @media (prefers-reduced-motion: reduce) {
    video-background-component video {
      display: none;
    }
  }
.overlay {
    position: absolute;
    inset: 0;
    z-index: var(--overlay-layer);
    pointer-events: none;
    border-radius: var(--overlay-border-radius, 0px);
  }

  .overlay--solid {
    background: var(--overlay-color);
  }

  .overlay--gradient {
    background: linear-gradient(var(--overlay-direction), var(--overlay-color), var(--overlay-color--end));
  }
.section-content-wrapper.section-content-wrapper {
        min-height: calc(var(--section-min-height, 'auto') - var(--section-height-offset, 0px));
        position: relative;
        width: 100%;
        height: 100%;
    }

    .section-wrapper .section {
        min-height: var(--section-min-height, 'auto');
    }

    .section[data-shopify-visual-preview] {
        min-height: var(--section-preview-height);
        padding-top: 0;
    }

    .section[data-shopify-visual-preview] .custom-section-background {
        display: none;
    }

    body:has(> #header-group > .header-section > #header-component[transparent]):not(
        :has(> #header-group > .header-section + .shopify-section)
        )
        > main
        > .section-wrapper:first-child {
        --section-height-offset: var(--header-group-height, 0);
    }

    .section-wrapper .custom-section-background {
        grid-column: 1 / -1;
    }

    .custom-section-content {
        z-index: var(--layer-flat);
    }

    @media screen and (width >= 1025px) {
        .custom-section .container-full {
            padding-left: var(--padding-left-full-width);
            padding-right: var(--padding-right-full-width);
        }
    }

    .layout-panel-flex {
        display: flex !important;
        gap: var(--gap);
        height: 100%;
    }

    .layout-panel-flex--row {
        flex-flow: row var(--flex-wrap);
        justify-content: var(--horizontal-alignment);
        align-items: var(--vertical-alignment);
    }

    .layout-panel-flex--column {
        flex-flow: column var(--flex-wrap);
        align-items: var(--horizontal-alignment);
        justify-content: var(--vertical-alignment);
    }

    @media screen and (width < 750px) {
        .mobile-column {
            flex-flow: column nowrap;
            align-items: var(--horizontal-alignment);
            justify-content: var(--vertical-alignment-mobile);
        }

        .layout-panel-flex--row:not(.mobile-column) {
            .text-block {
                flex: 1 1 var(--max-width--display-tight);
            }

            .image-block {
                flex: 1 1 var(--size-style-width-mobile-min);
            }

            .button {
                flex: 0 0 fit-content;
            }
        }
    }

    @media (width >= 750px) {
        .layout-panel-flex {
            flex-direction: var(--flex-direction);
        }
    }
:root {
    --text-align-default: left;
  }

  [style*='--horizontal-alignment: center'] .text-block {
    --text-align-default: center;
  }

  [style*='--horizontal-alignment: flex-end'] .text-block {
    --text-align-default: right;
  }

  [style*='--horizontal-alignment: flex-start'] > .text-block {
    --text-align-default: left;
  }

  [style*='--horizontal-alignment: center'] > .text-block {
    --text-align-default: center;
  }

  [style*='--horizontal-alignment: flex-end'] > .text-block {
    --text-align-default: right;
  }

  .text-block {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: var(--horizontal-alignment);
  }

  .text-block,
  .text-block > * {
    width: var(--width);
    text-align: var(--text-align, var(--text-align-default));
    text-wrap: var(--text-wrap);
  }

  .text-block:not(.text-block--full-width).rte,
  .text-block:not(.text-block--full-width).paragraph {
    /* Safari doesn't support pretty, so fallback to balance */
    text-wrap: balance;
    text-wrap: pretty;
  }

  .text-block:not(.text-block--full-width):is(.h1, .h2, .h3, .h4, .h5, .h6) {
    text-wrap: balance;
  }

  /* Hide underline unless text is using paragraph styles. */
  .text-block:is(.h1, .h2, .h3, .h4, .h5, .h6) a {
    text-decoration-color: transparent;
  }

  .text-block,
  .text-block > :is(h1, h2, h3, h4, h5, h6, p, *) {
    color: var(--color-text);
    font-size: var(--font-size-text);
    line-height: var(--text-line-height);
    font-weight: var(--font-weight-text);
    max-width: var(--cus-width-text);
    overflow-wrap: break-word;
    margin-top: 0;
    margin-bottom: 0;

    @media (max-width: 1024px) {
      font-size: var(--font-size-text-mb);
    }
  }

  .text-block > *:first-child {
    margin-block-start: 0;
  }

  .text-block > *:last-child {
    margin-block-end: 0;
  }

  .text-block > * + * {
    margin-top: 2rem;
  }

  .text-block--align-center,
  .text-block--align-center > * {
    margin-inline: auto;
  }

  .text-block--align-right,
  .text-block--align-right > * {
    margin-inline-start: auto;
  }

  .text-block--background {
    background-color: var(--text-background-color);
    border-radius: var(--text-corner-radius);
  }