:root{--grain:url('../../assets/fields/grain.png');--sig-line:rgb(255 255 255 / .42)}.pane{--pw:48px;position:relative;display:inline-block;flex:none;width:var(--pw);aspect-ratio:4/5;border-radius:max(3px,calc(var(--pw)*.11));overflow:hidden;isolation:isolate;background:#7f56d9;color:var(--sig-line);box-shadow:0 0 0 .5px rgb(0 0 0/.08),0 1px 1px rgb(0 0 0/.05),0 calc(var(--pw)*.06) calc(var(--pw)*.16) -.1em rgb(24 16 60/.22);transform:translateZ(0)}.pane-f{position:absolute;inset:-12%;background:var(--pf) var(--pp, 50% 50%)/cover no-repeat;animation:sig-drift 26s ease-in-out infinite alternate;animation-play-state:paused}.pane .sig-lines{position:absolute;inset:0;width:100%;height:100%;opacity:.9;mix-blend-mode:soft-light}.pane .sig-lines g{stroke:#fff}.pane-s{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90%at 18% 6%,rgb(255 255 255/.34),rgb(255 255 255/0) 55%),linear-gradient(180deg,rgb(255 255 255/0) 55%,rgb(20 10 40/.18));mix-blend-mode:soft-light}.pane-s::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgb(255 255 255/.16),inset 0 1px 0 rgb(255 255 255/.28)}.pane-g,.sig-card .pane-g,.sig-grain::after{position:absolute;inset:0;pointer-events:none;background:var(--grain);background-size:128px 128px;mix-blend-mode:overlay;opacity:.55}.pane.live .pane-f,.stack.live .pane-f,.sig-live .pane-f{animation-play-state:running}@keyframes sig-drift{0%{transform:translate3d(-4%,-3%,0) scale(1.04) rotate(-2deg)}50%{transform:translate3d(3%,2%,0) scale(1.1) rotate(1.5deg)}to{transform:translate3d(-2%,4%,0) scale(1.06) rotate(-1deg)}}.pane.xs{--pw:14px;box-shadow:0 0 0 .5px rgb(0 0 0/.12)}.pane.sm{--pw:20px}.pane-row{display:inline-flex;gap:var(--gap)}.pane.rowpane .pane-f{inset:0;background:var(--pf) var(--bx) 50%/var(--bw) auto no-repeat;animation:none}.pane-row.sig-live .pane.rowpane .pane-f{animation:sig-pan 18s linear infinite}@keyframes sig-pan{0%{background-position:var(--bx) 50%}to{background-position:calc(var(--bx) - 20%) 50%}}.stack{--pw:48px;position:relative;display:inline-block;flex:none;width:calc(var(--pw)*1.5);height:calc(var(--pw)*1.25)}.stack .pane{position:absolute;left:calc(var(--pw)*.25);top:0;transition:transform .5s cubic-bezier(.32,.72,0,1),filter .5s}.stack .b1,.stack .b2{filter:saturate(.9) brightness(.9)}.stack .b1{transform:translateX(-31%) scale(.74)}.stack .b2{transform:translateX(31%) scale(.74)}.stack .front{transform:none;z-index:2}.stack:hover .b1,.stack.fan .b1{transform:translateX(-44%) rotate(-6deg) scale(.76)}.stack:hover .b2,.stack.fan .b2{transform:translateX(44%) rotate(6deg) scale(.76)}.stack.writing .front{animation:sig-bob 1.2s ease-in-out infinite}.stack.writing .b1{animation:sig-bob 1.2s .15s ease-in-out infinite}.stack.writing .b2{animation:sig-bob 1.2s .3s ease-in-out infinite}@keyframes sig-bob{0%,to{translate:0 0}50%{translate:0-7%}}.stack.solo{width:var(--pw)}.stack.solo .pane{left:0}.stack.solo .b1,.stack.solo .b2{display:none}.stack.photo .front .pane-f{background:var(--ph) center/cover;filter:grayscale(1) contrast(1.08) brightness(1.05);inset:0;animation:none}.stack.photo .front::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(160deg,#b9a2f5,#4a2a9c 70%);mix-blend-mode:multiply;opacity:.85}.sig-card{position:relative;overflow:hidden;isolation:isolate;aspect-ratio:4/5;border-radius:16px;display:grid;place-items:center;text-align:center;color:#fff;background:#3b2a7a}.sig-card.wide{aspect-ratio:16/10}.sig-card .pane-f{inset:-8%}.sig-card .sig-lines{position:absolute;inset:0;width:100%;height:100%;opacity:.5}.sig-card .sig-lines g{stroke:#fff}.sig-card .sig-title{position:relative;z-index:2;font-size:clamp(18px,2.2vw,30px);line-height:1.12;letter-spacing:-.02em;font-weight:400;padding:0 12%;text-wrap:balance;text-shadow:0 1px 18px rgb(0 0 0/.12)}.sig-card .sig-tag{position:absolute;z-index:2;left:14px;top:14px;background:#fff;color:#0c0a09;border-radius:999px;padding:6px 12px;font-size:13px;line-height:16px;font-weight:500}.sig-card:hover .pane-f{animation-play-state:running}.sig-grain{position:relative;isolation:isolate}.sig-grain::after{content:"";z-index:0}@media (prefers-reduced-motion:reduce){.pane-f,.stack .pane,.pane-row .pane-f{animation:none!important;transition:none!important}}