.project-collage{min-width:0;min-height:0;height:100%;display:grid;grid-auto-flow:dense;gap:6px;overflow:hidden;align-content:stretch}.project-collage img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;background:#181817}.collage-2{grid-template-columns:1.35fr .65fr}.collage-4{grid-template-columns:1.35fr .65fr;grid-template-rows:repeat(2,1fr)}.collage-4 img:first-child{grid-row:span 2}.collage-5{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.collage-5 img:first-child{grid-column:span 2;grid-row:span 2}.collage-7,.collage-8{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr)}.collage-7 img:first-child,.collage-8 img:first-child{grid-column:span 2;grid-row:span 2}.collage-7 img:nth-child(4),.collage-8 img:nth-child(5){grid-column:span 2}.collage-15{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr)}.collage-15 img:first-child,.collage-15 img:nth-child(8){grid-column:span 2;grid-row:span 2}.collage-15 img:nth-child(5),.collage-15 img:nth-child(12){grid-column:span 2}.portfolio-exit{position:fixed;right:2vw;top:104px;z-index:60;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;text-decoration:none;font:300 2.4rem/1 Arial,sans-serif;box-shadow:0 12px 35px rgba(0,0,0,.28)}.portfolio-exit span{position:absolute;right:72px;font:800 .48rem/1 Arial,sans-serif;letter-spacing:.14em;color:#fff}
.project-slider{position:relative;display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(0,.72fr)!important;grid-template-rows:1fr!important;gap:clamp(8px,1.2vw,18px)!important;padding-bottom:72px}.project-slider img{grid-column:auto!important;grid-row:auto!important;object-fit:contain!important;object-position:left center!important;background:#181817}.project-slider img[hidden]{display:none!important}.project-slider .is-secondary{transform:translateY(4%);height:92%}.gallery-controls{position:absolute;left:0;bottom:0;display:flex;align-items:center;gap:10px;z-index:5}.gallery-arrow{width:58px;height:58px;border:0;border-radius:50%;background:#fff;color:#111;font:400 1.65rem/1 Arial,sans-serif;box-shadow:0 10px 28px rgba(0,0,0,.35);cursor:pointer;transition:transform .2s,background .2s}.gallery-arrow:hover,.gallery-arrow:focus-visible{background:#b63a2d;color:#fff;transform:scale(1.08);outline:3px solid #fff;outline-offset:3px}.gallery-status{min-width:88px;text-align:center;font-size:.52rem;font-weight:800;letter-spacing:.14em;color:#fff}
@media(max-width:700px){.project-collage{height:min(52svh,470px);gap:3px}.project-slider{grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr)!important;padding-bottom:58px}.project-slider .is-secondary{transform:translateY(3%);height:94%}.gallery-arrow{width:46px;height:46px}.collage-2{grid-template-columns:1.25fr .75fr}.collage-4{grid-template-columns:1.3fr .7fr}.collage-5{grid-template-columns:repeat(3,1fr)}.collage-7,.collage-8{grid-template-columns:repeat(4,1fr)}.collage-15{grid-template-columns:repeat(6,1fr)}.portfolio-exit{width:48px;height:48px;top:82px;right:4vw;font-size:1.8rem}.portfolio-exit span{display:none}}