body{min-height:100vh;display:flex;flex-direction:column}main{flex:1 0 auto;padding-top:84px;position:relative;overflow:hidden}.bg-frag{opacity:.35}.frag-a{top:160px;right:-70px;width:280px}.proj-head{text-align:center;max-width:680px;margin:0 auto;padding:72px 0 48px;position:relative;z-index:2}.proj-sub{margin-top:22px;font-size:18px;color:var(--grey);font-weight:300}.filters{max-width:1100px;margin:0 auto;padding:0 40px 44px;position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:0;justify-content:center}.filter-row{display:flex;flex-wrap:wrap;border:.5px solid var(--black)}.filter{font-family:inherit;font-size:14px;font-weight:500;letter-spacing:-.005em;background:var(--white);color:var(--black);border:none;border-radius:0;padding:13px 22px;cursor:pointer;border-bottom:2px solid transparent;transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}.filter+.filter{border-left:.5px solid var(--black)}.filter:hover:not(.active){background:#0a0a0a0a}.filter.active{background:var(--black);color:var(--white);border-bottom:2px solid var(--purple)}.grid-wrap{max-width:1180px;margin:0 auto;padding:0 40px 110px;position:relative;z-index:2}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:var(--white);border:.5px solid var(--black);border-radius:0;cursor:pointer;display:flex;flex-direction:column;transition:border-color .2s ease,transform .2s ease}.card:hover{border-color:var(--purple);border-width:1px;transform:scale(1.01)}.card-thumb{width:100%;aspect-ratio:3 / 2;object-fit:cover;display:block;border-bottom:.5px solid var(--black)}.card-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px}.card-tag{font-size:11.5px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--purple)}.card-name{font-size:19px;font-weight:700;letter-spacing:-.02em;color:var(--black);line-height:1.1}.card-teaser{font-size:14px;color:var(--grey);font-weight:300;line-height:1.5}.card.hidden{display:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0a0a0aeb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:32px;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.overlay.open{opacity:1;visibility:visible}.modal{background:var(--white);border-radius:0;max-width:860px;width:100%;max-height:90vh;overflow-y:auto;padding:2.5rem;position:relative;display:grid;grid-template-columns:55fr 45fr;gap:36px;align-items:start}.modal-close{position:absolute;top:16px;right:18px;z-index:5;background:none;border:none;border-radius:0;font-family:inherit;font-size:24px;line-height:1;color:var(--black);cursor:pointer;padding:6px 10px;transition:color .2s ease}.modal-close:hover{color:var(--purple)}.carousel{display:flex;flex-direction:column;gap:16px}.carousel-stage{position:relative;width:100%;aspect-ratio:8 / 5;border:.5px solid var(--black);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.carousel-stage img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .3s ease}.carousel-stage img.active{opacity:1}.carousel-nav{display:flex;align-items:center;justify-content:space-between}.car-arrow{background:none;border:none;border-radius:0;font-family:inherit;font-size:26px;line-height:1;color:var(--black);cursor:pointer;padding:8px 14px;transition:color .2s ease,transform .2s ease}.car-arrow:hover{color:var(--purple)}.dots{display:flex;gap:8px;align-items:center}.dots .dot{width:9px;height:9px;border-radius:0;background:var(--white);border:.5px solid var(--black);cursor:pointer;padding:0;transition:background .2s ease}.dots .dot.active{background:var(--black)}.details{display:flex;flex-direction:column;gap:0}.d-tag{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--purple)}.d-name{font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1.05;margin-top:12px;color:var(--black)}.d-rule{height:.5px;background:var(--black);border:none;margin:20px 0}.d-desc{font-size:15px;color:var(--grey);font-weight:300;line-height:1.6}.d-techlabel{font-size:11.5px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--grey);margin-top:24px}.d-tech{font-size:14px;color:var(--black);font-weight:400;margin-top:8px}.d-tech .pipe{color:#0a0a0a4d;margin:0 8px}.modal-actions{margin-top:32px}.modal-actions.side-by-side{display:flex;flex-wrap:wrap;gap:12px}@media (max-width: 980px){.grid{grid-template-columns:repeat(2,1fr)}.modal{grid-template-columns:1fr;gap:28px;max-height:88vh}}@media (max-width: 680px){.proj-head{padding:48px 0 36px}.filters{padding:0 24px 36px}.grid-wrap{padding:0 24px 80px}.grid{grid-template-columns:1fr}.frag-a{display:none}.overlay{padding:0}.modal{padding:2rem 1.4rem;max-height:100vh;height:100%}}@media (prefers-reduced-motion: reduce){.card{transition:border-color .2s ease}}