@font-face{font-family:'Clash Display';src:url(fonts/ClashDisplay-Light.otf) format('opentype');font-weight:300;font-display:swap}@font-face{font-family:'Clash Display';src:url(fonts/ClashDisplay-Regular.otf) format('opentype');font-weight:400;font-display:swap}@font-face{font-family:'Kontrapunkt';src:url(fonts/Kontrapunkt-Light.otf) format('opentype');font-weight:300;font-display:swap}@font-face{font-family:'Perspective Sans';src:url(fonts/persans.ttf) format('truetype');font-weight:400;font-display:swap}
/* ── MAGIC FINDER — rebuilt 14 September 2026. A page that stands still and reads: the orb alive at the top, the name and the one line inside three seconds, then what this is, how it works, what comes back, the business side, where it goes, who it is for. Lucid Futurism: chrome, glass, hairlines of holographic light, a wide futuristic face, full ink, air. ── */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font:400 1.05rem/1.6 var(--body);letter-spacing:.005em;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--ground)}
h1,h2{font-family:var(--name);font-weight:var(--namew,400);letter-spacing:.04em;line-height:1.05;margin:0}h3{font-family:var(--head);font-weight:500;letter-spacing:-.01em;line-height:1.1;margin:0}
p{margin:0}
a{color:var(--signal)}
img{max-width:100%;height:auto}
::selection{background:var(--lilac);color:var(--ink)}
.mf-skip{position:absolute;left:-999px}.mf-skip:focus{left:16px;top:16px;background:var(--ink);color:#fff;padding:8px 12px;z-index:9}

/* THE BAR — the name, and the two ways in, tracked */
.mf-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem clamp(20px,5vw,64px);background:rgba(255,255,255,.78);backdrop-filter:blur(12px);border-bottom:1px solid rgba(198,201,214,.55)}
.mf-bar__name{font:var(--namew,400) 1.2rem/1 var(--name);letter-spacing:.08em;color:var(--signal);text-decoration:none}
.mf-bar__ways{display:flex;gap:1.8rem}
.mf-bar__ways a{font:600 .68rem/1 var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--ink);text-decoration:none;opacity:.75;transition:opacity .3s,color .3s}
.mf-bar__ways a:hover{opacity:1;color:var(--signal)}
.mf-bar__ways a.mf-bar__cool:hover{color:var(--cool-deep)}
@media(max-width:640px){.mf-bar__ways{display:none}}

/* THE FOOT */
.mf-foot{text-align:center;padding:clamp(3rem,6vw,4.5rem) clamp(20px,5vw,64px) 3.5rem;border-top:1px solid rgba(198,201,214,.55);display:grid;gap:.6rem;justify-items:center}
.mf-foot__name{font:400 1.6rem/1 var(--name);color:var(--signal);text-decoration:none}
.mf-foot__line{font:500 1rem/1.5 var(--head);letter-spacing:-.01em;max-width:32ch;text-wrap:balance}
.mf-foot__small{font:400 .74rem/1.8 var(--body);letter-spacing:.06em;text-transform:uppercase;opacity:.7}
.mf-foot__small a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(51,37,102,.3)}

/* THE WORDS THAT MOVE A PERSON ON — tracked capitals on a hairline of light, never a filled button */
.mf-word{display:inline-block;background:none;border:0;padding:.3em 0 .55em;font:700 .8rem/1 var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--signal);text-decoration:none;position:relative;cursor:pointer;-webkit-appearance:none;appearance:none;transition:color .3s,letter-spacing .4s}
.mf-word::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--holo);transition:transform .5s cubic-bezier(.2,.7,.2,1);transform-origin:left}
.mf-word:hover{color:var(--signal-deep);letter-spacing:.3em}
.mf-word:hover::after{transform:scaleX(.5)}
.mf-word--quiet{color:var(--ink);opacity:.5}.mf-word--quiet::after{background:currentColor}
.mf-word--make{font-size:.9rem}
.mf-word--cool{color:var(--cool-deep)}.mf-word--cool:hover{color:var(--ink)}
.mf-quiet{font-size:.95rem;opacity:.7}
.mf-eyebrow{font:600 .7rem/1.5 var(--body);letter-spacing:.34em;text-transform:uppercase;color:var(--signal);margin:0 0 1.2rem}
.mf-eyebrow--cool{color:var(--cool)}
.mf-prose{max-width:60ch;font-size:1.05rem;line-height:1.7}

/* THE LIVING ORB — held in a thin turning ring of holographic light */
.mf-orb{position:relative;width:100%;aspect-ratio:1;border-radius:50%;isolation:isolate;filter:drop-shadow(0 40px 60px rgba(51,37,102,.22))}
.mf-orb::before{content:"";position:absolute;inset:-8%;border-radius:50%;z-index:-1;padding:1.5px;background:var(--holo);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:calc(.35 + var(--lit,1) * .65)}
.mf-orb::after{content:"";position:absolute;inset:-30%;border-radius:50%;z-index:-2;background:conic-gradient(from 200deg,rgba(201,182,242,.35),rgba(127,228,255,.25),rgba(242,184,220,.35),rgba(194,31,142,.18),rgba(201,182,242,.35));filter:blur(28px);opacity:calc(.25 + var(--lit,1) * .75)}
.mf-orb--cool::after{background:conic-gradient(from 200deg,rgba(196,206,236,.4),rgba(127,228,255,.35),rgba(62,127,184,.18),rgba(196,206,236,.4))}
.mf-orb canvas{display:block;width:100%;height:auto;border-radius:50%}
.mf-orb__still{position:absolute;inset:0;width:100%;height:auto;border-radius:50%;filter:saturate(calc(.35 + var(--lit,1) * .75))}
.mf-orb-alive .mf-orb__still{display:none}
.mf-orb--atelier canvas,.mf-orb--story canvas{filter:saturate(calc(.5 + var(--lit,0) * .6)) brightness(calc(.97 + var(--lit,0) * .05));transition:filter .6s}
@media(prefers-reduced-motion:no-preference){.mf-orb::before{animation:mf-turn 36s linear infinite}.mf-orb::after{animation:mf-turn 90s linear infinite reverse}}
@keyframes mf-turn{to{transform:rotate(360deg)}}

/* THE FRONT — a fashion magazine. Hers, 14 September 2026 night: high-end editorial, global, vibrant, never a wall of words, easy to see what it is. A cover, then spreads: colour plates, one big line, a caption. */
.mf-main--front{overflow:hidden}
.mf-spread{max-width:80rem;margin:0 auto;padding:clamp(4rem,9vw,7.5rem) clamp(20px,5vw,64px)}
.mf-spread__col{max-width:58ch}
.mf-spread h2{font:var(--namew,400) clamp(1.5rem,3vw,2.5rem)/1.08 var(--name);letter-spacing:.05em;text-wrap:balance;margin:0 0 1.4rem}
.mf-spread__huge{font-size:clamp(2.4rem,6vw,4.8rem)!important;line-height:.95!important}
.mf-cap{font:400 clamp(1.05rem,1.3vw,1.18rem)/1.6 var(--body);max-width:46ch;color:var(--ink)}
.mf-spread__go{margin-top:2rem}
.mf-spread__big{font:300 clamp(1.35rem,2.6vw,2.2rem)/1.25 var(--head);letter-spacing:0;text-align:center;max-width:24ch;margin:0 auto;color:var(--signal);text-wrap:balance}
.mf-spread--promise{padding-top:clamp(3rem,7vw,5rem)}
.mf-note{max-width:48ch;margin:1.6rem auto 0;text-align:center;font-size:.92rem;line-height:1.6;opacity:.7}
.mf-eyebrow{font:600 .68rem/1.5 var(--body);letter-spacing:.36em;text-transform:uppercase;color:var(--signal);margin:0 0 1rem}
.mf-eyebrow--pearl{color:var(--pearl)}.mf-eyebrow--ink{color:var(--ink)}
.mf-word--pearl{color:var(--pearl)}.mf-word--pearl::after{background:var(--pearl)}.mf-word--pearl:hover{color:var(--pearl)}
.mf-word--ink{color:var(--ink)}.mf-word--ink::after{background:var(--ink)}.mf-word--ink:hover{color:var(--ink)}

/* PLATES — full-bleed vibrant colour, the type in pearl or ink */
.mf-plate{max-width:none;padding-left:clamp(20px,5vw,64px);padding-right:clamp(20px,5vw,64px)}
.mf-plate > *{max-width:80rem;margin-left:auto;margin-right:auto}
.mf-plate--electric{background:linear-gradient(135deg,#7FE4FF,#1FB0F5 60%,#3E7FB8);color:var(--ink)}
.mf-plate--violet{background:linear-gradient(135deg,#6A3DDB,#8E6FD6 55%,#C21F8E);color:var(--pearl)}
.mf-plate--violet h2,.mf-plate--violet .mf-cap{color:var(--pearl)}
.mf-plate--signal{background:radial-gradient(80% 90% at 50% 100%,#FF3FA4,#C21F8E 60%,#9E1873);color:var(--pearl)}
.mf-plate--signal h2,.mf-plate--signal .mf-cap,.mf-plate--signal .mf-close__line{color:var(--pearl)}
.mf-plate--electric h2,.mf-plate--electric .mf-cap{color:var(--ink)}

/* THE COVER — a magazine cover: masthead line, the orb as the picture, the cover line, the two ways */
.mf-cover{min-height:100svh;display:grid;align-content:center;justify-items:center;text-align:center;gap:.6rem;padding:clamp(2rem,6vw,4rem) clamp(20px,5vw,64px) clamp(3rem,7vw,5rem);background:linear-gradient(180deg,#C21F8E 0%,#D9268F 55%,#FF3FA4 100%);color:var(--pearl);position:relative;overflow:hidden}
.mf-cover::before{content:none}
.mf-cover > *{position:relative}
.mf-cover__kicker{font:500 .72rem/1.6 var(--head);letter-spacing:.3em;text-transform:uppercase;color:var(--pearl);opacity:.92;max-width:30ch}
.mf-cover__head{font:var(--namew,400) clamp(2.8rem,8vw,6.6rem)/1 var(--name);letter-spacing:.06em;color:var(--pearl);margin:.2rem 0 0;text-wrap:balance}
.mf-cover__orb{width:min(58vw,380px);margin:clamp(-1.5rem,-3vw,-3rem) auto 0}
.mf-cover__orb .mf-orb{filter:drop-shadow(0 40px 70px rgba(51,37,102,.45))}
.mf-cover__line{font:400 clamp(.95rem,1.7vw,1.25rem)/1.5 var(--head);letter-spacing:.28em;text-transform:uppercase;max-width:26ch;margin:1.4rem auto 0;color:var(--pearl);text-wrap:balance}
.mf-ways{display:flex;flex-wrap:wrap;gap:1.4rem 3rem;justify-content:center;margin-top:1.4rem}
.mf-ways--centre{margin-top:2.4rem}
.mf-way{display:grid;gap:.35rem;justify-items:center;text-align:center;text-decoration:none;color:inherit}
.mf-way .mf-word{font-size:.9rem;font-family:var(--head);font-weight:600;letter-spacing:.3em}
.mf-way__under{font:400 .84rem/1.4 var(--body);opacity:.85}
@media(prefers-reduced-motion:no-preference){
	.mf-cover__head{animation:mf-rise 1.1s .15s cubic-bezier(.2,.7,.2,1) both}
	.mf-cover__line{animation:mf-rise 1s .5s cubic-bezier(.2,.7,.2,1) both}
	.mf-cover__orb{animation:mf-surface 1.8s .5s cubic-bezier(.2,.7,.2,1) both}
	.mf-cover__naming{animation:mf-rise 1s 1.1s cubic-bezier(.2,.7,.2,1) both}
	.mf-cover .mf-ways{animation:mf-rise 1s 1.4s cubic-bezier(.2,.7,.2,1) both}
}
@keyframes mf-surface{from{opacity:0;transform:scale(.82)}to{opacity:1;transform:none}}
@keyframes mf-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:640px){.mf-cover{min-height:92svh}.mf-cover__orb{width:min(52vw,220px);margin-top:.6rem}.mf-cover__head{font-size:clamp(2.6rem,12vw,4rem)}}

/* PULL QUOTES — her lines, in the serif, magenta */
.mf-pull{margin:clamp(2rem,4vw,3rem) 0 0;max-width:30ch}
.mf-pull p{font:300 clamp(1.5rem,2.8vw,2.4rem)/1.2 var(--head);letter-spacing:0;color:var(--signal);text-wrap:balance}
.mf-spread--what,.mf-spread--who{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,6vw,6rem);align-items:end}
@media(max-width:820px){.mf-spread--what,.mf-spread--who{grid-template-columns:1fr}}

/* THE SIX — vibrant tiles, a numeral, three words, one line */
.mf-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:2rem}
.mf-tile{position:relative;width:100%;justify-self:stretch;aspect-ratio:1/1;padding:clamp(1.2rem,2.2vw,1.8rem);border-radius:8px;display:grid;align-content:end;gap:.3rem;color:var(--pearl);overflow:hidden}
.mf-tile__n{position:absolute;top:1rem;left:1.2rem;font:var(--namew,400) clamp(2rem,3.6vw,3.2rem)/1 var(--name);opacity:.7}
.mf-tile h3{font:400 clamp(1.5rem,2.6vw,2.3rem)/1 var(--head);letter-spacing:-.02em;margin:0}
.mf-tile p{font:400 .9rem/1.4 var(--body);opacity:.92}
.mf-tile--hot{background:linear-gradient(160deg,#FF3FA4,#C21F8E)}
.mf-tile--electric{background:linear-gradient(160deg,#7FE4FF,#1FB0F5);color:var(--ink)}
.mf-tile--violet{background:linear-gradient(160deg,#8E6FD6,#6A3DDB)}
.mf-tile--signal{background:linear-gradient(160deg,#C21F8E,#9E1873)}
.mf-tile--lilac{background:linear-gradient(160deg,#E4D8FA,#C9B6F2);color:var(--ink)}
.mf-tile--sun{background:linear-gradient(160deg,#FFD0EE,#FFB4E6);color:var(--ink)}
@media(max-width:820px){.mf-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.mf-tiles{grid-template-columns:1fr}.mf-tile{aspect-ratio:auto;padding-top:4.2rem}}

/* HOW — four numbered columns, short */
.mf-steps{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.2rem,3vw,2.6rem)}
.mf-step{display:grid;align-content:start;gap:.5rem;padding-top:1.2rem;border-top:2px solid var(--signal)}
.mf-step__n{font:var(--namew,400) 2.4rem/1 var(--name);color:var(--signal)}
.mf-step h3{font:400 clamp(1.3rem,1.9vw,1.6rem)/1.1 var(--head);letter-spacing:-.015em;margin:.2rem 0 .2rem}
.mf-step p{font:400 .96rem/1.55 var(--body);color:var(--ink)}
@media(max-width:820px){.mf-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.mf-steps{grid-template-columns:1fr}}

/* THE PORTRAIT — a violet plate with the orb and the name in the serif, then what it holds */
.mf-made-plate{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;padding:clamp(2rem,4vw,3.6rem);border-radius:10px;background:linear-gradient(135deg,#6A3DDB,#C21F8E 70%,#FF3FA4);color:var(--pearl);box-shadow:0 50px 90px -40px rgba(106,61,219,.5)}
.mf-made-plate__orb{width:min(100%,280px);margin:0 auto}
.mf-made-plate__page{display:grid;gap:.9rem}
.mf-made-plate__name{font:var(--namew,400) clamp(2.2rem,5vw,4.4rem)/1.05 var(--name);letter-spacing:.05em;color:var(--pearl)}
.mf-made-plate__body{font:400 clamp(1rem,1.3vw,1.15rem)/1.6 var(--body);max-width:44ch;color:var(--pearl)}
.mf-holds{margin:2.4rem 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem 2rem}
.mf-hold{display:block}
.mf-hold dt{font:400 1.45rem/1.1 var(--head);letter-spacing:-.015em;margin:0 0 .4rem;color:var(--signal)}
.mf-hold dd{margin:0;font:400 .94rem/1.5 var(--body);color:var(--ink)}
@media(max-width:820px){.mf-made-plate{grid-template-columns:1fr}.mf-made-plate__orb{width:min(50vw,200px)}.mf-holds{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.mf-holds{grid-template-columns:1fr}}

/* FOR A BUSINESS — on the electric plate, the reading beside an orb */
.mf-spread--space{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.mf-spread__orb{width:min(100%,340px);margin:0 auto}
@media(max-width:820px){.mf-spread--space{grid-template-columns:1fr}.mf-spread__orb{width:min(56vw,240px);order:-1}}

/* the business door, last and quiet — hers: it is secondary */
.mf-spread--after{border-top:1px solid rgba(198,201,214,.55);padding-top:clamp(3rem,6vw,5rem);padding-bottom:clamp(3rem,6vw,5rem)}
.mf-spread--after h2{font-size:clamp(1.8rem,3.6vw,3rem)}
.mf-spread--after .mf-spread__orb{width:min(100%,220px);opacity:.9}

/* ONE PRESS TO THE HUB — hers: "a massive section about how with one click you can take it over to Magic Makers Hub." The orb, a thread of light, the Hub's sphere in glass; then what happens the moment it lands. */
.mf-spread--hub{padding-top:clamp(5rem,10vw,8rem);padding-bottom:clamp(5rem,10vw,8rem)}
.mf-hub{display:grid;gap:clamp(2.4rem,5vw,4rem);max-width:80rem;margin:0 auto}
.mf-hub__words h2{font-size:clamp(2.6rem,6.5vw,6rem)}
.mf-hub__words .mf-cap{max-width:56ch}
.mf-hub__crossing{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:1rem;padding:clamp(1rem,3vw,2rem) 0}
.mf-hub__orb,.mf-hub__sphere{display:grid;justify-items:center;gap:1rem}
.mf-hub__orb .mf-orb{width:min(100%,260px)}
.mf-hub__label{font:600 .68rem/1.5 var(--body);letter-spacing:.3em;text-transform:uppercase;color:var(--pearl);text-align:center}
.mf-hub__press{display:grid;justify-items:center;gap:.9rem}
.mf-hub__thread{display:block;width:100%;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.2),#7FE4FF 40%,#FF3FA4 60%,rgba(255,255,255,.2));box-shadow:0 0 18px rgba(127,228,255,.7);position:relative}
.mf-hub__thread::after{content:"";position:absolute;top:50%;left:0;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:#7FE4FF;box-shadow:0 0 22px #7FE4FF;animation:mf-travel 2.6s ease-in-out infinite}
@keyframes mf-travel{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:calc(100% - 14px);opacity:0}}
@media(prefers-reduced-motion:reduce){.mf-hub__thread::after{animation:none;left:50%}}
.mf-hub__word{font:var(--namew,400) clamp(1.5rem,3.4vw,2.8rem)/1.05 var(--name);color:var(--pearl);letter-spacing:.05em}
.mf-hub__glass{position:relative;display:block;width:min(100%,260px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.55),rgba(255,255,255,.08) 55%,rgba(255,255,255,.02));border:1.5px solid rgba(255,255,255,.7);box-shadow:inset 0 0 40px rgba(255,255,255,.25),0 30px 60px -30px rgba(51,37,102,.6)}
.mf-hub__inner{position:absolute;inset:22%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#FF3FA4,#C21F8E 60%,#6A3DDB);box-shadow:0 0 40px rgba(255,63,164,.6)}
.mf-hub__then{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.2rem,3vw,2.6rem)}
.mf-hub__step{border-top:2px solid rgba(255,255,255,.55);padding-top:1rem}
.mf-hub__step dt{font:400 clamp(1.4rem,2.4vw,2rem)/1.1 var(--head);letter-spacing:-.015em;color:var(--pearl);margin:0 0 .5rem}
.mf-hub__step dd{margin:0;font:400 1rem/1.6 var(--body);color:var(--pearl);opacity:.92}
@media(max-width:820px){.mf-hub__crossing{grid-template-columns:1fr;gap:1.6rem}.mf-hub__orb .mf-orb,.mf-hub__glass{width:min(46vw,200px)}.mf-hub__thread{width:2px;height:80px;background:linear-gradient(180deg,rgba(255,255,255,.2),#7FE4FF 40%,#FF3FA4 60%,rgba(255,255,255,.2))}.mf-hub__thread::after{left:50%;margin-left:-7px;top:0;margin-top:0;animation-name:mf-travel-down}.mf-hub__then{grid-template-columns:1fr}}
@keyframes mf-travel-down{0%{top:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:calc(100% - 14px);opacity:0}}

/* THE CLOSE — her Unicorn line on the magenta plate */
.mf-close{text-align:center;padding:clamp(5rem,10vw,8rem) clamp(20px,5vw,64px) clamp(6rem,11vw,9rem)}
.mf-close h2{font:var(--namew,400) clamp(1.6rem,3.6vw,3rem)/1.08 var(--name);letter-spacing:.05em;max-width:18ch;margin:0 auto 1.4rem;text-wrap:balance}
.mf-close__line{font:400 clamp(1.05rem,1.5vw,1.3rem)/1.5 var(--body);max-width:40ch;margin:0 auto}
.mf-close__go{display:block;text-decoration:none;color:inherit;margin:clamp(2.6rem,5vw,4rem) auto 0}
.mf-close__go .mf-eyebrow{display:block;margin:0 0 .5rem}
.mf-close__go-line{display:block;font:var(--namew,400) clamp(1.7rem,4.2vw,3.4rem)/1.08 var(--name);letter-spacing:.05em;color:#fff;text-shadow:0 2px 24px rgba(51,37,102,.35);transition:letter-spacing .5s}
.mf-close__go:hover .mf-close__go-line{letter-spacing:.01em}
.mf-close__band{max-width:min(88vw,520px);margin:0 auto}
.mf-close__band .mf-band{grid-template-columns:1fr;margin-top:clamp(1.4rem,3vw,2.2rem)}
.mf-close__band .mf-band__one{--lift:0;border-radius:18px}
.mf-close__band .mf-band__one img{aspect-ratio:1/1;object-fit:cover;object-position:50% 4%}
.mf-in{opacity:0;transform:translateY(22px);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * .1s)}
.mf-in.in,.no-js .mf-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.mf-in{opacity:1;transform:none;transition:none}}

/* the Atelier — one moment at a time, the orb lighting as answers land */
.mf-main--atelier{background:transparent;padding-top:1rem}
.mf-intro{text-align:center;padding:clamp(2.5rem,5vw,4rem) clamp(20px,5vw,64px) 1rem;max-width:56rem;margin:0 auto}
.mf-intro h1{font:700 clamp(2rem,5vw,3.8rem)/1 var(--head);letter-spacing:-.025em;margin:0 0 1.2rem;text-wrap:balance}
.mf-intro__line{font-size:1.02rem;line-height:1.7;opacity:.8;max-width:56ch;margin:0 auto}
.mf-intro .gk-eyebrow{font:600 .7rem/1.5 var(--body);letter-spacing:.34em;color:var(--signal)}
.mf-atelier{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.6rem,4vw,4rem);align-items:start;max-width:72rem;margin:0 auto;padding:clamp(1rem,3vw,2.5rem) clamp(20px,5vw,64px) clamp(4rem,8vw,7rem)}
.mf-atelier__orb{width:min(60vw,300px);margin:0 auto;position:sticky;top:6rem;text-align:center}
.mf-atelier__count{position:relative;z-index:1;font:600 .7rem/1.3 var(--body);letter-spacing:.34em;text-transform:uppercase;color:var(--signal);margin:1.6rem 0 0}
.mf-said{text-align:center;color:var(--signal-deep);font:500 .9rem var(--body);margin:0 0 1rem;grid-column:1/-1}
.mf-moments{display:grid}
.mf-moment{display:none;position:relative;padding:clamp(1.8rem,3vw,2.6rem);background:rgba(255,255,255,.75);backdrop-filter:blur(10px);border:1px solid var(--silver)}
.mf-moment::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;background:var(--holo);opacity:.8}
.mf-moment.is-now{display:block}
.no-js .mf-moment{display:block;margin-bottom:1rem}
.mf-moment__ask{font:700 clamp(1.4rem,2.6vw,2.1rem)/1.15 var(--head);letter-spacing:-.02em;margin:0 0 .5rem;text-wrap:balance}
.mf-moment__hint{font-size:.92rem;opacity:.65;margin:0 0 1.2rem}
.mf-write,.mf-line{width:100%;box-sizing:border-box;border:0;border-bottom:1px solid var(--silver-deep);background:transparent;font:400 1.15rem/1.55 var(--body);padding:.6rem 0;outline:none;resize:vertical;color:var(--ink)}
.mf-write:focus,.mf-line:focus,.mf-own:focus{border-color:var(--signal)}
.mf-choose{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.mf-chip{position:relative}
.mf-chip input{position:absolute;opacity:0;inset:0}
.mf-chip span{display:inline-block;padding:.65rem 1.05rem;border-radius:3px;border:1px solid var(--lilac-deep);font:600 .72rem var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);cursor:pointer;transition:all .3s;background:#fff}
.mf-chip input:checked+span{border-color:var(--signal);background:var(--signal);color:#fff}
.mf-chip input:focus-visible+span{outline:2px solid var(--lilac-deep);outline-offset:2px}
.mf-own{flex:1 1 14rem;border:0;border-bottom:1px solid var(--silver-deep);background:transparent;font:400 1.05rem var(--body);padding:.5rem 0;outline:none}
.mf-moment__on{display:flex;gap:1.6rem;align-items:baseline;margin:1.4rem 0 0;flex-wrap:wrap}
.mf-back{font:400 1.02rem/1.55 var(--head);color:var(--signal-deep);margin:0 0 1rem;padding:0 0 .8rem;border-bottom:1px solid var(--silver)}
.mf-seen{font:400 1.18rem/1.6 var(--head);margin:.4rem 0 1rem;color:var(--ink)}
.mf-word--quiet{color:var(--cool);letter-spacing:.18em}
.mf-word--quiet::after{opacity:.5}
.mf-atelier.is-listening .mf-moment{opacity:.45;pointer-events:none;transition:opacity .4s}
.mf-atelier.is-listening .mf-orb canvas,.mf-atelier.is-listening .mf-orb img{animation:mf-listen 1.4s ease-in-out infinite}
@keyframes mf-listen{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@media(prefers-reduced-motion:reduce){.mf-atelier.is-listening .mf-orb canvas,.mf-atelier.is-listening .mf-orb img{animation:none}}
@media(max-width:820px){.mf-atelier{grid-template-columns:1fr}.mf-atelier__orb{position:static;width:min(50vw,200px)}}

/* the made page */
.mf-main--made{background:transparent}
.mf-made{max-width:60rem;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(20px,5vw,64px) clamp(4rem,8vw,7rem);text-align:center}
.mf-made .mf-atelier__orb{position:static;width:min(56vw,260px);margin-bottom:1.2rem}
.mf-made__name{font:800 clamp(2.2rem,6vw,4.8rem)/1 var(--head);letter-spacing:-.03em;margin:0 0 1.4rem;text-wrap:balance;color:var(--signal-deep)}
.mf-made__body{max-width:58ch;margin:0 auto;text-align:left;font-size:1.12rem;line-height:1.75}
.mf-made__body p{margin:0 0 1rem}
.mf-made__said{margin:clamp(2.5rem,5vw,4rem) auto 0;max-width:58ch;text-align:left}
.mf-said-one{margin:0 0 1.2rem}
.mf-said-one__ask{font:400 .95rem/1.5 var(--head);color:var(--cool);margin:0 0 .3rem}
.mf-said-one__words{font-size:1.05rem;line-height:1.6;margin:0}
.mf-made__carry{position:relative;margin:clamp(2.5rem,5vw,4rem) auto 0;padding:clamp(1.8rem,3vw,2.6rem);background:rgba(255,255,255,.75);backdrop-filter:blur(10px);border:1px solid var(--silver)}
.mf-made__carry::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;background:var(--holo);opacity:.8}
.mf-made__carry h2{font:700 clamp(1.5rem,3vw,2.3rem)/1.05 var(--head);letter-spacing:-.02em;margin:0 0 .6rem}
.mf-made__carry .gk-prose{margin:0 auto 1.2rem;text-align:center}
.mf-made--none h1{font:500 clamp(1.9rem,4.4vw,3.2rem)/1.06 var(--head);margin:1rem 0}
.mf-made--none .gk-prose{margin:0 auto}

/* No black anywhere — hers, 14 September 2026. A bare field or a tick takes the browser's black unless told otherwise. */
input,textarea,select,button{color:var(--ink);accent-color:var(--signal);caret-color:var(--signal)}
.mf-own{border-color:var(--silver-deep)}
/* THE WEIGHT of the display face travels with the face she presses (--headw), so a thin face is never bolded by the browser and a Roman is never thinned. */
h3,.mf-foot__line,.mf-spread__big,.mf-pull p,.mf-tile__n,.mf-tile h3,.mf-step__n,.mf-step h3,.mf-made-plate__name,.mf-hold dt,.mf-hub__word,.mf-hub__step dt,.mf-close h2{font-weight:var(--namew,400)}
.mf-intro h1,.mf-moment__ask,.mf-made__name,.mf-made__carry h2,.mf-made--none h1{font-weight:var(--headw,400)}

/* THE NAMES — straight under the cover: forty names from her brief, no two alike, FLOATING UP through a tall field of pearl light — the methodical ones rising slowest, further back and smaller; the sparky ones nearer and quicker — with silver glitter rising behind them. Hers: it must float up, and be stunning; the place people stop and watch. */
.mf-spread--names{position:relative;overflow:hidden;background:radial-gradient(90% 70% at 20% 100%,#FFD6EE 0%,transparent 60%),radial-gradient(90% 70% at 85% 90%,#DDD0FF 0%,transparent 60%),radial-gradient(100% 60% at 50% 100%,#CFEFFF 0%,transparent 70%),linear-gradient(180deg,#FFFFFF 0%,#F7F1FF 100%);max-width:none;padding:clamp(3rem,6vw,4.5rem) 0 0;display:grid;grid-template-rows:auto 1fr}
.mf-spread--names .mf-spread__col{position:relative;z-index:3;max-width:none;text-align:center;padding:0 clamp(20px,5vw,64px) 1rem;pointer-events:none}
.mf-spread--names .mf-spread__col h2,.mf-spread--names .mf-cap{margin-left:auto;margin-right:auto}
.mf-names::before{content:"";position:absolute;left:0;right:0;top:0;height:10%;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,0) 100%)}
.mf-glitter{position:absolute;inset:0;z-index:0;pointer-events:none}
.mf-names{position:relative;z-index:1;height:max(74svh,560px);overflow:hidden}
.mf-lane{display:contents}
/* THE BADGES — hers: something somebody would proudly wear. Sexy, elevated, never flat. Nineteen makes of badge — enamel, marquee, charm, medallion, electric, rosette, ripple, chrome, gem, sunburst, pearl, meadow, orbit, bubble, nameplate, banner, plaque, stamp, ticket — each with its own metal, its own face, its own two colours, its own depth. This, with the orb, is the moment. */
.mf-name{--c:#FF3FA4;--c2:#6A3DDB;position:absolute;left:0;top:0;white-space:nowrap;display:grid;place-items:center;align-content:center;justify-content:center;box-sizing:border-box;text-align:center;font:italic var(--headw,400) calc(1.05rem + var(--s,1) * .6rem)/1.05 var(--head);letter-spacing:.01em;color:var(--pearl);padding:.6em 1.15em;will-change:transform,opacity;transform:translate3d(var(--x,0px),var(--y,0px),0) rotate(var(--r,0deg)) scale(var(--z,1));opacity:var(--o,1);text-shadow:0 1px 0 rgba(0,0,0,.28),0 -1px 0 rgba(255,255,255,.25);filter:drop-shadow(0 22px 26px rgba(51,37,102,.3)) drop-shadow(0 3px 5px rgba(51,37,102,.2))}
.mf-name--lit{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--c) 75%,transparent)) drop-shadow(0 22px 26px rgba(51,37,102,.3))}
.mf-name--still{animation:mf-still 6s ease-in-out infinite;animation-delay:calc(var(--k,0) * -1.1s)}
@keyframes mf-still{0%,100%{filter:drop-shadow(0 22px 26px rgba(51,37,102,.3)) drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 22px 26px rgba(51,37,102,.3)) drop-shadow(0 0 26px color-mix(in srgb,var(--c) 55%,transparent))}}
.mf-name--glint::after,.mf-glint{content:"";position:absolute;top:-30%;bottom:-30%;left:0;width:34%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.7) 50%,rgba(255,255,255,0));transform:translateX(-160%) skewX(-18deg);animation:mf-glint 5.2s ease-in-out infinite;animation-delay:calc(var(--k,0) * -.61s);pointer-events:none;mix-blend-mode:screen}
@keyframes mf-glint{0%,62%{transform:translateX(-160%) skewX(-18deg)}100%{transform:translateX(320%) skewX(-18deg)}}
/* a pale colour never writes on a pale ground — the light ones take ink into the letters */
@keyframes mf-spin{to{transform:rotate(360deg)}}
@keyframes mf-flash{0%,70%,100%{transform:scale(0);opacity:0}78%{transform:scale(1.6);opacity:1}86%{transform:scale(0);opacity:0}}
@keyframes mf-inline{0%,100%{border-color:#E9CD80;box-shadow:0 0 0 1px rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,255,255,.25)}50%{border-color:#FFF4C8;box-shadow:0 0 0 1px rgba(0,0,0,.2),0 0 10px rgba(255,241,194,.8),inset 0 0 0 1px rgba(255,255,255,.6)}}
@keyframes mf-brush{0%{background-position:0 0,0% 0}100%{background-position:0 0,100% 0}}
@keyframes mf-bubble{0%{transform:rotate(-20deg) translate(0,0)}100%{transform:rotate(-12deg) translate(40%,18%)}}
@keyframes mf-cloth{0%{background-position:0% 0}100%{background-position:100% 0}}
@keyframes mf-gloss{0%,100%{opacity:.75}50%{opacity:1;transform:translateY(-4%)}}
.mf-name.is-ink{color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.7),0 -1px 0 rgba(0,0,0,.08)}
/* ENAMEL PIN — lacquer with a gold rim and a gloss across the top */
.mf-name--enamel{border-radius:999px;background:linear-gradient(165deg,color-mix(in srgb,var(--c) 70%,#fff) 0%,var(--c) 40%,color-mix(in srgb,var(--c) 70%,var(--c2)) 100%);font-family:'Cinzel',Georgia,serif;font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:calc(.6rem + var(--s,1) * .34rem);box-shadow:0 0 0 3px #E9CD80,0 0 0 4.5px #B98C2B,0 18px 34px color-mix(in srgb,var(--c) 45%,transparent),inset 0 2px 1px rgba(255,255,255,.55),inset 0 -4px 8px rgba(0,0,0,.28)}
.mf-name--enamel::after{content:"";position:absolute;left:6%;right:6%;top:6%;height:42%;animation:mf-gloss 3.4s ease-in-out infinite;animation-delay:calc(var(--k,0) * -.4s);border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));pointer-events:none}
/* HOLOGRAPHIC FOIL — the sticker that shifts as it rises */
@keyframes mf-foil{from{background-position:0% 50%}to{background-position:100% 50%}}
/* MEDALLION — struck in silver, the name engraved */
/* SIX MAKES REBUILT FROM NOTHING, 14 September — hers: do not repeat anything. Each one moves a way nothing else on the plate moves. */
@property --mfa{syntax:'<angle>';inherits:false;initial-value:0deg}
@property --ry{syntax:'<angle>';inherits:false;initial-value:0deg}
@property --tw{syntax:'<percentage>';inherits:false;initial-value:0%}
@keyframes mf-chase{to{--mfa:360deg}}
/* 2 · MARQUEE — an ivory theatre sign, the name in lights, bulbs chasing round the edge */
.mf-name--marquee{border-radius:14px;color:var(--c)!important;background:linear-gradient(180deg,#FFFDF6,#FFF1D2);border:3px solid color-mix(in srgb,var(--c) 70%,#3A2A8F);font-family:'Unbounded',system-ui,sans-serif;font-style:normal;font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:calc(.6rem + var(--s,1) * .34rem);padding:1.05em 2em;text-shadow:0 1px 0 #fff,0 0 14px color-mix(in srgb,var(--c) 55%,transparent);box-shadow:0 18px 34px color-mix(in srgb,var(--c) 40%,transparent),inset 0 0 0 2px #fff,inset 0 -6px 12px rgba(201,150,43,.18)}
.mf-name--marquee::before,.mf-name--marquee::after{content:"";position:absolute;inset:3px;border-radius:9px;border:6px dotted;pointer-events:none}
.mf-name--marquee::before{border-color:color-mix(in srgb,var(--c2) 30%,#E4D4B4)}
.mf-name--marquee::after{border-color:#FFE066;filter:drop-shadow(0 0 2px #FFF4C8) drop-shadow(0 0 6px #FFB300) drop-shadow(0 0 10px var(--c2));-webkit-mask:conic-gradient(from var(--mfa),#000 0 18%,transparent 18% 50%,#000 50% 68%,transparent 68%);mask:conic-gradient(from var(--mfa),#000 0 18%,transparent 18% 50%,#000 50% 68%,transparent 68%);animation:mf-chase 2.4s linear infinite;animation-delay:calc(var(--k,0) * -.3s)}
/* 3 · CHARM — an oval pendant on a silver loop, turning slowly in three dimensions so its edge catches the light */
.mf-name--charm{border-radius:50%;padding:1.1em 2.2em;transform:translate3d(var(--x,0px),var(--y,0px),0) rotate(var(--r,0deg)) scale(var(--z,1)) perspective(520px) rotateY(var(--ry));animation:mf-charm 7s ease-in-out infinite alternate;animation-delay:calc(var(--k,0) * -.9s);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--c) 55%,#fff),var(--c) 55%,color-mix(in srgb,var(--c) 65%,#3A2A8F) 100%);font-family:'Italiana',Georgia,serif;font-style:normal;font-size:calc(1rem + var(--s,1) * .6rem);letter-spacing:.06em;text-shadow:0 1px 1px rgba(0,0,0,.4),0 -1px 0 rgba(255,255,255,.35);box-shadow:0 0 0 2.5px #F1F2F6,0 0 0 4px #9EA3B8,0 20px 40px color-mix(in srgb,var(--c) 45%,transparent),inset 0 3px 3px rgba(255,255,255,.5),inset 0 -6px 12px rgba(0,0,0,.3)}
@keyframes mf-charm{0%{--ry:-40deg}100%{--ry:40deg}}
.mf-name--charm::before{content:"";position:absolute;left:50%;top:-.75em;width:.6em;height:.6em;border-radius:50%;border:3px solid #B9BDCC;box-shadow:inset 0 1px 0 #fff,0 1px 0 #8C90A2;transform:translateX(-50%)}
.mf-name--charm::after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(90deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 65%);background-size:260% 100%;animation:mf-charm-sheen 7s ease-in-out infinite alternate;animation-delay:calc(var(--k,0) * -.9s);pointer-events:none;mix-blend-mode:screen}
@keyframes mf-charm-sheen{0%{background-position:100% 0}100%{background-position:0% 0}}
/* 5 · ELECTRIC — a frosted white tile with the innovation sensation racing round its rim, and the letters crackling */
.mf-name--electric{border-radius:8px;color:color-mix(in srgb,var(--c) 80%,#3A2A8F)!important;background:linear-gradient(180deg,#FFFFFF,#EAF2FF);font-family:var(--head);font-style:normal;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:calc(.66rem + var(--s,1) * .38rem);padding:1em 1.8em;text-shadow:0 0 1px #fff,0 0 10px rgba(127,228,255,1),0 0 22px rgba(31,176,245,.7);animation:mf-crackle 2.6s linear infinite;animation-delay:calc(var(--k,0) * -.37s);box-shadow:0 0 0 1px rgba(31,176,245,.55),0 0 26px rgba(127,228,255,.6),0 18px 34px color-mix(in srgb,var(--c) 30%,transparent),inset 0 1px 0 #fff,inset 0 0 18px rgba(127,228,255,.35)}
.mf-name--electric::before{content:"";position:absolute;inset:-6px;border-radius:13px;padding:4px;background:conic-gradient(from var(--mfa),transparent 0 26%,#7FE4FF 30%,#FFFFFF 32%,#1FB0F5 34%,transparent 40%,transparent 76%,#7FE4FF 80%,#FFFFFF 82%,#1FB0F5 84%,transparent 90%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:mf-chase 1.4s linear infinite;animation-delay:calc(var(--k,0) * -.2s);filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 9px #1FB0F5);pointer-events:none}
@keyframes mf-crackle{0%,86%,100%{text-shadow:0 0 1px #fff,0 0 8px rgba(127,228,255,.9)}88%{text-shadow:1px 0 0 #7FE4FF,-1px 0 0 var(--c),0 0 18px #7FE4FF}91%{text-shadow:-1px 1px 0 #7FE4FF,1px -1px 0 var(--c),0 0 3px #fff}94%{text-shadow:0 0 1px #fff,0 0 24px #1FB0F5}}
/* 7 · RIPPLE — a smooth river stone in the colour, and rings of the second colour widening out of it, like the name was dropped into still water */
.mf-name--ripple{border-radius:50%;padding:1em 2.1em;background:radial-gradient(circle at 40% 30%,color-mix(in srgb,var(--c) 45%,#fff),var(--c) 50%,color-mix(in srgb,var(--c) 70%,#3A2A8F) 100%);font-family:'Cormorant',Georgia,serif;font-style:italic;font-weight:600;font-size:calc(1rem + var(--s,1) * .56rem);letter-spacing:.02em;text-shadow:0 1px 1px rgba(0,0,0,.35),0 -1px 0 rgba(255,255,255,.3);box-shadow:0 16px 30px color-mix(in srgb,var(--c) 45%,transparent),inset 0 3px 4px rgba(255,255,255,.45),inset 0 -8px 14px rgba(0,0,0,.28)}
.mf-name--ripple::before,.mf-name--ripple::after{content:"";position:absolute;inset:0;border-radius:50%;z-index:-1;border:3px solid color-mix(in srgb,var(--c2) 85%,#fff);animation:mf-ripple 3.8s ease-out infinite;pointer-events:none}
.mf-name--ripple::before{animation-delay:calc(var(--k,0) * -.5s)}.mf-name--ripple::after{animation-delay:calc(var(--k,0) * -.5s - 1.9s)}
@keyframes mf-ripple{0%{transform:scale(1);opacity:.95;border-width:3px}100%{transform:scale(1.85);opacity:0;border-width:1px}}
/* 12 · MEADOW — hers: if it is garden related make it look grassy. A patch of lawn with the name written on it in a hand, grass growing up the front and swaying, three daisies in it */
.mf-name--meadow{border-radius:18px 18px 22px 22px;padding:.8em 1.6em 1.15em;color:#FFFBE6!important;background:radial-gradient(circle at 30% 20%,#8BE07A 0%,#4CC55A 35%,#22A24C 70%,#157A3E 100%);font-family:'Caveat','Great Vibes',cursive;font-style:normal;font-weight:700;font-size:calc(1.25rem + var(--s,1) * .8rem);line-height:1;letter-spacing:.01em;text-shadow:0 1px 0 rgba(0,0,0,.25),0 2px 10px rgba(21,122,62,.7);box-shadow:0 18px 34px rgba(34,162,76,.4),inset 0 3px 3px rgba(255,255,255,.35),inset 0 -8px 14px rgba(0,60,20,.35)}
.mf-name--meadow::after{content:"";position:absolute;left:-3%;right:-3%;bottom:-6%;height:46%;pointer-events:none;transform-origin:50% 100%;animation:mf-sway 3.2s ease-in-out infinite alternate;animation-delay:calc(var(--k,0) * -.7s);background:linear-gradient(180deg,#A6F09A 0%,#3FBF57 45%,#1E9048 100%);-webkit-mask:radial-gradient(48% 100% at 50% 100%,#000 60%,transparent 63%) 0 0/9px 100% repeat-x,radial-gradient(45% 100% at 50% 100%,#000 58%,transparent 61%) 4px 22%/13px 78% repeat-x;mask:radial-gradient(48% 100% at 50% 100%,#000 60%,transparent 63%) 0 0/9px 100% repeat-x,radial-gradient(45% 100% at 50% 100%,#000 58%,transparent 61%) 4px 22%/13px 78% repeat-x;filter:drop-shadow(0 -1px 0 rgba(255,255,255,.35))}
.mf-name--meadow::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(circle at 14% 78%,#FFF 0 .17em,#FFD23F .17em .26em,transparent .3em),radial-gradient(circle at 86% 72%,#FFF 0 .14em,#FFD23F .14em .22em,transparent .26em),radial-gradient(circle at 55% 88%,#FFF 0 .12em,#FFD23F .12em .19em,transparent .23em),radial-gradient(circle at 14% 78%,transparent .3em,rgba(255,255,255,.9) .3em .36em,transparent .4em)}
@keyframes mf-sway{from{transform:skewX(-5deg)}to{transform:skewX(5deg)}}
/* 19 · TICKET — a cinema ticket, notched at the sides, torn along a perforation, and the name types itself onto the paper */
.mf-name--ticket{border-radius:5px;color:transparent!important;background:linear-gradient(90deg,color-mix(in srgb,var(--c2) 65%,#3A2A8F) 0 var(--tw),transparent var(--tw)),linear-gradient(180deg,#FFF6E2,#F9E4C2);-webkit-background-clip:text,padding-box;background-clip:text,padding-box;animation:mf-type 6s steps(18) infinite;animation-delay:calc(var(--k,0) * -.7s);font-family:'Bebas Neue','Unbounded',system-ui,sans-serif;font-style:normal;font-weight:400;letter-spacing:.1em;font-size:calc(1rem + var(--s,1) * .6rem);padding:.7em 1.6em .7em 2.5em;text-shadow:none;-webkit-mask:radial-gradient(circle at 0 50%,transparent .48em,#000 .52em),radial-gradient(circle at 100% 50%,transparent .48em,#000 .52em);mask:radial-gradient(circle at 0 50%,transparent .48em,#000 .52em),radial-gradient(circle at 100% 50%,transparent .48em,#000 .52em);-webkit-mask-composite:source-in;mask-composite:intersect;filter:drop-shadow(0 14px 22px color-mix(in srgb,var(--c) 40%,transparent)) drop-shadow(0 1px 0 rgba(0,0,0,.15))}
@keyframes mf-type{0%{--tw:0%}55%{--tw:100%}100%{--tw:100%}}
.mf-name--ticket::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1.7em;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 85%,#fff),var(--c));border-right:2px dashed rgba(255,255,255,.85);box-shadow:inset -3px 0 6px rgba(0,0,0,.18);pointer-events:none}
.mf-name--ticket::after{content:"";position:absolute;left:.62em;top:50%;width:.45em;height:.45em;border-radius:50%;background:var(--c2);box-shadow:0 0 0 2px #FFF9EC,0 0 10px var(--c2);transform:translateY(-50%);pointer-events:none}
/* 13 · ORBIT — a lacquered plate with a small bright moon circling it on a dashed path */
.mf-name--orbit{border-radius:22%;width:7.6em;padding:1.2em 1em;white-space:normal;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 80%,#fff) 0%,var(--c) 45%,color-mix(in srgb,var(--c) 70%,#3A2A8F) 100%);font-family:'Michroma','Unbounded',system-ui,sans-serif;font-style:normal;font-size:calc(.5rem + var(--s,1) * .26rem);line-height:1.25;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 1px 1px rgba(0,0,0,.4),0 -1px 0 rgba(255,255,255,.3);box-shadow:0 18px 34px color-mix(in srgb,var(--c) 45%,transparent),inset 0 2px 0 rgba(255,255,255,.5),inset 0 -5px 10px rgba(0,0,0,.3)}
.mf-name--orbit::after{content:"";position:absolute;left:50%;top:50%;width:150%;aspect-ratio:1;border-radius:50%;border:1.5px dashed color-mix(in srgb,var(--c2) 75%,#fff);translate:-50% -50%;background:radial-gradient(circle at 50% 0,#fff 0 .18em,var(--c2) .18em .3em,transparent .42em);animation:mf-orbit 5s linear infinite;animation-delay:calc(var(--k,0) * -.6s);filter:drop-shadow(0 0 6px var(--c2));pointer-events:none}
@keyframes mf-orbit{to{transform:rotate(360deg)}}
.mf-name--medallion{border-radius:50%;aspect-ratio:1;width:8.4em;padding:1.3em;white-space:normal;background:radial-gradient(circle at 32% 28%,#FFFFFF 0%,#E6E7EE 30%,#B9BDCC 62%,#8C90A2 100%);color:#6E7288!important;font-family:'Cinzel',Georgia,serif;font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:calc(.5rem + var(--s,1) * .26rem);line-height:1.15;text-shadow:0 1px 0 #fff,0 -1px 0 rgba(0,0,0,.35);box-shadow:0 0 0 2px #F1F2F6,0 0 0 4px #9EA3B8,0 18px 36px rgba(51,37,102,.3),inset 0 3px 4px rgba(255,255,255,.9),inset 0 -6px 10px rgba(60,50,90,.28)}
.mf-name--medallion::after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,255,255,0) 0 40%,rgba(255,255,255,.75) 50%,rgba(255,255,255,0) 60%);animation:mf-spin 7s linear infinite;animation-delay:calc(var(--k,0) * -.5s);pointer-events:none;mix-blend-mode:screen}
.mf-name--medallion::before{content:"";position:absolute;inset:11%;border-radius:50%;border:1.5px solid rgba(110,114,136,.5);box-shadow:inset 0 1px 0 #fff;pointer-events:none}
/* ROSETTE — a prize ribbon fanned behind a lacquered disc */
.mf-name--rosette{border-radius:50%;aspect-ratio:1;width:6.4em;padding:1.1em;white-space:normal;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--c) 60%,#fff),var(--c) 55%,color-mix(in srgb,var(--c) 70%,#000) 100%);font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:600;font-size:calc(.7rem + var(--s,1) * .34rem);line-height:1.1;box-shadow:0 0 0 3px #F6E7A8,0 0 0 5px #C79A2E,0 18px 36px color-mix(in srgb,var(--c) 45%,transparent),inset 0 3px 3px rgba(255,255,255,.55),inset 0 -6px 10px rgba(0,0,0,.3)}
.mf-name--rosette::before{content:"";position:absolute;inset:-28%;border-radius:50%;z-index:-1;animation:mf-spin 48s linear infinite;background:repeating-conic-gradient(from 0deg,var(--c2) 0 7deg,color-mix(in srgb,var(--c2) 55%,#fff) 7deg 14deg);-webkit-mask:radial-gradient(circle,transparent 40%,#000 41%);mask:radial-gradient(circle,transparent 40%,#000 41%);filter:drop-shadow(0 10px 16px rgba(51,37,102,.25))}
/* WAX SEAL — pressed, deep, the edge a little uneven */
/* LIQUID CHROME — a mirrored pill, the name in ink */
.mf-name--chrome{border-radius:999px;color:#3A2A8F!important;background:linear-gradient(180deg,#FFFFFF 0%,#E6E7EE 38%,#B9BDCC 50%,#9EA3B8 54%,#E6E7EE 100%),var(--c);font-family:'Josefin Sans',system-ui,sans-serif;font-style:normal;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:calc(.62rem + var(--s,1) * .34rem);text-shadow:0 1px 0 #fff;box-shadow:0 0 0 1.5px #8C90A2,0 20px 40px rgba(51,37,102,.28),inset 0 2px 0 #fff,inset 0 -3px 6px rgba(60,50,90,.35)}
.mf-name--chrome::after{content:"";position:absolute;inset:0;border-radius:999px;background-size:300% 100%;animation:mf-foil 6s linear infinite;animation-delay:calc(var(--k,0) * -.45s);background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--c) 35%,transparent) 30%,transparent 50%,color-mix(in srgb,var(--c2) 30%,transparent) 75%,transparent 100%);mix-blend-mode:multiply;pointer-events:none}
/* GEM — cut, faceted, two colours through it */
.mf-name--gem{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);padding:1.3em 2.2em;white-space:normal;width:8.6em;background:linear-gradient(135deg,rgba(255,255,255,.55) 0 30%,rgba(255,255,255,0) 30% 55%,rgba(0,0,0,.18) 55% 100%),linear-gradient(20deg,rgba(255,255,255,.35) 0 45%,rgba(0,0,0,.12) 45% 100%),linear-gradient(160deg,var(--c),var(--c2));font-family:'Marcellus',Georgia,serif;font-style:normal;font-size:calc(.68rem + var(--s,1) * .32rem);line-height:1.1;letter-spacing:.02em;text-shadow:0 1px 1px rgba(0,0,0,.45),0 -1px 0 rgba(255,255,255,.4)}
.mf-name--gem{overflow:hidden}.mf-name--gem::after{content:"";position:absolute;top:18%;left:22%;width:14%;height:14%;background:radial-gradient(circle,rgba(255,255,255,1) 0,rgba(255,255,255,.9) 20%,rgba(255,255,255,0) 60%);transform:scale(0);animation:mf-flash 3.8s ease-in-out infinite;animation-delay:calc(var(--k,0) * -.53s);pointer-events:none}
.mf-name--gem{filter:drop-shadow(0 18px 24px color-mix(in srgb,var(--c) 45%,transparent)) drop-shadow(0 2px 0 rgba(255,255,255,.6))}
/* SUNBURST — a gold disc with rays behind it */
.mf-name--sunburst{border-radius:50%;aspect-ratio:1;width:6.2em;padding:1.1em;white-space:normal;color:#5B3A8E!important;background:radial-gradient(circle at 35% 30%,#FFF4C8 0%,#F2D36B 45%,#C9962B 100%);font-family:'Cinzel',Georgia,serif;font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:calc(.5rem + var(--s,1) * .28rem);line-height:1.15;text-shadow:0 1px 0 #FFF4C8,0 -1px 0 rgba(90,60,0,.35);box-shadow:0 0 0 2px #FFF4C8,0 0 0 3.5px #B98C2B,0 16px 30px rgba(201,150,43,.4),inset 0 3px 3px rgba(255,255,255,.7),inset 0 -6px 10px rgba(120,80,0,.3)}
.mf-name--sunburst::before{content:"";position:absolute;inset:-34%;z-index:-1;border-radius:50%;animation:mf-spin 30s linear infinite;background:repeating-conic-gradient(from 0deg,var(--c) 0 6deg,transparent 6deg 15deg);-webkit-mask:radial-gradient(circle,transparent 38%,#000 39%,#000 70%,transparent 100%);mask:radial-gradient(circle,transparent 38%,#000 39%,#000 70%,transparent 100%);opacity:.85}
/* PEARL — iridescent, a rainbow at its edge, the name in script */
.mf-name--pearl{border-radius:999px;white-space:nowrap;overflow:hidden;color:var(--c)!important;background:linear-gradient(120deg,rgba(255,180,230,.35),rgba(127,228,255,.3) 35%,rgba(255,243,176,.35) 60%,rgba(201,182,242,.4)),radial-gradient(circle at 40% 30%,#FFFFFF 0%,#FBEFF8 40%,#E4D6F2 100%);background-size:260% 260%,100% 100%;animation:mf-foil 9s ease-in-out infinite;animation-delay:calc(var(--k,0) * -.8s);font-family:'Great Vibes','Playfair Display',cursive;font-style:normal;font-size:calc(1.5rem + var(--s,1) * .9rem);line-height:1.15;padding:.32em 1em .42em;text-shadow:0 1px 0 #fff,0 2px 8px color-mix(in srgb,var(--c) 55%,transparent);box-shadow:0 18px 36px color-mix(in srgb,var(--c) 32%,transparent),inset 0 3px 0 #fff,inset 0 -6px 12px color-mix(in srgb,var(--c2) 35%,transparent)}
.mf-name--pearl::after{content:"";position:absolute;inset:0;border-radius:999px;padding:3.5px;background:conic-gradient(from 200deg,#FFB4E6,#7FE4FF,#FFF3B0,#C9B6F2,#FFB4E6);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}

/* EMBROIDERED PATCH — thread on twill, a merrow-stitched edge */
/* BUBBLE — a soap-bubble sphere, the name inside it */
.mf-name--bubble{border-radius:50%;aspect-ratio:1;width:7.4em;padding:1.3em;white-space:normal;color:color-mix(in srgb,var(--c) 58%,#3A2A8F)!important;background:conic-gradient(from 210deg,rgba(255,180,230,.55),rgba(127,228,255,.5),rgba(255,243,176,.5),rgba(201,182,242,.55),rgba(255,180,230,.55)),radial-gradient(circle at 30% 25%,rgba(255,255,255,1) 0%,rgba(255,255,255,.6) 22%,rgba(255,255,255,.2) 45%,color-mix(in srgb,var(--c) 45%,transparent) 80%,color-mix(in srgb,var(--c2) 70%,transparent) 100%);background-blend-mode:soft-light,normal;border:1.5px solid #fff;font-family:'Josefin Sans',system-ui,sans-serif;font-style:normal;font-weight:600;font-size:calc(.7rem + var(--s,1) * .32rem);line-height:1.15;letter-spacing:.02em;text-shadow:0 1px 0 #fff,0 0 10px rgba(255,255,255,.9);box-shadow:0 22px 40px color-mix(in srgb,var(--c) 30%,transparent),inset 0 -14px 28px color-mix(in srgb,var(--c2) 55%,transparent),inset 0 0 0 1.5px rgba(255,255,255,.7)}
.mf-name--bubble::after{content:"";position:absolute;left:18%;top:12%;width:26%;height:14%;border-radius:50%;background:rgba(255,255,255,.9);filter:blur(1px);z-index:-1;transform:rotate(-20deg);animation:mf-bubble 6s ease-in-out infinite alternate;animation-delay:calc(var(--k,0) * -.8s);pointer-events:none}
/* NAMEPLATE — brushed gold with bevelled edges and four screws */
.mf-name--nameplate{border-radius:6px;color:#5B3A8E!important;background:repeating-linear-gradient(180deg,rgba(255,255,255,.25) 0 1px,rgba(0,0,0,0) 1px 3px),linear-gradient(100deg,#FFF1C2 0%,#E9C86A 35%,#C79A2E 55%,#F2D77B 80%,#FFF1C2 100%);background-size:100% 100%,220% 100%;animation:mf-brush 7s ease-in-out infinite alternate;animation-delay:calc(var(--k,0) * -.9s);font-family:'Cinzel',Georgia,serif;font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:.18em;font-size:calc(.56rem + var(--s,1) * .32rem);padding:.9em 2.2em;text-shadow:0 1px 0 #FFF4C8,0 -1px 0 rgba(90,60,0,.5);box-shadow:0 0 0 1px #B98C2B,0 16px 30px rgba(201,150,43,.35),inset 0 2px 0 #FFF9E0,inset 0 -3px 0 #A67A1E,inset 2px 0 0 #FFF4C8,inset -2px 0 0 #A67A1E}
.mf-name--nameplate::before,.mf-name--nameplate::after{content:"";position:absolute;top:50%;width:.45em;height:.45em;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFF9E0,#A67A1E);box-shadow:inset 0 -1px 1px rgba(0,0,0,.4);transform:translateY(-50%)}
.mf-name--nameplate::before{left:.6em}.mf-name--nameplate::after{right:.6em}
/* BANNER — a folded ribbon, the ends tucked, two colours */
.mf-name--banner{clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%);padding:.7em 2.4em;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 85%,#fff) 0%,var(--c) 45%,color-mix(in srgb,var(--c) 70%,var(--c2)) 100%);font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:600;letter-spacing:.02em;font-size:calc(.82rem + var(--s,1) * .44rem);text-shadow:0 1px 1px rgba(0,0,0,.4),0 -1px 0 rgba(255,255,255,.3);box-shadow:inset 0 2px 0 rgba(255,255,255,.5),inset 0 -4px 8px rgba(0,0,0,.25);filter:drop-shadow(0 14px 22px color-mix(in srgb,var(--c) 45%,transparent))}
.mf-name--banner::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(90deg,rgba(0,0,0,.28) 0,rgba(0,0,0,0) 10%,rgba(255,255,255,0) 45%,rgba(255,255,255,.22) 52%,rgba(255,255,255,0) 60%,rgba(0,0,0,0) 90%,rgba(0,0,0,.28) 100%);background-size:200% 100%;animation:mf-cloth 5s ease-in-out infinite alternate;animation-delay:calc(var(--k,0) * -.6s);pointer-events:none}
/* PLAQUE — deep lacquer with a fine gold inline, the name in italic */
.mf-name--plaque{border-radius:10px;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--c) 70%,#fff),var(--c) 40%,color-mix(in srgb,var(--c) 65%,var(--c2)) 100%);font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:600;font-size:calc(.9rem + var(--s,1) * .48rem);padding:.85em 1.6em;text-shadow:0 1px 1px rgba(0,0,0,.4),0 -1px 0 rgba(255,255,255,.28);box-shadow:0 18px 34px color-mix(in srgb,var(--c) 45%,transparent),inset 0 2px 1px rgba(255,255,255,.55),inset 0 -4px 8px rgba(0,0,0,.3)}
.mf-name--plaque::after{content:"";position:absolute;inset:6px;border-radius:6px;border:1.5px solid #E9CD80;animation:mf-inline 4.4s ease-in-out infinite;animation-delay:calc(var(--k,0) * -.7s);box-shadow:0 0 0 1px rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,255,255,.25);pointer-events:none}
/* 18 · STAMP — a postage stamp: perforated paper edge, the colour as the picture inside, the name typed on it, and a postmark rolling across every few seconds. Hers: one of each type, never the medallion twice in two colours. */
.mf-name--stamp{border:6px dotted #FFFDF6;border-radius:2px;padding:.9em 1.4em;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 55%,#fff) 0%,var(--c) 50%,color-mix(in srgb,var(--c) 70%,var(--c2)) 100%) padding-box;background-clip:padding-box;color:#FFFDF6!important;font-family:'Special Elite','Courier New',monospace;font-style:normal;font-size:calc(.72rem + var(--s,1) * .4rem);letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.35);box-shadow:inset 0 0 0 3px #FFFDF6,inset 0 0 0 4px rgba(0,0,0,.12),0 16px 30px color-mix(in srgb,var(--c) 40%,transparent);overflow:hidden}
.mf-name--stamp::before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.55);pointer-events:none}
.mf-name--stamp::after{content:"";position:absolute;top:-30%;bottom:-30%;left:0;width:60%;pointer-events:none;opacity:.55;background:repeating-linear-gradient(180deg,transparent 0 6px,rgba(58,42,143,.75) 6px 8px,transparent 8px 14px) 0 50%/100% 40% no-repeat,radial-gradient(circle at 30% 50%,transparent 0 1.1em,rgba(58,42,143,.75) 1.1em calc(1.1em + 2px),transparent calc(1.1em + 3px),transparent calc(1.1em + 6px),rgba(58,42,143,.6) calc(1.1em + 6px) calc(1.1em + 7.5px),transparent calc(1.1em + 8.5px));animation:mf-postmark 7s ease-in-out infinite;animation-delay:calc(var(--k,0) * -.9s);mix-blend-mode:multiply}
@keyframes mf-postmark{0%,55%{transform:translateX(130%);opacity:0}62%{opacity:.6}85%{opacity:.6}100%{transform:translateX(-40%);opacity:0}}
@media(max-width:820px){.mf-name{font-size:calc(.7rem + var(--s,1) * .32rem);white-space:normal;max-width:42vw;line-height:1.1}.mf-name--enamel,.mf-name--chrome{font-size:calc(.5rem + var(--s,1) * .22rem)}.mf-name--marquee,.mf-name--electric{font-size:calc(.5rem + var(--s,1) * .24rem)}.mf-name--charm,.mf-name--ripple{font-size:calc(.8rem + var(--s,1) * .4rem)}.mf-name--meadow{font-size:calc(1rem + var(--s,1) * .5rem)}.mf-name--rosette,.mf-name--sunburst{width:5.6em}.mf-name--orbit{width:6.2em}.mf-name--medallion,.mf-name--bubble{width:6.4em}.mf-name--pearl{white-space:normal;max-width:44vw;font-size:calc(1.05rem + var(--s,1) * .5rem);line-height:1}.mf-name--nameplate{font-size:calc(.5rem + var(--s,1) * .22rem)}.mf-name--gem{width:7.2em}.mf-name--pearl{font-size:calc(1.15rem + var(--s,1) * .55rem)}}
@media(prefers-reduced-motion:reduce){.mf-glitter{display:none}.mf-name,.mf-name::before,.mf-name::after{animation:none!important}}

/* THE PORTRAIT AS AN OBJECT — the plate tilts with the pointer or the phone, and a holographic sheen crosses it. */
.mf-card3d{transform-style:preserve-3d;transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease-out;position:relative;overflow:hidden}
.mf-card3d__sheen{position:absolute;inset:-40%;pointer-events:none;background:conic-gradient(from calc(var(--a,0) * 1deg) at var(--px,50%) var(--py,50%),rgba(255,255,255,0) 0deg,rgba(255,255,255,.32) 40deg,rgba(127,228,255,.35) 80deg,rgba(255,180,230,.3) 120deg,rgba(255,255,255,0) 170deg,rgba(255,255,255,0) 360deg);mix-blend-mode:screen;opacity:.75;transition:opacity .4s}
.mf-card3d > *{position:relative}
@media(prefers-reduced-motion:reduce){.mf-card3d{transform:none}.mf-card3d__sheen{display:none}}

/* THE PHOTOGRAPHS — Gigi's, 14 September: real people lit in magenta and electric light, straight to camera; the promise spread is a full-bleed picture with the imagine line on it, the what and who spreads carry a portrait with her pull line laid over its foot. */
.mf-photo{position:relative;max-width:none;min-height:min(92svh,820px);display:grid;align-items:end;overflow:hidden;padding:clamp(2rem,6vw,5rem) clamp(20px,5vw,64px) clamp(3rem,7vw,6rem)}
.mf-photo__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 30%}
.mf-photo::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(58,42,143,0) 38%,rgba(106,61,219,.6) 62%,rgba(194,31,142,.92) 100%)}
.mf-photo .mf-spread__big{position:relative;z-index:2;color:var(--pearl);margin:0 auto;text-shadow:0 2px 24px rgba(51,37,102,.45)}
/* THE BANDS — people through the whole site, a few at a time, staggered like a shelf of frames; hers: I want people throughout the site */
.mf-band{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:clamp(.7rem,1.8vw,1.3rem);margin:clamp(2.4rem,5vw,3.8rem) auto 0;align-items:start}
.mf-band__one{margin:0;border-radius:14px;overflow:hidden;box-shadow:0 26px 50px rgba(51,37,102,.22),inset 0 0 0 1px rgba(255,255,255,.55);transform:translateY(calc(var(--lift,0) * 1px))}
.mf-band__one:nth-child(2){--lift:26}.mf-band__one:nth-child(4){--lift:14}
.mf-band__one img{width:100%;height:auto;display:block;transform:scale(1.04);animation:mf-breathe calc(22s + var(--k,0) * 3s) ease-in-out infinite alternate;animation-delay:calc(var(--k,0) * -4s)}
.mf-plate .mf-band__one{box-shadow:0 30px 60px rgba(51,37,102,.4),inset 0 0 0 1px rgba(255,255,255,.4)}
@media(max-width:700px){.mf-band{grid-template-columns:repeat(2,minmax(0,1fr))}.mf-band__one:nth-child(2){--lift:16}.mf-band__one:nth-child(4){--lift:0}}
@media(prefers-reduced-motion:reduce){.mf-band__one img{animation:none;transform:none}}
.mf-portrait{position:relative;margin:0;border-radius:10px;overflow:hidden;aspect-ratio:3/4;box-shadow:0 30px 60px rgba(106,61,219,.22)}
.mf-portrait img{width:100%;height:100%;object-fit:cover;display:block}
.mf-portrait--pink img{object-position:50% 20%}
.mf-pull--on{position:absolute;left:0;right:0;bottom:0;margin:0;max-width:none;padding:clamp(1.4rem,3vw,2.2rem);background:linear-gradient(180deg,rgba(51,37,102,0),rgba(51,37,102,.72))}
.mf-pull--on p{color:var(--pearl)}
.mf-spread--what,.mf-spread--who{align-items:center}
@media(max-width:820px){.mf-photo{min-height:100svh;padding-top:46svh}.mf-photo__img{object-position:50% 40%}.mf-photo::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(194,31,142,.6) 0%,rgba(106,61,219,.25) 22%,rgba(0,0,0,0) 40%)}.mf-photo .mf-spread__big{font-size:clamp(1.5rem,7vw,2.2rem)}.mf-portrait{aspect-ratio:4/5}}

/* VERY VERY SPECIAL — her plate of people: every age, every kind, each lit in magenta, violet, electric or pink; an editorial wall on the violet plate, each portrait held in a holographic hairline, breathing very slowly (a slow drift inside its frame), rising into place as you reach it. */
.mf-vvs{max-width:none;padding-left:0;padding-right:0}
.mf-vvs__head{max-width:40rem;margin:0 auto clamp(2rem,5vw,3.5rem);padding:0 clamp(20px,5vw,64px);text-align:center}
.mf-vvs__head h2,.mf-vvs__head .mf-cap{color:var(--pearl);margin-left:auto;margin-right:auto}
.mf-vvs__wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:clamp(150px,18vw,260px);grid-auto-flow:dense;gap:clamp(.6rem,1.4vw,1.2rem);padding:0 clamp(12px,3vw,48px);max-width:96rem;margin:0 auto}
.mf-vvs__one{position:relative;margin:0;overflow:hidden;border-radius:14px;grid-column:span 2;grid-row:span 2;box-shadow:0 30px 60px rgba(51,37,102,.35),inset 0 0 0 1px rgba(255,255,255,.35)}
.mf-vvs__one--wide{grid-column:span 3;grid-row:span 2}
.mf-vvs__one--tall{grid-column:span 2;grid-row:span 3}
.mf-vvs__one::after{content:"";position:absolute;inset:0;border-radius:14px;padding:1.5px;background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(127,228,255,.55),rgba(255,180,230,.6),rgba(255,255,255,.2));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.mf-vvs__one img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block;transform:scale(1.04);animation:mf-breathe calc(22s + var(--k,0) * 3s) ease-in-out infinite alternate;animation-delay:calc(var(--k,0) * -4s)}
@keyframes mf-breathe{from{transform:scale(1.04) translate(0,0)}to{transform:scale(1.12) translate(-1.5%,-2%)}}
.mf-vvs__one.mf-in{transition-duration:1.4s}
@media(max-width:820px){.mf-vvs__wall{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(150px,44vw,220px);gap:.55rem}.mf-vvs__one,.mf-vvs__one--wide,.mf-vvs__one--tall{grid-column:span 1;grid-row:span 1}.mf-vvs__one--wide{grid-column:span 2}.mf-vvs__one--tall{grid-row:span 2}}
@media(prefers-reduced-motion:reduce){.mf-vvs__one img{animation:none;transform:none}}

/* the price, said once on the front and once on the made page — hers, pressed on her own screen */
.mf-price{font:400 1.15rem/1.6 var(--body);color:var(--ink);max-width:40rem;margin:1.2rem auto 0;text-align:center}.mf-price strong{color:var(--signal);font-weight:700}
.mf-made--counter .mf-word{display:inline-block;margin-top:1rem;font-size:1.1rem}


/* THE FOLD — hers, 27 September 2026. The orb is a pool of light; the light leaves
   it a beat before the word does, and one of her names surfaces, holds, and sinks
   back so the next one can rise. Four voices, no two at the same volume. */
.mf-cover{gap:0}
.mf-cover__pool{position:absolute;inset:-10% -20%;pointer-events:none;
 background:radial-gradient(38% 30% at 50% 50%,rgba(255,255,255,.30),rgba(255,214,240,.12) 46%,transparent 72%);
 opacity:.5;transform:scale(.92);
 transition:opacity 1.6s ease,transform 2.2s cubic-bezier(.2,.7,.2,1)}
.mf-cover.is-lit .mf-cover__pool{opacity:1;transform:scale(1.05)}

/* her promise, loudest, said once */
.mf-cover__head{margin:0;text-shadow:0 0 60px rgba(255,255,255,.18)}
/* and the same promise breathed out — quiet, so it cannot argue with the line above it */
.mf-cover__line{font:500 .7rem/1.7 var(--head);letter-spacing:.34em;text-transform:uppercase;
 opacity:.72;max-width:34ch;margin:clamp(.7rem,1.4vw,1.1rem) auto 0}

/* the lift lives on nothing here: the entrance animation holds this wrapper's transform,
   so the pool's own light is what moves when a name is about to surface */
.mf-cover__orb{margin:clamp(-.75rem,-2vw,-2rem) auto 0}
.mf-cover__orb .mf-orb{transition:filter 1.4s ease}
.mf-cover.is-lit .mf-cover__orb .mf-orb{filter:drop-shadow(0 40px 70px rgba(51,37,102,.45)) drop-shadow(0 0 44px rgba(255,255,255,.45)) brightness(1.05)}

/* what rises out of it: her own words as the label, then the name itself */
.mf-cover__naming{display:grid;justify-items:center;gap:.55rem;max-width:32ch;
 margin:clamp(.6rem,1.8vw,1.4rem) auto 0}
.mf-naming__label{font:500 .64rem/1.7 var(--head);letter-spacing:.3em;text-transform:uppercase;
 color:var(--pearl);opacity:.72;max-width:32ch;text-wrap:balance}
.mf-naming__word{display:grid;place-items:center;min-height:2.25em;
 font:var(--namew,400) clamp(1.9rem,5.4vw,3.5rem)/1.08 var(--name);letter-spacing:.03em;text-wrap:balance;
 color:var(--pearl);
 background:linear-gradient(180deg,#FFFFFF 0%,#FFE8F5 58%,#FFC4E4 100%);
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
 filter:drop-shadow(0 0 30px rgba(255,255,255,.5));
 opacity:0;transform:translateY(30px) scale(.9);
 transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1.3s cubic-bezier(.2,.7,.2,1),filter 1s ease}
.mf-cover__naming.is-on .mf-naming__word{opacity:1;transform:none}

.mf-cover .mf-ways{margin-top:clamp(1.1rem,2.6vw,2rem)}
.mf-cover .mf-way .mf-word{font-size:clamp(1rem,1.8vw,1.2rem);letter-spacing:.2em}

/* THE WHOLE FOLD HAS TO FIT, INCLUDING THE WAY IN — measured on the real page,
   27 September 2026: on a 1440 by 820 laptop the door sat at 937 and nobody could
   see it. Everything on this fold is now sized against the height of the screen,
   never the width alone, so the door can never fall off the bottom again. */
@media(min-width:641px){
	.mf-cover{padding-top:clamp(1.5rem,4vh,3rem);padding-bottom:clamp(2rem,5vh,4rem)}
	.mf-cover__head{font-size:min(clamp(2.8rem,8vw,6.6rem),13vh)}
	.mf-cover__orb{width:min(40vw,300px,31svh)}
	/* the name is the proof — it stands on one line wherever the screen allows it */
	.mf-cover__naming{max-width:min(92vw,800px)}
	.mf-naming__word{min-height:1.75em;font-size:min(clamp(1.9rem,5.4vw,3.2rem),9vh)}
	.mf-cover .mf-ways{margin-top:clamp(.9rem,2.4vh,1.8rem)}
}
@media(max-width:640px){
	/* her screen is 379 by 1400 — a full-height cover leaves her looking at an empty
	   field, so the fold stops before the void does and the next world shows below it */
	.mf-cover{min-height:min(92svh,980px)}
	.mf-cover__naming{gap:.45rem;max-width:30ch}
	/* two lines, not three ragged ones — the label is a caption, never a stanza */
	.mf-naming__label{letter-spacing:.22em;max-width:34ch}
	.mf-cover__orb{width:min(66vw,270px);margin-top:.4rem}
	.mf-naming__word{min-height:2.3em;font-size:1.8rem}
	.mf-cover__line{letter-spacing:.26em;font-size:.64rem}
}
@media(prefers-reduced-motion:reduce){
	.mf-naming__word{transition:none;opacity:1;transform:none}
	.mf-cover__pool,.mf-cover__orb{transition:none}
}

/* ── THE TALKING MOMENT — a prototype, 8 October 2026 ─────────────────────
 * One sentence at a time, never a wall. No instruction anywhere — the dot
 * simply waits. Her rulings, THE-BIGGER-BRAIN-DESIGN-1-OCT.md 80–190. */
.mf-talk{min-height:70svh}
.mf-tk{max-width:46rem;margin:0 auto;padding:clamp(3rem,9vw,6rem) 1.2rem clamp(4rem,10vw,7rem);text-align:center}
.mf-tk__screen{opacity:0;max-height:0;overflow:hidden;transform:translateY(10px);
  transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1),max-height .6s ease}
.mf-tk__screen.is-now{opacity:1;max-height:2000px;transform:none;margin-bottom:clamp(2rem,6vw,3.4rem)}
.mf-tk__big{font:400 clamp(1.5rem,5vw,2.4rem)/1.3 var(--name,serif);color:var(--ink,#4E3390);
  margin:0 auto;max-width:24ch;text-wrap:balance;letter-spacing:.005em}
.mf-tk__big--last{max-width:28ch}
.mf-tk__on{margin-top:clamp(1.6rem,4vw,2.4rem);padding:.85rem 1.8rem;border:0;border-radius:999px;
  cursor:pointer;background:var(--signal,#C2255C);color:#fff;font:600 1rem/1 var(--body,sans-serif);
  letter-spacing:.02em;transition:transform .18s ease,opacity .18s ease}
.mf-tk__on:hover{transform:translateY(-2px)}

.mf-tk__door{margin-top:clamp(2.4rem,7vw,3.6rem);display:grid;justify-items:center;gap:.9rem}
.mf-tk__mic{width:92px;height:92px;border-radius:50%;border:1px solid rgba(78,51,144,.22);
  background:rgba(255,255,255,.7);cursor:pointer;display:grid;place-items:center;
  box-shadow:0 10px 30px rgba(78,51,144,.14);transition:transform .25s ease,box-shadow .25s ease}
.mf-tk__mic:hover{transform:translateY(-2px)}
.mf-tk__dot{width:16px;height:16px;border-radius:50%;background:var(--signal,#C2255C);
  box-shadow:0 0 0 0 rgba(194,37,92,.45);animation:mf-tk-wait 2.6s infinite ease-out}
.mf-tk__mic.is-on{box-shadow:0 0 0 6px rgba(194,37,92,.12),0 10px 30px rgba(78,51,144,.18)}
.mf-tk__mic.is-on .mf-tk__dot{animation:mf-tk-hear 1.1s infinite ease-out}
@keyframes mf-tk-wait{0%{box-shadow:0 0 0 0 rgba(194,37,92,.35)}70%{box-shadow:0 0 0 18px rgba(194,37,92,0)}100%{box-shadow:0 0 0 0 rgba(194,37,92,0)}}
@keyframes mf-tk-hear{0%{transform:scale(1)}50%{transform:scale(1.35)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.mf-tk__dot{animation:none}.mf-tk__screen{transition:none}}

.mf-tk__soft{margin:0;font:400 .98rem/1.5 var(--body,sans-serif);color:var(--ink,#4E3390);opacity:.62}
.mf-tk__type{border:0;background:none;cursor:pointer;font:500 .92rem/1 var(--body,sans-serif);
  color:var(--ink,#4E3390);opacity:.55;text-decoration:underline;text-underline-offset:4px;padding:.4rem}
.mf-tk__type:hover{opacity:.9}

.mf-tk__heard{margin-top:clamp(2rem,6vw,3rem);text-align:left;background:rgba(255,255,255,.72);
  border:1px solid rgba(78,51,144,.16);border-radius:22px;padding:clamp(1.3rem,4vw,2rem)}
.mf-tk__heardeye{margin:0 0 .7rem;font:600 .68rem/1 var(--body,sans-serif);letter-spacing:.26em;
  text-transform:uppercase;color:var(--ink,#4E3390);opacity:.5}
.mf-tk__said{min-height:5.5em;font:400 clamp(1.05rem,3.4vw,1.2rem)/1.7 var(--body,sans-serif);
  color:var(--ink,#4E3390);outline:0;padding:.2rem 0 .9rem}
.mf-tk__said:focus-visible{outline:0}
.mf-tk__heard .mf-tk__on{margin-top:1.1rem}
.mf-tk__held{margin:1rem 0 0;font:400 1rem/1.6 var(--body,sans-serif);color:var(--signal,#C2255C)}
.mf-tk__note{margin:clamp(3rem,8vw,4.5rem) auto 0;max-width:34ch;font:400 .85rem/1.6 var(--body,sans-serif);
  color:var(--ink,#4E3390);opacity:.45}

/* ── WHAT PEOPLE PUT, AND WHAT IS ACTUALLY THERE — 8 October 2026 ─────────
 * Hers: show what people would normally put, then what they could get out of
 * this. The whole sell, and it costs no model turn to show. */
.mf-df{max-width:62rem;margin:0 auto;padding:clamp(2.6rem,8vw,5rem) 1.2rem clamp(4rem,9vw,6.5rem)}
.mf-df__eye{margin:0 0 .8rem;font:600 .68rem/1 var(--body,sans-serif);letter-spacing:.28em;
  text-transform:uppercase;color:var(--ink,#4E3390);opacity:.55;text-align:center}
.mf-df__head{margin:0 auto .9rem;max-width:18ch;text-align:center;color:var(--ink,#4E3390);
  font:400 clamp(1.9rem,6vw,3rem)/1.14 var(--name,serif);letter-spacing:.01em;text-wrap:balance}
.mf-df__line{margin:0 auto clamp(2.4rem,6vw,3.6rem);max-width:46ch;text-align:center;
  font:400 clamp(1rem,3.3vw,1.12rem)/1.65 var(--body,sans-serif);color:var(--ink,#4E3390);opacity:.75}

.mf-df__two{display:grid;gap:clamp(1.1rem,3vw,1.8rem)}
@media(min-width:860px){.mf-df__two{grid-template-columns:1fr 1.25fr;align-items:start}}

.mf-df__col{border-radius:24px;padding:clamp(1.4rem,4vw,2.2rem)}
.mf-df__col--usual{background:rgba(120,110,140,.06);border:1px solid rgba(78,51,144,.10)}
.mf-df__col--theirs{background:rgba(255,255,255,.78);border:1px solid rgba(78,51,144,.18);
  box-shadow:0 18px 44px rgba(78,51,144,.12)}

.mf-df__cap{margin:0 0 1.1rem;font:600 .66rem/1 var(--body,sans-serif);letter-spacing:.24em;
  text-transform:uppercase;color:var(--ink,#4E3390);opacity:.5}

.mf-df__usual{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.mf-df__usual li{font:400 1.02rem/1.4 var(--body,sans-serif);color:var(--ink,#4E3390);opacity:.55}
.mf-df__under{margin:1.3rem 0 0;font:400 .92rem/1.55 var(--body,sans-serif);
  color:var(--ink,#4E3390);opacity:.45;font-style:italic}

.mf-df__name{margin:0 0 .9rem;font:400 clamp(1.4rem,4.4vw,2rem)/1.2 var(--name,serif);
  color:var(--signal,#C2255C);text-wrap:balance}
.mf-df__body{margin:0 0 1.1rem;font:400 clamp(1.02rem,3.3vw,1.12rem)/1.65 var(--body,sans-serif);
  color:var(--ink,#4E3390)}
.mf-df__said{margin:0 0 1.2rem;padding-left:1rem;border-left:2px solid rgba(194,37,92,.35);
  font:400 clamp(1rem,3.2vw,1.08rem)/1.6 var(--body,sans-serif);color:var(--ink,#4E3390);opacity:.8}
.mf-df__gift{margin:0;padding-top:1.1rem;border-top:1px solid rgba(78,51,144,.12);
  font:400 clamp(1rem,3.2vw,1.08rem)/1.62 var(--body,sans-serif);color:var(--ink,#4E3390)}
.mf-df__note{margin:clamp(2.2rem,6vw,3rem) auto 0;max-width:40ch;text-align:center;
  font:400 .85rem/1.6 var(--body,sans-serif);color:var(--ink,#4E3390);opacity:.45}

/* ── THE DEPTH IS THEIRS TO CARRY — 9 October 2026 ───────────────────────
 * The three depths map one for one onto her three prices, so carrying one
 * tells the far side what somebody paid. Her passport law: the receiving world
 * learns only the words sent. So it is a tick, and it starts unticked. */
.mf-carry__deep { display:flex; align-items:flex-start; gap:.65rem; margin:0 0 .5rem;
  text-align:left; cursor:pointer; font:400 .98rem/1.55 var(--body,sans-serif); color:var(--ink,#332566); }
.mf-carry__deep input { margin-top:.28rem; width:17px; height:17px; accent-color:var(--signal,#C21F8E); flex:0 0 auto; }
.mf-carry__quiet { margin:0 0 1.1rem; font:400 .86rem/1.5 var(--body,sans-serif);
  color:var(--ink,#332566); opacity:.55; text-align:left; }

/* ── THE SITTING, ON PAPER — 9 October 2026 ──────────────────────────────
 * Hand-written to her rulings, for her to read. Flagged as hand-written on
 * its face, top and bottom: her verdict on the six-door page was never a mock
 * pretending to be the brain. */
.mf-sit { max-width:44rem; margin:0 auto; padding:clamp(2rem,6vw,3.6rem) 1.2rem clamp(4rem,9vw,6rem); }
.mf-sit__flag { margin:0 0 clamp(2.4rem,6vw,3.4rem); padding:.9rem 1.1rem; border-radius:14px;
  background:rgba(var(--glow,194,31,142),.06); border:1px dashed rgba(var(--glow,194,31,142),.3);
  font:400 .88rem/1.55 var(--body,sans-serif); color:var(--ink,#332566); opacity:.8; }
.mf-sit__flag--end { margin:clamp(2.8rem,7vw,4rem) 0 0; }
.mf-sit__block { margin:0 0 clamp(2.6rem,7vw,4rem); padding-bottom:clamp(2rem,5vw,2.6rem);
  border-bottom:1px solid rgba(var(--glow,194,31,142),.12); }
.mf-sit__block--end { border-bottom:0; text-align:center; }
.mf-sit__eye { margin:0 0 1rem; font:600 .64rem/1.5 var(--body,sans-serif); letter-spacing:.24em;
  text-transform:uppercase; color:var(--signal,#C21F8E); }
.mf-sit__big { margin:0 0 1rem; font:400 clamp(1.6rem,5.2vw,2.5rem)/1.2 var(--name,serif);
  color:var(--ink,#332566); text-wrap:balance; }
.mf-sit__line { margin:0 0 .9rem; font:400 clamp(1rem,3.3vw,1.12rem)/1.65 var(--body,sans-serif);
  color:var(--ink,#332566); opacity:.84; text-wrap:pretty; }
.mf-sit__line--soft { opacity:.6; font-size:.98rem; }
.mf-sit__door { margin:0 0 1.1rem; padding-left:1rem; border-left:3px solid var(--signal,#C21F8E);
  font:400 clamp(1.1rem,3.6vw,1.3rem)/1.5 var(--body,sans-serif); color:var(--ink,#332566); }
.mf-sit__said { margin:0 0 1.1rem; padding:.9rem 1.1rem; border-radius:16px;
  background:rgba(var(--glow,194,31,142),.05);
  font:400 1.02rem/1.62 var(--body,sans-serif); color:var(--ink,#332566); opacity:.9; }
.mf-sit__said--press { font-style:italic; opacity:.5; text-align:center; }
.mf-sit__back { margin:0 0 1.1rem; font:400 1.02rem/1.6 var(--body,sans-serif);
  color:var(--signal-deep,#9E1873); }
.mf-sit__found { margin:1.3rem 0 0; padding:1.2rem 1.3rem; border-radius:20px; background:#fff;
  border:1px solid rgba(var(--glow,194,31,142),.26);
  box-shadow:0 14px 34px rgba(var(--glow,194,31,142),.12);
  font:400 clamp(1.02rem,3.4vw,1.14rem)/1.65 var(--body,sans-serif); color:var(--ink,#332566); }
.mf-sit__found span { display:block; margin-bottom:.55rem; font:600 .62rem/1 var(--body,sans-serif);
  letter-spacing:.24em; text-transform:uppercase; color:var(--signal,#C21F8E); }
.mf-sit__found--deep { border-color:rgba(var(--glow,194,31,142),.44);
  box-shadow:0 18px 44px rgba(var(--glow,194,31,142),.2); }
.mf-sit__land { margin:1rem 0 0; font:400 1.05rem/1.65 var(--body,sans-serif);
  color:var(--signal-deep,#9E1873); }

/* ── CHOOSING WHERE IT GOES ─────────────────────────────────────────────
 *
 * Drawn only where there is more than one world that genuinely answers a
 * passport, so today it renders nowhere. Written now rather than later
 * because the day a world joins the list it joins by one line of PHP, and
 * a choice arriving undressed on her screen would be the thing she saw.
 */
.mf-carry__wheres {
	display: grid;
	gap: 10px;
	margin: 18px 0 14px;
}

.mf-carry__where {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 4px 12px;
	align-items: start;
	padding: 16px 18px;
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 16px;
	background: rgba(255, 255, 255, .04);
	cursor: pointer;
	transition: border-color .15s ease, background .15s ease;
}

.mf-carry__where:hover,
.mf-carry__where:focus-within {
	border-color: rgba(255, 255, 255, .38);
	background: rgba(255, 255, 255, .07);
}

.mf-carry__where input { margin-top: .28em; }

.mf-carry__where-name {
	font-weight: 600;
	font-size: 1.02rem;
	letter-spacing: .01em;
}

.mf-carry__where-is {
	grid-column: 2;
	font-size: .92rem;
	line-height: 1.5;
	opacity: .82;
}

@media (prefers-reduced-motion: reduce) {
	.mf-carry__where { transition: none; }
}

/* ── SAID AT THE DOOR WHILE THE NAMING RESTS ───────────────────────────
 *
 * Drawn only while mf_brain_on is off, and it takes itself down the moment
 * the brain wakes. Warm rather than a warning: their words are kept either
 * way, so this is an invitation to come back, not a shut door.
 */
.mf-resting {
	margin: 0 0 clamp(1.4rem, 5vw, 2rem);
	padding: clamp(1.1rem, 4.4vw, 1.6rem) clamp(1.2rem, 4.8vw, 1.8rem);
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 18px;
	background: rgba(255, 255, 255, .06);
}

.mf-resting__head {
	margin: .2rem 0 .6rem;
	font-size: clamp(1.15rem, 4.8vw, 1.5rem);
	line-height: 1.18;
}