.projects-hero{grid-template-columns:minmax(0,1fr) minmax(400px,.75fr);align-items:start;gap:30px;display:grid}.projects-hero-copy{min-width:0}.projects-eyebrow{color:#00e5ff;letter-spacing:.08em;font-size:10px;font-weight:700}.projects-hero h1{color:#fff;letter-spacing:-.035em;margin-top:9px;font-size:clamp(30px,3vw,42px);font-weight:750;line-height:1.05}.projects-hero h1 span{color:#00e5ff;display:block}.projects-hero-copy>p{color:#94a3b8;max-width:610px;margin-top:14px;font-size:13px;line-height:1.55}.project-stats-card{clip-path:polygon(0 22px,22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px));background:linear-gradient(145deg,#03111bf2,#01090ff2);border:1px solid #00e5ff2e;padding:17px 18px;position:relative}.project-stats-header{color:#00e5ff;letter-spacing:.08em;align-items:center;gap:10px;font-size:10px;font-weight:700;display:flex}.project-stats-line{background:linear-gradient(90deg,#00e5ff66,#0000);flex:1;height:1px}.project-stat-grid{border:1px solid #00e5ff14;border-radius:10px;grid-template-columns:repeat(3,1fr);margin-top:13px;display:grid;overflow:hidden}.project-stat{text-align:center;border-right:1px solid #00e5ff14;flex-direction:column;justify-content:center;align-items:center;min-height:72px;padding:8px;display:flex}.project-stat:last-child{border-right:0}.project-stat strong{color:#00e5ff;font-size:26px;line-height:1}.project-stat strong span{font-size:16px}.project-stat>span{color:#94a3b8;margin-top:6px;font-size:9px}.project-quote{color:#94a3b8;background:#00e5ff06;border-left:2px solid #00e5ff;gap:10px;margin-top:10px;padding:12px;display:flex}.project-quote>svg{color:#00e5ff;flex-shrink:0}.project-quote p{font-size:11px;font-style:italic;line-height:1.5}.project-quote strong{color:#00e5ff;margin-top:4px;font-size:10px;display:block}.project-filters{flex-wrap:wrap;gap:14px;margin-top:18px;display:flex}.project-filter{color:#cbd5e1;background:#00e5ff06;border:1px solid #00e5ff47;border-radius:999px;align-items:center;gap:8px;min-height:39px;padding:0 18px;font-size:11px;font-weight:600;transition:color .18s,background .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.project-filter:hover{color:#00e5ff;background:#00e5ff0f;border-color:#00e5ff8c;transform:translateY(-1px)}.project-filter-active{color:#001015;background:#00e5ff;border-color:#00e5ff;box-shadow:0 0 20px #00e5ff29}.projects-featured-grid{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;min-height:0;margin-top:22px;display:grid}.project-card{cursor:pointer;background:linear-gradient(145deg,#03121cf7,#01080ef7);border:1px solid #00e5ff40;border-radius:12px;flex-direction:column;min-width:300px;min-height:0;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:#00e5ffa6;transform:translateY(-4px);box-shadow:0 15px 40px #00000059,0 0 25px #00e5ff0f}.project-card:before{content:"";background:linear-gradient(90deg,#0000,#00e5ff99,#0000);height:1px;position:absolute;top:0;left:12px;right:12px}.project-image-wrapper{aspect-ratio:16/7;background:#020b12;border:1px solid #00e5ff2e;border-radius:10px;flex-shrink:0;width:calc(100% - 26px);margin:13px;position:relative;overflow:hidden}.project-image{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.project-card:hover .project-image{transform:scale(1.025)}.project-image-overlay{pointer-events:none;background:linear-gradient(#0000 50%,#00080e4d);position:absolute;inset:0}.project-image-corner{pointer-events:none;border-style:solid;border-color:#00e5ffa6;width:24px;height:24px;position:absolute}.project-image-corner-tl{border-width:2px 0 0 2px;top:-1px;left:-1px}.project-image-corner-br{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.project-featured-label{z-index:3;color:#00e5ff;background:#010c12eb;border:1px solid #00e5ff66;border-radius:0 0 7px;align-items:center;gap:6px;padding:6px 11px;font-size:10px;font-weight:700;display:flex;position:absolute;top:9px;left:12px}.project-card-content{flex-direction:column;flex:1;min-height:0;padding:0 15px 14px;display:flex}.project-title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.project-title-wrapper{align-items:center;gap:10px;min-width:0;display:flex}.project-category-icon{color:#00e5ff;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;font-size:17px;display:flex}.project-title-wrapper h3{color:#f1f5f9;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:700;overflow:hidden}.project-external-icon{color:#00e5ff;flex-shrink:0;transition:transform .18s}.project-card:hover .project-external-icon{transform:translate(2px,-2px)}.project-description{color:#94a3b8;margin-top:9px;font-size:11px;line-height:1.55}.project-technologies{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.project-tech-pill{color:#00d9f5;background:#00e5ff14;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:600}.project-card-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:12px;display:flex}.project-view-link{color:#00e5ff;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:11px;font-weight:600;display:inline-flex}.project-view-link:hover{text-decoration:underline}.project-year{color:#00bcd4;align-items:center;gap:5px;font-size:10px;display:flex}.projects-bottom{justify-content:center;align-items:center;min-height:47px;margin-top:12px;display:flex;position:relative}.projects-scroll-hint{color:#00d9f5;letter-spacing:.08em;align-items:center;gap:8px;font-size:9px;font-weight:700;display:flex;position:absolute;bottom:0;left:0}.projects-scroll-circle{border:1px solid #00e5ff80;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.view-all-projects-button{color:#dffbff;cursor:pointer;background:#00e5ff06;border:1px solid #00e5ff;border-radius:999px;align-items:center;gap:9px;min-height:42px;padding:0 18px;font-size:11px;font-weight:600;transition:background .18s,box-shadow .18s,transform .18s;display:inline-flex}.view-all-projects-button:hover{background:#00e5ff14;transform:translateY(-2px);box-shadow:0 0 24px #00e5ff21}.view-all-projects-button svg:first-child{color:#00e5ff}.projects-empty-state{text-align:center;background:#00e5ff04;border:1px dashed #00e5ff33;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:40px;display:flex}.projects-empty-icon{color:#00e5ff;background:#00e5ff0d;border:1px solid #00e5ff40;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:15px;display:flex}.projects-empty-state h3{color:#e2e8f0;font-size:15px}.projects-empty-state p{color:#64748b;max-width:300px;margin-top:6px;font-size:11px;line-height:1.5}.projects-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);background:#000509b8;justify-content:center;align-items:center;padding:35px;animation:.18s projectsBackdropIn;display:flex;position:fixed;inset:0}.projects-modal{clip-path:polygon(0 25px,25px 0,calc(100% - 25px) 0,100% 25px,100% calc(100% - 25px),calc(100% - 25px) 100%,25px 100%,0 calc(100% - 25px));background:radial-gradient(circle at 50% 0,#00e5ff09,#0000 35%),#020b12;border:1px solid #00e5ff4d;flex-direction:column;width:min(1400px,100%);height:min(88dvh,900px);animation:.22s projectsModalIn;display:flex;position:relative;box-shadow:0 30px 100px #000000a6,0 0 50px #00e5ff0f}.projects-modal-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:20px;padding:25px 28px 14px;display:flex}.projects-modal-eyebrow{color:#00e5ff;letter-spacing:.1em;align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.projects-modal-header h2{color:#fff;margin-top:6px;font-size:28px;font-weight:700}.projects-modal-close{color:#cbd5e1;cursor:pointer;background:#00e5ff09;border:1px solid #00e5ff4d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:color .18s,background .18s,border-color .18s;display:flex}.projects-modal-close:hover{color:#00e5ff;background:#00e5ff14;border-color:#00e5ffb3}.projects-modal>.project-filters{flex-shrink:0;margin:0;padding:0 28px 14px}.projects-modal-meta{color:#64748b;flex-shrink:0;padding:0 28px 12px;font-size:10px}.projects-modal-content{scrollbar-width:thin;scrollbar-color:#00e5ff59 transparent;flex:1;min-height:0;padding:0 28px 28px;overflow-y:auto}.projects-modal-content::-webkit-scrollbar{width:5px}.projects-modal-content::-webkit-scrollbar-track{background:0 0}.projects-modal-content::-webkit-scrollbar-thumb{background:#00e5ff59;border-radius:999px}.projects-modal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.projects-modal-grid .project-card{min-height:360px}@keyframes projectsBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes projectsModalIn{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:1100px){.projects-page{height:auto;min-height:calc(100dvh - 10vh);padding:26px 22px 30px;overflow:visible}.projects-container{height:auto;min-height:0}.projects-hero{grid-template-columns:minmax(0,1fr) minmax(350px,.8fr);gap:24px}.projects-featured-grid{flex:none;gap:18px}.project-image-wrapper{aspect-ratio:16/7.5}.project-description{font-size:10px}.projects-modal-backdrop{padding:25px}.projects-modal{width:100%;height:min(90dvh,900px)}.projects-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.projects-page{height:auto;min-height:calc(100dvh - 10vh);padding:18px 12px 25px;overflow:visible}.projects-container{height:auto;min-height:0}.projects-hero{grid-template-columns:1fr;gap:20px}.projects-featured-grid{flex:none;grid-template-columns:1fr;gap:14px}.projects-bottom{justify-content:stretch;margin-top:20px}.projects-scroll-hint{display:none}.projects-modal-backdrop{padding:0}.projects-modal{clip-path:none;border:0;border-radius:0;width:100%;height:100dvh;max-height:none}.projects-modal>.project-filters,.projects-modal-meta{padding-inline:16px}.projects-page{padding:18px 12px 25px}.projects-hero h1{font-size:31px}.projects-hero-copy>p{font-size:12px}.project-filters{scrollbar-width:none;flex-wrap:nowrap;gap:8px;padding-bottom:4px;overflow-x:auto}.project-filters::-webkit-scrollbar{display:none}.project-filter{flex-shrink:0;min-height:36px;padding-inline:13px;font-size:10px}.projects-featured-grid{grid-template-columns:1fr;gap:14px}.project-card{min-height:0}.project-image-wrapper{aspect-ratio:16/8}.project-title-wrapper h3{font-size:16px}.project-description{font-size:11px}.project-stat-grid{grid-template-columns:repeat(3,1fr)}.project-stat strong{font-size:21px}.project-stat>span{font-size:8px}.projects-bottom{justify-content:stretch}.view-all-projects-button{justify-content:center;width:100%}.projects-modal-header{padding:20px 16px 12px}.projects-modal-header h2{font-size:24px}.projects-modal-close{width:38px;height:38px}.projects-modal>.project-filters,.projects-modal-meta{padding-inline:16px}.projects-modal-content{padding-inline:16px;padding-bottom:25px}.projects-modal-grid{grid-template-columns:1fr;gap:14px}.projects-modal-grid .project-card{min-height:0}}@media (max-width:400px){.project-stat strong{font-size:18px}.project-stat>span{font-size:7px}.projects-hero h1{font-size:28px}}