.modal-backdrop{align-items:flex-start;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);background:#00000085;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:5vh 16px;position:fixed;z-index:50}.modal-panel{background:#0d0d0df5;border:1px solid hsla(0,0%,100%,.07);border-radius:20px;max-width:760px;width:100%}.modal-panel__header{display:flex;justify-content:flex-end;padding:16px 16px 0;position:sticky;top:0;z-index:1}.modal-panel__body{padding:0 32px 48px}.modal-close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:var(--text);cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .15s ease;width:32px}.modal-close-btn:hover{background:#ffffff2e}.modal-enter-active{transition:opacity .2s ease}.modal-leave-active{transition:opacity .16s ease}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-active .modal-panel,.modal-leave-active .modal-panel{will-change:transform,opacity}.modal-enter-active .modal-panel{transition:opacity .2s ease,transform .22s cubic-bezier(.34,1.25,.64,1)}.modal-leave-active .modal-panel{transition:opacity .16s ease,transform .16s ease}.modal-enter-from .modal-panel{opacity:0;transform:scale(.94)}.modal-leave-to .modal-panel{opacity:0;transform:scale(.97)}@media(max-width:600px){.modal-backdrop{align-items:flex-end;padding:0}.modal-panel{border-bottom-left-radius:0;border-bottom-right-radius:0;max-width:100%}.modal-panel__body{padding:0 20px 40px}}.modal-cs{display:grid;gap:0}.modal-cs__media-wrap{aspect-ratio:16/9;border-radius:8px;margin-bottom:24px;overflow:hidden;width:100%}.modal-cs__media{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.modal-cs__meta{align-items:baseline;display:flex;gap:10px;margin-bottom:4px}.modal-cs__client{color:var(--text);font-size:18px;font-weight:500;letter-spacing:-.01em}.modal-cs__role,.modal-cs__year{color:var(--text-dim);font-size:13px;letter-spacing:.05em}.modal-cs__role{margin:0 0 20px;text-transform:uppercase}.modal-cs__detail,.modal-cs__summary{color:var(--text);font-size:16px;font-weight:500;letter-spacing:-.01em;line-height:1.5;margin:0 0 14px}.modal-cs__placeholder-note{color:var(--text-dim);font-size:13px;margin:8px 0 0}