.builds-page{min-height:calc(100dvh - var(--header-height));padding:var(--site-content-pad-top) var(--site-content-pad-x) var(--site-content-pad-bottom);box-sizing:border-box;color:#111;background:#fff}.builds-inner{flex-direction:column;gap:2.75rem;display:flex}.builds-header{border:none;margin:0;padding:0}.builds-kicker{letter-spacing:.12em;text-transform:uppercase;color:#5c5c5c;margin:0 0 .45rem;font-family:Host Grotesk,sans-serif;font-size:.75rem;font-weight:600;line-height:1.35}.builds-intro{color:#404040;letter-spacing:-.01em;max-width:36rem;margin:0;font-family:Host Grotesk,sans-serif;font-size:1.0625rem;line-height:1.68}.builds-grid{flex-direction:column;gap:3rem;display:flex}.build-project{background:#fff;border:1px solid #e5e5e5;border-radius:.375rem;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000d}.build-project:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.build-project-visual{background:#171717;width:100%;line-height:0;position:relative}.build-project-image-stack{aspect-ratio:16/9;width:100%;min-height:10.5rem;position:relative;overflow:hidden}.build-project-image-stack .build-project-image--lq,.build-project-image-stack .build-project-image--hq{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.build-project-image--lq{filter:blur(12px);z-index:1;transition:opacity .45s;transform:scale(1.05)}.build-project-image--hq{opacity:0;z-index:2;transition:opacity .5s}.build-project-image--hq.is-loaded{opacity:1}.build-project-panel{flex-direction:column;flex:auto;gap:1rem;min-width:0;padding:1.5rem 1.65rem 1.65rem;display:flex}.build-project-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;display:flex}.build-project-title{color:#0a0a0a;letter-spacing:-.025em;flex:auto;min-width:0;margin:0;font-family:Mulish,sans-serif;font-size:1.3125rem;font-weight:700;line-height:1.22}.build-project-tag{letter-spacing:.12em;text-transform:uppercase;color:#5c5c5c;background:0 0;flex-shrink:0;padding:.2rem 0;font-family:Host Grotesk,sans-serif;font-size:.75rem;font-weight:600;line-height:1.35}.build-project-desc{color:#525252;max-width:42em;margin:0;font-family:Host Grotesk,sans-serif;font-size:.9375rem;line-height:1.58}.build-project-actions{border-top:1px solid #ececec;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:.35rem;padding-top:1rem;display:flex}.build-demo-btn{color:#111;cursor:pointer;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:.375rem;justify-content:center;align-items:center;gap:.375rem;padding:.5rem 1rem;font-family:Host Grotesk,sans-serif;font-size:.8125rem;font-weight:600;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.build-demo-btn:hover{color:#000;background:#ebebeb;border-color:#d4d4d4}.build-github-link{color:#0f2d52;background:#fff;border:1px solid #0f2d5240;border-radius:.375rem;align-items:center;gap:.45rem;padding:.5rem 1rem;font-family:Host Grotesk,sans-serif;font-size:.8125rem;font-weight:600;text-decoration:none;transition:color .15s,background .15s;display:inline-flex}.build-github-link:hover{color:#1a4480;background:#0f2d520f}.build-github-link svg{flex-shrink:0;width:18px;height:18px}@media(min-width:769px){.builds-grid{gap:3.5rem}.build-project-image-stack{min-height:13rem}}.video-modal{z-index:9999;opacity:0;visibility:hidden;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .25s,visibility .25s;display:flex;position:fixed;top:0;left:0}.video-modal.active{opacity:1;visibility:visible;pointer-events:all}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;width:100%;height:100%;position:absolute;top:0;left:0}.modal-content{z-index:1;background:#000;border-radius:12px;width:90%;max-width:900px;transition:transform .25s;position:relative;overflow:hidden;transform:scale(.96);box-shadow:0 20px 60px #00000080}.video-modal.active .modal-content{transform:scale(1)}.modal-close{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:#fff;z-index:2;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{background:#ffffff4d}.modal-close svg{width:20px;height:20px}.modal-video-container{background:#000;width:100%;padding-top:56.25%;position:relative}.modal-video-player{border:none;width:100%;height:100%;position:absolute;top:0;left:0}@media(max-width:768px){.builds-inner{gap:2.25rem}.build-project:hover{transform:none}.build-project-actions{flex-direction:column;align-items:stretch}.build-github-link,.build-demo-btn{justify-content:center;width:100%}.modal-content{border-radius:8px;width:95%}.modal-close{width:36px;height:36px;top:.5rem;right:.5rem}.modal-close svg{width:18px;height:18px}}