.cs{height:100svh;padding-block:0;display:flex;flex-direction:column;overflow:hidden}.cs__head{flex:none;position:relative;z-index:2;padding-top:clamp(3.5rem,8vh,5.5rem);pointer-events:none}.cs-stage{position:relative;flex:1;min-height:0}.cs-deck{position:absolute;inset:0;perspective:1500px;perspective-origin:50% 40%;pointer-events:none}.cs-card{--haze: 0;position:absolute;left:50%;top:50%;display:block;width:var(--cs-w, 24rem);backface-visibility:hidden;will-change:transform,opacity}.cs-pane{position:relative;display:block;aspect-ratio:3 / 2;overflow:hidden;border-radius:var(--radius-sm);box-shadow:0 0 0 1px #f4ede324,0 40px 70px -40px #000000d9;transition:transform .7s var(--ease-out),box-shadow .7s var(--ease-out)}.cs-fill{position:absolute;inset:0}.cs-fill img{width:100%;height:100%;object-fit:cover;filter:saturate(.5) brightness(.85);transition:filter .6s var(--ease-out)}.cs-veil{position:absolute;inset:0;background:linear-gradient(155deg,#f4ede324,#f4ede300 38%),rgba(11,11,12,calc(.18 + var(--haze) * .42));transition:opacity .6s var(--ease-out)}.cs-cap{position:absolute;inset:0 0 auto;display:flex;flex-direction:column;gap:.3rem;padding:.85rem 3.2rem 2.4rem .9rem;background:linear-gradient(0deg,#0b0b0c00,#0b0b0cc7);opacity:0;transform:translateY(-.5rem);transition:opacity var(--dur-mid) var(--ease-out),transform var(--dur-mid) var(--ease-out)}.cs-title{font-size:var(--fs-h4);font-weight:600;line-height:1.05;letter-spacing:var(--tracking-tight);color:var(--fg)}.cs-meta{font-size:var(--fs-meta);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-muted)}.cs-cta{position:absolute;top:.7rem;right:.7rem;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--accent);font-size:.95rem;line-height:1;color:var(--smoky-black);opacity:0;transform:scale(.6) rotate(-45deg);transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-mid) var(--ease-spring)}.cs-card.is-active .cs-pane{box-shadow:0 0 0 1px #fa6c0a8c,0 50px 90px -40px #000000e6}.cs-card.is-active .cs-fill img{filter:none}.cs-card.is-active .cs-veil{opacity:0}.cs-card.is-active .cs-cap,.cs-card.is-active .cs-cta{opacity:1;transform:none}.cs-card:focus-visible{outline:none}.cs-card:focus-visible .cs-pane{box-shadow:0 0 0 2px var(--accent)}.cs-card.is-flying .cs-cta{opacity:0}.cs__foot{flex:none;position:relative;z-index:2;display:flex;align-items:center;gap:clamp(1rem,3vw,2.5rem);padding-block:.9rem calc(clamp(1.2rem,3vh,2rem) + var(--consent-h, 0px));font-size:var(--fs-meta);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted)}.cs__count{flex:none;min-width:16ch;white-space:nowrap}.cs__track{flex:1;height:1px;background:var(--line-strong);overflow:hidden}.cs__bar{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.cs__index{flex:none;color:var(--fg)}@media (max-width: 700px){.cs__track{display:none}.cs__foot{justify-content:space-between;padding-right:calc(var(--gutter) + 3.5rem)}.cs__count{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}}@media (prefers-reduced-motion: reduce){.cs{height:auto;overflow:visible;padding-block:var(--section-y)}.cs__head{padding-top:0}.cs-stage{margin-top:var(--space-lg)}.cs-deck{position:static;perspective:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:var(--space-md);padding-inline:var(--gutter)}.cs-card{position:static;width:auto;transform:none!important;opacity:1!important;pointer-events:auto!important}.cs-pane{transition:none}.cs-veil{display:none}.cs-fill img{filter:none}.cs-cap,.cs-cta{opacity:1;transform:none;transition:none}.cs__track,.cs__count{display:none}}.hoverprev{position:relative;border-top:1px solid var(--line)}.hoverprev ul{list-style:none}.hoverprev__row{display:grid;grid-template-columns:3rem minmax(0,1.5fr) minmax(0,1fr) auto auto;align-items:start;gap:clamp(1rem,3vw,2.5rem);padding-block:clamp(1.3rem,3.4vw,2.4rem);border-bottom:1px solid var(--line);transition:padding-inline var(--dur-slow) var(--ease-spring),color var(--dur-fast)}.hoverprev__row:hover{padding-inline:1.2rem;color:var(--accent)}.hoverprev__row:hover .hoverprev__client,.hoverprev__row:hover .hoverprev__sum,.hoverprev__row:hover .hoverprev__svc,.hoverprev__row:hover .hoverprev__cat,.hoverprev__row:hover .hoverprev__year{color:#fff}.hoverprev__idx{font-size:var(--fs-meta);color:var(--fg-dim)}.hoverprev__title{font-size:var(--fs-h3)}.hoverprev__main{display:flex;flex-direction:column;gap:.35rem;min-width:0}.hoverprev__client{font-size:var(--fs-meta);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted)}.hoverprev__sum{max-width:64ch;font-size:var(--step--1);line-height:1.5;color:var(--fg-dim)}.hoverprev__svc{text-align:right}.hoverprev__svc,.hoverprev__cat,.hoverprev__year{padding-top:.5rem;line-height:1.7;font-size:var(--fs-meta);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim)}.hoverprev__trails{position:absolute;inset:0;pointer-events:none;z-index:2}.hoverprev__trail{position:absolute;width:6.325rem;height:8.05rem;margin:-4.025rem 0 0 -3.1625rem;border-radius:var(--radius-sm);border:1px solid var(--line-strong);opacity:0;will-change:transform,opacity}.hoverprev__chip{position:absolute;top:0;left:0;width:13.8rem;height:17.25rem;margin:-8.625rem 0 0 -6.9rem;border-radius:var(--radius-md);border:1px solid var(--line-strong);pointer-events:none;opacity:0;transform:scale(.9);z-index:3}@media (max-width: 1000px){.hoverprev__sum{display:none}}@media (max-width: 720px){.hoverprev__svc{display:none}.hoverprev__row{grid-template-columns:2.4rem 1fr auto}.hoverprev__year,.hoverprev__chip,.hoverprev__trails{display:none}}.work-hero{min-height:58svh;display:flex;align-items:flex-end;padding-top:clamp(7rem,16vh,11rem);padding-bottom:calc(var(--section-y) * .6)}.work-hero__title{font-size:var(--fs-h1);line-height:var(--lh-display);margin-top:var(--space-md)}.work-hero__line{display:block}.work-count{font-size:var(--fs-meta);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim)}
