.expand-gallery{gap:6px;width:calc(100% - clamp(1.25rem,6vw,3.5rem));height:clamp(26rem,52vh,38rem);margin-inline:auto;padding:0;display:flex}.cap-details .ag-corner--tl,.cap-details .ag-corner--tr{top:1rem}@media (width>=768px){.cap-details .ag-corner--tl,.cap-details .ag-corner--tr{top:1.5rem}}.expand-card{cursor:pointer;background:#0b0b0b;border:1px solid #ffffff14;border-radius:12px;flex:1;min-width:clamp(3.2rem,6vw,5rem);height:100%;transition:flex .65s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s;position:relative;overflow:hidden}.expand-card:hover,.expand-card.active{border-color:var(--accent-ag,#c6f24e);box-shadow:0 0 0 1px var(--accent-ag,#c6f24e), 0 24px 70px #00000073;flex:5.5}.expand-card__media{position:absolute;inset:0;overflow:hidden}.expand-card__media img{object-fit:cover;object-position:center;opacity:.72;width:100%;height:100%;transition:opacity .55s,transform .75s cubic-bezier(.22,1,.36,1);transform:scale(1)}.expand-card:hover .expand-card__media img,.expand-card.active .expand-card__media img{opacity:1;transform:scale(1.03)}.expand-card__overlay{opacity:.8;background:linear-gradient(#00000040 0%,#0000008c 100%);transition:opacity .45s;position:absolute;inset:0}.expand-card:hover .expand-card__overlay,.expand-card.active .expand-card__overlay{opacity:.3}.expand-card__index{font-family:var(--font-display,"Archivo", sans-serif);letter-spacing:.08em;color:var(--accent-ag,#c6f24e);z-index:2;font-size:.75rem;font-weight:600;transition:opacity .35s,transform .35s;position:absolute;top:1.1rem;left:1rem}.expand-card__collapsed-title{z-index:2;writing-mode:vertical-rl;transform-origin:0 100%;transition:opacity .35s,transform .35s;position:absolute;bottom:1.2rem;left:1rem;transform:rotate(180deg)}.expand-card__collapsed-title span{font-family:var(--font-display,"Archivo", sans-serif);letter-spacing:.06em;text-transform:uppercase;color:#f4f1ea;white-space:nowrap;font-size:.78rem;font-weight:600;display:block}.expand-card:hover .expand-card__index,.expand-card.active .expand-card__index,.expand-card:hover .expand-card__collapsed-title,.expand-card.active .expand-card__collapsed-title{opacity:0;transform:translateY(-8px)}.expand-card__collapsed-title{opacity:1}.expand-card:hover .expand-card__collapsed-title,.expand-card.active .expand-card__collapsed-title{transform:rotate(180deg)translateY(-8px)}@media (width<=768px){.expand-gallery{flex-direction:column;gap:8px;width:calc(100% - clamp(1.5rem,8vw,3rem));height:auto;padding:0}.expand-card{border-radius:16px;flex:none;min-width:auto;height:clamp(5.5rem,16vh,8rem);transition:height .55s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s}.expand-card:hover,.expand-card.active{flex:none;height:clamp(14rem,46vw,19rem)}.expand-card__media img{object-position:center top}.expand-card--landing-pages .expand-card__media img,.expand-card--web-design .expand-card__media img,.expand-card--motion .expand-card__media img{object-position:center}.expand-card__index{top:.85rem;left:.85rem}.expand-card__collapsed-title{writing-mode:horizontal-tb;inset:50% .85rem auto auto;transform:translateY(-50%)}.expand-card:hover .expand-card__collapsed-title,.expand-card.active .expand-card__collapsed-title{opacity:0;transform:translateY(-50%)}}@media (prefers-reduced-motion:reduce){.expand-card,.expand-card__media img,.expand-card__overlay,.expand-card__index,.expand-card__collapsed-title{transition:none!important}}