.cs{position:relative;height:260vh;background:var(--ink)}.cs-static{height:100svh}.cs-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--ink);isolation:isolate}.cs-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;gap:2px;will-change:transform,opacity;backface-visibility:hidden}.cs-cell{position:relative;overflow:hidden;background:color-mix(in srgb,var(--ink) 82%,var(--paper))}.cs-cell img{width:100%;height:100%;object-fit:cover;filter:saturate(.86) brightness(.94)}.cs-resolve{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;will-change:transform,opacity;backface-visibility:hidden}.cs-resolve img{width:100%;height:100%;object-fit:cover}.cs-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--ink) 82%,transparent) 0%,color-mix(in srgb,var(--ink) 34%,transparent) 15%,transparent 34%),linear-gradient(to bottom,transparent 26%,color-mix(in srgb,var(--ink) 52%,transparent) 54%,color-mix(in srgb,var(--ink) 88%,transparent) 82%,color-mix(in srgb,var(--ink) 95%,transparent) 100%);pointer-events:none}.cs-title{position:absolute;left:0;right:0;bottom:clamp(48px,12vh,130px);color:var(--paper);will-change:transform,opacity}.cs-word{margin-bottom:clamp(20px,3.4vh,36px)}.cs-line{max-width:16ch;color:var(--paper)}.cs-line em{font-style:italic;color:var(--coral)}.cs-meta{margin-top:20px;color:color-mix(in srgb,var(--paper) 72%,transparent)}.cs-capveil{position:absolute;inset:auto 0 0 0;height:46%;background:linear-gradient(to top,color-mix(in srgb,var(--ink) 88%,transparent) 0%,color-mix(in srgb,var(--ink) 46%,transparent) 46%,transparent 100%);pointer-events:none}.cs-cap{position:absolute;left:0;right:0;bottom:clamp(44px,10vh,108px);display:grid;gap:10px;justify-items:start;color:var(--paper)}.cs-cap-client,.cs-cap-title{color:var(--paper)}.cs-cap-go{margin-top:6px;color:color-mix(in srgb,var(--paper) 78%,transparent)}.cs-cap:hover .cs-cap-go{color:var(--paper)}@media(max-width:900px){.cs{height:210vh}.cs-grid{grid-template-columns:repeat(5,1fr)!important;grid-template-rows:repeat(8,1fr)!important}}@media(max-width:560px){.cs-grid{grid-template-columns:repeat(4,1fr)!important;grid-template-rows:repeat(10,1fr)!important}.cs-line{max-width:12ch}}@media(prefers-reduced-motion:reduce){.cs{height:100svh}.cs-grid{transform:none!important;opacity:1!important}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/contactsheet.css.map */