:root{--work-bg:#fff;--work-ink:#102a43;--work-muted:#62748a;--work-border:#d6e4f5;--work-primary:#2f68ff;--work-primary-hover:#1769ff;--work-accent:#67d5ff;--work-card-bg:#f4f8fc;--work-sidebar-w:306px}.work-page-wrapper{background:var(--work-bg);width:100%;min-height:100svh;color:var(--work-ink);font-family:var(--font-body,"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);box-sizing:border-box;flex-direction:row;overflow-x:clip;display:flex!important}.work-sidebar-ref{height:100svh;width:var(--work-sidebar-w);min-width:var(--work-sidebar-w);max-width:var(--work-sidebar-w);border-right:1px solid var(--work-border);background:var(--work-bg);box-sizing:border-box;z-index:40;flex-direction:column;flex-shrink:0;justify-content:space-between;padding:23px;display:flex;position:sticky;top:0}.work-sidebar-logo{letter-spacing:-3px;color:var(--work-primary);align-self:flex-end;align-items:center;font-size:38px;font-weight:900;line-height:1;text-decoration:none;transition:opacity .18s;display:inline-flex}.work-sidebar-logo span{color:var(--work-primary);margin-left:2px;font-size:22px}.work-sidebar-logo:hover{opacity:.8}.work-sidebar-nav{flex-direction:column;gap:6px;width:100%;margin-top:auto;margin-bottom:auto;display:flex}.work-nav-item{flex-direction:column;align-items:flex-end;gap:6px;width:100%;display:flex}.work-nav-link{text-transform:uppercase;text-align:right;color:var(--work-muted);letter-spacing:-.02em;font-size:21px;font-weight:700;line-height:1;text-decoration:none;transition:color .18s,transform .18s;display:block}.work-nav-link:hover{color:var(--work-primary);transform:translate(-2px)}.work-nav-link.active{color:var(--work-primary);font-weight:800}.work-nav-divider{justify-content:center;align-items:center;width:100%;height:10px;display:flex}.work-nav-divider-line{border-top:1px solid var(--work-border);width:100%}.work-sidebar-clock{letter-spacing:.02em;text-transform:uppercase;color:var(--work-muted);flex-direction:column;align-items:flex-start;gap:2px;font-size:15px;font-weight:700;line-height:1.15;display:flex}.work-main-content{box-sizing:border-box;background:var(--work-bg);flex-direction:column;flex:1;gap:70px;min-width:0;padding:32px 36px 80px;display:flex}.work-project-article{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;display:flex}.work-project-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;display:grid}.work-project-card{aspect-ratio:1;background:var(--work-card-bg);border:1px solid var(--work-border);box-sizing:border-box;border-radius:10px;width:100%;text-decoration:none;transition:transform .3s,box-shadow .3s;display:block;position:relative;overflow:hidden}.work-project-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #102a431f}.work-project-card img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block;position:absolute;inset:0}.work-project-card:hover img{transform:scale(1.05)}.work-project-card-overlay{opacity:0;z-index:2;background:linear-gradient(#0000 0%,#102a4333 40%,#102a43cc 100%);align-items:flex-end;padding:14px;transition:opacity .25s;display:flex;position:absolute;inset:0}.work-project-card:hover .work-project-card-overlay{opacity:1}.work-project-card-title-hover{color:#fff;letter-spacing:.02em;font-size:13px;font-weight:700}.work-project-card-index{color:var(--work-ink);letter-spacing:.05em;z-index:3;background:#ffffffe6;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800;position:absolute;top:10px;left:10px;box-shadow:0 2px 6px #00000014}.work-project-info{box-sizing:border-box;justify-content:space-between;align-items:flex-start;gap:24px;width:100%;display:flex}.work-project-meta{flex-direction:column;gap:6px;min-width:280px;display:flex}.work-project-heading{text-transform:uppercase;letter-spacing:-.04em;color:var(--work-ink);margin:0;font-size:clamp(28px,2.6vw,36px);font-weight:800;line-height:1}.work-project-category{text-transform:uppercase;color:var(--work-muted);letter-spacing:.02em;margin:0;font-size:16px;font-weight:700}.work-project-desc-wrap{flex-direction:column;align-items:flex-start;gap:12px;max-width:440px;display:flex}.work-project-desc{color:var(--work-muted);margin:0;font-size:16px;line-height:1.4}.work-project-view-btn{color:var(--work-ink);align-items:center;gap:6px;font-size:14px;font-weight:700;text-decoration:none;transition:color .18s,transform .18s;display:inline-flex}.work-project-view-btn span{color:var(--work-primary);transition:transform .18s;display:inline-block}.work-project-view-btn:hover{color:var(--work-primary)}.work-project-view-btn:hover span{transform:translate(4px)}.work-project-divider{background:var(--work-border);width:100%;height:1px;margin-top:10px}@media (max-width:1180px){:root{--work-sidebar-w:240px}.work-main-content{gap:50px;padding:28px 24px 60px}.work-project-gallery{gap:12px}.work-nav-link{font-size:18px}}.work-mobile-header,.work-mobile-menu-overlay{display:none}@media (max-width:900px){.work-page-wrapper{flex-direction:column!important}.work-sidebar-ref{display:none!important}.work-mobile-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--work-border);z-index:70;background:#fffffff5;justify-content:space-between;align-items:center;height:60px;padding:0 20px;position:fixed;top:0;left:0;right:0;display:flex!important}.work-mobile-logo{letter-spacing:-2.5px;color:var(--work-primary);align-items:center;font-size:32px;font-weight:900;text-decoration:none;display:inline-flex}.work-mobile-logo span{margin-left:2px;font-size:19px}.work-mobile-menu-btn{width:38px;height:38px;color:var(--work-ink);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:24px;display:flex}.work-mobile-menu-overlay{background:var(--work-ink);color:#fff;z-index:65;flex-direction:column;justify-content:center;gap:22px;padding:32px 28px;animation:.2s workMenuFadeIn;position:fixed;inset:0;display:flex!important}@keyframes workMenuFadeIn{0%{opacity:0}to{opacity:1}}.work-mobile-menu-overlay a{text-transform:uppercase;color:#fff;letter-spacing:-.02em;font-size:30px;font-weight:800;text-decoration:none;transition:color .15s}.work-mobile-menu-overlay a:hover{color:var(--work-accent)}.work-main-content{gap:48px;width:100%!important;margin-left:0!important;padding:76px 16px 50px!important}.work-project-article{gap:16px}.work-project-gallery{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.work-project-gallery::-webkit-scrollbar{display:none}.work-project-card{scroll-snap-align:start;border-radius:8px;flex:0 0 82vw;max-width:340px}.work-project-info{flex-direction:column;gap:12px}.work-project-meta{gap:4px;min-width:0}.work-project-heading{font-size:24px}.work-project-category{font-size:14px}.work-project-desc-wrap{gap:10px;max-width:100%}.work-project-desc{font-size:14px;line-height:1.45}.work-project-view-btn{color:var(--work-primary);background:#eaf2ff;border-radius:999px;padding:8px 16px;font-size:13px}}@media (max-width:360px){.work-project-card{flex:0 0 88vw}.work-project-heading{font-size:21px}}.detail-content{box-sizing:border-box;flex:1;min-width:0;padding:32px 36px 80px}.detail-close{color:var(--work-primary);align-items:center;margin-bottom:24px;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .18s;display:inline-flex}.detail-close:hover{opacity:.75}.detail-description-label{text-transform:uppercase;color:var(--work-muted);letter-spacing:.05em;margin:0 0 6px;font-size:14px;font-weight:700}.detail-page-title{text-transform:uppercase;letter-spacing:-.04em;color:var(--work-ink);margin:0 0 12px;font-size:clamp(32px,3.5vw,48px);font-weight:900}.detail-page-intro{max-width:680px;color:var(--work-muted);margin:0 0 36px;font-size:17px;line-height:1.5}.detail-page-gallery{flex-direction:column;gap:24px;width:100%;display:flex}.detail-page-card{background:var(--work-card-bg);border:1px solid var(--work-border);border-radius:10px;width:100%;position:relative;overflow:hidden}.detail-page-card img{width:100%;height:auto;display:block}.detail-back-link{color:var(--work-primary);margin-top:36px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}@media (max-width:900px){.detail-content{width:100%!important;margin-left:0!important;padding:76px 16px 40px!important}.detail-page-title{font-size:28px}.detail-page-intro{font-size:15px}}