*{box-sizing:border-box}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-page:#f5f5f5;--text:#0a0a0a;--text-muted:#3d3d3d;--card-bg:#fff;--card-border:#e0e0e0;--footer-fg:#fff;--footer-bg:#000;--footer-hover:#1c1c1c;--footer-shadow:0 8px 24px #1111111f;--footer-shadow-hover:0 12px 28px #00000038,0 0 0 1px #ffffff14;--footer-shadow-active:0 6px 16px #0000002e;--footer-focus-ring:#fff;--toggle-bg:#fff;--toggle-border:#e0e0e0;--toggle-fg:#0a0a0a;--toggle-hover:#ebebeb}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-page:#0d0d0d;--text:#f5f5f5;--text-muted:#b5b5b5;--card-bg:#1a1a1a;--card-border:#333;--footer-fg:#111;--footer-bg:#f0f0f0;--footer-hover:#fff;--footer-shadow:0 8px 24px #00000059;--footer-shadow-hover:0 12px 28px #00000073,0 0 0 1px #ffffff1f;--footer-shadow-active:0 6px 16px #0000004d;--footer-focus-ring:#111;--toggle-bg:#262626;--toggle-border:#404040;--toggle-fg:#f5f5f5;--toggle-hover:#333}html,body{background:var(--bg-page);min-height:100%;color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif;transition:background-color .2s,color .2s}body{flex-direction:column;min-height:100vh;display:flex}.app-shell__content{z-index:1;flex:1;display:flex;position:relative}.cloud-sky{z-index:0;pointer-events:none;background:linear-gradient(#1f63c6 0%,#3585da 26%,#6aafe9 52%,#aad8f1 76%,#dceffb 100%);position:fixed;inset:0}.cloud-sky canvas{display:block}.cloud-sky__fallback{pointer-events:none;opacity:1;filter:blur(6px);background-image:radial-gradient(38% 40% at 12% 20%,#fffffff2,#fff0 70%),radial-gradient(32% 34% at 85% 16%,#ffffffeb,#fff0 70%),radial-gradient(30% 32% at 93% 58%,#ffffffd9,#fff0 70%),radial-gradient(36% 38% at 14% 66%,#ffffffe6,#fff0 70%),radial-gradient(34% 34% at 80% 86%,#ffffffe6,#fff0 70%),radial-gradient(28% 30% at 42% 92%,#ffffffd9,#fff0 70%);background-repeat:no-repeat;transition:opacity .9s;position:absolute;inset:0}.cloud-sky__fallback--hidden{opacity:0}.cloud-sky__stage{opacity:0;transition:opacity .8s;position:absolute;inset:0}.cloud-sky__stage--ready{opacity:1}@media (prefers-reduced-motion:reduce){.cloud-sky__fallback,.cloud-sky__stage{transition:none}}:is(body:has(.gallery) .app-shell__footer,body:has(.gallery) .theme-toggle),[data-embedded] .app-shell__footer,[data-embedded] .theme-toggle{display:none}.cloud-sky__ph-ground{background:linear-gradient(#79b138 0%,#4f942a 45%,#2d641b 100%);width:100%;height:36vh;min-height:200px;position:absolute;bottom:0;left:0;right:0}.theme-toggle{z-index:1001;border:1px solid var(--toggle-border);background:var(--toggle-bg);width:44px;height:44px;color:var(--toggle-fg);cursor:pointer;border-radius:12px;place-items:center;padding:0;transition:background-color .2s,border-color .2s,transform .15s;display:grid;position:fixed;top:16px;right:16px;box-shadow:0 2px 12px #0000000f}.theme-toggle:hover{background:var(--toggle-hover)}.theme-toggle:active{transform:scale(.96)}.theme-toggle:focus-visible{outline:2px solid var(--text);outline-offset:2px}.theme-toggle--placeholder{pointer-events:none;visibility:hidden}.theme-toggle__icon{justify-content:center;align-items:center;display:flex}.app-shell__footer{z-index:1000;box-shadow:none;background:0 0;border:none;margin:0;padding:0;position:fixed;bottom:16px;left:16px}.app-shell__footer-link{color:var(--footer-fg);background:var(--footer-bg);box-shadow:var(--footer-shadow);border-radius:999px;align-items:center;gap:8px;padding:6px 10px 6px 8px;font-size:.8125rem;font-weight:500;line-height:1.25;text-decoration:none;transition:box-shadow .2s,background-color .2s,color .2s;display:inline-flex}.app-shell__footer-link:hover{color:var(--footer-fg);background:var(--footer-hover);box-shadow:var(--footer-shadow-hover)}.app-shell__footer-link:active{box-shadow:var(--footer-shadow-active)}.app-shell__footer-link:focus-visible{outline:2px solid var(--footer-focus-ring);outline-offset:3px}@media (prefers-reduced-motion:reduce){html,body,.app-shell__footer-link,.theme-toggle{transition:none}.theme-toggle:active{transform:none}}.app-shell__footer-logo{object-fit:contain;flex-shrink:0;width:18px;height:18px;display:block}.page{flex:1;place-items:center;width:100%;min-height:0;padding:24px;display:grid}.gallery{flex:1;width:100%}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - clamp(120px,20vh,220px));padding:40px 24px 88px;display:flex;position:relative}.gallery--empty .hero{justify-content:center;gap:28px;min-height:100svh;padding:40px 24px}.gallery__header{text-align:center;max-width:760px;margin:0 auto}.hero__scroll{color:#fffffff0;letter-spacing:.01em;text-shadow:0 1px 12px #0c2a5c73;flex-direction:column;align-items:center;gap:4px;font-size:.8125rem;font-weight:500;text-decoration:none;animation:2.2s ease-in-out infinite scroll-bob;display:inline-flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}@keyframes scroll-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}.projects{background:0 0;padding:60px 20px 130px;position:relative}.projects-grid{column-count:1;column-gap:20px;max-width:1180px;margin:0 auto}@media (min-width:640px){.projects-grid{column-count:2}}@media (min-width:1000px){.projects-grid{column-count:3}}@media (min-width:1360px){.projects-grid{column-count:4}}.pcard{break-inside:avoid;background:#fff;border:1px solid #14285014;border-radius:16px;width:100%;margin:0 0 20px;transition:transform .18s,box-shadow .18s;overflow:hidden;box-shadow:0 14px 36px #10306329}.pcard:hover{z-index:2;position:relative;box-shadow:0 24px 52px #10306342;transform:translateY(-4px)rotate(0)!important}.pcard__media{background:#eef3f8;line-height:0;display:block;position:relative}.pcard__media-el{width:100%;height:auto;display:block}.pcard__media:has(.pcard__iframe){aspect-ratio:16/10;overflow:hidden}.pcard__iframe{aspect-ratio:auto;pointer-events:none;background:#fff;border:0;width:100%;height:calc(100% + 64px)}.pcard__body{padding:14px 16px 16px}.pcard__prompt{color:#11203a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:.95rem;font-weight:600;line-height:1.35;text-decoration:none;display:-webkit-box;overflow:hidden}a.pcard__prompt:hover{text-decoration:underline}a.pcard__prompt:focus-visible{outline-offset:2px;border-radius:2px;outline:2px solid #11203a}.pcard__meta{color:#5a6b82;align-items:center;gap:8px;font-size:.8rem;display:flex}.pcard__author{color:#11203a;font-weight:600;text-decoration:none}.pcard__author:hover{text-decoration:underline}.pcard__time:before{content:"·";margin-right:8px}.pcard__iters{color:#2a66d6;white-space:nowrap;background:#2a66d61a;border-radius:999px;align-items:center;gap:3px;margin-left:auto;padding:2px 8px;font-size:.75rem;font-weight:600;line-height:1.5;display:inline-flex}.pcard__iters svg{display:block}@media (prefers-reduced-motion:reduce){.hero__scroll{animation:none}}.gallery__title{letter-spacing:-.01em;color:#fff;text-shadow:0 3px 30px #0c2a5c73,0 1px 3px #0c2a5c4d;margin:0 0 14px;font-size:clamp(2.6rem,7vw,5rem);font-weight:400;line-height:1.04}.gallery__title-pop{color:#fff;text-underline-offset:.1em;-webkit-text-decoration:underline #ffffffd9;text-decoration:underline #ffffffd9;text-decoration-thickness:.05em;transition:text-decoration-color .18s}.gallery__title-pop:hover{text-decoration-color:#fff}.gallery__title-pop:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #fff}.gallery__handle{color:#ffffffdb;font-style:italic}.gallery__subtitle{color:#fffffff2;text-shadow:0 1px 16px #0c2a5c66;max-width:480px;margin:0 auto;font-size:1.0625rem;line-height:1.55}.gallery__subtitle strong{font-weight:600}.hero__cta{color:#fff;background:#111;border-radius:999px;justify-content:center;align-items:center;min-height:44px;margin-top:22px;padding:12px 24px;font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;transition:transform .15s,box-shadow .2s,background-color .2s;display:inline-flex;box-shadow:0 10px 28px #0c2a5c4d}.hero__cta:hover{background:#1c1c1c;box-shadow:0 14px 34px #0c2a5c5c}.hero__cta:active{transform:scale(.98)}.hero__cta:focus-visible{outline-offset:3px;outline:2px solid #fff}.gallery-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:640px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;flex-direction:column;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .15s;display:flex;overflow:hidden;box-shadow:0 12px 34px #1030632e,0 2px 6px #1030631a}.card:hover{transform:translateY(-3px);box-shadow:0 22px 48px #10306342,0 4px 10px #1030631f}.card__screen{aspect-ratio:4/3;background:var(--bg-page);border-bottom:1px solid var(--card-border);width:100%;position:relative;overflow:hidden}.card__preview{pointer-events:none;background:#fff;border:0;width:100%;height:100%;position:absolute;inset:0}.card__screen-link{z-index:2;position:absolute;inset:0}.card__screen-link:focus-visible{outline:2px solid var(--text);outline-offset:-2px}.card__artifacts{background:var(--card-border);grid-template-columns:1fr;gap:2px;display:grid;position:absolute;inset:0}.card__artifacts--multi{grid-template-columns:1fr 1fr}.card__artifact{background:var(--bg-page);min-width:0;min-height:0;position:relative;overflow:hidden}.card__artifact-media{object-fit:cover;width:100%;height:100%;display:block}video.card__artifact-media{background:#000}.card__body{flex-direction:column;gap:12px;padding:18px 20px 20px;display:flex}.card__prompt{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.card__meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.875rem;display:flex}.card__author{color:var(--text);font-weight:600;text-decoration:none}.card__author:hover{text-decoration:underline}.card__time:before{content:"·";color:var(--text-muted);margin-right:8px}.card__links{flex-wrap:wrap;align-items:center;gap:14px;margin-top:auto;display:flex}.card__open{color:var(--footer-fg);background:var(--footer-bg);box-shadow:var(--footer-shadow);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:.875rem;font-weight:600;text-decoration:none;transition:background-color .2s,box-shadow .2s,transform .15s;display:inline-flex}.card__open:hover{background:var(--footer-hover);box-shadow:var(--footer-shadow-hover)}.card__open:active{transform:scale(.98)}.card__open:focus-visible{outline:2px solid var(--footer-focus-ring);outline-offset:3px}.card__reply{color:var(--text-muted);font-size:.875rem;font-weight:500;text-decoration:none}.card__reply:hover{color:var(--text);text-decoration:underline}