body { font-family: 'Manrope', sans-serif; background-color: #f9f9f9; color: #0a0a0a; }
.font-serif, .font-headline { font-family: 'Noto Serif', serif; }
.gold-gradient { background: linear-gradient(135deg, #775a19 0%, #fed488 100%); }
.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; font-family: 'Material Symbols Outlined'; }
.aperture-mask { clip-path: polygon(0 0, 100% 0, 100% 85%, 85% 100%, 0 100%); }
.aperture-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: repeat(2, minmax(240px, 1fr));
  gap: 1.5rem;
}
@media (max-width: 768px) {
  .aperture-grid { grid-template-columns: 1fr; grid-template-rows: auto; }
}