.sf-scrim{position:fixed;inset:0;z-index:80;background:var(--sf-scrim,oklch(.19 .014 55/.55));animation:sf-fade .25s ease-out both}@keyframes sf-fade{0%{opacity:0}}.sf-modal-wrap{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:81;outline:none;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;border-radius:28px 120px 28px 28px;animation:sf-pop .5s cubic-bezier(.2,.9,.2,1) both}@keyframes sf-pop{0%{opacity:0;transform:translate(-50%,-44%) scale(.96)}}.sf-modal{width:min(860px,calc(100vw - 32px));display:grid;grid-template-columns:340px 1fr;background:var(--sf-panel,oklch(.955 .05 160));border-radius:28px 120px 28px 28px;overflow:hidden;box-shadow:0 60px 120px -40px rgb(0 0 0/.5);color:var(--sf-ink,oklch(.19 .014 55))}.sf-modal.is-solo{width:min(600px,calc(100vw - 32px));grid-template-columns:1fr}.sf-modal .mk-ph,.sf-modal-photo{min-height:440px}.sf-modal .mk-ph img{object-position:center 28%}.sf-modal-body{padding:44px 44px 40px;display:flex;flex-direction:column;gap:18px;position:relative}.sf-modal-body h2{margin:0;font-size:40px;font-weight:800;letter-spacing:-.04em;line-height:1.02;padding-right:72px;max-width:15ch;text-wrap:balance}.sf-modal-body h2 .mk-i{color:var(--sf-italic,var(--kit-italic))}.sf-modal-body p{margin:0;font-size:17px;line-height:1.5;max-width:38ch;font-weight:300}.sf-close{position:absolute;right:38px;top:38px;width:42px;height:42px;border-radius:50%;background:var(--sf-surface,#fff);border:1px solid var(--sf-line,oklch(.19 .014 55/.12));display:grid;place-items:center;box-shadow:0 10px 24px -12px rgb(0 0 0/.45);cursor:pointer;color:var(--sf-ink,oklch(.19 .014 55));transition:background .2s ease,color .2s ease,transform .2s ease}.sf-close:hover{background:var(--sf-ink,oklch(.19 .014 55));color:var(--sf-surface,#fff);transform:scale(1.06)}.sf-close:focus-visible{outline:3px solid var(--kit-accent,oklch(.705 .213 47.604));outline-offset:2px}.sf-close svg{width:16px;height:16px}.sf-hint{font-size:12px;color:var(--sf-muted,oklch(.45 .012 55))}@media (max-width:1100px){.sf-modal{grid-template-columns:1fr}.sf-modal .mk-ph,.sf-modal-photo{min-height:200px}}@media (max-width:640px){.sf-modal.is-tight .sf-modal-body{padding:28px 24px 26px;gap:14px}.sf-modal.is-tight .sf-modal-body h2{font-size:30px;padding-right:52px}.sf-modal.is-tight .sf-close{right:20px;top:20px}}@media (prefers-reduced-motion:reduce){.sf-modal-wrap,.sf-scrim{animation:none}}