.projects-page{color:var(--v-text)}.projects-shell{width:min(100% - 2 * var(--v-gasse),1280px);margin-inline:auto}.projects-hero{padding-top:96px;padding-bottom:64px}.projects-page .projects-eyebrow{color:var(--v-text-3);margin:0 0 20px;font-size:13px;line-height:1.6}.projects-page h1{letter-spacing:-.035em;text-wrap:balance;max-width:1060px;margin:0;font-size:clamp(38px,5.6vw,76px);font-weight:600;line-height:1.08}.projects-page h1>span,.projects-page h2>span{color:var(--v-text-3)}.projects-page h2{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(30px,3.8vw,50px);font-weight:500;line-height:1.14}.projects-intro{grid-template-columns:1.2fr .8fr;align-items:end;gap:40px 100px;margin-top:32px;display:grid}.projects-intro>p,.project-lead{max-width:690px;color:var(--v-text-3);font-size:19px;line-height:1.65}.projects-page .projects-note{max-width:440px;color:var(--v-text-3);font-size:13px;line-height:1.7}.projects-catalog{padding-bottom:90px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 32px;margin:0;padding:0;list-style:none;display:grid}.project-card{border-top:1px solid var(--v-haarlinie);height:100%;color:inherit;padding-top:16px;text-decoration:none;display:block}.project-card-top{color:var(--v-text-3);justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;font-size:12px;line-height:1.5;display:flex}.project-card-top>span:last-child{border:1px solid var(--v-haarlinie);width:36px;height:36px;color:var(--v-text-2);border-radius:50%;flex-shrink:0;place-items:center;font-size:22px;transition:color .2s,border-color .2s;display:grid}.project-card-image{aspect-ratio:3/2;background:var(--v-panel);border-radius:20px;align-items:center;display:flex;overflow:hidden}.project-card-image img{object-fit:contain;width:100%;height:100%;transition:transform .3s;display:block}.project-card-copy{padding:26px 4px 0}.project-card-copy .projects-eyebrow{margin-bottom:12px}.project-card-copy h2{font-size:clamp(26px,2.6vw,36px);line-height:1.2}.project-card-copy>p:not(.projects-eyebrow){max-width:530px;color:var(--v-text-3);margin-top:18px;font-size:16px;line-height:1.65}.projects-link{min-height:44px;color:var(--v-text-2);align-items:center;gap:18px;font-size:16px;line-height:1.5;text-decoration:none;display:inline-flex}.projects-link>span:last-child:not(:first-child){flex-shrink:0}.project-card-copy>.projects-link{margin-top:18px}.projects-link:hover,.project-card:hover .projects-link{color:var(--v-akzent)}.project-card:hover .project-card-top>span:last-child{color:var(--v-akzent);border-color:var(--v-akzent)}.project-card:hover img{transform:scale(1.015)}.projects-cta{background:var(--v-bahn);padding-block:clamp(64px,7vw,100px)}.projects-actions{flex-wrap:wrap;align-items:center;gap:18px 32px;margin-top:32px;display:flex}.projects-page .v-knopf{white-space:normal;gap:22px;max-width:100%;height:auto;min-height:50px;padding:14px 22px;font-size:16px}.project-detail h1{max-width:1020px}.projects-page .project-lead{margin-top:28px}.project-overview{margin-top:0;margin-bottom:0}.project-overview>img{background:var(--v-panel);border-radius:24px;width:100%;height:auto;display:block}.project-overview figcaption{color:var(--v-text-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 24px;margin-top:10px;font-size:12px;line-height:1.6;display:flex}.project-overview a{min-height:44px;color:var(--v-text-2);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.project-overview a:hover{color:var(--v-akzent)}.project-story{grid-template-columns:.85fr 1.15fr;gap:50px 90px;padding-block:90px;display:grid}.project-story-intro h2{font-size:clamp(28px,3vw,40px)}.project-story-chapters{gap:30px;display:grid}.project-story-chapters>section{border-top:1px solid var(--v-haarlinie);grid-template-columns:30px minmax(0,1fr);gap:20px;padding-top:24px;display:grid}.project-chapter-number{color:var(--v-text-3);font:400 11px/1.5 var(--font-plex),monospace;padding-top:5px}.project-story h3{margin:0 0 12px;font-size:22px;font-weight:500;line-height:1.35}.project-story p:not(.projects-eyebrow){color:var(--v-text-3);margin:0;font-size:17px;line-height:1.7}.project-example{background:var(--v-panel);padding-block:clamp(64px,7vw,96px)}.project-demo-grid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:clamp(40px,7vw,90px);display:grid}.project-demo-grid>div:first-child>p:not(.projects-eyebrow),.project-example-copy>div>p:not(.projects-eyebrow){color:var(--v-text-3);margin-top:24px;font-size:17px;line-height:1.7}.project-demo-grid>div:first-child>.projects-note{font-size:13px}.project-example-copy>div{max-width:760px}.project-next{border-top:1px solid var(--v-haarlinie);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:26px;margin-top:70px;padding-top:30px;display:flex}.project-next small{color:var(--v-text-3);margin-top:7px;font-size:13px;display:block}.project-next>a:last-child{text-align:right}.projects-page :focus-visible{outline:2px solid var(--v-akzent);outline-offset:5px}.projects-page section[id]{scroll-margin-top:80px}@media (max-width:900px){.projects-intro{gap:32px}.project-story{grid-template-columns:1fr;gap:36px;padding-block:64px}.project-story-chapters{max-width:760px}.project-demo-grid{grid-template-columns:1fr;gap:32px}.project-demo-grid>div:first-child{max-width:680px}}@media (max-width:760px){.projects-hero{padding-top:82px;padding-bottom:40px}.projects-page h1{font-size:clamp(34px,8vw,54px)}.projects-intro{grid-template-columns:1fr;gap:20px;margin-top:24px}.projects-intro>p,.project-lead{font-size:17px}.projects-grid{grid-template-columns:1fr;gap:38px}.projects-catalog{padding-bottom:64px}.project-card-copy{padding-top:22px}.project-card-copy h2{max-width:580px;font-size:28px}.project-card-image,.project-overview>img{border-radius:14px}.projects-actions{gap:14px 26px;margin-top:26px}.projects-page .v-knopf{gap:16px;padding-inline:18px;font-size:15px}.project-story-chapters>section{grid-template-columns:24px minmax(0,1fr);gap:14px}.project-story h3{font-size:20px}.project-story p:not(.projects-eyebrow){font-size:16px}.project-next{margin-top:46px}}@media (prefers-reduced-motion:reduce){.project-card-image img,.project-card-top>span:last-child{transition:none}.project-card:hover img{transform:none}}