.portfolio-canvas[data-tpl] .pf-crew{max-width:56rem;margin:var(--pf-head-gap,2.5rem) auto 0}.portfolio-canvas[data-tpl] .pf-crew-list{margin:0;padding:0;list-style:none}.portfolio-canvas[data-tpl] .pf-crew-row{text-align:center;break-inside:avoid;padding-block:9px}.portfolio-canvas[data-tpl] .pf-crew-role{letter-spacing:.16em;text-transform:uppercase;color:var(--pf-soft);overflow-wrap:anywhere;font-size:.75rem;line-height:1.5;display:block}.portfolio-canvas[data-tpl] .pf-crew-name{font-family:var(--font-display);letter-spacing:.01em;color:var(--pf-fg);overflow-wrap:anywhere;font-size:clamp(1.125rem,1.05rem + .4vw,1.375rem);line-height:1.3;display:block}.portfolio-canvas[data-tpl] .pf-crew-sep,.portfolio-canvas[data-tpl] .pf-crew-row[data-repeat] .pf-crew-role{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.portfolio-canvas[data-tpl] .pf-crew[data-mode=roles] .pf-crew-row{padding-block:10px}.portfolio-canvas[data-tpl] .pf-crew[data-mode=roles] .pf-crew-role{letter-spacing:.18em;color:var(--pf-fg);font-size:.875rem}.portfolio-canvas[data-tpl] .pf-crew[data-mode=names] .pf-crew-row{padding-block:14px}.portfolio-canvas[data-tpl] .pf-crew[data-mode=names] .pf-crew-row[data-repeat]{padding-top:0}.portfolio-canvas[data-tpl] .pf-crew[data-mode=names] .pf-crew-role+.pf-crew-sep+.pf-crew-name{margin-top:2px}.portfolio-canvas[data-tpl] .pf-crew[data-mode=names] .pf-crew-row[data-others]{border-top:1px solid var(--pf-rule);margin-top:10px;padding-top:22px}.portfolio-canvas[data-tpl] .pf-crew-row[data-others] .pf-crew-name{font-family:var(--font-sans);letter-spacing:0;color:var(--pf-soft);overflow-wrap:break-word;font-size:1rem;line-height:1.55}.portfolio-canvas[data-tpl] .pf-crew-note{text-align:center;color:var(--pf-soft);margin:clamp(28px,4vw,44px) 0 0;font-size:.8125rem;line-height:1.5}@media (min-width:48rem){.portfolio-canvas[data-tpl] .pf-crew[data-many] .pf-crew-list{column-count:2;column-gap:clamp(2rem,5vw,4rem)}.portfolio-canvas[data-tpl] .pf-crew[data-mode=names] .pf-crew-row{column-gap:var(--pf-crew-gutter,28px);text-align:left;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:baseline;padding-block:8px;display:grid}.portfolio-canvas[data-tpl] .pf-crew[data-mode=names] .pf-crew-row[data-repeat]{padding-top:0}.portfolio-canvas[data-tpl] .pf-crew[data-mode=names] .pf-crew-role{text-align:right;grid-column:1}.portfolio-canvas[data-tpl] .pf-crew[data-mode=names] .pf-crew-name{text-align:left;grid-column:2}.portfolio-canvas[data-tpl] .pf-crew[data-mode=names] .pf-crew-role+.pf-crew-sep+.pf-crew-name{margin-top:0}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.portfolio-canvas[data-tpl] .pf-crew[data-drift] .pf-crew-list{animation:linear both pf-crew-drift;animation-timeline:view();animation-range:entry 10%}@keyframes pf-crew-drift{0%{transform:translateY(var(--pf-crew-drift,4.5rem))}}}}
.portfolio-canvas[data-tpl] .pf-flow{--pf-flow-line:var(--pf-rule-strong,var(--pf-rule));--pf-flow-cols:3;margin:var(--pf-head-gap,2.25rem) 0 0;padding:0;list-style:none;display:grid}.portfolio-canvas[data-tpl] .pf-flow-step{--pf-flow-node:.45rem;min-width:0;margin-left:4px;padding:0 0 30px 28px;position:relative}.portfolio-canvas[data-tpl] .pf-flow-step:last-child{padding-bottom:0}.portfolio-canvas[data-tpl] .pf-flow-step:before{content:"";z-index:1;top:var(--pf-flow-node);background:var(--pf-fg);width:9px;height:9px;box-shadow:0 0 0 4px var(--pf-bg);border-radius:50%;position:absolute;left:-5px}.portfolio-canvas[data-tpl] .pf-flow-step:not(:last-child):after{content:"";top:calc(var(--pf-flow-node) + 4.5px);bottom:calc(-1 * (var(--pf-flow-node) + 4.5px));background:var(--pf-flow-line);width:1px;position:absolute;left:-1px}.portfolio-canvas[data-tpl] .pf-flow-title{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;overflow-wrap:anywhere;color:var(--pf-fg);margin:0;font-size:clamp(1.125rem,1.05rem + .4vw,1.375rem);font-weight:650;line-height:1.25}.portfolio-canvas[data-tpl] .pf-flow-time{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--pf-flow-line));border-radius:min(var(--pf-radius,6px), 14px);background:color-mix(in srgb, var(--accent) 14%, transparent);font-variant-numeric:tabular-nums;max-width:100%;color:var(--pf-fg);overflow-wrap:anywhere;margin:10px 0 0;padding:3px 12px;font-size:.8125rem;font-weight:600;line-height:1.5;display:inline-block}.portfolio-canvas[data-tpl] .pf-flow-desc{max-width:60ch;color:var(--pf-soft);margin:10px 0 0;font-size:.9375rem;line-height:1.6}.portfolio-canvas[data-tpl] .pf-flow-step>.pf-flow-desc:first-child{margin-top:0}.portfolio-canvas[data-tpl] .pf-flow-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:48rem){.portfolio-canvas[data-tpl] .pf-flow{grid-template-columns:repeat(var(--pf-flow-cols), minmax(0, 1fr));row-gap:44px}.portfolio-canvas[data-tpl] .pf-flow[data-cols="1"]{--pf-flow-cols:1;max-width:40rem}.portfolio-canvas[data-tpl] .pf-flow[data-cols="2"]{--pf-flow-cols:2}.portfolio-canvas[data-tpl] .pf-flow[data-cols="3"],.portfolio-canvas[data-tpl] .pf-flow[data-cols="5"]{--pf-flow-cols:3}.portfolio-canvas[data-tpl] .pf-flow[data-cols="4"]{--pf-flow-cols:2}.portfolio-canvas[data-tpl] .pf-flow-step,.portfolio-canvas[data-tpl] .pf-flow-step:last-child{border-top:1px solid var(--pf-flow-line);margin-left:0;padding:28px clamp(16px,2vw,32px) 0 0}.portfolio-canvas[data-tpl] .pf-flow-step:not(:last-child):after{display:none}.portfolio-canvas[data-tpl] .pf-flow-step:before{top:-5px;left:0}}@media (min-width:64rem){.portfolio-canvas[data-tpl] .pf-flow[data-cols="3"]{--pf-flow-cols:3}.portfolio-canvas[data-tpl] .pf-flow[data-cols="4"]{--pf-flow-cols:4}.portfolio-canvas[data-tpl] .pf-flow[data-cols="5"]{--pf-flow-cols:5}}@media (forced-colors:active){.portfolio-canvas[data-tpl] .pf-flow-step:before{forced-color-adjust:none;background:canvastext;box-shadow:0 0 0 4px canvas}.portfolio-canvas[data-tpl] .pf-flow-step:not(:last-child):after{forced-color-adjust:none;background:canvastext}.portfolio-canvas[data-tpl] .pf-flow-time{border-color:canvastext}}