/** Shopify CDN: Minification failed

Line 48:2 Unexpected "@media"

**/
/* START_SECTION:media-with-content (INDEX:28) */
.About__tiyan__banner{
    width:100%;
    position:relative;
  }

  .About__Tiyan__banner__img{
    width:100%;
    height:610px;
  }

  .About__Tiyan__banner__img img{
    width:100%;
    height:100%;
    object-fit: cover;
    object-position:center;
    display:block;
  }

  .About__Tiyan__banner__text{
    position:absolute;
    top:45%;
    left:50%;
    transform:translate(-50%,-50%);

    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;

    color:white;
    text-align:center;
    flex-direction: column;
  }

  .About__Tiyan__banner__text h1{
    font-size:90px;
    text-transform:uppercase;
    /* line-height:1.1; */
  }

  .About
  @media (max-width: 1200px){

    .About__Tiyan__banner__img{
      height:520px;
    }

    .About__Tiyan__banner__text h1{
      font-size:60px;
    }

  }


  /* =========================
     TABLET
  ========================= */

  @media (max-width: 992px){

    .About__Tiyan__banner__img{
      height:450px;
    }

    .About__Tiyan__banner__text{
      top:50%;
      padding:0 30px;
    }

    .About__Tiyan__banner__text h1{
      font-size:48px;
      line-height:1.2;
    }

  }


  /* =========================
     MOBILE
  ========================= */

  @media (max-width: 768px){

    .About__Tiyan__banner__img{
      height:380px;
    }

    .About__Tiyan__banner__text{
      padding:0 20px;
    }

    .About__Tiyan__banner__text h1{
      font-size:36px;
      line-height:1.3;
      letter-spacing:1px;
    }

  }


  /* =========================
     SMALL MOBILE
  ========================= */

  @media (max-width: 480px){

    .About__Tiyan__banner__img{
      height:300px;
    }

    .About__Tiyan__banner__text h1{
      font-size:26px;
      line-height:1.35;
    }

  }


  /* =========================
     EXTRA SMALL MOBILE
  ========================= */

  @media (max-width: 360px){

    .About__Tiyan__banner__img{
      height:260px;
    }

    .About__Tiyan__banner__text{
      padding:0 12px;
    }

    .About__Tiyan__banner__text h1{
      font-size:20px;
      line-height:1.4;
      letter-spacing:0.5px;
    }

  }


  .About__tiyan__banner{
    width:100%;
    position:relative;
    overflow:hidden;
}

/* Dark Overlay */
.About__tiyan__banner::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.35);
    z-index:1;
}

.About__Tiyan__banner__img{
    width:100%;
    height:610px;
    overflow:hidden;
}

.About__Tiyan__banner__img img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;

    /* Animation */
    animation:bannerZoom 5s ease forwards;
}

.About__Tiyan__banner__text{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    color:#fff;
    z-index:2;
}

.About__Tiyan__banner__text h1{
    font-size:90px;
    text-transform:uppercase;
    line-height:1.1;
    letter-spacing:2px;

    opacity:0;
    animation:textReveal 1.5s ease forwards;
    animation-delay:0.5s;
}

/* Image Zoom */
@keyframes bannerZoom{
    from{
        transform:scale(1.15);
    }
    to{
        transform:scale(1);
    }
}

/* Text Fade Up */
@keyframes textReveal{
    from{
        opacity:0;
        transform:translateY(60px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}
    .section--page-width {
      &.media-with-content {
        grid-template-areas: 'margin-left media margin-right' 'margin-left content margin-right';

        @media screen and (min-width: 750px) {
          /* Wide proportion is media 3.5 parts, content 2.5 parts. Which equals 7|5. So divide the central column by 7+5 and multiply accordingly */
          --media-with-content-grid-columns: var(--full-page-grid-margin)
            calc((var(--full-page-grid-central-column-width) / 12) * 7)
            calc((var(--full-page-grid-central-column-width) / 12) * 5) var(--full-page-grid-margin);

          grid-template-areas: 'margin-left media content margin-right';
        }
      }

      &.media-with-content--media-right {
        @media screen and (min-width: 750px) {
          --media-with-content-grid-columns: var(--full-page-grid-margin)
            calc((var(--full-page-grid-central-column-width) / 12) * 5)
            calc((var(--full-page-grid-central-column-width) / 12) * 7) var(--full-page-grid-margin);

          grid-template-areas: 'margin-left content media margin-right';
        }
      }

      &.media-with-content--medium {
        @media screen and (min-width: 750px) {
          --media-with-content-grid-columns: var(--full-page-grid-margin)
            repeat(2, calc(var(--full-page-grid-central-column-width) / 2)) var(--full-page-grid-margin);
        }
      }

      &.media-with-content--narrow.media-with-content--media-right {
        @media screen and (min-width: 750px) {
          --media-with-content-grid-columns: var(--full-page-grid-margin)
            calc((var(--full-page-grid-central-column-width) / 3) * 2)
            calc(var(--full-page-grid-central-column-width) / 3) var(--full-page-grid-margin);
        }
      }

      &.media-with-content--narrow {
        @media screen and (min-width: 750px) {
          --media-with-content-grid-columns: var(--full-page-grid-margin)
            calc(var(--full-page-grid-central-column-width) / 3)
            calc((var(--full-page-grid-central-column-width) / 3) * 2) var(--full-page-grid-margin);
        }
      }
    }

    .section--full-width {
      &.media-with-content--media-right {
        @media screen and (min-width: 750px) {
          --media-with-content-grid-columns: 2.5fr 3.5fr;

          grid-template-areas: 'content media';
        }
      }

      &.media-with-content--medium {
        @media screen and (min-width: 750px) {
          --media-with-content-grid-columns: 1fr 1fr;
        }
      }

      &.media-with-content--narrow {
        @media screen and (min-width: 750px) {
          --media-with-content-grid-columns: 2fr 4fr;
        }
      }

      &.media-with-content--narrow.media-with-content--media-right {
        @media screen and (min-width: 750px) {
          --media-with-content-grid-columns: 4fr 2fr;
        }
      }
    }

    /* Keep the CSS specificity lower assuming that liquid won't assign this class with a full width section */
    .media-with-content.media-with-content--media-extend {
      grid-template-columns: var(--media-with-content-grid-columns);
      grid-template-areas: 'media media media' 'margin-left content margin-right';

      @media screen and (min-width: 750px) {
        grid-template-areas: 'media media content margin-right';
      }
    }

    .media-with-content--media-extend.media-with-content--media-right {
      @media screen and (min-width: 750px) {
        grid-template-areas: 'margin-left content media media';
      }
    }

    .media-with-content--media-right {
      @media screen and (min-width: 750px) {
        grid-template-areas: 'margin-left content media media';
      }
    }

    .media-with-content {
      --media-with-content-grid-columns: var(--full-page-grid-with-margins);

      grid-template-columns: var(--media-with-content-grid-columns);
      grid-template-areas: 'media media media' 'content content content';

      @media screen and (min-width: 750px) {
        --media-with-content-grid-columns: 3.5fr 2.5fr;

        /* Default desktop layout is wide media, on the left, in full page section */
        grid-template-areas: 'media content';
      }

      .media-block {
        grid-area: media;
      }

      .media-with-content__content {
        grid-area: content;
      }

      /* Inner blocks spacing */
      .media-with-content__content > .group-block-content {
        padding-inline: var(--page-margin);
        padding-block: calc(2 * var(--page-margin));

        @media screen and (min-width: 750px) {
          padding-block: var(--page-margin);
        }
      }

      &.section--page-width .media-with-content__content > .group-block-content {
        padding-inline: 0;

        @media screen and (min-width: 750px) {
          padding-inline-start: var(--page-margin);
        }
      }

      &.section--page-width.media-with-content--media-right .media-with-content__content > .group-block-content {
        padding-inline-end: var(--page-margin);
        padding-inline-start: 0;
      }
    }

    .media-with-content[data-shopify-visual-preview] {
      --hero-min-height: 500px;

      min-height: 500px;
    }
/* END_SECTION:media-with-content */
/* START_SECTION:password-footer (INDEX:29) */
.password-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gap-sm);
    padding-block: var(--padding-xl);
  }

  .password-footer__powered-by {
    margin: 0;
    display: flex;
    align-items: center;
    gap: var(--padding-xs);
    height: 1em;

    > a {
      display: flex;
    }

    .icon-shopify {
      display: inline;
      height: 1.3em;
      color: var(--color-foreground);
    }
  }

  .password-footer__links {
    display: flex;
    align-items: center;
    gap: var(--gap-2xl);

    @media screen and (max-width: 749px) {
      flex-direction: column;
      gap: var(--gap-sm);
    }
  }

  .password-footer__admin-link {
    margin: 0;
  }

  .password-footer__button {
    height: var(--minimum-touch-target);
    background-color: transparent;
    color: var(--color-primary);
    cursor: pointer;
    text-decoration: underline;

    &:hover {
      color: var(--color-primary-hover);
      text-decoration: none;
    }
  }
/* END_SECTION:password-footer */
/* START_SNIPPET:pagination-controls (INDEX:188) */
.pagination {
    --pagination-size: 36px;
    --pagination-inset: 2px;
    --pagination-radius: 6;

    display: flex;
    justify-content: center;
    padding: var(--padding-xl) var(--padding-sm);
    margin-top: var(--padding-xl);
    position: relative;
  }

  .pagination__list {
    display: flex;
    gap: 0;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
  }

  .pagination__item {
    width: var(--pagination-size);
    aspect-ratio: 1;
    display: grid;
    place-items: center;
  }

  .pagination__link {
    display: grid;
    place-items: center;
    color: var(--color-foreground);
    text-decoration: none;
    width: 100%;
    height: 100%;
    user-select: none;
    position: relative;
    outline-color: var(--color-foreground);
    -webkit-tap-highlight-color: transparent;
    font-size: var(--font-size--md);
    font-weight: var(--font-weight-normal);
    border-radius: calc(var(--pagination-radius) * 1px);
    transition: color var(--hover-transition-duration) var(--hover-transition-timing),
      opacity var(--hover-transition-duration) var(--hover-transition-timing);
  }

  .pagination__link:focus-visible {
    outline: 2px solid var(--color-foreground);
    outline-offset: 2px;
  }

  .pagination__link--current {
    color: var(--color-background);
    font-weight: var(--font-weight-medium);
    cursor: default;
  }

  .pagination__link--gap {
    cursor: default;
    pointer-events: none;
  }

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

  .pagination__link--disabled {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
  }

  .pagination__link svg {
    width: 0.5rem;
    height: 0.75rem;
    flex-shrink: 0;
  }

  .pagination__item--mobile-only {
    display: none;
  }

  /* Fallback for browsers without anchor positioning support */
  @supports not (anchor-name: --pagination-active) {
    .pagination__link:not(.pagination__link--gap)::before {
      content: '';
      position: absolute;
      inset: var(--pagination-inset);
      border-radius: calc(var(--pagination-radius) * 1px);
      background: rgb(var(--color-foreground-rgb) / var(--opacity-10));
      z-index: -1;
      opacity: 0;
      transition: background var(--hover-transition-duration) var(--hover-transition-timing),
        opacity var(--hover-transition-duration) var(--hover-transition-timing);
    }

    .pagination__link[aria-current='page']::before {
      background: var(--color-foreground);
      opacity: 1;
    }

    .pagination__link:hover:not([aria-current='page'], .pagination__link--gap, .pagination__link--disabled)::before {
      opacity: 1;
    }
  }

  /* Modern approach with anchor positioning */
  @supports (anchor-name: --pagination-active) {
    .pagination__list::before {
      content: '';
      z-index: -1;
      position: absolute;
      width: calc(var(--pagination-size) - (2 * var(--pagination-inset)));
      aspect-ratio: 1;
      pointer-events: none;
      opacity: 0;
      border-radius: calc(var(--pagination-radius) * 1px);
      background: rgb(var(--color-foreground-rgb) / var(--opacity-10));
      transition: left var(--hover-transition-duration) var(--hover-transition-timing),
        top var(--hover-transition-duration) var(--hover-transition-timing);
    }

    /* Hide hover indicator on touch devices */
    @media (hover: none) and (pointer: coarse) {
      .pagination__list::before {
        content: unset;
      }
    }

    .pagination__list:has(
        .pagination__link:is(:hover, :focus-visible):not(.pagination__link--gap, .pagination__link--disabled))::before {
      opacity: 1;
    }

    /* Style current page directly */
    .pagination__link[aria-current='page']::before {
      content: '';
      position: absolute;
      inset: var(--pagination-inset);
      border-radius: calc(var(--pagination-radius) * 1px);
      background: var(--color-foreground);
      z-index: -1;
    }

    .pagination__list
      .pagination__item:has(
        .pagination__link:is(:hover, :focus-visible):not(.pagination__link--gap, .pagination__link--disabled)) {
      anchor-name: --pagination-hover;
    }

    /* Position hover indicator using anchor */
    .pagination__list::before {
      position-anchor: --pagination-hover;
      left: calc(anchor(left) + var(--pagination-inset));
      top: calc(anchor(top) + var(--pagination-inset));
    }

    .pagination__item:has(+ .pagination__item--gap) .pagination__link::after,
    .pagination__item--gap + .pagination__item .pagination__link::after {
      position: absolute;
      content: '';
      pointer-events: auto;
    }

    .pagination__item:has(+ .pagination__item--gap) .pagination__link::after {
      inset: 0 -50% 0 100%;
    }

    .pagination__item--gap + .pagination__item .pagination__link::after {
      inset: 0 100% 0 -50%;
    }
  }

  @media screen and (max-width: 749px) {
    .pagination {
      --pagination-size: 44px;
      --pagination-inset: 5px;

      padding: var(--padding-lg) var(--padding-sm);
    }

    .pagination__link {
      font-size: var(--font-size--sm);
    }

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

    .pagination__item--mobile-only {
      display: grid;
    }

    .pagination__item:has(.pagination__link--gap) {
      width: calc(var(--pagination-size) * 0.5);
    }
  }
/* END_SNIPPET:pagination-controls */