/* Product pages — /maya and /he/maya.
   Shared rather than inlined twice: the split duplicates the COPY on purpose
   (each language is written, not translated) but duplicating the styling is
   just a drift hazard. Logical properties throughout, so the Hebrew page needs
   no direction overrides. Audited by Gate B like every other stylesheet. */

.p-hero{padding-top:clamp(48px,9vh,112px);padding-bottom:clamp(40px,6vh,72px);border-top:0}
.p-hero h1{margin-bottom:24px;max-width:13ch}

.prose{max-width:62ch}
.prose h2{margin:0 0 20px}
.prose p{font-size:var(--t-body);font-weight:300;color:var(--ink-soft);margin-bottom:18px;line-height:1.65}
.prose p:last-child{margin-bottom:0}

/* the does / hands-over pair — the honest half is what makes the other half credible */
.split{display:grid;grid-template-columns:1fr;gap:34px;margin-top:8px}
@media (min-width:860px){.split{grid-template-columns:repeat(2,1fr);gap:56px}}
.split h3{font-size:var(--t-lede);margin-bottom:16px}
.split ul{list-style:none}
.split li{
  font-size:var(--t-body);font-weight:300;color:var(--ink-soft);line-height:1.5;
  padding:13px 0;border-bottom:1px solid var(--rule-soft);
  display:flex;gap:12px;align-items:flex-start;
}
.split li::before{content:"";flex-shrink:0;width:8px;height:8px;border-radius:50%;margin-top:8px}
.split .does li::before{background:var(--live)}
.split .doesnt li::before{background:var(--ink-muted)}

.thread{
  border:1px solid var(--rule);border-radius:var(--radius-card);
  overflow:hidden;background:var(--bg);
}
.thread img{display:block;width:100%;height:auto}
.thread figcaption{
  padding:14px 18px;font-size:var(--t-small);font-weight:300;color:var(--ink-muted);
  border-top:1px solid var(--rule-soft);
}

.note{
  border-inline-start:3px solid var(--accent-deep);
  padding-block:4px;padding-inline-start:22px;
  max-width:62ch;margin-top:10px;
}
.note p{font-size:var(--t-body);font-weight:300;color:var(--ink-soft);line-height:1.65}
.note p + p{margin-top:16px}