/* MAGIC MAKERS HUB — the look of this world, on white silk. Her palette: deep magenta, electric neon blue, white, iridescent silver. Never dark, never muddy. */
:root{--blue:#1FB0F5;--blue-deep:#0A8FD6;--glow:#7FE4FF;--iris:#8A52E3;--iris-lit:#C9A6FF;--iris-deep:#5E2BB8;--silver:#C9CCD8;--silver-lit:#F1F2F7;--silk:url("img/bg.jpg");--sheen:conic-gradient(from 210deg,#f7f7fb,#dfe2ee 18%,#ffffff 36%,#e6e8f2 52%,#fbfbfe 70%,#d8dbe8 86%,#f7f7fb)}
body{background:#fff}
.mmh-main{padding:0 clamp(20px,5vw,64px) clamp(4rem,8vw,7rem);max-width:80rem;margin:0 auto}
.mmh-eyebrow{font:500 .74rem/1.5 var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--signal);margin:0 0 1rem}
.mmh-h2{font:600 clamp(2rem,4.2vw,3.4rem)/1.06 var(--head);letter-spacing:-.005em;margin:0 0 1rem;text-wrap:balance}
.mmh-sub{font:italic 500 1.3rem/1.4 var(--head);margin:0 0 2.5rem;opacity:.85}
.mmh-prose{max-width:58ch;font-size:1.08rem;line-height:1.72;margin:0 0 1.2rem}
.mmh-prose--quiet{opacity:.75}
.mmh-quiet{opacity:.72;font-size:1rem;line-height:1.6;max-width:56ch}
.mmh-quiet a{color:var(--signal);text-decoration:underline;text-underline-offset:4px}

/* HER QUIET UNDERLINED WORD — never a filled button */
.mmh-word{display:inline-block;background:none;border:0;padding:0 0 .15em;margin:0;font:600 1.05rem/1.2 var(--body);color:var(--signal);text-decoration:none;border-bottom:2px solid var(--signal);cursor:pointer;transition:color .3s,border-color .3s,transform .3s;-webkit-appearance:none;appearance:none}
.mmh-word:hover,.mmh-word:focus-visible{color:var(--blue);border-color:var(--blue);outline:none;transform:translateY(-1px)}
.mmh-word--make{font-size:1.2rem}
/* HER TWO SIGNALS, BOTH ON THE WORLD — hers, 14 September 2026: "where's that blue in this?"
   Magenta speaks for the Magic Maker; electric blue speaks for the Space Maker. Anything of the
   Space side wears blue, and a blue word turns magenta under the hand, the way a magenta one turns blue. */
.mmh-blue,.mmh-word--blue{color:var(--blue)}
.mmh-word--blue{border-color:var(--blue)}
.mmh-word--blue:hover,.mmh-word--blue:focus-visible{color:var(--signal);border-color:var(--signal)}
.mmh-space .mmh-eyebrow,.mmh-space .mmh-word,.mmh-atelier[data-kind="space"] .mmh-eyebrow,.mmh-atelier[data-kind="space"] .mmh-moment__count,.mmh-atelier[data-kind="space"] .mmh-field span,.mmh-hub[data-kind="space"] .mmh-eyebrow,.mmh-hub[data-kind="space"] .mmh-field span,.mmh-hub[data-kind="space"] .mmh-list__acts a,.mmh-card__space{color:var(--blue)}
.mmh-space .mmh-word,.mmh-hub[data-kind="space"] .mmh-word{border-color:var(--blue)}
.mmh-space .mmh-word:hover,.mmh-hub[data-kind="space"] .mmh-word:hover{color:var(--signal);border-color:var(--signal)}
.mmh-atelier[data-kind="space"] .mmh-chip input:checked+span{border-color:var(--blue);background:var(--blue)}
.mmh-atelier[data-kind="space"] .mmh-write:focus,.mmh-atelier[data-kind="space"] .mmh-line:focus,.mmh-atelier[data-kind="space"] .mmh-field input:focus,.mmh-atelier[data-kind="space"] .mmh-own:focus{border-color:var(--blue)}
.mmh-hub[data-kind="space"] .mmh-letter--mine{background:var(--blue)}
.mmh-open__ways .mmh-word:nth-child(1){color:var(--blue);border-color:var(--blue)}
.mmh-open__ways .mmh-word:nth-child(1):hover{color:var(--signal);border-color:var(--signal)}
.mmh-open__ways .mmh-word:only-child{color:var(--signal);border-color:var(--signal)}
.mmh-word--small{font-size:.9rem;font-weight:500}
.mmh-word--back{color:var(--ink);opacity:.55;border-color:transparent;margin-right:1.6rem}
.mmh-word--back:hover{opacity:1;color:var(--ink);border-color:var(--ink)}
.mmh-inline{display:inline}
.mmh-said{background:var(--silver-lit);border-left:3px solid var(--signal);padding:.8rem 1rem;font-size:1rem;max-width:56ch;margin:0 0 1.4rem}

/* THE SPHERES */
.mmh-sphere,.mmh-ring{display:block;max-width:100%;height:auto;overflow:visible}
.mmh-sphere ellipse:first-of-type{transform-origin:50% 50%}

/* ── THE OPENING: a field of spheres on white silk, one person's words in the middle ── */
.mmh-open{position:relative;min-height:calc(100vh - 66px);display:grid;place-items:center;padding:clamp(3rem,6vw,5rem) clamp(20px,5vw,64px);overflow:hidden;background:#fff var(--silk) center/cover no-repeat;isolation:isolate}
.mmh-open::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 55% at 50% 50%,rgba(255,255,255,.96),rgba(255,255,255,.72) 55%,rgba(255,255,255,0) 100%);z-index:1;pointer-events:none}
.mmh-sky{position:absolute;inset:0;z-index:0;pointer-events:none}
.mmh-sky__one{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);transform:translate(-50%,-50%);opacity:0;animation:mmh-arrive 1.6s ease var(--o) forwards,mmh-drift var(--d) ease-in-out calc(var(--o) + 1.6s) infinite alternate}
.mmh-sky__one svg{width:100%;height:100%;filter:drop-shadow(0 12px 18px rgba(27,27,36,.08))}
@keyframes mmh-arrive{from{opacity:0;transform:translate(-50%,-30%) scale(.6)}to{opacity:.96;transform:translate(-50%,-50%) scale(1)}}
@keyframes mmh-drift{from{translate:0 0}to{translate:calc(var(--s) * .35) calc(var(--s) * -.5)}}
.mmh-open__words{position:relative;z-index:2;text-align:center;max-width:52rem}
.mmh-open__emblem{margin:0 auto 1.6rem}
.mmh-open__emblem img{width:100%;filter:drop-shadow(-14px 10px 30px rgba(214,18,122,.18)) drop-shadow(14px 10px 30px rgba(31,91,255,.18))}
.mmh-open__name{font:600 clamp(2rem,6vw,4.4rem)/1.02 var(--name);letter-spacing:.02em;margin:0 0 1.2rem;color:var(--ink)}
.mmh-open__line{font:italic 500 clamp(1.35rem,2.5vw,2.05rem)/1.25 var(--head);max-width:30ch;margin:0 auto 1rem;text-wrap:balance}
.mmh-open__sub{font-size:1.05rem;line-height:1.65;max-width:54ch;margin:0 auto 2rem;opacity:.85}
.mmh-open__ways{display:flex;gap:2.2rem;justify-content:center;flex-wrap:wrap;margin:0}
.gk-js .mmh-open__words>*{opacity:0;transform:translateY(10px);transition:opacity 1s ease,transform 1s ease}
.gk-lit .mmh-open__words>*{opacity:1;transform:none}
.gk-lit .mmh-open__words>:nth-child(1){transition-delay:.1s}.gk-lit .mmh-open__words>:nth-child(2){transition-delay:.5s}.gk-lit .mmh-open__words>:nth-child(3){transition-delay:.7s}.gk-lit .mmh-open__words>:nth-child(4){transition-delay:1s}.gk-lit .mmh-open__words>:nth-child(5){transition-delay:1.3s}.gk-lit .mmh-open__words>:nth-child(6){transition-delay:1.6s}
.gk-still .mmh-sky__one{animation:none;opacity:.85;transform:translate(-50%,-50%)}
.gk-still .mmh-open__words>*{opacity:1!important;transform:none!important;transition:none!important}

/* the bar */
.mmh-bar__nav a{display:inline-flex;align-items:center;gap:.45rem}
.mmh-bar__in{color:var(--signal)!important;opacity:1!important;border-bottom:1.5px solid var(--signal)}
.mmh-bar__me svg{width:22px;height:22px}

.mmh-close__line{margin:1.2rem auto 0;text-align:center}

/* ── THREE SPHERES ── */
.mmh-three{padding:0 clamp(12px,2vw,24px) clamp(3rem,6vw,5rem);max-width:96rem;margin:0 auto}
.mmh-three__stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.8rem,1.5vw,1.4rem);align-items:stretch}
.mmh-three__one h3{font:600 clamp(1.25rem,1.8vw,1.6rem)/1.1 var(--name);letter-spacing:.04em;margin:1.4rem 0 .4rem}
.mmh-three__line{font:italic 500 1.15rem/1.4 var(--head);margin:0 0 .5rem}
.mmh-three__say{font-size:.98rem;line-height:1.55;opacity:.75;margin:0;max-width:30ch;margin-inline:auto}
.mmh-three__mark{width:180px;height:180px;margin:0 auto;position:relative}
.mmh-three__mark svg{width:100%;height:100%}
.gk-js .mmh-three__mark--sphere svg{transform:translateX(-40px) rotate(-20deg);transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.gk-js .mmh-three__one.in .mmh-three__mark--sphere svg{transform:none}
.gk-js .mmh-three__mark--meet .mmh-ring__inside{opacity:0;transition:opacity 1.2s ease .5s}
.gk-js .mmh-three__one.in .mmh-three__mark--meet .mmh-ring__inside{opacity:1}
.gk-js .mmh-three__one{transition-delay:calc(var(--i) * .18s)}
@media(max-width:820px){.mmh-three__stage{grid-template-columns:1fr;gap:3rem}}

/* ── THE ATELIER, INTRODUCED, WITH A SPHERE THAT FORMS AS YOU TYPE ── */
.mmh-try{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(3rem,7vw,6rem) clamp(20px,5vw,64px);max-width:80rem;margin:0 auto;background:linear-gradient(180deg,#fff,var(--silver-lit) 50%,#fff)}
.mmh-try__ask{display:block;font:italic 500 1.35rem/1.35 var(--head);margin:1.6rem 0 .6rem}
.mmh-try__say{width:100%;max-width:34rem;border:0;border-bottom:2px solid var(--silver);background:transparent;font:500 1.35rem/1.4 var(--head);color:var(--ink);padding:.4rem 0;outline:none;transition:border-color .4s}
.mmh-try__say:focus{border-color:var(--signal)}
.mmh-try__after{margin:1.2rem 0 0;font-size:1.05rem;transition:opacity .8s}
.mmh-try__mark{display:grid;place-items:center}
.mmh-forming{position:relative;width:min(70vw,260px);aspect-ratio:1;--form:0}
.mmh-forming svg{width:100%;height:100%;filter:drop-shadow(0 18px 30px rgba(27,27,36,calc(.06 + var(--form) * .12)));transition:filter .6s ease}
.mmh-forming svg.is-new{animation:mmh-pulse .7s ease}
@keyframes mmh-pulse{0%{transform:scale(.96)}50%{transform:scale(1.03)}100%{transform:scale(1)}}
.mmh-forming__say{font:italic 1rem var(--head);opacity:.6;text-align:center;margin:.8rem 0 0}
@media(max-width:820px){.mmh-try{grid-template-columns:1fr}.mmh-try__mark{order:-1}}

/* ── FOR SPACE MAKERS ── */
.mmh-space{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(3rem,7vw,6rem) clamp(20px,5vw,64px);max-width:80rem;margin:0 auto}
.mmh-space__line{color:var(--blue);font-size:clamp(1.5rem,2.6vw,2.1rem);max-width:22ch;margin-bottom:1.6rem}
.mmh-space__mark{display:grid;place-items:center}
.mmh-space__mark svg{width:min(60vw,260px);height:auto}
@media(max-width:820px){.mmh-space{grid-template-columns:1fr}}

/* ── MISSIONS ── */
.mmh-now{padding:clamp(3rem,7vw,6rem) clamp(20px,5vw,64px);max-width:80rem;margin:0 auto;text-align:center}
.mmh-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:1.6rem;text-align:left;margin:1.5rem 0 2rem}
.mmh-card{display:grid;grid-template-columns:96px 1fr;gap:1.2rem;align-items:center;padding:1.4rem;border:1px solid var(--silver-lit);border-radius:22px;background:#fff;text-decoration:none;color:var(--ink);transition:transform .35s,box-shadow .35s,border-color .35s}
.mmh-card:hover{transform:translateY(-3px);box-shadow:0 22px 44px rgba(27,27,36,.08);border-color:var(--silver)}
.mmh-card__mark svg{width:96px;height:96px}
.mmh-card__space{display:block;font:500 .74rem/1.4 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--signal);margin-bottom:.3rem}
.mmh-card__name{display:block;font:600 1.3rem/1.15 var(--head);margin-bottom:.35rem}
.mmh-card__line{display:block;font-size:.95rem;line-height:1.5;opacity:.75}
.mmh-none,.mmh-now__none{text-align:center;padding:2rem 0}
.mmh-none__marks{display:flex;justify-content:center;align-items:center;gap:-1rem;margin:0 0 1.4rem}
.mmh-none__marks svg{margin:0 -.6rem}
.mmh-none h2{font:600 clamp(1.6rem,3vw,2.4rem)/1.1 var(--head);margin:0 0 .8rem}
.mmh-none p{max-width:48ch;margin:0 auto 1rem}
.mmh-now__none .mmh-prose{margin:0 auto}

/* the close */
.mmh-close .gk-close__last{color:var(--signal)}

/* ── INTRO ON INNER PAGES ── */
header.mmh-intro{display:block;border:0;background:none;text-align:center;padding:clamp(2.5rem,5vw,4rem) 0 1rem;max-width:56rem;margin:0 auto}
header.mmh-intro h1{font:600 clamp(1.9rem,4.4vw,3.4rem)/1.06 var(--head);margin:0 0 1rem;text-wrap:balance}
.mmh-intro__line{font-size:1.08rem;line-height:1.7;opacity:.85;max-width:56ch;margin:0 auto}

/* ── THE ATELIER ── */
.mmh-atelier{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(2rem,5vw,5rem);align-items:start;padding:2rem 0 0;max-width:72rem;margin:0 auto}
.mmh-atelier__mark{position:sticky;top:5.5rem;display:grid;justify-items:center}
.mmh-moments{position:relative;min-height:26rem}
.mmh-moment{position:absolute;inset:0;opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.mmh-moment.is-now{position:relative;opacity:1;transform:none;pointer-events:auto}
.mmh-moment.is-gone{transform:translateY(-24px)}
html:not(.gk-js) .mmh-moment{position:relative;opacity:1;transform:none;pointer-events:auto;margin-bottom:3rem}
.mmh-moment__count{font:500 .74rem/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--signal);margin:0 0 1rem}
.mmh-moment__count span{opacity:.5}
.mmh-moment__ask{font:600 clamp(1.5rem,3vw,2.3rem)/1.2 var(--head);margin:0 0 .6rem;text-wrap:balance}
.mmh-moment__hint{font:italic 1.05rem/1.5 var(--head);opacity:.7;margin:0 0 1.4rem}
.mmh-moment__on{display:flex;align-items:center;gap:1rem;margin:1.6rem 0 0}
.mmh-moment__small{font-size:.9rem;opacity:.65;margin:1.2rem 0 0;max-width:52ch}
.mmh-write,.mmh-line,.mmh-field input{width:100%;box-sizing:border-box;border:0;border-bottom:2px solid var(--silver);background:transparent;font:500 1.25rem/1.45 var(--head);color:var(--ink);padding:.5rem 0;outline:none;transition:border-color .4s;resize:vertical}
.mmh-write:focus,.mmh-line:focus,.mmh-field input:focus{border-color:var(--signal)}
.mmh-field{display:block;margin:0 0 1.3rem}
.mmh-field span{display:block;font:500 .78rem/1.4 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--signal);margin-bottom:.1rem}
.mmh-choose{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.mmh-chip{position:relative}
.mmh-chip input{position:absolute;opacity:0;inset:0}
.mmh-chip span{display:inline-block;padding:.55rem 1rem;border-radius:999px;border:1.5px solid var(--silver);font:500 1rem var(--body);cursor:pointer;transition:all .3s;background:#fff}
.mmh-chip input:checked+span{border-color:var(--signal);background:var(--signal);color:#fff}
.mmh-chip input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
.mmh-own{flex:1 1 14rem;border:0;border-bottom:2px solid var(--silver);background:transparent;font:italic 500 1.1rem var(--head);padding:.5rem 0;outline:none}
.mmh-own:focus{border-color:var(--signal)}
@media(max-width:820px){.mmh-atelier{grid-template-columns:1fr;gap:1.5rem}.mmh-atelier__mark{position:relative;top:auto}.mmh-atelier__mark .mmh-forming{width:min(44vw,180px)}.mmh-moments{min-height:22rem}}

/* ── THE HUB ── */
.mmh-hub{padding-top:2rem;max-width:72rem;margin:0 auto}
.mmh-hub__head{display:grid;grid-template-columns:200px 1fr;gap:2.5rem;align-items:center;margin-bottom:3rem}
.mmh-hub__mark svg{width:200px;height:200px}
.mmh-hub__who h1{font:600 clamp(2rem,4.4vw,3.4rem)/1.05 var(--head);margin:0 0 .8rem}
.mmh-hub__state{font:italic 500 1.2rem/1.5 var(--head);margin:0 0 1rem;max-width:52ch}
.mmh-hub__state--held{color:var(--blue-deep)}
.mmh-hub__rooms{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.6rem}
.mmh-room{padding:1.8rem;border:1px solid var(--silver-lit);border-radius:22px;background:#fff}
.mmh-room h2{font:600 1.5rem/1.15 var(--head);margin:0 0 .8rem}
.mmh-room h3{font:600 1.2rem/1.15 var(--head);margin:1.6rem 0 .4rem}
.mmh-room--leave{border:0;background:none;padding:.5rem 0;text-align:right}
.mmh-list{list-style:none;margin:0 0 1rem;padding:0}
.mmh-list li{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--silver-lit)}
.mmh-list li a{color:var(--ink);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.5rem}
.mmh-list__acts{display:inline-flex;gap:1rem;align-items:center;font-size:.9rem}
.mmh-list__acts a{font-weight:500;color:var(--signal)}
.mmh-list__rested{opacity:.6}
.mmh-new{font-style:normal;background:var(--signal);color:#fff;border-radius:999px;padding:.1rem .55rem;font-size:.75rem}
.mmh-inline-fields{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:end;margin-bottom:.4rem}
.mmh-inline-fields .mmh-field{margin:0}
.mmh-card-details{margin-top:1rem}
.mmh-card-details summary{list-style:none;cursor:pointer}
@media(max-width:820px){.mmh-hub__head{grid-template-columns:1fr;text-align:center;justify-items:center}.mmh-hub__mark svg{width:150px;height:150px}}

/* the conversation */
.mmh-talk{margin:0 0 3rem;padding:1.8rem;border:1px solid var(--silver-lit);border-radius:22px;background:linear-gradient(180deg,#fff,var(--silver-lit))}
.mmh-talk__head{display:flex;gap:1rem;align-items:center;margin-bottom:1.2rem}
.mmh-talk__head h2{font:600 1.5rem/1.1 var(--head);margin:0}
.mmh-talk__head p{margin:.2rem 0 0;opacity:.7}
.mmh-talk__head p a{color:var(--signal)}
.mmh-talk__none{font:italic 1.1rem var(--head);opacity:.7}
.mmh-talk__letters{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;gap:.9rem}
.mmh-letter{max-width:70%;background:#fff;border-radius:18px 18px 18px 4px;padding:.9rem 1.1rem;box-shadow:0 6px 18px rgba(27,27,36,.05)}
.mmh-letter--mine{margin-left:auto;background:var(--signal);color:#fff;border-radius:18px 18px 4px 18px}
.mmh-letter__words{margin:0 0 .3rem;font-size:1.02rem;line-height:1.55}
.mmh-letter__when{margin:0;font-size:.78rem;opacity:.6}
@media(max-width:600px){.mmh-letter{max-width:88%}}

/* ── THE WAY IN ── */
.mmh-wayin{max-width:30rem;margin:0 auto;padding:3rem 0;text-align:center}
.mmh-wayin__marks{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.2rem}
.mmh-wayin h1{font:600 clamp(1.8rem,4vw,2.8rem)/1.1 var(--head);margin:0 0 .6rem}
.mmh-wayin .mmh-quiet{margin:0 auto 1.4rem}
.mmh-wayin__form{text-align:left;margin-bottom:1.6rem}
.mmh-wayin__form .mmh-moment__on{justify-content:center}

/* ── A MISSION ── */
.mmh-mission{max-width:72rem;margin:0 auto;padding-top:2rem}
.mmh-mission__head{display:grid;grid-template-columns:240px 1fr;gap:2.5rem;align-items:center;margin-bottom:3rem}
.mmh-mission__mark svg{width:240px;height:240px}
.mmh-mission__who h1{font:600 clamp(2rem,4.6vw,3.6rem)/1.05 var(--head);margin:0 0 .8rem;text-wrap:balance}
.mmh-mission__magic{font:italic 500 1.3rem/1.4 var(--head);margin:0;max-width:40ch}
.mmh-mission__body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(2rem,5vw,4rem);margin-bottom:3rem}
.mmh-mission__body h2{font:600 1.35rem/1.15 var(--head);margin:1.8rem 0 .6rem}
.mmh-mission__body h2:first-child{margin-top:0}
.mmh-mission__space{padding:1.8rem;border-radius:22px;background:var(--silver-lit)}
.mmh-portrait-line{margin:1.1rem 0 0}
.mmh-portrait-line__ask{font:500 .74rem/1.4 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--signal);margin:0 0 .2rem}
.mmh-portrait-line__say{font:500 1.1rem/1.55 var(--head);margin:0}
.mmh-mission__go{padding:2rem;border:1px solid var(--silver-lit);border-radius:22px;text-align:center}
.mmh-mission__go h2{font:600 1.6rem/1.1 var(--head);margin:0 0 .6rem}
.mmh-mission__go .mmh-quiet{margin:0 auto 1rem}
.mmh-mission__go form{max-width:40rem;margin:0 auto;text-align:left}
.mmh-mission__go .mmh-moment__on{justify-content:center}
@media(max-width:820px){.mmh-mission__head,.mmh-mission__body{grid-template-columns:1fr}.mmh-mission__head{text-align:center;justify-items:center}.mmh-mission__mark svg{width:180px;height:180px}}

@media(prefers-reduced-motion:reduce){.mmh-sky__one{animation:none;opacity:.85;transform:translate(-50%,-50%)}.mmh-forming svg.is-new{animation:none}.mmh-moment{transition:none}}

/* ── INTRODUCTIONS — the person met to the Space Makers, and the reverse ── */
.mmh-intros{display:grid;gap:1.2rem;margin:1rem 0 1.6rem}
.mmh-intro{display:grid;grid-template-columns:132px 1fr;gap:1.2rem;align-items:center;padding:1.2rem 1.4rem;border:1px solid var(--silver-lit);border-radius:22px;background:#fff}
.mmh-intros--mission .mmh-intro{grid-template-columns:112px 1fr;padding:1rem 1.2rem}
.mmh-intro__mark svg{width:100%;height:auto}
.mmh-intro__name{display:block;font:600 1.25rem/1.15 var(--head);color:var(--ink);text-decoration:none;margin:.2rem 0 .3rem}
.mmh-intro__shared{font-size:.95rem;line-height:1.5;opacity:.75;margin:0 0 .6rem}
.mmh-list__mission{display:block}
.mmh-list__row{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.mmh-list__intro{margin:.8rem 0 .2rem;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;opacity:.6}
@media(max-width:600px){.mmh-intro,.mmh-intros--mission .mmh-intro{grid-template-columns:1fr}.mmh-intro__mark svg{width:96px}}
/* the Magic Finder door on the first moment */
.mmh-finder{margin:0 0 1.4rem}
.mmh-finder__field{display:none;margin-top:.8rem}
.mmh-finder.is-open [data-finder-open]{display:none}
.mmh-finder.is-open .mmh-finder__field{display:block}

/* ── GLASS — hers, 14 September 2026: whatever holds somebody's Portrait has to be the most beautiful experience (Know Where's green glass, in this world's magenta and blue). A clear glass plate: thick lit edge, deep underside, light through the body, one sweep across the face. Never grey. ── */
.mmh-glass{position:relative;isolation:isolate;border-radius:26px;
  background:
    radial-gradient(120% 90% at 18% 0%,rgba(255,255,255,.92),rgba(255,255,255,0) 58%),
    radial-gradient(90% 70% at 82% 110%,rgba(31,91,255,.16),rgba(31,91,255,0) 62%),
    linear-gradient(160deg,rgba(255,240,250,.85) 0%,rgba(236,242,255,.7) 55%,rgba(255,228,246,.8) 100%);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.9),
    inset 0 2px 0 rgba(255,255,255,1),
    inset 0 -3px 8px rgba(31,91,255,.22),
    inset 0 -1px 0 rgba(214,0,138,.22),
    inset 0 26px 34px -22px rgba(255,255,255,.9),
    0 1.6rem 3rem -1.2rem rgba(27,27,36,.28),
    0 0 3rem rgba(214,0,138,.10);
  transition:transform .35s cubic-bezier(.2,.9,.2,1),box-shadow .35s}
.mmh-glass::after{content:"";position:absolute;left:6%;right:40%;top:4%;height:22%;border-radius:50%;pointer-events:none;z-index:1;background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,0));filter:blur(.45rem)}
.mmh-glass>*{position:relative;z-index:2}
a.mmh-glass:hover,a.mmh-glass:focus-visible{transform:translateY(-3px);box-shadow:0 0 0 1px #fff,inset 0 2px 0 #fff,inset 0 -3px 9px rgba(31,91,255,.3),inset 0 -1px 0 rgba(214,0,138,.3),inset 0 28px 36px -22px rgba(255,255,255,.95),0 2rem 3.4rem -1.2rem rgba(27,27,36,.34),0 0 4rem rgba(214,0,138,.18)}
.mmh-glass--mark{padding:1.2rem;display:grid;place-items:center}
.mmh-card.mmh-glass,.mmh-intro.mmh-glass{border:0;background-color:transparent}
@media(prefers-reduced-motion:reduce){.mmh-glass{transition:none}a.mmh-glass:hover{transform:none}}

/* the Portrait a Space meets */
.mmh-main--portrait{padding:clamp(2rem,6vw,5rem) clamp(20px,5vw,64px);max-width:64rem;margin:0 auto}
.mmh-portrait__glass{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center;padding:clamp(1.5rem,4vw,3rem)}
.mmh-portrait__glass h1{font:600 clamp(2rem,4.5vw,3.4rem)/1.05 var(--head);margin:.2rem 0 .4rem}
.mmh-portrait__where{font-size:1.1rem;opacity:.7;margin:0 0 .8rem}
.mmh-portrait__said{display:grid;gap:1.6rem;margin:2.6rem 0}
.mmh-said-one{padding:0 0 1.4rem;border-bottom:1px solid var(--silver-lit)}
.mmh-said-one__ask{font:italic 500 1.05rem/1.4 var(--head);color:var(--signal);margin:0 0 .5rem}
.mmh-said-one--finder .mmh-said-one__ask{color:var(--blue)}
.mmh-said-one__words{font:500 clamp(1.25rem,2.2vw,1.7rem)/1.4 var(--head);margin:0;white-space:pre-line}
.mmh-portrait__write{padding:1.8rem;border-radius:22px;background:var(--silver-lit)}
.mmh-portrait__missions{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;margin:.6rem 0 0}
@media(max-width:640px){.mmh-portrait__glass{grid-template-columns:1fr;text-align:center}.mmh-portrait__mark svg{width:200px;height:200px}}

/* the field a Space searches */
.mmh-main--field{padding:clamp(2rem,6vw,5rem) clamp(20px,5vw,64px);max-width:80rem;margin:0 auto}
.mmh-look{display:flex;gap:1.2rem;align-items:flex-end;max-width:40rem;margin:0 0 2.4rem}
.mmh-look .mmh-field{flex:1}
.mmh-field-of{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1.6rem}
.mmh-maker{display:grid;grid-template-rows:auto 1fr;gap:.6rem;padding:1.4rem 1.4rem 1.6rem;text-decoration:none;color:var(--ink);text-align:center}
.mmh-maker__mark svg{width:150px;height:150px}
.mmh-maker__name{display:block;font:600 1.3rem/1.15 var(--head)}
.mmh-maker__where{display:block;font-size:.95rem;opacity:.65;margin-top:.15rem}
.mmh-maker__line{display:block;font:italic 500 1rem/1.45 var(--head);margin-top:.6rem;opacity:.85}
.mmh-field-closed{max-width:40rem;padding:2rem 2.2rem}

/* the Portrait and the Atelier, sold on the front */
.mmh-portrait-sell{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(3rem,7vw,6rem) clamp(20px,5vw,64px);max-width:80rem;margin:0 auto}
.mmh-portrait-sell__glass{display:grid;place-items:center;padding:2.4rem;justify-self:center}
.mmh-portrait-sell__not{font:600 clamp(1.4rem,2.6vw,2rem)/1.2 var(--head);color:var(--signal);margin:0 0 .8rem}
.mmh-atelier-sell{padding:clamp(3rem,7vw,6rem) clamp(20px,5vw,64px);max-width:80rem;margin:0 auto}
.mmh-atelier-sell__head{font:600 clamp(2.2rem,5.2vw,4.2rem)/1.05 var(--head);margin:.4rem 0 1.2rem;letter-spacing:-.01em}
.mmh-atelier-sell__head br+*{}
.mmh-atelier-sell__lead{max-width:60ch}
.mmh-atelier-sell__two{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:2rem 3rem;margin-top:2.4rem}
.mmh-steps{list-style:none;margin:0;padding:0;border-top:2px solid var(--signal)}
.mmh-steps--blue{border-top-color:var(--blue)}
.mmh-steps li{display:grid;grid-template-columns:2.6rem 1fr;grid-template-areas:"n name" ". line";gap:.1rem .6rem;align-items:baseline;padding:.9rem 0;border-bottom:1px solid var(--silver-lit)}
.mmh-steps li b{grid-area:n}
.mmh-steps li span{grid-area:name;font:600 1.15rem/1.2 var(--head)}
.mmh-steps li i{grid-area:line;font:500 .98rem/1.4 var(--body);font-style:normal;opacity:.7}
.mmh-steps__head{display:block!important;font:600 .85rem/1.2 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--signal);padding:1rem 0 .4rem!important;border-bottom:0!important}
.mmh-steps--blue .mmh-steps__head{color:var(--blue)}
.mmh-steps b{font:600 .95rem var(--body);color:var(--signal)}
.mmh-steps--blue b{color:var(--blue)}
.mmh-steps i{font:500 1.05rem/1.4 var(--head);font-style:normal}
@media(max-width:760px){.mmh-portrait-sell{grid-template-columns:1fr}}

/* sister worlds, at the foot — hers: link them at the bottom */
.mmh-sisters{padding:clamp(2.4rem,5vw,4rem) clamp(20px,5vw,64px);max-width:80rem;margin:0 auto;border-top:1px solid var(--silver-lit)}
.mmh-sisters__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem;margin-top:1rem}
.mmh-sisters__one{display:block;padding:1rem 1.1rem;border-radius:16px;background:#fff;border:1px solid var(--silver-lit);text-decoration:none;color:var(--ink);transition:border-color .3s,transform .3s}
.mmh-sisters__one:hover{border-color:var(--signal);transform:translateY(-2px)}
.mmh-sisters__one b{display:block;font:600 1.05rem var(--head)}
.mmh-sisters__one span{display:block;font-size:.9rem;opacity:.7;margin-top:.2rem}

/* ── THE THREE, STRAIGHT UNDER THE HERO — hers, 14 September 2026: "people don't understand it yet, so bring the three spheres up, three blocks underneath the hero. Do not give me plain. Make it incredible." Three lacquered plates: magenta, silk, electric blue. Each mark held in round glass. ── */
.mmh-plate{position:relative;isolation:isolate;border-radius:30px;padding:clamp(2rem,3.5vw,3.4rem) clamp(1.4rem,2.6vw,2.6rem) clamp(2.4rem,3.5vw,3.2rem);text-align:center;overflow:hidden;min-height:34rem;display:flex;flex-direction:column;align-items:center}
.mmh-plate--maker{background:radial-gradient(120% 80% at 20% 0%,#ff7dd1 0%,rgba(255,125,209,0) 55%),linear-gradient(165deg,#e8168f 0%,#b0006b 60%,#7a0049 100%);color:#fff}
.mmh-plate--mission{background:#fff var(--silk) center/cover no-repeat;color:var(--ink);box-shadow:inset 0 0 0 1px var(--silver-lit)}
.mmh-plate--mission::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 40%,rgba(255,255,255,.95),rgba(255,255,255,.55) 60%,rgba(255,255,255,.2));z-index:0}
.mmh-plate--space{background:radial-gradient(120% 80% at 80% 0%,#7fa4ff 0%,rgba(127,164,255,0) 55%),linear-gradient(165deg,#2f6bff 0%,#0b3fd6 60%,#062a8f 100%);color:#fff}
.mmh-plate>*{position:relative;z-index:1}
.mmh-plate__glass{width:270px;height:270px;border-radius:50%;display:grid;place-items:center;margin:0 auto 1.6rem;padding:0}
.mmh-plate__glass::after{left:14%;right:34%;top:6%;height:26%}
.mmh-plate--maker .mmh-plate__glass,.mmh-plate--space .mmh-plate__glass{background:radial-gradient(120% 90% at 18% 0%,rgba(255,255,255,.98),rgba(255,255,255,.4) 55%,rgba(255,255,255,.2) 100%);box-shadow:0 0 0 1px rgba(255,255,255,.95),inset 0 2px 0 #fff,inset 0 -4px 10px rgba(0,0,0,.18),inset 0 26px 34px -22px #fff,0 1.8rem 3rem -1.2rem rgba(0,0,0,.5)}
.mmh-plate__glass svg{width:230px;height:230px}
.mmh-plate__eyebrow{font:500 .74rem/1.5 var(--body);letter-spacing:.3em;text-transform:uppercase;opacity:.75;margin:0 0 .5rem}
.mmh-plate h2{font:600 clamp(1.8rem,2.6vw,2.6rem)/1.05 var(--name);letter-spacing:.03em;margin:0 0 .7rem}
.mmh-plate__line{font:italic 500 clamp(1.15rem,1.6vw,1.45rem)/1.3 var(--head);margin:0 0 1rem;max-width:22ch}
.mmh-plate__say{font-size:1.02rem;line-height:1.6;margin:0;max-width:32ch;opacity:.92}
.mmh-plate--mission .mmh-plate__say{opacity:.8}
@media(max-width:900px){.mmh-three__stage{grid-template-columns:1fr}.mmh-plate{min-height:0}}

/* the Atelier, demonstrated — the questions light one by one and the mark weaves itself from them */
.mmh-weave{display:grid;grid-template-columns:1fr;gap:1rem;align-items:start}
.mmh-weave__mark{display:grid;place-items:center;padding:.5rem 0 1rem}
.mmh-weave__mark svg{width:240px;height:240px}
.mmh-steps li[data-weave-step]{opacity:.28;transform:translateX(-6px);transition:opacity .6s,transform .6s}
.mmh-steps li.is-lit{opacity:1;transform:none}
.mmh-atelier-sell__go{display:flex;gap:2rem;flex-wrap:wrap;margin:2.4rem 0 0}
@media(prefers-reduced-motion:reduce){.mmh-steps li[data-weave-step]{opacity:1;transform:none;transition:none}}

/* ── THE TWO DASHBOARDS — hers, 14 September 2026: one for the Magic Maker (Your Sphere, a magenta desk), one for the Space Maker (Your Glass, a blue desk). The mark held in round glass, the rooms beneath. ── */
.mmh-desk{position:relative;isolation:isolate;display:grid;grid-template-columns:300px 1fr;gap:clamp(1.6rem,4vw,3.4rem);align-items:center;border-radius:32px;padding:clamp(1.8rem,3.5vw,3rem) clamp(1.6rem,3.5vw,3.2rem);margin:0 0 2.4rem;overflow:hidden;color:#fff}
.mmh-desk--maker{background:radial-gradient(120% 80% at 15% 0%,#ff7dd1 0%,rgba(255,125,209,0) 55%),linear-gradient(160deg,#e8168f 0%,#b0006b 58%,#7a0049 100%);box-shadow:0 2rem 4rem -1.6rem rgba(122,0,73,.6)}
.mmh-desk--space{background:radial-gradient(120% 80% at 85% 0%,#7fa4ff 0%,rgba(127,164,255,0) 55%),linear-gradient(160deg,#2f6bff 0%,#0b3fd6 58%,#062a8f 100%);box-shadow:0 2rem 4rem -1.6rem rgba(6,42,143,.6)}
.mmh-desk__glass{width:300px;height:300px;border-radius:50%;display:grid;place-items:center;padding:0;justify-self:center;background:radial-gradient(120% 90% at 18% 0%,rgba(255,255,255,.98),rgba(255,255,255,.4) 55%,rgba(255,255,255,.2) 100%);box-shadow:0 0 0 1px rgba(255,255,255,.95),inset 0 2px 0 #fff,inset 0 -4px 10px rgba(0,0,0,.18),inset 0 26px 34px -22px #fff,0 1.8rem 3rem -1.2rem rgba(0,0,0,.5)}
.mmh-desk__glass::after{left:14%;right:34%;top:6%;height:26%}
.mmh-desk__glass svg{width:260px;height:260px}
.mmh-desk__eyebrow{font:500 .74rem/1.5 var(--body);letter-spacing:.3em;text-transform:uppercase;opacity:.8;margin:0 0 .5rem}
.mmh-desk__who h1{font:600 clamp(2.2rem,4.8vw,3.8rem)/1.02 var(--head);margin:0 0 .4rem;letter-spacing:-.01em;text-wrap:balance}
.mmh-desk__where{font-size:1.1rem;opacity:.8;margin:0 0 1rem}
.mmh-desk__state{font:italic 500 clamp(1.1rem,1.6vw,1.35rem)/1.45 var(--head);margin:0 0 1.2rem;max-width:52ch}
.mmh-desk__state--held{color:#fff}
.mmh-desk__acts{display:flex;flex-wrap:wrap;gap:.8rem 2rem;margin:0}
.mmh-word--light{color:#fff;border-color:rgba(255,255,255,.85)}
.mmh-word--light:hover,.mmh-word--light:focus-visible{color:#fff;border-color:#fff}
.mmh-desk__look{display:flex;gap:1.2rem;align-items:flex-end;max-width:34rem;margin:1.6rem 0 0}
.mmh-desk__look .mmh-field{flex:1;margin:0}
.mmh-field--light span{color:rgba(255,255,255,.8)}
.mmh-field--light input{color:#fff;border-bottom-color:rgba(255,255,255,.55)}
.mmh-field--light input:focus{border-bottom-color:#fff}
.mmh-field--light input::placeholder{color:rgba(255,255,255,.55)}
.mmh-hub .mmh-said{margin:0 0 2rem}
.mmh-hub__rooms{grid-template-columns:repeat(auto-fit,minmax(21rem,1fr));gap:1.8rem}
.mmh-room--wide{grid-column:1/-1}
.mmh-room__eyebrow{font:500 .72rem/1.5 var(--body);letter-spacing:.26em;text-transform:uppercase;color:var(--signal);margin:0 0 .4rem}
.mmh-hub--space .mmh-room__eyebrow{color:var(--blue)}
.mmh-room h2{font-size:1.7rem}
.mmh-room--pay h2{font:600 2.2rem/1.1 var(--head);margin:0 0 .5rem}
.mmh-talks{list-style:none;margin:0;padding:0}
.mmh-talks li{border-bottom:1px solid var(--silver-lit)}
.mmh-talks li a{display:grid;grid-template-columns:44px 1fr auto;gap:1rem;align-items:center;padding:.9rem 0;text-decoration:none;color:var(--ink)}
.mmh-talks li a svg{width:44px;height:44px}
.mmh-talks__who b{display:block;font:600 1.1rem/1.2 var(--head)}
.mmh-talks__who i{display:block;font:italic 500 .95rem/1.3 var(--head);color:var(--signal);margin-top:.1rem}
.mmh-hub--space .mmh-talks__who i{color:var(--blue)}
.mmh-talks__who small{display:block;font-size:.9rem;opacity:.65;margin-top:.2rem}
.mmh-new{font:600 .78rem/1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--signal);border-radius:999px;padding:.4rem .7rem;font-style:normal}
.mmh-hub--space .mmh-new{background:var(--blue)}
.mmh-room--words .mmh-said-one{padding:.2rem 0 1rem;margin:0 0 1rem}
.mmh-write--said{font-size:1.15rem}
.mmh-hub--space .mmh-said-one__ask{color:var(--blue)}
.mmh-hub--space .mmh-write:focus,.mmh-hub--space .mmh-field input:focus{border-color:var(--blue)}
.mmh-missions-mine{display:grid;gap:1.4rem;margin:1rem 0 1.6rem}
.mmh-mission-mine{padding:1.6rem 1.8rem}
.mmh-mission-mine.is-kept{box-shadow:0 0 0 2px var(--blue),0 1.6rem 3rem -1.2rem rgba(27,27,36,.28)}
.mmh-mission-mine__top{display:grid;grid-template-columns:1fr auto;gap:1.2rem;align-items:start}
.mmh-mission-mine__name{display:block;font:600 1.5rem/1.15 var(--head);color:var(--ink);text-decoration:none;margin:.1rem 0 .4rem}
.mmh-mission-mine__line{font:italic 500 1.02rem/1.5 var(--head);opacity:.8;margin:0;max-width:60ch}
.mmh-mission-mine__acts{display:flex;gap:1.2rem;align-items:center;margin:0;white-space:nowrap;flex-direction:column;align-items:flex-end}
.mmh-mission-mine__reads{font:500 .74rem/1.4 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin:1.4rem 0 .4rem}
.mmh-mission-mine .mmh-intros{margin:.4rem 0 0}
.mmh-mission-mine .mmh-intro.mmh-glass{background:#fff;box-shadow:0 0 0 1px var(--silver-lit)}
.mmh-mission-mine .mmh-intro.mmh-glass::after{display:none}
.mmh-list--rested{margin-top:.4rem}
@media(max-width:820px){.mmh-desk{grid-template-columns:1fr;text-align:center}.mmh-desk__acts{justify-content:center}.mmh-desk__state{margin-left:auto;margin-right:auto}.mmh-desk__look{margin-left:auto;margin-right:auto}.mmh-mission-mine__top{grid-template-columns:1fr}.mmh-mission-mine__acts{white-space:normal}}
@media(max-width:480px){.mmh-desk__glass{width:240px;height:240px}.mmh-desk__glass svg{width:208px;height:208px}}

/* ── THE DASHBOARDS, NOT PLAIN — hers, 14 September 2026: "it's a bit plain." The hub stands on the world's silk; the desk breathes (the person's own marks drifting behind the glass, the glass floating); the rooms are plates — glass, lacquer, silk — never white cards. ── */
.mmh-main--hub{background:#fff var(--silk) center top/cover no-repeat;position:relative;isolation:isolate}
.mmh-main--hub::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.88) 40%,rgba(255,255,255,.96));z-index:-1;pointer-events:none}
.mmh-desk{padding-top:clamp(2.6rem,5vw,4.2rem);padding-bottom:clamp(2.6rem,5vw,4.2rem)}
.mmh-desk__sky{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.55}
.mmh-desk__sky .mmh-sky__one svg{filter:drop-shadow(0 10px 18px rgba(0,0,0,.25))}
.mmh-desk>*{position:relative;z-index:1}
.mmh-desk::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 45% 70% at 24% 50%,rgba(255,255,255,.22),rgba(255,255,255,0) 70%)}
.mmh-desk__glass{animation:mmh-float 7s ease-in-out infinite alternate;box-shadow:0 0 0 1px rgba(255,255,255,.95),inset 0 2px 0 #fff,inset 0 -4px 10px rgba(0,0,0,.18),inset 0 26px 34px -22px #fff,0 1.8rem 3rem -1.2rem rgba(0,0,0,.5),0 0 5rem rgba(255,255,255,.35)}
@keyframes mmh-float{from{transform:translateY(-6px)}to{transform:translateY(8px)}}
.mmh-desk__eyebrow{letter-spacing:.36em}
.mmh-desk__who h1{font:600 clamp(2.4rem,5.4vw,4.4rem)/1 var(--name);letter-spacing:.04em;text-shadow:0 2px 24px rgba(0,0,0,.18)}
.mmh-desk__where{font:italic 500 1.2rem/1.4 var(--head);opacity:.85}
.mmh-desk__state{opacity:.95}
.mmh-desk__acts .mmh-word{font-size:1.1rem}
/* the rooms as plates */
.mmh-room{border:0;border-radius:28px;padding:clamp(1.6rem,3vw,2.4rem)}
.mmh-room h2{font:600 clamp(1.6rem,2.6vw,2.2rem)/1.1 var(--name);letter-spacing:.02em;margin:0 0 .9rem}
.mmh-room__eyebrow{letter-spacing:.3em}
.mmh-room.mmh-glass{background-color:transparent}
.mmh-room--silk{background:#fff var(--silk) center/cover no-repeat;position:relative;isolation:isolate;box-shadow:inset 0 0 0 1px var(--silver-lit),0 1.4rem 3rem -1.6rem rgba(27,27,36,.25)}
.mmh-room--silk::before{content:"";position:absolute;inset:0;border-radius:28px;background:radial-gradient(ellipse 80% 70% at 50% 30%,rgba(255,255,255,.96),rgba(255,255,255,.72) 60%,rgba(255,255,255,.45));z-index:-1}
.mmh-room--lacquer{color:#fff;position:relative;isolation:isolate;overflow:hidden}
.mmh-room--lacquer::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 80% at 80% 0%,#7fa4ff 0%,rgba(127,164,255,0) 55%),linear-gradient(160deg,#2f6bff 0%,#0b3fd6 58%,#062a8f 100%)}
.mmh-hub--space .mmh-room--lacquer::before{background:radial-gradient(120% 80% at 15% 0%,#ff7dd1 0%,rgba(255,125,209,0) 55%),linear-gradient(160deg,#e8168f 0%,#b0006b 58%,#7a0049 100%)}
.mmh-hub--maker .mmh-room--own::before{background:radial-gradient(120% 80% at 15% 0%,#ff7dd1 0%,rgba(255,125,209,0) 55%),linear-gradient(160deg,#e8168f 0%,#b0006b 58%,#7a0049 100%)}
.mmh-hub--space .mmh-room--own::before{background:radial-gradient(120% 80% at 80% 0%,#7fa4ff 0%,rgba(127,164,255,0) 55%),linear-gradient(160deg,#2f6bff 0%,#0b3fd6 58%,#062a8f 100%)}
.mmh-room--lacquer{box-shadow:0 1.6rem 3.4rem -1.4rem rgba(27,27,36,.5)}
.mmh-room--lacquer .mmh-room__eyebrow,.mmh-hub--space .mmh-room--lacquer .mmh-room__eyebrow{color:rgba(255,255,255,.8)}
.mmh-room--lacquer .mmh-quiet{opacity:.85}
.mmh-room--lacquer .mmh-quiet a,.mmh-room--lacquer .mmh-word,.mmh-room--lacquer .mmh-word--blue{color:#fff;border-color:rgba(255,255,255,.85)}
.mmh-room--lacquer .mmh-word:hover,.mmh-room--lacquer .mmh-word--blue:hover{color:#fff;border-color:#fff}
.mmh-room--lacquer .mmh-talks li{border-bottom-color:rgba(255,255,255,.22)}
.mmh-room--lacquer .mmh-talks li a{color:#fff}
.mmh-room--lacquer .mmh-talks__who i,.mmh-hub--space .mmh-room--lacquer .mmh-talks__who i{color:rgba(255,255,255,.85)}
.mmh-room--lacquer .mmh-talks__who small{opacity:.75}
.mmh-room--lacquer .mmh-new,.mmh-hub--space .mmh-room--lacquer .mmh-new{background:#fff;color:var(--ink)}
.mmh-room--lacquer .mmh-talks li a svg{filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}
.mmh-room--pay h2{font-size:clamp(2.4rem,4vw,3.4rem);letter-spacing:.02em}
.mmh-room--pay p b{font-weight:600}
.mmh-room--pay .mmh-card-details summary{color:#fff;border-color:rgba(255,255,255,.85)}
.mmh-room--pay .mmh-card-details{background:rgba(255,255,255,.96);color:var(--ink);border-radius:18px;padding:1rem 1.2rem;margin-top:1.2rem}
.mmh-room--pay .mmh-card-details summary{color:var(--ink);border-color:var(--ink)}
.mmh-room--words .mmh-said-one__ask{font-size:1.1rem}
.mmh-room--words .mmh-write--said{background:rgba(255,255,255,.55);border-radius:12px 12px 0 0;padding:.6rem .8rem}
.mmh-room--you .mmh-field input{background:rgba(255,255,255,.6);border-radius:10px 10px 0 0;padding:.5rem .7rem}
.mmh-room--leave{background:none;box-shadow:none;padding:.5rem 0}
.mmh-hub__rooms{gap:2rem}
.gk-js .mmh-rise{opacity:0;transform:translateY(16px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.gk-js .mmh-rise.is-in{opacity:1;transform:none}
.gk-still .mmh-rise{opacity:1!important;transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.mmh-desk__glass{animation:none}}

/* ── THE ATELIER WITH DEPTH — hers, 14 September 2026: "the atelier is very plain. Make the bit stand out. They've gotta have depth to them." The room stands on silk; the mark forms inside round glass on a lacquered pedestal, the world drifting behind it; every moment sits on a glass plate. ── */
.mmh-main--atelier{background:#fff var(--silk) center top/cover no-repeat;position:relative;isolation:isolate}
.mmh-main--atelier::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.86) 40%,rgba(255,255,255,.95));z-index:-1;pointer-events:none}
.mmh-main--atelier .mmh-intro{padding-top:clamp(2rem,4vw,3rem)}
.mmh-main--atelier .mmh-intro h1{font:600 clamp(2rem,4.6vw,3.6rem)/1.06 var(--name);letter-spacing:.02em}
.mmh-atelier{align-items:start;gap:clamp(1.6rem,4vw,3.6rem)}
.mmh-atelier__mark{position:sticky;top:5.5rem;isolation:isolate;overflow:hidden;border-radius:32px;padding:clamp(2rem,3.4vw,3rem) 1.4rem clamp(1.8rem,3vw,2.6rem);color:#fff;background:radial-gradient(120% 80% at 15% 0%,#ff7dd1 0%,rgba(255,125,209,0) 55%),linear-gradient(160deg,#e8168f 0%,#b0006b 58%,#7a0049 100%);box-shadow:0 2rem 4rem -1.6rem rgba(122,0,73,.6)}
.mmh-atelier[data-kind="space"] .mmh-atelier__mark,.mmh-atelier[data-kind="mission"] .mmh-atelier__mark{background:radial-gradient(120% 80% at 85% 0%,#7fa4ff 0%,rgba(127,164,255,0) 55%),linear-gradient(160deg,#2f6bff 0%,#0b3fd6 58%,#062a8f 100%);box-shadow:0 2rem 4rem -1.6rem rgba(6,42,143,.6)}
.mmh-atelier__mark .mmh-desk__sky{opacity:.5}
.mmh-atelier__mark>*{position:relative;z-index:1}
.mmh-atelier__mark .mmh-forming{width:min(62vw,240px);border-radius:50%;display:grid;place-items:center;padding:14px;box-sizing:content-box;background:radial-gradient(120% 90% at 18% 0%,rgba(255,255,255,.98),rgba(255,255,255,.4) 55%,rgba(255,255,255,.2) 100%);box-shadow:0 0 0 1px rgba(255,255,255,.95),inset 0 2px 0 #fff,inset 0 -4px 10px rgba(0,0,0,.18),inset 0 26px 34px -22px #fff,0 1.8rem 3rem -1.2rem rgba(0,0,0,.5),0 0 5rem rgba(255,255,255,.3);animation:mmh-float 7s ease-in-out infinite alternate}
.mmh-atelier__mark .mmh-forming svg{filter:drop-shadow(0 14px 22px rgba(0,0,0,.28))}
.mmh-atelier__mark .mmh-forming__say{color:#fff;opacity:.9;font-size:1.05rem;margin-top:1.4rem;max-width:22ch}
.mmh-moments{min-height:30rem}
.mmh-moment.is-now,html:not(.gk-js) .mmh-moment{position:relative;isolation:isolate;border-radius:28px;padding:clamp(1.6rem,3vw,2.6rem) clamp(1.4rem,3vw,2.6rem);background:radial-gradient(120% 90% at 18% 0%,rgba(255,255,255,.96),rgba(255,255,255,0) 58%),radial-gradient(90% 70% at 82% 110%,rgba(31,91,255,.14),rgba(31,91,255,0) 62%),linear-gradient(160deg,rgba(255,240,250,.9) 0%,rgba(236,242,255,.8) 55%,rgba(255,228,246,.85) 100%);box-shadow:0 0 0 1px rgba(255,255,255,.9),inset 0 2px 0 #fff,inset 0 -3px 8px rgba(31,91,255,.2),inset 0 -1px 0 rgba(214,0,138,.2),inset 0 26px 34px -22px rgba(255,255,255,.9),0 1.6rem 3rem -1.2rem rgba(27,27,36,.26),0 0 3rem rgba(214,0,138,.08)}
.mmh-moment.is-now::after{content:"";position:absolute;left:5%;right:44%;top:3%;height:20%;border-radius:50%;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,0));filter:blur(.5rem);z-index:0}
.mmh-moment>*{position:relative;z-index:1}
.mmh-moment__count{display:inline-block;background:var(--signal);color:#fff;border-radius:999px;padding:.4rem .8rem;letter-spacing:.16em;margin-bottom:1.2rem}
.mmh-moment__count span{opacity:.7}
.mmh-atelier[data-kind="space"] .mmh-moment__count,.mmh-atelier[data-kind="mission"] .mmh-moment__count{background:var(--blue);color:#fff}
.mmh-moment__ask{font-size:clamp(1.6rem,3.2vw,2.5rem);letter-spacing:-.005em}
.mmh-moment .mmh-write,.mmh-moment .mmh-line,.mmh-moment .mmh-field input{background:rgba(255,255,255,.75);border-radius:14px 14px 0 0;padding:.8rem 1rem;box-shadow:inset 0 1px 0 #fff}
.mmh-moment .mmh-write::placeholder,.mmh-moment .mmh-line::placeholder{opacity:.45}
.mmh-moment .mmh-chip span{box-shadow:0 6px 14px -8px rgba(27,27,36,.3)}
.mmh-moment .mmh-own{background:rgba(255,255,255,.75);border-radius:14px 14px 0 0;padding:.6rem 1rem}
.mmh-moments .mmh-said{margin-bottom:1.2rem}
.mmh-moment .mmh-finder{margin-bottom:1rem}
@media(max-width:820px){.mmh-atelier__mark{position:relative;top:auto;padding:1.6rem 1rem 1.4rem}.mmh-atelier__mark .mmh-forming{width:min(44vw,180px);padding:10px}}
@media(prefers-reduced-motion:reduce){.mmh-atelier__mark .mmh-forming{animation:none}}
.mmh-atelier .mmh-finder{margin:0 0 1.2rem;padding:.9rem 1.2rem;border-radius:18px;background:rgba(255,255,255,.72);box-shadow:0 0 0 1px rgba(255,255,255,.9),0 1rem 2rem -1.2rem rgba(27,27,36,.25)}

/* ── ELECTRIC BLUE, THE WAY SHE MEANS IT — hers, 14 September 2026, evening: "the electric blue, you haven't got that right. It's like the colours from the IMAGENIQ images where they've got that thing on their back — and that's only an accent." The thing on their back is the line of light down the spine of the white jacket in her IMAGENIQ figures: a glowing cyan-blue (#1FB0F5, lit to #7FE4FF), never a royal blue. And it is an ACCENT — a thread, an edge, a node, a glow — never a whole desk or plate. So every blue fill on the world becomes electric glass: white-silver silk with the light running through its edges. Magenta stays the ground colour it always was. ── */
.mmh-electric,.mmh-plate--space,.mmh-desk--space,.mmh-atelier[data-kind="space"] .mmh-atelier__mark,.mmh-atelier[data-kind="mission"] .mmh-atelier__mark{color:var(--ink);background:radial-gradient(120% 80% at 88% 0%,rgba(127,228,255,.7) 0%,rgba(127,228,255,0) 52%),radial-gradient(90% 60% at 10% 100%,rgba(31,176,245,.22) 0%,rgba(31,176,245,0) 60%),linear-gradient(160deg,#ffffff 0%,#f3f9fe 50%,#e6f6fe 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),inset 0 2px 0 #fff,inset 0 0 0 2px rgba(31,176,245,.18),0 2rem 4rem -1.6rem rgba(31,176,245,.45),0 0 4rem -1rem rgba(127,228,255,.5)}
.mmh-plate--space::after,.mmh-desk--space::after,.mmh-atelier[data-kind="space"] .mmh-atelier__mark::after,.mmh-atelier[data-kind="mission"] .mmh-atelier__mark::after{content:"";position:absolute;left:8%;right:8%;top:0;height:3px;border-radius:3px;background:linear-gradient(90deg,rgba(127,228,255,0),var(--glow) 30%,var(--blue) 50%,var(--glow) 70%,rgba(127,228,255,0));box-shadow:0 0 14px var(--blue),0 0 30px rgba(31,176,245,.55);z-index:1;pointer-events:none}
.mmh-desk--space .mmh-desk__eyebrow,.mmh-plate--space .mmh-plate__eyebrow{color:var(--blue-deep);opacity:1}
.mmh-desk--space .mmh-desk__where,.mmh-desk--space .mmh-desk__state,.mmh-plate--space .mmh-plate__say{color:var(--ink);opacity:.82}
.mmh-desk--space .mmh-desk__state--held{color:var(--blue-deep)}
.mmh-desk--space .mmh-word--light,.mmh-plate--space .mmh-word{color:var(--blue-deep);border-color:var(--blue)}
.mmh-desk--space .mmh-word--light:hover{color:var(--signal);border-color:var(--signal)}
.mmh-desk--space .mmh-field--light span{color:var(--blue-deep)}
.mmh-desk--space .mmh-field--light input{color:var(--ink);border-color:rgba(31,176,245,.5)}
.mmh-desk--space .mmh-desk__glass,.mmh-plate--space .mmh-plate__glass,.mmh-atelier[data-kind="space"] .mmh-atelier__mark .mmh-forming,.mmh-atelier[data-kind="mission"] .mmh-atelier__mark .mmh-forming{box-shadow:0 0 0 1px rgba(255,255,255,.95),inset 0 2px 0 #fff,inset 0 -4px 10px rgba(10,143,214,.18),inset 0 26px 34px -22px #fff,0 1.8rem 3rem -1.2rem rgba(10,143,214,.4),0 0 3rem rgba(127,228,255,.55)}
.mmh-atelier[data-kind="space"] .mmh-atelier__mark .mmh-forming__say,.mmh-atelier[data-kind="mission"] .mmh-atelier__mark .mmh-forming__say{color:var(--ink);opacity:.8}
.mmh-atelier[data-kind="space"] .mmh-atelier__mark .mmh-desk__sky,.mmh-atelier[data-kind="mission"] .mmh-atelier__mark .mmh-desk__sky,.mmh-desk--space .mmh-desk__sky{opacity:.35}
/* the maker's blue rooms and the space's own-colour rooms on the hubs are electric glass now, and read in ink */
.mmh-hub--maker .mmh-room--lacquer:not(.mmh-room--own),.mmh-hub--space .mmh-room--own{color:var(--ink)}
.mmh-hub--maker .mmh-room--lacquer:not(.mmh-room--own)::before,.mmh-hub--space .mmh-room--own::before{background:radial-gradient(120% 80% at 88% 0%,rgba(127,228,255,.7) 0%,rgba(127,228,255,0) 52%),radial-gradient(90% 60% at 10% 100%,rgba(31,176,245,.22) 0%,rgba(31,176,245,0) 60%),linear-gradient(160deg,#ffffff 0%,#f3f9fe 50%,#e6f6fe 100%);box-shadow:inset 0 0 0 2px rgba(31,176,245,.18)}
.mmh-hub--maker .mmh-room--lacquer:not(.mmh-room--own)::after,.mmh-hub--space .mmh-room--own::after{content:"";position:absolute;left:8%;right:8%;top:0;height:3px;border-radius:3px;background:linear-gradient(90deg,rgba(127,228,255,0),var(--glow) 30%,var(--blue) 50%,var(--glow) 70%,rgba(127,228,255,0));box-shadow:0 0 14px var(--blue),0 0 30px rgba(31,176,245,.55);pointer-events:none}
.mmh-hub--maker .mmh-room--lacquer:not(.mmh-room--own){box-shadow:0 2rem 4rem -1.6rem rgba(31,176,245,.45),0 0 4rem -1rem rgba(127,228,255,.5)}
.mmh-hub--space .mmh-room--own{box-shadow:0 2rem 4rem -1.6rem rgba(31,176,245,.45),0 0 4rem -1rem rgba(127,228,255,.5)}
.mmh-hub--maker .mmh-room--lacquer:not(.mmh-room--own) .mmh-room__eyebrow,.mmh-hub--space .mmh-room--own .mmh-room__eyebrow{color:var(--blue-deep)}
.mmh-hub--maker .mmh-room--lacquer:not(.mmh-room--own) .mmh-quiet a,.mmh-hub--maker .mmh-room--lacquer:not(.mmh-room--own) .mmh-word,.mmh-hub--space .mmh-room--own .mmh-quiet a,.mmh-hub--space .mmh-room--own .mmh-word{color:var(--blue-deep);border-color:var(--blue)}
.mmh-hub--maker .mmh-room--lacquer:not(.mmh-room--own) .mmh-word:hover,.mmh-hub--space .mmh-room--own .mmh-word:hover{color:var(--signal);border-color:var(--signal)}
.mmh-hub--maker .mmh-room--lacquer:not(.mmh-room--own) .mmh-talks li{border-bottom-color:rgba(31,176,245,.25)}
.mmh-hub--maker .mmh-room--lacquer:not(.mmh-room--own) .mmh-talks li a,.mmh-hub--space .mmh-room--own .mmh-talks li a{color:var(--ink)}
.mmh-hub--maker .mmh-room--lacquer:not(.mmh-room--own) .mmh-talks__who i{color:var(--blue-deep)}
.mmh-hub--maker .mmh-room--lacquer:not(.mmh-room--own) .mmh-new,.mmh-hub--space .mmh-room--own .mmh-new{background:var(--blue);color:#fff;box-shadow:0 0 12px rgba(31,176,245,.7)}
.mmh-hub--maker .mmh-room--lacquer:not(.mmh-room--own) .mmh-field--light span,.mmh-hub--space .mmh-room--own .mmh-field--light span{color:var(--blue-deep)}
.mmh-hub--maker .mmh-room--lacquer:not(.mmh-room--own) .mmh-field--light input,.mmh-hub--space .mmh-room--own .mmh-field--light input{color:var(--ink);border-color:rgba(31,176,245,.5)}
.mmh-hub--space .mmh-room--own p b,.mmh-hub--maker .mmh-room--lacquer:not(.mmh-room--own) p b{color:var(--blue-deep)}
/* the electric blue as the accent on ink — brighter than the deep for a line, deeper for a word on white */
.mmh-eyebrow--electric,.mmh-atelier[data-kind="space"] .mmh-eyebrow,.mmh-atelier[data-kind="mission"] .mmh-eyebrow,.mmh-hub[data-kind="space"] .mmh-eyebrow,.mmh-space .mmh-eyebrow,.mmh-steps--blue .mmh-steps__head,.mmh-steps--blue b{color:var(--blue-deep)}
.mmh-word--blue,.mmh-space .mmh-word,.mmh-hub[data-kind="space"] .mmh-word,.mmh-open__ways .mmh-word:nth-child(1){color:var(--blue-deep);border-color:var(--blue);text-shadow:0 0 18px rgba(127,228,255,.55)}
.mmh-atelier[data-kind="space"] .mmh-moment__count,.mmh-atelier[data-kind="mission"] .mmh-moment__count{background:var(--blue);box-shadow:0 0 16px rgba(31,176,245,.6)}
.mmh-moment.is-now,html:not(.gk-js) .mmh-moment{background:radial-gradient(120% 90% at 18% 0%,rgba(255,255,255,.96),rgba(255,255,255,0) 58%),radial-gradient(90% 70% at 82% 110%,rgba(31,176,245,.16),rgba(31,176,245,0) 62%),linear-gradient(160deg,rgba(255,240,250,.9) 0%,rgba(236,247,255,.8) 55%,rgba(255,228,246,.85) 100%);box-shadow:0 0 0 1px rgba(255,255,255,.9),inset 0 2px 0 #fff,inset 0 -3px 8px rgba(31,176,245,.22),inset 0 -1px 0 rgba(214,0,138,.2),inset 0 26px 34px -22px rgba(255,255,255,.9),0 1.6rem 3rem -1.2rem rgba(27,27,36,.26),0 0 3rem rgba(214,0,138,.08)}

/* ── THE SPINE — the Mission Atelier on the front, shaped like the light down the back of her IMAGENIQ figure: the glass at the head, one glowing thread running down, six chapters hung off it left and right, and the light travelling the thread as far as the last chapter lit. Hers, 14 September: "shape yours differently and make it really cool." ── */
.mmh-spine{position:relative;max-width:68rem;margin:2.6rem auto 0;--node:2.4rem;--gutter:5rem;--lit:0}
.mmh-spine__glass{position:relative;z-index:2;display:grid;justify-items:center;gap:1rem;margin:0 auto 1.2rem}
.mmh-spine__glass .mmh-forming{width:min(62vw,260px);border-radius:50%;display:grid;place-items:center;padding:14px;box-sizing:content-box;background:radial-gradient(120% 90% at 18% 0%,rgba(255,255,255,.98),rgba(255,255,255,.4) 55%,rgba(255,255,255,.2) 100%);box-shadow:0 0 0 1px rgba(255,255,255,.95),inset 0 2px 0 #fff,inset 0 -4px 10px rgba(10,143,214,.18),inset 0 26px 34px -22px #fff,0 1.8rem 3rem -1.2rem rgba(10,143,214,.4),0 0 4rem rgba(127,228,255,.6);animation:mmh-float 7s ease-in-out infinite alternate}
.mmh-spine__glass .mmh-forming svg{width:100%;height:auto;filter:drop-shadow(0 14px 22px rgba(10,143,214,.25))}
.mmh-spine__head{font:600 .85rem/1.2 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--blue-deep);margin:0}
.mmh-spine__thread{position:absolute;left:50%;top:9rem;bottom:1rem;width:3px;margin-left:-1.5px;border-radius:3px;background:rgba(31,176,245,.16);z-index:0}
.mmh-spine__thread i{position:absolute;left:0;top:0;width:100%;height:calc(var(--lit) * 100%);border-radius:3px;background:linear-gradient(180deg,var(--glow),var(--blue) 70%,var(--glow));box-shadow:0 0 12px var(--blue),0 0 32px rgba(127,228,255,.7);transition:height .9s cubic-bezier(.4,0,.2,1)}
.mmh-spine__thread i::after{content:"";position:absolute;left:50%;bottom:-.45rem;width:.9rem;height:.9rem;margin-left:-.45rem;border-radius:50%;background:#fff;box-shadow:0 0 10px var(--glow),0 0 26px var(--blue)}
.mmh-spine__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr var(--gutter) 1fr;row-gap:1.1rem;position:relative;z-index:1}
.mmh-spine__steps li{position:relative;isolation:isolate;border-radius:24px;padding:1.3rem 1.5rem 1.4rem;display:grid;gap:.25rem;background:radial-gradient(120% 90% at 18% 0%,rgba(255,255,255,.97),rgba(255,255,255,.55) 58%),linear-gradient(160deg,#ffffff,#f1f8fe);box-shadow:0 0 0 1px rgba(255,255,255,.95),inset 0 2px 0 #fff,inset 0 0 0 1px rgba(31,176,245,.14),0 1.4rem 2.8rem -1.4rem rgba(10,143,214,.35);opacity:.3;transition:opacity .7s,transform .7s,box-shadow .7s;grid-row:var(--n)}
.mmh-spine__steps li:nth-child(odd){grid-column:1;text-align:right;transform:translateX(1.2rem)}
.mmh-spine__steps li:nth-child(even){grid-column:3;transform:translateX(-1.2rem)}
.mmh-spine__steps li.is-lit{opacity:1;transform:none;box-shadow:0 0 0 1px rgba(255,255,255,.95),inset 0 2px 0 #fff,inset 0 0 0 1px rgba(31,176,245,.3),0 1.4rem 2.8rem -1.4rem rgba(10,143,214,.45),0 0 2.4rem -.4rem rgba(127,228,255,.55)}
.mmh-spine__steps li b{position:absolute;top:1.25rem;width:var(--node);height:var(--node);border-radius:50%;display:grid;place-items:center;font:600 .78rem var(--body);letter-spacing:.06em;color:var(--blue-deep);background:#fff;box-shadow:0 0 0 1px rgba(31,176,245,.35),0 6px 14px -6px rgba(10,143,214,.5);transition:background .6s,color .6s,box-shadow .6s;z-index:2}
.mmh-spine__steps li:nth-child(odd) b{right:calc(-1 * (var(--gutter) / 2 + var(--node) / 2))}
.mmh-spine__steps li:nth-child(even) b{left:calc(-1 * (var(--gutter) / 2 + var(--node) / 2))}
.mmh-spine__steps li.is-lit b{background:var(--blue);color:#fff;box-shadow:0 0 0 3px #fff,0 0 16px var(--blue),0 0 34px rgba(127,228,255,.8)}
.mmh-spine__steps li span{font:600 clamp(1.2rem,1.9vw,1.55rem)/1.15 var(--name);letter-spacing:.03em;color:var(--ink)}
.mmh-spine__steps li i{font:500 1rem/1.45 var(--body);font-style:normal;color:var(--ink);opacity:.72}
/* the thread hands its light to each chapter: a short glowing tie from the node into the plate */
.mmh-spine__steps li::before{content:"";position:absolute;top:calc(1.25rem + var(--node) / 2 - 1px);width:calc(var(--gutter) / 2 - var(--node) / 2);height:2px;background:linear-gradient(90deg,var(--glow),var(--blue));opacity:0;transition:opacity .6s;box-shadow:0 0 8px var(--blue)}
.mmh-spine__steps li:nth-child(odd)::before{right:calc(-1 * (var(--gutter) / 2 - var(--node) / 2));background:linear-gradient(90deg,var(--blue),var(--glow))}
.mmh-spine__steps li:nth-child(even)::before{left:calc(-1 * (var(--gutter) / 2 - var(--node) / 2))}
.mmh-spine__steps li.is-lit::before{opacity:1}
@media(max-width:720px){
	.mmh-spine{--gutter:3.6rem;--node:2rem}
	.mmh-spine__thread{left:calc(var(--gutter) / 2);margin-left:-1.5px;top:10rem}
	.mmh-spine__steps{grid-template-columns:var(--gutter) 1fr}
	.mmh-spine__steps li:nth-child(odd),.mmh-spine__steps li:nth-child(even){grid-column:2;text-align:left;transform:translateX(.8rem)}
	.mmh-spine__steps li:nth-child(odd) b,.mmh-spine__steps li:nth-child(even) b{right:auto;left:calc(-1 * (var(--gutter) / 2 + var(--node) / 2))}
	.mmh-spine__steps li:nth-child(odd)::before,.mmh-spine__steps li:nth-child(even)::before{right:auto;left:calc(-1 * (var(--gutter) / 2 - var(--node) / 2));background:linear-gradient(90deg,var(--glow),var(--blue))}
	.mmh-spine__steps li{padding:1.1rem 1.1rem 1.2rem}
	.mmh-spine__glass{justify-items:start;padding-left:calc(var(--gutter) / 2 - 1.2rem)}
}
@media(prefers-reduced-motion:reduce){.mmh-spine__glass .mmh-forming{animation:none}.mmh-spine__steps li{opacity:1;transform:none;transition:none}.mmh-spine__thread i{transition:none}}
.mmh-desk--space .mmh-field--light input::placeholder{color:var(--ink);opacity:.45}

/* ── IRIS IS THE SPACE MAKER'S COLOUR — hers, 14 September 2026, evening, off the purple wall: "love the options — Iris." (#8A52E3, lit #C9A6FF.) The Space Maker stands on iris lacquer the way the Magic Maker stands on magenta; the electric blue stays what she said it is — the accent, the thread of light along the edge. The Space's words on white are iris. ── */
.mmh-plate--space,.mmh-desk--space,.mmh-atelier[data-kind="space"] .mmh-atelier__mark,.mmh-atelier[data-kind="mission"] .mmh-atelier__mark{color:#fff;background:radial-gradient(120% 80% at 80% 0%,var(--iris-lit) 0%,rgba(201,166,255,0) 55%),linear-gradient(165deg,var(--iris) 0%,#6F36D0 60%,var(--iris-deep) 100%);box-shadow:0 2rem 4rem -1.6rem rgba(94,43,184,.6)}
.mmh-hub--maker .mmh-room--lacquer:not(.mmh-room--own),.mmh-hub--space .mmh-room--own{color:#fff;box-shadow:0 1.6rem 3.4rem -1.4rem rgba(94,43,184,.5)}
.mmh-hub--maker .mmh-room--lacquer:not(.mmh-room--own)::before,.mmh-hub--space .mmh-room--own::before{background:radial-gradient(120% 80% at 80% 0%,var(--iris-lit) 0%,rgba(201,166,255,0) 55%),linear-gradient(160deg,var(--iris) 0%,#6F36D0 58%,var(--iris-deep) 100%);box-shadow:none}
.mmh-desk--space .mmh-desk__eyebrow,.mmh-plate--space .mmh-plate__eyebrow{color:#fff;opacity:.8}
.mmh-desk--space .mmh-desk__where,.mmh-desk--space .mmh-desk__state,.mmh-plate--space .mmh-plate__say,.mmh-desk--space .mmh-desk__state--held{color:#fff}
.mmh-desk--space .mmh-word--light,.mmh-plate--space .mmh-word{color:#fff;border-color:rgba(255,255,255,.85)}
.mmh-desk--space .mmh-word--light:hover{color:#fff;border-color:#fff}
.mmh-desk--space .mmh-field--light span{color:rgba(255,255,255,.85)}
.mmh-desk--space .mmh-field--light input{color:#fff;border-color:rgba(255,255,255,.5)}
.mmh-desk--space .mmh-field--light input::placeholder{color:#fff;opacity:.5}
.mmh-atelier[data-kind="space"] .mmh-atelier__mark .mmh-forming__say,.mmh-atelier[data-kind="mission"] .mmh-atelier__mark .mmh-forming__say{color:#fff;opacity:.9}
.mmh-atelier[data-kind="space"] .mmh-atelier__mark .mmh-desk__sky,.mmh-atelier[data-kind="mission"] .mmh-atelier__mark .mmh-desk__sky,.mmh-desk--space .mmh-desk__sky{opacity:.5}
.mmh-hub--maker .mmh-room--lacquer:not(.mmh-room--own) .mmh-room__eyebrow,.mmh-hub--space .mmh-room--own .mmh-room__eyebrow{color:rgba(255,255,255,.8)}
.mmh-hub--maker .mmh-room--lacquer:not(.mmh-room--own) .mmh-quiet a,.mmh-hub--maker .mmh-room--lacquer:not(.mmh-room--own) .mmh-word,.mmh-hub--space .mmh-room--own .mmh-quiet a,.mmh-hub--space .mmh-room--own .mmh-word{color:#fff;border-color:rgba(255,255,255,.85)}
.mmh-hub--maker .mmh-room--lacquer:not(.mmh-room--own) .mmh-word:hover,.mmh-hub--space .mmh-room--own .mmh-word:hover{color:#fff;border-color:#fff}
.mmh-hub--maker .mmh-room--lacquer:not(.mmh-room--own) .mmh-talks li{border-bottom-color:rgba(255,255,255,.22)}
.mmh-hub--maker .mmh-room--lacquer:not(.mmh-room--own) .mmh-talks li a,.mmh-hub--space .mmh-room--own .mmh-talks li a{color:#fff}
.mmh-hub--maker .mmh-room--lacquer:not(.mmh-room--own) .mmh-talks__who i{color:rgba(255,255,255,.85)}
.mmh-hub--maker .mmh-room--lacquer:not(.mmh-room--own) .mmh-field--light span,.mmh-hub--space .mmh-room--own .mmh-field--light span{color:rgba(255,255,255,.85)}
.mmh-hub--maker .mmh-room--lacquer:not(.mmh-room--own) .mmh-field--light input,.mmh-hub--space .mmh-room--own .mmh-field--light input{color:#fff;border-color:rgba(255,255,255,.5)}
.mmh-hub--space .mmh-room--own p b,.mmh-hub--maker .mmh-room--lacquer:not(.mmh-room--own) p b{color:#fff}
/* the glass held on iris keeps its electric glow — the accent, exactly as she said */
.mmh-desk--space .mmh-desk__glass,.mmh-plate--space .mmh-plate__glass,.mmh-atelier[data-kind="space"] .mmh-atelier__mark .mmh-forming,.mmh-atelier[data-kind="mission"] .mmh-atelier__mark .mmh-forming{box-shadow:0 0 0 1px rgba(255,255,255,.95),inset 0 2px 0 #fff,inset 0 -4px 10px rgba(0,0,0,.18),inset 0 26px 34px -22px #fff,0 1.8rem 3rem -1.2rem rgba(0,0,0,.5),0 0 3rem rgba(127,228,255,.55)}
/* the Space's words on white are iris; the electric blue keeps the thread, the nodes and the glow */
.mmh-eyebrow--electric,.mmh-atelier[data-kind="space"] .mmh-eyebrow,.mmh-atelier[data-kind="mission"] .mmh-eyebrow,.mmh-hub[data-kind="space"] .mmh-eyebrow,.mmh-space .mmh-eyebrow,.mmh-spine__head{color:var(--iris-deep)}
.mmh-word--blue,.mmh-space .mmh-word,.mmh-hub[data-kind="space"] .mmh-word,.mmh-open__ways .mmh-word:nth-child(1){color:var(--iris-deep);border-color:var(--iris);text-shadow:none}
.mmh-word--blue:hover,.mmh-space .mmh-word:hover,.mmh-hub[data-kind="space"] .mmh-word:hover{color:var(--signal);border-color:var(--signal)}
.mmh-atelier[data-kind="space"] .mmh-moment__count,.mmh-atelier[data-kind="mission"] .mmh-moment__count{background:var(--iris);box-shadow:0 0 16px rgba(138,82,227,.5)}
.mmh-spine__steps li span{color:var(--iris-deep)}

/* ── WHAT A MISSION CAN BE — the page for Space Makers (hers, 14 September 2026, evening). Six glasses, each lit by a different amount of the electricity — the innovation sensation — so the shape of a Mission is seen as how much of somebody's light it takes. ── */
.mmh-main--shapes .mmh-intro{padding-bottom:2rem}
.mmh-main--shapes .mmh-eyebrow{color:var(--iris-deep)}
.mmh-main--shapes .mmh-shapes__go .mmh-word:not(.mmh-word--blue){color:var(--signal);border-color:var(--signal)}
.mmh-shapes{position:relative;isolation:isolate;max-width:78rem;margin:0 auto;padding:clamp(1.6rem,3vw,3rem) clamp(1rem,2.4vw,2.4rem) clamp(2rem,3.5vw,3rem);border-radius:34px;color:#fff;background:radial-gradient(120% 80% at 80% 0%,var(--iris-lit) 0%,rgba(201,166,255,0) 55%),radial-gradient(70% 50% at 8% 100%,rgba(127,228,255,.28) 0%,rgba(127,228,255,0) 60%),linear-gradient(165deg,var(--iris) 0%,#6F36D0 60%,var(--iris-deep) 100%);box-shadow:0 2rem 4rem -1.6rem rgba(94,43,184,.6)}
.mmh-shapes::after{content:"";position:absolute;left:8%;right:8%;top:0;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--glow) 30%,var(--blue) 50%,var(--glow) 70%,transparent);box-shadow:0 0 14px var(--blue),0 0 30px rgba(127,228,255,.7);opacity:.9}
.mmh-shapes__six{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.8rem)}
.mmh-shape{display:grid;justify-items:center;text-align:center;gap:.35rem;padding:1.4rem 1.2rem 1.6rem;border-radius:26px;background:radial-gradient(120% 90% at 18% 0%,rgba(255,255,255,.22),rgba(255,255,255,.06) 60%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),inset 0 1px 0 rgba(255,255,255,.55)}
.gk-js .mmh-shape{opacity:0;transform:translateY(14px);transition:opacity .7s calc(var(--i) * .12s),transform .7s calc(var(--i) * .12s)}
.gk-js .gk-rise.in .mmh-shape{opacity:1;transform:none}
.mmh-shape__glass{position:relative;width:150px;height:150px;margin-bottom:.6rem}
.mmh-shape__glass>svg:first-child{width:100%;height:100%;filter:drop-shadow(0 14px 22px rgba(30,10,80,.45))}
.mmh-shape__light{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.mmh-shape__arc{stroke:var(--glow);stroke-dashoffset:0}
.mmh-shape__node{fill:#fff;filter:drop-shadow(0 0 4px var(--glow)) drop-shadow(0 0 9px var(--blue))}
.mmh-shape__petal{fill:var(--glow);opacity:.9}
.mmh-shape--full .mmh-shape__arc{stroke-width:2.8}
.mmh-shape__name{font:600 1.35rem/1.1 var(--name);letter-spacing:.04em;margin:.2rem 0 0;color:#fff}
.mmh-shape__line{font-size:.97rem;line-height:1.55;margin:0;max-width:30ch;color:rgba(255,255,255,.86)}
.mmh-shapes__several{text-align:center;max-width:52ch;margin:clamp(1.6rem,3vw,2.4rem) auto 0;color:rgba(255,255,255,.9);font-style:italic}
.mmh-shapes-then{max-width:68rem;margin:clamp(3rem,6vw,5rem) auto 0;padding:0 1rem;text-align:center}
.mmh-shapes-then .mmh-eyebrow{margin-bottom:1rem}
.mmh-spine--then .mmh-spine__glass .mmh-forming{width:min(50vw,200px)}
.mmh-spine--then .mmh-spine__thread{top:7rem}
.mmh-spine--then .mmh-spine__steps li{text-align:left}
.mmh-spine--then .mmh-spine__steps li:nth-child(odd){text-align:right}
.mmh-shapes__go{display:flex;gap:1.6rem;justify-content:center;flex-wrap:wrap;margin:clamp(2rem,4vw,3rem) 0 clamp(3rem,6vw,5rem)}
@media(prefers-reduced-motion:no-preference){
	.mmh-shape__arc{animation:mmh-arc-in 1.6s cubic-bezier(.2,.7,.2,1) calc(.3s + var(--i) * .12s) both}
	@keyframes mmh-arc-in{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
	.mmh-shape:hover .mmh-shape__glass{animation:mmh-float 3s ease-in-out infinite alternate}
}
@media(max-width:900px){.mmh-shapes__six{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.mmh-shapes__six{grid-template-columns:1fr}.mmh-shape{padding:1.2rem 1rem 1.4rem}.mmh-spine--then .mmh-spine__steps li:nth-child(odd){text-align:left}}
/* how a Mission holds, on its card — iris, small, under the name */
.mmh-card__holds{display:block;font:600 .72rem/1.4 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--iris-deep);margin:.15rem 0 .4rem}

/* ── WHEN — a Magic Maker's time, and a Mission needed now (hers, 14 September 2026, evening). The dot is the electricity. ── */
.mmh-when{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font:600 .82rem/1.4 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--signal);margin:.3rem 0 0}
.mmh-when i{width:.6rem;height:.6rem;border-radius:50%;background:var(--blue);box-shadow:0 0 8px var(--blue),0 0 18px rgba(127,228,255,.8)}
.mmh-when--from i,.mmh-when--ahead i{background:#fff;box-shadow:0 0 0 2px var(--blue),0 0 12px rgba(31,176,245,.6)}
.mmh-when span{font-weight:500;letter-spacing:.06em;text-transform:none;opacity:.8}
.mmh-when--desk{color:#fff}
.mmh-when--desk span{opacity:.85}
.mmh-when--small{font-size:.72rem;margin:.1rem 0 .2rem}
.mmh-needed{display:inline-flex;align-items:center;gap:.45rem;font:600 .74rem/1.4 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--blue-deep);margin:.2rem 0 .4rem}
.mmh-needed i{width:.55rem;height:.55rem;border-radius:50%;background:var(--blue);box-shadow:0 0 8px var(--blue),0 0 18px rgba(127,228,255,.9);animation:mmh-pulse 1.8s ease-in-out infinite}
.mmh-needed--month i{animation:none;background:#fff;box-shadow:0 0 0 2px var(--blue)}
.mmh-needed--card{display:flex}
@keyframes mmh-pulse{0%,100%{box-shadow:0 0 6px var(--blue),0 0 14px rgba(127,228,255,.7)}50%{box-shadow:0 0 12px var(--blue),0 0 30px rgba(127,228,255,1)}}
@media(prefers-reduced-motion:reduce){.mmh-needed i{animation:none}}
.mmh-time{display:grid;gap:1rem;margin-top:1rem}
.mmh-choose--one{display:flex;flex-wrap:wrap;gap:.5rem}
.mmh-time__from{max-width:18rem}
.mmh-time__from input{font:500 1rem var(--body);padding:.5rem .7rem;border:1.5px solid var(--silver);border-radius:12px;background:#fff;color:var(--ink)}
.mmh-time .mmh-choose{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.mmh-time .mmh-own{flex:1 1 14rem}
.mmh-needed-form{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;margin:.4rem 0 0}
.mmh-needed-form__ask{font:500 .74rem/1.4 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--iris-deep)}
.mmh-needed-form .mmh-word{opacity:.55;border-bottom-color:transparent}
.mmh-needed-form .mmh-word.is-on{opacity:1;border-bottom-color:var(--iris)}
.mmh-chip--day{display:inline-flex;align-items:center;gap:.5rem}
.mmh-chip--day span{border-style:dashed}
.mmh-chip--day input.mmh-time__day{position:static;opacity:1;inset:auto;font:500 .95rem var(--body);padding:.45rem .6rem;border:1.5px solid var(--silver);border-radius:12px;background:#fff;color:var(--ink);width:auto}
.mmh-time__from .mmh-choose{gap:.5rem}

/* FIND WHAT YOU NEED — the business's discovery, before the Mission Atelier (hers, 14 September 2026, night). On the front: the words beside a glass on iris silk; the made page: the Mission in glass, their own words under it. */
.mmh-need-sell{max-width:80rem;margin:0 auto;padding:clamp(3rem,7vw,6rem) clamp(20px,5vw,64px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.mmh-need-sell h2{font:700 clamp(1.9rem,4vw,3.2rem)/1.05 var(--head);letter-spacing:-.02em;margin:0 0 1rem;max-width:18ch;text-wrap:balance}
.mmh-need-sell__go{margin-top:1.6rem;display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem}
.mmh-need-sell__after{font:400 .92rem/1.5 var(--body);opacity:.75;max-width:34ch}
.mmh-need-sell__mark{width:min(100%,300px);margin:0 auto}
.mmh-eyebrow--iris{color:var(--iris,#8A52E3)}
.mmh-word--iris{color:var(--iris,#8A52E3)}.mmh-word--iris::after{background:var(--iris,#8A52E3)}
@media(max-width:820px){.mmh-need-sell{grid-template-columns:1fr}.mmh-need-sell__mark{order:-1;width:min(56vw,220px)}}
.mmh-need{max-width:64rem;margin:0 auto;padding:0 clamp(20px,5vw,64px) clamp(4rem,8vw,7rem);display:grid;gap:2rem}
.mmh-need__glass{padding:clamp(1.8rem,4vw,3.2rem);display:grid;gap:1rem;justify-items:start}
.mmh-need__mark{width:min(50vw,180px);margin:0 0 .4rem}
.mmh-need__name{font:700 clamp(1.9rem,4.4vw,3.4rem)/1.02 var(--head);letter-spacing:-.02em;margin:0;text-wrap:balance}
.mmh-need__body p{font:400 1.05rem/1.7 var(--body);margin:0 0 1rem;max-width:58ch}
.mmh-need__line{font:400 1.02rem/1.6 var(--body);max-width:52ch}
.mmh-need__said{display:grid;gap:.4rem}
.mmh-need__on{display:grid;gap:.8rem;justify-items:start}
.mmh-need__small{font:400 .92rem/1.5 var(--body);opacity:.75;max-width:52ch;margin:0}

/* ── THE DIVE BADGE — hers, 9 October 2026 ───────────────────────────────
 * "A special badge for someone that has actually gone and paid for their Magic
 * Finder. We'll need three different badges, for which one they've done."
 * The three are her own image: the shallows, the treasure, the caves.
 * Drawn in this world's glass, because it is worn here. */
.mmh-dive { display:inline-flex; align-items:center; gap:.7rem;
  padding:.5rem .95rem .5rem .55rem; border-radius:999px;
  background:linear-gradient(180deg,#fff, #FFF4F9);
  border:1px solid rgba(var(--glow,214,18,122),.18);
  box-shadow:0 8px 22px rgba(var(--glow,214,18,122),.12);
  text-decoration:none; color:var(--ink,#1B1B24); }
.mmh-dive__glass { display:inline-flex; line-height:0; }
.mmh-sphere--dive { filter:drop-shadow(0 3px 7px rgba(var(--glow,214,18,122),.3)); }
.mmh-dive__words { display:flex; flex-direction:column; gap:.1rem; }
.mmh-dive__eye { font:600 .58rem/1 var(--body,sans-serif); letter-spacing:.22em;
  text-transform:uppercase; color:var(--signal,#D6127A); opacity:.85; }
.mmh-dive__name { font:400 1.02rem/1.1 var(--name,'Unbounded',sans-serif);
  letter-spacing:.01em; color:var(--ink,#1B1B24); }
.mmh-dive__marks { display:inline-flex; gap:.22rem; margin-left:.15rem; }
.mmh-dive__mark { width:5px; height:5px; border-radius:50%;
  background:rgba(var(--glow,214,18,122),.2); }
.mmh-dive__mark.is-lit { background:var(--signal,#D6127A);
  box-shadow:0 0 6px rgba(var(--glow,214,18,122),.6); }
/* deepest reads richest — the caves badge carries the most light */
.mmh-dive--treasure { box-shadow:0 10px 26px rgba(var(--glow,214,18,122),.18); }
.mmh-dive--caves { background:linear-gradient(180deg,#fff,#FFE9F3);
  border-color:rgba(var(--glow,214,18,122),.34);
  box-shadow:0 12px 30px rgba(var(--glow,214,18,122),.24); }
@media(max-width:480px){ .mmh-dive{ gap:.55rem; padding:.45rem .8rem .45rem .5rem; }
  .mmh-dive__name{ font-size:.95rem; } }

/* ── FOR SPACE MAKERS — hers, 9 October 2026: "a huge page for the space
 * maker." Her own words throughout, her glass, no gradient on any press. */
.mmh-space-page { --sp-gap: clamp(3.2rem,9vw,6.5rem); }
.mmh-sp__open h1 { font:400 clamp(2rem,6.4vw,3.6rem)/1.08 var(--name,'Unbounded',sans-serif);
  letter-spacing:-.01em; color:var(--ink,#1B1B24); text-wrap:balance; margin:.4rem 0 .9rem; }

.mmh-sp__law { margin:var(--sp-gap) auto; padding:clamp(2rem,6vw,3.6rem) 1.2rem; text-align:center;
  background:linear-gradient(180deg,#fff,#FFF4F9); border-block:1px solid rgba(var(--glow,214,18,122),.14); }
.mmh-sp__lawline { margin:0 auto; max-width:30ch; font:400 clamp(1.3rem,4.4vw,2.1rem)/1.35 var(--head,'Cormorant Garamond',Georgia,serif);
  color:var(--signal,#D6127A); text-wrap:balance; }

.mmh-sp__two { display:grid; gap:clamp(1.1rem,3vw,1.8rem); max-width:62rem; margin:var(--sp-gap) auto; padding:0 1.2rem; }
@media(min-width:880px){ .mmh-sp__two{ grid-template-columns:1fr 1.3fr; align-items:start; } }
.mmh-sp__card { padding:clamp(1.4rem,4vw,2.2rem); border-radius:24px; }
.mmh-sp__card--real { border:1px solid rgba(var(--glow,214,18,122),.22);
  box-shadow:0 18px 44px rgba(var(--glow,214,18,122),.12); }
.mmh-sp__eye { margin:0 0 1rem; font:600 .64rem/1 var(--body,sans-serif); letter-spacing:.24em;
  text-transform:uppercase; color:var(--signal,#D6127A); opacity:.8; }
.mmh-sp__flat { list-style:none; margin:0; padding:0; display:grid; gap:.65rem; }
.mmh-sp__flat li { font:400 1rem/1.4 var(--body,sans-serif); color:var(--ink,#1B1B24); opacity:.45; }
.mmh-sp__under { margin:1.2rem 0 0; font:400 .95rem/1.5 var(--body,sans-serif);
  color:var(--ink,#1B1B24); opacity:.5; font-style:italic; }
.mmh-sp__head { margin:0 0 .9rem; font:400 clamp(1.3rem,4vw,1.9rem)/1.2 var(--name,'Unbounded',sans-serif);
  color:var(--ink,#1B1B24); text-wrap:balance; }

.mmh-sp__mission, .mmh-sp__who, .mmh-sp__given, .mmh-sp__ask {
  max-width:62rem; margin:var(--sp-gap) auto; padding:0 1.2rem; }
.mmh-sp__h2 { margin:0 0 .9rem; font:400 clamp(1.5rem,4.8vw,2.4rem)/1.15 var(--name,'Unbounded',sans-serif);
  color:var(--ink,#1B1B24); text-wrap:balance; }
.mmh-sp__wide { max-width:52ch; }
.mmh-sp__badges { display:flex; flex-wrap:wrap; gap:.8rem; margin:1.6rem 0 0; }

.mmh-sp__grid { display:grid; gap:clamp(1.1rem,3vw,1.7rem); margin-top:1.4rem; }
@media(min-width:720px){ .mmh-sp__grid{ grid-template-columns:1fr 1fr; } }
.mmh-sp__grid h3 { margin:0 0 .4rem; font:400 1.18rem/1.25 var(--name,'Unbounded',sans-serif); color:var(--ink,#1B1B24); }
.mmh-sp__grid p { margin:0; font:400 1rem/1.6 var(--body,sans-serif); color:var(--ink,#1B1B24); opacity:.78; }

.mmh-sp__ask { text-align:center; padding-bottom:clamp(3rem,8vw,5rem); }
.mmh-sp__fee { margin:0 0 1.4rem; font:400 clamp(2.4rem,8vw,4rem)/1 var(--name,'Unbounded',sans-serif);
  color:var(--signal,#D6127A); }
.mmh-sp__fee small { display:block; margin-top:.5rem; font:400 .9rem/1 var(--body,sans-serif);
  letter-spacing:.2em; text-transform:uppercase; color:var(--ink,#1B1B24); opacity:.55; }
.mmh-sp__last { margin:2rem 0 0; font:400 clamp(1rem,3.2vw,1.2rem)/1.7 var(--head,'Cormorant Garamond',Georgia,serif);
  color:var(--ink,#1B1B24); opacity:.7; }

/* ── THE ARRIVAL — 9 October 2026 ─────────────────────────────────────────
 * Somebody who has been all the way down and surfaced with their constellation
 * used to cross into the Hub and meet a textarea with their own words in it.
 * Now they are met. Their words said back, their badge, and the one sentence
 * that makes the crossing mean something. */
.mmh-arrive { margin:0 0 clamp(1.8rem,5vw,2.8rem); padding:clamp(1.4rem,4.5vw,2.2rem);
  border-radius:26px; background:linear-gradient(180deg,#fff,#FFF4F9);
  border:1px solid rgba(var(--glow,214,18,122),.2);
  box-shadow:0 18px 44px rgba(var(--glow,214,18,122),.14); }
.mmh-arrive__eye { margin:0 0 .7rem; font:600 .64rem/1 var(--body,sans-serif);
  letter-spacing:.26em; text-transform:uppercase; color:var(--signal,#D6127A); opacity:.85; }
.mmh-arrive__name { margin:0 0 .7rem; font:400 clamp(1.4rem,4.8vw,2.1rem)/1.15
  var(--name,'Unbounded',sans-serif); color:var(--ink,#1B1B24); text-wrap:balance; }
.mmh-arrive__body { margin:0 0 1.2rem; font:400 clamp(1rem,3.3vw,1.1rem)/1.65
  var(--body,sans-serif); color:var(--ink,#1B1B24); opacity:.84; text-wrap:pretty; }
.mmh-arrive__badge { margin:0 0 1.2rem; }
.mmh-arrive__say { margin:0; padding-top:1rem; border-top:1px solid rgba(var(--glow,214,18,122),.14);
  font:400 .95rem/1.6 var(--body,sans-serif); color:var(--ink,#1B1B24); opacity:.62; }
/* once it is carried, the old field is theirs to change rather than the way in */
.mmh-finder.is-carried [data-finder-open] { font-size:.86rem; opacity:.6; }
.mmh-finder.is-carried [data-finder-open]::after { content:' — yours to change'; }

/* ── THE LINE SAMPLER ──────────────────────────────────────────────────────
   Hers, 14 Oct 2026, through Aunt Tea: "Work this out with Lily." Her own law
   for an open choice — the real page, the options as taps, a box for her own.
   It changes the screen and nothing else.
   ─────────────────────────────────────────────────────────────────────── */
.mmh-line-bar {
	position: fixed; right: 1rem; top: 50%; left: auto; bottom: auto;
	transform: translateY(-50%);
	z-index: 60; width: min(24rem, calc(100vw - 2rem));
	max-height: calc(100vh - 2rem); overflow-y: auto;
	background: rgba(255,255,255,.97);
	border: 1.5px solid rgba(30,20,60,.12);
	border-radius: 1.1rem;
	padding: .9rem 1rem 1rem;
	box-shadow: 0 16px 48px rgba(30,20,60,.18);
	backdrop-filter: saturate(1.4) blur(6px);
}
.mmh-line-bar__say {
	margin: 0 0 .55rem;
	font: 600 .64rem/1 'Figtree', system-ui, sans-serif;
	letter-spacing: .16em; text-transform: uppercase;
	color: rgba(30,20,60,.5);
}
.mmh-line-bar__list { display: grid; gap: .3rem; }
.mmh-line-bar__list button {
	text-align: left; cursor: pointer;
	border: 1.5px solid rgba(30,20,60,.1);
	background: #fff; color: #231a3d;
	font: 500 .92rem/1.35 'Fraunces', Georgia, serif;
	padding: .55rem .75rem; border-radius: .6rem;
}
.mmh-line-bar__list button:hover { border-color: #1FB0F5; }
.mmh-line-bar__list button[aria-pressed="true"] { border-color: #1FB0F5; background: rgba(31,176,245,.09); font-weight: 600; }
.mmh-line-bar__own { margin: .5rem 0 0; }
.mmh-line-bar__own input {
	width: 100%; border: 1.5px dashed rgba(30,20,60,.24);
	border-radius: .6rem; background: #fff;
	padding: .55rem .75rem;
	font: 500 .92rem/1.35 'Figtree', system-ui, sans-serif; color: #231a3d;
}
.mmh-line-bar__own input:focus { outline: none; border-color: #1FB0F5; border-style: solid; }
.mmh-line-bar__why {
	margin: .6rem 0 0; font: 400 .82rem/1.5 'Figtree', system-ui, sans-serif;
	color: rgba(30,20,60,.62);
}
@media (max-width: 900px) {
	.mmh-line-bar {
		right: .5rem; left: .5rem; width: auto;
		top: auto; bottom: .5rem; transform: none;
		max-height: 58vh; padding: .7rem .8rem .8rem;
	}
	.mmh-line-bar__list button { font-size: .86rem; padding: .5rem .6rem; }
}