:root{--bg-0: #05060a;--bg-1: #080a12;--ink: #eef1fb;--ink-dim: #aab2cc;--ink-faint: #6b7390;--acc-1: #8b7bff;--acc-2: #5ad7ff;--acc-3: #7af0c0;--accent: var(--acc-2);--glass-bg: rgba(255, 255, 255, .045);--glass-bg-strong: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .12);--glass-border-bright: rgba(255, 255, 255, .28);--glass-blur: 22px;--glass-shadow: 0 24px 70px -20px rgba(0, 0, 0, .7), 0 4px 18px -8px rgba(0, 0, 0, .5);--glass-inset: inset 0 1px 0 0 rgba(255, 255, 255, .16), inset 0 0 0 1px rgba(255, 255, 255, .03);--r-sm: 12px;--r-md: 18px;--r-lg: 26px;--r-xl: 34px;--ease-spring: cubic-bezier(.22, 1, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-0);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.55;overflow-x:hidden}h1,h2,h3,.display{font-family:Space Grotesk,Inter,system-ui,sans-serif;letter-spacing:-.02em;margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}::selection{background:#7af0c047}.aurora{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;background:radial-gradient(1200px 800px at 80% -10%,rgba(139,123,255,.18),transparent 60%),radial-gradient(1000px 700px at -10% 20%,rgba(90,215,255,.14),transparent 55%),radial-gradient(900px 900px at 50% 120%,rgba(122,240,192,.12),transparent 60%),linear-gradient(180deg,var(--bg-1),var(--bg-0))}.aurora:before,.aurora:after{content:"";position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(90px);opacity:.5;mix-blend-mode:screen;animation:drift 28s ease-in-out infinite alternate}.aurora:before{top:-20vmax;left:-10vmax;background:radial-gradient(circle,rgba(139,123,255,.55),transparent 60%)}.aurora:after{bottom:-25vmax;right:-10vmax;background:radial-gradient(circle,rgba(90,215,255,.5),transparent 60%);animation-delay:-12s}@keyframes drift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(6vmax,4vmax,0) scale(1.12)}to{transform:translate3d(-4vmax,-6vmax,0) scale(.96)}}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.glass{position:relative;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(170%);backdrop-filter:blur(var(--glass-blur)) saturate(170%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-inset);border-radius:var(--r-lg)}.glass-sheen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.02) 18%,transparent 40%)}.shell{position:relative;min-height:100%;width:100%;overflow-x:clip}.container{width:min(1180px,calc(100% - 48px));margin:0 auto}.gradient-text{background:linear-gradient(100deg,var(--acc-1),var(--acc-2) 50%,var(--acc-3));-webkit-background-clip:text;background-clip:text;color:transparent}.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.primary-btn{border:1px solid var(--glass-border-bright);background:linear-gradient(120deg,var(--acc-1),var(--acc-2));color:#07101a;font-weight:650;padding:11px 20px;border-radius:999px;transition:transform .25s var(--ease-spring),box-shadow .25s var(--ease-spring),filter .25s;box-shadow:0 10px 30px -10px #5ad7ff99}.primary-btn:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 16px 40px -12px #5ad7ffbf}.ghost-btn{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--ink);padding:10px 18px;border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .25s,background .25s,transform .25s var(--ease-spring)}.ghost-btn:hover{border-color:var(--glass-border-bright);background:var(--glass-bg-strong);transform:translateY(-1px)}.site-header{position:sticky;top:0;z-index:75;padding:14px 0;-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);background:linear-gradient(180deg,#05060ab3,#05060a00);border-bottom:1px solid rgba(255,255,255,.04)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;font-family:Space Grotesk,sans-serif;font-weight:700;color:#0a0a14;background:linear-gradient(135deg,var(--acc-1),var(--acc-2) 55%,var(--acc-3));box-shadow:var(--glass-inset),0 8px 22px -10px #5ad7ff99}.brand-name{display:flex;flex-direction:column;font-weight:650;line-height:1.05;font-size:.98rem}.brand-role{font-size:.72rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.header-actions{display:flex;align-items:center;gap:8px}.header-contact{font-size:.85rem;white-space:nowrap;padding:9px 16px}.nav-link{color:var(--ink-dim);font-size:.9rem;font-weight:500;padding:8px 14px;border-radius:999px;border:1px solid transparent;background:transparent;transition:color .2s,background .2s,border-color .2s}.nav-link:hover{color:var(--ink);background:var(--glass-bg);border-color:var(--glass-border)}.admin-trigger{cursor:pointer}.admin-pill{display:flex;align-items:center;gap:10px;padding:7px 8px 7px 14px;border-radius:999px;font-size:.82rem;font-weight:600}.admin-dot{width:8px;height:8px;border-radius:50%;background:var(--acc-3);box-shadow:0 0 10px var(--acc-3)}.admin-meta{color:var(--ink-faint);font-weight:500;font-size:.76rem}.admin-pill .ghost-btn{padding:5px 12px;font-size:.78rem}.hero{padding:92px 0 56px;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 16px;border-radius:999px;font-size:.84rem;color:var(--ink-dim);margin-bottom:30px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--acc-3);box-shadow:0 0 #7af0c099;animation:pulse 2.2s infinite}@keyframes pulse{0%{box-shadow:0 0 #7af0c08c}70%{box-shadow:0 0 0 10px #7af0c000}to{box-shadow:0 0 #7af0c000}}.hero-title{font-size:clamp(2.3rem,6vw,4.4rem);line-height:1.04;font-weight:700;margin:0 auto;max-width:16ch}.hero-sub{margin:26px auto 0;max-width:60ch;color:var(--ink-dim);font-size:clamp(1rem,1.6vw,1.18rem)}.hero-sub strong{color:var(--ink);font-weight:600}.hero-stats{display:flex;justify-content:center;gap:14px;margin-top:44px;flex-wrap:wrap}.stat{min-width:116px;padding:18px 22px;border-radius:var(--r-md);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stat-n{font-family:Space Grotesk,sans-serif;font-size:1.9rem;font-weight:700;background:linear-gradient(120deg,var(--acc-2),var(--acc-3));-webkit-background-clip:text;background-clip:text;color:transparent}.stat-label{font-size:.78rem;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.work{padding:0 0 60px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:30px}.section-head h2{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700}.filters{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--ink-dim);font-size:.82rem;font-weight:550;padding:8px 14px;border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .22s var(--ease-spring)}.chip:hover{color:var(--ink);border-color:var(--glass-border-bright)}.chip-active,.chip-active:hover{color:#07101a;background:linear-gradient(120deg,var(--acc-1),var(--acc-2));border-color:var(--glass-border-bright);font-weight:650;box-shadow:0 10px 30px -10px #5ad7ff99}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));grid-auto-rows:var(--card-row-height, 1fr);gap:24px}.card{cursor:pointer;border-radius:var(--r-lg);overflow:hidden;transition:transform .4s var(--ease-spring),box-shadow .4s var(--ease-spring),border-color .4s}.card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(140deg,var(--c1, var(--acc-1)),transparent 40%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s;pointer-events:none}.card:hover{transform:translateY(-6px);border-color:var(--glass-border-bright);box-shadow:0 40px 90px -30px #000c,0 0 0 1px #ffffff0d}.card:hover:before{opacity:.8}.card-tilt{position:relative;isolation:isolate;min-height:100%;transform-style:preserve-3d;border-radius:calc(var(--r-lg) - 1px);overflow:hidden}.card-tilt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;border:1px solid color-mix(in srgb,var(--c1),transparent 20%);pointer-events:none}.card-featured{grid-column:span 2}.card-hidden{opacity:.42;filter:saturate(.4)}.preview{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left}.preview-chrome{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.preview-chrome .dot{width:9px;height:9px;border-radius:50%;background:#ffffff2e}.preview-url{margin-left:auto;font-size:.72rem;color:var(--ink-faint);letter-spacing:.02em}.preview-frame{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:radial-gradient(120% 120% at 50% 0%,#11131d,#07080d)}.card-featured:not(.card-pack-preview) .preview-frame{aspect-ratio:32 / 12}.preview-frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;pointer-events:none;-webkit-user-select:none;user-select:none;transition:transform .6s var(--ease-spring),filter .4s,opacity .2s}.card:hover .preview-frame img{transform:scale(1.045)}.preview-frame.preview-fallback:before{content:attr(data-label);color:#fff;position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:1.5rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;background:linear-gradient(135deg,var(--c1, #1a1d2b),#07080d)}.preview-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 55%,rgba(5,6,10,.55));pointer-events:none}.preview-sheen{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;pointer-events:none;mix-blend-mode:screen}.card:hover .preview-sheen{opacity:1}.preview-cta{position:absolute;left:50%;bottom:16px;transform:translate(-50%,14px);display:inline-flex;align-items:center;padding:9px 18px;font-size:.86rem;opacity:0;transition:opacity .32s var(--ease-spring),transform .32s var(--ease-spring);pointer-events:none}.card:hover .preview-cta{opacity:1;transform:translate(-50%)}.card-body{padding:18px 20px 22px}.card-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.card-title{font-size:1.22rem;font-weight:650}.card-cat{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);white-space:nowrap;border:1px solid var(--glass-border);padding:3px 9px;border-radius:999px}.card-tagline{margin:8px 0 14px;color:var(--ink-dim);font-size:.92rem;line-height:1.5}.card-tech{display:flex;flex-wrap:wrap;gap:7px}.tech{font-size:.72rem;color:var(--ink-dim);background:#ffffff0a;border:1px solid var(--glass-border);padding:4px 10px;border-radius:8px}.card-link{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:0;border:0;background:none;color:var(--acc-2);font-size:.82rem;font-weight:600;letter-spacing:.01em;opacity:.85;transition:opacity .2s,gap .25s var(--ease-spring)}.card-link:hover{opacity:1;gap:9px}.reader-backdrop{z-index:90}.reader{width:min(960px,100%);height:min(88vh,980px)}.reader .modal-bar{flex-wrap:wrap}.reader .modal-title{flex-wrap:wrap;gap:4px 12px;min-width:0}.reader .modal-tech{overflow-wrap:anywhere}.reader .modal-bar-right{flex-wrap:wrap;margin-left:auto}.reader-demo{font-size:.82rem;padding:7px 13px;white-space:nowrap}.reader-body{flex:1;overflow:auto;padding:28px 40px 48px;background:radial-gradient(120% 120% at 50% 0%,rgba(255,255,255,.04),transparent 60%);color:var(--ink-dim);font-size:.95rem;line-height:1.65;overscroll-behavior:contain}.reader-body h1,.reader-body h2,.reader-body h3{color:var(--ink);font-weight:650;letter-spacing:-.015em;margin:1.6em 0 .5em}.reader-body h1{font-size:1.7rem;margin-top:.2em}.reader-body h2{font-size:1.25rem;padding-top:.6em;border-top:1px solid rgba(255,255,255,.07)}.reader-body h3{font-size:1.02rem}.reader-body p{margin:0 0 1em}.reader-body blockquote{margin:0 0 1.2em;padding:12px 18px;border-left:3px solid var(--c1, var(--acc-1));border-radius:0 var(--r-sm) var(--r-sm) 0;background:#ffffff08;color:var(--ink)}.reader-body blockquote p:last-child{margin:0}.reader-body a{color:var(--acc-2);text-decoration:underline;text-decoration-color:#5ad7ff59;text-underline-offset:3px}.reader-body img{max-width:100%;height:auto;border-radius:var(--r-sm);border:1px solid var(--glass-border);vertical-align:middle}.reader-body p[align=center],.reader-body div[align=center]{text-align:center}.reader-body table{width:100%;border-collapse:collapse;margin:0 0 1.2em;font-size:.9rem}.reader-body th,.reader-body td{padding:8px 10px;border:1px solid rgba(255,255,255,.08);vertical-align:top}.reader-body th{color:var(--ink);text-align:left;background:#ffffff08}.reader-body code{font-family:SF Mono,Menlo,Consolas,monospace;font-size:.85em;padding:2px 6px;border-radius:6px;background:#ffffff0f;color:var(--ink)}.reader-body pre{overflow:auto;padding:14px 16px;border-radius:var(--r-sm);background:#00000059;border:1px solid var(--glass-border);margin:0 0 1.2em}.reader-body pre code{padding:0;background:none}.reader-body hr{border:0;height:1px;background:#ffffff14;margin:1.6em 0}.reader-body ul,.reader-body ol{padding-left:22px;margin:0 0 1em}.reader-body li{margin-bottom:6px}.reader-body strong{color:var(--ink)}.card-admin{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid rgba(255,255,255,.06);background:#ffffff05}.card-admin-label{font-size:.78rem;color:var(--ink-faint);font-weight:550}.switch{width:46px;height:26px;border-radius:999px;border:1px solid var(--glass-border);background:#ffffff0f;position:relative;transition:background .3s var(--ease-spring),border-color .3s}.switch-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .3s var(--ease-spring);box-shadow:0 2px 6px #0006}.switch-on{background:linear-gradient(120deg,var(--acc-2),var(--acc-3));border-color:transparent}.switch-on .switch-knob{transform:translate(20px)}.empty{padding:48px;border-radius:var(--r-lg);text-align:center;color:var(--ink-dim)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:28px;background:#0304089e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal{width:min(1180px,100%);height:min(82vh,860px);display:flex;flex-direction:column;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--glass-border-bright)}.sheet-handle{display:none}.modal-header{flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0f,#fff0)}.modal-bar{display:flex;align-items:center;gap:16px;padding:12px 16px}.modal-bar-left{display:flex;gap:7px}.modal-dot{width:11px;height:11px;border-radius:50%;background:#fff3}.modal-bar-left .modal-dot:nth-child(1){background:#ff5f57}.modal-bar-left .modal-dot:nth-child(2){background:#febc2e}.modal-bar-left .modal-dot:nth-child(3){background:#28c840}.modal-title{display:flex;align-items:baseline;gap:12px;margin:0 auto 0 8px}.modal-title strong{font-size:.98rem}.modal-tech{font-size:.78rem;color:var(--ink-faint)}.modal-bar-right{display:flex;gap:8px;align-items:center}.modal-actions,.modal-action-buttons{display:contents}.modal-btn{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--ink-dim);font-size:.82rem;font-weight:550;padding:7px 13px;border-radius:999px;transition:all .2s}.modal-btn:hover{color:var(--ink);border-color:var(--glass-border-bright);background:var(--glass-bg-strong)}.modal-close{width:34px;padding:7px 0;text-align:center}.modal-stage{position:relative;flex:1;background:#fff}.demo-iframe{width:100%;height:100%;border:0;display:block;background:#fff}.modal-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:16px;color:var(--ink-dim);background:radial-gradient(120% 120% at 50% 30%,#11131d,#07080d)}.spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(255,255,255,.12);border-top-color:var(--acc-2);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.preview-only{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1.4fr 1fr;background:radial-gradient(120% 120% at 30% 0%,#10121b,#06070c)}.preview-only img{width:100%;height:100%;object-fit:cover;object-position:top center}.preview-only-card{margin:auto;width:min(90%,380px);padding:28px;border-radius:var(--r-lg)}.preview-only-card h3{font-size:1.4rem;margin-bottom:10px}.preview-only-card p{color:var(--ink-dim);font-size:.92rem;margin:0 0 14px}.preview-only-reason{font-size:.85rem!important;color:var(--ink-faint)!important;padding:12px 14px;border-radius:var(--r-sm);background:#ffffff08;border:1px solid var(--glass-border)}.login{width:min(420px,100%);padding:34px;border-radius:var(--r-xl);text-align:center;border:1px solid var(--glass-border-bright)}.login-mark{font-size:2.4rem;color:var(--acc-2);margin-bottom:6px}.login h3{font-size:1.6rem}.login-sub{color:var(--ink-dim);font-size:.9rem;margin:8px 0 24px}.field{display:block;text-align:left;margin-bottom:14px}.field span{display:block;font-size:.78rem;color:var(--ink-faint);margin-bottom:6px;letter-spacing:.04em}.field input{width:100%;padding:12px 14px;border-radius:var(--r-sm);border:1px solid var(--glass-border);background:#ffffff0a;color:var(--ink);font-size:.95rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s,background .2s}.field input:focus{outline:none;border-color:var(--acc-2);background:#ffffff12}.login-error{color:#ff8b8b;font-size:.84rem;margin:4px 0 14px}.login-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.admin-bar{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:12px;padding:12px 20px;border-radius:999px;font-size:.86rem;border:1px solid var(--glass-border-bright)}.admin-bar-dot{width:9px;height:9px;border-radius:50%;background:var(--acc-3);box-shadow:0 0 10px var(--acc-3)}.admin-bar-text strong{color:var(--acc-3)}.admin-bar-hint{color:var(--ink-faint);font-size:.8rem;border-left:1px solid var(--glass-border);padding-left:12px}.site-footer{padding:40px 0 60px}.footer-glass{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;width:max-content;max-width:100%;margin-inline:auto;padding:clamp(16px,4vw,36px);border-radius:var(--r-xl)}.footer-title{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700}.footer-sub{color:var(--ink-dim);margin:8px 0 0;max-width:44ch}.footer-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.footer-fine{text-align:center;color:var(--ink-faint);font-size:.8rem;margin-top:28px}@media (max-width: 900px){.card-featured{grid-column:span 1}.card-featured:not(.card-pack-preview) .preview-frame{aspect-ratio:16 / 10}.preview-only{grid-template-columns:1fr}.preview-only img{display:none}}@media (max-width: 760px),(max-height: 560px) and (pointer: coarse){.site-header .header-actions>.nav-link{display:none}.modal-backdrop:has(>.modal){--sheet-gap: max(12px, env(safe-area-inset-top));padding:var(--sheet-gap) 0 0;place-items:end stretch}.modal{width:100%;height:calc(100vh - var(--sheet-gap));height:calc(100dvh - var(--sheet-gap));border-bottom:0;border-radius:var(--r-xl) var(--r-xl) 0 0;will-change:transform}.modal>.reader-body,.modal>.modal-stage{transform:translateZ(0)}.modal-header{touch-action:pan-x pinch-zoom}.sheet-handle{position:relative;z-index:1;display:block;flex-shrink:0;width:100%;height:28px;padding:10px 0;border:0;background:transparent;cursor:grab;touch-action:none}.sheet-handle:active{cursor:grabbing}.sheet-handle span{display:block;width:36px;height:5px;margin:auto;border-radius:999px;background:#ffffff4d}.modal .modal-bar{--modal-gap: max(16px, env(safe-area-inset-left), env(safe-area-inset-right));--modal-close-size: 44px;position:relative;flex-wrap:nowrap;gap:var(--modal-gap);flex-shrink:0;padding:0 var(--modal-gap) 12px}.modal .modal-title{flex:0 0 auto;flex-wrap:nowrap;min-width:0;max-width:35%;margin:0;align-items:center;touch-action:none}.modal-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal .modal-bar-right{position:relative;flex:1;min-width:0;gap:var(--modal-gap);flex-wrap:nowrap;margin-left:0}.modal-actions{display:flex;flex:1;min-width:0;gap:8px;padding:32px 0;margin:-32px 0;overflow:visible;scrollbar-width:none;touch-action:pan-x pinch-zoom;overscroll-behavior:contain}.modal[data-actions-overflow] .modal-actions{padding-inline:16px;overflow-x:auto;-webkit-mask-image:linear-gradient(to right,transparent,#000 12px,#000 calc(100% - 12px),transparent);mask-image:linear-gradient(to right,transparent,#000 12px,#000 calc(100% - 12px),transparent)}.modal-action-buttons{display:flex;flex:none;width:max-content;gap:8px;margin-left:auto}.modal-actions::-webkit-scrollbar{display:none}.modal-bar-right .modal-btn,.modal-bar-right .reader-demo{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;white-space:nowrap;pointer-events:auto}.modal-close{width:var(--modal-close-size)}.modal[data-actions-overflow] .modal-bar-right:before,.modal[data-actions-overflow] .modal-bar-right:after{content:"";position:absolute;z-index:1;top:-8px;bottom:-8px;width:24px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12px,#000 calc(100% - 12px),transparent);mask-image:linear-gradient(to bottom,transparent,#000 12px,#000 calc(100% - 12px),transparent);pointer-events:none}.modal-bar-right:before{left:0;border-left:1px solid rgba(255,255,255,.16);background:linear-gradient(to left,transparent,rgba(5,6,10,.72))}.modal-bar-right:after{right:calc(var(--modal-close-size) + var(--modal-gap));border-right:1px solid rgba(255,255,255,.16);background:linear-gradient(to right,transparent,rgba(5,6,10,.72))}.reader-body{min-height:0;padding:20px max(20px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));overflow-wrap:anywhere}.modal-stage{min-height:0;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}@media (max-width: 560px){.grid{grid-template-columns:1fr}.hero{padding:60px 0 40px}.brand-role,.admin-bar-hint{display:none}}.glass-gpu{position:fixed;top:0;left:0;width:100vw;height:100vh;visibility:hidden;pointer-events:none}.glass-background{display:contents}.glass-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:-2;pointer-events:none}html:not(.has-wgl) .glass-gpu,html:not(.has-wgl) .glass-bg{display:none}.glass-el{position:absolute;z-index:-1;pointer-events:none}.has-wgl .card,.has-wgl .hero-badge,.has-wgl .stat,.has-wgl .footer-glass{position:relative;isolation:isolate}.has-wgl .aurora{display:none}.has-wgl .hero-badge:not(.glass-cpu),.has-wgl .stat:not(.glass-cpu),.has-wgl .footer-glass:not(.glass-cpu){background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:transparent;box-shadow:none}.has-wgl .card:not(.glass-cpu):before,.has-wgl .glass-sheen:not(.glass-cpu):after,.has-wgl .preview-sheen{display:none}.has-wgl .card{overflow:visible;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:transparent;box-shadow:none;transition:none}.has-wgl .card>.glass-el{opacity:1;transition:opacity .28s ease-out}.has-wgl .card.glass-pending>.glass-el{opacity:0}.has-wgl .card-tilt:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:linear-gradient(135deg,#b8c8ed18,#6bbac718 60%,#a98edf14),#151d27;opacity:1;transition:opacity .28s ease-out;pointer-events:none}.has-wgl .card:not(.glass-pending):not(.card-pack-preview) .card-tilt:before{opacity:0}.has-wgl .card:hover{transform:none;box-shadow:none}.has-wgl .card-tilt{overflow:hidden;border-radius:calc(var(--r-lg) - 1px);will-change:transform}.has-wgl .card:hover .preview-frame img{transform:none}@media (prefers-reduced-motion: reduce){.has-wgl .card>.glass-el,.has-wgl .card-tilt:before{transition:none}}.ios-viewport{--ios-top-bleed: 96px;--ios-header-gutter: 24px}@media (max-width: 400px){.ios-viewport{--ios-header-gutter: 12px}}.ios-viewport body,.ios-viewport #root{height:auto;min-height:100dvh}.ios-viewport body{overflow-x:clip;background-color:#000}.ios-viewport #root{position:relative}.ios-viewport #root:after{content:"";position:absolute;inset:auto 0 0;height:96px;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,transparent,#000)}.ios-viewport .glass-background{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:clip;pointer-events:none}.ios-viewport .glass-bg,.ios-viewport .glass-gpu,.ios-viewport .aurora,.ios-viewport .grain{position:absolute}.ios-viewport .site-header{position:sticky;top:0;width:1px;padding-top:calc(14px + env(safe-area-inset-top));padding-inline:0;background:none;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.ios-viewport .site-header .header-inner{width:min(1180px,calc(100vw - 2 * var(--ios-header-gutter) - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));margin-left:max(calc(var(--ios-header-gutter) + env(safe-area-inset-left,0px)),calc((100vw - 1180px)/2));margin-right:0}.ios-viewport .site-header:before{content:"";position:absolute;inset:calc(-1 * var(--ios-top-bleed)) auto 0 0;width:100vw;z-index:-1;pointer-events:none;background:#05060a47;border-bottom:1px solid rgba(255,255,255,.04);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%)}.ios-viewport .work{scroll-margin-top:calc(84px + env(safe-area-inset-top))}.ios-viewport .site-footer{padding-bottom:calc(60px + env(safe-area-inset-bottom))}.ios-viewport .modal-backdrop:has(>.modal){--safari-bleed: calc(100lvh - 100svh + 96px) ;position:absolute;bottom:auto;height:calc(var(--sheet-viewport-height, 100dvh) + var(--safari-bleed) + var(--ios-top-bleed));padding-top:calc(var(--sheet-gap) + var(--ios-top-bleed))}.ios-viewport .modal{height:100%}.ios-viewport .reader-body{padding-bottom:calc(28px + env(safe-area-inset-bottom) + var(--safari-bleed))}.ios-viewport .modal-stage{padding-bottom:calc(env(safe-area-inset-bottom) + var(--safari-bleed))}.portfolio-intro{display:flex;flex-direction:column;align-items:center;gap:26px;padding-block:32px 38px;scroll-margin-top:90px}.portfolio-intro .hero{width:100%;padding:16px 0 0;text-align:center}.portfolio-intro .hero-badge{margin-bottom:22px}.portfolio-intro .hero-title{font-size:clamp(2.5rem,4.8vw,4.1rem);max-width:27ch;margin:0 auto;line-height:1.08}.portfolio-intro .hero-sub{font-size:1rem;max-width:68ch;margin:22px auto 0;line-height:1.7}.portfolio-intro .hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,372px);margin:24px auto 0;gap:12px}.portfolio-intro .stat{min-width:0;aspect-ratio:1;padding:12px 8px;display:flex;flex-direction:column;justify-content:center}.portfolio-intro .stat-n{font-size:1.55rem}.portfolio-intro .stat-label{font-size:.66rem;line-height:1.3;min-height:2.6em;display:grid;place-content:center;white-space:pre-line}.stat-label{color:#fff}.hero-browse{display:inline-flex;align-items:center;gap:24px;padding:0 0 7px;margin-top:22px;background:none;border:0;border-bottom:1px solid var(--glass-border-bright);color:var(--ink-dim);font-size:.86rem}.hero-browse:hover{color:var(--ink);border-color:var(--acc-2)}.portfolio-pack{position:relative;width:min(760px,100%);min-width:0;scroll-margin-top:100px}.pack-edition{display:flex;align-items:center;justify-content:center;gap:12px;padding-inline:12px;color:var(--ink-dim);font:.6rem/1.4 SF Mono,Menlo,monospace;letter-spacing:.14em;white-space:nowrap}.pack-edition>span:not(.pack-edition-line){color:#d7b98b}.pack-edition-line{height:1px;width:28px;background:var(--glass-border)}.pack-stage{position:relative;height:630px;isolation:isolate}.pack-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:3;touch-action:pan-y}.pack-open:not(.pack-discarding) .pack-canvas{pointer-events:none;visibility:hidden}.portfolio-pack .pack-canvas-expanded{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;visibility:visible;pointer-events:none}.pack-opening,.pack-discarding,.pack-closing{z-index:70;pointer-events:none}.pack-return-layer{position:absolute;inset:0 0 auto;height:0;z-index:65;overflow-x:clip;pointer-events:none}.card.card-returning{transform-origin:top left;will-change:transform;pointer-events:none}.card.card-flight{transform-origin:top left}.card.card-flight .card-tilt{will-change:auto;transform-style:flat}.card-flight-backing{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:linear-gradient(135deg,#b8c8ed18,#6bbac718 60%,#a98edf14),#151d27;pointer-events:none}.pack-deck.card-flight-compact{left:0;top:0;visibility:inherit;transform-origin:top left;pointer-events:none;z-index:1}.card-flight :is(.preview-cta,.card-link),.card-pack-preview :is(.preview-cta,.card-link),.card-dealing:not([data-deal-landed]) :is(.preview-cta,.card-link){visibility:hidden}.work-returning{visibility:hidden;pointer-events:none}.work-returning .section-head{opacity:0}.work-returning .card-tilt{will-change:auto}.pack-glow{position:absolute;top:12%;right:6%;bottom:12%;left:6%;border-radius:50%;background:radial-gradient(ellipse at 40% 40%,#8455e322,transparent 65%),radial-gradient(ellipse at 65% 75%,#55d6e91c,transparent 60%);filter:blur(30px);pointer-events:none}.pack-tear-handle{visibility:hidden;position:absolute;top:0;left:0;width:84px;height:84px;padding:0;border:0;border-radius:50%;background:transparent;z-index:4;touch-action:none;cursor:grab}.pack-tear-handle:disabled{visibility:hidden!important}.pack-dragging .pack-tear-handle{cursor:grabbing}.pack-tear-handle>span{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:7px;border:1px solid transparent}.pack-tear-handle:hover>span{border-color:#e0cff66b;box-shadow:0 0 22px #b197e926}.pack-tear-callout{position:absolute;top:0;left:0;margin-left:-96px;display:flex;align-items:center;gap:10px;font:italic 14px Georgia,serif;color:#c5bdcf;white-space:nowrap;pointer-events:none;z-index:4;opacity:0}.pack-tear-callout>span{font:22px Arial,sans-serif;color:#d7b98b}.pack-controls{text-align:center;position:relative;z-index:71}.pack-instruction h2{font:400 1.3rem/1.4 Georgia,serif;letter-spacing:-.01em;color:#e3d4ec}.pack-instruction p{font-size:.79rem;color:var(--ink-dim);margin:8px 0 5px}.pack-instruction .pack-opening-label{margin:24px 0 5px;padding:8px 16px;font-size:.84rem}.pack-text-button{border:0;background:transparent;color:var(--ink-dim);padding:8px;font-size:.76rem;text-underline-offset:4px}.pack-text-button:hover{color:var(--ink);text-decoration:underline}.pack-text-button:disabled{cursor:default;opacity:.4}.portfolio-pack button:focus-visible,.hero-browse:focus-visible{outline:2px solid var(--acc-2);outline-offset:5px}.pack-status{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px;color:var(--ink-dim);text-align:center;font-size:.85rem}.pack-status>span{font-size:3rem;color:var(--acc-1)}.pack-error{background:#080a12e8;border-radius:var(--r-lg)}.pack-deck{--pack-spread: 0;position:absolute;left:50%;top:50%;width:314px;aspect-ratio:1 / 1.4;transform:translate(-50%,-50%);visibility:hidden;z-index:2}.pack-card{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pack-stack-0{z-index:3}.pack-stack-1{transform:translate(calc(var(--pack-spread) * 7px),calc(var(--pack-spread) * 7px));z-index:2}.pack-stack-2{transform:translate(calc(var(--pack-spread) * 14px),calc(var(--pack-spread) * 14px));z-index:1}.pack-deck .card{height:100%;grid-column:auto}.pack-deck .card:hover{transform:none}.pack-deck .card-tilt{height:100%;display:flex;flex-direction:column;overflow:hidden}.pack-deck .preview{flex-shrink:0;color:inherit}.pack-deck .preview-chrome{padding:9px 12px}.pack-deck .preview-frame{aspect-ratio:1.7}.pack-deck .preview-url{font-size:.63rem}.pack-deck .preview-cta{font-size:.75rem;opacity:1;transform:translate(-50%);padding:8px 13px;white-space:nowrap}.pack-deck .card-body{flex:1;min-height:0;padding:14px 16px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--glass-border-bright) transparent}.pack-deck .card-top{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:8px}.pack-deck .card-title{font-size:1.05rem;line-height:1.2}.pack-deck .card-cat{font-size:.58rem;padding:2px 7px}.pack-deck .card-tagline{font-size:.8rem;line-height:1.5;margin:7px 0 10px}.pack-deck .card-tech{gap:5px}.pack-deck .tech{font-size:.59rem;padding:3px 6px}.pack-deck .card-link{font-size:.75rem;margin-top:10px}.pack-deck .card-admin{padding:7px 16px;flex-shrink:0}.pack-secondary-actions{margin-top:10px;color:var(--ink-faint)}.work{scroll-margin-top:84px}.admin-bar{pointer-events:none;white-space:nowrap}.work-dealing{position:relative;isolation:isolate;z-index:2}.work-dealing .chip{cursor:default}.card.card-dealing{transform-origin:top left;will-change:transform;pointer-events:none}html .card.card-dealing,html .card.card-pack-preview{-webkit-backdrop-filter:none;backdrop-filter:none}.pack-collected .pack-stage{height:0;visibility:hidden}.pack-collected .pack-edition{display:none}.pack-collected .pack-controls{min-height:0}@media (max-width: 760px){.portfolio-intro{gap:30px;padding-top:22px}.portfolio-intro .hero{padding-top:0}.portfolio-intro .hero-badge{font-size:.73rem;padding:8px 12px;margin-bottom:18px}.portfolio-intro .hero-title{max-width:24ch;font-size:clamp(2.1rem,6.2vw,2.9rem)}.portfolio-intro .hero-title br{display:none}.portfolio-intro .hero-sub{font-size:.9rem;line-height:1.65;margin-top:18px}.portfolio-intro .hero-stats{margin-top:20px;gap:8px}.portfolio-intro .hero-stats{max-width:320px}.portfolio-intro .stat{padding:9px 7px}.portfolio-intro .stat-n{font-size:1.2rem}.portfolio-intro .stat-label{font-size:.59rem}.hero-browse{margin-top:18px;font-size:.77rem;padding-bottom:4px}.pack-stage{height:570px}.pack-edition{font-size:.53rem;gap:8px}.pack-edition-line{width:20px}.pack-controls{min-height:108px}}@media (max-width: 560px){.header-inner{flex-wrap:wrap;gap:8px}.header-actions{margin-left:auto}.header-contact{font-size:.78rem;padding:8px 12px}.admin-pill{padding:5px 6px 5px 9px;gap:6px}.admin-meta{display:none}.admin-bar{font-size:.74rem;padding:8px 12px;bottom:12px}}@media (max-width: 400px){.portfolio-intro{width:calc(100% - 32px)}.portfolio-intro .stat-label{font-size:.55rem;letter-spacing:.04em}.pack-stage{height:540px}.pack-deck .card-body{padding:10px 13px}.pack-deck .card-title{font-size:.95rem}.pack-deck .card-tagline{font-size:.75rem}.pack-deck .card-top{gap:5px}.pack-deck .card-link{margin-top:6px}.site-header .container{width:calc(100% - 24px)}.site-header .nav-link{padding:8px;font-size:.8rem}.brand{gap:8px}.brand-name{font-size:.85rem}}@media (max-width: 360px){.pack-deck{aspect-ratio:1 / 1.65}.pack-edition{letter-spacing:.06em}}