:where(.portfolio-canvas[data-tpl]) .pf-wc{--wc-gap:clamp(14px, 1.8vw, 24px);--wc-solo:100%;gap:clamp(14px,1.6vw,20px)}.portfolio-canvas[data-tpl] .pf-wc{--wc-bleed:var(--pf-gx,clamp(16px, 3.2vw, 44px));--wc-n:1;--wc-peek:0%;--wc-port-max:17rem;width:100%;min-width:0;display:grid}.portfolio-canvas[data-tpl] .pf-wc-track{align-items:flex-start;gap:var(--wc-gap);margin:-8px calc(-1 * var(--wc-bleed));padding:8px var(--wc-bleed);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--wc-bleed);scrollbar-width:none;-webkit-overflow-scrolling:touch;display:flex;position:relative;overflow:auto hidden}.portfolio-canvas[data-tpl] .pf-wc-track::-webkit-scrollbar{display:none}.portfolio-canvas[data-tpl] .pf-wc-slide{flex:0 0 calc((100% - (var(--wc-n) - 1) * var(--wc-gap)) / var(--wc-n) - var(--wc-peek));scroll-snap-align:start;min-width:0}.portfolio-canvas[data-tpl] .pf-wc[data-shape=portrait] .pf-wc-slide{max-width:var(--wc-port-max)}@media (max-width:639.98px){.portfolio-canvas[data-tpl] .pf-wc:not([data-count="1"]){--wc-peek:14%}.portfolio-canvas[data-tpl] .pf-wc[data-shape=portrait][data-count="1"] .pf-wc-track{justify-content:center}}@media (min-width:640px){.portfolio-canvas[data-tpl] .pf-wc{--wc-bleed:8px;--wc-n:min(2, var(--wc-count,2))}.portfolio-canvas[data-tpl] .pf-wc[data-shape=portrait]{--wc-n:min(3, var(--wc-count,3));--wc-port-max:19rem;max-width:calc(var(--wc-n) * var(--wc-port-max) + (var(--wc-n) - 1) * var(--wc-gap));margin-inline:auto}.portfolio-canvas[data-tpl] .pf-wc[data-shape=landscape][data-count="1"]{max-width:var(--wc-solo);margin-inline:auto}}@media (min-width:1024px){.portfolio-canvas[data-tpl] .pf-wc{--wc-n:min(3, var(--wc-count,3))}}.portfolio-canvas[data-tpl] .pf-wc-bar{justify-content:center;align-items:center;gap:12px;display:flex;position:relative}.portfolio-canvas[data-tpl] .pf-wc[data-overflow=no] .pf-wc-bar,.portfolio-canvas[data-tpl] .pf-wc:not([data-overflow])[data-count="1"] .pf-wc-bar{display:none}@media (min-width:640px){.portfolio-canvas[data-tpl] .pf-wc:not([data-overflow])[data-count="2"] .pf-wc-bar,.portfolio-canvas[data-tpl] .pf-wc:not([data-overflow])[data-shape=portrait][data-count="3"] .pf-wc-bar{display:none}}@media (min-width:1024px){.portfolio-canvas[data-tpl] .pf-wc:not([data-overflow])[data-count="3"] .pf-wc-bar{display:none}}.portfolio-canvas[data-tpl] .pf-wc [data-wc-pre]{display:none}.portfolio-canvas[data-tpl] .pf-wc [data-wc-pre="1"]{display:inline}@media (min-width:640px){.portfolio-canvas[data-tpl] .pf-wc [data-wc-pre="1"]{display:none}.portfolio-canvas[data-tpl] .pf-wc[data-shape=landscape] [data-wc-pre="2"],.portfolio-canvas[data-tpl] .pf-wc[data-shape=portrait] [data-wc-pre="3"]{display:inline}}@media (min-width:1024px){.portfolio-canvas[data-tpl] .pf-wc[data-shape=landscape] [data-wc-pre="2"]{display:none}.portfolio-canvas[data-tpl] .pf-wc[data-shape=landscape] [data-wc-pre="3"]{display:inline}}:where(.portfolio-canvas[data-tpl]) .pf-wc-btn{border:1px solid var(--pf-rule-strong);width:44px;height:44px;color:var(--pf-fg);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}:where(.portfolio-canvas[data-tpl]) .pf-wc-btn:hover:not([aria-disabled=true]){border-color:var(--pf-fg);background:var(--pf-fg);color:var(--pf-bg)}:where(.portfolio-canvas[data-tpl]) .pf-wc-btn[aria-disabled=true]{opacity:.35;cursor:default}:where(.portfolio-canvas[data-tpl]) .pf-wc-count{min-width:8ch;font-family:var(--pf-mono);letter-spacing:.06em;text-align:center;color:var(--pf-soft);font-variant-numeric:tabular-nums;margin:0;font-size:.75rem;line-height:1.4}@media (prefers-reduced-motion:no-preference){.portfolio-canvas[data-tpl] .pf-wc-track{scroll-behavior:smooth}:where(.portfolio-canvas[data-tpl]) .pf-wc-btn{transition:background-color var(--pf-d-fast,.18s) var(--pf-ease), border-color var(--pf-d-fast,.18s) var(--pf-ease), color var(--pf-d-fast,.18s) var(--pf-ease), opacity var(--pf-d-fast,.18s) var(--pf-ease)}}