.sf{--helv:"Helvetica Neue", Helvetica, var(--font-heros), Arial, sans-serif;--logo-bg:#000;color:#fff;font-family:var(--helv);background:#000;border-radius:6px;margin:0;padding:30px clamp(10px,2vw,24px) clamp(14px,2vw,24px);position:relative;box-shadow:0 30px 60px -36px #000000b3}.sf:before{content:"";background:#fff;height:3px;position:absolute;top:10px;left:0;right:0}.sf-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:clamp(10px,1.6vw,18px);display:flex}.sf-brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:clamp(14px,1.6vw,19px);font-weight:500;display:inline-flex}.sf-dots{gap:6px;display:flex}.sf-dots i{background:#3a3d40;border-radius:50%;width:8px;height:8px;transition:background .3s}.sf-dots i.on{background:#f6bc26}.sf-board{background:#0b0b0b;border-radius:4px;gap:clamp(2px,.4vw,5px);padding:clamp(6px,1vw,12px);display:grid;container-type:inline-size}.sf-tile{aspect-ratio:1/1.4;perspective:240px;color:#f1f1ee;font-size:3.36364cqi;font-weight:700;line-height:1;position:relative}.sf-tile:after{content:"";z-index:4;background:#000;height:1px;position:absolute;top:50%;left:0;right:0;transform:translateY(-.5px)}.sf-half{backface-visibility:hidden;background:#1e1f21;height:50%;position:absolute;left:0;right:0;overflow:hidden}.sf-half.top{transform-origin:bottom;border-radius:2px 2px 0 0;top:0}.sf-half.bottom{transform-origin:top;background:#1a1b1d;border-radius:0 0 2px 2px;bottom:0}.sf-half>span{place-items:center;height:200%;display:grid;position:absolute;left:0;right:0}.sf-half.top>span{top:0}.sf-half.bottom>span{bottom:0}.sf-half>.sf-color{border-radius:inherit;height:auto;inset:0}.sf-half.bottom>.sf-color{top:0}.sf-fold{z-index:3;animation:sf-fold var(--half) ease-in forwards}.sf-unfold{z-index:3;animation:sf-unfold var(--half) ease-out var(--half) forwards;transform:rotateX(90deg)}@keyframes sf-fold{to{filter:brightness(.6);transform:rotateX(-90deg)}}@keyframes sf-unfold{0%{filter:brightness(1.4)}to{filter:none;transform:rotateX(0)}}.sf-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}