body.calma-mm{
  --pink:#E7067F; --cream:#F5F0E8; --plum:#260F4E; --burg:#610E36; --gold:#C4A265; --ink:#1B1320;
  --display:"Gloock", Georgia, "Times New Roman", serif;
  --body:"Jost", system-ui, -apple-system, "Segoe UI", sans-serif;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
.mm-page *,.mm-page *::before,.mm-page *::after{box-sizing:inherit}
html{scroll-padding-top:env(safe-area-inset-top,0px);height:100%}
body.calma-mm{margin:0;background:var(--plum);color:var(--cream);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
body.calma-mm.covered{overflow:hidden}
.mm-page ::selection{background:#E7067F;color:#F5F0E8}
.mm-page a:focus-visible,.mm-page button:focus-visible{outline:2px solid var(--pink);outline-offset:3px}
.mm-page .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* nav, same as home */
.mm-page .nav{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;
  padding:calc(18px + env(safe-area-inset-top,0px)) clamp(18px,4vw,48px) 18px;pointer-events:none;color:var(--cream)}
.mm-page .nav > *{pointer-events:auto;position:relative}
.mm-page .nav::before{content:"";position:absolute;inset:0;background:rgba(38,15,78,.68);transition:background .6s ease;pointer-events:none}
body.calma-mm.light .mm-page .nav::before{background:rgba(245,240,232,.8)}
body.calma-mm.onpink .mm-page .nav::before{background:rgba(231,6,127,.85)}
body.calma-mm.covered .mm-page .nav::before{background:transparent}
.mm-page .mark{display:inline-flex;align-items:center;gap:10px;font-family:"Cinzel","Trajan Pro",Georgia,serif;font-weight:600;font-size:18px;letter-spacing:.14em;color:inherit;text-decoration:none}
.mm-page .navmark{position:relative;display:inline-block;height:44px;aspect-ratio:380/440}
.mm-page .navmark .nm{position:absolute;inset:0;width:100%;height:100%;will-change:transform}
.mm-page .navmark .nf{position:absolute;left:50%;top:50%;height:36%;width:auto;transform:translate(-50%,-52%)}
.mm-page .links{display:flex;gap:28px;align-items:center;font-size:15px}
.mm-page .links a{color:inherit;text-decoration:none}
.mm-page .links a:hover,.mm-page .links a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px;text-decoration-color:#E7067F;text-decoration-thickness:2px}
.mm-page .links .send{color:#FF4FA6}
body.calma-mm.light .mm-page .nav{color:#610E36}
body.calma-mm.light .mm-page .links .send{color:#E7067F}
.mm-page .nav{transition:color .6s ease}
.mm-page .mark .wm{transition:opacity .5s ease}

.mm-page .sound-mini{background:none;border:1px solid currentColor;border-radius:999px;width:36px;height:36px;display:grid;place-items:center;cursor:pointer;color:inherit;opacity:.85}

/* the pinch, Minute Mindfulness version: before dawn, roses hanging from the top-left, words bottom-right */
.mm-page .cover{position:fixed;inset:0;z-index:100;background:var(--plum);color:var(--cream);overflow:hidden;
  clip-path:circle(150% at var(--px,50%) var(--py,50%));transition:clip-path 1.25s cubic-bezier(.7,0,.25,1)}
.mm-page .cover.pinched{clip-path:circle(0% at var(--px,50%) var(--py,50%))}
.mm-page .cover .corner{position:absolute;z-index:1;width:min(var(--s),44vw);transform:rotate(var(--r));transition:transform .9s cubic-bezier(.6,0,.4,1),opacity .7s ease;animation:sway 9s ease-in-out infinite alternate}
@keyframes sway{from{translate:0 0}to{translate:0 10px}}
.mm-page .cover.opening .corner{transform:rotate(var(--r)) scale(.2);opacity:0}
.mm-page .cover .label{position:absolute;z-index:2;top:clamp(28px,6vh,56px);right:clamp(24px,7vw,120px);margin:0;font-family:"Cinzel","Trajan Pro",Georgia,serif;font-weight:600;font-size:clamp(14px,1.1vw,17px);letter-spacing:.2em;color:var(--cream);opacity:.9;transition:opacity .5s ease}
.mm-page .pane{position:absolute;z-index:2;right:clamp(24px,7vw,120px);bottom:clamp(44px,10vh,110px);max-width:min(700px,84vw);text-align:right;display:grid;justify-items:end;transition:opacity .5s ease,transform .7s ease}
.mm-page .cover.opening .pane,.mm-page .cover.opening .label{opacity:0}
.mm-page .cover.opening .pane{transform:scale(.97)}
.mm-page .pane .l1{font-family:var(--body);font-size:clamp(17px,1.35vw,20px);line-height:1.5;margin:0 0 .5em;max-width:48ch;color:var(--cream);opacity:.92}
.mm-page .pane .l2{font-family:var(--display);font-weight:400;font-size:clamp(56px,7.6vw,124px);line-height:.95;letter-spacing:-.015em;margin:0 0 .28em;color:var(--pink)}
.mm-page .pane .l3{font-family:var(--display);font-size:clamp(22px,2.1vw,32px);line-height:1.25;margin:0 0 clamp(40px,7vh,72px);max-width:22ch;color:var(--cream)}
.mm-page .pane .l3::before{content:"";display:block;width:56px;height:2px;background:var(--gold);margin:0 0 .7em auto}
.mm-page .slider{position:relative;width:min(440px,78vw);height:60px;display:flex;align-items:center;margin-top:34px}
.mm-page .pane .lmid{font-family:var(--display);font-size:clamp(22px,2vw,30px);line-height:1.25;margin:.2em 0 .35em;color:var(--cream)}
.mm-page .pane .lmid::after{content:"";display:block;width:56px;height:2px;background:var(--gold);margin:.6em 0 0 auto}
.mm-page .pane .l2.lbig{font-size:clamp(48px,5.8vw,96px);line-height:.98;max-width:12ch;margin-left:auto;margin-bottom:clamp(40px,7vh,72px)}
.mm-page .slider .hint{position:absolute;left:50%;right:auto;transform:translateX(-50%);top:-30px;margin:0;font:400 clamp(17px,1.4vw,20px)/1 "Jost",system-ui,sans-serif;opacity:.9;color:var(--cream);white-space:nowrap}
.mm-page .slider .track{position:absolute;left:30px;right:30px;top:50%;border-top:2px dashed rgba(245,240,232,.38)}
.mm-page .cover{background:#DA1A56}
/* the silk keeps its own proportions; the open pink half runs under the words, and the ground colour carries on past its edge */
.mm-page .cover .cbg{position:absolute;top:0;left:-24vh;height:100%;width:auto;max-width:none;z-index:0;transform-origin:20% 50%;animation:cbgdrift 24s ease-in-out infinite alternate}
@keyframes cbgdrift{from{transform:scale(1.02)}to{transform:scale(1.06) translateX(-.6%)}}
/* on the pink silk, the type turns cream and the knob turns cream with a pink mark */
.mm-page .cover .pane .l2,.mm-page .cover .pane .l2.lbig{color:#260F4E}
.mm-page .cover .label{color:#260F4E;opacity:1}
/* the words sit high in the open pink, clear of the silk */
.mm-page .cover .pane{bottom:auto;top:clamp(96px,13vh,150px)}
.mm-page .cover .pane .l2.lbig{margin-bottom:clamp(28px,4.5vh,48px)}
.mm-page .cover .slider .knob{background:#FFF8FB;color:#DA1A56;box-shadow:0 6px 18px rgba(70,0,30,.3)}
.mm-page .cover .slider .goal{border-color:#FFF8FB}
.mm-page .cover .slider .track{border-top-color:rgba(255,248,251,.55)}
.mm-page .slider .goal{position:absolute;right:16px;top:50%;width:28px;height:28px;margin-top:-14px;border:2px solid var(--pink);border-radius:50%}
.mm-page .slider .knob{position:absolute;left:0;top:0;width:60px;height:60px;border-radius:50%;background:var(--pink);border:0;cursor:grab;touch-action:none;display:grid;place-items:center;color:var(--cream);box-shadow:0 6px 18px rgba(0,0,0,.25)}
.mm-page .slider .knob:active{cursor:grabbing}
.mm-page .slider .knob svg{width:26px;height:26px}
.mm-page .petal{position:fixed;z-index:102;left:0;top:0;width:12px;height:8px;border-radius:70% 0 70% 0;pointer-events:none;will-change:transform,opacity}
.mm-page .pinchfx{position:fixed;z-index:101;left:0;top:0;width:0;height:0;pointer-events:none}
.mm-page .pinchfx i{position:absolute;display:block;background:var(--pink);opacity:0;transition:transform 1.1s cubic-bezier(.3,0,.8,.4),opacity 1.1s ease}
.mm-page .pinchfx.drop i{opacity:1}
.mm-page .pinchpt{position:fixed;z-index:99;left:0;top:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--pink);opacity:0;pointer-events:none;will-change:transform,opacity}

/* the threshold: a rooftop at night, the bench, the dupatta */
.mm-page .hero{position:relative;height:330vh}
.mm-page .stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#0F1330}
.mm-page .canvas{position:absolute;left:0;top:0;width:3200px;height:1800px;transform-origin:0 0}
.mm-page .canvas .g{position:absolute;inset:0;will-change:transform}
.mm-page .canvas .g img{position:absolute;left:0;top:0;display:block;user-select:none}
.mm-page .gfg{transform-origin:50% 40%}
.mm-page .dcv{position:absolute;left:0;top:0;width:3200px;height:1800px;transform-origin:0 0;z-index:4;pointer-events:none}
.mm-page .drest{position:absolute;will-change:opacity,transform}
.mm-page .dfly{position:absolute;left:0;top:0;width:0;height:0;will-change:transform;opacity:0}
.mm-page .dfly img{position:absolute;visibility:hidden}
.mm-page .dfly img.on{visibility:visible}
.mm-page .night{position:absolute;inset:0;z-index:3;background:var(--plum);opacity:0;pointer-events:none}
body.calma-mm.veiled .mm-page .night{opacity:1}
.mm-page .dcv{transition:opacity 1.2s ease 2.4s}
body.calma-mm.veiled .mm-page .dcv{opacity:0;transition:none}
body.calma-mm.onpink .mm-page .links .send{color:#FFF8FB}

.mm-page .hcopy{position:absolute;z-index:5;margin:0;opacity:0;transition:opacity 1.4s ease}
.mm-page .hcopy.on{opacity:1}
.mm-page .hcopy h2{text-wrap:balance;font-family:var(--display);font-weight:400;font-size:var(--hs,38px);line-height:1.12;letter-spacing:-.005em;color:var(--cream);margin:0 0 .5em}
.mm-page .hcopy p{font-family:"Jost",system-ui,sans-serif;font-style:normal;font-size:17px;line-height:1.4;color:var(--cream);opacity:.88;margin:0}
.mm-page .rooms{position:absolute;z-index:5;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:clamp(18px,2vw,30px);row-gap:6px;opacity:0;transition:opacity 1.4s ease .4s}
.mm-page .rooms.on{opacity:1}
.mm-page .rooms .start{font-family:"Jost",system-ui,sans-serif;font-style:normal;font-size:17px;color:var(--cream);opacity:.88;margin-right:clamp(4px,1vw,14px)}
.mm-page .rooms a{font:500 16px/1.2 var(--body);color:var(--cream);text-decoration:none;display:inline-flex;align-items:center;gap:9px;padding:6px 0}
.mm-page .rooms a::before{content:"";width:6px;height:6px;background:var(--pink);transform:rotate(20deg);flex:none}
.mm-page .rooms a:hover{text-decoration:underline;text-decoration-color:#E7067F;text-decoration-thickness:2px;text-underline-offset:6px}


body.calma-mm.tall .mm-page .hcopy{text-align:right}
body.calma-mm.tall .mm-page .hcopy h2{line-height:1.1}
body.calma-mm.tall .mm-page .hcopy p{font-size:16px}
body.calma-mm.tall .mm-page .rooms{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:0 22px;column-gap:22px;-webkit-overflow-scrolling:touch}
body.calma-mm.tall .mm-page .rooms::-webkit-scrollbar{display:none}
body.calma-mm.tall .mm-page .rooms a,body.calma-mm.tall .mm-page .rooms .start{white-space:nowrap;flex:none}


/* find your why: the pool, seen from above */
.mm-page .pool{position:relative;z-index:6;height:300vh;margin-top:-100vh}
.mm-page .pstage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#BDB4A4;visibility:hidden}
.mm-page .pstage.live{visibility:visible}
.mm-page .pcv{position:absolute;left:0;top:0;width:3200px;height:1800px;transform-origin:0 0}
.mm-page .pcv > img.plate{position:absolute;left:0;top:0;display:block}
.mm-page .pcv .water{position:absolute;filter:url(#poolwater)}
.mm-page .pcv .rings{position:absolute;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;overflow:hidden}
.mm-page .rings i{position:absolute;width:40px;height:40px;transform:translate(-50%,-50%);border-radius:50%;border:4px solid rgba(245,240,232,.6);opacity:0;animation:ring 7s cubic-bezier(.2,.6,.3,1) forwards}
@keyframes ring{0%{width:40px;height:40px;opacity:0}12%{opacity:.85}100%{width:1500px;height:1500px;opacity:0}}
.mm-page .rings i.drop{border-width:3px;border-color:rgba(245,240,232,.5);animation:drop 6s cubic-bezier(.2,.6,.3,1) forwards}
@keyframes drop{0%{width:20px;height:20px;opacity:0}15%{opacity:.7}100%{width:520px;height:520px;opacity:0}}
.mm-page .pveil{position:absolute;inset:0;background:var(--plum);pointer-events:none;z-index:2}
.mm-page .pfly{position:absolute;left:0;top:0;z-index:3;pointer-events:none;will-change:transform,width}
.mm-page .pui{position:absolute;z-index:4;opacity:0;visibility:hidden;transition:opacity 1.2s ease,visibility 0s linear 1.2s}
.mm-page .pui.on{opacity:1;visibility:visible;transition:opacity 1.2s ease}
.mm-page .why h2{font-family:var(--display);font-weight:400;font-size:clamp(30px,2.6vw,42px);line-height:1.05;color:var(--burg);margin:0 0 .25em}
.mm-page .why .sub{font-family:"Jost",system-ui,sans-serif;font-style:normal;font-size:18px;color:var(--burg);margin:0 0 18px}
.mm-page .why .grp{margin:0 0 14px}
.mm-page .why .gl{font-family:"Jost",system-ui,sans-serif;font-style:normal;font-size:16px;color:var(--burg);opacity:.8;margin:0 0 6px}
.mm-page .chips{display:flex;flex-wrap:wrap;gap:6px}
.mm-page .chip{font:500 15px/1 var(--body);color:var(--burg);background:rgba(245,240,232,.9);border:1.5px solid rgba(97,14,54,.28);border-radius:999px;padding:9px 13px;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.mm-page .chip:hover{border-color:#E7067F}
.mm-page .chip[aria-pressed="true"]{background:#E7067F;border-color:#E7067F;color:#FFF8FB}
.mm-page .minute{display:grid;justify-items:center;text-align:center;color:var(--cream)}
.mm-page .minute svg.ringsvg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:visible;pointer-events:none}
.mm-page .minute .inner{position:relative;display:grid;justify-items:center}
.mm-page .minute .tp{font-family:"Jost",system-ui,sans-serif;font-style:normal;font-size:16px;margin:0;min-height:1.3em;opacity:.95}
.mm-page .minute .mo{font-family:"Cinzel",Georgia,serif;font-weight:600;letter-spacing:.14em;font-size:14px;margin:4px 0 0}
.mm-page .minute .num{font-family:var(--display);font-size:clamp(48px,4.4vw,72px);line-height:1;margin:6px 0 12px}
.mm-page .go{display:inline-flex;align-items:center;gap:10px;background:#E7067F;color:#FFF8FB;border:0;border-radius:999px;padding:13px 20px;font:700 16px/1 var(--body);cursor:pointer;text-decoration:none}
.mm-page .go svg{width:14px;height:14px}
.mm-page .go{white-space:nowrap}
.mm-page .snd{display:flex;gap:4px;margin-top:14px;background:rgba(38,15,78,.35);border-radius:999px;padding:3px}
.mm-page .snd button{border:0;background:none;color:var(--cream);font:500 15px/1 var(--body);padding:8px 12px;border-radius:999px;cursor:pointer}
.mm-page .snd button[aria-pressed="true"]{background:var(--cream);color:var(--burg)}
.mm-page .stopm{margin-top:14px;background:none;border:0;color:var(--cream);font:500 15px/1 var(--body);text-decoration:underline;text-underline-offset:4px;cursor:pointer;opacity:.9}
.mm-page .minute .run,.mm-page .minute .done{display:none}
.mm-page .minute.running .run,.mm-page .minute.finished .done{display:grid;justify-items:center}
.mm-page .minute.finished .idle,.mm-page .minute.running .idle{display:none}
.mm-page .minute:not(.running) .stopm{display:none}
.mm-page .done .l1{font-family:var(--display);font-size:clamp(30px,2.6vw,40px);line-height:1.05;margin:0 0 .3em}
.mm-page .done .l2{font-size:16px;line-height:1.4;margin:0 0 14px;max-width:22ch}
.mm-page .done .acts{display:grid;gap:8px;justify-items:center}
.mm-page .done .acts a,.mm-page .done .acts button{color:var(--cream);background:none;border:0;font:500 15px/1.2 var(--body);text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:2px}
.mm-page .done .acts .go{text-decoration:none;color:#FFF8FB}
.mm-page .three h3{font-family:var(--display);font-weight:400;font-size:clamp(24px,1.9vw,30px);line-height:1.1;color:var(--burg);margin:0 0 .3em}
.mm-page .three p{font-size:16px;line-height:1.45;color:var(--burg);margin:0 0 14px}
.mm-page .three .count{font-weight:600}
.mm-page .snote{font-size:14px;color:var(--cream);min-height:1.3em;margin:8px 0 0}
body.calma-mm.tall .mm-page .why .sub{display:none}
body.calma-mm.tall .mm-page .why h2{font-size:30px}
body.calma-mm.tall .mm-page .minute .num{font-size:44px;margin:4px 0 10px}
body.calma-mm.tall .mm-page .go{padding:11px 16px;font-size:15px}
body.calma-mm.tall .mm-page .snd button{padding:7px 9px}
body.calma-mm.tall .mm-page .three h3{font-size:22px}
body.calma-mm.tall .mm-page .three p{font-size:15px}
body.calma-mm.tall .mm-page .three .go{font-size:14px;padding:11px 14px}
body.calma-mm.tall .mm-page .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
body.calma-mm.tall .mm-page .chips::-webkit-scrollbar{display:none}
body.calma-mm.tall .mm-page .chip{flex:none}
.mm-page .tabs{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0 0 12px}
.mm-page .tabs button{background:none;border:0;padding:4px 0;font-family:"Jost",system-ui,sans-serif;font-style:normal;font-size:17px;color:var(--burg);opacity:.7;cursor:pointer;border-bottom:2px solid transparent}
.mm-page .tabs button[aria-selected="true"]{opacity:1;border-bottom-color:#E7067F}



/* minimal pool: one focus in the water, one quiet note on the pavers */
.mm-page .three{display:none!important}
.mm-page .why .sub{display:none}
.mm-page .why h2{font-size:clamp(28px,2.4vw,38px)!important;margin:0 0 10px!important}
.mm-page .why .tabs{margin:0 0 10px}
.mm-page .chip{font-size:14px;padding:8px 12px}
.mm-page .minute .eb{font-family:"Cinzel",Georgia,serif;font-weight:600;letter-spacing:.24em;font-size:12px;margin:0 0 14px;opacity:.9}
.mm-page .mpick{display:flex;align-items:center;gap:10px}
.mm-page .mname{font-family:var(--display);font-size:clamp(28px,2.5vw,40px);line-height:1.05;margin:0;max-width:11ch;text-wrap:balance}
.mm-page .chev{background:none;border:0;color:var(--cream);width:34px;height:34px;display:grid;place-items:center;cursor:pointer;opacity:.8;border-radius:50%}
.mm-page .chev:hover{opacity:1;background:rgba(245,240,232,.12)}
.mm-page .chev svg{width:18px;height:18px}
.mm-page .minute .tp{margin:10px 0 20px!important;min-height:0!important}
.mm-page .sndline{margin:16px 0 0;font-family:"Cinzel",Georgia,serif;font-weight:600;letter-spacing:.2em;font-size:11px;opacity:.9}
.mm-page .sndline button{margin-left:8px;background:none;border:0;border-bottom:1px solid rgba(245,240,232,.7);padding:2px 0;color:var(--cream);font:15px "Jost",system-ui,sans-serif;letter-spacing:0;cursor:pointer}
.mm-page .three h3{font-size:clamp(20px,1.6vw,26px)!important;margin:0 0 6px!important}
.mm-page .three p{font-size:15px!important;margin:0 0 10px!important;max-width:28ch}
.mm-page .three .count{display:block;font-weight:500!important;opacity:.8}
.mm-page .calink{color:#610E36;font:600 15px var(--body);text-decoration:none;display:inline-flex;align-items:center;gap:8px;border-bottom:2px solid #E7067F;padding-bottom:3px}
.mm-page .calink svg{width:13px;height:13px}

/* the playlist line: on the Metro, the city slides past and only she holds still */
.mm-page .tspace{position:relative;height:230vh}
.mm-page .tstage{position:fixed;inset:0;z-index:7;overflow:hidden;background:#EDE3CF;opacity:0;visibility:hidden;pointer-events:none}
.mm-page .tstage.live{visibility:visible}
.mm-page .tcv{position:absolute;left:0;top:0;width:3200px;height:1800px;transform-origin:0 0;overflow:hidden}
.mm-page .tcv .city{position:absolute;left:0;top:328px;height:494px;width:5400px;background:url(img/mm-c8c765b4d0.webp) repeat-x 0 0/auto 494px;will-change:transform}
.mm-page .tcv .city.after-dark{background-image:url(img/mm-08a3163a2e.webp);opacity:0}
.mm-page .tcv .tbird{position:absolute;left:0;top:0;width:60px;aspect-ratio:218/199;will-change:transform}
.mm-page .tcv .tbird img{position:absolute;inset:0;width:100%;height:100%;opacity:0}
.mm-page .tcv .tbird img.on{opacity:1}
.mm-page .tcv .comm{transform-origin:50% 100%}
.mm-page .tsweep{position:absolute;inset:0;pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(100deg,transparent 0%,transparent 38%,rgba(255,244,214,.55) 46%,rgba(255,244,214,.7) 50%,rgba(255,244,214,.55) 54%,transparent 62%,transparent 100%);background-size:260% 100%;background-position:130% 0;opacity:0}
.mm-page .tshade{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(98deg,rgba(27,19,32,0) 0 170px,rgba(27,19,32,.16) 170px 215px);mix-blend-mode:multiply;opacity:0;will-change:background-position,opacity}
.mm-page .hpfly{position:fixed;left:0;top:0;z-index:7;width:100px;pointer-events:none;opacity:0;will-change:transform,opacity}
.mm-page .tcv img{position:absolute;display:block}
.mm-page .tcv .shell,.mm-page .tcv .comm{left:0;top:0}
.mm-page .tcv .comm{will-change:transform}
.mm-page .tcv .her{left:1051px;top:0}
.mm-page .tline{position:absolute;z-index:2;margin:0;font-family:var(--display);font-weight:400;line-height:1.15;color:var(--burg);opacity:0;transition:opacity 1.2s ease,color 1.2s ease;text-wrap:balance}
.mm-page .tline.on{opacity:1}
.mm-page .tline em{font-style:normal;color:#E7067F;transition:color 1.2s ease}
.mm-page .tline.dark{color:#F5F0E8}
.mm-page .tline.dark em{color:#FF6FB5}
.mm-page .next{z-index:9}
/* the Lullaby Line: the pinch lands on the map poster and opens our own map */
.mm-page .lspace{position:relative;height:260vh}
.mm-page .lmap{position:fixed;inset:0;z-index:8;background:#FBE8EF;color:var(--burg);visibility:hidden;clip-path:circle(0px at 50% 50%);overflow:hidden}
.mm-page .lmap.live{visibility:visible}
.mm-page .lmap::before{content:"";position:absolute;inset:clamp(10px,1.4vw,18px);border:2px solid var(--gold);outline:1px solid rgba(196,162,101,.55);outline-offset:5px;pointer-events:none}
/* centred layout: words, then the record, then the line */
/* the now-playing line keeps its room even before a song plays, so the line below never jumps */
.mm-page .lfx{position:fixed;left:0;top:0;width:0;height:0;z-index:9;pointer-events:none}
.mm-page .lfx i{position:absolute;display:block;background:#E7067F;transition:transform 1.1s cubic-bezier(.3,0,.8,.4),opacity 1.1s ease}


/* the next scene, not painted yet */
.mm-page .next{position:relative;z-index:2;min-height:80vh;background:var(--plum);display:grid;place-items:center;text-align:center;padding:14vh 24px}
.mm-page .next p{margin:0;font-family:"Jost",system-ui,sans-serif;font-style:normal;font-size:17px;color:var(--cream);opacity:.6;max-width:40ch}

@media (max-width:760px){
  .mm-page .links a{display:none}
  .mm-page .cover .corner.c3{display:none}
  /* phones get their own tall painting: the silk on the left, the open pink at the bottom right */
  .mm-page .cover .cbg{left:auto;right:0;width:100%;height:100%;object-fit:cover;object-position:right center}
  .mm-page .cover .pane{top:auto!important;bottom:clamp(28px,5vh,48px)!important;left:28%!important;right:18px!important;padding:0}
  .mm-page .cover .pane .l1{font-size:14px}
  .mm-page .cover .pane .lmid{font-size:18px}
  .mm-page .cover .pane .l2.lbig{font-size:clamp(34px,10vw,44px);margin-bottom:34px}
  .mm-page .cover .slider{width:100%}
  .mm-page .cover .pane .l1,.mm-page .cover .pane .lmid{background:#DA1A56;padding:4px 0 4px 8px;border-radius:4px}
  .mm-page .cover .pane .lmid::after{margin-top:.5em}
  .mm-page .cover .corner.c1{left:-26%!important;top:-12%!important;width:70vw}
  .mm-page .cover .corner.c2{left:30%!important;top:-10%!important;width:44vw}
  .mm-page .pane{left:24px;right:24px;bottom:clamp(36px,7vh,70px)}
  .mm-page .cover .pane{top:clamp(84px,11vh,110px);bottom:auto}
  .mm-page .pane .l2{font-size:clamp(50px,15vw,72px)}
  .mm-page .pane .l2.lbig{font-size:clamp(40px,12vw,58px)}
}
@media (prefers-reduced-motion:reduce){
  .mm-page .cover .corner{animation:none}
  .mm-page .cover .cbg{animation:none}
  .mm-page .hcopy,.mm-page .rooms{transition:none}
}
/* footer */
.mm-page .foot{--fbd:clamp(30px,3.4vw,48px);position:relative;z-index:5;background:#E7067F;color:#FFF8FB;padding:calc(var(--fbd) + clamp(48px,8vh,84px)) clamp(24px,7vw,120px) 0;overflow:hidden}
.mm-page .foot::before{content:"";position:absolute;left:0;right:0;top:0;height:var(--fbd);background:url(img/mm-3620ebe623.webp) repeat-x 0 0/auto 100%}
.mm-page .foot a{color:#FFF8FB;text-decoration:none}
.mm-page .foot a:hover{text-decoration:underline;text-decoration-color:#FFF8FB;text-underline-offset:5px}
.mm-page .app{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,80px);align-items:center;max-width:1180px;margin:0 auto clamp(56px,9vh,96px)}
.mm-page .app .k{font-family:"Cinzel",Georgia,serif;font-weight:600;letter-spacing:.18em;font-size:14px;margin:0 0 1em}
.mm-page .app h2{font-family:var(--display);font-weight:400;font-size:clamp(40px,5vw,78px);line-height:1;letter-spacing:-.01em;margin:0 0 .4em;color:#FFF8FB}
.mm-page .app p.d{font-size:clamp(17px,1.4vw,21px);line-height:1.5;margin:0 0 1.6em;max-width:34ch}
.mm-page .app .store{display:inline-flex;align-items:center;gap:.6em;background:#FFF8FB;color:#610E36;border-radius:999px;padding:1em 1.6em;font:700 17px/1 var(--body)}
.mm-page .app .store:hover{text-decoration:none;transform:translateY(-2px)}
.mm-page .app .store small{display:block;font:500 11px/1 var(--body);letter-spacing:.06em;opacity:.75;margin-bottom:4px}
.mm-page .app .free{font-size:15px;margin:14px 0 0;opacity:.9}
.mm-page .phone{justify-self:center;position:relative;width:min(188px,46vw);aspect-ratio:9/19;border-radius:32px;background:#1B1320;padding:9px;box-shadow:0 24px 48px rgba(97,14,54,.35)}
.mm-page .phone .scr{position:relative;width:100%;height:100%;border-radius:24px;background:#F5F0E8;overflow:hidden;display:grid;justify-items:center;align-content:center;text-align:center;padding:18px}
.mm-page .phone .notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:34%;height:15px;border-radius:10px;background:#1B1320}
.mm-page .phone .pclock{position:relative;width:74%;aspect-ratio:1;margin-bottom:14px}
.mm-page .phone .pclock svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.mm-page .phone .pclock .pm{position:absolute;left:17.4%;top:12.3%;width:65.2%;height:75.4%;will-change:transform}
.mm-page .phone .pclock .pf{position:absolute;left:50%;top:50%;height:30%;transform:translate(-50%,-52%)}
.mm-page .phone .pn{font-family:var(--display);font-size:18px;color:#E7067F;margin:0 0 8px}
.mm-page .phone .pt{font-family:var(--display);font-size:13px;line-height:1.2;color:#610E36;margin:0 0 16px}
.mm-page .phone .pb{font:700 10px/1 var(--body);color:#FFF8FB;background:#E7067F;border-radius:999px;padding:9px 14px}
.mm-page .fcols{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;max-width:1180px;margin:0 auto;padding:clamp(32px,5vh,48px) 0;border-top:1.5px solid rgba(255,248,251,.35)}
.mm-page .fcols h3{font-family:"Cinzel",Georgia,serif;font-weight:600;letter-spacing:.16em;font-size:13px;margin:0 0 14px;color:#FFF8FB}
.mm-page .fcols ul{list-style:none;margin:0;padding:0}
.mm-page .fcols li{margin:0 0 10px;font-size:16px}
.mm-page .fcols .line{font-family:var(--display);font-size:22px;line-height:1.25;margin:0}
.mm-page .fbig{font-family:"Cinzel",Georgia,serif;font-weight:600;letter-spacing:.06em;font-size:clamp(48px,11.2vw,190px);line-height:.8;text-align:center;color:#FFF8FB;margin:clamp(12px,3vh,32px) 0 0;white-space:nowrap;transform:translateY(.12em);opacity:.95}
.mm-page .flegal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;max-width:1180px;margin:0 auto;padding:18px 0 22px;font-size:14px;border-top:1.5px solid rgba(255,248,251,.35);position:relative;background:#E7067F}
@media (max-width:760px){
  .mm-page .app{grid-template-columns:1fr;text-align:left}
  .mm-page .phone{justify-self:start}
  .mm-page .fcols{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .mm-page .closing .corner.c2{display:none}
  .mm-page .closing .corner.c1{left:-30%!important;top:-4%!important;width:62vw}
  .mm-page .cl-pane{margin-top:26vh}
  .mm-page .bk .row{grid-template-columns:1fr}
}


/* each page's footer wears its own border */
.mm-page .foot::before{background-image:url(img/mm-fb213ff1b6.webp)}

/* the hourglass cover: cream paper, the hourglass on the left, the words on the right; the salt is drawn inside the glass */
.mm-page .cover{background:#FAEDDA}
.mm-page .cover .cbg{left:0;top:0;right:auto;width:100%;height:100%;max-width:none;object-fit:cover;object-position:20% 50%;animation:none}
.mm-page .cover .salt{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;pointer-events:none;mix-blend-mode:multiply}
.mm-page .cover .label{color:#610E36}
.mm-page .cover .pane .l1{color:#610E36;opacity:1}
.mm-page .cover .pane .lmid{color:#260F4E}
.mm-page .cover .pane .l2,.mm-page .cover .pane .l2.lbig{color:#260F4E}
.mm-page .cover .slider .hint{color:#610E36}
.mm-page .cover .slider .knob{background:#E7067F;color:#FFF8FB;box-shadow:0 6px 18px rgba(97,14,54,.22)}
.mm-page .cover .slider .goal{border-color:#E7067F}
.mm-page .cover .slider .track{border-top-color:rgba(97,14,54,.32)}
.mm-page .cover .knob:focus-visible{outline:2px solid rgba(38,15,78,.45);outline-offset:4px}
@media (max-aspect-ratio:4/5){
  .mm-page .cover .cbg{object-fit:fill}
  .mm-page .cover .label{left:0;right:0;text-align:center;top:14px;font-size:13px}
  .mm-page .cover .pane{top:auto!important;left:22px!important;right:22px!important;bottom:clamp(22px,4vh,40px)!important;max-width:none;padding:0;text-align:center;justify-items:center}
  .mm-page .cover .pane .l1,.mm-page .cover .pane .lmid{background:none!important;padding:0!important}
  .mm-page .cover .pane .l1{font-size:16px;margin:0 0 .35em}
  .mm-page .cover .pane .lmid{font-size:clamp(19px,5.2vw,22px)}
  .mm-page .cover .pane .lmid::after{margin:.5em auto 0}
  .mm-page .cover .pane .l2.lbig{font-size:clamp(34px,10vw,44px);margin:0 auto clamp(14px,2.4vh,28px)}
  .mm-page .cover .slider{width:min(340px,100%);margin-top:30px}
}
@media (max-aspect-ratio:4/5) and (max-height:720px){
  .mm-page .cover .pane .l1{font-size:16px;margin-bottom:.2em}
  .mm-page .cover .pane .lmid{font-size:18px;margin:.1em 0 .2em}
  .mm-page .cover .pane .l2.lbig{font-size:32px;margin-bottom:18px}
  .mm-page .cover .slider{margin-top:30px}
}

body.calma-mm{
  --pink:#E7067F; --cream:#F5F0E8; --plum:#260F4E; --burg:#610E36; --gold:#C4A265; --ink:#1B1320;
  --display:"Gloock", Georgia, "Times New Roman", serif;
  --body:"Jost", system-ui, -apple-system, "Segoe UI", sans-serif;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
.mm-page *,.mm-page *::before,.mm-page *::after{box-sizing:inherit}
html{scroll-padding-top:env(safe-area-inset-top,0px);height:100%}
body.calma-mm{margin:0;background:var(--plum);color:var(--cream);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
body.calma-mm.covered{overflow:hidden}
.mm-page ::selection{background:#E7067F;color:#F5F0E8}
.mm-page a:focus-visible,.mm-page button:focus-visible{outline:2px solid var(--pink);outline-offset:3px}
.mm-page .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* nav, same as home */
.mm-page .nav{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;
  padding:calc(18px + env(safe-area-inset-top,0px)) clamp(18px,4vw,48px) 18px;pointer-events:none;color:var(--cream)}
.mm-page .nav > *{pointer-events:auto;position:relative}
.mm-page .nav::before{content:"";position:absolute;inset:0;background:rgba(38,15,78,.68);transition:background .6s ease;pointer-events:none}
body.calma-mm.light .mm-page .nav::before{background:rgba(245,240,232,.8)}
body.calma-mm.onpink .mm-page .nav::before{background:rgba(231,6,127,.85)}
body.calma-mm.covered .mm-page .nav::before{background:transparent}
.mm-page .mark{display:inline-flex;align-items:center;gap:10px;font-family:"Cinzel","Trajan Pro",Georgia,serif;font-weight:600;font-size:18px;letter-spacing:.14em;color:inherit;text-decoration:none}
.mm-page .navmark{position:relative;display:inline-block;height:44px;aspect-ratio:380/440}
.mm-page .navmark .nm{position:absolute;inset:0;width:100%;height:100%;will-change:transform}
.mm-page .navmark .nf{position:absolute;left:50%;top:50%;height:36%;width:auto;transform:translate(-50%,-52%)}
.mm-page .links{display:flex;gap:28px;align-items:center;font-size:15px}
.mm-page .links a{color:inherit;text-decoration:none}
.mm-page .links a:hover,.mm-page .links a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px;text-decoration-color:#E7067F;text-decoration-thickness:2px}
.mm-page .links .send{color:#FF4FA6}
body.calma-mm.light .mm-page .nav{color:#610E36}
body.calma-mm.light .mm-page .links .send{color:#E7067F}
.mm-page .nav{transition:color .6s ease}
.mm-page .mark .wm{transition:opacity .5s ease}

.mm-page .sound-mini{background:none;border:1px solid currentColor;border-radius:999px;width:36px;height:36px;display:grid;place-items:center;cursor:pointer;color:inherit;opacity:.85}


body.calma-mm{background:#260F4E}
.mm-page .intro{min-height:70vh;display:grid;place-items:center;text-align:center;padding:16vh 24px;color:var(--cream)}
.mm-page .intro p{margin:0;font-family:"Jost",system-ui,sans-serif;font-style:normal;font-size:17px;opacity:.75;max-width:44ch}
.mm-page .intro a{color:#FF6FB5}
.mm-page .breaths{position:relative;height:360vh}
.mm-page .bstage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#EFE4CF}
.mm-page .bcv{position:absolute;left:0;top:0;width:3200px;height:1800px;transform-origin:0 0;overflow:hidden}
.mm-page .bcv > img{position:absolute;display:block}
.mm-page .bcv .plate{left:0;top:0;width:3200px;height:1800px}
.mm-page .bcv .her{left:309px;top:539px;width:940px;height:1157px;transform-origin:50% 100%;will-change:transform}
.mm-page .bcv .obj{will-change:transform,opacity;transition:opacity .8s ease}
.mm-page .bcv .bflame{transform-origin:50% 100%}
.mm-page .bcv .dim{opacity:.45}
.mm-page .tbird{position:absolute;left:0;top:0;width:60px;aspect-ratio:218/199;will-change:transform}
.mm-page .tbird img{position:absolute;inset:0;width:100%;height:100%;opacity:0}
.mm-page .tbird img.on{opacity:1}
.mm-page .brip{position:absolute;left:0;top:0;width:3200px;height:1800px;pointer-events:none;overflow:visible}
.mm-page .brip ellipse{fill:none;stroke:rgba(245,240,232,.85);stroke-width:3}

.mm-page .shutter{position:absolute;left:1860px;top:0;width:1180px;height:1360px;background:#610E36;display:grid;place-items:center;text-align:center;will-change:transform}
.mm-page .shutter::before{content:"";position:absolute;inset:34px;border:3px solid #C4A265;opacity:.9}
.mm-page .shutter::after{content:"";position:absolute;inset:48px;border:1px solid rgba(196,162,101,.55)}
.mm-page .shutter .in{position:relative;z-index:1;padding:0 150px;transform:translateY(90px)}
.mm-page .shutter .k{font-family:"Cinzel",Georgia,serif;font-weight:600;letter-spacing:.28em;font-size:30px;color:#F9C9DE;margin:0 0 40px}
.mm-page .shutter h2{font-family:var(--display);font-weight:400;font-size:108px;line-height:1.02;color:#F5F0E8;margin:0}
.mm-page .shutter .pm{display:block;margin:48px auto 0;width:70px;height:70px}
.mm-page .bside{position:absolute;z-index:3;color:#610E36;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 0s linear 1s}
.mm-page .bside.on{opacity:1;visibility:visible;transition:opacity 1s ease}
.mm-page .bside h3{font-family:var(--display);font-weight:400;font-size:var(--h3,36px);line-height:1.05;margin:0 0 10px;color:#610E36}
.mm-page .bside p{font-size:16px;line-height:1.45;margin:0 0 4px;max-width:34ch}
.mm-page .bside .hint{font-family:"Jost",system-ui,sans-serif;font-style:normal;font-size:15px;opacity:.85;margin:4px 0 14px}
.mm-page .go{display:inline-flex;align-items:center;gap:10px;background:#E7067F;color:#FFF8FB;border:0;border-radius:999px;padding:14px 22px;font:700 16px/1 var(--body);cursor:pointer;white-space:nowrap}
.mm-page .go svg{width:14px;height:14px}
.mm-page .bside .run,.mm-page .bside .done{display:none}
.mm-page .bside.running .idle,.mm-page .bside.done .idle{display:none}
.mm-page .bside.running .run{display:block}
.mm-page .bside.done .done{display:block}
.mm-page .linkbtn{background:none;border:0;padding:0;color:#610E36;font:500 15px var(--body);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.mm-page .ochoice{position:absolute;z-index:3;display:grid;justify-items:center;align-content:start;background:none;border:0;padding:0;cursor:pointer;color:#610E36;opacity:0;visibility:hidden;transition:opacity 1s ease}
.mm-page .ochoice.on{opacity:1;visibility:visible}
.mm-page .ochoice .w,.mm-page .ochoice .n,.mm-page .ochoice .u{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.mm-page .ochoice.on:hover ~ .x{}
.mm-page .ochoice .n{font-family:"Cinzel",Georgia,serif;font-weight:600;letter-spacing:.2em;font-size:11px;margin-top:5px;opacity:.8}
.mm-page .ochoice .u{display:block;width:0;height:2px;background:#E7067F;margin-top:6px;transition:width .3s ease}
.mm-page .running-now .ochoice .w,.mm-page .running-now .ochoice .n,.mm-page .running-now .ochoice .u{visibility:hidden}
.mm-page .ochoice[aria-pressed="true"] .w{color:#E7067F}
.mm-page .ochoice[aria-pressed="true"] .u{width:28px}
.mm-page .ochoice:focus-visible{outline:2px solid #E7067F;outline-offset:6px;border-radius:8px}
.mm-page .bsky{position:absolute;z-index:3;color:#260F4E;opacity:0;transition:opacity 1.2s ease}
.mm-page .bsky.on{opacity:1}
.mm-page .bsky h3{font-family:var(--display);font-weight:400;font-size:var(--h3,40px);line-height:1.05;margin:0 0 10px}
.mm-page .bsky p{font-size:17px;line-height:1.45;margin:0;max-width:30ch}
.mm-page .picks{margin:0 0 18px}
.mm-page .prow{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:26px;margin-top:8px}
.mm-page .plab{margin:0!important;font-family:"Jost",system-ui,sans-serif;font-style:normal;font-size:15px;opacity:.85}
.mm-page .pick{display:grid;justify-items:start;gap:5px;background:none;border:0;border-bottom:2px solid transparent;padding:0 0 6px;cursor:pointer;color:#610E36;transition:color .25s,border-color .25s}
.mm-page .pick .pw{font-family:var(--display);font-size:var(--pw,26px);line-height:1}
.mm-page .pick .pn{font-family:"Cinzel",Georgia,serif;font-weight:600;letter-spacing:.18em;font-size:11px;opacity:.75}
.mm-page .pick:hover .pw{color:#E7067F}
.mm-page .pick[aria-pressed="true"]{color:#E7067F;border-bottom-color:#E7067F}
.mm-page .pick:focus-visible{outline:2px solid #E7067F;outline-offset:4px}
.mm-page .bside .phase{font-family:var(--display);font-size:var(--big,56px);line-height:1;margin:0 0 10px;color:#610E36}
.mm-page .bside .count{font-family:"Cinzel",Georgia,serif;font-weight:600;letter-spacing:.16em;font-size:12px;margin:0 0 14px;text-transform:uppercase}
.mm-page .bside .count #bct{font-family:var(--display);letter-spacing:0;font-size:22px;color:#E7067F;margin-right:4px}
.mm-page .bside .count .sep{display:inline-block;width:18px;height:1px;background:#C4A265;vertical-align:middle;margin:0 12px}
.mm-page .cue{position:absolute;z-index:4;text-align:center;color:#610E36;opacity:0;transition:opacity .4s ease;pointer-events:none}
.mm-page .cue.on{opacity:1}
.mm-page .cue .p{font-family:var(--display);font-size:var(--cs,28px);line-height:1;margin:0}
.mm-page .cue .c{font-family:"Cinzel",Georgia,serif;font-weight:600;letter-spacing:.2em;font-size:12px;margin:6px 0 0}
.mm-page .bcv .obj{transition:opacity .8s ease}
.mm-page .bcv .dim{opacity:.3}
@media (max-width:760px){.mm-page .links a{display:none}}
body.calma-mm.tall .mm-page .plab{display:none}
body.calma-mm.tall .mm-page .prow{margin-top:0;gap:22px}
body.calma-mm.tall .mm-page .picks{margin-bottom:12px}
body.calma-mm.tall .mm-page .shutter .k{font-size:44px;letter-spacing:.14em;margin-bottom:44px}
body.calma-mm.tall .mm-page .shutter h2{font-size:136px}
body.calma-mm.tall .mm-page .shutter .in{padding:0 250px;transform:none}
body.calma-mm.tall .mm-page .bsky h3{font-size:28px}
body.calma-mm.tall .mm-page .bsky p{font-size:15px}
@media (prefers-reduced-motion:reduce){.mm-page .bside,.mm-page .ochoice{transition:none}}

/* the handoff: a desk seen from above; the laptop closes and its burgundy lid becomes the Breaths shutter */
.mm-page .handoff{position:relative;height:340vh}
.mm-page .hstage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#C9A26B}
.mm-page .hcv{position:absolute;left:0;top:0;width:3200px;height:1800px;transform-origin:0 0;overflow:hidden}
.mm-page .hcv img{position:absolute;display:block;will-change:transform,opacity}
.mm-page .hcv .desk{left:0;top:0;width:3200px;height:1800px}
.mm-page .hcv .lidclip{position:absolute;overflow:hidden;will-change:transform}
.mm-page .hline{position:absolute;z-index:3;margin:0;font-family:var(--display);font-weight:400;line-height:1.05;color:#610E36;opacity:0;transition:opacity 1.1s ease;text-wrap:balance}
.mm-page .hline.on{opacity:1}
.mm-page .hline em{font-style:normal;color:#E7067F}
.mm-page .hwash{position:absolute;inset:0;background:#610E36;opacity:0;pointer-events:none;z-index:4}
.mm-page .breaths{margin-top:-100vh;z-index:5}
.mm-page .bstage{visibility:hidden}
.mm-page .bstage.live{visibility:visible}






/* Everyone else went home: the pink settles onto her chair, the lines arrive, the lamp goes out */
.mm-page .office{position:relative;height:460vh;z-index:6;background:#0E1630}
.mm-page .ost{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;overflow:clip;background:#0E1630}
.mm-page .ocv{position:absolute;left:0;top:0;width:3200px;height:1800px;transform-origin:0 0}
.mm-page .olay{position:absolute;display:block;will-change:opacity,filter}
.mm-page .olines{position:absolute;z-index:3;color:#F5F0E8}
.mm-page .ol{position:absolute;left:0;top:0;margin:0;font-family:var(--display);font-size:var(--of,56px);line-height:1.05;max-width:18ch;opacity:0;transform:translateY(22px);transition:opacity 1s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}
.mm-page .ol.on{opacity:1;transform:none}
.mm-page .ol.past{opacity:0;transform:translateY(-26px)}
.mm-page .ol.pink{color:#F9C9DE}
.mm-page .octa{position:absolute;z-index:3;color:#F5F0E8;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility 0s linear .8s}
.mm-page .octa.on{opacity:1;visibility:visible;transition:opacity .8s ease}
.mm-page .octa .go{display:inline-flex;align-items:center;gap:10px;font-size:17px;padding:15px 24px}
/* a real switch: brass knob glowing when on, sliding to dark when off */
.mm-page .oswrap{display:flex;align-items:center;gap:18px;margin:0 0 14px}
.mm-page .oswitch{background:none;border:0;padding:0;cursor:pointer;flex:none}
.mm-page .otrack{position:relative;display:block;width:112px;height:52px;border-radius:999px;background:#E7067F;box-shadow:inset 0 0 0 2px rgba(245,240,232,.35);transition:background .25s ease}
.mm-page .oknob{position:absolute;top:5px;left:65px;width:42px;height:42px;border-radius:50%;background:#F5E3A8;box-shadow:0 0 0 2px #C4A265,0 0 18px rgba(245,214,120,.75);transition:left .22s cubic-bezier(.3,.8,.3,1),background .2s,box-shadow .2s}
.mm-page .oon-l,.mm-page .ooff-l{position:absolute;top:50%;transform:translateY(-50%);font:700 12px/1 var(--body);letter-spacing:.14em;color:#FFF8FB}
.mm-page .oon-l{left:16px}.mm-page .ooff-l{right:14px;opacity:0}
.mm-page .oswitch[aria-checked="false"] .otrack{background:#1B2340}
.mm-page .oswitch[aria-checked="false"] .oknob{left:5px;background:#3A425F;box-shadow:0 0 0 2px rgba(196,162,101,.6)}
.mm-page .oswitch[aria-checked="false"] .oon-l{opacity:0}
.mm-page .oswitch[aria-checked="false"] .ooff-l{opacity:1}
.mm-page .oswitch:focus-visible .otrack{outline:3px solid #F9C9DE;outline-offset:4px}
.mm-page .ostitle{margin:0;font-family:var(--display);font-size:clamp(22px,2vw,30px);line-height:1.1}
.mm-page .octa .go svg{width:18px;height:18px}
.mm-page .ohint{margin:4px 0 0;font-family:"Jost",system-ui,sans-serif;font-style:normal;font-size:16px;opacity:.85}
.mm-page .odone{display:none}
.mm-page .otimer{position:absolute;z-index:3;left:50%;top:clamp(84px,11vh,130px);transform:translate(-50%,10px);text-align:center;color:#F5F0E8;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .9s ease,transform 1s ease,visibility 0s linear .9s}
.mm-page .otimer.on{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .9s ease,transform 1s ease}
.mm-page .otimer .ounit{margin:4px 0 0;font-size:10px;letter-spacing:.22em}
/* a breathing circle: it grows as she breathes in, holds, and shrinks as she breathes out */
.mm-page .ocalm{margin:0 0 14px;font-family:var(--display);font-size:clamp(22px,2.1vw,32px);color:#F5F0E8}
.mm-page .obreath{position:relative;width:clamp(220px,23vw,330px);aspect-ratio:1;margin:0 auto;display:grid;place-items:center}
.mm-page .oglow{position:absolute;inset:-6%;border-radius:50%;background:radial-gradient(closest-side,rgba(245,214,120,.22),rgba(245,214,120,0));transform:scale(.62);will-change:transform,opacity}
.mm-page .ocirc{position:absolute;inset:0;border-radius:50%;background:rgba(14,22,48,.74);border:4px solid #C4A265;box-shadow:0 0 0 2px rgba(14,22,48,.6),0 0 0 7px rgba(196,162,101,.45);transform:scale(.62);will-change:transform}
.mm-page .oring2{position:absolute;inset:9px;border-radius:50%;border:1px solid rgba(196,162,101,.7)}
.mm-page .oin{position:relative;text-align:center}
.mm-page .ophase{margin:16px 0 0;font-family:"Jost",system-ui,sans-serif;font-style:normal;font-size:clamp(20px,1.9vw,28px);color:#F9C9DE}
.mm-page .otimer .o60{font-family:var(--display);font-size:clamp(56px,6vw,92px);line-height:1;margin:0;color:#F5F0E8}
.mm-page .otrack-name{margin:6px 0 0;font-family:"Jost",system-ui,sans-serif;font-style:normal;font-size:15px;opacity:.75}
.mm-page .octa.done .oswrap{display:none}
.mm-page .octa.done .odone{display:block}
.mm-page .o60{font-family:var(--display);font-size:clamp(72px,8vw,120px);line-height:.9;margin:0;color:#F5F0E8}
.mm-page .ounit{font-family:"Cinzel",Georgia,serif;font-weight:600;letter-spacing:.2em;font-size:12px;margin:8px 0 14px;opacity:.85}
.mm-page .octa .clink.olink{color:#F9C9DE}
.mm-page .od1{font-family:var(--display);font-size:clamp(30px,3vw,46px);line-height:1.05;margin:0 0 6px}
.mm-page .od2{font-family:"Jost",system-ui,sans-serif;font-style:normal;font-size:clamp(18px,1.6vw,22px);margin:0 0 16px;color:#F9C9DE}
.mm-page .olines.hide{opacity:0;transition:opacity .5s ease}
.mm-page .ocover{position:absolute;inset:0;z-index:4;background:#E7067F;pointer-events:none}
.mm-page .ofade{position:absolute;inset:0;z-index:5;background:#4A512A;opacity:0;pointer-events:none}
@media (prefers-reduced-motion:reduce){.mm-page .ol{transition:none}}


/* The Pledge: serious and still; the leaf framed on the left, the words on burgundy beside it */
.mm-page .pledge{position:relative;z-index:9;background:#610E36;color:#F5F0E8;height:380vh;border-top:2px solid #C4A265}
.mm-page .pstick{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;place-items:center;padding:clamp(76px,11vh,110px) clamp(20px,5vw,72px) clamp(24px,5vh,56px)}
.mm-page .pwrap{width:100%;transform-origin:50% 50%}
.mm-page .ptext{display:flex;flex-direction:column}
body.calma-mm.ptswap .mm-page .ptext{display:grid}
body.calma-mm.ptswap .mm-page .ptext > .pstep{grid-area:1/1}
.mm-page .pwrap{max-width:1360px;margin:0 auto}
.mm-page .phead{text-align:center;margin:0 0 clamp(30px,5vh,56px)}
.mm-page .pk{font-family:"Cinzel",Georgia,serif;font-weight:600;letter-spacing:.3em;font-size:13px;margin:0 0 14px;color:#C4A265}
.mm-page .pledge h2{font-family:var(--display);font-weight:400;font-size:clamp(40px,5.4vw,84px);line-height:1;margin:0}
.mm-page .pgrid{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(28px,4.5vw,72px);align-items:start}
.mm-page .pleaf{margin:0}
.mm-page .pframe{position:relative;aspect-ratio:16/9;border:3px solid #C4A265;outline:1px solid rgba(196,162,101,.55);outline-offset:8px;overflow:hidden}
.mm-page .pframe img{display:block;width:100%;height:100%;object-fit:cover}
.mm-page .pwin{position:absolute;left:50.6%;top:0;width:12%;height:37%;background:#FFD98A;mix-blend-mode:soft-light;opacity:0;transition:opacity 3s ease}
.mm-page .pwin.on{opacity:.85}
.mm-page .ptext p{font-size:clamp(17px,1.3vw,19px);line-height:1.65;margin:0 0 20px;max-width:46ch}
.mm-page .ptext em{font-family:"Jost",system-ui,sans-serif;font-style:normal;color:#F9C9DE}
.mm-page .ptext .pbig{font-family:var(--display);font-size:clamp(26px,2.4vw,38px);line-height:1.1;margin:0 0 10px}
.mm-page .ptext .pbig.pink{color:#F9C9DE;margin-bottom:28px}
.mm-page .pbox{border-top:1px solid rgba(196,162,101,.7);border-bottom:1px solid rgba(196,162,101,.7);padding:20px 0 6px;margin:0 0 26px}
.mm-page .pk2{font-family:"Cinzel",Georgia,serif;font-weight:600;letter-spacing:.22em;font-size:13px!important;color:#C4A265;margin:0 0 10px!important}
.mm-page .psign{font-family:"Jost",system-ui,sans-serif;font-style:normal;font-size:clamp(19px,1.5vw,22px)!important}
.mm-page .pr{opacity:0;transform:translateY(18px);transition:opacity 1.1s ease,transform 1.2s ease}
.mm-page .pr.in{opacity:1;transform:none}
@media (max-width:900px){.mm-page .pgrid{grid-template-columns:1fr;gap:22px}.mm-page .phead{margin-bottom:18px}.mm-page .pledge h2{font-size:36px}.mm-page .pframe{aspect-ratio:16/9}.mm-page .pframe{outline-offset:5px}}
@media (prefers-reduced-motion:reduce){.mm-page .pr{opacity:1;transform:none;transition:none}.mm-page .pwin{transition:none}.mm-page .pledge{height:auto}.mm-page .pstick{position:relative;height:auto}body.calma-mm.ptswap .mm-page .ptext{display:flex}}

/* Before you: the list, one line at a time, then the minute */
.mm-page .before{position:relative;height:520vh;z-index:6;background:#4A512A}
.mm-page .bst{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;place-items:center;padding:0 clamp(20px,6vw,90px);text-align:center;color:#F5F0E8}
.mm-page .blines{position:absolute;inset:0;display:grid;place-items:center;padding:0 clamp(20px,6vw,90px)}
.mm-page .bl{grid-area:1/1;margin:0;font-family:var(--display);font-size:clamp(34px,5.2vw,84px);line-height:1.05;max-width:16ch;opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.7,.2,1)}
.mm-page .bl.on{opacity:1;transform:none}
.mm-page .bl.past{opacity:0;transform:translateY(-34px)}
.mm-page .bturn{position:relative;opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1.1s ease;max-width:760px}
.mm-page .bturn.on{opacity:1;transform:none}
.mm-page .bm{font-family:"Jost",system-ui,sans-serif;font-style:normal;font-size:clamp(22px,2.2vw,32px);margin:0 0 6px;color:#FBD3BF}
.mm-page .b60{font-family:var(--display);font-size:clamp(120px,18vw,260px);line-height:.9;margin:0 0 16px;color:#F59A74}
.mm-page .bs{font-size:clamp(17px,1.4vw,21px);line-height:1.5;margin:0 auto 20px;max-width:40ch;opacity:.9}
.mm-page .bp{font-family:var(--display);font-size:clamp(24px,2.4vw,36px);margin:0 0 20px}
.mm-page .bp em{font-style:normal;color:#F59A74}
body.calma-mm.olive .mm-page .nav::before{background:rgba(74,81,42,.86)}
/* the olive medallion turns once a minute; the figure inside holds still */
.mm-page .blogo{position:absolute;top:clamp(80px,11vh,116px);left:50%;width:clamp(70px,7.2vw,101px);aspect-ratio:1331/1473;transform:translateX(-50%);z-index:2}
.mm-page .blogo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.mm-page .blogo .blr{animation:bspin 60s linear infinite}
@keyframes bspin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.mm-page .bl,.mm-page .bturn{transition:none}.mm-page .blogo .blr{animation:none}}

/* The tide breathes: the shallow water comes in and goes out; a gust lifts the dupatta into Words */
.mm-page .tide{position:relative;height:520vh;z-index:6}
.mm-page .tstage2{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;overflow:clip;background:#F2A38E}
.mm-page .tcv2{position:absolute;left:0;top:0;width:3200px;height:1800px;transform-origin:0 0}
.mm-page .tcv2 .tl{position:absolute;display:block;will-change:transform,opacity}
.mm-page .tsky{position:absolute;z-index:3;color:#260F4E}
.mm-page .tsky .t1{font-family:var(--display);font-weight:400;line-height:1;margin:0 0 10px;font-size:var(--tf,64px);opacity:0;transform:translateY(14px);transition:opacity 1s ease,transform 1.2s ease}
.mm-page .tsky .t2{font-family:"Jost",system-ui,sans-serif;font-style:normal;font-size:var(--tg,28px);margin:0 0 18px;min-height:1.3em;opacity:0;transition:opacity .9s ease}
.mm-page .tground{position:absolute;z-index:3;color:#260F4E;opacity:0;transform:translateY(14px);transition:opacity 1s ease,transform 1.2s ease}
.mm-page .tground.on{opacity:1;transform:none}
.mm-page .wk{font-family:"Cinzel",Georgia,serif;font-weight:600;letter-spacing:.2em;font-size:12px;margin:0 0 10px;color:#610E36}
.mm-page .wcats{display:flex;flex-wrap:wrap;gap:4px 20px;margin:0 0 16px}
.mm-page .wc{background:none;border:0;border-bottom:2px solid transparent;padding:0 0 4px;font-family:var(--display);font-size:var(--wcf,22px);color:#610E36;cursor:pointer}
.mm-page .wc:hover{color:#E7067F}
.mm-page .wc[aria-selected="true"]{color:#E7067F;border-bottom-color:#E7067F}
.mm-page .wc:focus-visible{outline:2px solid #E7067F;outline-offset:4px}
.mm-page .wsand{min-height:var(--wsh,120px)}
.mm-page .wq{font-family:"Jost",system-ui,sans-serif;font-style:normal;font-size:var(--wqf,30px);line-height:1.25;margin:0 0 8px;color:#4A2A12;max-width:26ch;transition:opacity .6s ease,clip-path 1.6s ease;clip-path:inset(0 0 0 0)}
.mm-page .wq.gone{opacity:0}
.mm-page .wq.write{clip-path:inset(0 100% 0 0)}
.mm-page .wa{font-family:"Cinzel",Georgia,serif;font-weight:600;letter-spacing:.16em;font-size:12px;text-transform:uppercase;margin:0;color:#610E36;transition:opacity .8s ease .6s}
.mm-page .wa.gone{opacity:0;transition-delay:0s}
.mm-page .wacts{display:flex;gap:18px;align-items:center;margin-top:14px;flex-wrap:wrap;visibility:hidden}
.mm-page .wacts.on{visibility:visible}
.mm-page .tground .t3-unused{font-family:var(--display);font-size:var(--th,34px);line-height:1.1;margin:0;opacity:0;transform:translateY(12px);transition:opacity 1s ease,transform 1.2s ease}
.mm-page .tsky .on,.mm-page .tground .on{opacity:1!important;transform:none!important}
.mm-page .tsky .t2.fade{opacity:.15!important}
.mm-page .tsand{position:relative;margin:18px 0 0;font-size:var(--ts,64px);font-family:var(--display);color:#260F4E;line-height:1.05;opacity:0;transform:translateY(16px);transition:opacity 1.1s ease,transform 1.3s ease}
.mm-page .tsand em{font-style:normal;color:#E7067F}
.mm-page .tsand.on{opacity:1;transform:none}
@media (max-aspect-ratio:4/5){.mm-page .tsand{display:none}.mm-page .tsand.on{display:block}.mm-page .wsand{min-height:0}}
.mm-page .tpink{position:absolute;inset:0;z-index:5;background:#E7067F;opacity:0;pointer-events:none}
.mm-page .wordsnext{position:relative;z-index:6;min-height:60vh;background:#E7067F;display:grid;place-items:center;text-align:center;padding:12vh 24px}
.mm-page .wordsnext p{margin:0;font-family:"Jost",system-ui,sans-serif;font-style:normal;font-size:18px;color:#FFF8FB;opacity:.85}
@media (prefers-reduced-motion:reduce){.mm-page .tsky .t1,.mm-page .tsky .t3,.mm-page .tsand{transition:none}}


/* The Calma Sutra: an open book, the words on the left page, the plate on the right */
.mm-page .csutra{position:relative;z-index:6;background:#260F4E;color:#F5F0E8;padding:clamp(96px,12vh,140px) clamp(18px,4vw,64px) clamp(72px,10vh,120px)}
.mm-page .cwrap{max-width:1280px;margin:0 auto}
.mm-page .chead{text-align:center;margin-bottom:clamp(28px,4vh,48px)}
.mm-page .ck{font-family:"Cinzel",Georgia,serif;font-weight:600;letter-spacing:.3em;font-size:13px;color:#F9C9DE;margin:0 0 14px}
.mm-page .chead h2{font-family:var(--display);font-weight:400;font-size:clamp(46px,6.4vw,104px);line-height:.98;margin:0;color:#F5F0E8}
.mm-page .csub{font-family:"Jost",system-ui,sans-serif;font-style:normal;font-size:clamp(17px,1.4vw,21px);margin:14px 0 0;opacity:.85}
.mm-page .cbook{position:relative;display:grid;grid-template-columns:1fr 2px 1.15fr;background:#F5F0E8;color:#610E36;border:3px solid #C4A265;outline:1px solid rgba(196,162,101,.55);outline-offset:8px;min-height:clamp(440px,62vh,640px)}
.mm-page .cpage{padding:clamp(26px,4vw,64px)}
.mm-page .cleft{display:flex;flex-direction:column;justify-content:center}
.mm-page .cgutter{background:#C4A265;opacity:.7}
.mm-page .cright{display:grid;place-items:center;padding:clamp(18px,2.4vw,36px)}
.mm-page .cplate{position:relative;width:100%;max-width:560px;aspect-ratio:1}
.mm-page .cplate img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateX(24px) rotate(1.5deg);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.mm-page .cplate img.on{opacity:1;transform:none}
.mm-page .cplate img.out{opacity:0;transform:translateX(-24px) rotate(-1.5deg)}
.mm-page .cno{font-family:"Cinzel",Georgia,serif;font-weight:600;letter-spacing:.24em;font-size:12px;margin:0 0 10px;color:#E7067F;text-transform:uppercase}
.mm-page .cname{font-family:var(--display);font-weight:400;font-size:clamp(34px,3.6vw,56px);line-height:1;margin:0 0 10px}
.mm-page .cmoment{font-family:"Cinzel",Georgia,serif;font-weight:600;letter-spacing:.16em;font-size:12px;text-transform:uppercase;margin:0 0 22px;opacity:.75}
.mm-page .cquote{font-family:"Jost",system-ui,sans-serif;font-style:normal;font-size:clamp(22px,2vw,30px);line-height:1.2;margin:0 0 16px;color:#260F4E}
.mm-page .chow{font-size:17px;line-height:1.55;margin:0 0 18px;max-width:36ch;color:#260F4E}
.mm-page .cacts{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.mm-page .ctake{border-top:1px solid rgba(196,162,101,.8);padding-top:16px;margin:0 0 16px}
.mm-page .ctk{font-family:"Cinzel",Georgia,serif;font-weight:600;letter-spacing:.22em;font-size:11px;margin:0 0 6px;color:#E7067F}
.mm-page .ctl{font-family:"Jost",system-ui,sans-serif;font-style:normal;font-size:16px;margin:0 0 12px;color:#260F4E}
.mm-page .cdl{display:flex;flex-wrap:wrap;gap:8px}
.mm-page .cdb{display:inline-flex;align-items:center;gap:8px;background:#E7067F;color:#FFF8FB;border:0;border-radius:999px;padding:11px 16px;font:700 14px/1 var(--body);cursor:pointer}
.mm-page .cdb:nth-child(n+2){background:none;color:#610E36;box-shadow:inset 0 0 0 1.5px #610E36}
.mm-page .cdb:hover{filter:brightness(1.06)}
.mm-page .cdb:nth-child(n+2):hover{background:#610E36;color:#F5F0E8}
.mm-page .cdb svg{width:14px;height:14px}
.mm-page .cdb:focus-visible,.mm-page .clink:focus-visible{outline:2px solid #E7067F;outline-offset:3px}
.mm-page .clink{background:none;border:0;padding:0;display:inline-flex;align-items:center;gap:8px;color:#610E36;font:600 15px var(--body);border-bottom:2px solid #E7067F;padding-bottom:3px;cursor:pointer}
.mm-page .clink svg{width:13px;height:13px}
.mm-page .cnote{font-size:14px;opacity:.8}
.mm-page .cnav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1.5px solid #C4A265;background:#F5F0E8;color:#610E36;display:grid;place-items:center;cursor:pointer;z-index:2}
.mm-page .cnav svg{width:18px;height:18px}
.mm-page .cnav:hover{background:#610E36;color:#F5F0E8}
.mm-page .cprev{left:-24px}.mm-page .cnext{right:-24px}
.mm-page .cnav:focus-visible,.mm-page .cdot:focus-visible{outline:2px solid #E7067F;outline-offset:3px}
.mm-page .cindex{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:clamp(30px,4vh,44px) 0 0}
.mm-page .cdot{position:relative;width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(196,162,101,.8);background:none;color:#F5F0E8;font:600 14px "Cinzel",Georgia,serif;display:grid;place-items:center;cursor:pointer}
.mm-page .cdot[aria-current="true"]{background:#E7067F;border-color:#E7067F}
.mm-page .cdot.soon{cursor:default;border:0;color:#C4A265;opacity:.6}
.mm-page .cdot.soon .lock{position:absolute;inset:0;width:100%;height:100%}
.mm-page .cdot.soon span{position:relative;font-size:12px}
.mm-page .csoonline{text-align:center;font-family:"Jost",system-ui,sans-serif;font-style:normal;font-size:15px;margin:14px 0 0;opacity:.7}
@media (max-width:860px){
  .mm-page .cbook{grid-template-columns:1fr;min-height:0}
  .mm-page .cgutter{height:2px}
  .mm-page .cright{order:-1;padding:18px 18px 0}
  .mm-page .cgutter{order:0}
  .mm-page .cpage.cleft{padding:22px 22px 28px}
  .mm-page .cprev{left:6px;top:clamp(120px,40vw,200px)}.mm-page .cnext{right:6px;top:clamp(120px,40vw,200px)}
  .mm-page .cnav{width:40px;height:40px;background:rgba(245,240,232,.92)}
  .mm-page .cdot{width:34px;height:34px}
}
@media (prefers-reduced-motion:reduce){.mm-page .cplate img{transition:opacity .2s linear;transform:none!important}}

/* Minute Yoga: a museum gallery. The painting fills the screen; the chosen leaf hangs on the empty wall,
   its painted label (ON LOAN FROM YOU) as the caption, and the wall text sits to its left */
.mm-page .yoga{position:relative;z-index:6;background:#F1E6D3;color:#610E36}
.mm-page .yoga{height:210vh;height:210svh}
.mm-page .ystage{position:sticky;top:0;height:100vh;height:100svh;min-height:560px;overflow:hidden}
.mm-page .ysheet{position:absolute;left:0;top:0;width:0;height:0;z-index:3;background:#C9546E;transform-origin:50% 0;pointer-events:none;opacity:0;will-change:left,top,width,height,transform}
.mm-page .ysheet i{position:absolute;top:0;bottom:0;width:3px;background:#C4A265;opacity:.9}
.mm-page .ysheet i:first-child{left:9%}.mm-page .ysheet i:last-child{right:9%}
.mm-page .ycol{transition:opacity .5s ease}
.mm-page .yoga.ycover .ycol{opacity:0;pointer-events:none}
.mm-page .ybg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
.mm-page .ycol{position:absolute;display:grid;grid-template-columns:minmax(0,1fr) var(--lw,540px);column-gap:var(--gap,48px);align-items:center}
.mm-page .ytext{align-self:center;max-width:36ch}
.mm-page .yhang{align-self:end;display:grid;gap:14px}
.mm-page .yhead h2{font-family:var(--display);font-weight:400;line-height:.95;margin:0;color:#610E36;font-size:clamp(40px,3.5vw,60px);white-space:nowrap}
.mm-page .yoga.yt1 .yhead h2{font-size:40px}.mm-page .yoga.yt1 .ysub{font-size:19px;margin-top:4px}.mm-page .yoga.yt1 .ydetail{margin-top:12px;padding-top:10px}.mm-page .yoga.yt1 .yname{font-size:26px}.mm-page .yoga.yt1 .ysteps{font-size:16px;line-height:1.42;margin-bottom:12px}
.mm-page .yhead{text-align:left}
.mm-page .yoga.yt2 .yhead h2{font-size:36px}.mm-page .yoga.yt2 .ysteps{font-size:15px;line-height:1.38}.mm-page .yoga.yt2 .ydetail{margin-top:8px;padding-top:8px}.mm-page .yoga.yt2 .ynote{margin-top:6px}.mm-page .yoga.yt2 .yplace{margin-bottom:6px}.mm-page .yoga.yt2 .go{padding:11px 18px}.mm-page .yoga.yt2 .yl2{font-size:16px;margin-bottom:10px}
.mm-page .ysub{font-family:var(--display);color:#610E36;margin:10px 0 0;line-height:1.15;font-size:clamp(20px,1.7vw,26px)}
.mm-page .ydetail{margin-top:clamp(18px,3vh,30px);border-top:1px solid rgba(169,132,76,.7);padding-top:16px}
.mm-page .yname{font-family:var(--display);font-size:clamp(28px,2.3vw,38px);line-height:1.05;margin:0 0 6px;color:#610E36}
.mm-page .yplace{font-family:"Jost",system-ui,sans-serif;font-style:normal;font-size:17px;line-height:1.35;margin:0 0 12px;color:#610E36}
.mm-page .ysteps{font-size:17px;line-height:1.5;margin:0 0 16px;color:#260F4E}
.mm-page .yrun,.mm-page .ydone{display:none}
.mm-page .ydetail.running .yidle,.mm-page .ydetail.done .yidle,.mm-page .ydetail.done .ysteps{display:none}
.mm-page .ydetail.running .yrun{display:block}
.mm-page .ydetail.done .ydone{display:block}
.mm-page .ynote{margin:12px 0 0;font-size:15px;line-height:1.4;color:#610E36;opacity:.85}
.mm-page .ycount{margin:0 0 8px;font-size:16px;color:#610E36}
.mm-page .ycount #yleft{font-family:var(--display);font-size:40px;color:#E7067F;margin-right:6px;vertical-align:middle}
.mm-page .yl1{font-family:var(--display);font-size:clamp(24px,2vw,30px);line-height:1.15;margin:0 0 8px;color:#260F4E}
.mm-page .yl2{font-size:17px;line-height:1.5;margin:0 0 16px;color:#260F4E}
.mm-page .yleaf{position:relative;margin:0}
.mm-page .yframe{position:relative;aspect-ratio:16/9;border:3px solid #C4A265;outline:1px solid rgba(169,132,76,.7);outline-offset:6px;overflow:hidden;background:#EFE4CF}
.mm-page .yframe img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease,transform 1.2s ease;will-change:transform,opacity}
.mm-page .yframe img.on{opacity:1}
.mm-page .yframe img.turn{transform:translateX(-2%)}
.mm-page .yleaf .yring{position:absolute;right:14px;bottom:14px;width:56px;height:56px;opacity:0;transition:opacity .5s}
.mm-page .yleaf.running .yring{opacity:1}
.mm-page .yleaf.running img.on{transform:scale(1.06);transition:opacity .9s ease,transform 60s linear}
.mm-page .yarw{display:none;position:absolute;top:50%;width:44px;height:44px;margin-top:-22px;border-radius:50%;border:0;background:rgba(245,240,232,.92);color:#610E36;cursor:pointer;place-items:center}
.mm-page .yarw svg{width:18px;height:18px}
.mm-page .yprev{left:8px}.mm-page .ynext{right:8px}
.mm-page .yarw:focus-visible,.mm-page .yt:focus-visible{outline:2px solid #E7067F;outline-offset:3px}
.mm-page .ystrip{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
.mm-page .yt{display:block;background:none;border:0;padding:0;cursor:pointer;line-height:0}
.mm-page .yt img{width:100%;aspect-ratio:16/9;object-fit:cover;border:2px solid #C4A265;opacity:.75;transition:opacity .25s,border-color .25s}
.mm-page .yt:hover img{opacity:1}
.mm-page .yt[aria-selected="true"] img{opacity:1;border-color:#E7067F}
.mm-page .yt .tn,.mm-page .yt .tg{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* phones: one column on the wall above the label; arrows on the leaf instead of the strip; the steps appear when the minute starts */
@media (max-aspect-ratio:4/5){
  .mm-page .ycol{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:12px}
  .mm-page .ytext{display:contents}
  .mm-page .yhead{order:1}
  .mm-page .yhang{order:2;align-self:stretch}
  .mm-page .ydetail{order:3;margin-top:4px;padding-top:10px}
  .mm-page .yhead h2{font-size:34px}
  .mm-page .ysub{font-size:18px;margin-top:6px}
  .mm-page .yname{font-size:24px;margin-bottom:2px}
  .mm-page .yplace{font-size:16px;margin-bottom:10px}
  .mm-page .ystrip{display:none}
  .mm-page .yarw{display:grid}
  .mm-page .ydetail .ysteps{display:none}
  .mm-page .ydetail.running .ysteps{display:block;font-size:16px;margin-bottom:8px}
  .mm-page .yoga.yrunning .yhead{display:none}
  .mm-page .ydetail.running .yplace,.mm-page .ydetail.done .yplace{display:none}
  .mm-page .yoga.ydoneP .yhead{display:none}
  .mm-page .ybg{object-position:0 0}
  .mm-page .ynote{font-size:16px;margin-top:10px}
  .mm-page .ycount #yleft{font-size:32px}
  .mm-page .yl1{font-size:22px}
  .mm-page .yl2{font-size:16px;margin-bottom:12px}
  .mm-page .go{padding:13px 20px}
}
@media (max-aspect-ratio:4/5) and (max-height:740px){ .mm-page .yhead h2{font-size:30px} .mm-page .ysub{font-size:17px} .mm-page .ynote{margin-top:6px} }
@media (prefers-reduced-motion:reduce){.mm-page .yframe img{transition:none}.mm-page .yleaf.running img.on{transform:none}}
.mm-page .next{position:relative;z-index:2;min-height:70vh;background:var(--plum);display:grid;place-items:center;text-align:center;padding:14vh 24px}
.mm-page .next p{margin:0;font-family:"Jost",system-ui,sans-serif;font-style:normal;font-size:17px;color:var(--cream);opacity:.6}
@media (max-width:760px){.mm-page .links a{display:none}}
/* footer */
.mm-page .foot{--fbd:clamp(30px,3.4vw,48px);position:relative;z-index:5;background:#E7067F;color:#FFF8FB;padding:calc(var(--fbd) + clamp(48px,8vh,84px)) clamp(24px,7vw,120px) 0;overflow:hidden}
.mm-page .foot::before{content:"";position:absolute;left:0;right:0;top:0;height:var(--fbd);background:url(img/mm-3620ebe623.webp) repeat-x 0 0/auto 100%}
.mm-page .foot a{color:#FFF8FB;text-decoration:none}
.mm-page .foot a:hover{text-decoration:underline;text-decoration-color:#FFF8FB;text-underline-offset:5px}
.mm-page .app{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,80px);align-items:center;max-width:1180px;margin:0 auto clamp(56px,9vh,96px)}
.mm-page .app .k{font-family:"Cinzel",Georgia,serif;font-weight:600;letter-spacing:.18em;font-size:14px;margin:0 0 1em}
.mm-page .app h2{font-family:var(--display);font-weight:400;font-size:clamp(40px,5vw,78px);line-height:1;letter-spacing:-.01em;margin:0 0 .4em;color:#FFF8FB}
.mm-page .app p.d{font-size:clamp(17px,1.4vw,21px);line-height:1.5;margin:0 0 1.6em;max-width:34ch}
.mm-page .app .store{display:inline-flex;align-items:center;gap:.6em;background:#FFF8FB;color:#610E36;border-radius:999px;padding:1em 1.6em;font:700 17px/1 var(--body)}
.mm-page .app .store:hover{text-decoration:none;transform:translateY(-2px)}
.mm-page .app .store small{display:block;font:500 11px/1 var(--body);letter-spacing:.06em;opacity:.75;margin-bottom:4px}
.mm-page .app .free{font-size:15px;margin:14px 0 0;opacity:.9}
.mm-page .phone{justify-self:center;position:relative;width:min(188px,46vw);aspect-ratio:9/19;border-radius:32px;background:#1B1320;padding:9px;box-shadow:0 24px 48px rgba(97,14,54,.35)}
.mm-page .phone .scr{position:relative;width:100%;height:100%;border-radius:24px;background:#F5F0E8;overflow:hidden;display:grid;justify-items:center;align-content:center;text-align:center;padding:18px}
.mm-page .phone .notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:34%;height:15px;border-radius:10px;background:#1B1320}
.mm-page .phone .pclock{position:relative;width:74%;aspect-ratio:1;margin-bottom:14px}
.mm-page .phone .pclock svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.mm-page .phone .pclock .pm{position:absolute;left:17.4%;top:12.3%;width:65.2%;height:75.4%;will-change:transform}
.mm-page .phone .pclock .pf{position:absolute;left:50%;top:50%;height:30%;transform:translate(-50%,-52%)}
.mm-page .phone .pn{font-family:var(--display);font-size:18px;color:#E7067F;margin:0 0 8px}
.mm-page .phone .pt{font-family:var(--display);font-size:13px;line-height:1.2;color:#610E36;margin:0 0 16px}
.mm-page .phone .pb{font:700 10px/1 var(--body);color:#FFF8FB;background:#E7067F;border-radius:999px;padding:9px 14px}
.mm-page .fcols{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;max-width:1180px;margin:0 auto;padding:clamp(32px,5vh,48px) 0;border-top:1.5px solid rgba(255,248,251,.35)}
.mm-page .fcols h3{font-family:"Cinzel",Georgia,serif;font-weight:600;letter-spacing:.16em;font-size:13px;margin:0 0 14px;color:#FFF8FB}
.mm-page .fcols ul{list-style:none;margin:0;padding:0}
.mm-page .fcols li{margin:0 0 10px;font-size:16px}
.mm-page .fcols .line{font-family:var(--display);font-size:22px;line-height:1.25;margin:0}
.mm-page .fbig{font-family:"Cinzel",Georgia,serif;font-weight:600;letter-spacing:.06em;font-size:clamp(48px,11.2vw,190px);line-height:.8;text-align:center;color:#FFF8FB;margin:clamp(12px,3vh,32px) 0 0;white-space:nowrap;transform:translateY(.12em);opacity:.95}
.mm-page .flegal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;max-width:1180px;margin:0 auto;padding:18px 0 22px;font-size:14px;border-top:1.5px solid rgba(255,248,251,.35);position:relative;background:#E7067F}
@media (max-width:760px){
  .mm-page .app{grid-template-columns:1fr;text-align:left}
  .mm-page .phone{justify-self:start}
  .mm-page .fcols{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .mm-page .closing .corner.c2{display:none}
  .mm-page .closing .corner.c1{left:-30%!important;top:-4%!important;width:62vw}
  .mm-page .cl-pane{margin-top:26vh}
  .mm-page .bk .row{grid-template-columns:1fr}
}


.mm-page .foot::before{background-image:url(img/mm-fb213ff1b6.webp)}


/* the phone menu: a full-screen Night Plum sheet; on desktop the links stay in the bar */
.mm-page .menu-btn{display:none;background:none;border:1px solid currentColor;border-radius:999px;color:inherit;font:600 14px/1 var(--body);padding:10px 16px;min-height:40px;cursor:pointer;margin-right:8px}
.mm-page .menu-btn:focus-visible,.mm-page .mclose:focus-visible,.mm-page .msheet a:focus-visible,.mm-page .rstart:focus-visible{outline:2px solid #E7067F;outline-offset:3px}
@media (max-width:760px){ .mm-page .menu-btn{display:inline-flex;align-items:center} }
.mm-page .msheet{position:fixed;inset:0;z-index:200;background:#260F4E;color:#F5F0E8;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);opacity:0;transition:opacity .45s ease}
.mm-page .msheet.on{opacity:1}
.mm-page .msheet[hidden]{display:none}
.mm-page .mtop{display:flex;justify-content:space-between;align-items:center;padding:16px 22px}
.mm-page .mwm{font-family:"Cinzel","Trajan Pro",Georgia,serif;font-weight:600;letter-spacing:.2em;font-size:15px}
.mm-page .mclose{background:none;border:1px solid rgba(245,240,232,.7);border-radius:999px;color:#F5F0E8;font:600 14px/1 var(--body);padding:10px 16px;min-height:40px;cursor:pointer}
.mm-page .mbody{padding:8px 22px 40px;display:grid;gap:30px;max-width:520px}
.mm-page .mk{font-family:"Jost",system-ui,sans-serif;font-style:normal;font-size:17px;margin:0 0 10px;opacity:.9}
.mm-page .mrooms ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}
.mm-page .mrooms a{display:flex;align-items:center;gap:10px;min-height:44px;color:#F5F0E8;text-decoration:none;font:500 17px/1.2 var(--body)}
.mm-page .mrooms a::before{content:"";width:6px;height:6px;background:#E7067F;transform:rotate(20deg);flex:none}
.mm-page .msite{display:grid;gap:2px;border-top:1px solid rgba(196,162,101,.55);padding-top:18px}
.mm-page .msite a{font-family:var(--display);font-size:32px;line-height:1.25;color:#F5F0E8;text-decoration:none;padding:4px 0}
.mm-page .msite a[aria-current="page"]{text-decoration:underline;text-decoration-color:#E7067F;text-decoration-thickness:2px;text-underline-offset:8px}
.mm-page .msite .msend{color:#FF6FB5}
.mm-page .mapp{display:flex;gap:16px;align-items:center;border-top:1px solid rgba(196,162,101,.55);padding-top:20px}
.mm-page .mapp img{width:56px;height:56px;border-radius:13px;flex:none}
.mm-page .mapp1{font-family:var(--display);font-size:22px;margin:0 0 6px}
.mm-page .mbadge{display:inline-block;color:#F5F0E8;font:600 16px/1.3 var(--body);text-decoration:underline;text-underline-offset:4px}
.mm-page .mapp2{margin:6px 0 0;font-size:16px;opacity:.85}
body.calma-mm.menuopen{overflow:hidden}
/* rooftop on phones: one tap opens the room list instead of a sideways strip */
.mm-page .rstart{display:none}
body.calma-mm.tall .mm-page .rooms a,body.calma-mm.tall .mm-page .rooms .start{display:none}
body.calma-mm.tall .mm-page .rooms{overflow:visible;justify-content:flex-start}
body.calma-mm.tall .mm-page .rstart{display:inline-flex;align-items:center;gap:10px;background:none;border:0;padding:10px 0;min-height:44px;color:#F5F0E8;font:400 17px/1.3 "Jost",system-ui,sans-serif;text-decoration:underline;text-decoration-color:#E7067F;text-decoration-thickness:2px;text-underline-offset:6px;cursor:pointer;text-align:left}

/* the Lullaby Line at night: Night Plum, gold and cream; a tonearm on the record */
.mm-page .lmap{background:radial-gradient(120% 90% at 50% 40%,#30145F 0%,#260F4E 55%,#1A0938 100%);color:#F5F0E8}

/* phones: the wordmark and the Menu button share the bar without touching */
@media (max-width:420px){ .mm-page .mark{font-size:15px;letter-spacing:.1em;gap:8px} .mm-page .navmark{height:38px} .mm-page .menu-btn{padding:9px 13px;margin-right:6px} }

/* the Lullaby Line, station wall: cream, two lines from The Pause, flowers at the top corners, petals drifting */
.mm-page .lmap{background:#F5EEE3;color:#610E36}
.mm-page .lmap::before{display:none}
.mm-page #l2{position:absolute;inset:0;--day:#E7067F;--night:#4B2466;--ink:#610E36;--gold:#A9844C}
.mm-page .l2flowers .l2fl{position:absolute;top:0;width:min(30vw,420px);aspect-ratio:1;background-repeat:no-repeat;background-size:contain;pointer-events:none}
.mm-page .l2fl-l{left:0;background-position:left top}.mm-page .l2fl-r{right:0;background-position:right top;transform:scaleX(-1)}
.mm-page .l2petals{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.mm-page .l2petals i{position:absolute;top:-20px;width:12px;height:8px;border-radius:70% 0 70% 0;background:#E7067F;opacity:.75;will-change:transform}
.mm-page .l2head{position:absolute;left:0;right:0;text-align:center;z-index:2}
.mm-page .l2k{margin:0 0 6px;font:400 20px/1.3 "Jost",system-ui,sans-serif;color:var(--ink)}
.mm-page .l2h{margin:0;font:400 clamp(44px,5.6vw,88px)/1 var(--display);color:var(--ink);letter-spacing:-.01em}
.mm-page .l2caps{margin:14px 0 0;font:500 13px/1 var(--body);letter-spacing:.38em;text-transform:uppercase;color:var(--night)}
.mm-page .l2orn{display:flex;align-items:center;justify-content:center;gap:16px;margin:16px 0 0}
.mm-page .l2orn i{display:block;width:130px;height:1px;background:var(--gold)}
.mm-page .l2orn b{display:block;width:14px;height:14px;position:relative}
.mm-page .l2orn b::before,.mm-page .l2orn b::after{content:"";position:absolute;left:50%;top:50%;background:var(--gold);transform:translate(-50%,-50%)}
.mm-page .l2orn b::before{width:2px;height:14px}.mm-page .l2orn b::after{width:14px;height:2px}
.mm-page .l2map{position:absolute;left:0;right:0;z-index:2}
.mm-page .l2lines{position:absolute;left:0;top:0;overflow:visible}
.mm-page .l2hub{position:absolute;display:grid;place-items:center}
.mm-page .l2rec{position:relative;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#2B1450 0 30%,#1A0938 31% 100%);box-shadow:inset 0 0 0 3px #A9844C;display:grid;place-items:center;will-change:transform}
.mm-page .l2rec::before{content:"";position:absolute;inset:8%;border-radius:50%;background:repeating-radial-gradient(circle,rgba(255,255,255,.06) 0 1px,transparent 1px 5px)}
.mm-page .l2med{position:absolute;width:44%;height:auto}
.mm-page .l2fig{position:absolute;width:13%;height:auto}
.mm-page .l2hubt{position:absolute;left:50%;top:100%;transform:translateX(-50%);margin:10px 0 0;white-space:nowrap;font:600 13px/1 "Cinzel",Georgia,serif;letter-spacing:.24em;text-transform:uppercase;color:var(--ink)}
.mm-page .l2arm{position:absolute;right:-30%;top:-22%;width:52%;height:82%;transform-origin:78% 12%;transform:rotate(-16deg);transition:transform 1.4s cubic-bezier(.45,0,.2,1);pointer-events:none;z-index:2}
.mm-page .l2arm.down{transform:rotate(22deg)}
.mm-page .l2tag{position:absolute}
.mm-page .l2tn{margin:0;font:600 13px/1 var(--body);letter-spacing:.3em;text-transform:uppercase}
.mm-page .l2tag-d .l2tn{color:#C2056B}.mm-page .l2tag-n .l2tn{color:var(--night)}
.mm-page .l2td{margin:6px 0 0;font:400 16px/1.3 "Jost",system-ui,sans-serif;color:var(--ink);max-width:22ch}
.mm-page .l2st{position:absolute;display:grid;justify-items:center;gap:8px;background:none;border:0;padding:0;cursor:pointer;color:var(--ink);width:150px;margin-left:-75px}
.mm-page .l2st .l2d{order:2;width:34px;height:34px;border-radius:50%;background:#FFFBF5;border:3px solid var(--c);display:grid;place-items:center;transition:background .3s}
.mm-page .l2st .l2d svg{width:12px;height:12px;margin-left:2px;fill:var(--c)}
.mm-page .l2st .l2n{order:1;font:400 18px/1.2 "Jost",system-ui,sans-serif;text-align:center;min-height:2.4em;display:flex;align-items:flex-end}
.mm-page .l2st .l2no{order:3;font:500 11px/1 var(--body);letter-spacing:.2em;opacity:.7}
.mm-page .l2st.below .l2n{order:3;align-items:flex-start}.mm-page .l2st.below .l2no{order:1}
.mm-page .l2st[aria-pressed="true"] .l2d{background:var(--c)}
.mm-page .l2st[aria-pressed="true"] .l2d svg{fill:#FFFBF5}
.mm-page .l2st:hover .l2n{color:#C2056B}
.mm-page .l2st:focus-visible{outline:none}.mm-page .l2st:focus-visible .l2d{box-shadow:0 0 0 3px #FFFBF5,0 0 0 5px var(--c)}
.mm-page .l2foot{position:absolute;left:0;right:0;z-index:2;text-align:center}
.mm-page .l2rule{display:flex;align-items:center;justify-content:center;gap:22px;margin:0;font:500 14px/1 var(--body);letter-spacing:.34em;text-transform:uppercase;color:var(--ink)}
.mm-page .l2rule i{display:block;width:min(170px,14vw);height:1px;background:var(--gold)}
.mm-page .l2now{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px;margin:14px auto 0;max-width:760px}
.mm-page .l2now[hidden]{display:none}
.mm-page .l2nl{font:600 12px/1 var(--body);letter-spacing:.2em;text-transform:uppercase}
.mm-page .l2nt{font:400 26px/1.1 var(--display);color:var(--ink)}
.mm-page .l2left{font-size:16px;color:var(--ink)}
.mm-page .l2stop{background:none;border:1.5px solid var(--ink);color:var(--ink);border-radius:999px;padding:8px 14px;font:600 14px var(--body);cursor:pointer}
.mm-page .l2send{background:#E7067F;border:0;color:#FFF8FB;border-radius:999px;padding:10px 16px;font:700 14px var(--body);cursor:pointer}
.mm-page .l2how{margin:12px auto 0;max-width:34ch;font:400 17px/1.45 var(--body);color:#260F4E}
body.calma-mm.tall .mm-page .l2how{font-size:16px;margin-top:8px;padding:0 20px}
.mm-page .l2cap{margin:12px 0 0;font:400 16px/1.4 "Jost",system-ui,sans-serif;color:var(--ink);opacity:.85}
.mm-page .l2now:not([hidden]) ~ .l2cap{display:none}
@media (prefers-reduced-motion:reduce){.mm-page .l2arm{transition:none}.mm-page .l2petals{display:none}}
/* phones: the two lines run down side by side from The Pause */
body.calma-mm.tall .mm-page .l2k{font-size:16px}
body.calma-mm.tall .mm-page .l2caps{font-size:11px;letter-spacing:.26em;margin-top:10px}
body.calma-mm.tall .mm-page .l2orn{margin-top:10px}.mm-page .body.tall .l2orn i{width:80px}
body.calma-mm.tall .mm-page .l2st{display:flex;align-items:center;gap:10px;width:auto;margin-left:0;text-align:left;min-height:44px}
body.calma-mm.tall .mm-page .l2st .l2d{order:1;width:26px;height:26px;flex:none;border-width:2.5px}
body.calma-mm.tall .mm-page .l2st .l2d svg{width:9px;height:9px}
body.calma-mm.tall .mm-page .l2st .l2n{order:2;font-size:16px;text-align:left;min-height:0;display:block}
body.calma-mm.tall .mm-page .l2st .l2no{display:none}
body.calma-mm.tall .mm-page .l2hubt{font-size:11px}
body.calma-mm.tall .mm-page .l2td{font-size:14px}
body.calma-mm.tall .mm-page .l2tn{font-size:11px;letter-spacing:.22em}
body.calma-mm.tall .mm-page .l2rule{font-size:12px;letter-spacing:.24em;gap:12px}
body.calma-mm.tall .mm-page .l2rule i{width:40px}
body.calma-mm.tall .mm-page .l2nt{font-size:22px}
body.calma-mm.tall .mm-page .l2cap{font-size:14px}
body.calma-mm.tall .mm-page .l2foot{padding:0 20px}
body.calma-mm.tall .mm-page .l2tag .l2td{max-width:none;padding-right:8px}

/* app blocks: the rounded app icon and Apple's own badge */
.mm-page .appget{display:inline-flex;align-items:center;gap:14px}
.mm-page .appicon{width:56px;height:56px;border-radius:12.5px;display:block}
.mm-page .foot .appicon{box-shadow:0 0 0 2px rgba(255,248,251,.7)}
.mm-page .badge{display:inline-block;line-height:0}
.mm-page .badge img{height:50px;width:auto;display:block}
.mm-page .badge:focus-visible{outline:2px solid #FFF8FB;outline-offset:4px;border-radius:10px}
.mm-page .mapp .badge{margin-top:4px}
/* the footer ends on the legal line, as on Home: no big wordmark */
.mm-page .foot .fbig{display:none}
.mm-page .foot{padding-bottom:calc(var(--fbd) + clamp(28px,5vh,48px))}
.mm-page .mapp .badge img{width:auto;height:44px;border-radius:0}
/* the Lullaby petals are real bougainvillea bracts */
.mm-page .l2petals i{width:34px;height:34px;border-radius:0;background-color:transparent;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.95}

/* bougainvillea at the two top corners; the branch enters from off the edge and sways slowly */
.mm-page .l2fl{position:absolute;top:0;height:auto;width:min(30vw,440px);aspect-ratio:auto;background:none;pointer-events:none;z-index:1;transform-origin:100% 0;animation:l2sway 11s ease-in-out infinite alternate}
.mm-page .l2fl-r{right:-2vw;top:-3vh;left:auto}
.mm-page .l2fl-l{left:-2vw;top:-3vh;right:auto;transform:scaleX(-1);transform-origin:0 0;animation-name:l2swayl}
@keyframes l2sway{from{rotate:0deg}to{rotate:2.2deg}}
@keyframes l2swayl{from{rotate:0deg}to{rotate:-2.2deg}}
body.calma-mm.tall .mm-page .l2fl{width:40vw;top:34px}
body.calma-mm.tall .mm-page .l2fl-r{right:-8vw}.mm-page .body.tall .l2fl-l{left:-8vw}
body.calma-mm.tall .mm-page .l2fl-l{left:-8vw}
@media (prefers-reduced-motion:reduce){.mm-page .l2fl{animation:none}}

.mm-page .l2flowers .l2fl{aspect-ratio:auto;height:auto}
.mm-page .l2flowers .l2fl-r{right:-2vw;left:auto;transform:none;transform-origin:100% 0}
.mm-page .l2flowers .l2fl-l{left:-2vw;right:auto;transform:scaleX(-1);transform-origin:50% 0}
body.calma-mm.tall .mm-page .l2flowers .l2fl-r{right:-10vw}
body.calma-mm.tall .mm-page .l2flowers .l2fl-l{left:-10vw}

.mm-page .l2flowers .l2fl{width:min(26vw,400px)}
body.calma-mm.tall .mm-page .l2flowers .l2fl{width:36vw;top:var(--fltop,240px)}
body.calma-mm.tall .mm-page .l2flowers .l2fl-l{left:-9vw}
body.calma-mm.tall .mm-page .l2flowers .l2fl-r{right:-12vw;top:calc(var(--fltop,240px) + 28px)}

/* the canonical end of every minute, then the app */
.mm-page .appblock{display:grid;justify-items:center;gap:8px;margin:16px 0 18px}
.mm-page .appblock .appnote{margin:0;font:500 16px/1.3 var(--body)}
.mm-page .appblock .badge img{height:46px}
.mm-page .ydone .appblock,.mm-page .octa .appblock{justify-items:start}
.mm-page .bfin .appblock{justify-items:center}
.mm-page .bend1{font-family:var(--display);font-size:clamp(28px,3vw,44px);line-height:1.1;margin:0 0 10px}
.mm-page .bend2{font-size:clamp(17px,1.4vw,20px);line-height:1.5;margin:0 auto;max-width:40ch;opacity:.92}
.mm-page .bturn.ended .b60,.mm-page .bturn.ended .bs{display:none}
.mm-page .tsky{transition:opacity .6s ease}
.mm-page .tsky.yield{opacity:0!important}
.mm-page .tground{transition:opacity 1s ease,transform .8s ease}

/* the pool's end state: the message takes the whole water, the ring steps away */
.mm-page .minute.finished svg.ringsvg{opacity:0;transition:opacity .6s}
.mm-page .minute.finished .done{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(124%,88vw);display:grid;justify-items:center}
.mm-page .minute.finished .done .l1{font-size:clamp(26px,2.2vw,34px);max-width:16ch;margin:0 0 8px}
.mm-page .minute.finished .done .l2{max-width:30ch;margin:0 0 4px}
.mm-page .minute.finished .done .appblock{margin:10px 0 10px}
.mm-page .minute.finished .done .acts{grid-auto-flow:column;gap:16px;align-items:center}
.mm-page .minute.finished .done .snote{margin-top:4px}
body.calma-mm.tall .mm-page .minute.finished .done .l1{font-size:24px}

.mm-page .done .acts .go{background:#E7067F}
body.calma-mm.tall .mm-page .minute.finished .done{width:100%}
body.calma-mm.tall .mm-page .minute.finished .done .l1{font-size:22px;max-width:15ch;margin-bottom:6px}
body.calma-mm.tall .mm-page .minute.finished .done .l2{max-width:24ch;line-height:1.35}
body.calma-mm.tall .mm-page .minute.finished .done .appblock{gap:4px;margin:8px 0 8px}
body.calma-mm.tall .mm-page .minute.finished .done .appicon{width:42px;height:42px;border-radius:9.5px}
body.calma-mm.tall .mm-page .minute.finished .done .badge img{height:40px}
body.calma-mm.tall .mm-page .minute.finished .done .acts{grid-auto-flow:row;gap:6px}
body.calma-mm.tall .mm-page .minute.finished .done .acts .go{padding:10px 16px;font-size:15px}

body.calma-mm.tall .mm-page .minute.finished .done .l1{font-size:21px;margin-bottom:4px}
body.calma-mm.tall .mm-page .minute.finished .done .l2{max-width:29ch;line-height:1.3;font-size:16px}
body.calma-mm.tall .mm-page .minute.finished .done .appblock{margin:6px 0 6px}
body.calma-mm.tall .mm-page .minute.finished .done .acts{gap:2px}
body.calma-mm.tall .mm-page .minute.finished .done .acts .go{padding:9px 14px}

body.calma-mm.tall .mm-page .tground .wcats{gap:4px 14px;margin-bottom:10px;flex-wrap:nowrap}
body.calma-mm.tall .mm-page .tground .wk{margin-bottom:6px}

body.calma-mm.tall .mm-page .wlong{display:none}
@media (max-aspect-ratio:4/5) and (max-height:720px){ .mm-page .tsky .t1{margin-bottom:4px} .mm-page .tsky .t2{margin-bottom:6px} }

.mm-page .msheet{z-index:600}
.mm-page{box-sizing:border-box}

.mm-page #mxMoment{-webkit-appearance:none;appearance:none;font:500 16px/1.2 "Jost",system-ui,sans-serif;color:#F5F0E8;background:rgba(27,19,32,.42) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23F5F0E8' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 16px center;border:1.5px solid rgba(245,240,232,.55);border-radius:999px;padding:.7em 2.6em .7em 1.1em;max-width:100%;cursor:pointer}
.mm-page #mxMoment:focus-visible{outline:2px solid #E7067F;outline-offset:3px}
.mm-page #mxMoment option{color:#1B1320;background:#F5F0E8}

@media (max-aspect-ratio:4/5){.mm-page #bside{translate:0 var(--bdrop,46px)}}

.mm-page .cw-fbar{display:none}
.mm-page .csx-wall.cw-big .cw-prev-wrap{position:fixed;inset:0;z-index:5;display:grid;place-items:center;background:#0E0716;padding:calc(18px + env(safe-area-inset-top,0px)) 18px calc(96px + env(safe-area-inset-bottom,0px));cursor:zoom-out;max-width:none;width:auto;height:auto}
.mm-page .csx-wall.cw-big .cw-prev-wrap .cw-img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.mm-page .csx-wall.cw-big .cw-fbar{position:fixed;left:0;right:0;bottom:0;z-index:6;display:flex;justify-content:center;align-items:center;gap:12px;padding:16px 18px calc(18px + env(safe-area-inset-bottom,0px))}
.mm-page .cw-fbar button{font:600 16px/1 "Jost",system-ui,sans-serif;border-radius:999px;cursor:pointer;padding:.85em 1.4em}
.mm-page .cw-fbar .cw-fdl{background:#E7067F;color:#FFF8FB;border:0}
.mm-page .cw-fbar .cw-fmore{background:transparent;color:#F5F0E8;border:1.5px solid rgba(245,240,232,.6)}
.mm-page .cw-fbar .cw-fx{background:transparent;color:#F5F0E8;border:0;font-size:28px;padding:.2em .5em}

.mm-page #cover{background:#020611}
.mm-page #cover>picture,.mm-page #cover #hgimg,.mm-page #cover .salt,.mm-page #cover .corner{display:none!important}
.mm-page .mcov{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.mm-page .mcov img{position:absolute;max-width:none}
.mm-page .mcov-bg,.mm-page .mcov-fr{inset:0;width:100%;height:100%;object-fit:cover;object-position:0% 50%}
.mm-page .mcov-med{display:none}
.mm-page .mcov-glow{position:absolute;left:10%;right:10%;bottom:-18%;height:46%;background:radial-gradient(ellipse 50% 60% at 50% 100%,rgba(236,170,84,.55),rgba(236,170,84,0) 70%);animation:mcovglow 9.5s ease-in-out infinite}
@keyframes mcovglow{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
.mm-page .mcov-bub{position:absolute;inset:0;overflow:hidden}
.mm-page .mcov-bub i{position:absolute;bottom:-20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.75),rgba(255,255,255,.12) 45%,rgba(255,255,255,.04) 70%);border:1px solid rgba(255,255,255,.28);opacity:0;animation:mcovrise var(--t,10s) linear var(--dl,0s) infinite}
@keyframes mcovrise{0%{transform:translate(0,0);opacity:0}10%{opacity:var(--o,.6)}85%{opacity:var(--o,.6)}100%{transform:translate(var(--w,0px),-112vh);opacity:0}}
/* the words sit in the dark open right side, in cream; the can line in pink */
.mm-page #cover .label{display:none!important}
.mm-page #cover .pane{left:auto!important;right:clamp(28px,7vw,120px)!important;width:min(560px,44vw)!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)}
.mm-page #cover.opening .pane{transform:translateY(-50%) scale(.97)}
.mm-page #cover .pane .l1,.mm-page #cover .pane .lmid,.mm-page #cover .pane .l2,.mm-page #cover .pane .l2.lbig{color:#F5F0E8!important}
.mm-page #cover .pane .cvpk,.mm-page #cover .pane .cvpk em{color:#E7067F!important}
.mm-page #cover .slider .hint{color:rgba(245,240,232,.85)!important}
.mm-page #cover .slider .knob{background:#E7067F!important;color:#FFF8FB!important}
.mm-page #cover .slider .goal{border-color:#E7067F!important}
.mm-page #cover .slider .track{border-top-color:rgba(245,240,232,.45)!important}
@media (max-aspect-ratio:4/5){
  .mm-page #cover{background:radial-gradient(ellipse 90% 55% at 50% 30%,#0E4E5C 0%,#082A3A 48%,#020611 100%)}
  .mm-page .mcov-bg,.mm-page .mcov-fr{display:none}
  .mm-page .mcov-med{display:block;left:50%;top:calc(78px + env(safe-area-inset-top,0px));width:min(66vw,320px);height:auto;transform:translateX(-50%)}
  .mm-page .mcov-glow{bottom:-22%;height:40%}
  .mm-page #cover .pane{right:22px!important;left:22px!important;width:auto!important;top:auto!important;bottom:calc(26px + env(safe-area-inset-bottom,0px))!important;transform:none}
  .mm-page #cover.opening .pane{transform:scale(.97)}
}
html.cs-lite .mm-page .mcov-glow{animation:none}
@media (prefers-reduced-motion:reduce){html:not(.cs-lite) .mm-page .mcov-glow{animation:none}}

html.cs-lite body .mm-page #tfly{display:none!important}

.mm-page .phone .scr{background:radial-gradient(ellipse 70% 62% at 50% 42%,#3B1150 0%,#26102F 52%,#140A25 100%)!important}
.mm-page .phone .scr::after{display:none!important}
.mm-page .phone .pn,.mm-page .phone .pt{color:#F5F0E8!important}

.mm-page .mcov-fr{display:none!important}
.mm-page .mcov-halo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:0% 50%;opacity:.45;animation:mcovhalo 7s ease-in-out infinite}
@keyframes mcovhalo{0%,100%{opacity:.35}50%{opacity:.85}}
.mm-page .mcov-float{position:absolute;inset:0;animation:mcovfloat 7s ease-in-out infinite}
@keyframes mcovfloat{0%,100%{transform:translateY(3px)}50%{transform:translateY(-4px)}}
.mm-page .mcov-full{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:0% 50%}
.mm-page .mcov-shine,.mm-page .mcov-pshine{position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,0) 42%,rgba(255,246,214,.85) 50%,rgba(255,255,255,0) 58%) no-repeat;background-size:300% 100%;background-position:120% 0;mix-blend-mode:screen;animation:mcovshine 8s ease-in-out infinite}
.mm-page .mcov-shine{-webkit-mask:url(img/mmcov-frame.webp) 0% 50%/cover no-repeat;mask:url(img/mmcov-frame.webp) 0% 50%/cover no-repeat}
@keyframes mcovshine{0%,62%{background-position:120% 0}100%{background-position:-20% 0}}
.mm-page .mcov-pfloat{display:none}
@media (max-aspect-ratio:4/5){
  .mm-page .mcov-halo,.mm-page .mcov-float{display:none}
  .mm-page .mcov-pfloat{display:block;position:absolute;left:50%;top:calc(78px + env(safe-area-inset-top,0px));width:min(66vw,320px);aspect-ratio:873/857;transform:translateX(-50%);animation:mcovpfloat 7s ease-in-out infinite;filter:drop-shadow(0 0 28px rgba(236,178,96,.35))}
  @keyframes mcovpfloat{0%,100%{transform:translate(-50%,3px)}50%{transform:translate(-50%,-4px)}}
  .mm-page .mcov-pfloat .mcov-med{position:absolute;inset:0;width:100%;height:100%;left:0;top:0;transform:none}
  .mm-page .mcov-pshine{-webkit-mask:url(img/mmcov-medframe.webp) center/100% 100% no-repeat;mask:url(img/mmcov-medframe.webp) center/100% 100% no-repeat}
}

.mm-page .pcv .water{filter:none!important}

.mm-page .mcov-girl,.mm-page .mcov-ffr{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:0% 50%}
.mm-page .mcov-ffr{transform-origin:calc(max(100vw / 2400, 100vh / 1350) * 521) 50%;animation:mcovspin 2.3s cubic-bezier(.2,.75,.2,1) .3s both}
.mm-page .mcov-girl{animation:mcovfade 1.1s ease 2.2s both}
@keyframes mcovspin{0%{transform:rotate(-135deg) scale(.82);opacity:0}25%{opacity:1}100%{transform:none;opacity:1}}
@keyframes mcovfade{0%{opacity:0}100%{opacity:1}}
.mm-page .mcov-pgirl,.mm-page .mcov-pfr{position:absolute;inset:0;width:100%;height:100%}
.mm-page .mcov-pfr{animation:mcovspin 2.3s cubic-bezier(.2,.75,.2,1) .3s both}
.mm-page .mcov-pgirl{animation:mcovfade 1.1s ease 2.2s both}
.mm-page .mcov-shine,.mm-page .mcov-pshine{animation-delay:3.4s}

.mm-page .mcov:not(.ready) .mcov-ffr,.mm-page .mcov:not(.ready) .mcov-girl,.mm-page .mcov:not(.ready) .mcov-pfr,.mm-page .mcov:not(.ready) .mcov-pgirl{animation-play-state:paused}

.mm-page .mcov-girl{transform-origin:calc(max(100vw / 2400, 100vh / 1350) * 521) 50%;animation:mcovspin2 2.3s cubic-bezier(.2,.75,.2,1) .3s both}
.mm-page .mcov-pgirl{animation:mcovspin2 2.3s cubic-bezier(.2,.75,.2,1) .3s both}
@keyframes mcovspin2{0%{transform:rotate(90deg) scale(.82);opacity:0}18%{opacity:1}100%{transform:none;opacity:1}}

/* phone = reduced-motion version (generated) */
html.cs-lite .mm-page .cover .corner{animation:none}
html.cs-lite .mm-page .cover .cbg{animation:none}
html.cs-lite .mm-page .hcopy,html.cs-lite .mm-page .rooms{transition:none}
html.cs-lite .mm-page .bside,html.cs-lite .mm-page .ochoice{transition:none}
html.cs-lite .mm-page .ol{transition:none}
html.cs-lite .mm-page .pr{opacity:1;transform:none;transition:none}
html.cs-lite .mm-page .pwin{transition:none}
html.cs-lite .mm-page .pledge{height:auto}
html.cs-lite .mm-page .pstick{position:relative;height:auto}
html.cs-lite body.calma-mm.ptswap .mm-page .ptext{display:flex}
html.cs-lite .mm-page .bl,html.cs-lite .mm-page .bturn{transition:none}
html.cs-lite .mm-page .blogo .blr{animation:none}
html.cs-lite .mm-page .tsky .t1,html.cs-lite .mm-page .tsky .t3,html.cs-lite .mm-page .tsand{transition:none}
html.cs-lite .mm-page .cplate img{transition:opacity .2s linear;transform:none!important}
html.cs-lite .mm-page .yframe img{transition:none}
html.cs-lite .mm-page .yleaf.running img.on{transform:none}
html.cs-lite .mm-page .l2arm{transition:none}
html.cs-lite .mm-page .l2petals{display:none}
html.cs-lite .mm-page .l2fl{animation:none}
html.cs-lite:not(.cs-lite) .mm-page .mcov-glow{animation:none}
/* end of generated phone block */