.projects-section{position:relative;overflow:hidden;padding:120px max(28px,calc((100vw - 1220px)/2));background:radial-gradient(circle at 35% 55%,rgba(0,112,200,.2),transparent 38%),linear-gradient(120deg,#020d19,#061b36);color:#f8fbff}.projects-section:after{content:"";position:absolute;right:-5%;top:0;width:38%;height:100%;opacity:.22;background-image:linear-gradient(#1183ae33 1px,transparent 1px),linear-gradient(90deg,#1183ae33 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,#000)}.projects-heading,.projects-grid,.projects-empty{position:relative;z-index:1}.projects-heading{display:grid;grid-template-columns:1.6fr .9fr;gap:70px;align-items:end;margin-bottom:55px}.projects-heading>div>p{margin:0 0 18px;color:var(--cyan);font-size:12px;letter-spacing:2.5px;font-weight:700}.projects-heading h2{margin:0;font-size:clamp(48px,5vw,76px);line-height:1.02;letter-spacing:-3px}.projects-heading>p{max-width:400px;margin:0 0 12px;color:#91a4bc;font-size:18px;line-height:1.6}.projects-grid{display:grid;grid-template-columns:1.35fr .95fr;gap:18px}.project-card{position:relative;display:flex;min-height:285px;overflow:hidden;border:1px solid rgba(138,180,216,.45);border-radius:10px;background:#07182c;box-shadow:0 18px 45px rgba(0,0,0,.18);transition:.25s}.project-card:first-child:nth-last-child(n+3){grid-row:span 2;min-height:590px;border-color:#30ddec}.project-card:hover{border-color:var(--cyan);transform:translateY(-3px)}.project-card-image{position:absolute;inset:0 0 70px;background-position:center;background-size:cover;transition:transform .4s}.project-card:hover .project-card-image{transform:scale(1.025)}.project-card-info{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;min-height:70px;padding:14px 20px;background:linear-gradient(100deg,#071a30,#061426);border-top:1px solid rgba(255,255,255,.12)}.project-card-info strong{display:block;font:700 18px "Space Grotesk";letter-spacing:.4px}.project-card-info small{display:block;margin-top:3px;color:#9fb0c6;font-size:14px}.project-card-info span{color:var(--cyan);font-size:30px;font-weight:300}.projects-empty{padding:55px 25px;border:1px dashed #31506e;border-radius:12px;color:#91a4bc;text-align:center}.projects-grid:not(:empty)+.projects-empty{display:none}.project-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.project-form-grid label,.project-url-label{display:grid;gap:7px;color:#aebed0;font-size:12px}.project-form-grid input,.project-url-label input{width:100%;border:1px solid #36506a;border-radius:9px;background:#0b223b;color:white;padding:11px 12px;font:inherit}.project-url-label{margin-top:12px}.project-add-button{display:flex;width:100%;justify-content:space-between;align-items:center;border:1px solid var(--cyan);border-radius:10px;padding:12px 15px;background:transparent;color:var(--cyan);font-weight:700;cursor:pointer}.project-add-button:hover{background:var(--cyan);color:#031424}.settings-project-list{display:grid;gap:8px;margin-top:14px}.settings-project-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:9px;background:#0a2039;color:#dbe7f4;font-size:13px}.settings-project-item button{border:0;background:transparent;color:#ff9a9a;cursor:pointer}@media(max-width:850px){.projects-section{padding-top:85px;padding-bottom:85px}.projects-heading{grid-template-columns:1fr;gap:25px}.projects-grid{grid-template-columns:1fr}.project-card,.project-card:first-child:nth-last-child(n+3){grid-row:auto;min-height:390px}.projects-heading h2{letter-spacing:-2px}}@media(max-width:520px){.project-form-grid{grid-template-columns:1fr}.project-card,.project-card:first-child:nth-last-child(n+3){min-height:300px}.projects-heading h2{font-size:44px}.projects-heading>p{font-size:16px}}