/* Manifesto in a frame - Why Off Script */
.mf-section{padding:clamp(72px,10vw,140px) var(--pad);border-top:1px solid var(--line);display:flex;justify-content:center}
.mf-frame{width:min(720px,100%);margin:0;background:#1d1b18;padding:clamp(9px,1.6vw,15px);box-shadow:0 34px 60px -34px rgba(25,25,25,.55),0 3px 0 rgba(25,25,25,.25);transform-origin:50% 0}
.mf-mat{background:#fbf8f1;padding:clamp(18px,4.5vw,52px);box-shadow:inset 0 0 0 1px rgba(25,25,25,.08),inset 0 2px 6px rgba(25,25,25,.12)}
.mf-sheet{background:#fffdf8;border:1px solid rgba(25,25,25,.16);padding:clamp(34px,6vw,64px) clamp(18px,5vw,56px) clamp(30px,5vw,52px);text-align:center;position:relative}
.mf-kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#66625b;margin-bottom:clamp(26px,4vw,40px)}
.mf-kicker b{color:var(--orange);font-weight:600}
.mf-stanza{margin:0 auto;max-width:30em}
.mf-stanza+.mf-stanza{margin-top:clamp(18px,2.6vw,26px)}
.mf-stanza p{font-family:var(--body);font-size:clamp(17px,2.1vw,21px);line-height:1.55;color:var(--ink)}
.mf-old p{font-family:'Caveat',var(--hand);font-size:clamp(26px,3.4vw,34px);line-height:1.2;color:#66625b}
.mf-mark{position:relative;display:inline-block;white-space:nowrap}
.mf-mark svg{position:absolute;left:-3%;width:106%;height:22px;overflow:visible;fill:none;stroke-linecap:round;pointer-events:none}
.mf-strike svg{top:50%;margin-top:-11px;stroke:var(--orange);stroke-width:4}
.mf-under svg{bottom:-12px;stroke:var(--orange);stroke-width:4}
.mf-heart{font-family:var(--display);font-weight:800;font-size:clamp(24px,3vw,30px);letter-spacing:-.01em;line-height:1.15}
.mf-rule{width:46px;height:2px;background:var(--ink);margin:clamp(30px,4.5vw,44px) auto clamp(22px,3vw,30px);opacity:.85}
.mf-final p{font-family:var(--display);font-weight:800;font-size:clamp(38px,6.4vw,62px);line-height:.98;letter-spacing:-.02em}
.mf-final .mf-script{font-family:var(--hand);font-weight:400;color:var(--orange);font-size:.86em;letter-spacing:0;margin-left:.08em}
.mf-final .mf-strike svg{stroke:var(--ink);stroke-width:6;margin-top:-8px}
.mf-sign{margin-top:clamp(26px,4vw,36px);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#66625b}
/* motion: only when JS is on and motion is allowed */
.mf-js .mf-frame{opacity:0;transform:translateY(18px) rotate(-.8deg)}
.mf-js .mf-stanza,.mf-js .mf-kicker,.mf-js .mf-rule,.mf-js .mf-sign{opacity:0;transform:translateY(8px)}
.mf-js .mf-mark path{stroke-dasharray:1;stroke-dashoffset:1}
.mf-js.mf-in .mf-frame{opacity:1;transform:none;transition:opacity .6s var(--ease),transform .9s var(--ease)}
.mf-js.mf-in .mf-stanza:not(.mf-wait),.mf-js.mf-in .mf-kicker:not(.mf-wait),.mf-js.mf-in .mf-rule:not(.mf-wait),.mf-js.mf-in .mf-sign:not(.mf-wait){opacity:1;transform:none;transition:opacity .5s var(--ease) var(--d,0ms),transform .5s var(--ease) var(--d,0ms)}
.mf-js.mf-in :not(.mf-wait)>p .mf-mark path,.mf-js.mf-in .mf-stanza:not(.mf-wait) .mf-mark path{stroke-dashoffset:0;transition:stroke-dashoffset .6s var(--ease) var(--sd,0ms)}
@media (prefers-reduced-motion:reduce){.mf-js .mf-frame,.mf-js .mf-stanza,.mf-js .mf-kicker,.mf-js .mf-rule,.mf-js .mf-sign{opacity:1!important;transform:none!important;transition:none!important}.mf-js .mf-mark path{stroke-dashoffset:0!important;transition:none!important}}
@media (max-width:740px){.mf-sheet{padding:30px 16px 28px}.mf-stanza p{font-size:16.5px}.mf-old p{font-size:26px}.mf-heart{font-size:21px!important}.mf-final p{font-size:38px;line-height:1}.mf-final .mf-strike svg{stroke-width:5}.mf-mat{padding:14px}}