/* Entwurf 03: durchgehend dunkle Flächen, zurückhaltende Akzente. */
body{color:var(--ink);background:var(--paper);color-scheme:dark}
.section-heading h2 em,.camera-section .section-heading h2 em{color:#99acae}
.section-label span,.project-number{color:#9aa9aa}
.camera-section{background:#10171c}
.about p{color:#b5c1c0}
.project-image{background:#26343c}
.project-arrow{color:#e8ece9;background:#253239}
.project-card:hover .project-arrow{color:#111a1f;background:#acbbb4}
.contact{background:#243139;border-top:1px solid #38464e}
.contact-circle{border-color:#8c9e9e}
.contact-circle:hover{background:#3a4d54;color:#fff}
.contact-mail{border-color:#859799}
.footer{background:#10171c;border-top:1px solid #2d3c43;color:#bdc9c6}
.footer-links{flex-wrap:wrap;align-items:center}
.preview-tools{width:100%;display:flex;gap:22px;font-size:11px;color:#99aaa8}
.detail .site-header{background:#10171c}
.skip{color:var(--ink)}
.project-media{position:relative;width:100%;background:#080e13}
.project-media>video,.project-media>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.project-media-error{margin:0;padding:18px var(--gutter);font-size:14px;line-height:1.6;color:#c1cccc}
.project-content{padding-top:40px}
.project-content .back-link{margin-bottom:45px}
.project-content .detail-heading h1{margin-bottom:0}
.project-content .detail-copy{border-top:1px solid var(--line);margin-top:40px;padding-top:38px}
.legal-content{max-width:860px;padding-bottom:75px}
.legal-content section{padding-top:30px;margin-top:28px;border-top:1px solid var(--line)}
.legal-content h2{font-size:25px;font-weight:400;letter-spacing:-.5px;line-height:1.3;margin-bottom:22px}
.legal-content h3{font-size:18px;font-weight:500;margin-top:30px}
.legal-content p{line-height:1.8;font-size:16px;color:#c1cccc}
.legal-content a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.legal-content strong{color:#e8ece9}
.draft-note{background:#26333a;border:1px solid #44555b;border-left:3px solid #91a8a7;padding:22px 26px;margin:26px 0}
.draft-note p:last-child{margin-bottom:0}.draft-note strong{font-size:15px}
.legal-content .open-item{border-left:2px solid #84999a;padding:8px 0 8px 20px;color:#a9c0c1;font-size:14px}
.legal-index{display:flex;flex-wrap:wrap;gap:15px 26px;font-size:13px;padding-block:12px}
.legal-content .legal-source{font-size:13px;color:#aebdbb}
@media(max-width:620px){.project-content{padding-top:26px}.project-content .back-link{margin-bottom:32px}.project-content .detail-copy{margin-top:30px;padding-top:28px}.legal-content h2{font-size:22px}.draft-note{padding:18px}.legal-content p{font-size:15px}}

/* Einheitliche Projektkarten auf Startseite und in allen Archivansichten. */
.animation-end{align-items:center}.animation-end .text-link{color:var(--ink);white-space:nowrap}
.archive-main{padding-top:45px;padding-bottom:105px}
.archive-main .back-link{margin-bottom:55px}
.archive-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:45px}
.archive-heading h1{font-size:clamp(48px,6.5vw,90px);line-height:1.05;font-weight:400;letter-spacing:-.055em;margin:0 0 24px}
.archive-heading p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.6;margin:0}
.archive-count{color:var(--muted);font-size:13px;white-space:nowrap;padding-bottom:6px}
.archive-filters{display:flex;flex-wrap:wrap;gap:12px;padding-bottom:30px;margin-bottom:40px;border-bottom:1px solid var(--line)}
.archive-filters a{padding:13px 22px;border:1px solid var(--line);border-radius:30px;font-size:14px}
.archive-filters a:hover{border-color:#9aadaa}.archive-filters a[aria-current="page"]{background:#afbeb9;border-color:#afbeb9;color:#10171c}
@media(max-width:620px){.animation-end{align-items:flex-start}.archive-main{padding-top:30px;padding-bottom:60px}.archive-main .back-link{margin-bottom:40px}.archive-heading{display:block;margin-bottom:28px}.archive-heading h1{font-size:48px}.archive-count{display:block;margin-top:20px}.archive-filters{gap:9px;margin-bottom:30px}.archive-filters a{padding:12px 16px;font-size:13px}}


/* Large touch target; no extra movie downloads and no forced orientation. */
.media-fullscreen{position:absolute;right:18px;top:18px;z-index:3;min-height:44px;padding:10px 16px;border:1px solid #9baead;border-radius:24px;background:#111b24e8;color:#f0f4f2;font:inherit;font-size:13px;cursor:pointer;touch-action:manipulation}
.media-fullscreen:hover{background:#344851}.media-fullscreen:focus-visible{outline:3px solid #c6e1dc;outline-offset:4px}
.project-media:fullscreen,.project-media.is-expanded{width:100%;height:100%;background:#050a0e;display:flex;align-items:center;justify-content:center}
.project-media:fullscreen>video,.project-media:fullscreen>img,.project-media.is-expanded>video,.project-media.is-expanded>img{width:100%;height:100%;max-height:100%;object-fit:contain;aspect-ratio:auto}
.project-media.is-expanded{position:fixed;inset:0;z-index:10000;height:100dvh}
.project-media:-webkit-full-screen{width:100%;height:100%;background:#050a0e;display:flex;align-items:center;justify-content:center}
.project-media:-webkit-full-screen>video,.project-media:-webkit-full-screen>img{width:100%;height:100%;object-fit:contain;aspect-ratio:auto}
@media(max-width:620px){.media-fullscreen{top:12px;right:12px;padding:10px 13px}.desktop-nav{gap:16px}}
@media(orientation:landscape) and (max-height:540px) and (hover:none){.project-media>video,.project-media>img{height:calc(100svh - 76px);aspect-ratio:auto;object-fit:contain}.project-media:fullscreen>video,.project-media:fullscreen>img,.project-media.is-expanded>video,.project-media.is-expanded>img{height:100%}}

/* Project stills always fill their crop; videos retain their framing. */
.project-media>img{object-fit:cover}