.soa-showcase{padding-top:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--x-large);background-color:var(--wp--preset--color--quaternary)}.soa-showcase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--wp--preset--spacing--medium)}@media (max-width:1200px){.soa-showcase-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.soa-showcase-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.soa-showcase-grid{grid-template-columns:1fr;gap:var(--wp--preset--spacing--small)}}.soa-showcase-card{background:var(--wp--preset--color--white);border-radius:var(--wp--custom--border--radius--medium);overflow:hidden;box-shadow:var(--wp--preset--shadow--subtle);transition:transform 0.3s ease,box-shadow 0.3s ease;cursor:pointer;outline:none}.soa-showcase-card:hover,.soa-showcase-card:focus{transform:translateY(-4px);box-shadow:var(--wp--preset--shadow--natural)}.soa-showcase-card:focus{box-shadow:var(--wp--preset--shadow--natural),0 0 0 3px var(--wp--preset--color--primary)}.showcase-card-image{position:relative;width:100%;padding-top:100%;background:linear-gradient(135deg,var(--wp--preset--color--quaternary),var(--wp--custom--color--neutral--200));overflow:hidden}.showcase-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.soa-showcase-card:hover .showcase-card-image img{transform:scale(1.08)}.showcase-placeholder-image{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--wp--custom--color--neutral--400)}.showcase-card-overlay{position:absolute;inset:0;background:rgb(0 0 0 / .6);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease}.soa-showcase-card:hover .showcase-card-overlay,.soa-showcase-card:focus .showcase-card-overlay{opacity:1}.showcase-view-text{color:#fff;font-weight:600;font-size:var(--wp--preset--font-size--normal);text-transform:uppercase;letter-spacing:1px;padding:10px 20px;border:2px solid #fff;border-radius:var(--wp--custom--border--radius--small);transition:background 0.2s ease}.soa-showcase-card:hover .showcase-view-text{background:rgb(255 255 255 / .15)}.showcase-card-content{padding:var(--wp--preset--spacing--small);text-align:center}.showcase-card-title{font-size:var(--wp--preset--font-size--medium);font-weight:600;margin:0 0 .25em;color:var(--wp--custom--color--neutral--900);line-height:1.3}.showcase-card-position{font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--primary);margin:0 0 .25em;font-weight:500}.showcase-card-company{font-size:var(--wp--preset--font-size--small);color:var(--wp--custom--color--neutral--600);margin:0}.soa-showcase-modal .orbit-modal-content{max-width:800px}.soa-modal-header{display:flex;gap:var(--wp--preset--spacing--medium);align-items:center;margin-bottom:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium);border-bottom:1px solid var(--wp--custom--color--neutral--200)}.soa-modal-image{width:100px;height:100px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--wp--preset--color--quaternary);border:3px solid var(--wp--preset--color--quaternary)}.soa-modal-image img{width:100%;height:100%;object-fit:cover}.soa-modal-header-text{flex:1;min-width:0}.soa-modal-title-inner{font-size:var(--wp--preset--font-size--large);font-weight:700;margin:0 0 .25em;color:var(--wp--custom--color--neutral--900)}.soa-modal-meta{font-size:var(--wp--preset--font-size--normal);color:var(--wp--custom--color--neutral--600);margin:0}.soa-modal-meta strong{color:var(--wp--preset--color--primary)}.soa-modal-description{font-size:var(--wp--preset--font-size--normal);line-height:1.7;color:var(--wp--custom--color--neutral--800);margin-top:var(--wp--preset--spacing--medium)}.soa-modal-footer{margin-top:var(--wp--preset--spacing--large);padding-top:var(--wp--preset--spacing--medium);border-top:1px solid var(--wp--custom--color--neutral--200);display:flex;justify-content:flex-end}.soa-showcase-item{display:contents}@media (max-width:768px){.soa-modal-header{flex-direction:column;text-align:center}.soa-modal-image{width:120px;height:120px}.soa-modal-footer{justify-content:center}.soa-modal-footer .button{width:100%;text-align:center}}