
    body, h1, p { margin: 0; padding: 0; box-sizing: border-box; }
    :root { --primary-dark: #0f403f; }
    .aspect-4-3 { padding-top: 75%; position: relative; }
    .aspect-4-3 img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 0.5rem; }
    
    .carousel-track-container { width: 100%; max-width: 100%; overflow: hidden; }
    .carousel-track { display: flex; transition: transform 0.5s ease-in-out; width: 200%; }
    .carousel-item { flex: 0 0 10%; box-sizing: border-box; padding: 0 8px; }
    .dot { background-color: rgb(209 213 219); transition: background-color 0.3s; }
