.portfolio{background:#141517;color:#f5f5f6;padding:90px 0 110px}
.portfolio h2{margin-bottom:56px}
.portfolio-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(23px,2.2vw,34px);column-gap:32px;align-items:stretch}
.project{margin:0;min-width:0;display:flex;flex-direction:column}
/* Three alternating editorial beats, placed on one shared baseline rhythm. */
.project-airport{grid-column:1/8;grid-row:1/16;--tone:var(--brand-6)}
.project-vekra{grid-column:9/13;grid-row:8/23;--tone:var(--brand-3)}
.project-newton{grid-column:2/6;grid-row:21/33;--tone:var(--brand-2)}
.project-stada{grid-column:7/13;grid-row:29/41;--tone:var(--brand-5)}
.project-parnik{grid-column:1/6;grid-row:39/54;--tone:var(--brand-4)}
.project-fabini{grid-column:7/13;grid-row:48/63;--tone:var(--brand-1)}
.project-image{position:relative;isolation:isolate;overflow:hidden;background:#242629;aspect-ratio:4/3}
.project-airport .project-image{aspect-ratio:1.5}
.project-vekra .project-image{aspect-ratio:1.18}
.project-stada .project-image{aspect-ratio:1.85}
.project-fabini .project-image{aspect-ratio:1.4}
.portfolio .project-image{flex:1;min-height:0;aspect-ratio:auto}
.project-image img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter 1.2s ease}
.project-image::after{content:"";position:absolute;inset:0;background:var(--tone);mix-blend-mode:color;opacity:.55;pointer-events:none;transition:opacity 1.2s ease}
.project-airport img{object-position:50% 43%}
.project-fabini img{object-position:50% 48%}
.portfolio figcaption{position:static;background:none;padding:19px 0 0;display:flex;justify-content:space-between;align-items:baseline;gap:12px 24px;flex-wrap:wrap;color:inherit}
.portfolio .project-client{font-size:20px;line-height:1.3;font-weight:500;letter-spacing:-.02em}
.portfolio .project-type{display:block;font-size:13px;line-height:1.5;font-weight:400;color:#a9adb4}
@media(min-width:801px) and (hover:hover) and (pointer:fine){.project-image:hover img{filter:grayscale(0)}.project-image:hover::after{opacity:0}}
@media(max-width:1100px){.portfolio-grid{column-gap:24px}.portfolio .project-client{font-size:18px}}
@media(max-width:800px){.portfolio{padding:52px 0 60px}.portfolio h2{margin-bottom:34px}.portfolio-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:48px}.portfolio .project{grid-column:auto;grid-row:auto;margin:0}.portfolio .project:nth-child(even){width:91%;justify-self:end}.portfolio .project:nth-child(3){width:88%;justify-self:start}.portfolio .project-image{flex:none;aspect-ratio:4/3}.portfolio .project-vekra .project-image{aspect-ratio:1.1}.portfolio .project-stada .project-image{aspect-ratio:1.65}.portfolio figcaption{padding-top:15px;gap:6px;flex-direction:column}.portfolio .project-client{font-size:21px}.portfolio .project-type{font-size:14px}}
@media(prefers-reduced-motion:reduce){.project-image img,.project-image::after{transition:none}}