/* --- PC Layout (769px~) --- */
.container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; }
nav .nav-links { display: flex; gap: 3rem; }
nav .nav-links a { font-size: 0.9rem; letter-spacing: 0.1em; opacity: 0.7; }
nav .nav-links a:hover { opacity: 1; color: var(--gold); }

/* Grid Systems */
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem; }

/* Effects */
.hover-scale { overflow: hidden; /* Prevent zoom overflow */ }
.hover-scale img { 
    transition: transform 0.8s ease; 
    height: 400px; /* Fixed height for consistency */
    width: 100%;
    object-fit: cover;
}
.hover-scale:hover img { transform: scale(1.05); }