/* ============================================================
   VEREKET — editorial styles (about.html + criteria.html)
   Chapter headings, CTA and text links used by both pages.
   ============================================================ */

.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
/* ---------- Header (shared across the site) ----------
   Solid white at every size: a translucent header let page text show through its
   lower edge, cropped against whatever sticky bar sits just below it. */
.site-header{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;}
.text-link{
  display:inline-block;
  font-family:var(--sans);
  font-size:0.72rem;
  letter-spacing:0.08em;
  text-transform:uppercase;
  text-decoration:none;
  color:var(--charcoal);
  border-bottom:1px solid currentColor;
  padding-bottom:3px;
}
.eyebrow{
  font-family:var(--sans);
  font-size:0.76rem;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--moss-dark);
  margin-bottom:20px;
}
.chapter-head + *{margin-top:56px;}
/* .chapter-head prefix beats the generic ".chapter h2" headline rule so every section label stays small */
.chapter-head .chapter-label{
  font-family:var(--sans);
  font-size:0.8rem;line-height:1.3;letter-spacing:0.12em;text-transform:uppercase;
  color:var(--charcoal-soft);
}
.chapter-num{
  font-family:var(--sans);
  font-size:0.693rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--taupe);
}
/* Divider between the East/West locations and the closing line (desktop and mobile) */
.about-cta::before{
  content:"";
  position:absolute;top:0;left:20px;right:20px;
  height:1px;background:var(--hairline);
}
@media (min-width:901px){
  .text-link{transition:color .2s ease;}
  @media (hover:hover){
    .text-link:hover{color:var(--moss);}
  }
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
}
.drawer-close:focus-visible,.qty-btn:focus-visible,.line-item .remove:focus-visible,.checkout-btn:focus-visible{outline:2px solid var(--moss);outline-offset:3px;}