.s-work{--gap:calc(var(--module) * 2);--text-w:clamp(300px, 26vw, 380px);--shot-w:min(840px, calc(100vw - 2 * var(--gutter) - 216px - var(--text-w)));z-index:3;padding:0 0 calc(var(--module) * 2);position:relative}.s-work__stage{position:relative}.s-work__hint{padding-inline:var(--gutter);font-size:var(--fs-small);color:var(--ash);margin:0 0 32px}.s-work__rail{min-width:0;position:relative}.s-work__track{gap:var(--gap);padding:8px var(--gutter);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;display:flex;overflow:auto hidden}.s-work__track::-webkit-scrollbar{display:none}html:not(.js) .s-work__track{scroll-snap-type:none;flex-direction:column;overflow:visible}html:not(.js) .s-work__hint{display:none}@media (hover:hover) and (pointer:fine){.s-work__hint{display:none}}.s-work__card{grid-template-columns:var(--shot-w) var(--module) var(--text-w);scroll-snap-align:start;flex:none;align-items:start;display:grid;position:relative}.s-work__shot,.s-work__frame{width:100%;aspect-ratio:var(--ar,8 / 5);grid-area:1/1}.s-work__shot{background:var(--ink-2);position:relative;overflow:hidden}.s-work__shot img{object-fit:cover;object-position:left top;width:100%;height:100%;display:block}.s-work__frame{z-index:1;border:1px solid var(--bronze-rim);pointer-events:none;position:relative}.s-work__body{flex-direction:column;grid-area:1/3;align-self:stretch;min-width:0;display:flex}.s-work__meta{font-size:var(--fs-small);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;margin-bottom:32px;line-height:1.4;display:flex}.s-work__num{color:var(--bronze-hi)}.s-work__n{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.04em;font-size:13px}.s-work__status{color:var(--ash);align-items:center;gap:10px;display:inline-flex}.s-work__cell{background:var(--bronze-hi);border:1px solid var(--bronze-hi);flex:none;width:10px;height:10px}.s-work__status.is-building .s-work__cell{background:0 0}.s-work__title{letter-spacing:var(--ls-snug);color:var(--parchment);text-wrap:balance;margin-bottom:20px;font-size:clamp(28px,2.5vw,40px);font-weight:200;line-height:1.1}html[lang=ar] .s-work__title{line-height:1.35}.s-work__desc{max-width:34em;color:var(--ash);text-wrap:pretty;margin-bottom:24px;font-size:15px;line-height:1.65}html[lang=ar] .s-work__desc{line-height:1.8}.s-work__tags{font-size:var(--fs-small);color:var(--ash);flex-wrap:wrap;align-items:center;row-gap:6px;margin-bottom:32px;line-height:1.5;list-style:none;display:flex}.s-work__tags li{align-items:center;display:inline-flex}.s-work__tags li:not(:last-child):after{content:"";background:var(--bronze-dim);width:1px;height:10px;margin-inline:12px}.s-work__link{margin-top:auto}.s-work__nav{padding:48px var(--gutter) 0;grid-template-columns:1fr auto;align-items:center;gap:20px 24px;display:grid}html:not(.js) .s-work__nav{display:none}.s-work__progress{background:var(--bronze-line);grid-column:1/-1;height:1px;position:relative}.s-work__progress>span{background:var(--bronze);transform-origin:0;transition:transform .6s var(--ease-power3);position:absolute;inset:0;transform:scaleX(.3333)}html[dir=rtl] .s-work__progress>span{transform-origin:100%}.s-work__counter{font-family:var(--font-mono), ui-monospace, monospace;font-size:var(--fs-data);letter-spacing:.04em;color:var(--ash)}.s-work__buttons{gap:8px;display:flex}.s-work__buttons button{width:48px;height:48px;color:var(--parchment);border:1px solid var(--bronze-rim);transition:border-color .4s var(--ease-power3), background-color .4s var(--ease-power3);place-items:center;display:grid}.s-work__buttons button:hover:not(:disabled){border-color:var(--bronze);background:var(--bronze-glow)}.s-work__buttons button:disabled{opacity:.35;cursor:default}.s-work__buttons svg{width:14px;height:14px}html[dir=rtl] .s-work__buttons svg{transform:scaleX(-1)}.s-work__blade,.s-work__head{display:none}html.mo .s-work__shot:not([data-cut]){clip-path:inset(0 0 100%)}html.mo .s-work__card:before{content:"";width:100%;aspect-ratio:var(--ar,8 / 5);background-image:linear-gradient(to right, var(--bronze-line) 1px, transparent 1px), linear-gradient(to bottom, var(--bronze-line) 1px, transparent 1px);background-size:var(--module) var(--cell-h,var(--module));background-position:0 0;grid-area:1/1}html.mo[dir=rtl] .s-work__card:before{background-position:100% 0}@media (min-width:901px) and (min-height:600px) and (hover:hover) and (pointer:fine){html.mo:not(.mo-light) .s-work:not([data-mode=track]){--start:var(--gutter);--shot-w:min(840px, calc(100vw - 2 * var(--gutter) - 216px - var(--text-w)), calc((100vh - 300px) * var(--r-min,1.6)));padding:0 0 var(--module)}html.mo:not(.mo-light) .s-work:not([data-mode=track]) .s-work__stage{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--module) minmax(0, 1fr) auto;height:100vh;display:grid;overflow:clip}html.mo:not(.mo-light) .s-work:not([data-mode=track]) .s-work__hint{display:none}html.mo:not(.mo-light) .s-work:not([data-mode=track]) .s-work__rail{grid-row:2;align-items:center;display:flex}html.mo:not(.mo-light) .s-work:not([data-mode=track]) .s-work__track{scroll-snap-type:none;flex:none;padding-block:0;padding-inline-start:var(--start);overflow:visible}html.mo:not(.mo-light) .s-work:not([data-mode=track]) .s-work__body{clip-path:inset(0 0 100%)}html.mo:not(.mo-light) .s-work[data-mode=pin] .s-work__blade{z-index:2;background:var(--bronze);pointer-events:none;width:2px;display:block;position:absolute;top:0;bottom:0;left:0}html.mo:not(.mo-light) .s-work[data-mode=pin] .s-work__head{z-index:2;width:var(--module);height:var(--module);border:1px solid var(--bronze);transform-origin:0 0;opacity:0;pointer-events:none;display:block;position:absolute;top:0;left:0}html.mo:not(.mo-light) .s-work:not([data-mode=track]) .s-work__nav{padding:0 var(--gutter) 24px;grid-row:3;padding-inline-start:var(--start)}html.mo:not(.mo-light) .s-work:not([data-mode=track]) .s-work__progress>span{transition:none}@supports (width:round(down, 100px, 7px)){html.mo:not(.mo-light) .s-work:not([data-mode=track]){--start:round(nearest, var(--gutter), var(--module));--card:round(down, calc(100cqw - var(--start) - var(--gutter) - 2 * var(--module)), var(--module));--text-pref:clamp(calc(4 * var(--module)), round(nearest, calc(var(--card) * .3), var(--module)), calc(7 * var(--module)));--shot:max(calc(4 * var(--module)), min(calc(var(--card) - var(--module) - var(--text-pref)), round(down, calc((100vh - 300px) * var(--r-min,1.6)), var(--module)), calc(20 * var(--module))));--text:clamp(calc(4 * var(--module)), calc(var(--card) - var(--module) - var(--shot)), calc(7 * var(--module)))}html.mo[dir=rtl]:not(.mo-light) .s-work:not([data-mode=track]){--start:calc(100cqw - round(nearest, calc(100cqw - var(--gutter)), var(--module)))}html.mo:not(.mo-light) .s-work:not([data-mode=track]) .s-work__stage{container-type:inline-size}html.mo:not(.mo-light) .s-work:not([data-mode=track]) .s-work__card{width:var(--card);grid-template-columns:var(--shot) minmax(var(--module), 1fr) var(--text)}}}@media (max-width:900px){.s-work{--gap:16px;padding-bottom:var(--module)}.s-work__hint{margin-bottom:24px}.s-work__card{--card-w:calc(100vw - 2 * var(--gutter) - 40px);width:var(--card-w);grid-template-columns:minmax(0,1fr);grid-template-rows:calc(var(--card-w) / var(--r-min,1.6)) 1fr;align-content:start}.s-work__body{grid-area:2/1;padding-top:24px}.s-work__meta{margin-bottom:20px}.s-work__title{margin-bottom:14px;font-size:26px}.s-work__tags{margin-bottom:24px}.s-work__nav{padding-top:32px}html:not(.js) .s-work__card{--card-w:calc(100vw - 2 * var(--gutter))}}