@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,-apple-system,sans-serif;color:#f7f8ff;background:#080f20;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #9b8cff;outline-offset:3px}.site-shell{min-height:100vh;background:radial-gradient(ellipse 55% 38% at 91% 0%,rgba(97,49,190,.27),transparent 75%),radial-gradient(ellipse 38% 40% at 0% 95%,rgba(68,39,128,.16),transparent 75%),#080f20}.container{width:min(1480px,calc(100% - 88px));margin:0 auto}.topbar{padding:25px 0 14px}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:15px;font-family:Outfit,sans-serif;font-size:25px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.brand-accent{color:#8064ff}.brand-mark{width:38px;height:34px;display:flex;align-items:center;gap:5px;transform:skew(-30deg)}.brand-mark i{display:block;width:11px;height:29px;border-radius:8px;background:linear-gradient(160deg,#ac57fa,#6245fa)}.brand-mark i:last-child{height:22px}.header-right{display:flex;align-items:center;gap:23px}.header-label{color:#76829f;font-size:11px;letter-spacing:2px;font-weight:800}.layout-switch{display:flex;gap:5px}.layout-switch button{display:grid;place-items:center;background:transparent;border:0;color:#c8cce3;padding:9px;border-radius:9px}.layout-switch button.selected{background:#6f57f63b;color:#9e85ff}.intro{text-align:center;padding:40px 0 39px}.eyebrow{display:flex;justify-content:center;align-items:center;gap:9px;color:#9a8efa;font-size:11px;font-weight:800;letter-spacing:2.1px}.eyebrow span{width:6px;height:6px;border-radius:50%;background:#8e70ff;box-shadow:0 0 13px #977bff}.intro h1{font-family:Outfit,sans-serif;font-size:clamp(38px,4.2vw,65px);letter-spacing:-2.5px;line-height:1.1;margin:16px 0 12px;font-weight:800}.intro h1 em{font-style:normal;color:#8067fa}.intro p{color:#bdc4d6;font-size:16px;margin:0}.gallery{padding-bottom:85px}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.category-list{display:flex;gap:9px;overflow-x:auto;padding:5px 2px 12px;scrollbar-width:thin;scrollbar-color:#343b5d transparent}.category-list button{flex:none;border:1px solid #56617a;background:transparent;color:#eef0fc;padding:9px 15px;border-radius:100px;font-size:12px;transition:background .2s,border-color .2s}.category-list button:hover{border-color:#9887ff;background:#1a2041}.category-list button.chosen{background:linear-gradient(110deg,#7759ff,#6449ed);border-color:transparent;color:#fff;box-shadow:0 5px 18px #6347e83b}.search-field{min-width:215px;width:230px;display:flex;align-items:center;gap:9px;border:1px solid #4c5874;background:#172239;color:#b7c0d6;border-radius:50px;padding:9px 14px}.search-field input{background:none;border:0;outline:none;color:#fff;width:100%;font-size:12px;min-width:0}.search-field input::placeholder{color:#aeb8ce}.results-bar{display:flex;justify-content:space-between;align-items:center;color:#7e8ba8;font-size:12px;min-height:30px;margin:7px 0 13px}.results-bar button{border:0;background:none;color:#ac9aff}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.project-card{background:#111d32;border:1px solid #303b56;border-radius:16px;overflow:hidden;min-width:0;transition:transform .25s,border-color .25s,box-shadow .25s}.project-card:hover{transform:translateY(-5px);border-color:#7969c8;box-shadow:0 16px 35px #0005}.project-image{position:relative;display:block;width:100%;height:185px;padding:0;border:0;overflow:hidden;background:#25314a;text-align:left}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .4s}.project-card:hover .project-image img{transform:scale(1.035)}.image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;background:#080f20aa;opacity:0;color:#fff;font-size:12px;font-weight:700;transition:opacity .2s}.project-image:hover .image-overlay,.project-image:focus-visible .image-overlay{opacity:1}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 14px 15px;min-height:68px}.card-info{min-width:0}.card-info h3{font-family:Outfit,sans-serif;font-size:16px;font-weight:650;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.card-tags span{font-size:10px;color:#aab6d3;background:#202c45;border-radius:20px;padding:3px 8px}.open-project{flex:none;width:30px;height:30px;border:0;border-radius:8px;display:grid;place-items:center;background:#263651;color:#e9eaff}.open-project:hover{background:#7257f4}.list-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.list-card{display:flex;align-items:stretch}.list-card .project-image{width:42%;height:165px;flex:none}.list-card .card-bottom{flex:1;min-width:0}.list-card .card-info h3{white-space:normal}.load-more-wrap{display:flex;align-items:center;flex-direction:column;gap:11px;margin:45px 0 0}.load-more{display:flex;align-items:center;gap:9px;background:linear-gradient(120deg,#785cf9,#5d46dc);border:0;border-radius:12px;padding:13px 22px;color:#fff;font-weight:700;font-size:13px}.load-more-wrap>span{font-size:12px;color:#8390aa}.empty-state{text-align:center;border:1px dashed #495471;border-radius:16px;padding:50px 20px;color:#b7c0d6}.footer{border-top:1px solid #24304b;background:#070c19}.footer-inner{display:flex;justify-content:space-between;padding:25px 0;font-size:12px;color:#8692ad}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#030610ed;display:flex;align-items:center;justify-content:center;padding:24px}.modal{display:flex;flex-direction:column;width:min(1100px,100%);height:min(92vh,1000px);background:#101a2d;border:1px solid #3b4562;border-radius:17px;overflow:hidden;box-shadow:0 25px 100px #000b}.modal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;border-bottom:1px solid #303a56}.modal-title{display:flex;align-items:center;gap:13px;min-width:0}.modal-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-title span{color:#9ba7c2;font-size:12px;white-space:nowrap}.modal-actions{display:flex;align-items:center;gap:8px}.toolbar-btn,.icon-button{border:1px solid #3e4b67;background:#1c2a43;color:#f5f6ff;border-radius:9px;padding:9px 12px}.toolbar-btn{font-size:12px;white-space:nowrap}.toolbar-btn.active{background:#5643a5}.icon-button{display:grid;place-items:center;padding:8px}.modal-image-wrap{flex:1;min-height:0;overflow:auto;text-align:center;background:#060b15;scrollbar-color:#65708e #111b2c}.modal-image-wrap img{display:block;margin:0 auto;max-width:100%;height:auto}.modal-image-wrap.fit{display:flex;align-items:center;justify-content:center}.modal-image-wrap.fit img{max-height:100%;width:auto;object-fit:contain}.gallery-controls{display:flex;justify-content:center;align-items:center;gap:12px;border-top:1px solid #303a56;padding:10px}.gallery-thumbs{display:flex;gap:7px;overflow-x:auto;max-width:min(650px,75%)}.thumb{border:2px solid transparent;border-radius:6px;padding:0;overflow:hidden;background:#263651;flex:none;width:46px;height:46px}.thumb.selected{border-color:#9e85ff}.thumb img{width:100%;height:100%;object-fit:cover;object-position:top}@media (max-width:1150px){.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-row{flex-direction:column;align-items:stretch;gap:12px}.category-list,.search-field{width:100%}}@media (max-width:760px){.container{width:min(100% - 34px,600px)}.header-label{display:none}.intro{padding:36px 0 30px}.intro h1{letter-spacing:-1.5px}.intro p{font-size:14px;line-height:1.6}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.project-image{height:150px}.card-bottom{padding:11px}.card-info h3{font-size:14px}.list-layout{grid-template-columns:1fr}.modal-backdrop{padding:8px}.modal{height:95vh}.modal-title strong{font-size:13px}}@media (max-width:480px){.brand{font-size:20px;gap:9px}.brand-mark{transform:skew(-30deg) scale(.85)}.intro h1{font-size:36px}.project-grid{grid-template-columns:1fr}.project-image{height:205px}.list-card .project-image{width:43%;height:140px}.list-card .card-info h3{font-size:13px}.card-tags span{font-size:9px}.modal-title{gap:6px}.toolbar-btn{padding:7px;font-size:10px}.footer-inner{gap:12px;flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}