:root{--sg-text:#111;--sg-text-2:#555;--sg-text-3:#999;--sg-bg:#fff;--sg-border:#0000001a;--sg-accent:#185fa5}@media (prefers-color-scheme:dark){:root{--sg-text:#f4f4f4;--sg-text-2:#aaa;--sg-text-3:#666;--sg-bg:#0a0a0a;--sg-border:#ffffff1a}}.sg-root{width:100%;font-family:var(--font-sans), system-ui, -apple-system, sans-serif}.sg-stage{perspective:1100px;perspective-origin:50%;height:240px;position:relative;overflow:hidden}.sg-stage:before,.sg-stage:after{content:"";z-index:5;pointer-events:none;width:28px;position:absolute;top:0;bottom:0}.sg-stage:before{background:linear-gradient(90deg, var(--sg-bg) 0%, transparent 100%);left:0}.sg-stage:after{background:linear-gradient(270deg, var(--sg-bg) 0%, transparent 100%);right:0}.sg-track{will-change:transform;width:max-content;height:100%;transform-style:preserve-3d;align-items:center;gap:20px;padding:0 24px;display:flex}.sg-panel{transform-origin:50%;width:130px;height:175px;color:inherit;flex-shrink:0;text-decoration:none;transition:transform .6s cubic-bezier(.22,1,.36,1);display:block;position:relative;transform:rotateY(-18deg)}.sg-panel:hover{z-index:10;transform:rotateY(0)translateY(-6px)}.sg-panel:focus-visible{outline:2px solid var(--sg-accent);outline-offset:4px}.sg-art{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.sg-flip{width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.22,1,.36,1);position:relative}.sg-panel:hover .sg-flip,.sg-panel:focus-visible .sg-flip{transform:rotateY(180deg)}.sg-flip-face{backface-visibility:hidden;position:absolute;inset:0}.sg-flip-back{background:var(--sg-flip-bg,#f5f5f5);color:var(--sg-flip-ink,var(--sg-text));text-align:left;flex-direction:column;justify-content:flex-end;gap:6px;padding:12px 12px 14px;display:flex;transform:rotateY(180deg)}.sg-flip-back--hibud{--sg-flip-bg:#f4c0d1;--sg-flip-ink:#72243e}.sg-flip-back--taptrack{--sg-flip-bg:#fff1c9;--sg-flip-ink:#15120d}.sg-flip-back--desktop{--sg-flip-bg:#1a1a1a;--sg-flip-ink:#c0dd97}.sg-flip-back--cursor{--sg-flip-bg:#e6f1fb;--sg-flip-ink:#185fa5}.sg-flip-back--blog{--sg-flip-bg:#f1efe8;--sg-flip-ink:#2c2c2a}.sg-flip-back--newsletter{--sg-flip-bg:#faeeda;--sg-flip-ink:#854f0b}.sg-flip-back--tiktok{--sg-flip-bg:#0a0a0a;--sg-flip-ink:#f4c0d1}.sg-flip-back--shop{--sg-flip-bg:#e1f5ee;--sg-flip-ink:#085041}.sg-flip-back--apps{--sg-flip-bg:#1f1d2c;--sg-flip-ink:#f3e8c1}.sg-flip-back--ui-ux{--sg-flip-bg:#efe6fb;--sg-flip-ink:#4b2a8a}.sg-flip-back--web-development{--sg-flip-bg:#e3f3ed;--sg-flip-ink:#0f5640}.sg-flip-back--custom{--sg-flip-bg:#f5f5f5;--sg-flip-ink:var(--sg-text)}.sg-flip-back[data-panel-id=about]{--sg-flip-bg:#f4c0d1;--sg-flip-ink:#72243e}.sg-flip-back[data-panel-id=projects]{--sg-flip-bg:#f1efe8;--sg-flip-ink:#2c2c2a}.sg-flip-back[data-panel-id=apps]{--sg-flip-bg:#1f1d2c;--sg-flip-ink:#f3e8c1}.sg-flip-back[data-panel-id=ui-ux]{--sg-flip-bg:#efe6fb;--sg-flip-ink:#4b2a8a}.sg-flip-back[data-panel-id=web-development]{--sg-flip-bg:#e3f3ed;--sg-flip-ink:#0f5640}.sg-flip-name{font-family:var(--font-sans), system-ui, sans-serif;letter-spacing:-.01em;font-size:14px;font-weight:600;line-height:1.15}.sg-flip-blurb{font-family:var(--font-sans), system-ui, sans-serif;opacity:.85;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.sg-flip-cta{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.4px;text-transform:uppercase;opacity:.7;margin-top:auto;font-size:9px}@media (prefers-reduced-motion:reduce){.sg-flip{transition:none}}.sg-label{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.3px;justify-content:space-between;align-items:baseline;font-size:9px;display:flex;position:absolute;bottom:-22px;left:0;right:0}.sg-label-name{color:var(--sg-text);font-weight:500}.sg-label-num{color:var(--sg-text-3)}.sg-art--hibud{background:linear-gradient(#fbeaf0 0%,#f4c0d1 100%)}.sg-art--hibud:after{content:"hi.";color:#72243e;letter-spacing:-1px;font-size:52px;font-weight:500;font-family:var(--font-sans), sans-serif}.sg-art--taptrack{background:url(/taptrack-logo.png) 50%/cover no-repeat,#226b40}.sg-art--taptrack:after{content:""}.sg-art--desktop{background:#1a1a1a;align-items:flex-start;padding:14px}.sg-art--desktop:before{content:"> claude\a > _";white-space:pre;font-family:var(--font-mono), ui-monospace, monospace;color:#c0dd97;font-size:9px;line-height:1.6}.sg-art--cursor{background:#e6f1fb}.sg-art--cursor:after{content:"";width:60%;max-width:220px;height:60%;max-height:220px;image-rendering:pixelated;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'%3E%3Cg fill='%23185FA5'%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='3' y='2' width='2' height='1'/%3E%3Crect x='3' y='3' width='3' height='1'/%3E%3Crect x='3' y='4' width='4' height='1'/%3E%3Crect x='3' y='5' width='5' height='1'/%3E%3Crect x='3' y='6' width='6' height='1'/%3E%3Crect x='3' y='7' width='7' height='1'/%3E%3Crect x='3' y='8' width='8' height='1'/%3E%3Crect x='3' y='9' width='9' height='1'/%3E%3Crect x='3' y='10' width='4' height='1'/%3E%3Crect x='3' y='11' width='4' height='1'/%3E%3Crect x='3' y='12' width='1' height='1'/%3E%3Crect x='6' y='12' width='2' height='1'/%3E%3Crect x='7' y='13' width='2' height='1'/%3E%3Crect x='8' y='14' width='1' height='1'/%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;font-size:0}.sg-art--blog{background:#f1efe8;flex-direction:column;align-items:flex-start;padding:16px 14px}.sg-art--blog:before{content:"notes¯rom\a the build.";white-space:pre;color:#2c2c2a;font-family:Georgia,serif;font-size:13px;font-style:italic;line-height:1.3}.sg-art--newsletter{background:#faeeda}.sg-art--newsletter:after{content:"✉";color:#854f0b;font-size:60px}.sg-art--tiktok{background:#0a0a0a}.sg-art--tiktok:after{content:"▶";color:#f4c0d1;font-size:52px}.sg-art--shop{background:#e1f5ee}.sg-art--shop:after{content:"★";color:#085041;font-size:68px;font-weight:500;font-family:var(--font-sans), sans-serif}.sg-art--custom{background:#f5f5f5}.sg-art--apps{background:linear-gradient(160deg,#2a2640 0%,#1f1d2c 100%)}.sg-art--apps:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='4' y='4' width='11' height='11' rx='2.4' fill='%23F4C0D1'/%3E%3Crect x='17' y='4' width='11' height='11' rx='2.4' fill='%23C0DD97'/%3E%3Crect x='4' y='17' width='11' height='11' rx='2.4' fill='%23FAEEDA'/%3E%3Crect x='17' y='17' width='11' height='11' rx='2.4' fill='%23A8D8EA'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;width:62%;max-width:240px;height:62%;max-height:240px;font-size:0}.sg-art--ui-ux{background:linear-gradient(#f5edff 0%,#e6d8fb 100%)}.sg-art--ui-ux:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect x='4' y='6' width='32' height='22' rx='3' fill='%23ffffff' stroke='%234B2A8A' stroke-width='1.4'/%3E%3Cline x1='4' y1='11.5' x2='36' y2='11.5' stroke='%234B2A8A' stroke-width='1.2'/%3E%3Ccircle cx='7' cy='9' r='0.9' fill='%234B2A8A'/%3E%3Ccircle cx='9.6' cy='9' r='0.9' fill='%234B2A8A'/%3E%3Ccircle cx='12.2' cy='9' r='0.9' fill='%234B2A8A'/%3E%3Crect x='10' y='17' width='20' height='6' rx='3' fill='%237C3AED'/%3E%3Cpath d='M22 26 L28 33 L29.2 31.6 L26.6 28.6 L30 28.6 Z' fill='%23222222' stroke='%23ffffff' stroke-width='0.8' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;width:70%;max-width:260px;height:70%;max-height:260px;font-size:0}.sg-art--web-development{background:linear-gradient(#ecf8f2 0%,#c7e9d8 100%)}.sg-art--web-development:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect x='4' y='6' width='32' height='28' rx='2' fill='%23ffffff' stroke='%230F5640' stroke-width='1.4'/%3E%3Cline x1='4' y1='12' x2='36' y2='12' stroke='%230F5640' stroke-width='1.2'/%3E%3Ccircle cx='7' cy='9' r='0.9' fill='%230F5640'/%3E%3Ccircle cx='9.6' cy='9' r='0.9' fill='%230F5640'/%3E%3Ccircle cx='12.2' cy='9' r='0.9' fill='%230F5640'/%3E%3Crect x='8' y='16' width='14' height='2.4' rx='1' fill='%230F5640'/%3E%3Crect x='8' y='21' width='24' height='2.4' rx='1' fill='%237ab39a'/%3E%3Crect x='8' y='26' width='20' height='2.4' rx='1' fill='%237ab39a'/%3E%3Crect x='8' y='30.5' width='10' height='2' rx='1' fill='%230F5640'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;width:72%;max-width:260px;height:72%;max-height:260px;font-size:0}.sg-bar{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:1.5rem;padding:0 4px;display:grid}.sg-tag{font-family:var(--font-mono), ui-monospace, monospace;color:var(--sg-text);letter-spacing:.3px;align-items:center;gap:6px;font-size:10px;display:inline-flex}.sg-dot{background:var(--sg-accent);border-radius:50%;width:5px;height:5px;animation:1.6s ease-in-out infinite sg-pulse}@keyframes sg-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.sg-tag-name{font-weight:500;transition:opacity .2s}.sg-scrub{cursor:grab;touch-action:none;height:18px;position:relative}.sg-scrub:active{cursor:grabbing}.sg-scrub:focus-visible{outline:2px solid var(--sg-accent);outline-offset:4px;border-radius:999px}.sg-scrub-track{background:var(--sg-border);border-radius:999px;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.sg-scrub-fill{background:var(--sg-text);border-radius:999px;width:0%;height:2px;transition:width .15s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sg-scrub-thumb{background:var(--sg-text);border-radius:50%;width:12px;height:12px;transition:left .15s;position:absolute;top:50%;left:0%;transform:translate(-50%,-50%)}.sg-counter{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.3px;color:var(--sg-text-3);font-size:10px}.sg-counter-cur{color:var(--sg-text);font-weight:500}.sg-counter-sep{margin:0 1px}@media (min-width:720px){.sg-stage{perspective:1400px;height:320px}.sg-stage:before,.sg-stage:after{width:80px}.sg-track{gap:40px;padding:0 40px}.sg-panel{width:190px;height:250px;transform:rotateY(-22deg)}.sg-label{letter-spacing:.4px;font-size:10px;bottom:-26px}.sg-flip-name{font-size:17px}.sg-flip-blurb{-webkit-line-clamp:5;font-size:12px}.sg-flip-cta{letter-spacing:.5px;font-size:10px}.sg-flip-back{gap:8px;padding:16px 14px 18px}.sg-art--hibud:after{letter-spacing:-2px;font-size:72px}.sg-art--desktop{padding:20px}.sg-art--desktop:before{content:"> claude\a > shipping\a > _";font-size:12px;line-height:1.7}.sg-art--cursor:after{font-size:80px}.sg-art--blog{gap:6px;padding:24px 20px}.sg-art--blog:before{content:"writing.\a \a notes¯rom\a the build.";font-size:18px}.sg-art--newsletter:after{font-size:86px}.sg-art--tiktok:after{font-size:76px}.sg-art--shop:after{font-size:96px}.sg-bar{gap:16px;margin-top:2rem}.sg-tag{letter-spacing:.4px;gap:8px;font-size:11px}.sg-dot{width:6px;height:6px}.sg-counter{letter-spacing:.4px;font-size:10px}}