.project-cover--image-only{block-size:max(32rem,calc(100svh - var(--project-reveal-header-size, 3.75rem)));min-block-size:0}.project-reveal--intro{align-items:start}.project-intro.project-reveal--intro .project-reveal__panel{display:none;position:relative;grid-column:7 / -1;grid-row:2;inline-size:100%;padding:0;overflow:visible;translate:none}.project-intro.project-reveal--intro.is-open .project-reveal__panel{display:block}.reference-page .project-reveal--intro.is-open .project-cover__copy{grid-column:1 / 7}.project-reveal--intro .project-cover__copy{grid-row:2}.project-intro.project-reveal--intro .project-reveal__close{position:static;margin:0 0 2.5rem auto}.project-reveal--intro .project-intro__text .longtext{max-inline-size:none;inline-size:100%}@media(width<64rem){.reference-page .project-reveal--intro.is-open .project-cover__copy{grid-column:1 / -1}.project-intro.project-reveal--intro .project-reveal__panel{grid-column:1 / -1;grid-row:3;margin-block-start:var(--space-5)}}.project-reveal.project-cover{--reveal-ease: cubic-bezier(.23, 1, .32, 1);block-size:max(32rem,calc(100svh - var(--project-reveal-header-size, 3.75rem)));min-block-size:0;overflow:clip;scroll-margin-block-start:var(--project-reveal-header-size, 3.75rem);overflow-anchor:none}.project-reveal .project-cover__content{block-size:100%;min-block-size:0;inline-size:100%}.project-reveal .project-cover__picture,.project-reveal:after{inline-size:100%}.project-reveal .project-cover__image{object-position:center}.project-reveal__button{display:none;align-items:center;gap:.8rem;min-block-size:2.75rem;padding:0;border:0;background:none;color:var(--color-text);font:inherit;font-size:var(--font-body);cursor:pointer}.is-enhanced .project-reveal__button{display:inline-flex}.project-reveal .project-cover__copy{grid-column:1 / -1}.project-reveal__trigger{position:absolute;inset-block-start:var(--page-gutter);inset-inline-end:var(--page-gutter);margin-block-start:0}.project-reveal__trigger,.project-reveal__close{inline-size:8rem;justify-content:space-between;min-block-size:2.85rem;padding:.65rem 1.25rem;border:.0625rem solid oklch(.464 0 none);border-radius:100vw;background:oklch(.925 0 none);color:oklch(0 0 none);box-shadow:0 .35rem 1.5rem oklch(0 0 none / .28);font-size:var(--font-small);line-height:1;white-space:nowrap}.project-reveal__button:focus-visible{outline:2px solid currentColor;outline-offset:.3rem}.project-reveal__chevron,.project-reveal__close-icon{display:block;flex:none;inline-size:1.25cap;block-size:auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:butt;stroke-linejoin:miter}.project-reveal__chevron{rotate:180deg}.project-reveal__button:active{color:var(--color-muted)}.project-reveal :is(.project-reveal__trigger,.project-reveal__close):active{color:oklch(0 0 none);background:oklch(.85 0 none)}.project-reveal__panel{--reveal-panel-inset: clamp(1.5rem, 3vw, 4rem);position:absolute;z-index:2;inset-block:0;inset-inline-end:0;inline-size:50%;padding:var(--reveal-panel-inset);background:oklch(0 0 none);overflow-y:auto;overscroll-behavior:auto;visibility:hidden;translate:100% 0}.project-reveal__close{position:sticky;z-index:3;inset-block-start:calc(var(--page-gutter) - var(--reveal-panel-inset));margin-inline-start:auto;margin-inline-end:calc(var(--page-gutter) - var(--reveal-panel-inset));margin-block-start:calc(var(--page-gutter) - var(--reveal-panel-inset));margin-block-end:2.5rem}.is-enhanced .project-reveal__close{display:flex}.project-reveal__text .project-reveal__subline.body-copy{padding-block-start:.3125rem;font-size:calc(var(--font-section) * .77);inline-size:100%;max-inline-size:none;margin-block-start:.5rem}.project-reveal__text .project-reveal__subline+.body-copy{margin-block-start:1rem}.project-reveal.is-open .project-cover__picture,.project-reveal.is-open .project-cover__content,.project-reveal.is-open:after{inline-size:50%}.project-reveal.is-open .titel-referenz{font-size:clamp(2rem,4vw,3.5rem)}.project-reveal.is-open .project-reveal__trigger{visibility:hidden}.project-reveal.is-open .project-reveal__panel{visibility:visible;translate:0 0}@media(hover:hover)and (pointer:fine){.project-reveal__button:hover{text-decoration:underline;text-underline-offset:.2em}.project-reveal :is(.project-reveal__trigger,.project-reveal__close):hover{text-decoration:none;background:oklch(.97 0 none)}}@media(prefers-reduced-motion:no-preference){.project-reveal :is(.project-cover__picture,.project-cover__content),.project-reveal:after{transition:inline-size .3s var(--reveal-ease)}.project-reveal .project-cover__title{transition:font-size .3s var(--reveal-ease)}.project-reveal__panel{transition:translate .4s var(--reveal-ease),visibility .4s}}@media(width<64rem){.project-reveal.is-open{block-size:auto}.project-reveal.is-open .project-cover__picture,.project-reveal.is-open .project-cover__content,.project-reveal.is-open:after{inline-size:100%;block-size:45svh}.project-reveal.is-open .project-cover__content{min-block-size:22rem}.project-reveal.is-open .project-cover__picture,.project-reveal.is-open:after{min-block-size:22rem}.project-reveal__panel{inline-size:100%}.project-reveal.is-open .project-reveal__panel{position:relative;overflow:visible}.project-reveal.is-open .project-reveal__trigger{display:none}.project-reveal__close{inset-block-start:calc(var(--project-reveal-header-size, 3.75rem) + var(--page-gutter))}}.project-reveal .project-cover__title{hyphens:auto;overflow-wrap:break-word}.project-reveal__headline.h1.longtext{margin-block:0;max-inline-size:none;inline-size:100%;line-height:.8932}