.about-container-wrapper{container-type:inline-size}.about-container{display:flex;flex-wrap:wrap;align-items:flex-start;gap:2rem}.about-text{flex:1;min-width:300px}.slideshow{flex:1;min-width:300px;position:relative;aspect-ratio:4 / 3;border-radius:15px;outline:5px solid var(--primary-600);overflow:hidden;margin-left:auto;margin-right:auto}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;transition:opacity 0.75s ease-in-out}.slide--hidden{opacity:0;pointer-events:none}.slide img{width:100%;height:100%;object-fit:cover;margin-top:0em;margin-bottom:0em}.slide .caption{position:absolute;bottom:0;left:0;width:100%;text-align:center;background-color:rgba(0,0,0,0.5);color:white;padding:8px;margin:0;font-size:0.9rem}.wave{transform-origin:70% 70%;display:inline-block;animation:wave-animation 2.5s infinite}.content-card{background-color:white;border-radius:0.375rem;--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);margin-top:2rem;padding-top:2.5rem;padding-bottom:2.5rem;padding-left:1.75rem;padding-right:1.75rem}.content-card:first-of-type{margin-top:0}.link-tag{display:inline-flex;align-items:center;gap:0.35rem;padding:0.1rem 0.4rem;border:1px solid #e5e7eb;border-radius:0.375rem;background-color:#f9fafb;text-decoration:none;color:#374151;font-size:0.9em;transition:all 0.15s ease-in-out}.link-tag:hover{border-color:var(--primary-500);background-color:#f0f2ff;color:#111827}.link-icon{width:16px;height:16px}.carousel-text{display:inline-flex;align-items:center;margin-inline:0.25rem;color:#4b5563;font-size:0.9em}.owl-carousel .item{width:auto;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.tooltip .tooltip-inner{background-color:white;color:#202122;border:1px solid #a2a9b1;padding:0.5rem 0.75rem;box-shadow:0 2px 4px rgba(0,0,0,0.1);max-width:65ch}@container (max-width: 850px){.about-container{flex-direction:column-reverse}}@keyframes wave-animation{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}100%{transform:rotate(0deg)}}