/* Metro portfolio: shared gutters, direct content imagery, complete website windows. */
:root{--lm-work-gap:clamp(16px,2vw,28px)}
.lm-page-arbeiten{--lm-work-gap:clamp(16px,1.25vw,20px)}
.lm-projects{padding:var(--lm-work-gap);background:#fff}
.lm-work-toolbar .lm-count{display:none}
.lm-projects .lm-project-grid{--lm-grid-columns:4;position:relative;display:grid;grid-template-columns:repeat(var(--lm-grid-columns),minmax(0,1fr));grid-auto-flow:row dense;gap:var(--lm-work-gap);align-items:start}
.lm-projects .lm-project-grid.is-metro-ready{grid-auto-rows:1px;row-gap:0;margin-bottom:calc(-1*var(--lm-work-gap))}
body .lm-projects .lm-project-grid>.lm-project-card:nth-child(n){grid-column:span var(--lm-tile-columns,1);grid-row:auto;aspect-ratio:auto;min-width:0;align-self:start;background:transparent;overflow:visible;color:var(--ink);text-decoration:none}
body .lm-projects .lm-project-grid.is-metro-ready>.lm-project-card:nth-child(n){grid-row-end:span var(--lm-row-span,1)}
.lm-project-card--featured,.lm-project-card--wide{--lm-tile-columns:2}
/* Keep the approved pair of website references equally sized on the homepage. */
.home .lm-project-card--screen{--lm-tile-columns:1}
.lm-project-grid>.lm-project-card::after{display:none}
.lm-project-grid>.lm-project-card .lm-project-caption{position:static;left:auto;right:auto;top:auto;padding:14px 0 0;transform:none}
.lm-project-grid>.lm-project-card .lm-project-caption h2{font-size:clamp(18px,1.6vw,23px);line-height:1.3;font-weight:400;letter-spacing:-.025em;margin:0 0 5px;overflow-wrap:anywhere}
.lm-project-grid>.lm-project-card .lm-project-caption p{color:#626262;font-size:10px;line-height:1.5;letter-spacing:.055em;text-transform:uppercase;margin:0}
.lm-project-visual{position:relative;aspect-ratio:1.53;overflow:hidden;background:transparent}
.lm-project-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.lm-project-card--wide .lm-project-visual{aspect-ratio:2.35}
.lm-project-card:hover .lm-project-visual>img{transform:scale(1.025)}
.lm-web-cover{padding:clamp(14px,6%,40px);background:linear-gradient(130deg,var(--lm-cover-start,#dfe5dc),var(--lm-cover-end,#f2eee4))}
/* Remove nested row/column paddings: top, outside edges and grid gaps share one value. */
.home .lm-home .lm-row.lm-layout-282-30{padding:var(--lm-work-gap)!important;background:#fff}
.home .lm-layout-282-30>.lm-columns{gap:0;margin:0;max-width:none}
.home .lm-layout-282-30 .lm-column{padding:0}
.home .lm-layout-282-30 .lm-projects{padding:0}
.home .lm-project-grid>.lm-project-card .lm-project-caption,
.lm-page-arbeiten .lm-project-grid>.lm-project-card .lm-project-caption{padding:17px 20px 18px;background:#f3f3f1}
.lm-detail-work .lm-project-grid{--lm-grid-columns:3}
@media(max-width:1100px){.lm-projects .lm-project-grid{--lm-grid-columns:3}}
@media(max-width:800px){.lm-projects .lm-project-grid{--lm-grid-columns:2}}
@media(max-width:600px){.lm-projects .lm-project-grid{--lm-grid-columns:1}.lm-project-card--featured,.lm-project-card--wide{--lm-tile-columns:1}.lm-project-grid>.lm-project-card .lm-project-caption{padding-top:12px}.lm-project-grid>.lm-project-card .lm-project-caption h2{font-size:21px}}
@media(max-width:600px){
 .lm-projects .lm-project-grid.is-metro-ready{grid-auto-rows:auto;row-gap:var(--lm-work-gap);margin-bottom:0;min-height:0!important}
 body .lm-projects .lm-project-grid.is-metro-ready>.lm-project-card:nth-child(n){grid-row:auto}
}
.lm-web-window{overflow:hidden;background:#fff;border-radius:3px;box-shadow:0 8px 20px #20202020,0 1px 3px #20202015;transition:box-shadow .3s ease}
.lm-web-window-bar{height:24px;line-height:24px;text-align:center;background:#f7f7f7;color:#626262;border-bottom:1px solid #e7e7e7;font-family:Arial,sans-serif;font-size:10px;font-weight:400;letter-spacing:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 8px}
.lm-web-cover .lm-web-window>img{display:block;position:static;inset:auto;width:100%;height:auto;max-width:none;object-fit:contain;transform:none;transition:none}
.lm-project-card:hover .lm-web-window,.lm-project-card:focus-visible .lm-web-window{box-shadow:0 10px 24px #20202028,0 1px 3px #20202015}
.lm-project>.lm-web-cover--hero{max-width:var(--lm-content-width);margin:40px auto 0}
.lm-web-screens{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,250px);gap:44px;align-items:start;max-width:var(--lm-content-width);margin:20px auto 65px;padding:0 40px}
.lm-web-device{margin:0;min-width:0}
.lm-web-device>img{display:block;width:100%;height:auto;box-shadow:0 8px 28px #20202012}
.lm-web-device figcaption{margin-top:12px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.lm-web-device--mobil{max-width:250px;justify-self:center}
.lm-project-history-title{max-width:var(--lm-content-width);margin:30px auto;font-size:26px;font-weight:400;padding:0 25px}
@media(max-width:700px){.lm-project>.lm-web-cover--hero{margin:20px 20px 0}.lm-web-screens{grid-template-columns:1fr;gap:30px;padding:0 25px;margin-bottom:40px}.lm-web-device--mobil{width:min(70%,250px)}}
@media(prefers-reduced-motion:reduce){.lm-web-window,.lm-project-visual>img{transition:none}.lm-project-card:hover .lm-project-visual>img,.lm-project-card:focus-visible .lm-project-visual>img{transform:none}}