/* Last update: 2026-01-19T14:31:46+00:00 */

@layer moris {
  @layer pages {
    .mt-section {
      
      
      
    }
    .mt-section[data-section=blog-post] {
      --section-background: transparent;
      --section-inner-gap: var(--section-gap-y);
      --section-padding-top: var(--section-padding-y);
      --section-padding-bottom: var(--section-padding-y);
    }
    .mt-section[data-section=blog-post]:after {
      content: "";
      background: url("/wp-content/uploads/backgrounds/blog-post-sidebar.jpg");
      background-repeat: repeat-y;
      height: 100%;
      width: 35%;
      position: absolute;
      right: 0;
    }
    .mt-section[data-section=blog-post] .mt-section__inner {
      padding-top: 0;
      padding-bottom: var(--space-8xl);
    }
    .mt-section[data-section=blog-post] .mt-section__container {
      gap: 0;
      z-index: 2;
    }
    .mt-section[data-section=blog-post] .mt-section__container > .mt-heading {
      font-size: clamp(calc(var(--text-3xl) * 0.8), 7.5vw, var(--text-6xl));
      color: var(--color-primary-400);
      margin-top: var(--space-4xl);
    }
    .mt-section[data-section=blog-post] .mt-blog-post__featured {
      width: 100%;
      aspect-ratio: 2.6666666667;
      object-fit: cover;
      object-position: center;
      border-radius: var(--radius-2xl);
    }
    .mt-section[data-section=blog-post] .mt-blog-post__meta {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      margin-top: var(--space-3xl);
    }
    .mt-section[data-section=blog-post] .mt-blog-post__date {
      line-height: var(--leading-normal);
      font-size: clamp(calc(var(--text-md) * 0.8), 3.5vw, var(--text-lg));
      color: var(--color-primary-300);
    }
    .mt-section[data-section=blog-post] .mt-blog-post__perex {
      font-size: clamp(calc(var(--text-lg) * 0.8), 2.5vw, var(--text-xl));
      text-transform: uppercase;
      margin-top: var(--space-2xl);
      max-width: var(--container-article-width);
    }
    .mt-section[data-section=blog-post] .mt-blog-post__content {
      display: flex;
      flex-direction: column;
      gap: var(--space-lg);
    }
    .mt-section[data-section=blog-post] .mt-blog-post__content-wrapper {
      display: flex;
      flex-direction: column;
      gap: var(--space-4xl);
      margin-top: var(--space-4xl);
      max-width: var(--container-article-width);
    }
    @media (max-width: 550px) {
      .mt-section[data-section=blog-post] .mt-section__container > .mt-heading {
        margin-top: var(--space-2xl);
      }
      .mt-section[data-section=blog-post] .mt-blog-post__featured {
        border-radius: var(--radius-xl);
      }
      .mt-section[data-section=blog-post] .mt-blog-post__meta {
        gap: var(--space-xs);
        margin-top: var(--space-2xl);
      }
    }
    .mt-section[data-section=products-showcase] {
      --section-background: url("/wp-content/uploads/backgrounds/mauritius-boat-at-sunset.jpg");
      --section-inner-gap: var(--section-gap-y);
      --section-padding-top: calc(var(--space-10xl) * 2);
      --section-padding-bottom: var(--section-padding-y);
    }
    .mt-section[data-section=products-showcase] .mt-section__inner::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      background: linear-gradient(to bottom, hsl(from var(--color-primary-900) h s l / 0.25) 0%, hsl(from var(--color-primary-900) h s l / 0.35) 35%, hsl(from var(--color-primary-900) h s l / 1) 75%);
    }
    .mt-section[data-section=products-showcase] .mt-section__container {
      z-index: 1;
    }
    .mt-section[data-section=products-showcase] .mt-section-actions {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: var(--space-xl);
      width: 100%;
    }
    @media (max-width: 767px) {
      .mt-section[data-section=products-showcase] .mt-section__inner {
        padding-block: var(--space-8xl);
      }
      .mt-section[data-section=products-showcase] .mt-products-showcase {
        gap: var(--space-3xl);
      }
    }
    .mt-section .mt-blog-author {
      background: var(--color-primary-400);
      width: fit-content;
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: var(--space-2xs);
    }
    .mt-section .mt-blog-author__img {
      aspect-ratio: 1;
      width: fit-content;
      object-fit: cover;
      object-position: center;
      border-radius: var(--radius-full);
    }
    .mt-section .mt-blog-author__img:hover {
      animation: brk-spin 1000ms 1337ms infinite linear;
    }
    .mt-section .mt-blog-author__name {
      color: var(--color-primary-700);
      line-height: var(--leading-none);
      font-weight: var(--font-weight-medium);
    }
    .mt-section .mt-blog-author--sm {
      padding: var(--border-regular) var(--space-xs) var(--border-regular) var(--border-regular);
      border-radius: var(--radius-xl);
    }
    .mt-section .mt-blog-author--sm img {
      max-height: 28px;
    }
    .mt-section .mt-blog-author--sm .mt-text {
      font-size: var(--text-xs);
    }
    .mt-section .mt-blog-author--md {
      padding: var(--border-regular) var(--space-md) var(--border-regular) var(--border-regular);
      border-radius: var(--radius-full);
    }
    .mt-section .mt-blog-author--md img {
      max-height: clamp(32px, 7.5vw, 48px);
    }
    .mt-section .mt-blog-author--md .mt-text {
      font-size: clamp(var(--text-xs), 2.5vw, var(--text-md));
    }
  }
}