@layer components{.project-title{font-size:var(--display);font-weight:var(--primary-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-small);margin-top:var(--space-3);margin-bottom:var(--space-4)}.icon{--_size:1.5em;width:var(--_size);height:var(--_size);flex:none;display:block;&.small{--_size:1em}&.large{--_size:2em}&.full-width{width:100%;height:auto}}.site-footer{z-index:2;align-items:baseline;gap:var(--space-4);padding-inline:var(--site-margin);padding-block:var(--bar-inset);background-color:var(--background);color:var(--text);font-size:var(--text-small);line-height:var(--text-small-line-height);letter-spacing:var(--text-small-letter-spacing);font-weight:var(--primary-medium);grid-template-columns:1fr auto 1fr;grid-template-areas:"home contact projects";display:grid;position:fixed;bottom:0;left:0;right:0}.site-footer__home{grid-area:home;justify-self:start}.site-footer__contact{grid-area:contact}.site-footer__projects{justify-self:end;align-items:baseline;gap:var(--space-4);grid-area:projects;display:flex}.site-footer__mask{margin-block:-.2em;padding-block:.2em;overflow:clip}.site-footer__link,.site-footer__contact-line{color:inherit;white-space:nowrap;align-items:baseline;gap:.5em;text-decoration:none;display:inline-flex}.site-footer__link:hover{font-style:italic}.site-footer__icon{align-self:center}.site-footer__icon--back{transform:scaleX(-1)}.site-footer__toggle,.site-footer__copy{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.site-footer__toggle:before{content:"​"}.site-footer__icon--close,.site-footer__toggle[aria-expanded=true] .site-footer__icon--list{display:none}.site-footer__toggle[aria-expanded=true] .site-footer__icon--close{display:block}.site-footer__copy{align-self:center;display:grid;& .icon{grid-area:1/1}}.site-footer__copy-done,.site-footer__copy[data-copied] .site-footer__copy-icon{visibility:hidden}.site-footer__copy[data-copied] .site-footer__copy-done{visibility:visible}.copy-toast{--_bar-height:calc(var(--bar-inset) * 2 + var(--text-small) * 1.5);left:50%;bottom:calc(var(--_bar-height) - var(--bar-inset));z-index:10;padding:var(--space-2) var(--space-3);background-color:var(--text);color:var(--background);font-size:var(--text-small);line-height:var(--text-small-line-height);letter-spacing:var(--text-small-letter-spacing);font-weight:var(--primary-medium);white-space:nowrap;pointer-events:none;transform:translate(-50%, calc(100% + var(--_bar-height) + .5rem));transition:transform .45s cubic-bezier(.22,1,.36,1);position:fixed;&:empty{visibility:hidden}&[data-visible]{transform:translate(-50%)}@media (prefers-reduced-motion:reduce){opacity:0;transition:opacity .2s;transform:translate(-50%);&[data-visible]{opacity:1}}}@media (width<40rem){.site-footer{grid-template-columns:1fr auto;grid-template-areas:"home projects";align-items:center}.site-footer__contact{display:none}.site-footer__projects{align-items:center;gap:var(--space-5)}.site-footer__projects .icon.site-footer__icon{--_size:1.5em}.site-footer__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.site-footer [data-stage-intro]{visibility:hidden}.project-index{--index-inset:var(--space-2);z-index:2;overscroll-behavior:contain;padding-inline:var(--site-margin);padding-top:var(--bar-inset);padding-bottom:calc(var(--section-space-medium) + var(--space-6));background-color:var(--background);color:var(--text);position:fixed;inset:0;overflow-y:auto;&[hidden]{display:none}}html.is-project-index-open{overflow:hidden}.project-index__list{margin:0 calc(-1 * var(--index-inset));border-bottom:var(--border-width) solid var(--border);padding:0;list-style:none}.project-index__item{border-top:var(--border-width) solid var(--border)}.project-index__link{padding:var(--space-3) var(--index-inset);color:inherit;text-decoration:none;transition:color .5s cubic-bezier(.16,1,.3,1),background-color .5s cubic-bezier(.16,1,.3,1);display:block;position:relative;overflow:hidden;&:hover .project-index__name{font-style:italic}}.project-index__link[aria-current=page],.project-index__legal-link[aria-current=page]{background-color:var(--brand-500);color:var(--brand-text)}.project-index__current{vertical-align:-.15em;margin-inline-end:.3em;display:inline-block}@media (hover:hover){.project-index__list:has(.project-index__link:hover) .project-index__link[aria-current=page]:not(:hover){color:inherit;background-color:#0000}}.project-index__hover-tile{background-color:var(--brand-500);position:absolute;inset:0}[data-directional-hover-tile]{will-change:transform;transition:transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(-100%)}.project-index__link[data-status^=enter]{color:var(--brand-text)}@media (prefers-reduced-motion:reduce){[data-directional-hover-tile],.project-index__link{transition:none!important}}.project-index__mask{margin-block:-.15em;padding-block:.15em;display:block;position:relative;overflow:clip}.project-index__line{align-items:baseline;gap:var(--space-4);font-size:var(--text-small);line-height:var(--text-small-line-height);letter-spacing:var(--text-small-letter-spacing);font-weight:var(--primary-medium);grid-template-columns:minmax(0,3fr) minmax(0,1fr) minmax(0,1fr);grid-template-areas:"name kunde place";display:grid}.project-index__name{font-size:var(--h4);line-height:var(--line-height-small);letter-spacing:var(--letter-spacing-tight);font-weight:var(--primary-bold);text-transform:uppercase;grid-area:name}.project-index__kunde{grid-area:kunde}.project-index__place{text-align:end;grid-area:place}@media (width<40rem){.project-index__line{row-gap:var(--space-1);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name name""kunde place"}}.project-index__contact{margin-top:var(--space-6);font-size:var(--text-small);line-height:var(--text-small-line-height);letter-spacing:var(--text-small-letter-spacing);font-weight:var(--primary-medium);display:none;@media (width<40rem){display:block;&+.project-index__legal{margin-top:var(--space-3)}}}.project-index__contact-line{align-items:baseline;gap:.5em;display:inline-flex}.project-index__contact-link{color:inherit;white-space:nowrap;text-decoration:none;&:hover{font-style:italic}}.project-index__legal{gap:var(--space-4);margin:var(--space-6) calc(-1 * var(--index-inset)) 0;font-size:var(--text-small);line-height:var(--text-small-line-height);letter-spacing:var(--text-small-letter-spacing);font-weight:var(--primary-medium);flex-wrap:wrap;padding:0;list-style:none;display:flex}.project-index__legal-link{padding:var(--space-1) var(--index-inset);color:inherit;text-decoration:none;display:block;&:hover{font-style:italic}}.project-index__preview{z-index:1;pointer-events:none;visibility:hidden;opacity:0;width:22rem;display:grid;position:fixed;top:0;left:0;translate:2rem -50%;@media not all and (hover:hover) and (pointer:fine){display:none}}.project-index__cover{opacity:0;grid-area:1/1;align-self:center;position:relative;&.is-active{opacity:1}}.project-index__cover-image{width:100%;height:auto;display:block}.project-index__slide{object-fit:cover;visibility:hidden;width:100%;height:100%;position:absolute;inset:0;&[data-slide-active]{visibility:visible}}}