/** Shopify CDN: Minification failed

Line 138:29 Expected identifier but found whitespace
Line 138:30 Unexpected ".18em"

**/
/* ==========================================================
   LW Editorial Framework
   Foundation
   Version: 1.0
   ----------------------------------------------------------
   Purpose:
   Provides the design tokens and foundational primitives
   used throughout the LW Editorial Framework.
   ========================================================== */

:root {

    /* ========================================================
   Editorial Typography
   ======================================================== */

  --lw-text-heading:#6F5655;
  --lw-text-body:#5D554D;
  --lw-text-muted:#9D8D7F;
  --lw-text-latin:#6B625B;

  /* ========================================================
     Widths
     ======================================================== */

  --lw-width-reading: 720px;
  --lw-width-content: 820px;
  --lw-width-feature: 980px;
  --lw-width-container: 1320px;
  --lw-width-wide: 1600px;
  --lw-width-full: 100%;


  /* ========================================================
     Spacing Scale
     ======================================================== */

  --lw-space-2xs: 0.25rem;
  --lw-space-xs: 0.5rem;
  --lw-space-sm: 1rem;
  --lw-space-md: 1.5rem;
  --lw-space-lg: 2.5rem;
  --lw-space-xl: 4rem;
  --lw-space-2xl: 6rem;
  --lw-space-3xl: 8rem;
  --lw-space-4xl: 10rem;


  /* ========================================================
     Border Radius
     ======================================================== */

  --lw-radius-sm: 0.375rem;
  --lw-radius-md: 0.75rem;
  --lw-radius-lg: 1.5rem;
  --lw-radius-round: 9999px;


  /* ========================================================
     Surfaces
     ======================================================== */

  --lw-surface-0: transparent;
  --lw-surface-1: #FFFFFF;
  --lw-surface-2: #F8F4EF;
  --lw-surface-3: #F6F1EB;
  --lw-surface-accent: #EFE4DE;


  /* ========================================================
     Borders
     ======================================================== */

  --lw-border-light: rgba(79, 74, 69, 0.08);
  --lw-border-medium: rgba(79, 74, 69, 0.15);
  --lw-border-strong: rgba(79, 74, 69, 0.25);


  /* ========================================================
     Shadows
     ======================================================== */

  --lw-shadow-soft:
    0 10px 30px rgba(0,0,0,.04);

  --lw-shadow-medium:
    0 20px 60px rgba(0,0,0,.08);


  /* ========================================================
     Motion
     ======================================================== */

  --lw-transition-fast: 160ms ease;
  --lw-transition-normal: 260ms ease;
  --lw-transition-slow: 420ms ease;


  /* ========================================================
     Z-Index
     ======================================================== */

  --lw-z-base: 1;
  --lw-z-dropdown: 100;
  --lw-z-overlay: 500;
  --lw-z-modal: 1000;


  /* ========================================================
     Editorial Rhythm
     ======================================================== */

  --lw-line-reading:1.9;
  --lw-line-heading:1.1;

  --lw-editorial-max-width:42rem;
  --lw-editorial-plate-width:480px;

  /* ========================================================
     Paper
     ======================================================== */

  --lw-paper-grace:       #F7F0E6; /* Intimate Comfort */
  --lw-paper-morning:     #F8F3EE; /* Menopause & Hormones */
  --lw-paper-canvas:      #F5F1E8; /* Self-Care & Rituals */
  --lw-paper-scholarship: #EFE8DB; /* Wellness Library */
  --lw-paper-archive:     #F2F0EC; /* Reference / Guides */
}

    /* Editorial */

    --lw-letter-spacing-meta: .18em;
    --lw-letter-spacing-display: -.03em;

    --lw-reading-max: 70ch;

    --lw-divider-width: 80px;

    --lw-icon-size-sm: 18px;
    --lw-icon-size-md: 28px;
    --lw-icon-size-lg: 42px;

    /* Layer spacing */

    --lw-gap-card: var(--lw-space-lg);
    --lw-gap-section: var(--lw-space-3xl);
    --lw-gap-page: clamp(6rem,8vw,10rem);

    /* ========================================================
     Primitives
     ======================================================== */

     html{
        scroll-behavior:smooth;
    }
    
    .lw-blog > section{
        padding-block:var(--lw-gap-section);
    }

    .lw-container {
        width: min(calc(100% - 3rem), var(--lw-width-container));
        margin-inline: auto;
    }

    .lw-content {
        width: min(100%, var(--lw-width-content));
        margin-inline: auto;
    }

    .lw-wide {
        width: min(100%, var(--lw-width-wide));
        margin-inline: auto;
    }

    .lw-section {
        padding-block: clamp(
            var(--lw-space-xl),
            7vw,
            var(--lw-space-3xl)
        );
    }

    .lw-section--compact {
        padding-block: var(--lw-space-xl);
    }

    .lw-section--comfortable {
        padding-block: var(--lw-space-2xl);
    }

    .lw-section--spacious {
        padding-block: var(--lw-space-4xl);
    }

    .lw-stack {
        display: flex;
        flex-direction: column;
    }

    .lw-stack > * + * {
        margin-top: var(--lw-space-lg);
    }

    .lw-stack--sm > * + * {
        margin-top: var(--lw-space-sm);
    }

    .lw-stack--md > * + * {
        margin-top: var(--lw-space-md);
    }

    .lw-stack--xl > * + * {
        margin-top: var(--lw-space-xl);
    }

    .lw-cluster {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: var(--lw-space-sm);
    }

    .lw-grid {
        display: grid;
        gap: var(--lw-space-xl);
    }

    .lw-grid--2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lw-grid--3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lw-grid--4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    @media (max-width: 990px) {
        .lw-grid--2,
        .lw-grid--3,
        .lw-grid--4 {
            grid-template-columns: 1fr;
        }
    }

    .lw-flow > * + * {
        margin-top: var(--lw-space-md);
    }

    /* ==========================================================================
   ICON ROTATION UTILITIES
   ========================================================================== */

    .lw-icon{
        display:block;
        transition:transform .3s ease;
    }

    .lw-icon--right{
        transform:rotate(0deg);
    }

    .lw-icon--down{
        transform:rotate(90deg);
    }

    .lw-icon--left{
        transform:rotate(180deg);
    }

    .lw-icon--up{
        transform:rotate(-90deg);
    }