/* AyarLine Blog — v4.9.79
   Dynamic WordPress posts, designed in the visual language of Collections.
   Intentionally does not use paper-pattern.svg. */
.ayar-blog-root,
.ayar-blog-root .blog-desktop-stage,
.ayar-blog-root .blog-mobile-stage{
  background-color:var(--paper,#f7f5f0)!important;
  background-image:none!important;
}
.ayar-blog-root{overflow:hidden}
.ayar-blog-root a{text-decoration:none}

.ayar-blog-root .blog-desktop-stage,
.ayar-blog-root .blog-mobile-stage{position:relative;isolation:isolate}

.ayar-blog-root .blog-page-heading{position:relative;text-align:center;z-index:3}
.ayar-blog-root .blog-page-heading h1{margin:0;color:#202020;font-weight:700;line-height:1}
.ayar-blog-root .blog-page-heading h1 span,
.ayar-blog-root .blog-single-heading h1 span{position:relative;z-index:1;display:inline-block}
.ayar-blog-root .blog-page-heading h1 span::after,
.ayar-blog-root .blog-single-heading h1 span::after{
  content:"";
  position:absolute;
  right:0;
  left:0;
  bottom:.06em;
  height:.4em;
  background:var(--yellow,#fdbd24);
  z-index:-1;
}
.ayar-blog-root .blog-page-heading p{margin:0 auto;color:#2a2a2a;font-weight:400}

.ayar-blog-root .blog-grid{position:relative;z-index:3;display:grid}
.ayar-blog-root .blog-card{min-width:0}
.ayar-blog-root .blog-card-link{display:block;color:#171717}
.ayar-blog-root .blog-card-media{position:relative;display:block;overflow:hidden;background:#e9e5db}
.ayar-blog-root .blog-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .45s ease}
.ayar-blog-root .blog-card-read{
  position:absolute;
  inset:auto auto 0 0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--yellow,#fdbd24);
  color:#171717;
  font-weight:700;
  opacity:0;
  transform:translateY(24%);
  transition:opacity .3s ease,transform .35s cubic-bezier(.2,.7,.2,1);
}
.ayar-blog-root .blog-card-copy{position:relative;display:block}
.ayar-blog-root .blog-card-copy h2{margin:0;color:#181818;font-weight:700;line-height:1.55}
.ayar-blog-root .blog-card-copy p{margin:0;color:#4b4b4b;line-height:2;text-align:justify}
.ayar-blog-root .blog-card-arrow{position:absolute;display:flex;align-items:center;justify-content:center;border:1px solid rgba(24,24,24,.2);border-radius:50%;transition:transform .3s ease,background-color .3s ease,border-color .3s ease}
.ayar-blog-root .blog-card-link:hover .blog-card-media img,
.ayar-blog-root .blog-card-link:focus-visible .blog-card-media img{transform:scale(1.035);filter:saturate(1.04)}
.ayar-blog-root .blog-card-link:hover .blog-card-read,
.ayar-blog-root .blog-card-link:focus-visible .blog-card-read{opacity:1;transform:translateY(0)}
.ayar-blog-root .blog-card-link:hover .blog-card-arrow,
.ayar-blog-root .blog-card-link:focus-visible .blog-card-arrow{background:var(--yellow,#fdbd24);border-color:var(--yellow,#fdbd24);transform:translateX(-12%)}

.ayar-blog-root .blog-pagination{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;direction:ltr}
.ayar-blog-root .blog-pagination a{display:flex;align-items:center;justify-content:center;color:#1c1c1c;border:1px solid rgba(28,28,28,.18);background:transparent;font-weight:700;transition:transform .25s ease,background-color .25s ease,border-color .25s ease}
.ayar-blog-root .blog-pagination a:hover,
.ayar-blog-root .blog-pagination a:focus-visible{transform:translateY(-2px);border-color:rgba(28,28,28,.45)}
.ayar-blog-root .blog-pagination .is-current{background:var(--yellow,#fdbd24);border-color:var(--yellow,#fdbd24)}

.ayar-blog-root .blog-empty-state{position:relative;z-index:3;text-align:center;border:1px solid rgba(28,28,28,.13);background:rgba(255,255,255,.38)}
.ayar-blog-root .blog-empty-state h2{margin:0;color:#1c1c1c}
.ayar-blog-root .blog-empty-state p{margin:0;color:#555;line-height:2}
.ayar-blog-root .blog-empty-mark{display:inline-flex;align-items:center;justify-content:center;background:var(--yellow,#fdbd24);color:#111;font-weight:800;border-radius:999px}

.ayar-blog-root .blog-desktop-top-pattern,
.ayar-blog-root .blog-desktop-bottom-pattern,
.ayar-blog-root .blog-mobile-top-pattern,
.ayar-blog-root .blog-mobile-bottom-pattern{position:absolute;height:auto;opacity:.50!important;z-index:1;pointer-events:none}

.ayar-blog-root .blog-single-article{position:relative;z-index:3;margin-inline:auto}
.ayar-blog-root .blog-back-link{display:inline-flex;align-items:center;color:#222;font-weight:600;transition:transform .25s ease}
.ayar-blog-root .blog-back-link:hover,
.ayar-blog-root .blog-back-link:focus-visible{transform:translateX(6%)}
.ayar-blog-root .blog-single-heading{text-align:center}
.ayar-blog-root .blog-single-heading h1{margin:0;color:#1d1d1d;font-weight:700;line-height:1.5}
.ayar-blog-root .blog-single-hero{margin:0;overflow:hidden;background:#e8e4d9}
.ayar-blog-root .blog-single-hero img{display:block;width:100%;height:100%;object-fit:cover}
.ayar-blog-root .blog-single-content{color:#282828}
.ayar-blog-root .blog-single-content > :first-child{margin-top:0}
.ayar-blog-root .blog-single-content > :last-child{margin-bottom:0}
.ayar-blog-root .blog-single-content p{line-height:2.25;text-align:justify}
.ayar-blog-root .blog-single-content h2,
.ayar-blog-root .blog-single-content h3,
.ayar-blog-root .blog-single-content h4{color:#1d1d1d;line-height:1.6}
.ayar-blog-root .blog-single-content img{max-width:100%;height:auto;border-radius:1rem}
.ayar-blog-root .blog-single-content blockquote{margin-inline:0;border-right:4px solid var(--yellow,#fdbd24);background:rgba(255,255,255,.38)}

@media (min-width:768px){
  .ayar-blog-root .blog-desktop-stage{
    width:min(100vw,1440px);
    min-height:100vh;
    margin:0 auto;
    padding:22.7cqw 17.8cqw 15cqw;
    container-type:inline-size;
    overflow:hidden;
  }
  .ayar-blog-root .blog-page-heading h1{font-size:4.55cqw;letter-spacing:-.09cqw}
  .ayar-blog-root .blog-page-heading p{width:49cqw;margin-top:3.2cqw;font-size:1.35cqw;line-height:2}
  .ayar-blog-root .blog-desktop-top-pattern{top:28.8cqw;left:50%;width:29cqw;transform:translateX(-50%)}
  .ayar-blog-root .blog-desktop-bottom-pattern{right:-8cqw;bottom:-11cqw;width:38cqw}

  .ayar-blog-root .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5.2cqw 4.6cqw;margin-top:12cqw}
  .ayar-blog-root .blog-card-media{aspect-ratio:1.45/1;border-radius:1.25cqw}
  .ayar-blog-root .blog-card-read{min-width:8.7cqw;height:2.75cqw;padding:0 1.1cqw;border-radius:0 1.05cqw 0 0;font-size:.88cqw}
  .ayar-blog-root .blog-card-copy{padding:1.55cqw .25cqw 0 3.2cqw;min-height:8.1cqw}
  .ayar-blog-root .blog-card-copy h2{font-size:1.55cqw;padding-left:2.8cqw}
  .ayar-blog-root .blog-card-copy p{margin-top:.85cqw;font-size:.92cqw}
  .ayar-blog-root .blog-card-arrow{left:.15cqw;top:1.45cqw;width:2.35cqw;height:2.35cqw;font-size:1.35cqw}

  .ayar-blog-root .blog-pagination{gap:.75cqw;margin-top:7cqw}
  .ayar-blog-root .blog-pagination a{width:3.15cqw;height:3.15cqw;border-radius:.85cqw;font-size:1cqw}
  .ayar-blog-root .blog-page-control{font-size:1.45cqw!important}

  .ayar-blog-root .blog-empty-state{width:56cqw;margin:11cqw auto 0;padding:5.7cqw 5cqw;border-radius:1.5cqw}
  .ayar-blog-root .blog-empty-mark{min-width:5cqw;height:2.4cqw;padding:0 1.2cqw;font-size:1cqw}
  .ayar-blog-root .blog-empty-state h2{margin-top:1.7cqw;font-size:2cqw}
  .ayar-blog-root .blog-empty-state p{margin-top:1cqw;font-size:1cqw}

  .ayar-blog-root .blog-single-desktop-stage{padding-top:20.5cqw}
  .ayar-blog-root .blog-single-article{width:64cqw}
  .ayar-blog-root .blog-back-link{gap:.55cqw;font-size:1cqw;margin-bottom:4cqw}
  .ayar-blog-root .blog-single-heading{max-width:57cqw;margin:0 auto 4.3cqw}
  .ayar-blog-root .blog-single-heading h1{font-size:3.4cqw}
  .ayar-blog-root .blog-single-heading h1 span::after{height:.3em;bottom:.1em}
  .ayar-blog-root .blog-single-hero{width:100%;aspect-ratio:1.72/1;border-radius:1.4cqw}
  .ayar-blog-root .blog-single-content{width:55cqw;margin:5cqw auto 0;font-size:1.12cqw;line-height:2.2}
  .ayar-blog-root .blog-single-content p{margin:0 0 2cqw}
  .ayar-blog-root .blog-single-content h2{font-size:2cqw;margin:3.2cqw 0 1.4cqw}
  .ayar-blog-root .blog-single-content h3{font-size:1.55cqw;margin:2.7cqw 0 1.2cqw}
  .ayar-blog-root .blog-single-content blockquote{padding:1.6cqw 2cqw;border-radius:.8cqw}
}

@media (max-width:767px){
  .ayar-blog-root .blog-mobile-stage{
    width:100vw;
    min-height:100vh;
    padding:61.5vw 10.8vw 31vw;
    overflow:hidden;
  }
  .ayar-blog-root .blog-page-heading h1{font-size:8.55vw;letter-spacing:-.08vw}
  .ayar-blog-root .blog-page-heading p{width:76vw;margin-top:7vw;font-size:3.55vw;line-height:2;text-align:center}
  .ayar-blog-root .blog-mobile-top-pattern{top:75vw;left:50%;width:96vw;transform:translateX(-50%)}
  .ayar-blog-root .blog-mobile-bottom-pattern{left:-8vw;bottom:-32vw;width:116vw}

  .ayar-blog-root .blog-grid{grid-template-columns:1fr;gap:11vw;margin-top:31vw}
  .ayar-blog-root .blog-card-media{aspect-ratio:1.32/1;border-radius:4vw}
  .ayar-blog-root .blog-card-read{min-width:28vw;height:9vw;padding:0 3.6vw;border-radius:0 3.2vw 0 0;font-size:3vw}
  .ayar-blog-root .blog-card-copy{padding:4.5vw .8vw 0 10vw;min-height:25vw}
  .ayar-blog-root .blog-card-copy h2{font-size:5vw;padding-left:7vw}
  .ayar-blog-root .blog-card-copy p{margin-top:2.4vw;font-size:3.35vw;line-height:2.05}
  .ayar-blog-root .blog-card-arrow{left:.5vw;top:4.2vw;width:7.8vw;height:7.8vw;font-size:4.4vw}

  .ayar-blog-root .blog-pagination{gap:2.2vw;margin-top:16vw;flex-wrap:wrap}
  .ayar-blog-root .blog-pagination a{width:10vw;height:10vw;border-radius:2.8vw;font-size:3.4vw}
  .ayar-blog-root .blog-page-control{font-size:4.7vw!important}

  .ayar-blog-root .blog-empty-state{margin-top:28vw;padding:13vw 6vw;border-radius:4vw}
  .ayar-blog-root .blog-empty-mark{min-width:17vw;height:8vw;padding:0 4vw;font-size:3.2vw}
  .ayar-blog-root .blog-empty-state h2{margin-top:5vw;font-size:5.3vw}
  .ayar-blog-root .blog-empty-state p{margin-top:3vw;font-size:3.4vw}

  .ayar-blog-root .blog-single-mobile-stage{padding-top:55vw}
  .ayar-blog-root .blog-single-article{width:78.5vw;margin:0 auto}
  .ayar-blog-root .blog-back-link{gap:2vw;font-size:3.2vw;margin-bottom:10vw}
  .ayar-blog-root .blog-single-heading{margin:0 auto 10vw}
  .ayar-blog-root .blog-single-heading h1{font-size:7vw;line-height:1.55}
  .ayar-blog-root .blog-single-heading h1 span::after{height:.28em;bottom:.1em}
  .ayar-blog-root .blog-single-hero{width:100%;aspect-ratio:1.18/1;border-radius:4vw}
  .ayar-blog-root .blog-single-content{margin-top:11vw;font-size:3.75vw;line-height:2.2}
  .ayar-blog-root .blog-single-content p{margin:0 0 7vw}
  .ayar-blog-root .blog-single-content h2{font-size:5.7vw;margin:9vw 0 4vw}
  .ayar-blog-root .blog-single-content h3{font-size:4.7vw;margin:8vw 0 3vw}
  .ayar-blog-root .blog-single-content blockquote{padding:5vw 6vw;border-radius:3vw}
}

@media (hover:none){
  .ayar-blog-root .blog-card-read{opacity:1;transform:none}
}

@media (prefers-reduced-motion:reduce){
  .ayar-blog-root .blog-card-media img,
  .ayar-blog-root .blog-card-read,
  .ayar-blog-root .blog-card-arrow,
  .ayar-blog-root .blog-pagination a,
  .ayar-blog-root .blog-back-link{transition-duration:.01ms!important}
}


/* v4.9.80 — Blog desktop scale normalization.
   The Blog stage is capped at 1440px just like Collections/About. In v4.9.79
   horizontal padding was declared on that same query-container using cqw;
   above 1440px those units could resolve against the viewport and make the
   content area look zoomed-out. Keep the stage unpadded and size descendants
   from the stage container instead, matching the other internal pages. */
@media (min-width:768px){
  .ayar-blog-root .blog-desktop-stage{
    padding:0!important;
    width:min(100vw,1440px)!important;
    margin:0 auto!important;
    container-type:inline-size!important;
    overflow:hidden!important;
  }

  .ayar-blog-root .blog-page-heading{
    padding-top:22.7cqw!important;
  }

  .ayar-blog-root .blog-grid{
    width:63.7cqw!important;
    margin:12cqw auto 0!important;
  }

  .ayar-blog-root .blog-pagination{
    width:63.7cqw!important;
    margin:7cqw auto 0!important;
  }

  .ayar-blog-root .blog-empty-state{
    width:56cqw!important;
    margin:11cqw auto 0!important;
  }

  /* Flow spacer replaces stage padding so the yellow footer Pattern and Footer
     keep the same stage-relative geometry at every browser zoom/viewport. */
  .ayar-blog-root .blog-desktop-stage::after{
    content:"";
    display:block;
    width:100%;
    height:min(15vw,216px);
  }

  .ayar-blog-root .blog-single-desktop-stage{
    padding:0!important;
  }

  .ayar-blog-root .blog-single-article{
    width:64cqw!important;
    padding-top:20.5cqw!important;
  }

  /* Bring long-form reading scale in line with the typography used on the
     About/Contact internal pages instead of the smaller v4.9.79 setting. */
  .ayar-blog-root .blog-single-content{
    width:55cqw!important;
    font-size:1.34cqw!important;
  }
}

/* v4.9.82 — centered top/bottom Ayar Patterns + modern article arrow. */
.ayar-blog-root .blog-card-arrow{
  overflow:hidden;
  border-color:rgba(28,28,28,.12)!important;
  background:rgba(255,255,255,.58);
  box-shadow:0 .35em 1.2em rgba(35,31,23,.06);
  color:#252421;
  isolation:isolate;
}
.ayar-blog-root .blog-card-arrow::before{
  content:"";
  position:absolute;
  inset:50% auto auto 50%;
  width:0;
  height:0;
  border-radius:50%;
  background:var(--yellow,#fdbd24);
  transform:translate(-50%,-50%);
  transition:width .32s cubic-bezier(.16,1,.3,1),height .32s cubic-bezier(.16,1,.3,1);
  z-index:-1;
}
.ayar-blog-root .blog-card-arrow svg{
  width:45%;
  height:45%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .32s cubic-bezier(.16,1,.3,1);
}
.ayar-blog-root .blog-card-link:hover .blog-card-arrow,
.ayar-blog-root .blog-card-link:focus-visible .blog-card-arrow{
  background:rgba(255,255,255,.72)!important;
  border-color:rgba(239,178,26,.55)!important;
  transform:translateX(-12%) scale(1.04)!important;
}
.ayar-blog-root .blog-card-link:hover .blog-card-arrow::before,
.ayar-blog-root .blog-card-link:focus-visible .blog-card-arrow::before{width:120%;height:120%}
.ayar-blog-root .blog-card-link:hover .blog-card-arrow svg,
.ayar-blog-root .blog-card-link:focus-visible .blog-card-arrow svg{transform:translateX(-8%)}

@media (min-width:768px){
  .ayar-blog-root .blog-desktop-top-pattern,
  .ayar-blog-root .blog-desktop-bottom-pattern{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    opacity:.50!important;
  }
  .ayar-blog-root .blog-desktop-bottom-pattern{bottom:-10cqw!important;width:39cqw!important}
}
@media (max-width:767px){
  .ayar-blog-root .blog-mobile-top-pattern,
  .ayar-blog-root .blog-mobile-bottom-pattern{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    opacity:.50!important;
  }
  .ayar-blog-root .blog-mobile-bottom-pattern{bottom:-30vw!important;width:116vw!important}
}