.project-cover{aspect-ratio:8/5;isolation:isolate;border:1px solid var(--rule);background:var(--canvas);color:var(--ink);position:relative;overflow:hidden}.project-cover-media{position:absolute;inset:0;overflow:hidden}.project-cover-image{object-fit:cover;width:100%;height:100%;transition:transform var(--spring-soft);display:block}.project-cover--campaign .project-cover-image{object-fit:contain}.project-cover--composed{grid-template-columns:.9fr 1.1fr;display:grid}.project-cover--composed .project-cover-media{border-left:1px solid color-mix(in srgb, var(--ink) 40%, transparent);inset:0 0 0 44%}.project-cover-copy{z-index:1;padding:var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-direction:column;display:flex;position:relative}.project-cover-logo{object-fit:contain;object-position:left center;filter:brightness(0);width:72%;height:auto;max-height:2rem;display:block}:root[data-theme=dark] .project-cover-logo{filter:brightness(0)invert()}.project-cover--epo1 .project-cover-logo{width:40%}.project-cover-headline{font:500 var(--type-section)/var(--leading-body) var(--font-sans);letter-spacing:var(--tracking-text);text-wrap:balance}.project-cover-domain{font:500 var(--type-ui)/var(--leading-body) var(--font-sans);color:var(--ink-muted)}.project-cover-wordmark{font:500 var(--type-section)/var(--leading-tight) var(--font-sans);letter-spacing:var(--tracking-text)}.project-cover-registration{inset:var(--space-3);pointer-events:none;position:absolute}.project-cover-registration span{width:var(--space-2);height:var(--space-2);border-color:var(--ink);opacity:.6;border-style:solid;position:absolute}.project-cover-registration span:first-child{border-width:1px 1px 0 0;top:0;right:0}.project-cover-registration span:last-child{border-width:0 1px 1px 0;bottom:0;right:0}.project-cover--epo1 .project-cover-image{object-position:60% center}.project-cover--kasper .project-cover-image{object-position:40% center}.project-cover--kst-academy .project-cover-image{object-position:60% center}.project-cover--kstmag .project-cover-image{object-position:center 62%}.project-artwork.project-artwork--cover{aspect-ratio:8/5;border-radius:var(--radius-tile);height:auto;min-height:0;container-type:normal}.project-artwork--cover .project-cover{height:100%}.project-cover--large .project-cover-copy{padding:var(--space-12)}.project-cover--large .project-cover-headline{font-size:var(--type-editorial)}.project-cover--large .project-cover-logo{max-height:3.5rem}.project-grid[data-layout=index] .project-cover-copy{display:none}.project-grid[data-layout=index] .project-cover--composed .project-cover-media{border:0;inset:0}.project-grid[data-layout=index] .project-cover-registration{display:none}@media (width<48rem){.project-cover-copy{padding:var(--space-4);gap:var(--space-3)}.project-cover--large .project-cover-copy{padding:var(--space-4)}.project-cover--large .project-cover-headline{font-size:var(--type-section)}.project-cover--large .project-cover-logo{max-height:2rem}}@media (width<24rem){.project-cover-copy{padding:var(--space-3)}.project-cover-headline{font-size:var(--type-body)}}@media (prefers-reduced-motion:reduce){.project-cover-image{transition:none}}.project-cover--library{aspect-ratio:auto;width:100%;min-height:0}.project-artwork.project-artwork--library{aspect-ratio:auto}.project-cover--library .project-cover-media{aspect-ratio:8/5;background:var(--surface);flex:none;position:relative}.project-cover--library.project-cover--campaign .project-cover-image{object-fit:contain;object-position:center}.project-cover-story{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-6);border-top:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto;display:grid}.project-cover-detail{gap:var(--space-1);display:grid}.project-cover--library .project-cover-detail h3{font:500 var(--type-section)/var(--leading-body) var(--font-sans);letter-spacing:var(--tracking-text);margin:0}.project-cover-open{width:var(--control-height);height:var(--control-height);border-radius:var(--radius-pill);border:1px solid;place-items:center;display:grid}.project-cover-open svg{width:var(--type-section);height:var(--type-section)}:is(a,.project-art-link):is(:hover,:focus-visible) .project-cover-story:after{opacity:1;animation:6s ease-in-out infinite alternate fill-drift}:is(a,.project-art-link):is(:hover,:focus-visible) .project-cover-story{color:var(--on-accent-fill)}a:is(:hover,:focus-visible)>.project-cover--library .project-cover-image,.project-art-link:is(:hover,:focus-visible) .project-cover--library .project-cover-image{transform:scale(1.045)translateY(-1%)}.project-grid[data-layout=index] .project-cover--library{aspect-ratio:8/5}.project-grid[data-layout=index] .project-cover-story{display:none}.cs-work-section .cs-library-controls{align-items:center;gap:var(--space-4)}.cs-work-section .cs-filter-group{padding:var(--space-1);border:1px solid var(--rule);border-radius:var(--radius-pill);background:var(--canvas);flex-wrap:nowrap;gap:0}.cs-work-section .cs-filter-group button{padding:var(--space-2) var(--space-4);background:0 0}.cs-work-section .cs-filter-group button[aria-pressed=true]{background:var(--surface);color:var(--ink)}.cs-work-section .cs-filter-group button:hover:not([aria-pressed=true]){color:var(--ink);background:0 0}.cs-work-section .cs-filter-group{isolation:isolate;position:relative}.cs-work-section .cs-filter-group>.switch-marker{z-index:-1;top:var(--space-1);height:calc(100% - 2 * var(--space-1));border-radius:var(--radius-pill);background:var(--surface);pointer-events:none;position:absolute;left:0}.cs-work-section .cs-filter-group[data-switch-ready]>button[aria-pressed=true]{background:0 0}.cs-work-section .cs-filter-group:not([data-switch-ready])>.switch-marker{display:none}@media (width<48rem){.project-cover-story{min-height:11.25rem;padding:var(--space-4);gap:var(--space-2) var(--space-3)}}@media (width<40rem){.cs-work-section .cs-filter-group:first-child{flex:100%}.cs-work-section .cs-filter-group:first-child button{padding-inline:var(--space-2);flex:1}.cs-work-section .cs-library-controls>:last-child{margin-left:auto}}@media (prefers-reduced-motion:reduce){.project-cover-open{transition:none}a:is(:hover,:focus-visible)>.project-cover--library .project-cover-image,.project-art-link:is(:hover,:focus-visible) .project-cover--library .project-cover-image{transform:none}}