.work{position:relative;overflow-x:clip}.work__stage{padding-block:var(--section-y)}.work__title{margin:0 0 34px;font-size:clamp(38px,6vw,72px);font-weight:500;letter-spacing:-.02em;display:inline-block;border-bottom:3px solid var(--accent-soft);padding-bottom:6px}.work__counter{display:none}.work__list{list-style:none;margin:0;padding:0;display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project__link{display:block;text-decoration:none;color:inherit}.project__shot{display:block;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-raised);aspect-ratio:16 / 10}.project__shot img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.project__name{display:block;margin-top:14px;font-size:20px;font-weight:500}.project__sector{display:block;color:var(--ink-faint);font-size:15px;margin-top:2px}.project__cta{display:none}.project__link:hover .project__name{color:var(--accent)}.work__more{margin:34px 0 0}.work__ring{display:none}.work.is-ring .work__stage{position:sticky;top:0;height:100vh;padding:0;display:grid;grid-template-columns:41% 59%;align-items:center}.work.is-ring .work__panel{position:relative;z-index:2;margin:0;max-width:none;width:100%;padding-left:clamp(2rem,9vw,10rem);padding-right:24px;transform:translate3d(var(--panel-x, 0px),var(--panel-y, 0px),0);opacity:var(--panel-o, 1)}.work.is-ring .work__title{font-family:var(--font-body);font-size:13px;font-weight:var(--weight-regular);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);border-bottom:0;padding-bottom:0;margin:0 0 26px;display:block}.work.is-ring .work__more{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.work.is-ring .work__counter{display:none}.work.is-ring .work__list{display:block;position:relative;min-height:290px;max-width:none}.work.is-ring .project{position:absolute;left:0;top:0;width:100%;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity calc(var(--step-ms, .62s) * .32) ease,transform calc(var(--step-ms, .62s) * .32) ease}.work.is-ring .project.is-active{opacity:1;transform:none;pointer-events:auto;transition:opacity calc(var(--step-ms, .62s) * .48) ease calc(var(--step-ms, .62s) * .32),transform calc(var(--step-ms, .62s) * .6) cubic-bezier(.2,.8,.2,1) calc(var(--step-ms, .62s) * .32)}.work.is-ring .project__shot{display:none}.work.is-ring .project__name{margin-top:0;font-family:var(--font-display);font-size:clamp(30px,3.1vw,46px);font-weight:var(--weight-regular);font-style:italic;letter-spacing:.05em;line-height:var(--leading-tight);text-wrap:balance}.work.is-ring .project__name .word{display:inline-block;white-space:nowrap}.work.is-ring .project__name .letter{display:inline-block}.work.is-ring .project__name .letter.is-waiting{opacity:0}.work.is-ring .project__name .letter.is-glitching{text-shadow:-.08em 0 rgba(255,0,60,.95),.08em 0 rgba(0,225,255,.95)}.work.is-ring .project__sector{font-size:17px;margin-top:12px}.work.is-ring .project__cta{display:inline-block;white-space:nowrap;margin-top:28px;padding:14px 30px;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-ink);font-weight:500;font-size:16px;transition:transform .2s ease,filter .2s ease}.work.is-ring .project__cta{overflow:hidden}.work.is-ring .project__link:hover .project__cta,.work.is-ring .project__link:focus-visible .project__cta{filter:brightness(1.08)}.work.is-ring .project__link:hover .project__name{color:inherit}.work.is-ring .project__link:focus-visible{outline:2px solid var(--accent);outline-offset:8px;border-radius:6px}.work.is-ring .work__ring{display:block;position:relative;height:100vh;perspective:var(--persp, 1500px);perspective-origin:26% 50%}.ring__slide{position:absolute;inset:0;transform-style:preserve-3d;transform:translate3d(var(--slide-x, 0px),0,0)}.ring{position:absolute;left:52%;top:var(--ring-y, 50%);width:0;height:0;transform-style:preserve-3d;transform:translate3d(var(--ringx, 0px),0,var(--ringz, 0px)) rotateY(var(--tilt, -14deg)) rotateX(var(--spin, 0deg))}.card{position:absolute;width:var(--card-w, 620px);height:var(--card-h, 388px);left:calc(var(--card-w, 620px) / -2);top:calc(var(--card-h, 388px) / -2);transform-style:preserve-3d}.card__face{position:absolute;inset:0;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-raised);border:1px solid var(--line);box-shadow:0 34px 70px #0009;transition:filter var(--step-ms, .62s) cubic-bezier(.4,0,.2,1),opacity var(--step-ms, .62s) cubic-bezier(.4,0,.2,1)}.card__face img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.work__snaps{position:absolute;inset:0;pointer-events:none}.work__snaps i{position:absolute;left:0;width:1px;height:1px;scroll-snap-align:start}@media(max-width:900px){.work.is-ring .work__stage{grid-template-columns:1fr;grid-template-rows:1fr auto;padding:calc(var(--nav-height) + var(--space-4) + var(--space-6)) 0 0}.work.is-ring .work__panel{grid-row:2;padding:0 var(--page-gutter) var(--space-6)}.work.is-ring .work__title{margin-bottom:20px}.work.is-ring .work__counter{margin-bottom:16px}.work.is-ring .work__list{min-height:210px;max-width:none}.work.is-ring .project__name{font-size:clamp(26px,7.4vw,38px)}.work.is-ring .project__sector{font-size:16px;margin-top:8px}.work.is-ring .project__cta{margin-top:18px;padding:12px 24px;font-size:15px}.sticky-cta-armed .work.is-ring .work__panel{padding-bottom:calc(var(--space-6) + var(--sticky-cta-height))}.work.is-ring .work__ring{grid-row:1;height:100%;perspective-origin:50% 50%}.ring{left:50%;--ring-y: 44%}}@media(prefers-reduced-motion:reduce){.work.is-ring .work__stage{position:static;height:auto;display:block;padding-block:var(--section-y)}.work.is-ring .work__ring{display:none}.work.is-ring .work__list{display:grid;position:static}.work.is-ring .project{position:static;opacity:1;transform:none;pointer-events:auto}.work.is-ring .project__shot{display:block}.work.is-ring .project__name{margin-top:14px;font-size:20px;line-height:inherit;letter-spacing:normal}.work.is-ring .project__sector{font-size:15px;margin-top:2px}.work.is-ring .project__cta{display:none}}