/* Spirit Fingers Trio social templates. Size comes from ?size=square|story|wide */
@import url("/brand/tokens.css");
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--sf-void)}
body{font-family:var(--sf-font-body);color:var(--sf-ink);-webkit-font-smoothing:antialiased}
.board{position:relative;overflow:hidden;width:1080px;height:1080px;background:var(--sf-void);--u:10.8px;isolation:isolate}
body.story .board{width:1080px;height:1920px;--u:10.8px}
body.wide .board{width:1920px;height:1080px;--u:10.8px}
.photo{position:absolute;inset:0;z-index:-2}
.photo img{width:100%;height:100%;object-fit:cover;display:block}
.photo::after{content:"";position:absolute;inset:0}
.label{font-family:var(--sf-font-mono);font-weight:500;font-size:calc(2.1*var(--u));letter-spacing:.2em;text-transform:uppercase;color:var(--sf-volt-soft)}
.wordmark{display:block;width:100%;height:auto}
.sub{font-family:var(--sf-font-display);font-stretch:125%;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--sf-volt-soft)}
.feat{font-family:var(--sf-font-body);font-style:italic;font-weight:400;color:var(--sf-ink)}
.feat b{font-style:normal;font-family:var(--sf-font-display);font-stretch:112%;font-weight:800;letter-spacing:.02em}
.meta{font-family:var(--sf-font-mono);font-size:calc(2.3*var(--u));letter-spacing:.06em;color:var(--sf-mute)}
.meta strong{color:var(--sf-ink);font-weight:500}
.url{font-family:var(--sf-font-mono);font-size:calc(2*var(--u));letter-spacing:.12em;color:var(--sf-mute)}
.display{font-family:var(--sf-font-display);font-stretch:125%;font-weight:900;line-height:.86;letter-spacing:-.01em}
.eclipse{position:absolute}
.eclipse svg{width:100%;height:100%;display:block;overflow:visible}