.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.work-card{display:block;position:relative;border:1px solid #ffffff24;border-radius:14px;overflow:hidden;background:#101722;color:#fff;text-decoration:none;transition:transform .2s,border-color .2s}.work-card:hover{transform:translateY(-3px);border-color:#08a5ff}.work-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#080c12}.work-card>span:not(.work-zoom){display:block;padding:14px 16px;line-height:1.4;font-size:.9rem}.work-card .work-zoom{position:absolute;top:10px;right:10px;border-radius:50%;background:#0a101cdd;width:32px;height:32px;text-align:center;line-height:30px;font-size:23px}.work-kicker{color:#38b5ff;font-size:.78rem;text-transform:uppercase;letter-spacing:.15em;margin-bottom:12px}.work-actions{text-align:center;margin-top:28px}.work-actions p{font-size:.85rem;color:#adb9ca;margin-top:14px}.work-primary{display:inline-block;padding:15px 24px;border-radius:8px;background:linear-gradient(110deg,#087fbe,#6142d8);color:#fff;text-decoration:none;font-weight:700}.work-page{margin:0;background:#05070b;color:#fff;font:16px/1.6 Arial,Helvetica,sans-serif}.work-page *{box-sizing:border-box}.work-page a{color:inherit}.work-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:24px max(22px,calc((100vw - 1200px)/2));border-bottom:1px solid #ffffff20}.work-brand{font-weight:900;font-style:italic;text-decoration:none;letter-spacing:.03em}.work-brand span{color:#0aa8ff}.work-main{max-width:1200px;padding:54px 24px;margin:auto}.work-main h1{font-size:clamp(30px,5vw,48px);line-height:1.15;margin:12px 0 20px}.work-intro{color:#bdc8d8;max-width:720px}.work-filters{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 12px}.work-filters button{font:inherit;color:#e3eaf4;background:#151e2c;border:1px solid #40516b;border-radius:24px;padding:10px 18px;cursor:pointer}.work-filters button[aria-pressed=true]{background:#087eb9;border-color:#54c0f7;color:white}.work-count{font-size:.85rem;color:#a7b5c8}.work-end{text-align:center;padding:45px 18px;margin-top:45px;border-top:1px solid #ffffff20}.work-footer{text-align:center;padding:26px;border-top:1px solid #ffffff20;color:#a7b5c8}.work-dialog{box-sizing:border-box;width:min(1100px,96vw);max-height:94vh;padding:52px 16px 18px;border:1px solid #56667b;border-radius:14px;background:#0c121c;color:white}.work-dialog::backdrop{background:#000e}.work-dialog img{display:block;width:100%;height:min(68vh,720px);object-fit:contain}.work-dialog-caption{text-align:center;line-height:1.5;margin:14px 0 0}.work-dialog-close{position:absolute;right:12px;top:10px;padding:8px 14px;background:#273449;border:1px solid #62758f;border-radius:8px;color:#fff;font:inherit;cursor:pointer}.work-dialog-nav{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.work-dialog-nav button{padding:10px 18px;border:1px solid #62758f;background:#192437;color:#fff;border-radius:8px;font:inherit;cursor:pointer}.work-card[hidden],.work-filters[hidden]{display:none!important}.work-card:focus-visible,.work-primary:focus-visible,.work-filters button:focus-visible,.work-dialog button:focus-visible{outline:3px solid #65c6ff;outline-offset:4px}@media(max-width:650px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.work-card>span:not(.work-zoom){padding:10px;font-size:.78rem}.work-main{padding:30px 14px}.work-filters button{font-size:.85rem;padding:9px 12px}.work-header{padding:20px 14px}.work-brand{font-size:.9rem}.work-dialog{padding-left:10px;padding-right:10px}.work-dialog-nav button{font-size:.85rem;padding:10px}.work-section .intro{line-height:1.6}}@media(prefers-reduced-motion:reduce){.work-card{transition:none}}
