.real-project-preview{background:#151515;min-height:250px;position:relative;overflow:hidden}.real-project-preview img{object-fit:cover;object-position:top;transition:transform .5s}.flow-gallery-card:hover .real-project-preview img{transform:scale(1.025)}.project-preview-label{color:#fff;background:linear-gradient(#0000,#090909e8);justify-content:space-between;align-items:center;gap:12px;padding:24px 15px 10px;font-size:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.project-preview-label>span{color:#ddd;font-size:8px}.private-project-preview{background:radial-gradient(at 50% 10%,#324b3440,#0000 65%),#101c19;flex-direction:column;justify-content:center;align-items:center;height:295px;min-height:295px;padding:18px 25px;display:flex}.private-preview-header{justify-content:space-between;align-items:center;gap:10px;width:100%;margin-bottom:23px;display:flex}.private-preview-header>span{font:12px var(--font-mono),monospace;color:#d2e7bc;letter-spacing:.8px}.private-preview-header small{letter-spacing:.6px;color:#9eafa3;font-size:6px}.private-preview-portals,.private-preview-services{gap:8px;width:100%;display:flex}.private-preview-portals span,.private-preview-services span{color:#c2d3c8;text-align:center;background:#789c7e09;border:1px solid #7eb99530;border-radius:4px;flex:1;padding:10px 4px;font-size:8px}.private-preview-connect{color:#9ab6a6;letter-spacing:16px;height:15px;margin:5px 0;font-size:11px}.private-preview-api{text-align:center;color:#d1e5be;background:#c7e39a08;border:1px solid #afcb7960;border-radius:4px;width:75%;padding:10px 16px;font-size:11px}.private-preview-api small{color:#a8c0ae;margin-top:5px;font-size:7px;display:block}.private-preview-caption{font:6px var(--font-mono),monospace;letter-spacing:.6px;color:#809587;margin-top:20px}.project-summary-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:40px;margin-bottom:20px;display:grid}.project-summary-grid article{background:#121212b5;border:1px solid #ffffff0f;border-radius:7px;padding:27px}.project-summary-grid article>span{font:8px var(--font-mono),monospace;color:#b1c593;letter-spacing:.8px}.project-summary-grid h3{margin-top:13px;font-size:25px}.project-summary-grid article>p{color:#aaa;margin:13px 0 18px;font-size:13px;line-height:1.8}.project-summary-grid .tags>span{color:#bdbdbd;background:#ffffff03;border-color:#ffffff0b;font-size:9px}.project-summary-links{justify-content:space-between;align-items:center;gap:16px;margin-top:25px;font-size:11px;display:flex}.project-summary-links>a{color:#ddd}.project-summary-links>a:first-child{color:#c0dba0}.project-summary-links>span{color:#999;font-size:10px}.project-dialog-links{flex-wrap:wrap;gap:10px;margin-top:25px;display:flex}.project-dialog-links .flow-button{font-size:10px}.flow-dialog .real-project-preview{height:340px}.flow-dialog .private-project-preview{height:320px}.case-study-page{color:#eee;width:min(1150px,100% - 80px);margin:auto;padding:35px 0 90px}.case-study-nav{color:#bbb;justify-content:space-between;margin-bottom:80px;font-size:12px;display:flex}.case-study-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;height:auto;padding:0;display:block;position:static}.case-study-header>span{font:10px var(--font-mono),monospace;letter-spacing:1.6px;color:#b5ca96}.case-study-header h1{letter-spacing:-2.7px;margin:23px 0;font-size:66px;font-weight:450;line-height:1.1}.case-study-header>p{color:#aaa;max-width:800px;font-size:19px;line-height:1.7}.case-study-meta{color:#b3b3b3;flex-wrap:wrap;gap:20px;margin-top:27px;font-size:11px;display:flex}.case-study-meta>span:last-child{color:#bfd297}.case-study-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.case-study-actions .flow-button{font-size:12px}.case-study-preview{margin-top:50px;margin-bottom:75px}.case-study-preview .real-project-preview{aspect-ratio:1280/720;height:auto;min-height:0;max-height:650px}.case-study-preview .private-project-preview{max-width:800px;height:410px;margin:auto;padding:35px 60px}.case-study-preview .private-preview-header>span{font-size:19px}.case-study-preview .private-preview-header small{font-size:9px}.case-study-preview .private-preview-portals span,.case-study-preview .private-preview-services span{padding:18px;font-size:13px}.case-study-preview .private-preview-api{padding:20px;font-size:18px}.case-study-preview .private-preview-api small{font-size:10px}.case-study-preview .private-preview-caption{font-size:8px}.case-study-grid{grid-template-columns:1fr 260px;gap:90px;display:grid}.case-study-grid section{margin-bottom:65px}.case-study-number{font:9px var(--font-mono),monospace;letter-spacing:1px;color:#a9bd8c;margin-bottom:18px;display:block}.case-study-page h2{letter-spacing:-1px;margin:0 0 20px;font-size:32px;font-weight:450;line-height:1.2}.case-study-grid p,.case-study-grid li{color:#b1b1b1;font-size:15px;line-height:1.9}.case-study-grid p{margin:0}.case-study-grid ul{margin:0;padding-left:20px}.case-study-grid li+li{margin-top:13px}.case-study-architecture{flex-direction:column;gap:15px;margin-top:27px;display:flex}.case-study-architecture article{background:#141414;border:1px solid #ffffff10;border-radius:6px;padding:22px}.case-study-page h3{letter-spacing:-.2px;margin:0 0 10px;font-size:16px;font-weight:500;line-height:1.4}.case-study-architecture p{font-size:13px}.case-study-grid aside{border-left:1px solid #ffffff12;height:fit-content;padding-left:28px;position:sticky;top:30px}.case-study-grid aside h3{margin-bottom:14px;font-size:13px}.case-study-grid aside h3:not(:first-child){margin-top:32px}.case-study-grid aside p{font-size:12px;line-height:1.9}.case-study-grid aside .tags span{color:#ccc;background:#ffffff02;border-color:#ffffff10;font-size:10px}.case-study-limitations{background:#17201640;border-left:2px solid #aabd8b80;margin-top:25px;padding:20px 24px}.case-study-limitations p{font-size:13px}.case-study-footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:25px;padding-top:45px;display:flex}.case-study-footer h2{margin:0;font-size:27px}.case-study-footer .flow-button{font-size:12px}@media (max-width:760px){.real-project-preview{min-height:225px}.project-preview-label{padding-inline:10px;font-size:10px}.project-preview-label>span{font-size:6px}.private-project-preview{height:225px;min-height:225px;padding:16px}.private-preview-header{margin-bottom:15px}.private-preview-header>span{font-size:9px}.private-preview-header small{font-size:5px}.private-preview-portals span,.private-preview-services span{padding:8px 3px;font-size:6px}.private-preview-api{padding:7px;font-size:9px}.private-preview-api small{font-size:5px}.private-preview-caption{margin-top:12px;font-size:5px}.private-preview-connect{height:12px;margin:4px;font-size:9px;line-height:1}.project-summary-grid{grid-template-columns:1fr;gap:16px;margin-top:25px}.project-summary-grid article{padding:23px}.project-summary-grid h3{font-size:23px}.project-summary-grid article>p{font-size:12px}.project-summary-links{font-size:10px}.flow-dialog .real-project-preview{aspect-ratio:1280/720;height:auto;min-height:0}.flow-dialog .private-project-preview{height:240px}.case-study-page{width:calc(100% - 40px);padding-top:25px;padding-bottom:60px}.case-study-nav{margin-bottom:55px;font-size:10px}.case-study-header>span{font-size:8px}.case-study-header h1{letter-spacing:-1.7px;margin:18px 0;font-size:43px}.case-study-header>p{font-size:15px}.case-study-meta{gap:12px;font-size:9px}.case-study-actions{gap:8px}.case-study-actions .flow-button{padding:12px;font-size:10px}.case-study-preview{margin-top:35px;margin-bottom:45px}.case-study-grid{grid-template-columns:1fr;gap:15px}.case-study-grid section{margin-bottom:40px}.case-study-page h2{font-size:27px}.case-study-grid p,.case-study-grid li{font-size:13px}.case-study-grid aside{border-top:1px solid #ffffff12;border-left:0;margin-bottom:35px;padding:25px 0;position:static}.case-study-grid aside p{font-size:12px}.case-study-preview .private-project-preview{height:290px;padding:22px}.case-study-preview .private-preview-header>span{font-size:12px}.case-study-preview .private-preview-header small{font-size:6px}.case-study-preview .private-preview-portals span,.case-study-preview .private-preview-services span{padding:13px 5px;font-size:8px}.case-study-preview .private-preview-api{padding:11px;font-size:12px}.case-study-preview .private-preview-api small{font-size:7px}.case-study-preview .private-preview-caption{font-size:6px}.case-study-footer{padding-top:30px;display:block}.case-study-footer h2{margin-bottom:22px;font-size:25px}}.project-dialog-top-actions{flex-wrap:wrap;align-items:center;gap:15px;margin:24px 0;display:flex}.project-live-button{color:#172013;background:#d0e1b0;border-color:#d0e1b0}.project-live-button:hover{color:#172013;background:#e2edce}.project-link-hint{color:#aaa;font-size:10px}.project-private-note{color:#c7d5b4;font-size:12px}@media (max-width:760px){.project-dialog-top-actions{gap:10px;margin:20px 0}.project-dialog-top-actions .flow-button{font-size:11px}.project-link-hint{width:100%;font-size:9px}}