.mf-page{--col: 760px;--gl: color-mix(in srgb, var(--ink) 8%, transparent)}.mf-col{width:min(var(--col),100% - 32px);margin:0 auto}.mf-guides{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(transparent 40px,#000 220px,#000 calc(100% - 520px),transparent calc(100% - 120px));mask-image:linear-gradient(transparent 40px,#000 220px,#000 calc(100% - 520px),transparent calc(100% - 120px))}.mf-guide{position:absolute;top:0;bottom:0;width:1px;background:var(--gl)}.mf-guide.left{left:calc(50% - var(--col) / 2 - 24px)}.mf-guide.right{left:calc(50% + var(--col) / 2 + 24px)}.mf-head{position:sticky;top:64px;z-index:0;padding:104px 0 0;opacity:calc(1 - var(--p, 0) * .6);transform:translateY(calc(var(--p, 0) * -16px)) scale(calc(1 - var(--p, 0) * .03));transform-origin:50% 0}.mf-eyebrow{display:block;margin-bottom:24px;color:var(--ink-3);font-size:13px;font-weight:500}.mf-title{margin:0;font-size:clamp(40px,5.6vw,64px);font-weight:500;line-height:1.06;letter-spacing:-.035em}.mf-line{position:relative;display:block}.mf-line:first-child{color:var(--ink-3)}.mf-line:before,.mf-line:after{position:absolute;right:-100vw;left:-100vw;height:1px;background:var(--gl);content:"";-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000 42%,#000 58%,transparent 70%);mask-image:linear-gradient(90deg,transparent 30%,#000 42%,#000 58%,transparent 70%);pointer-events:none}.mf-line:before{top:.167em}.mf-line:after{top:.894em}.mf-scene{position:relative}.mf-stage{position:relative;z-index:1;padding:64px 16px 0}.mf-after{height:240px}@property --ax{syntax: "<percentage>"; inherits: false; initial-value: 14%;}@property --ay{syntax: "<percentage>"; inherits: false; initial-value: 60%;}@property --bx{syntax: "<percentage>"; inherits: false; initial-value: 50%;}@property --by{syntax: "<percentage>"; inherits: false; initial-value: 76%;}@property --cx{syntax: "<percentage>"; inherits: false; initial-value: 86%;}@property --cy{syntax: "<percentage>"; inherits: false; initial-value: 56%;}.mf-wash{position:absolute;z-index:0;right:0;bottom:-240px;left:0;height:900px;background:radial-gradient(38% 46% at var(--ax) var(--ay),rgb(65 200 196 / .5),rgb(65 200 196 / .24) 40%,rgb(65 200 196 / .07) 70%,transparent 100%),radial-gradient(30% 36% at var(--bx) var(--by),rgb(48 153 232 / .3),rgb(48 153 232 / .14) 40%,rgb(48 153 232 / .04) 70%,transparent 100%),radial-gradient(38% 46% at var(--cx) var(--cy),rgb(175 165 245 / .55),rgb(175 165 245 / .26) 40%,rgb(175 165 245 / .08) 70%,transparent 100%);-webkit-mask-image:linear-gradient(transparent,#000 35%,#000 62%,transparent 92%);mask-image:linear-gradient(transparent,#000 35%,#000 62%,transparent 92%);animation:mf-glow 12s ease-in-out infinite alternate;pointer-events:none}@keyframes mf-glow{0%{--ax: 14%;--ay: 60%;--bx: 50%;--by: 76%;--cx: 86%;--cy: 56%}35%{--ax: 26%;--ay: 50%;--bx: 36%;--by: 68%;--cx: 76%;--cy: 68%}70%{--ax: 18%;--ay: 70%;--bx: 62%;--by: 62%;--cx: 70%;--cy: 52%}to{--ax: 30%;--ay: 58%;--bx: 44%;--by: 78%;--cx: 88%;--cy: 64%}}.mf-letter{position:relative;max-width:var(--col);margin:0 auto;padding:64px 72px 56px;border-radius:6px;background:var(--raised);box-shadow:0 0 0 1px var(--line),0 1px 2px #0e0e100a,0 24px 56px -16px #0e0e101f}.mf-part+.mf-part{margin-top:44px}.mf-part,.mf-sign{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.mf-letter.focusing .mf-part,.mf-letter.focusing .mf-sign{opacity:.25}.mf-letter.focusing .mf-part.on{opacity:1}.mf-part h2{display:flex;gap:10px;margin:0 0 14px;color:var(--ink-3);font-size:13px;font-weight:450;letter-spacing:0}.mf-num{font-family:Geist Mono Variable,ui-monospace,monospace;font-size:12px}.mf-part p{margin:0;color:var(--ink);font-size:17px;line-height:1.65;letter-spacing:-.011em;text-wrap:pretty}.mf-sign{display:flex;flex-direction:column;align-items:flex-start;margin-top:52px;padding-top:36px;border-top:1px solid var(--line)}.mf-signature{display:block;margin:0 0 18px -2px;color:var(--ink)}.mf-signature path{stroke-dasharray:1;stroke-dashoffset:1}.mf-signature.on path{transition:stroke-dashoffset 1.8s cubic-bezier(.55,.1,.35,1) .15s;stroke-dashoffset:0}.mf-name{font-size:13px;font-weight:500}.mf-role{color:var(--ink-3);font-size:13px}.mf-share{position:absolute;z-index:40;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:var(--raised);color:var(--ink);box-shadow:0 0 0 1px var(--line-strong),0 1px 2px #0e0e100f,0 6px 16px -4px #0e0e1029;cursor:pointer;transform:translate(-50%,-100%);animation:mf-share-in .22s cubic-bezier(.2,.9,.3,1.2) both;transition:background-color .16s ease}.mf-share.below{transform:translate(-50%)}.mf-share:hover{background:color-mix(in srgb,var(--ink) 5%,var(--raised))}.mf-share:disabled{cursor:progress;opacity:.7}@keyframes mf-share-in{0%{opacity:0;scale:.8}}:root[data-theme=dark] .mf-wash{opacity:.75}:root[data-theme=dark] .mf-letter{box-shadow:0 0 0 1px #ffffff12,0 24px 56px -16px #0000008c}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .mf-wash{opacity:.75}:root:not([data-theme=light]) .mf-letter{box-shadow:0 0 0 1px #ffffff12,0 24px 56px -16px #0000008c}}@media(prefers-reduced-motion:reduce){.mf-wash{animation:none}.mf-head{opacity:1;transform:none}.mf-part,.mf-sign{transition:none}.mf-share{animation:none}.mf-signature path{stroke-dashoffset:0}.mf-signature.on path{transition:none}}@media(max-width:860px){.mf-guide{display:none}}@media(max-width:760px){.mf-head{top:56px;padding-top:56px}.mf-stage{padding:48px 16px 0}.mf-after{height:160px}.mf-wash{bottom:-160px}.mf-letter{padding:36px 24px 32px}.mf-part p{font-size:16px}.mf-wash{height:640px}}