.work-page-main{min-height:100vh;padding-top:calc(var(--header-height) + 18px);background:var(--background);padding-bottom:0}.work-page-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;margin-bottom:clamp(32px,4vw,48px);padding-bottom:clamp(16px,2vw,24px);display:flex}.work-page-title{letter-spacing:-.04em;text-transform:uppercase;color:var(--foreground);-webkit-user-select:none;user-select:none;align-items:flex-start;font-size:clamp(48px,12vw,160px);font-weight:800;line-height:.82;display:inline-flex}.work-page-title .variable-letter{color:var(--foreground);font-variation-settings:"wdth" 78, "wght" 800;will-change:font-variation-settings, transform;transform-origin:bottom;cursor:default;transition:color .25s;display:inline-block}.work-page-title .variable-letter:hover{color:var(--accent)}.work-page-title .work-page-count{color:var(--accent);letter-spacing:.04em;font-variant-numeric:tabular-nums;vertical-align:top;-webkit-user-select:none;user-select:none;align-self:flex-start;margin-top:clamp(4px,.4vw,8px);margin-left:clamp(8px,.7vw,14px);font-size:clamp(13px,1.3vw,22px);font-weight:600;line-height:1;display:inline-block;top:0}@media (prefers-reduced-motion:reduce){.work-page-title .variable-letter{font-variation-settings:"wdth" 78, "wght" 800!important}}.work-view-toggle{background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:4px;display:flex}.view-toggle-btn{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s}.view-toggle-btn.is-active{color:var(--background);background:var(--foreground)}.work-table{border-collapse:collapse;width:100%}.work-table-head{border-bottom:1px solid var(--border);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:60px 2fr 1.6fr 1.4fr 80px;gap:20px;padding-bottom:16px;font-size:11px;font-weight:500;display:grid}.work-table-row{border-bottom:1px solid var(--border);color:var(--foreground);grid-template-columns:60px 2fr 1.6fr 1.4fr 80px;align-items:center;gap:20px;padding-block:clamp(20px,2.5vw,36px);text-decoration:none;transition:background-color .2s,padding-inline .25s;display:grid}.work-table-row:hover{background-color:var(--surface);padding-inline:clamp(8px,1.2vw,20px)}.work-col-num{color:var(--muted);font-size:13px}.work-col-name{letter-spacing:-.025em;text-transform:uppercase;align-items:baseline;gap:12px;font-size:clamp(24px,3vw,48px);font-weight:700;transition:color .2s;display:flex}.work-row-arrow{color:var(--accent);opacity:0;font-size:.45em;transition:all .2s;transform:translate(-8px,8px)}.work-table-row:hover .work-col-name{color:var(--accent)}.work-table-row:hover .work-row-arrow{opacity:1;transform:translate(0)}.work-col-type,.work-col-role,.work-col-year{color:var(--muted);font-size:clamp(12px,.95vw,15px)}.work-col-year{text-align:right;font-variant-numeric:tabular-nums}.work-grid-view{grid-template-columns:repeat(auto-fill,minmax(clamp(320px,30vw,540px),1fr));gap:clamp(32px,4vw,64px);display:grid}.work-grid-card{flex-direction:column;gap:16px;text-decoration:none;display:flex}.work-grid-thumbnail{aspect-ratio:16/10;background:var(--surface);border:1px solid var(--border);border-radius:10px;width:100%;position:relative;overflow:hidden}.work-grid-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.work-grid-card:hover .work-grid-thumbnail img{transform:scale(1.03)}.work-grid-card:hover .work-grid-thumbnail{border-color:#83a5f766}.work-grid-info{justify-content:space-between;align-items:baseline;display:flex}.work-grid-title{letter-spacing:-.02em;color:var(--foreground);text-transform:uppercase;font-size:clamp(20px,2.2vw,32px);font-weight:700;transition:color .2s}.work-grid-card:hover .work-grid-title{color:var(--accent)}.work-grid-type{color:var(--muted);font-size:12px}.work-floating-preview{z-index:9990;pointer-events:none;opacity:0;visibility:hidden;will-change:transform, opacity;background:#181a19;border-radius:8px;width:340px;height:230px;transition:opacity .22s,visibility .22s;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 24px 60px #0000008c,0 0 0 1px #eae9e41a}.work-floating-preview.is-active{opacity:1;visibility:visible}.work-floating-preview img{object-fit:cover;width:100%;height:100%}@media (max-width:900px){.work-table-head{display:none}.work-table-row{grid-template-columns:40px 1fr auto;gap:12px}.work-col-role,.work-col-type{display:none}.work-floating-preview{display:none!important}}