@font-face { font-family: 'Switzer'; src: url('../fonts/Switzer-Light.woff2') format('woff2'); font-weight: 300; font-display: swap; }

* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100vh;
  background:
    linear-gradient(180deg, rgba(20,16,14,0.45), rgba(20,16,14,0.55)),
    url('../images/studio-bg.jpg?v=8') center center / cover no-repeat fixed;
  color: #a89b82;
  font-family: 'Switzer', -apple-system, sans-serif;
  display: flex; align-items: center; justify-content: center;
}
body::before {
  content: ""; position: fixed; inset: 0; pointer-events: none;
  opacity: 0.03; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.hero { padding: 24px; display: flex; flex-direction: column; align-items: center; }
.hero .logo-mark { width: min(220px, 50vw); height: auto; opacity: 0; animation: fadeIn 1.8s ease forwards; }
@keyframes fadeIn { to { opacity: 1; } }
.links {
  margin-top: 40px; display: flex; flex-wrap: wrap; justify-content: center;
  gap: 18px; opacity: 0; animation: fadeIn 1.8s ease 0.4s forwards;
}
.links a { color: #a89b82; font-size: 13px; text-decoration: none; border-bottom: 1px solid rgba(168,155,130,0.3); }
.links a:hover { color: #E7DCC7; border-color: #D69A54; }