.portfolio-canvas[data-tpl=social]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--so-ink:#0f0f10;--so-panel:#f1eee8;--so-control:#85868b;--so-stroke:2px solid var(--so-ink);--so-r-tile:16px;--so-r-screen:26px;--so-r-face:28px;--pf-bg:#fbfaf7;--pf-fg:var(--so-ink);--pf-soft:#55565b;--pf-faint:#66676d;--pf-rule:#0f0f101f;--pf-rule-strong:#0f0f104d;--pf-panel:var(--so-panel);--pf-umd:var(--so-panel);--pf-card:var(--so-panel);--pf-sheet:#fff;--pf-radius:20px;--pf-portrait-r:24px;--pf-mark:var(--accent);--pf-housing-shadow:none;--pf-sheet-shadow:none;--pf-err-fg:#b3261e;--pf-err-bg:#fdeceb;--pf-err-line:#f2b8b5;--pf-sec-y:clamp(3.5rem, 7vw, 5.5rem);--so-hi:color-mix(in srgb, var(--accent) 50%, #0f0f10);--pf-head-rule:var(--so-hi);--pf-tile-bg:var(--so-panel);--pf-tile-line:transparent;--pf-tile-line-hi:var(--pf-rule-strong);--pf-tile-r:var(--pf-radius);--pf-tile-gap:12px;--pf-tile-hi:var(--so-ink);--pf-tile-num-weight:800;--pf-offer-line:var(--so-ink);--pf-modal-bg:#fff;--pf-modal-ink:var(--so-ink);--pf-modal-radius:24px;--pf-modal-scrim:#0f0f1075;--pf-modal-border:var(--so-stroke);--pf-modal-shadow:0 2px 4px #0f0f100f, 0 32px 64px -28px #0f0f1080;--so-disc:#fff;--so-field:#fff;--so-scroll:#0f0f1066}@supports (color:oklch(from red l c h)){.portfolio-canvas[data-tpl=social]{--so-hi:oklch(from var(--accent) min(l, .48) c h)}}.portfolio-canvas[data-tpl=social][data-scheme=dark]{--so-hi:color-mix(in srgb, var(--accent) 50%, #fff)}@supports (color:oklch(from red l c h)){.portfolio-canvas[data-tpl=social][data-scheme=dark]{--so-hi:oklch(from var(--accent) max(l, .78) c h)}}.portfolio-canvas[data-tpl=social]{caret-color:var(--so-hi);scrollbar-color:var(--so-scroll) transparent}.portfolio-canvas[data-tpl=social] ::selection{background:var(--accent);color:var(--pf-on-accent)}.portfolio-canvas[data-tpl=social] :focus-visible{outline:2px solid var(--so-ink);outline-offset:3px}.portfolio-canvas[data-tpl=social] :is(.pf-h2,.pf-modal-title) mark{color:inherit;background-color:#0000;background-image:linear-gradient(var(--pf-mark), var(--pf-mark));background-position:0 92%;background-repeat:no-repeat;background-size:100% .2em}.portfolio-canvas[data-tpl=social] .pf-btn{border:var(--so-stroke);border-radius:999px;min-height:50px;padding-inline:26px;font-weight:700}.portfolio-canvas[data-tpl=social] .pf-btn-primary{background:var(--accent);color:var(--pf-on-accent)}.portfolio-canvas[data-tpl=social] .pf-btn-secondary{color:var(--so-ink);background:0 0}@media (hover:hover){.portfolio-canvas[data-tpl=social] .pf-btn-primary:not(:disabled):hover{background:var(--so-ink);color:var(--pf-bg)}.portfolio-canvas[data-tpl=social] .pf-btn-secondary:not(:disabled):hover{background:var(--so-panel)}}.portfolio-canvas[data-tpl=social] .pf-btn-primary:disabled:not([data-status=sending]){background:var(--so-panel);border-color:var(--pf-rule-strong);color:var(--pf-faint)}.portfolio-canvas[data-tpl=social] .so-hero{--so-pad-y:clamp(1.625rem, 6.4vw, 3rem);--so-vh:calc(100svh - var(--so-nav,0px) - 2 * var(--so-pad-y));padding-block:var(--so-pad-y) clamp(2.5rem, 6vw, 4.5rem)}.portfolio-canvas[data-tpl=social] .so-hero[data-motion=rest]{--so-vh:40rem}.portfolio-canvas[data-tpl=social] .so-hero-wrap{container-type:inline-size}.portfolio-canvas[data-tpl=social] .so-hero-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"face""id""stage";align-items:start;display:grid}.portfolio-canvas[data-tpl=social] .so-id{grid-area:id;align-content:center;justify-items:start;min-width:0;display:grid}.portfolio-canvas[data-tpl=social] .so-name{font-size:calc(clamp(2.25rem, .9rem + 6.6vw, 3.25rem) * var(--font-display-scale,1));font-stretch:var(--font-display-stretch,100%);letter-spacing:-.038em;overflow-wrap:break-word;text-wrap:balance;margin:0;font-weight:800;line-height:.95}.portfolio-canvas[data-tpl=social] .so-name[data-long-name]{font-size:calc(clamp(1.875rem, .8rem + 4.8vw, 2.5rem) * var(--font-display-scale,1));line-height:1}.portfolio-canvas[data-tpl=social] .so-roles{color:var(--pf-soft);margin:.875rem 0 0;font-size:clamp(.9375rem,.88rem + .25vw,1.0625rem);font-weight:600;line-height:1.4}.portfolio-canvas[data-tpl=social] .so-pitch{max-width:22ch;font-family:var(--font-display);letter-spacing:-.022em;text-wrap:balance;margin:clamp(1.125rem,2.4vw,1.75rem) 0 0;font-size:clamp(1.3125rem,1.05rem + 1vw,2rem);font-weight:650;line-height:1.16}.portfolio-canvas[data-tpl=social] .so-actions{margin-top:clamp(1.375rem,2.8vw,2.25rem)}.portfolio-canvas[data-tpl=social] .so-actions:empty{display:none}.portfolio-canvas[data-tpl=social] .so-logo{margin-bottom:clamp(1rem,2.4vw,1.75rem)}.portfolio-canvas[data-tpl=social] .so-logo .pf-logo{max-width:11rem;height:clamp(2.5rem,2rem + 1.6vw,3.5rem)}.portfolio-canvas[data-tpl=social] .so-face{isolation:isolate;grid-area:face;min-width:0;position:relative}.portfolio-canvas[data-tpl=social] .so-face .so-portrait{--pt-w:100%;width:100%}.portfolio-canvas[data-tpl=social] .so-face .pf-profile{border-radius:var(--so-r-face);background:var(--so-panel);box-shadow:0 0 0 2px var(--so-ink);overflow:hidden}.portfolio-canvas[data-tpl=social] .so-face .pf-profile :is(img,video){object-fit:cover;width:100%;height:100%}.portfolio-canvas[data-tpl=social] .so-sticker{z-index:-1;border-radius:calc(var(--so-r-face) + 8px);background:var(--accent);box-shadow:inset 0 0 0 2px var(--so-ink);position:absolute;inset:-8px;transform:rotate(-2.5deg)}.portfolio-canvas[data-tpl=social] .so-stage{grid-area:stage;min-width:0;margin:0}.portfolio-canvas[data-tpl=social] .so-device{isolation:isolate;max-width:100%;position:relative}.portfolio-canvas[data-tpl=social] .so-device .so-sticker{border-radius:calc(var(--so-r-screen) + 8px);transform:rotate(3.5deg)}.portfolio-canvas[data-tpl=social] .so-screen{border:var(--so-stroke);border-radius:var(--so-r-screen);background:#141414;width:100%}.portfolio-canvas[data-tpl=social] .so-screen[data-shape=portrait]{aspect-ratio:9/16}.portfolio-canvas[data-tpl=social] .so-screen[data-shape=landscape]{aspect-ratio:16/9}.portfolio-canvas[data-tpl=social] .so-backdrop{object-fit:cover;filter:blur(28px)saturate(1.25)brightness(.85);width:calc(100% + 48px);height:calc(100% + 48px);display:none;position:absolute;inset:-24px;transform:scale(1.15)}.portfolio-canvas[data-tpl=social] .so-screen .pf-screen-play{border:var(--so-stroke);background:var(--so-disc);width:48px;height:48px;color:var(--so-ink);border-radius:999px;bottom:14px;right:14px}.portfolio-canvas[data-tpl=social] .so-screen .pf-screen-click:hover .pf-screen-play{background:var(--accent);color:var(--pf-on-accent)}.portfolio-canvas[data-tpl=social] .so-cap{gap:3px;max-width:26rem;margin-top:.875rem;line-height:1.3;display:grid}.portfolio-canvas[data-tpl=social] .so-cap-title{font-size:.9375rem;font-weight:700}.portfolio-canvas[data-tpl=social] .so-cap-pin{vertical-align:-.125em;width:1em;height:1em;color:var(--so-hi);margin-right:.375em;display:inline-block}.portfolio-canvas[data-tpl=social] .so-cap-meta{color:var(--pf-soft);font-size:.8125rem}.portfolio-canvas[data-tpl=social] .so-world:has(>.pf-nav-top){--so-nav:53px}@media (max-width:767px){.portfolio-canvas[data-tpl=social] .so-face{margin:0 10px 1.75rem}.portfolio-canvas[data-tpl=social] .so-sticker{inset:-6px}.portfolio-canvas[data-tpl=social] .so-face .so-sticker{border-radius:calc(var(--so-r-face) + 4px);inset:-4px;transform:rotate(-1.5deg)}.portfolio-canvas[data-tpl=social] .so-face .pf-profile{max-height:calc(var(--so-vh) * .56)}.portfolio-canvas[data-tpl=social] .so-stage{margin-top:2.75rem}.portfolio-canvas[data-tpl=social] .so-hero:not([data-face=none]) .so-stage[data-shape=portrait]{width:min(80%, var(--so-vh) * .68 * 9 / 16);margin-inline:auto}.portfolio-canvas[data-tpl=social] .so-hero:not([data-face=none]) .so-device{width:100%}}@media (min-width:768px) and (max-width:1099px){.portfolio-canvas[data-tpl=social] .so-hero:not([data-face=none]) .so-hero-grid{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"face id""stage stage";align-items:center;column-gap:clamp(2rem,5cqw,3.5rem)}.portfolio-canvas[data-tpl=social] .so-face{width:min(44cqw, 26rem, var(--so-vh) * .8)}.portfolio-canvas[data-tpl=social] .so-name{font-size:calc(clamp(2.5rem, 7.2cqw, 4rem) * var(--font-display-scale,1))}.portfolio-canvas[data-tpl=social] .so-name[data-long-name]{font-size:calc(clamp(2rem, 5.2cqw, 3rem) * var(--font-display-scale,1))}.portfolio-canvas[data-tpl=social] .so-hero:not([data-face=none]) .so-stage{text-align:center;justify-items:center;margin-top:clamp(3rem,7cqw,4.5rem);display:grid}.portfolio-canvas[data-tpl=social] .so-hero:not([data-face=none]) .so-stage-media{justify-items:center;width:100%;display:grid}.portfolio-canvas[data-tpl=social] .so-hero:not([data-face=none]) .so-device{width:min(100%,21rem)}.portfolio-canvas[data-tpl=social] .so-hero:not([data-face=none]) .so-stage[data-shape=landscape] .so-device{width:min(100%,44rem)}}@media (max-width:1099px){.portfolio-canvas[data-tpl=social] .so-hero[data-face=none]:not([data-stage=none]) .so-hero-grid{min-height:calc(100svh - var(--so-nav,0px) - var(--so-pad-y) - 1rem);grid-template-rows:auto minmax(clamp(300px,45svh,400px),1fr);grid-template-areas:"id""stage";align-items:stretch;row-gap:clamp(1.75rem,4vw,2.5rem)}.portfolio-canvas[data-tpl=social] .so-hero[data-face=none] .so-stage{grid-template-rows:minmax(0,1fr) auto;display:grid}.portfolio-canvas[data-tpl=social] .so-hero[data-face=none] .so-stage-media{container-type:size}.portfolio-canvas[data-tpl=social] .so-hero[data-face=none] .so-device{width:min(100cqw - 20px,56.25cqh,26rem);margin-left:10px}.portfolio-canvas[data-tpl=social] .so-hero[data-face=none] .so-screen[data-shape]{aspect-ratio:9/16}.portfolio-canvas[data-tpl=social] .so-hero[data-face=none] .so-stage[data-shape=landscape] .so-device{width:min(100cqw - 20px,80cqh,26rem);height:min(100cqh,1.77778*min(100cqw - 20px,80cqh,26rem))}.portfolio-canvas[data-tpl=social] .so-hero[data-face=none] .so-stage[data-shape=landscape] .so-screen[data-shape]{aspect-ratio:auto;height:100%}.portfolio-canvas[data-tpl=social] .so-screen[data-shape=landscape]:has(>.so-backdrop) .pf-screen-cover{object-fit:contain}.portfolio-canvas[data-tpl=social] .so-hero[data-face=none] .so-backdrop{display:block}.portfolio-canvas[data-tpl=social] .so-hero[data-face=none] .so-cap{margin-left:10px}}@media (min-width:600px) and (max-width:1099px){.portfolio-canvas[data-tpl=social] .so-hero[data-face=none] .so-id{text-align:center;justify-items:center}.portfolio-canvas[data-tpl=social] .so-hero[data-face=none] .pf-ctas{justify-content:center}.portfolio-canvas[data-tpl=social] .so-hero[data-face=none] :is(.so-device,.so-cap){margin-inline:auto}.portfolio-canvas[data-tpl=social] .so-hero[data-face=none] .so-cap{text-align:center;justify-items:center}}@media (min-width:1100px){.portfolio-canvas[data-tpl=social] .so-hero{--so-pad-y:clamp(2rem, 6vh, 4rem);padding-block:var(--so-pad-y)}.portfolio-canvas[data-tpl=social] .so-hero-grid{--so-gap:clamp(2.5rem, 4.6cqw, 4.5rem);--so-text:clamp(20rem, 34cqw, 29rem);align-items:center}.portfolio-canvas[data-tpl=social] .so-id{margin-right:var(--so-gap)}.portfolio-canvas[data-tpl=social] .so-hero:not([data-face=none]){min-height:min(100svh - var(--so-nav,0px), 64rem);align-items:center;display:grid}.portfolio-canvas[data-tpl=social] .so-name{font-size:calc(clamp(3rem, 5.6cqw, 5.75rem) * var(--font-display-scale,1))}.portfolio-canvas[data-tpl=social] .so-name[data-long-name]{font-size:calc(clamp(2.375rem, 3.9cqw, 4rem) * var(--font-display-scale,1))}.portfolio-canvas[data-tpl=social] .so-sticker{border-radius:calc(var(--so-r-face) + 12px);inset:-12px;transform:rotate(-3deg)}.portfolio-canvas[data-tpl=social] .so-device .so-sticker{border-radius:calc(var(--so-r-screen) + 14px);inset:-14px;transform:rotate(4deg)}.portfolio-canvas[data-tpl=social] .so-hero:not([data-face=none])[data-stage=portrait] .so-hero-grid{--so-cap-h:3.375rem;--so-h:min(var(--so-vh), 46rem, (100cqw - var(--so-text) - var(--so-gap) - 2rem + var(--so-cap-h) * .5625) / 1.3625);grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"id face stage"}.portfolio-canvas[data-tpl=social] .so-hero:not([data-face=none])[data-stage=portrait] .so-face{width:calc(var(--so-h) * .8)}.portfolio-canvas[data-tpl=social] .so-hero:not([data-face=none])[data-stage=portrait] .so-stage{width:calc((var(--so-h) - var(--so-cap-h)) * 9 / 16);grid-template-rows:minmax(0,1fr) auto;align-self:stretch;margin-left:2rem;display:grid}.portfolio-canvas[data-tpl=social] .so-hero:not([data-face=none])[data-stage=portrait] .so-stage-media{container-type:size}.portfolio-canvas[data-tpl=social] .so-hero:not([data-face=none])[data-stage=portrait] .so-device{width:min(100cqw,56.25cqh)}.portfolio-canvas[data-tpl=social] .so-hero:not([data-face=none])[data-stage=portrait] .so-cap{max-width:none}.portfolio-canvas[data-tpl=social] .so-hero:not([data-face=none])[data-stage=landscape] .so-hero-grid{--so-h:min(var(--so-vh), 44rem, (100cqw - 30rem - var(--so-gap)) / .8);min-height:var(--so-h);grid-template:"id face""stage face"minmax(11rem,1fr)/minmax(0,1fr) auto;align-items:stretch}.portfolio-canvas[data-tpl=social] .so-hero:not([data-face=none])[data-stage=landscape] .so-id{align-content:start}.portfolio-canvas[data-tpl=social] .so-hero:not([data-face=none])[data-stage=landscape] .so-face{width:calc(var(--so-h) * .8);align-self:center}.portfolio-canvas[data-tpl=social] .so-hero:not([data-face=none])[data-stage=landscape] .so-stage{margin-right:var(--so-gap);grid-template-rows:minmax(0,1fr) auto;padding-top:clamp(1.75rem,3vh,2.5rem);display:grid}.portfolio-canvas[data-tpl=social] .so-hero:not([data-face=none])[data-stage=landscape] .so-stage-media{align-items:flex-end;display:flex;container-type:size}.portfolio-canvas[data-tpl=social] .so-hero:not([data-face=none])[data-stage=landscape] .so-device{width:min(100cqw,177.778cqh)}.portfolio-canvas[data-tpl=social] .so-hero:not([data-face=none])[data-stage=none] .so-hero-grid{--so-h:min(var(--so-vh), 46rem, (100cqw - 30rem - var(--so-gap)) / .8);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"id face"}.portfolio-canvas[data-tpl=social] .so-hero:not([data-face=none])[data-stage=none] .so-face{width:calc(var(--so-h) * .8)}.portfolio-canvas[data-tpl=social] .so-hero[data-face=none]:not([data-stage=none]){min-height:min(100svh - var(--so-nav,0px), 62rem);align-items:center;display:grid}.portfolio-canvas[data-tpl=social] .so-hero[data-face=none]:not([data-stage=none]) .so-hero-grid{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"id stage"}.portfolio-canvas[data-tpl=social] .so-hero[data-face=none][data-stage=landscape] .so-hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.portfolio-canvas[data-tpl=social] .so-hero[data-face=none] .so-stage[data-shape=portrait] .so-device{width:calc(min(var(--so-vh) - 3.5rem, 46rem) * 9 / 16)}.portfolio-canvas[data-tpl=social] .so-hero[data-face=none] .so-stage[data-shape=landscape] .so-device .so-sticker{transform:rotate(2deg)}.portfolio-canvas[data-tpl=social] .so-hero[data-face=none] .so-pitch{max-width:24ch}}.portfolio-canvas[data-tpl=social] .so-hero[data-face=none][data-stage=none]{min-height:calc(100svh - var(--so-nav,0px));align-items:center;display:grid}.portfolio-canvas[data-tpl=social] .so-hero[data-face=none][data-stage=none] .so-name{font-size:calc(clamp(2.75rem, 1rem + 6vw, 6rem) * var(--font-display-scale,1))}@media (max-width:599px){.portfolio-canvas[data-tpl=social] .so-actions[data-twin] .pf-btn-secondary{display:none}}.portfolio-canvas[data-tpl=social] .so-hero[data-motion=rest],.portfolio-canvas[data-tpl=social] .so-hero[data-motion=rest] .so-hero-grid{min-height:0}.portfolio-canvas[data-tpl=social] .so-works{border-top:1px solid var(--pf-rule);padding-top:clamp(3.5rem,7vw,6rem)}.portfolio-canvas[data-tpl=social] .so-works .pf-h2,.portfolio-canvas[data-tpl=social] .pf-sec .pf-h2{letter-spacing:-.034em;font-size:clamp(2.125rem,1.4rem + 2.6vw,3.5rem);font-weight:800;line-height:1.02}.portfolio-canvas[data-tpl=social] .so-works-head{text-align:center;justify-content:center;justify-items:center;gap:clamp(.75rem,1.4vw,1rem);margin:0 0 clamp(1.5rem,3vw,2.25rem);display:grid}.portfolio-canvas[data-tpl=social] .so-works-head .pf-h2{margin:0}.portfolio-canvas[data-tpl=social] .so-works .pf-works-count{font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--pf-soft);margin:0;font-size:.8125rem;font-weight:700}.portfolio-canvas[data-tpl=social] .so-works .container-pp:has(>.pf-filters){display:block}.portfolio-canvas[data-tpl=social] .so-works .container-pp:has(>.pf-filters)>.pf-filters{justify-content:center;gap:8px;margin:0 0 clamp(2rem,4vw,3rem)}.portfolio-canvas[data-tpl=social] .pf-chip{border:1.5px solid var(--so-control);min-height:40px;color:var(--so-ink);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:0 0;border-radius:999px;padding:0 16px;font-size:.75rem;font-weight:700}.portfolio-canvas[data-tpl=social] .pf-chip:hover{border-color:var(--so-ink);color:var(--so-ink)}.portfolio-canvas[data-tpl=social] .pf-chip[aria-pressed=true]{background:var(--accent)!important;border-color:var(--so-ink)!important;color:var(--pf-on-accent)!important}@media (max-width:767px){.portfolio-canvas[data-tpl=social] .so-works .container-pp:has(>.pf-filters)>.pf-filters{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin-inline:calc(-1*clamp(16px,3.2vw,44px));padding:2px clamp(16px,3.2vw,44px) 4px;overflow-x:auto}.portfolio-canvas[data-tpl=social] .so-works .pf-filters::-webkit-scrollbar{display:none}}.portfolio-canvas[data-tpl=social] .so-grid{--so-cols:2;--so-gx:10px;--so-gy:26px;--so-tile:17rem;justify-content:center;gap:var(--so-gy) var(--so-gx);max-width:calc(var(--so-cols) * var(--so-tile) + (var(--so-cols) - 1) * var(--so-gx));flex-wrap:wrap;margin:0 auto;padding:0;list-style:none;display:flex}.portfolio-canvas[data-tpl=social] .so-grid[data-count="1"]{--so-cols:1}.portfolio-canvas[data-tpl=social] .so-grid[data-shape=landscape]{--so-cols:1;--so-tile:100%}@media (min-width:768px){.portfolio-canvas[data-tpl=social] .so-grid{--so-gx:16px;--so-gy:36px;--so-tile:19.5rem}.portfolio-canvas[data-tpl=social] .so-grid[data-shape=landscape]{--so-tile:40rem}.portfolio-canvas[data-tpl=social] .so-grid[data-mid="1"]{--so-cols:1}.portfolio-canvas[data-tpl=social] .so-grid[data-mid="2"]{--so-cols:2}.portfolio-canvas[data-tpl=social] .so-grid[data-mid="3"]{--so-cols:3}}@media (min-width:1100px){.portfolio-canvas[data-tpl=social] .so-grid{--so-gx:20px;--so-gy:44px}.portfolio-canvas[data-tpl=social] .so-grid[data-wide="1"]{--so-cols:1}.portfolio-canvas[data-tpl=social] .so-grid[data-wide="2"]{--so-cols:2}.portfolio-canvas[data-tpl=social] .so-grid[data-wide="3"]{--so-cols:3}.portfolio-canvas[data-tpl=social] .so-grid[data-wide="4"]{--so-cols:4}}.portfolio-canvas[data-tpl=social] .so-grid[data-shape=landscape]{max-width:min(100%, calc(var(--so-cols) * var(--so-tile) + (var(--so-cols) - 1) * var(--so-gx)))}.portfolio-canvas[data-tpl=social] .so-cell{flex:0 0 calc((100% - (var(--so-cols) - 1) * var(--so-gx)) / var(--so-cols));min-width:0}.portfolio-canvas[data-tpl=social] .so-cell[hidden]{display:none}.portfolio-canvas[data-tpl=social] .so-cell .pf-wall{display:block}.portfolio-canvas[data-tpl=social] .so-grid[data-shape=photo] .pf-frame{aspect-ratio:4/5}.portfolio-canvas[data-tpl=social] .so-wall .pf-frame{border-radius:var(--so-r-tile);background:#141414;border:0}.portfolio-canvas[data-tpl=social] .so-wall .pf-frame .pf-frame{border-radius:0}@media (hover:hover){.portfolio-canvas[data-tpl=social] .so-wall .pf-fig:not(.pf-fig .pf-fig):hover>.pf-frame{box-shadow:0 0 0 2px var(--pf-bg), 0 0 0 4px var(--so-ink)}.portfolio-canvas[data-tpl=social] .so-wall .pf-fig:not(.pf-fig .pf-fig):hover .pf-cap-title{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--so-hi);text-decoration-color:var(--so-hi)}}.portfolio-canvas[data-tpl=social] .so-wall .pf-frame:focus-visible{box-shadow:0 0 0 2px var(--pf-bg), 0 0 0 4px var(--so-ink);outline:0}.portfolio-canvas[data-tpl=social] .so-wall .pf-play{width:40px;height:40px;color:var(--so-ink);box-shadow:0 0 0 1.5px var(--so-ink);-webkit-backdrop-filter:none;backdrop-filter:none;position:absolute;bottom:12px;right:12px;background:var(--so-disc)!important}.portfolio-canvas[data-tpl=social] .so-wall .pf-play svg{width:16px;height:16px}@media (max-width:767px){.portfolio-canvas[data-tpl=social] .so-wall .pf-play{width:34px;height:34px;bottom:8px;right:8px}}.portfolio-canvas[data-tpl=social] .so-wall .pf-cap{color:var(--so-ink);flex-direction:column;align-items:flex-start;gap:4px;margin-top:12px;padding:0 2px;font-size:clamp(.9375rem,.9rem + .15vw,1.0625rem);line-height:1.28}.portfolio-canvas[data-tpl=social] .so-wall .pf-cap-title{white-space:normal;letter-spacing:-.01em;max-width:100%;font-weight:700}.portfolio-canvas[data-tpl=social] .so-wall .pf-cap-meta{max-width:100%;font-family:var(--font-sans);color:var(--pf-soft);white-space:normal;margin-left:0;font-size:.8125rem}.portfolio-canvas[data-tpl=social] .so-sub{font-family:var(--font-display);letter-spacing:-.025em;text-align:center;margin:0 0 clamp(1.25rem,2.4vw,1.75rem);font-size:clamp(1.375rem,1.1rem + 1vw,1.875rem);font-weight:800;line-height:1.15}.portfolio-canvas[data-tpl=social] :is(.so-formats,.so-photos){margin-top:clamp(3.5rem,7vw,5.5rem)}.portfolio-canvas[data-tpl=social] .so-formats[hidden]{display:none}.portfolio-canvas[data-tpl=social] .so-more{justify-content:center;margin-top:clamp(2rem,4vw,3rem);display:flex}.portfolio-canvas[data-tpl=social] .pf-trust:empty{display:none}.portfolio-canvas[data-tpl=social] .pf-trustbar{gap:clamp(1.75rem,3.5vw,2.5rem);padding-top:clamp(2.5rem,5vw,4rem)}.portfolio-canvas[data-tpl=social] .pf-metrics{gap:1.5rem clamp(2rem,5vw,4rem)}.portfolio-canvas[data-tpl=social] .pf-metric{text-align:center}.portfolio-canvas[data-tpl=social] .pf-metric-value{letter-spacing:-.04em;font-size:clamp(2.25rem,1.6rem + 2.6vw,3.75rem);font-weight:800}.portfolio-canvas[data-tpl=social] .pf-metric-label{letter-spacing:.06em;text-transform:uppercase;margin:.5rem auto 0;font-size:.75rem;font-weight:700}.portfolio-canvas[data-tpl=social] .pf-clients{--pf-client-size:clamp(1rem, .94rem + .3vw, 1.1875rem);--pf-client-sep:var(--pf-rule-strong)}.portfolio-canvas[data-tpl=social] .pf-client{letter-spacing:-.01em;font-weight:700}.portfolio-canvas[data-tpl=social] .pf-sec{padding-block:var(--pf-sec-y)}.portfolio-canvas[data-tpl=social] :is(.pf-steps,.pf-quotes,.pf-tiers:not(.pf-offer)){grid-template-columns:minmax(0,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.portfolio-canvas[data-tpl=social] :is(.pf-steps,.pf-quotes,.pf-tiers:not(.pf-offer)):not([data-cols="1"]){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.portfolio-canvas[data-tpl=social] :is(.pf-steps,.pf-quotes,.pf-tiers:not(.pf-offer))[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-canvas[data-tpl=social] ol.pf-steps[data-cols="4"]:not([data-cols="1"]){grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:768px) and (max-width:1023px){.portfolio-canvas[data-tpl=social] :is(.pf-steps,.pf-quotes,.pf-tiers:not(.pf-offer))[data-cols="3"]>:last-child:nth-child(odd){grid-column:1/-1}}.portfolio-canvas[data-tpl=social] :is(.pf-step,.pf-quote,.pf-tiers:not(.pf-offer)>.pf-tier){background:var(--so-panel);border-radius:var(--pf-radius);border:0;padding:clamp(1.25rem,2.2vw,1.75rem)}.portfolio-canvas[data-tpl=social] .pf-step{align-content:start;gap:.625rem;display:grid}.portfolio-canvas[data-tpl=social] .pf-step-n{border:var(--so-stroke);background:var(--pf-bg);border-radius:999px;place-items:center;width:2.5rem;height:2.5rem;margin-bottom:.5rem;font-size:.8125rem;font-weight:800;display:inline-grid}.portfolio-canvas[data-tpl=social] .pf-step:first-child .pf-step-n{background:var(--accent);color:var(--pf-on-accent)}.portfolio-canvas[data-tpl=social] .pf-step-desc{margin:0}.portfolio-canvas[data-tpl=social] .pf-gear-icon{border:var(--so-stroke);background:var(--pf-bg);border-radius:999px}.portfolio-canvas[data-tpl=social] .pf-sub{letter-spacing:.06em;text-transform:uppercase;color:var(--pf-soft);font-size:.75rem;font-weight:700}.portfolio-canvas[data-tpl=social] .pf-quote{justify-content:space-between;gap:1.25rem}.portfolio-canvas[data-tpl=social] .pf-quote-text{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(1.0625rem,.98rem + .4vw,1.3125rem);font-weight:550;line-height:1.45}.portfolio-canvas[data-tpl=social] .pf-quote-who{gap:2px;font-size:.875rem;display:grid}.portfolio-canvas[data-tpl=social] .pf-star-on{color:var(--so-ink)}@media (max-width:767px){.portfolio-canvas[data-tpl=social] :is(.pf-quotes,.pf-tiers:not(.pf-offer)):not([data-cols="1"]){overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:min(84%,22rem);grid-auto-flow:column;margin-inline:calc(-1*clamp(16px,3.2vw,44px));padding:0 clamp(16px,3.2vw,44px) 6px;scroll-padding-inline:clamp(16px,3.2vw,44px);overflow-x:auto}.portfolio-canvas[data-tpl=social] :is(.pf-quotes,.pf-tiers)::-webkit-scrollbar{display:none}.portfolio-canvas[data-tpl=social] :is(.pf-quote,.pf-tier){scroll-snap-align:start}}.portfolio-canvas[data-tpl=social] .pf-faq{border-top:1px solid var(--pf-rule)}@media (min-width:1024px){.portfolio-canvas[data-tpl=social] .pf-sec>.container-pp:has(>.pf-faq){column-gap:var(--pf-gap,2.5rem);grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;display:grid}.portfolio-canvas[data-tpl=social] .pf-sec>.container-pp>.pf-faq{max-width:none;margin-top:0}}.portfolio-canvas[data-tpl=social] .pf-faq-item{border-bottom:1px solid var(--pf-rule)}.portfolio-canvas[data-tpl=social] .pf-faq-q{min-height:64px;padding-block:18px}.portfolio-canvas[data-tpl=social] .pf-faq-sign{border:1.5px solid var(--so-control);width:32px;height:32px;color:var(--so-ink);border-radius:999px}.portfolio-canvas[data-tpl=social] .pf-faq-sign:before{inset:50% 9px auto}.portfolio-canvas[data-tpl=social] .pf-faq-sign:after{inset:9px auto 9px 50%}.portfolio-canvas[data-tpl=social] .pf-faq-item[open] .pf-faq-sign{border-color:var(--so-ink);background:var(--accent);color:var(--pf-on-accent)}.portfolio-canvas[data-tpl=social] .pf-tiers:not(.pf-offer)>.pf-tier{gap:0}.portfolio-canvas[data-tpl=social] .pf-tier-name{font-weight:800}.portfolio-canvas[data-tpl=social] .pf-tier-amount{letter-spacing:-.04em;font-weight:800}.portfolio-canvas[data-tpl=social] .pf-tier-rights{background:var(--pf-bg);border-radius:12px;padding:12px 14px}.portfolio-canvas[data-tpl=social] .pf-tier-rights-label{letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem;font-weight:700}.portfolio-canvas[data-tpl=social] .pf-tiers:not(.pf-offer) .pf-tier-features li{border-top-color:var(--pf-rule-strong);gap:10px;display:flex}.portfolio-canvas[data-tpl=social] .pf-tiers:not(.pf-offer) .pf-tier-features li:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 1.5px var(--so-ink);border-radius:50%;flex:none;margin-top:.45em}.portfolio-canvas[data-tpl=social] .pf-offer .pf-tier-rights{background:0 0;padding:0}.portfolio-canvas[data-tpl=social] .pf-spec-row{border-top:1px solid var(--pf-rule);padding-block:14px}.portfolio-canvas[data-tpl=social] .pf-spec .pf-tag{border:1.5px solid var(--so-control);border-radius:999px}.portfolio-canvas[data-tpl=social] .pf-about-head{letter-spacing:-.032em;font-weight:800}@media (min-width:1024px){.portfolio-canvas[data-tpl=social] .pf-about-portrait{align-self:start;position:static}}.portfolio-canvas[data-tpl=social] .pf-about .pf-fact dt{letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:700}.portfolio-canvas[data-tpl=social] .pf-label{color:var(--so-ink);font-weight:650}.portfolio-canvas[data-tpl=social] .pf-input{background:var(--so-field);border:1.5px solid var(--so-control);border-radius:14px;min-height:48px;padding:11px 14px}.portfolio-canvas[data-tpl=social] .pf-input:focus{border-color:var(--so-ink)}.portfolio-canvas[data-tpl=social] .pf-form-error{background:var(--pf-err-bg);border:1px solid var(--pf-err-line);border-radius:14px;padding:10px 14px}.portfolio-canvas[data-tpl=social] .pf-check{accent-color:var(--so-ink)}.portfolio-canvas[data-tpl=social] .pf-footer>.pf-endcap{background:var(--so-panel);border-bottom:0}.portfolio-canvas[data-tpl=social] .pf-endcap .pf-endcap-title{letter-spacing:-.04em;font-weight:800}.portfolio-canvas[data-tpl=social] .pf-endcap-link{font-weight:700}.portfolio-canvas[data-tpl=social] .pf-endcap-link svg{color:var(--so-ink)}.portfolio-canvas[data-tpl=social] .pf-footer-name{letter-spacing:-.02em;font-weight:800}.portfolio-canvas[data-tpl=social] .pf-footer-socials .pf-social{border:1.5px solid var(--so-control);color:var(--so-ink)}@media (hover:hover){.portfolio-canvas[data-tpl=social] .pf-footer-socials .pf-social:hover{border-color:var(--so-ink);background:var(--accent);color:var(--pf-on-accent)}}.portfolio-canvas[data-tpl=social] .pf-footer-legal{font-family:var(--font-sans)}.portfolio-canvas[data-tpl=social] .pf-fab-btn{border:var(--so-stroke);background:var(--accent);color:var(--pf-on-accent);border-radius:999px;font-weight:700}.portfolio-canvas[data-tpl=social] .pf-fab-dot{box-shadow:0 0 0 2px var(--so-ink)}@media (hover:hover){.portfolio-canvas[data-tpl=social] .pf-fab-btn:hover{background:var(--so-ink);color:var(--pf-bg)}}@media (min-width:1024px) and (hover:hover){.portfolio-canvas[data-tpl=social] .pf-fab-btn{box-shadow:0 16px 32px -18px #0f0f108c}}@media (min-width:768px) and (max-width:1359px){.portfolio-canvas[data-tpl=social]:has(.pf-nav-dots) .container-pp{padding-right:48px}}@media (min-width:1100px) and (max-width:1439px){.portfolio-canvas[data-tpl=social]:has(.pf-nav-dots) .so-hero .container-pp{padding-right:76px}}.portfolio-canvas[data-tpl=social] .pf-dot{border:1.5px solid var(--so-ink);background:var(--pf-bg);border-radius:999px}.portfolio-canvas[data-tpl=social] .pf-dot-label{background:var(--so-ink);color:var(--pf-bg);border-radius:999px;font-weight:700}.portfolio-canvas[data-tpl=social] .pf-nav-link{border-radius:999px;font-weight:650}.portfolio-canvas[data-tpl=social] .pf-nav-link[aria-current=true]{background:var(--so-panel);color:var(--so-ink)}@media (prefers-reduced-motion:no-preference){.portfolio-canvas[data-tpl=social] .so-hero[data-motion=full] .so-sticker{animation:so-stick .9s var(--pf-ease) .2s both}.portfolio-canvas[data-tpl=social] .pf-chip{transition:background-color .18s var(--pf-ease), border-color .18s var(--pf-ease)}.portfolio-canvas[data-tpl=social] .so-wall .pf-frame{transition:box-shadow .2s var(--pf-ease)}}@keyframes so-stick{0%{opacity:0;transform:rotate(0)scale(.94)}}
