#su-root{--su-bg:#f3f3f1;--su-paper:#fdfdfc;--su-ink:#151516;--su-muted:#7b7b80;--su-night:#131315;background:radial-gradient(120% 90% at 50% 30%, #fbfbfa 0%, var(--su-bg) 55%, #e8e8e5 100%);min-height:100dvh;color:var(--su-ink);font-family:var(--font-geist), system-ui, sans-serif;-webkit-font-smoothing:antialiased}:is(html:has(#su-root),body:has(#su-root)){overscroll-behavior:none}body:has(#su-root){background:#f3f3f1;overflow:hidden}#su-main{place-items:center;display:grid;position:fixed;inset:0}#su-stage{--w:min(340px, 78vw, 46dvh);--t:8px;--r:14px;--ry:0deg;--rx:0deg;--gx:50%;--gy:50%;--sheen:0;--shade:0;--lift:0;--sw:1;--sx:0px;--sy:0px;--so:.3;width:var(--w);perspective:1100px;perspective-origin:50% 45%;position:relative;translate:0 -3dvh}#su-shadow{width:88%;height:8%;opacity:var(--so);filter:blur(calc(15px + var(--lift) * 12px));transform:translate(calc(-50% + var(--sx)), var(--sy)) scaleX(var(--sw));pointer-events:none;background:#14141e;border-radius:50%;margin-top:5%;position:absolute;top:100%;left:50%}#su-card{aspect-ratio:.632;width:100%;transform-style:preserve-3d;transform:translateZ(calc(var(--lift) * 46px)) rotateX(var(--rx)) rotateY(var(--ry));will-change:transform;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative}#su-card:active{cursor:grabbing}.su-face{border-radius:var(--r);transform-style:preserve-3d;backface-visibility:hidden;flex-direction:column;display:flex;position:absolute;inset:0}.su-front{background:var(--su-paper);transform:translateZ(calc(var(--t) / 2));padding:9% 9% 7.5%;box-shadow:inset 0 0 0 1px #0000000f}.su-back{background:var(--su-night);color:#f4f4f2;transform:rotateY(180deg) translateZ(calc(var(--t) / 2));padding:11% 10% 9%}.su-up{backface-visibility:hidden;transform:translateZ(7px)}.su-edge{position:absolute}.su-edge-l,.su-edge-r{top:var(--r);bottom:var(--r);width:var(--t);background:#d2d2cd}.su-edge-l{left:0;transform:translate(-50%)rotateY(90deg)}.su-edge-r{right:0;transform:translate(50%)rotateY(90deg)}.su-edge-t,.su-edge-b{left:var(--r);right:var(--r);height:var(--t);background:#dededa}.su-edge-t{top:0;transform:translateY(-50%)rotateX(90deg)}.su-edge-b{bottom:0;transform:translateY(50%)rotateX(90deg)}.su-email,.su-links{font-size:clamp(10.5px, calc(var(--w) * .037), 12.5px);text-transform:uppercase}.su-email{color:var(--su-ink);letter-spacing:.02em;white-space:nowrap;border-radius:4px;align-self:center;margin:-4px 0;padding:4px 6px;font-weight:450;text-decoration:none}.su-frame{flex:1;min-height:0;margin:11% 0 9.5%;position:relative}.su-photo{background:#d9dcda;border-radius:6px;position:absolute;inset:0;overflow:hidden}.su-photo img{object-fit:cover;object-position:50% 32%;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.su-links{letter-spacing:.03em;justify-content:space-between;padding:0 3%;display:flex}.su-links a{color:var(--su-muted);border-radius:4px;margin:-6px -4px;padding:6px 4px;text-decoration:none;transition:color .2s}@media (hover:hover){.su-links a:hover{color:var(--su-ink)}.su-email:hover{text-underline-offset:3px;text-decoration:underline}}#su-root a:focus-visible,#su-root button:focus-visible{outline-offset:2px;outline:2px solid}.su-shade,.su-back>.su-sheen{border-radius:inherit;pointer-events:none;backface-visibility:hidden;position:absolute;inset:0;transform:translateZ(.5px)}.su-shade{background:radial-gradient(130% 130% at var(--gx) var(--gy), #fff0 30%, rgb(28 28 40/var(--shade)) 100%)}.su-photo .su-sheen{pointer-events:none;background:radial-gradient(75% 60% at var(--gx) var(--gy), rgb(255 255 255/var(--sheen)), #fff0 70%);position:absolute;inset:0}.su-back>.su-sheen{background:radial-gradient(90% 70% at var(--gx) var(--gy), rgb(255 255 255/calc(var(--sheen) * .32)), #fff0 70%)}.su-glitter{border-radius:inherit;pointer-events:none;backface-visibility:hidden;width:100%;height:100%;position:absolute;inset:0;transform:translateZ(.6px)}.su-back p{margin:0}.su-role{font-size:clamp(10px, calc(var(--w) * .034), 11.5px);letter-spacing:.08em;text-transform:uppercase;color:#9a9aa2;order:-1}.su-back .su-name{font-size:calc(var(--w) * .142);letter-spacing:-.04em;margin-top:auto;font-weight:500;line-height:.98}.su-site{font-size:clamp(10px, calc(var(--w) * .034), 11.5px);letter-spacing:.08em;text-transform:uppercase;color:#c9c9cf;border-radius:4px;align-self:flex-start;margin:7% 0 -4px -6px;padding:4px 6px;text-decoration:none;transition:color .2s}@media (hover:hover){.su-site:hover{color:#fff}}#su-stage:has(#su-flip:focus-visible) #su-card{outline:2px solid var(--su-ink);outline-offset:10px;border-radius:var(--r)}.su-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.su-links a,.su-site{transition:none}}