:where(.portfolio-canvas[data-tpl=reel]){--pf-modal-scrim:#040506c7;--pf-modal-radius:var(--pf-radius);--pf-modal-border:1px solid var(--pf-rule-strong);--pf-modal-shadow:0 32px 80px -32px #000000e6}:where(.portfolio-canvas[data-tpl=timeline]){--pf-modal-scrim:#080808bd;--pf-modal-radius:4px;--pf-modal-border:1px solid var(--tl-line);--pf-modal-shadow:0 32px 80px -32px #000000e6}:where(.portfolio-canvas[data-tpl=feed]){--pf-modal-scrim:#1111116b;--pf-modal-radius:var(--pf-r-screen);--pf-modal-border:0 none;--pf-modal-shadow:0 2px 4px #1111110f, 0 32px 64px -28px #11111180}:where(.portfolio-canvas[data-tpl=credits]){--pf-modal-scrim:#000000d1;--pf-modal-radius:0px;--pf-modal-border:1px solid var(--pf-rule-strong);--pf-modal-shadow:none}.portfolio-canvas[data-tpl] .pf-modal{--pf-modal-accent-base:var(--accent);--pf-modal-accent-ink-base:var(--accent-ink)}.portfolio-canvas[data-tpl] .pf-modal-panel{--accent:var(--pf-modal-accent,var(--pf-modal-accent-base));--accent-ink:var(--pf-modal-accent-ink,var(--pf-modal-accent-ink-base))}.portfolio-canvas[data-tpl] .pf-modal{width:100%;max-width:none;height:100%;max-height:none;color:var(--pf-modal-ink,var(--pf-fg));background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.portfolio-canvas[data-tpl] .pf-modal::backdrop{background:0 0}.portfolio-canvas[data-tpl] .pf-modal-scroll{overscroll-behavior:contain;background:var(--pf-modal-scrim,var(--pf-scrim,#0009));scrollbar-color:var(--pf-rule-strong) transparent;scrollbar-width:thin;height:100%;scroll-padding-top:72px;overflow:hidden auto}.portfolio-canvas[data-tpl] .pf-modal-frame{justify-content:center;align-items:stretch;min-height:100%;display:flex}.portfolio-canvas[data-tpl] .pf-modal-panel{--pf-modal-pad-x:16px;--pf-modal-pad-y:0px;width:100%;min-height:100%;padding:0 var(--pf-modal-pad-x) calc(24px + env(safe-area-inset-bottom,0px));background:var(--pf-modal-bg,var(--pf-sheet,var(--pf-bg)));color:var(--pf-modal-ink,var(--pf-fg))}.portfolio-canvas[data-tpl] .pf-modal-panel:focus,.portfolio-canvas[data-tpl] .pf-modal-panel:focus-visible{outline:none}.portfolio-canvas[data-tpl] .pf-modal-head{z-index:1;margin-inline:calc(-1 * var(--pf-modal-pad-x));padding:max(10px, env(safe-area-inset-top,0px)) var(--pf-modal-pad-x) 10px;background:var(--pf-modal-bg,var(--pf-sheet,var(--pf-bg)));border-bottom:1px solid var(--pf-rule);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.portfolio-canvas[data-tpl] .pf-modal .pf-modal-title{text-wrap:balance;margin:0;font-size:clamp(1.375rem,2.2vw,1.75rem);line-height:1.1}:where(.portfolio-canvas[data-tpl]) .pf-modal-title mark{color:inherit;background:0 0}.portfolio-canvas[data-tpl] .pf-modal-close{width:44px;height:44px;color:var(--pf-modal-ink,var(--pf-fg));border-radius:var(--pf-radius);cursor:pointer;transition:background-color .2s var(--pf-ease);background:0 0;border:0;flex:none;place-items:center;margin-right:-10px;padding:0;display:grid}@media (hover:hover){.portfolio-canvas[data-tpl] .pf-modal-close:hover{background:var(--pf-umd)}}.portfolio-canvas[data-tpl] .pf-modal-context{color:var(--pf-soft);margin:12px 0 0;font-size:.9375rem;line-height:1.45}.portfolio-canvas[data-tpl] .pf-modal-context strong{color:var(--pf-fg);overflow-wrap:anywhere;font-weight:600}.portfolio-canvas[data-tpl] .pf-modal-body{margin-top:16px}.portfolio-canvas[data-tpl] .pf-modal .pf-form{gap:12px}.portfolio-canvas[data-tpl] .pf-modal .pf-textarea{min-height:6rem}@media (min-width:640px){.portfolio-canvas[data-tpl] .pf-modal-frame{align-items:center;padding:32px 24px}.portfolio-canvas[data-tpl] .pf-modal-panel{--pf-modal-pad-x:32px;--pf-modal-pad-y:28px;max-width:36rem;min-height:0;padding:var(--pf-modal-pad-y) var(--pf-modal-pad-x) 32px;border:var(--pf-modal-border,1px solid var(--pf-rule-strong,var(--pf-rule)));border-radius:var(--pf-modal-radius,var(--pf-radius));box-shadow:var(--pf-modal-shadow,0 32px 80px -32px #0009)}.portfolio-canvas[data-tpl] .pf-modal-head{background:0 0;border:0;align-items:flex-start;margin:0;padding:0;position:static}.portfolio-canvas[data-tpl] .pf-modal-close{margin:-8px -14px 0 0}}.portfolio-canvas[data-tpl=timeline] .pf-modal-head{padding:env(safe-area-inset-top,0px) 4px 0 0;background:var(--tl-tab);border-bottom:1px solid var(--tl-line);align-items:stretch;gap:0;min-height:44px}.portfolio-canvas[data-tpl=timeline] .pf-modal .pf-modal-title{background:var(--tl-tab-on);box-shadow:inset 0 -2px 0 var(--tl-hi);font-family:var(--font-sans);letter-spacing:.01em;color:var(--pf-fg);padding:14px;font-size:.8125rem;font-weight:600;line-height:1.2;display:block}.portfolio-canvas[data-tpl=timeline] .pf-modal-close{border-radius:2px;align-self:center;margin:0}.portfolio-canvas[data-tpl=timeline] .pf-modal-body{margin-top:20px}.portfolio-canvas[data-tpl=timeline] .pf-modal-context{margin-top:16px}@media (min-width:640px){.portfolio-canvas[data-tpl=timeline] .pf-modal-head{margin:calc(-1 * var(--pf-modal-pad-y)) calc(-1 * var(--pf-modal-pad-x)) 0;background:var(--tl-tab);border-bottom:1px solid var(--tl-line);border-radius:3px 3px 0 0;padding:0 4px 0 0}.portfolio-canvas[data-tpl=timeline] .pf-modal-close{margin:0}}.portfolio-canvas[data-tpl=feed] .pf-modal-close{border-radius:999px}@media (hover:hover){.portfolio-canvas[data-tpl=feed] .pf-modal-close:hover{background:var(--pf-rule)}}.portfolio-canvas[data-tpl=credits] .pf-modal-head{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:0;display:grid}.portfolio-canvas[data-tpl=credits] .pf-modal .pf-modal-title{text-align:center;grid-area:1/2}.portfolio-canvas[data-tpl=credits] .pf-modal-close{grid-area:1/3;margin:0}@media (prefers-reduced-motion:no-preference){.portfolio-canvas[data-tpl] .pf-modal[data-state=open] .pf-modal-scroll{animation:pf-modal-fade .2s var(--pf-ease)}.portfolio-canvas[data-tpl] .pf-modal[data-state=open] .pf-modal-panel{animation:pf-modal-sheet .34s var(--pf-ease)}@media (min-width:640px){.portfolio-canvas[data-tpl] .pf-modal[data-state=open] .pf-modal-panel{animation:pf-modal-rise .32s var(--pf-ease)}}.portfolio-canvas[data-tpl] .pf-modal[data-state=closing] .pf-modal-scroll{opacity:0;transition:opacity .16s var(--pf-ease)}.portfolio-canvas[data-tpl] .pf-modal[data-state=closing] .pf-modal-panel{transition:transform .16s var(--pf-ease);transform:translateY(12px)}}@keyframes pf-modal-fade{0%{opacity:0}}@keyframes pf-modal-sheet{0%{transform:translateY(40px)}}@keyframes pf-modal-rise{0%{opacity:0;transform:translateY(16px)scale(.985)}}