:root{color-scheme:light;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--brand:#3e6ae1;--brand-strong:#3457b1;--ink:#171a20;--bg:#f8fafc;--surface:#fff;--surface-2:#f1f5f9;--text:#171a20;--muted:#5c6370;--line:#0f172a14;--glow-1:#4f7bf059;--glow-2:#d946ef40;--glow-3:#2dd4bf38;--radius:28px;--header:64px}:root.dark{color-scheme:dark;--brand:#4f7bf0;--brand-strong:#6b90f3;--bg:#0c0d10;--surface:#15161b;--surface-2:#1d1f25;--text:#f1f5f9;--muted:#9aa3b2;--line:#ffffff17;--glow-1:#4f7bf066;--glow-2:#d946ef47;--glow-3:#2dd4bf33}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);font:16px/1.6 var(--font);margin:0;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit}h1,h2,h3{letter-spacing:-.02em;margin:0;line-height:1.1}p{margin:0}.container{width:min(1180px,100% - 32px);margin-inline:auto}@media (width>=768px){.container{width:min(1180px,100% - 64px)}}.wordmark{letter-spacing:.35em;text-transform:uppercase;font-weight:700;text-decoration:none}.site-switch{--sw-nicasso:#4f7bf0;--sw-studio:#14b8a6;--sw-portal:#c026d3;background:var(--surface-2);border-radius:999px;gap:2px;padding:4px;display:inline-flex}:root.dark .site-switch{--sw-nicasso:#7b9cf5;--sw-studio:#2dd4bf;--sw-portal:#e879f9}.site-switch a{letter-spacing:.18em;text-transform:uppercase;min-width:94px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;gap:3px;padding:6px 8px;font-size:11px;font-weight:700;text-decoration:none;transition:color .2s;display:inline-flex}.site-switch .sw-nicasso{--sw:var(--sw-nicasso)}.site-switch .sw-studio{--sw:var(--sw-studio)}.site-switch .sw-portal{--sw:var(--sw-portal)}.site-switch a:hover{color:var(--sw)}.site-switch a[aria-current]{color:var(--sw);text-shadow:0 0 12px color-mix(in srgb, var(--sw) 55%, transparent);background:#fff;box-shadow:0 1px 3px #0000001f}:root.dark .site-switch a[aria-current]{box-shadow:none;background:#ffffff1f}.site-switch .chevron{transition:transform .2s;display:none}.site-switch .expandable .chevron{display:block}.site-switch [aria-expanded=true] .chevron{transform:rotate(180deg)}.skip{z-index:100;background:var(--surface);border-radius:8px;padding:8px 12px;position:absolute;top:8px;left:-9999px}.skip:focus{left:8px}.header{z-index:50;height:var(--header);-webkit-backdrop-filter:saturate(1.6)blur(16px);background:color-mix(in srgb, var(--bg) 78%, transparent);border-bottom:1px solid var(--line);position:sticky;top:0}.header .container{align-items:center;gap:16px;height:100%;display:flex}.header .actions{align-items:center;gap:8px;margin-left:auto;display:flex}html.site-hide-blog [data-site-item=blog],html.site-hide-portfolio [data-site-item=portfolio],html.site-hide-imprint [data-site-item=imprint],html.site-closed [data-site-content],html.site-closed [data-site-item],html:not(.site-closed) [data-site-closed]{display:none!important}.site-pages{top:calc(var(--header) + 8px);z-index:49;background:var(--surface);border:1px solid var(--line);border-radius:20px;flex-direction:column;padding:8px;display:flex;position:fixed;left:16px;right:16px;box-shadow:0 24px 48px -16px #0000004d}.site-pages a{border-radius:12px;padding:12px 14px;font-size:17px;font-weight:600;text-decoration:none}.site-pages a:hover,.site-pages a[aria-current=page]{background:var(--surface-2)}@media (width>=768px){.site-pages{width:260px;left:calc(50vw + min(1180px,100vw - 64px)/-2);right:auto}.site-pages a{padding:10px 12px;font-size:15px}}[data-signed-in][hidden],[data-sign-in][hidden]{display:none!important}.avatar-btn{cursor:pointer;background:var(--surface-2);width:36px;height:36px;color:var(--muted);font:inherit;border:0;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.avatar-btn.signed-in{background:var(--ink);color:#fff}:root.dark .avatar-btn.signed-in{color:var(--ink);background:#fff}.avatar-btn{transition:box-shadow .2s,background .2s,color .2s}.avatar-btn:hover,.avatar-btn[aria-expanded=true]{box-shadow:0 0 0 4px var(--surface-2);color:var(--text)}.account-layer{z-index:60;position:fixed;inset:0}.account-backdrop{position:absolute;inset:0}.account-menu{top:calc(var(--header) + 8px);width:288px;max-height:calc(100dvh - var(--header) - 24px);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;position:absolute;right:calc(50vw + min(1180px,100vw - 64px)/-2);overflow-y:auto;box-shadow:0 24px 48px -16px #0000004d}:root.dark .account-menu{background:#1a1b20}.account-menu .sheet-handle{display:none}.account-head{align-items:center;gap:12px;margin-bottom:20px;padding:0 4px;display:flex}.account-avatar{background:var(--ink);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-weight:700;display:flex}:root.dark .account-avatar{color:var(--ink);background:#fff}.account-who{flex-direction:column;min-width:0;display:flex}.account-who>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-who strong{font-weight:600}.account-who span{color:var(--muted);font-size:14px}.account-who span:empty{display:none}.account-sign-in{width:100%;margin-bottom:16px}.prefs-row{gap:8px;display:flex}.lang-select{flex:1;min-width:0;position:relative}.lang-button{cursor:pointer;background:var(--surface-2);width:100%;height:44px;font:inherit;color:var(--text);border:0;border-radius:12px;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:500;display:flex}.lang-button:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--brand) 45%, transparent);outline:none}.lang-button svg{color:var(--muted);flex:none}.lang-button span{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lang-button[aria-expanded=true] .chev{transform:rotate(180deg)}.lang-select select{opacity:0;cursor:pointer;appearance:none;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.lang-list{z-index:2;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:4px;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 16px 32px -12px #00000059}:root.dark .lang-list{background:#22232a}.lang-list a{border-radius:8px;align-items:center;gap:8px;height:40px;padding:0 12px;font-size:14px;text-decoration:none;display:flex}.lang-list a span{flex:1}.lang-list a[aria-selected=true]{font-weight:600}.lang-list a[aria-selected=true] svg{color:var(--brand)}.lang-list a:hover{background:var(--surface-2)}.theme-btn{background:var(--surface-2);width:44px;height:44px;color:var(--text);cursor:pointer;border:0;border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.account-links{border-top:1px solid var(--line);flex-direction:column;gap:4px;margin-top:20px;padding-top:12px;display:flex}.account-links a{border-radius:8px;align-items:center;gap:12px;padding:10px 8px;font-size:15px;text-decoration:none;display:flex}.account-links a svg{color:var(--muted);flex:none}.account-links a.danger svg{color:inherit}.account-links a:hover{background:var(--surface-2)}.account-links a.danger{color:#c2410c}:root.dark .account-links a.danger{color:#f87171}@media (width<=767px){.account-backdrop{opacity:var(--sheet-dim,1);touch-action:none;background:#0006}.account-menu{width:auto;max-height:85dvh;padding:0 20px calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain;border:0;border-radius:24px 24px 0 0;inset:auto 0 0}.account-menu .sheet-handle{background:inherit;margin:0 -20px 4px;padding:12px 0 16px;display:block;position:sticky;top:0}.account-menu .sheet-handle:before{content:"";background:var(--line);background:color-mix(in srgb, var(--muted) 45%, transparent);border-radius:3px;width:40px;height:6px;margin:0 auto;display:block}}.btn{height:44px;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 8px 24px -8px var(--glow-1)}.btn-primary:hover{background:var(--brand-strong)}.btn-secondary{background:var(--surface-2);color:var(--text)}.btn-secondary:hover{background:color-mix(in srgb, var(--surface-2) 80%, var(--text) 8%)}.btn-ghost{color:var(--text);background:0 0}.btn-sm{height:36px;padding:0 14px;font-size:14px}.btn-lg{height:52px;padding:0 28px;font-size:16px}.icon-btn{width:40px;height:40px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0}.hero{isolation:isolate;min-height:min(calc(100svh - var(--header)), 920px);text-align:center;place-items:center;padding:64px 0 96px;display:grid;position:relative;overflow:hidden}.blob{z-index:-1;filter:blur(70px);will-change:transform;border-radius:50%;position:absolute}.blob-1{background:var(--glow-1);width:46vmax;height:46vmax;animation:18s ease-in-out infinite float-1;top:-12vmax;left:-14vmax}.blob-2{background:var(--glow-2);width:40vmax;height:40vmax;animation:22s ease-in-out infinite float-2;bottom:-14vmax;right:-12vmax}.blob-3{background:var(--glow-3);width:26vmax;height:26vmax;animation:16s ease-in-out infinite float-3;top:30%;left:55%}@keyframes float-1{50%{transform:translate(8vmax,6vmax)scale(1.08)}}@keyframes float-2{50%{transform:translate(-7vmax,-5vmax)scale(1.12)}}@keyframes float-3{50%{transform:translate(-10vmax,4vmax)scale(.9)}}.hero:after{content:"";z-index:-1;opacity:.5;pointer-events:none;background-image:radial-gradient(var(--line) 1px, transparent 1px);background-size:22px 22px;position:absolute;inset:0;mask-image:radial-gradient(#000 30%,#0000 75%)}.eyebrow{letter-spacing:.35em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:700}.hero h1{letter-spacing:-.045em;margin-top:20px;font-size:clamp(48px,11vw,132px);font-weight:700;line-height:.95}.hero h1 .line{display:block}.gradient-text{background:linear-gradient(100deg, var(--brand), #b04fe0 45%, #18b39a 90%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite shimmer}@keyframes shimmer{to{background-position:200%}}.hero .lead{max-width:36ch;color:var(--muted);margin:24px auto 0;font-size:clamp(18px,2.4vw,22px)}.rotator{margin-top:18px;font-size:clamp(18px,2.4vw,22px);font-weight:600;line-height:1.4}.rotator-words{vertical-align:top;text-align:left;min-width:7ch;height:1.4em;margin-left:.3ch;line-height:1.4;display:inline-grid;overflow:hidden}.rotator-words span{color:var(--brand);opacity:0;grid-area:1/1;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s;transform:translateY(110%)}.rotator-words span.active{opacity:1;transform:none}.rotator-words span.leaving{opacity:0;transform:translateY(-110%)}.hero .ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px;display:flex}.scroll-cue{color:var(--muted);flex-direction:column;align-items:center;gap:6px;font-size:12px;text-decoration:none;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.scroll-cue svg{animation:1.8s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(5px)}}.bento-section{padding:24px 0 96px}.bento{grid-template-columns:1fr;grid-auto-rows:minmax(200px,auto);gap:14px;display:grid}@media (width>=700px){.bento{grid-template-columns:repeat(2,1fr);gap:16px}.span-2{grid-column:span 2}}@media (width>=1024px){.bento{grid-template-columns:repeat(4,1fr);grid-auto-rows:250px}.lg-span-2{grid-column:span 2}.lg-row-2{grid-row:span 2}}.tile{isolation:isolate;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);flex-direction:column;justify-content:space-between;gap:18px;padding:26px;text-decoration:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;display:flex;position:relative;overflow:hidden}a.tile:hover{border-color:#0000;transform:translateY(-4px);box-shadow:0 24px 48px -24px #00000059}.tile-label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.tile h2,.tile h3{margin-top:8px;font-size:clamp(22px,2.2vw,30px);font-weight:700}.tile p{color:var(--muted)}.tile-link{align-items:center;gap:6px;font-size:15px;font-weight:600;display:inline-flex}.tile-link:after{content:"→";transition:transform .25s}a.tile:hover .tile-link:after{transform:translate(4px)}.tile-dark{color:#f1f5f9;background:#101116;border-color:#0000}.tile-dark p,.tile-dark .tile-label{color:#9aa3b2}.tile-brand{background:linear-gradient(140deg, var(--brand), #7b5cf0);color:#fff;border-color:#0000}.tile-brand p,.tile-brand .tile-label{color:#fffc}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.marquee{margin-inline:-26px;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{gap:10px;width:max-content;padding-inline:26px;animation:32s linear infinite marquee;display:flex}.marquee-track.reverse{margin-top:10px;animation-direction:reverse}.marquee span{background:var(--surface-2);white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600}@keyframes marquee{to{transform:translate(-50%)}}.avatar{background:conic-gradient(from 180deg, var(--brand), #b04fe0, #18b39a, var(--brand));border-radius:50%;place-items:center;width:72px;height:72px;font-size:30px;animation:12s linear infinite spin-slow;display:grid}.avatar span{animation:12s linear infinite reverse spin-slow}@keyframes spin-slow{to{transform:rotate(360deg)}}.big-emoji{font-size:44px;line-height:1}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:var(--delay,0s);transform:translateY(24px)scale(.98)}.reveal.visible,.no-js .reveal{opacity:1;transform:none}.page-head{isolation:isolate;padding:72px 0 40px;position:relative;overflow:hidden}.page-head .blob{opacity:.6}.page-head h1{letter-spacing:-.04em;font-size:clamp(44px,8vw,88px);font-weight:700}.page-head p{color:var(--muted);max-width:40ch;margin-top:16px;font-size:clamp(18px,2.2vw,22px)}.section{padding:32px 0 72px}.section h2{margin-bottom:24px;font-size:clamp(26px,3.5vw,40px);font-weight:700}.grid-cards{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=700px){.grid-cards{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-cards.cols-3{grid-template-columns:repeat(3,1fr)}.grid-cards.cols-4{grid-template-columns:repeat(4,1fr)}}.card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:24px}.card h3{margin-top:12px;font-size:20px;font-weight:700}.card p{color:var(--muted);margin-top:6px}.tags{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.tags span{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.step-number{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.app-card{flex-direction:column;gap:16px;padding:0;text-decoration:none;display:flex;overflow:hidden}.app-card .app-cover{place-items:center;height:140px;font-size:56px;display:grid}.app-card .app-body{padding:0 24px 24px}.notice{color:color-mix(in srgb, #b45309 85%, var(--text));background:#f59e0b24;border-radius:16px;padding:14px 18px;font-size:15px}.prose{max-width:68ch;font-size:18px}.prose p,.prose ul,.prose ol{margin:0 0 1.1em}.prose h2{margin:1.6em 0 .6em;font-size:28px}.prose code{background:var(--surface-2);border-radius:6px;padding:2px 6px;font-size:.9em}.prose a{color:var(--brand)}.prose .muted{color:var(--muted);font-size:15px}.post-list{gap:12px;display:grid}.post-item{background:var(--surface);border:1px solid var(--line);border-radius:22px;align-items:center;gap:18px;padding:18px;text-decoration:none;transition:transform .25s;display:flex}.post-item:hover{transform:translate(4px)}.post-item .big-emoji{font-size:36px}.post-item time{color:var(--muted);font-size:13px}.post-item h3{margin:2px 0;font-size:20px}.post-item p{color:var(--muted);font-size:15px}.footer{border-top:1px solid var(--line);padding:40px 0 calc(40px + env(safe-area-inset-bottom));color:var(--muted);font-size:14px}.footer .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;display:flex}.footer nav{flex-wrap:wrap;gap:20px;display:flex}.footer a{text-decoration:none}.footer a:hover{color:var(--text)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}.access-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;display:flex}.access-card p{max-width:60ch;color:var(--muted);margin:0}.contact-tile{min-height:220px}.about-card{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.about-text{flex:1;min-width:240px}.about-text h2{margin-bottom:8px}.about-text p{color:var(--muted)}.avatar-lg{width:96px;height:96px;font-size:40px}.tags-lg span{padding:8px 14px;font-size:15px}.card h3.flush{margin-top:0}.back-link{color:var(--muted);font-size:14px;text-decoration:none}.post-emoji{margin-top:32px}.post-title{max-width:20ch;margin-top:16px;font-size:clamp(36px,6vw,64px)}.post-date{color:var(--muted);margin:12px 0 40px}.hero-short{min-height:70svh}.ufo{font-size:72px;animation:4s ease-in-out infinite chip-float}.title-md{font-size:clamp(32px,6vw,56px)!important}.tile-copy{margin-top:8px}.app-hero{color:#fff;isolation:isolate;background:linear-gradient(135deg,#3e6ae1,#7b5cf0);padding:40px 0 72px;position:relative;overflow:hidden}.app-hero:after{content:"";filter:blur(40px);z-index:-1;background:#ffffff1f;border-radius:50%;width:60vmax;height:60vmax;animation:20s ease-in-out infinite float-2;position:absolute;inset:auto -10% -60% auto}.back-link.light{color:#ffffffd9}.app-hero-icon{backdrop-filter:blur(8px);background:#ffffff29;border-radius:28px;place-items:center;width:96px;height:96px;margin-top:40px;font-size:52px;animation:5s ease-in-out infinite chip-float;display:grid}.app-hero h1{letter-spacing:-.04em;margin-top:24px;font-size:clamp(44px,9vw,96px);font-weight:700}.app-hero-tagline{color:#ffffffe6;max-width:32ch;margin-top:12px;font-size:clamp(18px,2.6vw,26px)}.app-hero .ctas{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.btn-light{color:var(--ink);background:#fff}.btn-light:hover{background:#ffffffe6}.app-summary{max-width:36ch;font-size:clamp(20px,2.6vw,28px);font-weight:500;line-height:1.45}.shots{scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;padding:4px max(16px,50% - 590px) 16px;display:flex;overflow-x:auto}.shots::-webkit-scrollbar{display:none}.shots figure{scroll-snap-align:center;flex:none;margin:0}.shots img{border:1px solid var(--line);border-radius:24px;width:auto;height:min(560px,70svh);box-shadow:0 24px 48px -24px #00000059}.shots figcaption{color:var(--muted);text-align:center;margin-top:10px;font-size:14px}[hidden]{display:none!important}a.tile{color:inherit;text-decoration:none}.tile-hover{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.tile-hover:hover{transform:translateY(-4px);box-shadow:0 24px 48px -24px #00000059}@keyframes pop-in{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:none}}.pop-in{animation:.6s cubic-bezier(.2,.8,.2,1) both pop-in}.page-head-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 48px;display:flex}.portal-cta{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.portal-cta span{color:var(--muted);padding-left:4px;font-size:14px}@media (width>=860px){.portal-cta{align-items:flex-end}.portal-cta span{padding-left:0;padding-right:4px}}.tile-portal{color:#fff;background:radial-gradient(120% 120% at 100% 0,#c026d359,#0000 60%),#15161b}.tile-studio{background:radial-gradient(120% 120% at 0% 100%, #14b8a647, transparent 60%), var(--surface)}.page-head.center .page-head-row{text-align:center;justify-content:center}.studio-hero{min-height:auto;padding:96px 0 56px}.studio-hero .gradient-text{background-image:linear-gradient(90deg,#14b8a6,#4f7bf0)}.studio-jump{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:32px;display:flex}.studio-jump a{background:var(--surface-2);color:var(--text);border-radius:999px;padding:10px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,color .2s}.studio-jump a:hover{background:color-mix(in srgb, #14b8a6 18%, var(--surface-2));color:var(--text)}.studio-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=700px){.studio-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.studio-grid{grid-template-columns:repeat(3,1fr)}}.studio-card{background:var(--surface);border:1px solid var(--line);color:inherit;border-radius:22px;flex-direction:column;text-decoration:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;display:flex;overflow:hidden}a.studio-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px -24px #00000059}.studio-card.is-placeholder{opacity:.55;border-style:dashed}.studio-card-body{flex-direction:column;flex:1;gap:6px;padding:18px 20px 20px;display:flex}.studio-card h3{font-size:18px;font-weight:700}.studio-card p{color:var(--muted);font-size:15px}.studio-card .muted{font-size:14px}.video-frame,.project-image{aspect-ratio:16/9;background:var(--surface-2);position:relative;overflow:hidden}.video-frame img,.video-frame video,.project-image img{object-fit:cover;width:100%;height:100%;display:block}.video-placeholder{background:radial-gradient(80% 80% at 30% 20%, #14b8a640, transparent 70%), var(--surface-2);place-items:center;width:100%;height:100%;font-size:42px;display:grid}.video-play{color:#fff;backdrop-filter:blur(6px);background:#0000008c;border-radius:50%;place-items:center;width:44px;height:44px;font-size:16px;transition:transform .2s;display:grid;position:absolute;inset:auto auto 14px 14px}a.studio-card:hover .video-play{background:#14b8a6;transform:scale(1.1)}.code-card h3{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:17px}.code-meta{flex-wrap:wrap;gap:6px 16px;margin-top:auto;padding-top:10px;display:flex;font-size:13px!important}.code-meta span{align-items:center;gap:6px;display:inline-flex}.lang-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.project-links{gap:8px;margin-top:auto;padding-top:12px;display:flex}