/* Pfälzerwald: gemeinsame Bildräume statt aufgesetzter Fotoflächen. */
.brand-mark{width:56px;height:56px;object-fit:contain;flex:none}
.gallery-wordmark .brand-mark{width:37px;height:37px}
.footer-brand{display:flex;align-items:center;gap:14px;width:fit-content;text-decoration:none}
.footer .brand-mark{filter:brightness(0) invert(.91)}

/* Leicht durchscheinende Druckfarbe lässt den Putz wirken; Schrift bleibt HTML. */
.gallery-page .wall-story{left:63%;right:auto;top:30%;bottom:auto;width:29%;max-width:450px;padding:0;background:transparent;color:var(--ink);box-shadow:none;mix-blend-mode:multiply}
.gallery-page .wall-description h2{font-size:clamp(48px,5.4vw,82px);line-height:1;overflow-wrap:normal}
.gallery-page .gallery-category{font-size:16px;text-transform:none;letter-spacing:0;color:var(--ink);margin:16px 0 0;font-weight:700}
.gallery-page .gallery-material{font-size:15px;line-height:1.45;margin:5px 0 0;color:var(--ink)}
.gallery-page .gallery-format{font-size:15px;line-height:1.45;color:var(--ink);margin-top:7px}
.gallery-page .gallery-note{font-size:16px;line-height:1.5;color:var(--ink);max-width:34ch;margin-top:26px}
.gallery-page .wall-actions{margin-top:24px;gap:25px}
.gallery-page .room-detail{min-height:44px;font-size:15px}
.gallery-page .wall-inquiry{font-size:14px;min-height:44px;display:flex;align-items:center}
.gallery-page .gallery-wordmark,.gallery-page .room-filters,.gallery-page .overview-toggle{background:#eee9dce8}
.gallery-page [data-work-title]{color:var(--ink);opacity:.92}
@media(forced-colors:active){
 .gallery-page .wall-story{mix-blend-mode:normal;background:Canvas;color:CanvasText}
 .gallery-page [data-work-title]{color:CanvasText;opacity:1}
}

/* Werkstatt: der Stamm und das Sägewerk sind bereits Teil der Druckgrafik. */
.workshop-scene{display:block;min-height:850px;padding:115px 6vw 120px 63%;background:#f0ecdf}
.workshop-scene>.scene-background{opacity:1}
.workshop-scene .scene-background img{object-position:center}
.workshop-scene .scene-copy{max-width:480px;margin:0;padding:0}
.workshop-scene h2{font-size:clamp(49px,4.9vw,74px);line-height:1.02;text-wrap:balance}
.workshop-scene p{font-size:17px;line-height:1.6;margin-top:26px;max-width:36ch}
.workshop-scene .text-link{font-size:15px;margin-top:26px;gap:18px}

/* Der Wechsel zur reinen Fotografie macht das Werk draußen körperlich erfahrbar. */
.forest-work-scene{display:block;min-height:790px;padding:190px 7vw 175px 61%;background:#11271f;color:var(--cream)}
.forest-work-scene>.scene-background{opacity:1}
.forest-work-scene .scene-background img{object-position:center}
.forest-work-scene h2{font-size:clamp(56px,5.2vw,78px)}
.forest-work-scene p{margin-top:27px;font-size:19px;line-height:1.55;max-width:30ch}
.forest-work-scene .text-link{margin-top:28px;font-size:16px}
.forest-work-scene .forest-work-hit{position:absolute;left:8%;top:12%;width:35%;height:67%;z-index:2;display:block}
.forest-work-hit:focus-visible{outline:2px solid var(--cream);outline-offset:7px}

/* Ein Besuch öffnet die wirkliche Galerie direkt aus dem Wald heraus. */
.encounter-scene{display:block;min-height:850px;padding:140px 62% 185px 7%;color:var(--cream);background:var(--ink)}
.visit-opening.encounter-scene{padding-top:110px}
.encounter-scene>.scene-background{opacity:1}
.encounter-scene .scene-background img{object-position:center}
.encounter-scene .scene-copy{display:block;margin:0;padding:0;max-width:500px}
.encounter-scene h1,.encounter-scene h2{font-size:clamp(52px,4.6vw,70px);line-height:1.02;text-wrap:initial}
.encounter-scene p{font-size:18px;line-height:1.55;margin-top:27px;max-width:33ch}
.encounter-scene .text-link{font-size:16px;margin-top:29px;gap:20px}

.portrait-scene{display:block;min-height:960px;padding:80px 61% 150px 7%;background:#f0ecdf}
.portrait-scene h1{font-size:clamp(55px,4.4vw,66px);line-height:1.02;text-wrap:initial}
.portrait-scene p{font-size:16px;line-height:1.5;max-width:38ch}
.portrait-scene .large-copy{font-size:19px;line-height:1.4;margin:22px 0}
.portrait-scene .text-link{font-size:15px;gap:18px}
.erfweiler-story{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding:100px 10vw 120px;background:var(--cream)}
.erfweiler-story h2{font-size:clamp(48px,5vw,72px)}
.erfweiler-story p{font-size:19px;max-width:43ch}
.erfweiler-story .text-link{margin-top:22px}
.work-photo{object-position:25% center}
.work-tile img{object-position:25% center}

@media(min-width:1700px){
 .workshop-scene{min-height:980px;padding-top:160px;padding-bottom:180px}
 .encounter-scene{min-height:980px;padding-top:220px;padding-bottom:240px}
 .forest-work-scene{min-height:950px;padding-top:240px;padding-bottom:230px}
 .portrait-scene{min-height:1100px;padding-top:150px}
}
@media(max-width:1100px) and (min-width:701px){
 .workshop-scene{min-height:760px;padding:95px 5vw 90px 61%}
 .workshop-scene h2{font-size:51px}.workshop-scene p{font-size:16px}
 .encounter-scene{min-height:720px;padding:125px 60% 120px 6%}
 .visit-opening.encounter-scene{padding-top:90px}
 .encounter-scene h1,.encounter-scene h2{font-size:54px}.encounter-scene p{font-size:16px}
 .forest-work-scene{min-height:700px;padding:150px 6vw 120px 59%}
 .forest-work-scene h2{font-size:58px}.forest-work-scene p{font-size:17px}
 .portrait-scene{min-height:910px;padding:80px 59% 120px 6%}
 .portrait-scene h1{font-size:57px}.portrait-scene p{font-size:16px}.portrait-scene .large-copy{font-size:19px}
 .gallery-page .wall-story{left:61%;width:33%;top:27%}
 .gallery-page .gallery-note{font-size:14px;line-height:1.45;margin-top:20px}
}
@media(max-height:700px) and (min-width:701px){
 .gallery-page .wall-story{top:24%}
 .gallery-page .wall-description h2{font-size:52px}
 .gallery-page .gallery-category{margin-top:10px}
 .gallery-page .gallery-note{font-size:14px;line-height:1.4;margin-top:18px;max-width:40ch}
 .gallery-page .wall-actions{margin-top:14px}
}
@media(max-width:700px){
 .brand-mark{width:41px;height:45px}.brand{gap:8px;font-size:25px}
 .gallery-wordmark .brand-mark{width:28px;height:31px}
 .gallery-page .gallery-wordmark{font-size:23px;gap:5px}
 .footer-brand{font-size:31px}.footer .brand-mark{width:45px;height:45px}
 .gallery-page .wall-story{left:9%;right:7%;top:calc(62% - 20px);bottom:auto;width:auto;padding:0;max-width:none;background:transparent}
 .gallery-page .wall-description h2{font-size:44px;line-height:1}
 .gallery-page .gallery-category{font-size:13px;margin-top:10px}
 .gallery-page .gallery-material,.gallery-page .gallery-format{font-size:13px;line-height:1.4;margin-top:4px}
 .gallery-page .gallery-note{display:none}
 .gallery-page .wall-actions{margin-top:12px;gap:28px}
 .gallery-page .room-detail{font-size:13px;min-height:42px}
 .gallery-page .wall-inquiry{font-size:13px;min-height:42px}
 .gallery-page .wall-photo{object-position:center}
 .workshop-scene{display:block;min-height:0;padding:120vw 30px 80px;background:#f0ecdf}
 .workshop-scene>.scene-background{height:182vw;inset:0 0 auto!important}
 .workshop-scene .scene-background img{object-fit:cover;object-position:center top;mask-image:linear-gradient(#000 85%,transparent)}
 .workshop-scene .scene-copy{max-width:540px;margin:auto}
 .workshop-scene h2{font-size:52px;line-height:1.02;text-wrap:initial}
 .workshop-scene p{font-size:17px;margin-top:24px}
 .workshop-scene .text-link{font-size:14px;margin-top:24px;gap:18px}
 .forest-work-scene{display:block;min-height:0;padding:124vw 30px 90px;background:#10251d}
 .forest-work-scene>.scene-background{height:100%;inset:0!important}
 .forest-work-scene .scene-background img{object-position:center top;object-fit:cover}
 .forest-work-scene .scene-copy{max-width:440px;margin:auto}
 .forest-work-scene h2{font-size:55px;line-height:1.02}
 .forest-work-scene p{font-size:18px;margin-top:23px;max-width:31ch}
 .forest-work-scene .text-link{font-size:15px;margin-top:24px}
 .forest-work-scene .forest-work-hit{left:10%;top:5%;width:68%;height:39%}
 .encounter-scene{display:block;min-height:960px;padding:65px 30px 570px;background:var(--ink)}
 .visit-opening.encounter-scene{padding-top:50px}
 .encounter-scene .scene-background img{object-position:center;object-fit:cover}
 .encounter-scene .scene-copy{max-width:440px;margin:auto;padding:0}
 .encounter-scene h1,.encounter-scene h2{font-size:54px;line-height:1.01;text-wrap:initial}
 .encounter-scene p{font-size:17px;line-height:1.5;margin-top:23px;max-width:32ch}
 .encounter-scene .text-link{font-size:15px;margin-top:24px;gap:20px}
 .portrait-scene{display:block;min-height:0;padding:112vw 30px 80px;background:#f0ecdf}
 .portrait-scene>.scene-background{height:178vw;inset:0 0 auto!important}
 .portrait-scene .scene-background img{object-fit:cover;object-position:center top;mask-image:linear-gradient(#000 84%,transparent)}
 .portrait-scene h1{font-size:54px;line-height:1.03}
 .portrait-scene .large-copy{font-size:21px;line-height:1.4;margin:25px 0}
 .portrait-scene p{font-size:17px;line-height:1.6}
 .portrait-scene .text-link{font-size:15px}
 .erfweiler-story{display:block;padding:70px 30px 80px}
 .erfweiler-story h2{font-size:51px;margin-bottom:28px}
 .erfweiler-story p{font-size:18px}
}
@media(max-width:370px){
 .brand{font-size:22px}.brand-mark{width:34px;height:38px}
 .gallery-page .gallery-wordmark{font-size:20px}
 .gallery-page .wall-description h2{font-size:38px}
 .gallery-page .gallery-material,.gallery-page .gallery-format{font-size:12px}
 .workshop-scene,.portrait-scene,.forest-work-scene{padding-left:25px;padding-right:25px}
 .workshop-scene h2,.portrait-scene h1{font-size:47px}
 .encounter-scene{padding-left:25px;padding-right:25px;min-height:940px}
 .encounter-scene h1,.encounter-scene h2{font-size:49px}
}
@media(max-width:700px) and (max-height:720px){
 .gallery-page .wall-story{top:60%}
 .gallery-page .wall-description h2{font-size:35px}
 .gallery-page .gallery-category{margin-top:7px;font-size:12px}
 .gallery-page .gallery-material,.gallery-page .gallery-format{font-size:12px;margin-top:3px}
 .gallery-page .wall-actions{margin-top:5px}
}
/* Eine ruhige Suchzeile für die wachsende Werkauswahl. */
.overview-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem 1.5rem;max-width:42rem;margin:2rem 0 3rem}
.overview-search label{grid-column:1/-1;font-size:.9rem}
.overview-search input{width:100%;min-width:0;border:0;border-bottom:1px solid currentColor;border-radius:0;background:transparent;color:inherit;font:inherit;padding:.65rem 0}
.overview-search input:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.overview-search p{align-self:center;margin:0;font-size:.9rem}
.overview-empty{padding:2rem 0 4rem;max-width:34rem}
.work-intro>.text-link{font-size:.95rem;margin-top:.25rem}
.work-tile[hidden],.overview-empty[hidden]{display:none!important}
@media(max-width:700px){.overview-search{grid-template-columns:1fr;margin:1.5rem 0 2rem}.overview-search label{grid-column:auto}}

/* Kauf und Werkbetrachtung: eine klare Hauptaktion, direkt auf der Wand. */
.gallery-page .wall-actions{gap:10px 18px;align-items:center;flex-wrap:wrap}
.gallery-page .wall-inquiry{gap:16px;margin:0;float:none;white-space:nowrap;font-weight:700}
.gallery-page .wall-inquiry:not(.is-primary){font-size:15px;min-height:44px}
.gallery-page .wall-inquiry:not(.is-primary) svg{display:block;width:26px}
.gallery-page .wall-actions .is-primary{padding:10px 14px;border:0;background:var(--ink);color:var(--cream);font-weight:700;line-height:1.2;min-height:44px;transition:background .18s ease}
.gallery-page .wall-actions .is-primary:hover,.gallery-page .wall-actions .is-primary:focus-visible{background:#285347}
.gallery-page .wall-actions .is-primary::after{display:none}
.gallery-page .wall-inquiry svg{width:23px;flex-shrink:0}
.gallery-page .room-detail{font-weight:700;white-space:nowrap;flex-shrink:0;min-height:44px}
.gallery-page .room-detail svg{display:block;width:26px;flex-shrink:0}
.gallery-page .wall-actions a svg{transition:transform .4s var(--ease)}
.gallery-page .wall-actions a:hover svg,.gallery-page .wall-actions a:focus-visible svg{transform:translateX(6px)}
.footer-small nav{display:flex;flex-wrap:wrap;gap:12px 22px;margin-bottom:12px}
.detail-back{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px}
.breadcrumbs a{text-underline-offset:4px}
.category-story-link{margin-bottom:14px;font-size:15px}
.category-story{background:var(--cream)}
.category-story-opening{position:relative;isolation:isolate;overflow:hidden;min-height:740px;padding:100px 6% 100px 62%}
.category-story-opening>.scene-background{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.category-story-opening>.scene-background img{width:100%;height:100%;object-fit:cover}
.category-story-opening .scene-copy{max-width:480px}
.category-story-opening h2{font-size:clamp(50px,5vw,76px);line-height:1.04}
.category-story-opening p{margin-top:28px;font-size:18px;line-height:1.6;max-width:37ch}
.category-story-opening .text-link{font-size:15px;margin-top:25px}
.category-advice{display:grid;grid-template-columns:1fr 1fr;gap:8vw;max-width:1240px;margin:auto;padding:70px 6vw 35px}
.category-advice h3{font-size:38px;line-height:1.12;margin-bottom:18px}
.category-advice p{font-size:18px;line-height:1.65;max-width:60ch}
.category-links{display:flex;flex-wrap:wrap;gap:20px 38px;max-width:1240px;margin:auto;padding:20px 6vw 75px}
.category-links .text-link{font-size:15px}
@media(max-width:1100px) and (min-width:701px){.gallery-page .wall-actions{gap:10px 12px}.gallery-page .wall-actions .is-primary{padding:9px 11px;font-size:13px}.gallery-page .room-detail:not(.is-primary){font-size:13px}.gallery-page .wall-inquiry svg{width:18px}.category-story-opening{padding-left:59%}}
@media(max-width:700px){
 .gallery-page .wall-actions{gap:10px 19px}
 .gallery-page .wall-actions .is-primary{font-size:13px;padding:9px 12px;gap:10px}
 .gallery-page .room-detail:not(.is-primary),.gallery-page .wall-inquiry:not(.is-primary){font-size:13px}
 .gallery-page .wall-inquiry:not(.is-primary) svg{width:21px}
 .gallery-page .room-detail svg{width:21px}
 .gallery-page .wall-inquiry svg{width:20px}
 .breadcrumbs{font-size:12px}
 .category-story-opening{min-height:0;padding:115vw 30px 65px}
 .category-story-opening>.scene-background{height:178vw;inset:0 0 auto}
 .category-story-opening>.scene-background img{object-position:center top}
 .category-story-opening h2{font-size:49px}
 .category-story-opening p{font-size:17px}
 .category-advice{grid-template-columns:1fr;gap:36px;padding:40px 30px 30px}
 .category-advice h3{font-size:34px}
 .category-advice p{font-size:17px}
 .category-links{padding:10px 30px 60px;gap:22px}
}
@media(max-width:370px){.gallery-page .wall-actions{gap:10px 14px}.gallery-page .wall-actions .is-primary{font-size:12px;padding:8px 10px}.gallery-page .room-detail:not(.is-primary),.gallery-page .wall-inquiry:not(.is-primary){font-size:12px}}
@media(forced-colors:active){.gallery-page .wall-actions .is-primary{border:1px solid ButtonText;background:ButtonFace;color:ButtonText}}
@media(prefers-reduced-motion:reduce){.gallery-page .wall-actions a svg{transform:none!important;transition:none}}
