:root { --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1); }
        body { background-color: #FBE580; color: #0F172A; overflow-x: hidden; }
        
        /* High-End Grain Overlay */
        .grain { 
            position: fixed; top: 0; left: 0; width: 100%; height: 100%; 
            background-color: rgb(195, 91, 0); 
            opacity: 0.04; pointer-events: none; z-index: 9999; 
        }

        .view-transition { animation: slideIn 1.4s var(--ease-out-expo) forwards; }
        @keyframes slideIn { 
            from { opacity: 0; transform: translateY(40px); } 
            to { opacity: 1; transform: translateY(0); } 
        }

.drop-cap::first-letter {
  font-family: 'Bodoni Moda', serif;
  font-size: clamp(4rem, 10vw, 6rem);
  float: left;
  line-height: 0.7;
  margin-right: 0.15em;
  margin-top: 0.1em;
  color: #C6A25E;
  font-weight: 600;
}
        .nav-underline { position: relative; }
        .nav-underline::after { 
            content: ''; position: absolute; bottom: -4px; left: 0; width: 0; 
            height: 1px; background: #C6A25E; transition: width 0.6s var(--ease-out-expo); 
        }
        .nav-underline:hover::after, .nav-active::after { width: 100%; }

        /* Responsive Columns */
        .editorial-grid { display: grid; grid-template-columns: 1fr; gap: 3rem; }
        @media (min-width: 1024px) { .editorial-grid { grid-template-columns: 2fr 1fr; } }

        /* Custom Scrollbar for a premium feel */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #c8a254; }
        ::-webkit-scrollbar-thumb { background: #D6C6B8; border-radius: 10px; }
        ::-webkit-scrollbar-thumb:hover { background: #C6A25E; }

        .image-reveal { transition: transform 2s var(--ease-out-expo), filter 2s var(--ease-out-expo); }
        .group:hover .image-reveal { transform: scale(1.05); filter: grayscale(0); }