.feature-showcase{display:flex;flex-direction:column;gap:var(--space-12)}.feature-section{display:flex;flex-direction:column;gap:var(--space-5)}.feature-text h2{font-size:var(--text-xl);text-align:left;padding:0;margin-bottom:var(--space-2)}.feature-text p{color:var(--color-text-2);font-size:var(--text-base);line-height:1.65}.feature-image-wrap{border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-surface-1);padding:var(--space-2);box-shadow:var(--shadow-2)}.feature-image{width:100%;border-radius:var(--radius-md);display:block}.feature-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.feature-grid__card{display:flex;flex-direction:column;overflow:hidden;background-color:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);transition:transform var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.feature-grid__card:hover{transform:translateY(-4px);border-color:var(--color-border-accent);box-shadow:var(--shadow-2),0 8px 30px rgb(var(--rgb-accent) / .15)}.feature-grid__body{padding:var(--space-5) var(--space-5) var(--space-3)}.feature-grid__title{font-size:var(--text-lg);margin-bottom:var(--space-2)}.feature-grid__text{color:var(--color-text-2);font-size:var(--text-sm);line-height:1.55}.feature-grid__image-wrap{position:relative;height:190px;margin-top:auto;padding:0 var(--space-5);overflow:hidden}.feature-grid__image-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,var(--color-surface-1) 98%);pointer-events:none}.feature-grid__image{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;border:1px solid var(--color-border);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;transition:transform var(--dur-3) var(--ease-out)}.feature-grid__card:hover .feature-grid__image{transform:scale(1.02)}@media(min-width:768px){.feature-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.feature-grid__image-wrap{height:230px}.feature-section{flex-direction:row;align-items:center;gap:var(--space-10)}.feature-section>*{flex:1 1 50%;min-width:0}.feature-section.alt-layout .feature-text{order:2}.feature-section.alt-layout .feature-image-wrap{order:1}}