.projects-list-page{padding-bottom:3rem}.projects-list-intro{margin-bottom:2rem}.projects-list-intro .scene-copy{max-width:42em}.projects-bento{grid-template-rows:auto auto;grid-template-columns:1.15fr 1fr;align-items:stretch;gap:1rem;display:grid}.projects-bento:has(.projects-bento-tile:only-child){grid-template-rows:auto;grid-template-columns:1fr;min-height:0}.projects-bento:has(.projects-bento-tile:first-child:nth-last-child(2)){grid-template-rows:auto auto;min-height:0}.projects-bento-tile{border-radius:var(--radius-card);background:var(--card);box-shadow:var(--shadow-card);color:inherit;border:1px solid #1b2a3a14;flex-direction:column;text-decoration:none;transition:transform .15s,border-color .15s;display:flex;overflow:hidden}.projects-bento-tile:hover{border-color:#f54e0047;transform:translateY(-2px)}.projects-bento:not(.projects-bento--more) .projects-bento-tile--feature{grid-row:span 2}.projects-bento-visual{flex:1;min-height:0;margin:0;overflow:hidden}.projects-bento-tile:not(.projects-bento-tile--feature) .projects-bento-visual{flex:none;container-type:size}.projects-bento-visual[data-tone=orange]{background:linear-gradient(160deg,#ffe8dc 0%,#fff8f3 45%,#dce8ff 100%)}.projects-bento-visual[data-tone=blue]{background:linear-gradient(160deg,#dce8ff 0%,#f0f5ff 100%)}.projects-bento-visual[data-tone=purple]{background:linear-gradient(160deg,#ede4ff 0%,#f7f2ff 100%)}.projects-bento-visual[data-tone=green]{background:linear-gradient(160deg,#dcfce7 0%,#f0fdf4 45%,#e8eef8 100%)}.projects-bento-visual[data-tone=yellow]{background:linear-gradient(160deg,#fef3c7 0%,#fffbeb 100%)}.projects-bento-visual[data-tone=teal]{background:linear-gradient(160deg,#ccfbf1 0%,#f0fdfa 100%)}.projects-bento-visual img{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%;height:100%}.projects-bento-visual img[data-fit=contain]{-o-object-fit:contain;object-fit:contain;background:#fff}.projects-bento-placeholder{width:100%;min-height:100%;display:block}.projects-bento-tile--feature .projects-bento-visual{min-height:220px}.projects-bento-tile:not(.projects-bento-tile--feature):not(.projects-bento-tile--compact) .projects-bento-visual{aspect-ratio:16/10}.projects-bento-tile--compact .projects-bento-visual{aspect-ratio:16/9}.projects-bento-body{flex-shrink:0;padding:1rem 1.1rem 1.15rem}.projects-bento-body h3,.projects-bento-title{letter-spacing:-.02em;align-items:flex-start;min-height:2.85em;margin:0 0 .35rem;font-size:.95rem;font-weight:800;line-height:1.28}.projects-bento-title-text{min-width:0}.projects-bento-tile--feature .projects-bento-body h3{font-size:1.2rem}.projects-bento-body p{color:var(--ink-muted);min-height:2.9em;margin:0;font-size:.8rem;line-height:1.45}.projects-bento--more{grid-template-rows:auto auto;grid-template-columns:1fr 1.15fr;align-items:stretch;margin-top:1rem}.projects-bento--more.projects-bento--mirror>.projects-bento-tile:not(.projects-bento-tile--feature){grid-column:1}.projects-bento--more.projects-bento--mirror>.projects-bento-tile--feature{grid-area:1/2/span 2}.projects-bento--more.projects-bento--mirror>.projects-bento-tile--feature .projects-bento-visual{flex:1;min-height:220px}.projects-bento-tile[hidden]{display:none}.projects-load-more-wrap{justify-content:center;margin-top:2rem;display:flex}.projects-load-more{align-items:center;gap:.35rem;display:inline-flex}.projects-load-more-count{opacity:.85;font-weight:700}.projects-bento-visual:has(.device-demo){justify-content:center;align-items:center;display:flex}.projects-bento-visual .device-demo--thumb{width:100%;height:100%;overflow:hidden}.projects-bento-tile:not(.projects-bento-tile--feature) .projects-bento-visual .device-demo--thumb .device-demo-shell,.projects-bento-tile:not(.projects-bento-tile--feature) .projects-bento-visual .device-demo--thumb .mb,.projects-bento-tile:not(.projects-bento-tile--feature) .projects-bento-visual .device-demo--thumb .im{width:100%;height:100%;margin-inline:auto}.projects-bento-tile:not(.projects-bento-tile--feature) .device-demo--thumb .mb,.projects-bento-tile:not(.projects-bento-tile--feature) .device-demo--thumb .mb-lid{flex-direction:column;height:100%;display:flex}.projects-bento-tile:not(.projects-bento-tile--feature) .projects-bento-visual .device-demo--thumb .mb-glass,.projects-bento-tile:not(.projects-bento-tile--feature) .projects-bento-visual .device-demo--thumb .im-glass{border-radius:0;flex:1;height:auto;min-height:0;overflow:hidden}.projects-bento-tile:not(.projects-bento-tile--feature) .device-demo--thumb .cl-stage{flex:1;min-height:140px}.projects-bento-tile:not(.projects-bento-tile--feature) .device-demo--thumb .cl-thread-view{height:auto;position:relative;inset:auto;overflow:hidden}.projects-bento-tile:not(.projects-bento-tile--feature) .device-demo--thumb .cc-app{zoom:1}.projects-bento-tile:not(.projects-bento-tile--feature) .device-demo--thumb .cl{height:100%;font-size:12.5px}.projects-bento-tile:not(.projects-bento-tile--feature) .mb-glass .cl-pane[data-pane="0"]{opacity:0}.projects-bento-tile:not(.projects-bento-tile--feature) .mb-glass .cl-pane[data-pane="1"]{opacity:1;transform:none}.projects-bento-tile:not(.projects-bento-tile--feature) .device-demo--thumb .cl-bot.is-on{font-size:12px;display:block}@media (width<=900px){.projects-bento{grid-template-rows:auto;grid-template-columns:1fr;height:auto;min-height:0}.projects-bento-tile--feature{grid-row:auto}.projects-bento--more.projects-bento--mirror>.projects-bento-tile{grid-area:auto}}