/* Lokale Gesamtansichten: gemeinsame Fotoseite, drei eigenständige Galerien. */
.design-review{height:48px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 var(--pad);position:sticky;top:0;z-index:20;background:#19191df5;border-bottom:1px solid #ffffff25;backdrop-filter:blur(16px);font-size:11px;line-height:1.2;color:#a9a4aa}
.design-review>span{letter-spacing:.06em}.design-review nav{display:flex;align-items:stretch;height:100%;gap:28px}.design-review nav a{display:flex;gap:9px;align-items:center;border-bottom:2px solid transparent;color:#b9afb8;padding-inline:4px}.design-review nav a[aria-current]{color:#fff;border-bottom-color:#a91d2c}.review-jump{color:#d3cbd2}
.full-page-study .site-header{top:48px}.full-page-study .process-intro{top:80px}.full-page-study{scroll-padding-top:72px}html:has(.full-page-study){scroll-padding-top:72px}
.gallery-study{--red:#861622;--paper:#f2eee7;font-size:16px;padding-bottom:75px;scroll-margin-top:72px}
.gallery-study .eyebrow{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#c6bdc3;font-weight:600;display:flex;gap:13px;align-items:center}.gallery-study .eyebrow:before{content:'';width:25px;height:3px;background:var(--red);flex:none}.gallery-study .hint{font-size:12px;color:#b1a8b0;line-height:1.5}
.gallery-study .gallery-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}.gallery-study .gallery-intro h2{font-size:clamp(40px,5vw,66px);line-height:1.04;font-weight:300;letter-spacing:-.035em;margin-top:20px}.gallery-study .intro-right{padding-bottom:4px}.gallery-study .intro-right p{font-size:17px;white-space:pre-line;line-height:1.6;color:#d0c8ce;margin-bottom:17px}.gallery-study .intro-right .hint{font-size:11px}.gallery-study .photo{position:relative;display:block;padding:0;border:0;background:#242329;overflow:hidden;cursor:zoom-in;isolation:isolate;flex:none;border-radius:3px;min-width:0;min-height:0}.gallery-study .photo img{width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 50%);transition:transform .6s,filter .4s}.gallery-study .photo:hover img{transform:scale(1.035);filter:brightness(1.05)}.gallery-study .photo-label{position:absolute;bottom:0;left:0;right:0;z-index:1;display:flex;flex-direction:column;text-align:left;padding:24px 14px 13px;background:linear-gradient(transparent,#09090cbf);color:#fff;opacity:0;transition:opacity .25s}.gallery-study .photo:hover .photo-label,.gallery-study .photo:focus-visible .photo-label{opacity:1}.gallery-study .photo-label strong{font-size:13px;font-weight:600}.gallery-study .photo-label>span{font-size:10px;color:#d0c6ce;margin-top:2px}.gallery-study .mosaic-section{max-width:1440px;margin-inline:auto;padding:48px 4.5vw 42px}.gallery-study .mosaic-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(70px,6.8vw,98px);gap:12px}.gallery-study .tile-0{grid-area:1/1/4/4}.gallery-study .tile-1{grid-area:1/4/3/10}.gallery-study .tile-2{grid-area:1/10/4/13}.gallery-study .tile-3{grid-area:3/4/7/7}.gallery-study .tile-4{grid-area:3/7/5/10}.gallery-study .tile-5{grid-area:4/1/7/4}.gallery-study .tile-6{grid-area:5/7/7/13}.gallery-study .tile-7{grid-area:4/10/5/13}.gallery-study .tile-8{grid-area:7/1/10/3}.gallery-study .tile-9{grid-area:7/3/10/6}.gallery-study .tile-10{grid-area:7/6/9/10}.gallery-study .tile-11{grid-area:7/10/10/13}.gallery-study .tile-12{grid-area:9/6/11/10}.gallery-study .tile-13{grid-area:10/1/12/3}.gallery-study .tile-14{grid-area:10/3/12/6}.gallery-study .tile-15{grid-area:10/10/12/13}.gallery-study .mosaic-stamp{grid-area:11/6/12/10;background:#64151e;display:flex;align-items:center;justify-content:center;gap:16px;padding:10px;border-radius:3px}.gallery-study .mosaic-stamp strong{font-size:45px;font-weight:300;line-height:1}.gallery-study .mosaic-stamp span{font-size:12px;max-width:12ch;line-height:1.35;color:#e4cdd1}.gallery-study .gallery-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:24px;font-size:11px;color:#aaa1aa;border-bottom:1px solid var(--line);padding-bottom:20px}.gallery-study .gallery-bottom>span:last-child{color:#d4cbd1}.gallery-study .ribbon-section{padding:48px 0 35px;overflow:hidden}.gallery-study .ribbon-top{padding-inline:4.5vw;max-width:1440px;margin-inline:auto}.gallery-study .motion-controls{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:30px;margin-bottom:30px}.gallery-study .motion-toggle{padding:10px 16px;background:transparent;border:1px solid #766a73;border-radius:4px;font-size:12px;white-space:nowrap}.gallery-study .motion-toggle:hover{background:#ffffff10}.gallery-study .ribbon-scene{display:flex;flex-direction:column;gap:15px;overflow:hidden;position:relative}.gallery-study .ribbon-scene:before,.gallery-study .ribbon-scene:after{content:'';position:absolute;top:0;bottom:0;width:32px;z-index:2;pointer-events:none}.gallery-study .ribbon-scene:before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}.gallery-study .ribbon-scene:after{right:0;background:linear-gradient(-90deg,var(--bg),transparent)}.gallery-study .ribbon-row{overflow:hidden}.gallery-study .loop-track,.gallery-study .loop-set{display:flex;width:max-content}.gallery-study .loop-set{gap:15px;padding-right:15px}.gallery-study .ribbon-row .photo{height:265px;aspect-ratio:var(--ratio)}.gallery-study .ribbon-row .loop-track{animation:flow-x 115s linear infinite}.gallery-study .ribbon-row.reverse .loop-track{animation-direction:reverse;animation-duration:128s}.gallery-study .ribbon-footer{padding:28px 4.5vw 0;display:flex;justify-content:space-between;align-items:center;gap:35px}.gallery-study .ribbon-footer p{font-size:24px;font-weight:300}.gallery-study .ribbon-footer>span{font-size:12px;color:#b5abb4}.gallery-study .column-stage{display:grid;grid-template-columns:31% 69%;height:790px;max-width:1600px;margin-inline:auto;overflow:hidden;background:var(--paper);color:#272329;color-scheme:light}.gallery-study .column-copy{padding:55px 34px 36px 3.9vw;display:flex;flex-direction:column;min-width:0}.gallery-study .column-copy .eyebrow{font-size:9px;color:#736870;gap:10px}.gallery-study .column-copy .eyebrow:before{width:19px}.gallery-study .column-copy h2{font-size:clamp(46px,5.3vw,79px);line-height:1.02;font-weight:300;letter-spacing:-.05em;margin-top:55px}.gallery-study .column-lead{font-size:16px;line-height:1.7;white-space:pre-line;margin-top:25px;color:#70646d}.gallery-study .project-names{display:flex;flex-direction:column;gap:6px;margin-top:36px;font-size:12px;color:#6e626b}.gallery-study .project-names span:before{content:'—';margin-right:9px;color:#9d777c}.gallery-study .column-control{margin-top:auto;padding-top:28px}.gallery-study .column-control .motion-toggle{background:var(--red);border-color:var(--red);color:#fff}.gallery-study .column-control .hint{color:#83737d;font-size:10px;margin-top:13px}.gallery-study .column-scene{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;background:#19181c;padding-inline:15px;overflow:hidden;position:relative}.gallery-study .column-scene:before,.gallery-study .column-scene:after{position:absolute;content:'';left:0;right:0;height:65px;z-index:2;pointer-events:none}.gallery-study .column-scene:before{top:0;background:linear-gradient(#19181c,transparent)}.gallery-study .column-scene:after{bottom:0;background:linear-gradient(transparent,#19181c)}.gallery-study .image-column{min-width:0}.gallery-study .image-column .loop-track,.gallery-study .image-column .loop-set{display:flex;flex-direction:column;width:100%;gap:0}.gallery-study .image-column .loop-set{gap:15px;padding:0 0 15px}.gallery-study .image-column .photo{width:100%;aspect-ratio:var(--ratio);height:auto;border-radius:3px}.gallery-study .image-column .loop-track{animation:flow-y 90s linear infinite}.gallery-study .image-column.column-1 .loop-track{animation-direction:reverse;animation-duration:105s}.gallery-study .image-column.column-2 .loop-track{animation-delay:-16s;animation-duration:98s}.gallery-study .motion-scene:hover .loop-track,.gallery-study .motion-scene:focus-within .loop-track,.gallery-study .motion-stopped .loop-track,.gallery-study .image-open .loop-track{animation-play-state:paused}

@keyframes flow-x{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes flow-y{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.gallery-study .mosaic-section{max-width:1512px;padding:0 var(--pad) 0}.gallery-study .gallery-intro{border-top:1px solid var(--line);padding-top:32px;margin-bottom:38px}.gallery-study .gallery-intro h2{font-size:clamp(40px,4.3vw,62px)}
.gallery-study .ribbon-section{padding-top:0}.gallery-study .ribbon-top{max-width:1512px;padding-inline:var(--pad)}.gallery-study .ribbon-footer{max-width:1512px;margin-inline:auto;padding-inline:var(--pad)}
.gallery-study .column-stage{max-width:1512px;margin-inline:auto;height:790px}.gallery-study .column-copy{padding-left:var(--pad)}.gallery-study .column-copy h2{font-size:clamp(46px,5.3vw,79px)}
.gallery-references{display:flex;align-items:baseline;justify-content:space-between;gap:25px;padding-top:30px;margin-top:10px}.gallery-references>p{font-size:12px;color:#a9a1a9}.gallery-references nav{display:flex;gap:23px;flex-wrap:wrap;font-size:12px}.gallery-references a{text-decoration:underline;text-underline-offset:5px;text-decoration-color:#82727d}
.gallery-study.motion-stopped .loop-track,.gallery-study:has(.motion-scene:hover) .loop-track,.gallery-study .motion-scene:focus-within .loop-track,html.gallery-open .gallery-study .loop-track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.gallery-study .loop-track{animation:none!important}.gallery-study .loop-set[aria-hidden]{display:none}}
.gallery-study .motif-0{--ratio:9/16;--focus:50% 34%}
.gallery-study .motif-1{--ratio:16/9;--focus:50% 50%}
.gallery-study .motif-2{--ratio:9/16;--focus:50% 30%}
.gallery-study .motif-3{--ratio:9/16;--focus:50% 62%}
.gallery-study .motif-4{--ratio:9/16;--focus:50% 50%}
.gallery-study .motif-5{--ratio:9/16;--focus:50% 28%}
.gallery-study .motif-6{--ratio:16/9;--focus:50% 50%}
.gallery-study .motif-7{--ratio:9/16;--focus:50% 50%}
.gallery-study .motif-8{--ratio:9/16;--focus:50% 32%}
.gallery-study .motif-9{--ratio:9/16;--focus:50% 50%}
.gallery-study .motif-10{--ratio:16/9;--focus:50% 50%}
.gallery-study .motif-11{--ratio:9/16;--focus:50% 50%}
.gallery-study .motif-12{--ratio:9/16;--focus:50% 64%}
.gallery-study .motif-13{--ratio:9/16;--focus:50% 50%}
.gallery-study .motif-14{--ratio:16/9;--focus:50% 50%}
.gallery-study .motif-15{--ratio:9/16;--focus:50% 50%}