:root{--work-link:#3157d5;--work-black:#111;--work-gray-50:#f7f7f7;--work-gray-100:#f1f1f1;--work-gray-150:#e9e9e9;--work-gray-300:#c8c8c8;--work-gray-500:#888;--work-gray-700:#555}.work{isolation:isolate;min-height:100vh;color:var(--work-black);background:#fff;padding:110px 52px 60px;position:relative;overflow:hidden}.work-background-clock{z-index:0;pointer-events:none;width:0;height:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.work-clock-center{z-index:4;background:#111;border-radius:50%;width:14px;height:14px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.work-clock-hand{transform-origin:0;pointer-events:none;will-change:transform;background:#111;border-radius:999px;display:block;position:absolute;top:0;left:0}.work-clock-hand-hour{z-index:3;width:clamp(170px,16vw,260px);height:7px;transform:translateY(-50%) rotate(var(--hour-angle,-90deg))}.work-clock-hand-minute{z-index:2;width:clamp(250px,24vw,390px);height:5px;transform:translateY(-50%) rotate(var(--minute-angle,-90deg))}.work-clock-hand-second{z-index:1;width:clamp(290px,29vw,470px);height:2px;transform:translateY(-50%) rotate(var(--second-angle,-90deg))}.work-page-navigation .page-navigation,.work-page-navigation a{pointer-events:auto}.work-heading-group{z-index:2;align-items:center;margin:0 0 46px;display:flex;position:relative}.work-heading-group h1{color:#111;letter-spacing:-.025em;margin:0;font-size:32px;font-weight:600;line-height:1}.work-list{z-index:2;flex-direction:column;gap:5px;width:100%;display:flex;position:relative}.work-row{border-radius:4px;align-items:baseline;width:calc(100% + 28px);margin:0 -14px;padding:10px 14px;transition:background-color .22s;display:flex}.work-row:hover{background:var(--work-gray-100)}.work-category{color:#999;letter-spacing:-.02em;flex:0 0 230px;align-items:center;font-size:15px;font-style:italic;font-weight:400;transition:color .2s;display:inline-flex}.work-row:hover .work-category{color:#777}.work-project{flex:auto;align-items:baseline;gap:14px;min-width:0;display:flex}.work-number{color:#777;font-variant-numeric:tabular-nums;flex:0 0 32px;width:32px;font-size:17px;font-weight:400;transition:color .2s}.work-row-linked .work-number{color:var(--work-link);font-weight:500}.work-title{color:#111;letter-spacing:-.025em;align-items:center;min-width:0;font-size:19px;font-weight:400;line-height:1.25;transition:color .2s,opacity .2s;display:inline-flex}.work-title-link{width:fit-content;color:var(--work-link);border-bottom:1px solid;align-items:baseline;gap:5px;padding-bottom:2px;font-weight:400;text-decoration:none;transition:color .2s,opacity .2s;display:inline-flex}.work-title-link:after{content:"↗";flex:none;margin-left:1px;font-family:Arial,sans-serif;font-size:11px;font-weight:400;line-height:1;transition:transform .22s;display:inline-block;transform:translateY(-1px)}.work-row:hover .work-number{color:#555}.work-row-linked:hover .work-number{color:var(--work-link)}.work-row:hover .work-title{color:#111}.work-row:hover .work-title-link{color:var(--work-link)}.work-row:hover .work-title-link:after{transform:translate(2px,-2px)}.work-year{color:#999;text-align:right;white-space:nowrap;flex:0 0 90px;font-size:15px;font-weight:400;line-height:1.15;transition:color .2s}.work-row:hover .work-year{color:#777}.work-preview{z-index:20;color:#111;pointer-events:auto;background:#f2f2f2;border:1px solid #1111110f;border-radius:22px;flex-direction:column;width:min(390px,30vw);padding:18px 18px 24px;animation:.34s cubic-bezier(.22,1,.36,1) both workPreviewEnter;display:flex;position:fixed;top:50%;right:6vw;transform:translateY(-42%);box-shadow:0 20px 55px #11111114}@keyframes workPreviewEnter{0%{opacity:0;transform:translateY(-38%)scale(.975)}to{opacity:1;transform:translateY(-42%)scale(1)}}.preview-top{color:#777;letter-spacing:.03em;justify-content:space-between;align-items:center;padding:0 3px 16px;font-size:11px;font-weight:600;display:flex}.preview-image{aspect-ratio:4/3;background:#e6e6e6;border-radius:16px;width:100%;overflow:hidden}.preview-image img{object-fit:cover;border-radius:16px;width:100%;height:100%;display:block}.preview-info{flex-direction:column;padding:24px 4px 4px;display:flex}.preview-info h2{color:#111;letter-spacing:-.035em;margin:0;font-size:22px;font-weight:600;line-height:1.35}.preview-meta{grid-template-columns:84px minmax(0,1fr);align-items:start;gap:11px 16px;margin-top:22px;display:grid}.preview-meta>span:nth-child(odd){color:#999;letter-spacing:.08em;white-space:nowrap;font-size:10px;font-weight:600;line-height:1.5}.preview-meta>span:nth-child(2n){color:#444;min-width:0;font-size:clamp(11px,.75vw,13px);font-weight:500;line-height:1.5}.preview-info>p{color:#1111119e;letter-spacing:-.01em;border-top:1px solid #11111114;margin:24px 0 0;padding-top:21px;font-size:clamp(11px,.85vw,15px);font-weight:400;line-height:1.7}.preview-link{color:#333;text-underline-offset:3px;cursor:pointer;align-items:center;width:fit-content;min-width:0;font-size:clamp(11px,.75vw,13px);font-weight:500;line-height:1.5;text-decoration:underline;transition:opacity .2s;display:inline-flex}.preview-link:hover{opacity:.55}.work-index{z-index:10;align-items:center;gap:8px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.work-index span{color:#666;letter-spacing:.01em;background:#f3f3f3;border:1px solid #1111110f;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-size:11px;font-weight:500;display:flex}.index-dot{background:#999;border-radius:50%;flex:none;width:7px;height:7px;display:block}.index-dot-case{background:var(--work-link)}@media (max-width:1000px){.work-category{flex-basis:180px}.work-year{flex-basis:90px}.work-preview{width:320px;padding:16px 16px 22px;right:30px}.work-clock-hand-hour{width:150px}.work-clock-hand-minute{width:230px}.work-clock-hand-second{width:280px}}@media (max-width:768px){.work{padding:100px 20px 80px}.work-heading-group{margin-bottom:34px}.work-heading-group h1{font-size:28px}.work-category{display:none}.work-project{flex:auto}.work-year{flex:0 0 80px;font-size:13px}.work-title{font-size:17px}.work-number{flex-basis:28px;width:28px;font-size:14px}.work-preview{display:none}.work-index{justify-content:center;margin-top:50px;position:static;transform:none}.work-clock-center{width:10px;height:10px}.work-clock-hand-hour{width:90px;height:5px}.work-clock-hand-minute{width:140px;height:4px}.work-clock-hand-second{width:170px;height:2px}}@media (prefers-reduced-motion:reduce){.work-preview{animation:none}.work-row,.work-category,.work-number,.work-title,.work-title-link,.work-title-link:after,.work-year,.preview-link{transition:none}}