@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--brand-green: #22c55e;--brand-cream: #fefdf0}h1,h2,h3,h4{font-family:Playfair Display,serif}body{font-family:Inter,sans-serif;background-color:#fff}.diamond-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;transform:rotate(45deg)}.diamond-item{aspect-ratio:1 / 1;overflow:hidden;border:4px solid white;box-shadow:0 10px 15px -3px #0000001a;background-color:#f1f5f9}.diamond-item img{transform:rotate(-45deg) scale(1.4);width:100%;height:100%;object-fit:cover}.bg-cream{background-color:var(--brand-cream)}.infra-card{transition:all .3s ease}.infra-card:hover{box-shadow:0 20px 25px -5px #0000001a}.view-hidden{display:none!important}.mobile-menu{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.mobile-menu.active{max-height:500px}.toggle-btn{cursor:pointer;transition:all .3s ease}.toggle-btn.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.toggle-btn.active span:nth-child(2){opacity:0}.toggle-btn.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.carousel-container{position:relative;width:100%;height:100%;border-radius:2.5rem;overflow:hidden;background-color:#f1f5f9}.carousel-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.carousel-slide{display:none;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out}.carousel-slide.active{display:block;opacity:1}.carousel-slide img{width:100%;height:100%;object-fit:cover}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:#fffc;border:none;color:#333;padding:12px 16px;font-size:18px;cursor:pointer;border-radius:8px;transition:all .3s ease;z-index:10;display:none}.carousel-btn:hover{background-color:#fff;box-shadow:0 4px 8px #0003}.carousel-btn.prev{left:15px}.carousel-btn.next{right:15px}.carousel-dots{position:absolute;bottom:15px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.carousel-dot{width:10px;height:10px;border-radius:50%;background-color:#fff9;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.carousel-dot.active{background-color:#22c55e;border-color:#fff}