/* Minimal pass (Oct 2026): Ning Collective first, less text, crisper mirror sequence.
   Loaded last, so these rules override earlier files without editing them. */

/* ---------- Nav: Ning Collective is the first item and the only one with a fill ---------- */
#site-nav a.nav-ning{padding:7px 14px;border:1px solid var(--plum);border-radius:999px;background:var(--surface-raised,#e4ecfb);font-weight:600}
#site-nav a.nav-ning:hover{background:var(--plum);color:var(--on-action,#fbf7f1)}
#site-nav a.nav-ning[aria-current=page]::after{display:none}
#site-nav a.nav-ning[aria-current=page]{background:var(--plum);color:var(--on-action,#fbf7f1)}
@media(min-width:1051px) and (max-width:1320px){#site-nav{gap:22px}}
@media(max-width:1050px){#site-nav a.nav-ning{align-self:flex-start;margin-bottom:6px;padding:9px 16px}}

/* ---------- Home hero ---------- */
.hero-copy .hero-ning{color:inherit;text-decoration:underline;text-decoration-color:var(--cherry);text-decoration-thickness:2px;text-underline-offset:5px;font-weight:600}
.hero-copy .hero-ning:hover{color:var(--cherry)}
/* Stacked tour (phones, square windows): if the copy and room are taller than the screen,
   keep the top in view. Plain "center" pushed the heading up under the header. */
.tour-stage.is-stacked{justify-content:safe center}

/* ---------- Home: one Ning Collective band replaces the strip and the "What I do" block ---------- */
.home-ning{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center;padding:clamp(48px,7vw,96px) clamp(22px,8vw,140px);background:var(--surface-raised,#e4ecfb);border-top:1px solid var(--line)}
.home-ning-art img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid var(--plum);box-shadow:8px 10px 0 #3e4b9324;transform:rotate(-2deg);transition:transform .3s ease}
.home-ning-art:hover img{transform:rotate(0)}
.home-ning-copy h2{font-size:clamp(2.2rem,4vw,3.6rem);margin:6px 0 14px}
.home-ning-copy p:not(.eyebrow){max-width:40ch;font-size:clamp(16px,1.3vw,19px)}
.home-ning-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:8px}
@media(max-width:760px){.home-ning{grid-template-columns:1fr}.home-ning-art{max-width:260px}}
@media(prefers-reduced-motion:reduce){.home-ning-art img{transition:none}}

/* ---------- Work with me ---------- */
.work-intro h1{margin-bottom:14px}
/* Booking steps as one quiet line instead of three boxes. */
.work-intro .intake-steps{display:flex;flex-wrap:wrap;gap:6px 0;margin:18px 0 0;padding:0;background:none;border:0;list-style:none;font-size:14px;color:var(--plum)}
.work-intro .intake-steps li{display:inline;padding:0;background:none;counter-increment:none}
.work-intro .intake-steps li::before{content:none}
.work-intro .intake-steps li+li::before{content:'→';margin:0 .7em;color:var(--cherry)}
.work-page .work-block.services{margin-top:48px}
.service-card h3{margin-bottom:8px}
.service-who{margin-bottom:10px}
.service-story{font-size:14px;line-height:1.55;margin:0 0 10px;padding-left:12px;border-left:2px solid var(--cherry);color:var(--plum)}
.service-more{font-size:14px;margin-bottom:4px}
.service-more summary{cursor:pointer;min-height:36px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}
.service-more .service-gets{margin-top:6px}
.service-card .service-format{margin-top:auto}
/* Past events and talks: closed by default; roles live on the career road. */
.past-work{margin-top:34px;border-top:1px solid var(--line);padding-top:6px}
.past-work summary{cursor:pointer;min-height:44px;display:inline-flex;align-items:center;font-family:var(--serif);font-size:1.25rem}
.past-work summary::after,.intake-more summary::after{content:'+';margin-left:12px;display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid var(--plum);border-radius:50%;font:600 14px/1 var(--sans);color:var(--plum)}
.past-work[open] summary::after,.intake-more[open] summary::after{content:'−'}
.past-work summary::-webkit-details-marker,.intake-more summary::-webkit-details-marker{display:none}
.past-work ul{list-style:none;padding:0;margin:8px 0 0}
.past-work li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 18px;padding:12px 2px;border-top:1px solid var(--line)}
.past-title a{text-decoration:underline;text-underline-offset:4px}
.past-meta{font-size:13px;color:var(--plum)}
/* Optional intake fields fold away. */
.intake-more{margin:0 0 20px;border:1px dashed var(--plum);border-radius:6px;padding:0 16px}
.intake-more summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font-size:14px;font-weight:600}
.intake-more[open]{padding-bottom:2px}
.intake-more[open] summary{margin-bottom:6px}

/* ---------- Mirror: keep the fall-through and arrival readable, not smeared ---------- */
@keyframes fall-in{to{transform:scale(2.6);filter:blur(1px)}}
@keyframes arrive{from{background:#dfe8ff;filter:blur(2px) saturate(.8);transform:scale(1.02)}to{filter:none;transform:none}}