/* Shared German and Austrian portfolio presentation. */
body.portfolio-showcase #portofoliu { background:#eef0eb !important; padding-top:90px; }
body.portfolio-showcase #portofoliu .section-head { position:relative; max-width:none; padding:0 0 46px; border-bottom:1px solid #cdd3c8; margin-bottom:28px; }
body.portfolio-showcase #portofoliu .section-head h1 { max-width:1000px; font-size:clamp(42px,6.5vw,88px); line-height:1.02; }
body.portfolio-showcase .showcase-intro { display:flex; gap:28px; align-items:center; flex-wrap:wrap; margin-top:26px; }
body.portfolio-showcase .showcase-intro a { display:inline-flex; align-items:center; gap:28px; background:#10221c; color:#d0ff65; padding:17px 24px; border-radius:100px; font-weight:700; text-decoration:none; }
body.portfolio-showcase .showcase-intro span { font:12px monospace; color:#42534b; }
body.portfolio-showcase .portfolio-filters { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:28px; }
body.portfolio-showcase .portfolio-filters[hidden] { display:none; }
body.portfolio-showcase .portfolio-filters button { cursor:pointer; padding:12px 20px; border:1px solid #c6cec2; border-radius:100px; background:transparent; color:#193326; font:inherit; font-size:14px; transition:background .2s,color .2s; }
body.portfolio-showcase .portfolio-filters button[aria-pressed="true"] { background:#10221c; border-color:#10221c; color:#d0ff65; }
body.portfolio-showcase :is(a,button,summary):focus-visible { outline:3px solid #62821c; outline-offset:5px; }
body.portfolio-showcase .portfolio-project-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; align-items:start; }
body.portfolio-showcase .portfolio-project-card { padding:0 !important; min-height:0; border-radius:22px; background:#fff; border:1px solid #d6ddd0; box-shadow:none; overflow:hidden; transition:transform .35s,border-color .35s,box-shadow .35s; }
body.portfolio-showcase .portfolio-project-card[hidden] { display:none !important; }
body.portfolio-showcase .portfolio-project-card::before { display:none; }
body.portfolio-showcase .portfolio-project-card:hover { transform:translateY(-6px); box-shadow:0 22px 50px #15302215; border-color:#728565; }
body.portfolio-showcase .project-art { position:relative; isolation:isolate; display:flex; min-height:145px; padding:20px; overflow:hidden; align-items:flex-end; background:var(--art-bg,#172d24); color:var(--art-fg,#d0ff65); }
body.portfolio-showcase .project-art::before { content:""; width:230px; height:230px; position:absolute; top:-70px; right:-25px; border:44px solid currentColor; opacity:.18; border-radius:50%; transition:transform .7s cubic-bezier(.2,.7,.2,1); }
body.portfolio-showcase .project-art::after { content:""; position:absolute; inset:0; z-index:-1; opacity:.08; background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px); background-size:36px 36px; }
body.portfolio-showcase .portfolio-project-card:hover .project-art::before { transform:translate(-20px,30px) rotate(25deg) scale(1.18); }
body.portfolio-showcase .project-art-word { font-size:clamp(32px,3.2vw,46px); font-weight:800; line-height:.9; letter-spacing:-.065em; max-width:100%; }
body.portfolio-showcase .project-art-label { position:absolute; top:18px; left:20px; font:9px monospace; letter-spacing:.12em; text-transform:uppercase; }
body.portfolio-showcase .project-art-arrow { position:absolute; right:28px; bottom:25px; font-size:32px; transition:transform .3s; }
body.portfolio-showcase .portfolio-project-card:hover .project-art-arrow { transform:translate(4px,-4px); }
body.portfolio-showcase .project-content { display:flex; flex-direction:column; gap:0; padding:20px; }
body.portfolio-showcase .portfolio-project-card h2 { min-height:0; font-size:clamp(21px,1.9vw,26px) !important; line-height:1.12 !important; margin:10px 0 16px; }
body.portfolio-showcase .portfolio-project-type { font-size:10px; line-height:1.6; margin-top:18px; }
body.portfolio-showcase .portfolio-project-lead { font-size:13px; line-height:1.6; min-height:0; }
body.portfolio-showcase .portfolio-project-result { min-height:0; padding:18px; border-left:0; border-radius:12px; margin:18px 0; }
body.portfolio-showcase .portfolio-project-result span { font-size:13px; line-height:1.65; }
body.portfolio-showcase .portfolio-project-highlights { min-height:0; margin-bottom:22px; }
body.portfolio-showcase .portfolio-project-highlights li { font-size:11px; }
body.portfolio-showcase .portfolio-project-details { border-top:1px solid #e0e6dc; margin:0 0 20px; }
body.portfolio-showcase .portfolio-project-details summary { padding:16px 30px 16px 0; font-size:13px; }
body.portfolio-showcase .portfolio-project-actions { display:flex; gap:16px; align-items:center; flex-wrap:wrap; }
body.portfolio-showcase .portfolio-project-actions .btn { border-radius:100px; padding:13px 20px; }
body.portfolio-showcase .portfolio-text-link { font-size:12px; }
body.portfolio-showcase .portfolio-project-top { gap:12px; }
body.portfolio-showcase .portfolio-project-card .project-status { white-space:normal; text-align:right; }
body.portfolio-showcase .showcase-count { margin:0 0 22px; font:12px monospace; color:#53644e; }
@media (min-width:721px) and (max-width:1050px) { body.portfolio-showcase .portfolio-project-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:720px) {
 body.portfolio-showcase #portofoliu { padding-top:55px; }
 body.portfolio-showcase .portfolio-project-grid { grid-template-columns:1fr; gap:24px; }
 body.portfolio-showcase .project-art { min-height:135px; padding:20px; }
 body.portfolio-showcase .project-art-word { font-size:42px; }
 body.portfolio-showcase .project-content { padding:18px; }
 body.portfolio-showcase .portfolio-filters button { padding:10px 14px; font-size:12px; }
 body.portfolio-showcase .portfolio-project-actions { align-items:flex-start; }
}
@media (prefers-reduced-motion:reduce) {
 body.portfolio-showcase *,body.portfolio-showcase *::before,body.portfolio-showcase *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}

body.portfolio-showcase .portfolio-project-lead,body.portfolio-showcase .portfolio-project-result span { display:block; overflow:visible; -webkit-line-clamp:unset; }
body.portfolio-showcase .portfolio-project-result { grid-template-columns:1fr; }
body.portfolio-showcase .portfolio-project-actions .btn { padding:13px 20px !important; font-size:12px !important; }
body.portfolio-showcase #projekte { scroll-margin-top:110px; }


body.portfolio-showcase .portfolio-project-type { margin-top:8px; }
body.portfolio-showcase .portfolio-project-highlights { margin-bottom:12px; }
body.portfolio-showcase .portfolio-project-details { margin-bottom:12px; }