/* ── Base ────────────────────────────────────────────────────────────────
   Minimal resets only. Every component styles itself from tokens. */

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--surface-canvas);
  color: var(--text-primary);
  font: var(--type-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a { color: var(--brand-accent); text-decoration: none; transition: var(--transition-hover); }
a:hover { color: var(--brand-accent-hover); }

img { display: block; max-width: 100%; }

::selection { background: var(--brass-tint); color: var(--fg-1); }

:focus-visible { outline: none; box-shadow: var(--focus-ring); }

/* Utility: the signature architectural statement band */
.aur-statement-band { height: var(--statement-band-height); background: var(--statement-band); width: 100%; }

/* Utility: photographic scrim layer */
.aur-scrim { position: absolute; inset: 0; background: var(--scrim-bottom); pointer-events: none; }

/* Cinematic reveal — the one entrance animation in the system */
@keyframes aur-reveal { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
@keyframes aur-menu-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes aur-mask-in { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0 0 0 0); } }
.aur-reveal { animation: aur-reveal var(--dur-slow) var(--ease-enter) both; }

/* Navigation responsive behaviour (LuxuryNavigation) */
@media (max-width: 1024px) {
  .aur-nav-links, .aur-nav-cta { display: none !important; }
  .aur-nav-burger { display: flex !important; }
}

/* Grid collapse used by the kits */
@media (max-width: 1024px) { .aur-split { grid-template-columns: 1fr !important; } }
@media (max-width: 760px) { .aur-grid-3, .aur-grid-2 { grid-template-columns: 1fr !important; } }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; scroll-behavior: auto !important; }
}
