@layer components{.mf{--spine: 2.75rem;--bar: 3.25rem;--fold: .62s var(--ease-fold);--inset-b: clamp(2rem, 7vh, 4rem)}.mf-num{font-family:var(--font-display);font-weight:400;font-style:normal;letter-spacing:.02em;line-height:1}.mf-spine-h{margin:0;font-weight:400}.mf-spine{display:flex;align-items:baseline;gap:.9rem;width:100%;padding:.95rem var(--gutter);border-top:1px solid var(--color-rule);background:none;color:var(--color-ash);font:inherit;text-align:left;cursor:pointer;transition:color .15s var(--ease-out)}.mf-spine .mf-num{font-size:1.125rem;min-width:1.85rem}.mf-spine-title{font-size:var(--text-sm);line-height:1;letter-spacing:.01em;text-wrap:balance}.mf-spine:hover,.mf-spine:focus-visible,.mf-spine[aria-expanded=true]{color:var(--color-chalk)}.mf-spine:focus-visible{outline:1px solid var(--color-chalk);outline-offset:-4px;transition:none}.mf-panel:focus{outline:none}.mf-panel:focus-visible{outline:1px solid var(--color-rule-strong);outline-offset:-1px}.mf-text{box-sizing:content-box;max-width:58ch;--line: calc(var(--text-body) * 1.45);--lead-size: var(--mf-lead);--held-size: var(--mf-key);padding:var(--line) var(--gutter) clamp(2.5rem,7vh,4rem);font-size:var(--text-body);line-height:1.45;font-variation-settings:"MONO" 0,"DRKM" var(--drkm);color:#ffffffe0}.mf-p{margin:0;text-wrap:pretty}.mf-text>*+*{margin-top:calc(var(--line) * .7)}.mf-lead,.mf-held{font-family:var(--font-display);font-variation-settings:normal;font-weight:400;color:var(--color-chalk);text-wrap:balance}.mf-lead{font-size:var(--lead-size);line-height:1.2;letter-spacing:-.005em}.mf-held{font-size:var(--held-size);line-height:1.3}.mf-text>.mf-lead+*,.mf-text>*+.mf-held,.mf-text>.mf-held+*{margin-top:var(--line)}.mf-lead .mf-line{display:block}.mf-ceremony{color:var(--color-ash)}.mf-side{display:none}@media(scripting:enabled){.mf-stage{position:fixed;inset:var(--nav-h) 0 calc(3.5rem + env(safe-area-inset-bottom,0px));z-index:1;display:flex;flex-direction:column;background:var(--color-void)}.mf-drawer{display:flex;flex-direction:column;flex:0 0 var(--bar);min-height:var(--bar);overflow:hidden;transition:flex-grow var(--fold)}.mf-drawer[data-open]{flex-grow:1}.mf-drawer:last-child{border-bottom:1px solid var(--color-rule)}.mf-spine{height:var(--bar);flex:none}.mf-panel{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.mf-panel::-webkit-scrollbar{display:none}.mf-panel{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 2.5rem),transparent)}.mf-text{opacity:0;transition:opacity .15s var(--ease-out)}.mf-drawer[data-open] .mf-text{opacity:1;transition:opacity .3s var(--ease-drift) .15s}}@media(scripting:enabled)and (min-width:48rem){.mf-stage{bottom:0}}@media(scripting:enabled)and (min-width:64rem){.mf{--side: clamp(15rem, 25vw, 26rem);--open-w: calc(100vw - var(--side) - var(--spine) * 6)}.mf-stage{flex-direction:row;bottom:0}.mf-side{display:block;position:relative;flex:0 0 var(--side)}.mf-photo{position:absolute;left:var(--gutter);right:clamp(1.5rem,3vw,3rem);bottom:var(--inset-b);opacity:0;transition:opacity .4s var(--ease-fold)}.mf-photo[data-on]{opacity:1}.mf-photo img{max-height:52svh}.mf-photo-mask{aspect-ratio:2 / 3;max-height:52svh}.mf-photo-mask svg{height:8rem}.mf-drawer{flex:0 0 var(--spine);min-height:0;min-width:var(--spine);flex-direction:row;border-left:1px solid var(--color-rule)}.mf-drawer:last-child{border-bottom:0}.mf-spine-h{flex:none;width:var(--spine)}.mf-spine{height:100%;flex-direction:column;align-items:center;gap:1.1rem;padding:1.25rem 0 0;border-top:0}.mf-spine .mf-num{font-size:1.375rem;min-width:0}.mf-spine .mf-spine-title{writing-mode:vertical-rl;white-space:nowrap}.mf-panel{flex:none;width:var(--open-w)}.mf-panel{display:flex;flex-direction:column}.mf-text{flex:none;margin-top:auto;padding:calc(1.25rem + 1.375rem * .9155 - var(--lead-size) * 1.0155) clamp(2.5rem,5vw,5rem) calc(var(--inset-b) - var(--text-body) * .392)}.mf-text:has(>.mf-lead:last-child){padding-bottom:calc(var(--inset-b) - var(--lead-size) * .2)}}.mf-instant .mf-drawer,.mf-instant .mf-text,.mf-instant .mf-photo{transition:none!important}@media(prefers-reduced-motion:reduce){.mf-drawer,.mf-text,.mf-photo,.mf-spine{transition:none!important}}}@media(scripting:enabled){body:has(.mf-stage) footer{display:none}}