.sp-project__phone{border:2px solid var(--color-border);background:var(--color-bg-1);width:min(clamp(220px,38%,300px),100%);box-shadow:0 24px 60px #00000073, 0 0 0 1px rgba(var(--color-brand-rgb), .1);border-radius:40px;flex-direction:column;margin-inline:auto;display:flex;overflow:hidden}.sp-project__phone-notch{padding:var(--space-3) 0 var(--space-2);background:var(--color-bg-2);justify-content:center;align-items:center;display:flex}.sp-project__phone-camera{background:var(--color-bg-3);border:1px solid var(--color-border);border-radius:50%;width:10px;height:10px}.sp-project__phone-screen{aspect-ratio:9/19.5;background:var(--color-bg);flex:1;display:flex;overflow:hidden}.sp-project__phone-screen img{object-fit:cover;object-position:top center;width:100%;height:100%}.sp-project__phone-chin{background:var(--color-bg-2);justify-content:center;align-items:center;height:28px;display:flex}.sp-project__phone-pill{background:var(--color-border);border-radius:3px;width:48px;height:5px}.sp-project__macos{border-radius:var(--radius-md);background:var(--color-bg-2);border:1px solid #ffffff14;width:100%;max-width:100%;overflow:hidden;box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff0a}.sp-project__macos-bar{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-bg-3);border-bottom:1px solid #ffffff0f;display:flex}.sp-project__macos-dots{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.sp-project__macos-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.sp-project__macos-dot--red{background:#ff5f57;box-shadow:inset 0 0 0 1px #00000026,0 0 0 1px #ff5f5733}.sp-project__macos-dot--yellow{background:#febc2e;box-shadow:inset 0 0 0 1px #00000026,0 0 0 1px #febc2e33}.sp-project__macos-dot--green{background:#28c840;box-shadow:inset 0 0 0 1px #00000026,0 0 0 1px #28c84033}.sp-project__macos-title{text-align:center;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-subtle);letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sp-project__macos-screen{aspect-ratio:16/10;background:var(--color-bg-1);width:100%;overflow:hidden}.sp-project__content{isolation:isolate;padding:var(--space-8);background:rgba(var(--color-bg-rgb), .55);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(var(--color-text-rgb), .06);border-top-color:rgba(var(--color-text-rgb), .12);border-radius:var(--radius-md);box-shadow:inset 0 1px 0 0 rgba(var(--color-text-rgb), .06), 0 0 48px 0 rgba(var(--color-brand-rgb), .08);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);position:relative;overflow:hidden}.sp-project__content-grain{opacity:.04;pointer-events:none;border-radius:inherit;z-index:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");position:absolute;inset:0}.sp-project__content:after{content:"";background:radial-gradient(circle, rgba(var(--color-brand-rgb), .1) 0%, transparent 65%);pointer-events:none;z-index:0;border-radius:50%;width:70%;height:70%;position:absolute;top:-30%;right:-20%}.sp-project__content>:not(.sp-project__content-grain){z-index:1;position:relative}.sp-project[data-avail-status=available] .sp-project__content,.sp-project[data-avail-status=buyable] .sp-project__content{border-top:1.5px solid var(--color-brand);box-shadow:inset 0 1px 0 0 rgba(var(--color-brand-rgb), .2), 0 0 56px 0 rgba(var(--color-brand-rgb), .12)}.sp-project[data-avail-status=available] .sp-project__content:hover,.sp-project[data-avail-status=buyable] .sp-project__content:hover{box-shadow:inset 0 1px 0 0 rgba(var(--color-brand-rgb), .28), 0 0 72px 0 rgba(var(--color-brand-rgb), .22);border-top-color:var(--color-accent);transition:border-color var(--duration-fast), box-shadow var(--duration-fast)}.sp-project[data-avail-status=in_development] .sp-project__content,.sp-project[data-avail-status=coming_soon] .sp-project__content{border-top:1.5px dashed rgba(var(--color-warning-rgb,196, 154, 60), .6)}.sp-project[data-avail-status=in_development] .sp-project__name,.sp-project[data-avail-status=coming_soon] .sp-project__name{color:var(--color-text-muted)}.sp-project[data-avail-status=concept] .sp-project__content,.sp-project[data-avail-status=internal] .sp-project__content{opacity:.72;filter:saturate(.65)}.sp-project__identity{align-items:flex-start;gap:var(--space-4);border-bottom:1px solid rgba(var(--color-text-rgb), .08);flex-wrap:wrap;padding-block-end:var(--space-6);display:flex}.sp-project__identity:after{content:"SP · 01  ──  REALM · SXNNYSIDE  ──  SRC · SOFTWARE";width:100%;font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--color-text-subtle);opacity:.55;margin-top:var(--space-3);white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.sp-project__name-wrap{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.sp-project__icon-wrap{border-radius:var(--radius-sm);background:var(--color-bg-2);width:clamp(36px,4vw,56px);min-width:36px;height:clamp(36px,4vw,56px);min-height:36px;box-shadow:0 0 0 1px rgba(var(--color-text-rgb), .08), 0 0 20px 0 color-mix(in oklch, var(--color-brand) 30%, transparent);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.sp-project__icon{object-fit:contain;background:0 0;border-radius:0;flex-shrink:0;width:100%;height:100%}.sp-project__child-icon{object-fit:contain;border-radius:var(--radius-xs);background:var(--color-bg-2);width:24px;min-width:24px;height:24px;min-height:24px;transition:transform var(--duration-fast);flex-shrink:0}.sp-project__name{font-family:var(--font-heading);font-size:clamp(var(--text-3xl), 4vw, var(--text-5xl));font-weight:var(--weight-black);color:var(--color-text);text-transform:uppercase;letter-spacing:.01em;overflow-wrap:break-word;transition:color var(--duration-fast);margin:0;line-height:.95}.sp-project__type-label{font-family:var(--font-identity);font-size:var(--text-sm);color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;line-height:var(--leading-tight);margin:0}.sp-project__age{font-family:var(--font-document);font-size:var(--text-xs);color:var(--color-text-subtle);letter-spacing:.1em}.sp-project__availability{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-xs);border:1px solid var(--color-border);background:rgba(var(--color-bg-rgb), .4);width:fit-content;display:inline-flex}.sp-project__avail-icon{width:.85em;height:.85em;color:var(--color-brand);flex-shrink:0;display:inline-block}.sp-project__avail-label{font-family:var(--font-mono);letter-spacing:.22em;color:var(--color-text-muted);text-transform:uppercase;font-size:11px}.sp-project__availability[data-avail-status=available]{border-color:var(--color-brand)}.sp-project__availability[data-avail-status=available] .sp-project__avail-icon{color:var(--color-brand)}.sp-project__availability[data-avail-status=in_development],.sp-project__availability[data-avail-status=coming_soon]{border-color:var(--color-warning);border-style:dashed;animation:3.5s ease-in-out infinite sp-avail-unstable}@keyframes sp-avail-unstable{0%,to{opacity:1}23%{opacity:.55}48%{opacity:.85}71%{opacity:.45}89%{opacity:.9}}.sp-project__availability[data-avail-status=in_development] .sp-project__avail-icon,.sp-project__availability[data-avail-status=coming_soon] .sp-project__avail-icon{color:var(--color-warning)}.sp-project__availability[data-avail-status=concept]{opacity:.5}.sp-project__availability[data-avail-status=internal]{opacity:.4;border-style:dashed}.sp-project__availability[data-avail-status=buyable]{border-color:var(--color-accent)}.sp-project__availability[data-avail-status=buyable] .sp-project__avail-icon{color:var(--color-accent)}.sp-project__availability[data-avail-status=demo_available]{border-color:var(--color-text-muted)}.sp-project__availability[data-avail-status=demo_available] .sp-project__avail-icon{color:var(--color-text-muted)}.sp-project__meta-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.sp-project__meta-group--languages{border-top:1px solid var(--color-divider);padding-block-start:var(--space-2)}.sp-project__tag--platform{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--weight-medium);padding:var(--space-1) var(--space-3);border-radius:var(--radius-xs);letter-spacing:.06em;align-items:center;gap:var(--space-2);display:inline-flex}.sp-project__tag--language{font-family:var(--font-mono);letter-spacing:.18em;color:var(--color-text-subtle);padding:var(--space-1) var(--space-2);border:1px solid var(--color-divider);border-radius:var(--radius-xs);font-size:11px}.sp-project__platform-icon{flex-shrink:0;width:.9em;height:.9em;display:inline-block}.sp-project__tagline{font-family:var(--font-ui);font-size:clamp(var(--text-lg), 2.2vw, var(--text-2xl));font-weight:var(--weight-semibold);color:var(--color-text);line-height:var(--leading-snug);margin:0}.sp-project__desc{font-family:var(--font-body);font-size:clamp(var(--text-sm), 1.4vw, var(--text-base));color:var(--color-text-muted);line-height:var(--leading-relaxed);margin:0}.sp-project__cta-wrap{display:flex}.sp-project__cta-wrap[hidden]{display:none}.sp-project__cta{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-8);background:var(--color-brand);color:var(--color-text);border-radius:var(--radius-sm);font-family:var(--font-ui);font-weight:var(--weight-bold);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;transition:opacity var(--duration-fast), box-shadow var(--duration-fast), background var(--duration-fast);border:none;width:fit-content;text-decoration:none;display:inline-flex}.sp-project__cta:hover{opacity:.9;box-shadow:0 0 28px 6px color-mix(in oklch, var(--color-brand) 45%, transparent)}.sp-project__cta:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;transition:outline-color var(--duration-fast), box-shadow var(--duration-fast)}.sp-project__cta-icon{flex-shrink:0;width:1.1em;height:1.1em;display:inline-block}.sp-project__cta-label{line-height:1}.sp-project__links{gap:var(--space-3);flex-wrap:wrap;display:flex}.sp-project__link{align-items:center;gap:var(--space-2);font-family:var(--font-mono);letter-spacing:.18em;color:var(--color-text-subtle);text-transform:uppercase;transition:color var(--duration-fast);width:fit-content;font-size:11px;text-decoration:none;display:inline-flex}.sp-project__link:hover{color:var(--color-text-muted)}.sp-project__link-icon{flex-shrink:0;width:1em;height:1em;display:inline-block}.sp-project__children{gap:clamp(var(--space-2), 1.5vw, var(--space-4));flex-wrap:wrap;display:flex}.sp-project__child-chip{align-items:center;gap:var(--space-3);min-width:0;min-height:48px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid rgba(var(--color-text-rgb), .08);background:rgba(var(--color-bg-rgb), .4);-webkit-backdrop-filter:blur(8px);color:var(--color-text-muted);cursor:pointer;transition:border-color var(--duration-fast), color var(--duration-fast), background var(--duration-fast), transform var(--duration-fast);border-bottom:2px solid #0000;flex-direction:row;flex:0 clamp(140px,20vw,220px);display:flex}.sp-project__child-chip:hover{border-color:rgba(var(--color-text-rgb), .16);color:var(--color-text);background:rgba(var(--color-bg-rgb), .55);transform:translateY(-1px)}.sp-project__child-chip:hover .sp-project__child-icon{transform:scale(1.05)}.sp-project__child-chip[aria-pressed=true]{border-color:rgba(var(--color-text-rgb), .12);border-bottom-color:var(--color-brand);color:var(--color-text);background:rgba(var(--color-bg-rgb), .7)}.sp-project__child-name{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:normal;overflow-wrap:break-word;word-break:break-word;max-width:clamp(85px,12vw,150px);font-size:11px;line-height:var(--leading-tight);text-align:left;flex:1}.sp-project__reset{align-items:center;gap:var(--space-2);min-height:48px;font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-medium);color:var(--color-brand);background:rgba(var(--color-brand-rgb), .05);border:1px solid rgba(var(--color-brand-rgb), .35);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);cursor:pointer;letter-spacing:.12em;text-transform:uppercase;transition:background var(--duration-fast), border-color var(--duration-fast), opacity var(--duration-fast);flex:none;display:inline-flex}.sp-project__reset:hover{background:rgba(var(--color-brand-rgb), .1);border-color:var(--color-brand)}.sp-project__reset[hidden]{display:none}.sp-project__stores{gap:var(--space-3);flex-wrap:wrap;display:flex}.sp-project__store-link{align-items:center;gap:var(--space-2);font-family:var(--font-document);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);letter-spacing:.05em;transition:opacity var(--duration-fast);text-decoration:none;display:inline-flex}.sp-project__store-link:hover{opacity:.7}.sp-project__store-icon,.sp-project__link-icon{flex-shrink:0;width:1em;height:1em;display:inline-block}.sp-project__store-label,.sp-project__cta-label{line-height:1}@media (prefers-reduced-motion:reduce){.sp-project__child-chip,.sp-project__reset,.sp-project__cta,.sp-project__store-link,.sp-project__link,.sp-project__name{transition:none}.sp-project__availability[data-avail-status=in_development],.sp-project__availability[data-avail-status=coming_soon]{opacity:.85;animation:none}.sp-project[data-avail-status=concept] .sp-project__name:before,.sp-project[data-avail-status=internal] .sp-project__name:before{opacity:.6;animation:none}.sp-project[data-avail-status=available] .sp-project__content:hover,.sp-project[data-avail-status=buyable] .sp-project__content:hover{transition:none}.sp-project__content{-webkit-backdrop-filter:none;transition:none}.sp-project__child-chip{-webkit-backdrop-filter:none}}