/* Aligned modular composition inspired by the user's reference. */
.a3s-portfolio .portfolio-grid{display:grid;position:static;columns:auto;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,clamp(230px,25vw,370px));gap:24px;align-items:stretch;height:auto}.a3s-portfolio .portfolio-grid .card{position:relative;display:block;min-width:0;width:auto;margin:0;overflow:hidden;grid-column:auto;grid-row:auto}.a3s-portfolio .portfolio-grid .card:nth-child(1),.a3s-portfolio .portfolio-grid .card[data-masonry-index="0"]{grid-column:1/8;grid-row:1/2}.a3s-portfolio .portfolio-grid .card:nth-child(2),.a3s-portfolio .portfolio-grid .card[data-masonry-index="1"]{grid-column:8/13;grid-row:1/3}.a3s-portfolio .portfolio-grid .card:nth-child(3),.a3s-portfolio .portfolio-grid .card[data-masonry-index="2"]{grid-column:1/8;grid-row:2/3}.a3s-portfolio .portfolio-grid .card img{width:100%;height:100%;display:block;object-fit:cover}.a3s-portfolio .portfolio-grid[data-visible-count="2"]{grid-template-rows:clamp(300px,36vw,500px)}.a3s-portfolio .portfolio-grid[data-visible-count="2"] .card[data-masonry-index="0"]{grid-column:1/7;grid-row:1}.a3s-portfolio .portfolio-grid[data-visible-count="2"] .card[data-masonry-index="1"]{grid-column:7/13;grid-row:1}.a3s-portfolio .portfolio-grid[data-visible-count="1"]{grid-template-rows:clamp(300px,40vw,560px)}.a3s-portfolio .portfolio-grid[data-visible-count="1"] .card{grid-column:1/-1;grid-row:1}.a3s-portfolio .portfolio-grid[data-visible-count="0"]{display:none}.a3s-portfolio .portfolio-grid .card[hidden]{display:none!important}
.a3s-project .project-gallery .gallery{display:grid;position:static;columns:auto;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(42px,5vw,75px);gap:20px;grid-auto-flow:row dense;height:auto}.a3s-project .project-gallery .gallery button{position:relative;grid-column:span var(--tile-span,6);grid-row:span var(--tile-rows,4);margin:0;padding:0;min-width:0;width:100%;overflow:hidden}.a3s-project .project-gallery .gallery button img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.a3s-project .project-gallery .gallery button:hover img{transform:scale(1.015)}.a3s-project .project-interlude img{height:auto;max-height:none;object-fit:initial}.story-slide.slide-one{background:var(--a3s-color-surface)}.story-slide.slide-one img{opacity:1;visibility:visible}
@media(max-width:1024px){.a3s-portfolio .portfolio-grid{gap:18px;grid-template-rows:repeat(2,clamp(200px,29vw,300px))}.a3s-project .project-gallery .gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:100px;gap:16px}.a3s-project .project-gallery .gallery button{grid-column:span 1;grid-row:span 2}.a3s-project .project-gallery .gallery button:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:600px){.a3s-portfolio .portfolio-grid{display:flex;flex-direction:column;gap:18px}.a3s-portfolio .portfolio-grid .card{width:100%;height:auto;min-height:0}.a3s-portfolio .portfolio-grid .card img{width:100%;height:auto;object-fit:initial}.a3s-project .project-gallery .gallery{display:flex;flex-direction:column;gap:14px}.a3s-project .project-gallery .gallery button{width:100%;height:auto}.a3s-project .project-gallery .gallery button img{width:100%;height:auto;object-fit:initial}}@media(prefers-reduced-motion:reduce){.a3s-project .project-gallery .gallery button:hover img{transform:none}}