.project-card .project-visual{aspect-ratio:1.22;justify-content:center;align-items:center;display:flex}.project-card .project-screen{--project-chrome:0px;aspect-ratio:auto;width:90%;box-shadow:0 9px 26px hsl(var(--ink)/.1);transform-origin:50%;border-radius:5px;position:relative;inset:auto}.project-card .project-screen>img{object-fit:contain;object-position:center top;width:100%;height:auto}.project-card .project-open{bottom:14px;right:16px}.project-card .project-caption>div{min-width:0}.project-card .project-caption h3{overflow-wrap:anywhere}.project-card.project-doworks .project-visual{background:hsl(var(--reel-paper))}.project-card.project-iclt .project-visual{background:hsl(var(--biskup))}.project-card.project-medinea .project-visual{background:hsl(var(--lavender))}.project-card.project-pasky .project-visual{background:hsl(var(--relay))}.project-card.project-peace .project-visual,.project-card.project-scarbon .project-visual{background:hsl(var(--sky))}.project-card.project-popplanet .project-visual{background:hsl(var(--reel-paper))}.project-card.project-greeningforward .project-visual{background:hsl(var(--agromak))}.portfolio-load-more{flex-direction:column;align-items:center;gap:15px;margin-top:54px;display:flex}.portfolio-load-more>p{color:hsl(var(--muted-foreground));font-size:14px}.portfolio-load-more .button{min-width:200px;font-size:16px}.reference-detail-hero.portfolio-detail-visual{background:hsl(var(--muted));padding:24px 18px}.reference-detail-hero.portfolio-detail-visual>.portfolio-device-pair{align-items:start;gap:24px;min-width:0;max-width:1440px;display:grid}.portfolio-device-pair>figure{min-width:0}.reference-detail-hero.portfolio-detail-visual .portfolio-desktop>img{object-fit:contain;border-radius:5px;width:100%;height:auto;max-height:none;display:block}.portfolio-device-pair figcaption{color:hsl(var(--muted-foreground));margin-top:13px;font-size:13px;font-weight:600}.reference-detail-hero.portfolio-detail-visual .portfolio-mobile{width:min(68%,280px);margin-inline:auto}.reference-detail-hero.portfolio-detail-visual .portfolio-mobile>img{object-fit:contain;border:1px solid hsl(var(--border));width:100%;height:auto;max-height:none;box-shadow:0 8px 28px hsl(var(--ink)/.08);border-radius:12px;display:block}.portfolio-additional-output{padding-top:0}.portfolio-output-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.portfolio-output-heading h2{max-width:900px;font-size:clamp(30px,5vw,54px)}.portfolio-additional-output .reference-detail-hero{margin-inline:0}.portfolio-related-sites{justify-items:start;gap:6px;display:grid}.portfolio-related-sites .text-link{font-size:16px}.reference-info .portfolio-detail-copy>h2{letter-spacing:-.045em;margin:0 0 18px;font-size:clamp(28px,4vw,36px);line-height:1.2}.reference-info .portfolio-detail-copy>p{color:hsl(var(--muted-foreground));margin-bottom:36px}.reference-info .portfolio-detail-copy>ul{margin-bottom:36px}.reference-info .portfolio-detail-copy li{align-items:flex-start}.reference-info .portfolio-detail-copy li>svg{margin-top:5px}.portfolio-detail-copy .portfolio-story{border-top:1px solid hsl(var(--border));border-bottom:1px solid hsl(var(--border));margin-block:14px 30px;padding-block:22px}.portfolio-story>span{color:hsl(var(--muted-foreground));margin-bottom:9px;font-size:14px;display:block}.portfolio-story .text-link{font-size:18px;line-height:1.5}html[data-site-theme=blue] .reference-detail-hero.portfolio-detail-visual{background:hsl(var(--blue-panel))}html[data-site-theme=blue] .portfolio-device-pair figcaption{color:hsl(var(--white))}@media (width>=640px){.project-card .project-visual{aspect-ratio:1.18}.reference-detail-hero.portfolio-detail-visual{padding:35px}.reference-detail-hero.portfolio-detail-visual.has-mobile>.portfolio-device-pair{grid-template-columns:minmax(0,1fr) minmax(140px,.28fr);gap:30px}.reference-detail-hero.portfolio-detail-visual .portfolio-mobile{width:100%;margin:0}}@media (width>=1000px){.project-grid.staggered .project-card:nth-child(2n) .project-visual{aspect-ratio:1.04}.project-card .project-open{bottom:18px;right:20px}.reference-detail-hero.portfolio-detail-visual{padding:58px}.reference-detail-hero.portfolio-detail-visual.has-mobile>.portfolio-device-pair{grid-template-columns:minmax(0,1fr) minmax(190px,.25fr);gap:46px}.reference-info .portfolio-detail-copy>p{font-size:21px;line-height:1.65}.portfolio-load-more{margin-top:72px}}