/* Preview revision: project navigation, 20 October 2026. */
.pb-project-section{padding:0 0 112px;background:#0b0e10;scroll-margin-top:104px}
.pb-project-heading{max-width:1440px;margin:0 auto;padding:0 40px 32px;display:flex;align-items:end;justify-content:space-between;gap:48px}
.pb-project-heading>div>span{font-size:13px;letter-spacing:.12em;color:#c9b27c}
.pb-project-heading h2{font-family:Jost,sans-serif!important;font-size:clamp(36px,4vw,62px);font-weight:300!important;line-height:1.1;margin:12px 0 0}
.pb-project-heading>p{font-size:16px;line-height:1.6;color:#bbb8af;max-width:520px;margin:0}
html body .d4 .pb-project-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:clamp(270px,25vw,420px) 2px auto 1fr;gap:22px 8px;padding:0 3px;max-width:1800px;margin:0 auto;align-items:stretch}
html body .d4 .pb-project-card{display:grid;grid-template-rows:subgrid;grid-row:span 4;padding-bottom:38px;min-width:0;text-decoration:none;color:#e8e5de;background:#0e1113;border:1px solid #c9b27c38;transition:border-color .65s cubic-bezier(.22,.61,.36,1),background-color .65s cubic-bezier(.22,.61,.36,1),box-shadow .65s cubic-bezier(.22,.61,.36,1)}
.pb-project-art{position:relative;overflow:hidden;min-width:0}
html body .d4 .pb-project-art img{display:block;position:static;inset:auto;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.94);opacity:1;transform:scale(1);transition:transform 1.1s cubic-bezier(.22,.61,.36,1),filter .8s cubic-bezier(.22,.61,.36,1)}
.pb-project-copy{display:contents;font-size:clamp(22px,1.9vw,32px)}
.pb-project-rule{display:block;width:40px;height:2px;background:#c9b27c;margin-left:clamp(18px,1.75vw,28px)}
.pb-project-rule{transform-origin:left center;transition:transform .8s cubic-bezier(.22,.61,.36,1),opacity .65s ease}
html body .d4 .pb-project-copy h3{margin:0 clamp(18px,1.75vw,28px);padding:0;font-family:Jost,sans-serif!important;font-size:inherit;line-height:1.18;font-weight:300!important;letter-spacing:-.025em;min-height:2.36em;align-self:start;text-align:left;text-wrap:balance}
html body .d4 .pb-project-copy p{margin:0 clamp(18px,1.75vw,28px);font-size:clamp(14px,1.1vw,18px);line-height:1.55;color:#bbb8b1;text-align:left;align-self:start}
.pb-project-copy h3,.pb-project-copy p{transform:translateY(0);transition:transform .75s cubic-bezier(.22,.61,.36,1),color .65s ease}
@media(hover:hover) and (pointer:fine){
 html body .d4 .pb-project-card:is(:hover,:focus-visible){border-color:#c9b27c9e;background:#121618;box-shadow:inset 0 0 30px #c9b27c08}
 html body .d4 .pb-project-card:is(:hover,:focus-visible) img{transform:scale(1.035);filter:brightness(1.08)}
 .pb-project-card:is(:hover,:focus-visible) .pb-project-rule{transform:scaleX(1.5)}
 html body .d4 .pb-project-card:is(:hover,:focus-visible) h3{transform:translateY(-3px);color:#f0e4c7}
 html body .d4 .pb-project-card:is(:hover,:focus-visible) .pb-project-copy p{transform:translateY(-3px);color:#d6d1c6}
}
.pb-project-card:focus-visible,.mh-tile:focus-visible{outline:2px solid #c9b27c;outline-offset:4px}
html body .pb-footer-brand>p{text-align:left;max-width:62ch}
@media(min-width:1024px){html[lang="ru"] .pb-project-copy h3{min-height:3.54em}.pb-project-copy h3 br{display:initial}}
@media(max-width:1023px){
 html body .d4 #vorhaben.pb-project-section{display:none!important}
 html body .d4 .pb-mobile-start{display:block!important;padding:26px 14px 36px!important;border-top:1px solid #c9b27c30;background:#0b0e10}
 html body .d4 .pb-mobile-start .mh{display:block!important;margin:0!important;padding:0!important;max-width:none!important}
 html body .d4 .pb-mobile-start .mh-lead{display:none!important}
 html body .d4 .pb-mobile-start .mh-h,.d4 .navm .mm .mh-h{margin:0 0 14px!important;padding:0!important;font-size:17px!important;line-height:1.35;color:#c9b27c;font-weight:300}
 html body .d4 .pb-mobile-start .mh-h:not(:first-child){margin-top:24px!important}
 html body .d4 .pb-mobile-start .mh-tiles,html body .d4 .navm .mm .mh-tiles{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 html body .d4 .pb-mobile-start .mh-tile,html body .d4 .navm .mm .mh-tile{display:grid!important;grid-template-rows:auto 1fr;position:relative!important;height:auto!important;min-height:0!important;overflow:hidden;border:1px solid #c9b27c45!important;background:#0e1113!important;text-decoration:none!important}
 html body .d4 .pb-mobile-start .mh-tile img,html body .d4 .navm .mm .mh-tile img{display:block!important;position:static!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:1.58;object-fit:cover!important;object-position:center 48%!important;padding:0!important;filter:none!important;opacity:1!important;transform:none!important}
 html body .d4 .pb-mobile-start .mh-tile:after,html body .d4 .navm .mm .mh-tile:after{display:none!important}
 html body .d4 .pb-mobile-start .mh-tile>span,html body .d4 .navm .mm .mh-tile>span{display:flex!important;position:relative!important;inset:auto!important;justify-content:space-between!important;align-items:center!important;gap:6px!important;padding:8px 10px 12px!important;min-height:50px!important;height:auto!important;font-size:14px!important;line-height:1.25!important;color:#e8e5de!important;text-shadow:none!important;font-weight:300}
 html body .d4 .mh-tile b{font-size:22px!important;line-height:1!important;font-weight:300!important;flex:0 0 auto;color:#c9b27c!important;align-self:center!important}
 html body .d4 .pb-mobile-start .mh-row{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:14px 12px!important;margin-top:8px;border:1px solid #c9b27c45!important;background:#0e1113!important}
 html body .d4 .pb-mobile-start .mh-rn{font-size:18px!important;line-height:1.3!important}
 html body .d4 .pb-mobile-start .mh-rs{display:block!important;font-size:13px!important;line-height:1.45!important;margin-top:5px!important;color:#aaa79e!important}
 html body .d4 .pb-mobile-start .mh-ra{font-size:25px!important;font-weight:300!important;color:#c9b27c!important}
 html body .d4 .navm .mm .mh-tiles{margin-bottom:20px!important}
 html body .d4 .navm .mm .mh-tile>span{min-height:48px!important;font-size:13px!important}
 html body .pb-footer-brand>p{max-width:100%!important;font-size:15px!important;line-height:1.7!important}
}
@media(max-width:359px){html body .d4 .pb-mobile-start .mh-tile>span{font-size:12px!important;padding:7px 8px 10px!important;min-height:48px!important}.pb-mobile-start .mh-tile img{aspect-ratio:1.4}}
@media(prefers-reduced-motion:reduce){.pb-project-card,.pb-project-art img,.pb-project-rule,.pb-project-copy h3,.pb-project-copy p{transition:none!important}.pb-project-card:is(:hover,:focus-visible) img{transform:none!important}.pb-project-card:is(:hover,:focus-visible) h3,.pb-project-card:is(:hover,:focus-visible) .pb-project-copy p{transform:none!important}}