/* School of Clay — THE stylesheet. Still one entry point, now nine files.
 *
 * ⛔ NO CSS IN A PYTHON FILE, EVER. That single habit is what turned the old
 * site's clay_site.py into 24,000 lines with the calendar's rules physically
 * interleaved with the footer's. A rule lives in one of these files or it
 * does not exist.
 *
 * ⭐ THE LOOK IS THE OLD SITE'S, DELIBERATELY (Ofer 2026-09-26: it "is the
 * reference for look and behaviour only"). Same palette, same two radii, same
 * outline-only pills, same hairline. What is NOT copied is how it was built.
 *
 * ⭐ AND THIS FILE IS STILL THE ONLY ONE ANY PAGE LINKS (Ofer 2026-09-28
 * 19:59: "keep each original file as the single entry point, so no call site
 * changes"). It grew past 1600 lines and was split BY JOB; what it holds now
 * is the order, because in CSS the order IS a rule.
 *
 * ⛔ THE IMPORT ORDER IS THE CASCADE AND IS NOT ALPHABETICAL. It is exactly
 * the order the sections stood in when this was one file -- tokens first
 * because everything reads them, the calendar last because it overrides the
 * most -- and moving a line here silently repaints the site. A new file goes
 * where its section would have gone, never at the end for tidiness.
 */
@import "tokens.css?v=1793536336";
@import "base.css?v=1793537461";
@import "frame.css?v=1793537461";
@import "category.css?v=1793776188";
@import "flow.css?v=1792741094";
@import "controls.css?v=1793610340";
@import "home.css?v=1792823000";
@import "design.css?v=1792741094";
@import "giftcard.css?v=1792741094";
@import "calendar.css?v=1793604631";

/* the home slogan line (Naomi 2026-10-12 23:29: "not bold, fine, just a different colour"): light, upright, centred, body size */
.slogan { font-weight: var(--w-body); text-align: center; margin: 0 0 1.2em; }
body p.slogan { color: var(--clay-faded); }
/* the small tag above an offer's name (Naomi 2026-10-12) */
.offertag { font-size: .8em; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); /* grey; the title under it is the pink one (Naomi 2026-10-14) */ margin: 0 0 .3em; }
/* the name in pink in ANY running text (Naomi 2026-10-13) -- `kit.prose` and js/brand.js */
.brand{color:var(--clay)}
/* ...except on a solid-pink panel, where pink-on-pink can't be read: it takes the panel's white (Naomi 10-28 08:00) */
.pdot.psolid .brand,.offerp .brand,.values .brand,.hcentre .brand,footer.foot .brand{color:inherit}
/* scroll reveal (js/reveal.js, Naomi 2026-10-14 11:07): transform + opacity
   only, so nothing moves the layout; the hidden state exists only under html.rv */
html.rv .rvi{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}
html.rv .rvi.rvon{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html.rv .rvi{opacity:1;transform:none;transition:none}}
/* a standout line: pink, and in English italic -- "cursive, with an
   angle" (Naomi 2026-10-14 11:18); Hebrew has no true italic, so upright there.
   The home intro's slogan in the full brand pink too (same message). */
body .hintro p.standout.standout,body p.standout.standout{  /* doubled: beats the English body-copy rule in base.css */
  color:var(--slate)}  /* slate, not pink (Naomi voice 2026-10-23 15:37; pink + italic since 11:20) */
body p.standout:dir(ltr){font-style:italic}
body p.standout:dir(rtl){font-weight:600}  /* Hebrew has no italic: bold instead (Naomi voice 10-23 15:39) */
body .hintro p.slogan.slogan{color:var(--clay)}