/* Reset */
* { margin:0; padding:0; box-sizing:border-box; }

body {
  font-family: 'Inter', sans-serif;
  background-color: #0E0F12;
  color: #E6E6E6;
  line-height: 1.6;
}

a { color: inherit; text-decoration: none; }

/* Container */
.container { max-width: 1200px; margin:0 auto; padding:2rem; }

/* Hero Section */
.hero {
  display: flex; flex-direction: column-reverse; align-items:center; justify-content:center; gap:2rem; padding:4rem 2rem;
}
@media(min-width:768px){ .hero { flex-direction:row; } }
.hero-text { max-width:600px; }
.hero h1 { font-family:'Sora', sans-serif; font-size:3rem; margin-bottom:1rem; letter-spacing:1px; }
.hero p { font-size:1.1rem; color:#9CA3AF; }
.hero-video video { max-width:500px; border-radius:8px; box-shadow:0 4px 20px rgba(0,0,0,0.5); }

/* Carousel Styling */
.carousel { position:relative; overflow:hidden; margin:2rem 0; }
.carousel-track { display:flex; gap:16px; transition: transform 0.4s ease; }
.carousel-track a img { border-radius:8px; cursor:pointer; flex-shrink:0; width:200px; transition:transform 0.3s ease, box-shadow 0.3s ease; }
.carousel-track a img:hover { transform:scale(1.05); box-shadow:0 15px 35px rgba(58,110,165,0.6); }
.carousel button { position:absolute; top:50%; transform:translateY(-50%); background-color: rgba(0,0,0,0.5); border:none; color:#E6E6E6; font-size:2rem; padding:0.5rem 1rem; cursor:pointer; z-index:10; }
.carousel button.prev { left:0; }
.carousel button.next { right:0; }
.carousel button:hover { background-color: rgba(58,110,165,0.7); }

/* Philosophy Section */
.philosophy { background-color:#121417; padding:4rem 2rem; text-align:center; }
.philosophy h2 { font-family:'Sora', sans-serif; font-size:2rem; margin-bottom:1rem; color:#C28F2C; }
.philosophy p { max-width:700px; margin:0 auto; color:#9CA3AF; }

/* Footer */
footer { text-align:center; padding:2rem; color:#9CA3AF; font-size:0.9rem; }
/* Shimmer Placeholder for Lazy-Load Images */
img.lazy {
  background: linear-gradient(90deg, #1a1b1f 25%, #2a2b31 50%, #1a1b1f 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}