.work-page-container{background:var(--background);min-height:100vh;color:var(--foreground);flex-direction:column;display:flex;position:relative}.work-intercepted-wrapper{z-index:1000;background:var(--background);will-change:transform;height:100vh;color:var(--foreground);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.work-page-container:before,.work-intercepted-wrapper:before{content:"";pointer-events:none;z-index:0;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px;position:absolute;inset:0}.work-page-body-wrap{z-index:1;flex-direction:column;flex:1;width:100%;padding-top:75px;display:flex;position:relative}.work-main-content-wrap{flex-direction:column;width:100%;display:flex}.work-top-row{width:100%;padding-left:var(--page-padding-x);padding-right:var(--page-padding-x);z-index:2;justify-content:space-between;align-items:flex-start;padding-top:20px;padding-bottom:clamp(30px,2rem + 1vw,55px);display:flex;position:relative}.work-title-group{flex-direction:column;flex-shrink:0;gap:.15rem;width:28%;margin:0;padding:0;display:flex}.work-main-title{font-family:var(--font-sans);letter-spacing:-.025em;color:var(--foreground);margin:0;padding:0;font-size:clamp(36px,2.5vw + 4px,48px);font-weight:600;line-height:1}.work-subtitle{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--foreground);opacity:.45;margin:0;padding:0;font-size:13px;font-weight:450}.work-meta-col-1{width:31%;font-family:var(--font-sans);letter-spacing:-.015em;color:var(--foreground);opacity:.85;text-wrap:pretty;flex-shrink:0;margin:0;padding:4px 0 0;font-size:clamp(15px,.8vw + 3px,18px);font-weight:450;line-height:1.45}.work-meta-col-2{width:31%;font-family:var(--font-sans);letter-spacing:-.015em;color:var(--foreground);opacity:.45;text-wrap:pretty;flex-shrink:0;margin:0;padding:4px 0 0;font-size:clamp(15px,.8vw + 3px,18px);font-weight:450;line-height:1.45}.work-content-grid{width:100%;padding-left:var(--page-padding-x);padding-right:var(--page-padding-x);justify-content:flex-start;gap:clamp(40px,5vw,120px);padding-bottom:1rem;display:flex}.work-preview-panel{flex-direction:column;gap:.6rem;width:42%;max-width:580px;display:flex}.work-preview-header{align-items:center;gap:.45rem;display:inline-flex}.work-preview-dot{background-color:var(--foreground);flex-shrink:0;width:5px;height:5px;display:inline-block}.work-preview-title{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.07em;color:var(--foreground);opacity:.75;font-size:clamp(10px,.5rem + .1vw,12px);font-weight:500}.work-preview-viewport{aspect-ratio:1.5;background:#0d0d0d;width:100%;position:relative;overflow:hidden}.work-preview-img-wrap{opacity:0;will-change:opacity, transform;transition:opacity .5s cubic-bezier(.25,1,.5,1),transform .5s cubic-bezier(.25,1,.5,1);position:absolute;inset:0;transform:scale(1.04)}.work-preview-img-wrap.active{opacity:1;transform:scale(1)}.work-preview-img{object-fit:cover;width:100%;height:100%}.work-right-col{flex-direction:column;flex:1;justify-self:start;max-width:860px;display:flex}.work-list{flex-direction:column;justify-self:start;width:100%;max-width:none;display:flex}.work-list-row{border-bottom:1px solid var(--border-color);cursor:pointer;will-change:opacity, padding-left;justify-content:space-between;align-items:center;padding:.7rem 0;transition:opacity .35s cubic-bezier(.25,1,.5,1),padding-left .35s cubic-bezier(.25,1,.5,1);display:flex;position:relative}.work-list-row:before{content:"→";opacity:0;font-family:var(--font-sans);color:var(--foreground);font-size:clamp(14px,.7vw + 2px,17px);font-weight:500;transition:opacity .35s cubic-bezier(.25,1,.5,1),transform .35s cubic-bezier(.25,1,.5,1);position:absolute;left:0;transform:translate(-10px)}.work-list-row-left{flex:1;align-items:center;gap:1.5rem;min-width:0;display:flex}.work-list-row:last-child{border-bottom:none}.work-list-row:hover,.work-list-row.active{padding-left:24px}.work-list-row:hover:before,.work-list-row.active:before{opacity:1;transform:translate(0)}.work-list-row.dimmed{opacity:.25}.work-list-row.semi-dimmed{opacity:.5}.work-list-name{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--foreground);flex-shrink:0;font-size:clamp(14px,.7vw + 2px,17px);font-weight:500}.work-list-bullets-inline{font-family:var(--font-sans);color:var(--foreground);opacity:.45;flex:1;align-items:center;gap:.25rem;min-width:0;padding-top:1px;font-size:11px;display:inline-flex}.work-list-row-right{flex:1;justify-content:flex-end;align-items:center;gap:clamp(24px,3.5vw,60px);min-width:0;display:flex}.work-list-meta{flex-shrink:0;align-items:center;display:flex}.work-list-read-time{font-family:var(--font-sans);color:var(--foreground);opacity:.85;text-align:right;flex-shrink:0;align-items:center;font-size:12px;font-weight:400;display:inline-flex}.work-list-read-time:before{content:"";background-color:var(--foreground);width:6px;height:6px;margin-right:8px;display:inline-block}.work-list-tap-prompt{font-family:var(--font-sans);color:var(--foreground);opacity:.65;text-align:right;letter-spacing:.02em;flex-shrink:0;align-items:center;font-size:11px;font-weight:500;display:inline-flex}.work-bullet-icon{flex-shrink:0;display:inline-block}.work-bullet-text{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}[data-js=true] .work-main-title{opacity:0;transform:translateY(30px)}[data-js=true] .work-subtitle{opacity:0}[data-js=true] .work-meta-col-1,[data-js=true] .work-meta-col-2{opacity:0;transform:translateY(15px)}[data-js=true] .work-preview-panel,[data-js=true] .work-list-row{opacity:0;transform:translateY(20px)}[data-js=true] .work-more-spinner{opacity:0;transform:translateY(15px)}[data-js=true] .work-more-heading{opacity:0;transform:translate(-15px)}[data-js=true] .work-page-container .footer-wrapper{opacity:0}@media (max-width:768px){.work-page-body-wrap{padding-top:80px}.work-top-row{flex-direction:column;gap:1.5rem;padding-top:1.5rem;padding-bottom:1.5rem}.work-title-group,.work-meta-col-1,.work-meta-col-2{width:100%;padding-top:0}.work-content-grid{padding-bottom:1rem;display:block}.work-content-grid.detail-mode{padding-bottom:3rem}.work-preview-panel{width:100%;max-width:100%;margin-bottom:2rem;display:flex}.work-right-col{width:100%;max-width:100%}.work-list{max-width:100%}.work-list-row{justify-content:space-between;gap:1rem;padding:.75rem 0;display:flex}}.work-page-container .footer-wrapper{padding-top:clamp(1.5rem,1rem + 1vw,2.5rem)}.work-preview-bullets{font-family:var(--font-sans);color:var(--foreground);opacity:.5;letter-spacing:-.01em;padding-top:.1rem;font-size:12px;font-weight:450;display:none}@media (max-width:992px){.work-list-bullets-inline{display:none}.work-preview-bullets{display:block}}.work-more-block{justify-content:flex-end;align-items:center;gap:.45rem;width:100%;margin-top:clamp(40px,4vw,80px);display:flex}.work-more-heading{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--foreground);opacity:.85;margin:0;font-size:clamp(20px,1.5vw + 4px,28px);font-weight:500}.work-more-spinner{color:var(--foreground);opacity:.85;justify-content:center;align-items:center;width:36px;height:36px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(22px,1.5vw + 4px,30px);font-weight:600;display:inline-flex}.work-more-spinner:before{content:"⠋";animation:.8s linear infinite cli-spin}@keyframes cli-spin{0%{content:"⠋"}10%{content:"⠙"}20%{content:"⠹"}30%{content:"⠸"}40%{content:"⠼"}50%{content:"⠴"}60%{content:"⠦"}70%{content:"⠧"}80%{content:"⠇"}90%{content:"⠏"}}.work-toast{color:#f4f4f3;font-family:var(--font-sans);z-index:9999;opacity:0;visibility:hidden;pointer-events:none;box-sizing:border-box;background-color:#1c1c1c;border-radius:4px;align-items:center;gap:.6rem;width:max-content;max-width:calc(100vw - 2.5rem);padding:.75rem 1.25rem;font-size:13px;font-weight:500;transition:opacity .35s cubic-bezier(.25,1,.5,1),transform .35s cubic-bezier(.25,1,.5,1),visibility .35s linear;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%,15px);box-shadow:0 8px 30px #0000001f}.work-toast.show{opacity:1;visibility:visible;transition:opacity .35s cubic-bezier(.25,1,.5,1),transform .35s cubic-bezier(.25,1,.5,1);transform:translate(-50%)}.work-toast-icon{opacity:.65;flex-shrink:0;font-size:14px}.work-toast-text{letter-spacing:-.01em;word-break:break-word}@media (max-width:480px){.work-toast{gap:.5rem;padding:.65rem 1rem;font-size:12px;bottom:1.5rem}.work-toast-icon{font-size:13px}}