.hero{display:flex;flex-direction:column;gap:22px}.intro{margin:0;text-wrap:pretty}.lists{display:flex;flex-direction:column;gap:22px}.carousel{display:flex;flex-direction:column;gap:10px}.carousel-inner{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:3px;overflow:hidden;background:oklch(92% .01 85)}.carousel-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease-in-out}.carousel-image.active{opacity:1}.carousel-dots{display:flex;justify-content:center;gap:6px}.dot{width:6px;height:6px;padding:0;border-radius:50%;border:none;background:var(--ink);opacity:.3;cursor:pointer;transition:opacity .3s ease}.dot:hover{opacity:.6}.dot.active{opacity:1}@media (prefers-reduced-motion: reduce){.carousel-image{transition:none}}@media (min-width: 800px){.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:36px;align-items:center}.lists{display:grid;grid-template-columns:1fr 1fr;gap:48px;font-size:16px}}