:root{--flowing-image-width:320px;--flowing-image-height:240px;--flowing-image-radius:8px;--brand-teal:#14b8a6}.flowing-image-container{position:relative;flex-shrink:0;overflow:hidden;width:var(--flowing-image-width);height:var(--flowing-image-height);border-radius:var(--flowing-image-radius);transition:transform .5s}.flowing-image-container:hover{transform:scale(1.05)}.flowing-image-overlay{display:none}@media (min-width:640px){.flowing-image-overlay{display:block;position:absolute;inset:0;pointer-events:none;border-radius:var(--flowing-image-radius);border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,color-mix(in srgb,var(--brand-teal) 5%,transparent 95%),transparent 60%,color-mix(in srgb,var(--brand-teal) 10%,transparent 90%) 100%);transition:border-color .3s}.flowing-image-container:hover .flowing-image-overlay{border-color:color-mix(in srgb,var(--brand-teal) 30%,white 70%)}}.flowing-image-glow{position:absolute;inset:0;opacity:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);border-radius:var(--flowing-image-radius);transition:opacity .3s;pointer-events:none}.flowing-image-container:hover .flowing-image-glow{opacity:1}