.work-ghost{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;font-family:var(--font-display);letter-spacing:-.03em;color:oklch(from var(--color-ink) l c h / .045);font-size:clamp(7rem,19vw,20rem);font-weight:500;line-height:.8;position:absolute;top:50%;left:0;transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){.work-ghost{left:-6vw}}.work-view{z-index:1;position:relative;overflow:hidden}.work-skew{transform-origin:0%;will-change:transform}@media (prefers-reduced-motion:reduce){.work-skew{will-change:auto}}.work-track{--row-h:clamp(17rem, 48vh, 32rem);align-items:flex-start;gap:clamp(.9rem,1.9vw,2.25rem);width:max-content;padding:0 clamp(4rem,14vw,16rem) 0 clamp(1.25rem,4vw,5rem);display:flex}@media (max-width:63.999rem),(prefers-reduced-motion:reduce){.work-view{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;overflow-x:auto}.work-view::-webkit-scrollbar{display:none}.work-plate{scroll-snap-align:center}}@media (max-width:63.999rem){.work-track{--row-h:clamp(15rem, 62vw, 24rem);padding:0 clamp(1.25rem,4vw,5rem)}}.work-plate{width:calc(var(--row-h) * var(--h) * var(--ar));margin-top:calc(var(--row-h) * var(--lift));flex:none;position:relative}.work-cast{height:calc(var(--row-h) * var(--h))}.work-plate[data-shape=wide]{--ar:1.3333}.work-plate[data-shape=tall]{--ar:.75}.work-plate:nth-child(4n+1){--h:1;--lift:0}.work-plate:nth-child(4n+2){--h:.86;--lift:.1}.work-plate:nth-child(4n+3){--h:.94;--lift:.02}.work-plate:nth-child(4n){--h:.9;--lift:.08}@media (max-width:63.999rem){.work-plate{--h:1;--lift:0}}
.work-cast{transition:box-shadow var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out);box-shadow:0 1px 2px #2f221c1a,0 18px 36px #2f221c26;box-shadow:0 1px 2px lab(14.5935% 5.98283 6.19108/.1),0 18px 36px lab(14.5935% 5.98283 6.19108/.15)}@media (hover:hover){.work-plate:hover .work-cast{transform:translateY(-6px);box-shadow:0 2px 4px #2f221c1f,0 30px 56px #2f221c38;box-shadow:0 2px 4px lab(14.5935% 5.98283 6.19108/.12),0 30px 56px lab(14.5935% 5.98283 6.19108/.22)}}.work-cut{background:var(--color-sunken);width:100%;height:100%;position:relative;overflow:hidden}.work-photo{position:absolute;inset:-8%}@media (prefers-reduced-motion:reduce){.work-photo{inset:0}}.work-img{object-fit:cover;transition:transform 1.1s var(--ease-out)}@media (hover:hover){.work-plate:hover .work-img{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.work-img{transition:none}.work-plate:hover .work-img{transform:none}}.work-caption{grid-template-columns:max-content 1fr;align-items:start;column-gap:clamp(.7rem,1.1vw,1.1rem);margin-top:clamp(.9rem,1.4vw,1.35rem);display:grid;position:relative}.work-index{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:oklch(from var(--color-ink) l c h / .26);transition:color var(--dur-base) var(--ease-out);grid-row:1/span 2;align-self:center;font-size:clamp(1.5rem,2.2vw,2.35rem);font-weight:500;line-height:1}@media (hover:hover){.work-plate:hover .work-index{color:var(--color-accent-deep)}}.work-meta{color:var(--color-muted);font-size:var(--text-2xs)}.work-title{color:var(--color-ink);margin-top:.3rem;font-size:clamp(1.05rem,1.4vw,1.45rem);display:inline-block;position:relative}.work-title:after{content:"";background:var(--color-accent-deep);transform-origin:100%;width:100%;height:1px;transition:transform var(--dur-slow) var(--ease-out);position:absolute;bottom:-.18em;left:0;transform:scaleX(0)}@media (hover:hover){.work-plate:hover .work-title:after{transform-origin:0;transform:scaleX(1)}}.work-marks{inset:calc(var(--tick) * -1 - 2px);--tick:clamp(.5rem, .9vw, .85rem);pointer-events:none;opacity:0;transition:opacity var(--dur-slow) var(--ease-out);background-image: linear-gradient(var(--color-accent-deep), var(--color-accent-deep)), linear-gradient(var(--color-accent-deep), var(--color-accent-deep)),  linear-gradient(var(--color-ink), var(--color-ink)), linear-gradient(var(--color-ink), var(--color-ink)),  linear-gradient(var(--color-ink), var(--color-ink)), linear-gradient(var(--color-ink), var(--color-ink)),  linear-gradient(var(--color-ink), var(--color-ink)), linear-gradient(var(--color-ink), var(--color-ink));background-size:var(--tick) 1px, 1px var(--tick), var(--tick) 1px, 1px var(--tick), var(--tick) 1px, 1px var(--tick), var(--tick) 1px, 1px var(--tick);background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-repeat:no-repeat;position:absolute}@media (hover:hover){.work-plate:hover .work-marks{opacity:.55}}@media (prefers-reduced-motion:reduce){.work-cast,.work-title:after,.work-index,.work-marks{transition:none}.work-plate:hover .work-cast{transform:none}}
.work-tip{z-index:60;pointer-events:none;opacity:0;visibility:hidden;background:var(--color-bg);width:min(19rem,72vw);color:var(--color-ink);padding:clamp(.85rem,1.1vw,1.05rem);position:fixed;top:0;left:0;box-shadow:0 1px 2px #2f221c24,0 22px 44px #2f221c38;box-shadow:0 1px 2px lab(14.5935% 5.98283 6.19108/.14),0 22px 44px lab(14.5935% 5.98283 6.19108/.22)}.work-tip:before{content:"";background:var(--color-accent);width:2px;position:absolute;inset:0 auto 0 0}.work-tip-head{align-items:center;gap:.7rem;display:flex}.work-tip-thumb{background:var(--color-sunken);flex:none;width:3.5rem;height:3.5rem;position:relative;overflow:hidden}.work-tip-cat{color:var(--color-accent-deep);font-size:var(--text-2xs);display:block}.work-tip-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-base);color:var(--color-ink);margin-top:.15rem;line-height:1.15;display:block}.work-tip-meta{font-size:var(--text-2xs);color:var(--color-text-muted);margin-top:.2rem;display:block}.work-tip-specs{border-top:1px solid var(--color-rule);grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem .8rem;margin:.85rem 0 0;padding-top:.75rem;display:grid}.work-tip-spec{flex-direction:column;display:flex}.work-tip-spec dt{font-size:var(--text-2xs);color:var(--color-text-muted)}.work-tip-spec dd{font-size:var(--text-xs);color:var(--color-ink);margin:.1rem 0 0;font-weight:600}.work-full{z-index:80;overscroll-behavior:contain;grid-template-columns:minmax(0,1fr);align-content:safe center;justify-items:center;padding:clamp(1rem,3vw,2.5rem);display:grid;position:fixed;inset:0;overflow-y:auto}.work-full-scrim{cursor:pointer;background:#190f0bed;background:lab(5.18044% 3.71663 3.17871/.93);position:fixed;inset:0}.work-full-sheet{z-index:1;grid-template-rows:auto auto;gap:clamp(1.5rem,3.5vw,3.5rem);width:min(88rem,94vw);display:grid;position:relative}.work-full-media-wrap{flex-direction:column;grid-area:1/1;gap:clamp(.75rem,1.4vw,1.25rem);width:100%;min-width:0;display:flex}.work-full-copy{color:var(--color-bg);grid-area:2/1}@media (min-width:64rem){.work-full-sheet{grid-template-rows:auto;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:center}.work-full-copy{grid-area:1/2}}.work-full-media{aspect-ratio:4/3;background:var(--color-sunken);width:100%;max-height:52svh;position:relative;overflow:hidden;box-shadow:0 12px 36px -10px #0009;box-shadow:0 12px 36px -10px lab(0% 0 0/.6)}@media (min-width:64rem){.work-full-media{max-height:72svh}}.work-full-slides{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:clamp(.5rem,1vw,.85rem);width:100%;display:grid}.work-full-thumb{aspect-ratio:4/3;border:1px solid oklch(from var(--color-bg) l c h / .25);background:var(--color-sunken);cursor:pointer;opacity:.55;filter:grayscale(20%);width:100%;transition:opacity .22s var(--ease-out), border-color .22s var(--ease-out), transform .22s var(--ease-out), filter .22s var(--ease-out);padding:0;position:relative;overflow:hidden;transform:translateY(0)}.work-full-thumb:hover{opacity:.9;filter:grayscale(0%);border-color:oklch(from var(--color-bg) l c h / .6)}.work-full-thumb.is-active{opacity:1;filter:grayscale(0%);border-color:var(--color-accent);outline:2px solid var(--color-accent);outline-offset:2px;transform:translateY(-2px);box-shadow:0 4px 12px #00000073;box-shadow:0 4px 12px lab(0% 0 0/.45)}.work-full-thumb:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.work-full-meta{color:oklch(from var(--color-bg) l c h / .62);font-size:var(--text-2xs);flex-wrap:wrap;align-items:baseline;gap:.4rem;display:flex}.work-full-index{color:var(--color-accent);font-variant-numeric:tabular-nums}.work-full-title{color:var(--color-bg);margin-top:.6rem;font-size:clamp(1.8rem,3.2vw,3.25rem)}.work-full-specs{color:oklch(from var(--color-bg) l c h / .82);gap:.65rem;margin-top:clamp(1.2rem,2.2vw,1.8rem);font-size:clamp(.95rem,1.1vw,1.1rem);display:grid}.work-full-specs li{border-bottom:1px solid oklch(from var(--color-bg) l c h / .14);grid-template-columns:1.4rem 1fr;padding-bottom:.65rem;display:grid}.work-full-specs li:before{content:"—";color:oklch(from var(--color-bg) l c h / .45)}.work-full-foot{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:clamp(1.25rem,2.5vw,2rem);display:flex}.work-full-count{color:oklch(from var(--color-bg) l c h / .55);font-variant-numeric:tabular-nums}.work-full-arrows{gap:.4rem;margin-left:.5rem;margin-right:auto;display:flex}.work-full-arrow{width:2.75rem;height:2.75rem;color:var(--color-bg);border:1px solid oklch(from var(--color-bg) l c h / .3);cursor:pointer;transition:background-color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);background:0 0;place-items:center;padding:0;display:grid}.work-full-arrow svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:square;stroke-linejoin:miter;width:1.05rem;height:1.05rem}@media (hover:hover){.work-full-arrow:hover{background:oklch(from var(--color-bg) l c h / .1);border-color:oklch(from var(--color-bg) l c h / .55)}}.work-full-arrow:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.work-full-close{color:var(--color-bg);border:1px solid oklch(from var(--color-bg) l c h / .3);cursor:pointer;font-size:var(--text-2xs);transition:background-color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);background:0 0;padding:.7rem 1.4rem}@media (hover:hover){.work-full-close:hover{background:oklch(from var(--color-bg) l c h / .1);border-color:oklch(from var(--color-bg) l c h / .55)}}.work-full-dismiss{z-index:2;width:2.75rem;height:2.75rem;color:var(--color-bg);border:1px solid oklch(from var(--color-bg) l c h / .34);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#190f0bb8;background:lab(5.18044% 3.71663 3.17871/.72);border-radius:999px;place-items:center;padding:0;display:grid;position:fixed;top:clamp(.75rem,3vw,1.25rem);right:clamp(.75rem,3vw,1.25rem)}.work-full-dismiss svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:square;width:1.1rem;height:1.1rem}.work-full-dismiss:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media (min-width:64rem){.work-full-dismiss{display:none}}.work-full-close:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}
[dir=rtl] #realisations-title,[dir=rtl] .work-full-title{line-height:1.28}[dir=rtl] .work-track{padding-left:clamp(4rem,14vw,16rem);padding-right:clamp(1.25rem,4vw,5rem)}@media (max-width:63.999rem){[dir=rtl] .work-track{padding-left:clamp(1.25rem,4vw,5rem);padding-right:clamp(1.25rem,4vw,5rem)}}[dir=rtl] .work-skew{transform-origin:100%}[dir=rtl] .work-ghost{left:auto;right:0}@media (prefers-reduced-motion:reduce){[dir=rtl] .work-ghost{left:auto;right:-6vw}}[dir=rtl] .work-title:after{transform-origin:0;left:auto;right:0}@media (hover:hover){[dir=rtl] .work-plate:hover .work-title:after{transform-origin:100%}}[dir=rtl] .work-marks{background-position:100% 0,100% 0,0 0,0 0,100% 100%,100% 100%,0 100%,0 100%}[dir=rtl] .work-tip:before{inset:0 0 0 auto}[dir=rtl] .work-full-arrows{margin-left:auto;margin-right:.5rem}[dir=rtl] .work-full-arrow svg{transform:scaleX(-1)}[dir=rtl] .work-full-dismiss{left:clamp(.75rem,3vw,1.25rem);right:auto}[dir=rtl] .work-full-count{direction:ltr}