.work-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:38px}.work-heading h2{max-width:620px;margin-bottom:0}.work-heading>p{max-width:330px;font-size:13px;margin-bottom:0}.work-journal{display:grid;grid-template-columns:250px minmax(0,1fr);gap:46px;border-top:1px solid #404040;padding-top:28px;--work-flow:20;--work-progress:7.69%}.work-directory{position:relative;align-self:start;min-width:0}.work-directory-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.15em;padding-bottom:25px;border-bottom:1px solid #333}.work-total{font:500 30px Barlow;color:#777;letter-spacing:0}.work-chapters{position:relative;z-index:1;padding:12px 0}.work-chapter{display:grid;grid-template-columns:30px 1fr;gap:18px;align-items:center;min-height:70px;width:100%;text-align:left;background:#000;color:#888;border:0;border-bottom:1px solid #2a2a2a;padding:13px 12px 13px 26px;font-size:12px;transition:color .25s,padding-left .25s;position:relative}.work-chapter-number{font:500 20px Barlow;color:#707070}.work-chapter:before{content:'';position:absolute;left:2px;top:calc(50% - 3px);width:7px;height:7px;border:1px solid #555;background:#000}.work-chapter:hover,.work-chapter.active{color:#fff}.work-chapter.active:before{background:var(--red);border-color:var(--red)}.work-chapter.active .work-chapter-number{color:#eee}.work-pipe{position:absolute;left:-4px;top:85px;width:20px;height:330px;fill:none;stroke-width:1}.work-pipe-base{stroke:#343434}.work-pipe-current{stroke:var(--blue);stroke-width:2;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--work-flow));transition:stroke-dashoffset .45s ease}.work-chapter-note{margin-top:25px;padding-left:26px;font-size:12px;line-height:1.8;color:#999;max-width:245px}.work-screen{min-width:0}.work-view-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.12em;padding:5px 0 18px;color:#aaa}.work-view-index{font:500 22px Barlow;color:#ddd;letter-spacing:.05em}.work-stage{background:#000;border:1px solid #353535;position:relative;display:block;width:100%;height:560px;padding:20px 45px;overflow:hidden;touch-action:pan-y;isolation:isolate}.work-main-image{display:block;width:100%;height:100%;object-fit:contain;transition:opacity .18s,transform .18s;will-change:opacity;clip-path:inset(0)}.work-stage.is-changing .work-main-image{opacity:.12;transform:translateY(7px)}.work-stage.is-revealing .work-main-image{animation:workReveal .55s cubic-bezier(.2,.65,.3,1) both}.work-stage-corner{position:absolute;width:35px;height:35px;pointer-events:none;z-index:2}.corner-a{top:13px;left:13px;border-top:1px solid #b5b5b5;border-left:1px solid #b5b5b5}.corner-b{bottom:13px;right:13px;border-bottom:1px solid #b5b5b5;border-right:1px solid #b5b5b5}.work-stage-cta{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);background:#000e;border:1px solid #777;padding:11px 19px;color:#fff;white-space:nowrap;font-size:11px;font-weight:600;transition:border-color .2s}.work-stage:hover .work-stage-cta{border-color:#fff}.work-scan{position:absolute;top:0;bottom:0;width:1px;left:0;background:#fff4;pointer-events:none;opacity:0}.is-revealing .work-scan{animation:workScan .6s ease-out}.work-error{position:absolute;inset:35% 15%;background:#000;padding:25px;color:#ddd;font-size:13px;line-height:1.8;z-index:3}.work-view-caption{display:grid;grid-template-columns:.7fr 1fr;gap:35px;padding:25px 0 28px;min-height:138px}.work-view-caption h3{font-size:29px;margin:0}.work-view-caption p{font-size:12px;line-height:1.8;margin:0}.work-strip-label{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #333;padding:17px 0;font-size:9px;letter-spacing:.14em;color:#a0a0a0}.work-details{display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;scrollbar-width:thin;scrollbar-color:#555 #222;max-width:100%}.work-detail{flex:0 0 116px;scroll-snap-align:start;position:relative;background:#000;padding:0 0 9px;border:0;border-bottom:2px solid #333;color:#aaa;text-align:left;transition:border-color .2s,color .2s}.work-detail img{width:116px;height:90px;object-fit:cover;border:1px solid #333;filter:saturate(.8);transition:filter .2s}.work-detail-name{display:block;font-size:10px;line-height:1.5;padding:9px 0 5px;min-height:43px}.work-detail-kind{font-size:9px;letter-spacing:.07em;color:#777}.work-detail.active{border-color:var(--red);color:#fff}.work-detail.active img{filter:none;border-color:#777}.work-travel{display:flex;align-items:center;gap:24px;padding-top:22px}.work-travel button{border:1px solid #555;background:#000;color:#ddd;padding:10px 14px;min-height:44px;font-size:10px;white-space:nowrap}.work-travel button:hover{border-color:#fff}.work-travel-progress{height:1px;background:#383838;flex:1;min-width:20px;position:relative}.work-travel-progress i{position:absolute;left:0;top:-1px;width:var(--work-progress);height:2px;background:var(--red);transition:width .4s}.work-footnote{font-size:10px;max-width:740px;color:#888;margin:30px 0 0}.work-static{display:grid;gap:12px;margin-top:20px}.work-lightbox{width:min(1180px,calc(100vw - 36px));max-height:calc(100dvh - 36px);background:#000;color:#fff;border:1px solid #555;padding:0;overflow:auto}.work-lightbox[open]{animation:workDialog .2s ease-out}.work-lightbox::backdrop{background:#000e;backdrop-filter:blur(4px)}.work-lightbox-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;border-bottom:1px solid #333;font-size:10px;letter-spacing:.09em}.work-lightbox button{min-height:44px;min-width:65px;padding:10px 16px;border:1px solid #666;background:#000;color:#fff;font-size:11px}.work-lightbox-media{height:65dvh;position:relative;padding:14px;background:#000;display:flex;justify-content:center;align-items:center}.work-lightbox-image,.work-lightbox-video{width:100%;height:100%;object-fit:contain;display:block;background:#000}.work-lightbox-bottom{display:flex;justify-content:space-between;gap:40px;padding:22px;border-top:1px solid #333}.work-lightbox-title{font-size:28px;margin:0 0 12px}.work-lightbox-description,.work-video-status{font-size:12px;line-height:1.8;max-width:700px;margin:0}.work-lightbox-actions{display:flex;align-items:flex-start;gap:10px;flex-shrink:0}@keyframes workReveal{from{clip-path:inset(0 100% 0 0);opacity:.6;transform:translateX(7px)}to{clip-path:inset(0);opacity:1;transform:none}}@keyframes workScan{0%{left:0;opacity:0}30%{opacity:1}100%{left:100%;opacity:0}}@keyframes workDialog{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.work-journal{grid-template-columns:220px minmax(0,1fr);gap:30px}.work-stage{height:500px;padding-inline:25px}.work-heading{gap:35px}.work-view-caption{gap:25px}}
@media(max-width:820px){.work-heading{display:block}.work-heading>p{max-width:580px;margin-top:22px;font-size:14px}.work-journal{grid-template-columns:minmax(0,1fr);gap:26px}.work-directory-label{padding-bottom:12px}.work-total{font-size:24px}.work-chapters{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:14px 0;scrollbar-width:thin}.work-chapter{flex:0 0 175px;grid-template-columns:23px 1fr;gap:12px;min-height:68px;padding:12px;background:#000;border:1px solid #333;scroll-snap-align:start;font-size:11px}.work-chapter.active{border-bottom:2px solid var(--red)}.work-chapter:before,.work-pipe{display:none}.work-chapter-note{padding-left:0;margin-top:9px;max-width:100%;min-height:43px;font-size:13px}.work-stage{height:490px;padding:18px 30px}.work-view-caption{min-height:125px}.work-view-caption p{font-size:13px}.work-footnote{font-size:11px}.work-lightbox-bottom{gap:25px}.work-lightbox-media{height:63dvh}}
@media(max-width:520px){.work-heading h2{font-size:38px}.work-journal{padding-top:17px;gap:20px}.work-stage{height:430px;padding:16px 18px}.work-view-top{padding-bottom:12px}.work-stage-cta{font-size:12px;padding:10px 16px;bottom:20px}.work-view-caption{grid-template-columns:1fr;gap:13px;min-height:165px;padding:22px 0}.work-view-caption h3{font-size:30px}.work-view-caption p{font-size:14px}.work-details{gap:12px}.work-detail{flex-basis:110px}.work-detail img{width:110px;height:88px}.work-detail-name{font-size:11px}.work-travel{gap:12px}.work-travel button{font-size:11px;padding:10px}.work-footnote{font-size:11px}.work-lightbox{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.work-lightbox-top{padding:10px 12px;font-size:9px}.work-lightbox-media{height:56dvh;padding:6px}.work-lightbox-bottom{padding:17px;flex-direction:column;gap:18px}.work-lightbox-description{font-size:13px}.work-lightbox-actions{justify-content:space-between}.work-lightbox-actions button{min-width:110px}.work-lightbox-title{font-size:29px}}
.work-pipe{z-index:2;pointer-events:none}.work-pipe-current{stroke-dashoffset:var(--work-offset,80)}
@media(prefers-reduced-motion:reduce){.work-main-image,.work-scan,.work-pipe-current,.work-travel-progress i,.work-lightbox{animation:none!important;transition:none!important}.work-stage.is-changing .work-main-image{opacity:1;transform:none}}