/* Desktop Styles - 900px and above */

/* ===== HOME PAGE: .names (h1 inside .hero) ===== */
.hero .names {
  display: block;
  font-family: var(--script);
  font-size: clamp(80px, 14vw, 200px);
  line-height: 0.9;
  padding: 0.15em 0 0.05em 0;
  margin: 12px 0;
  background: linear-gradient(180deg, var(--maroon) 0%, var(--crimson) 50%, var(--marigold-deep) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 4px 20px rgba(139, 15, 35, 0.15);
}

.hero .names .amp {
  display: block;
  font-size: 0.7em;
  background: linear-gradient(180deg, var(--marigold), var(--marigold-deep));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: -10px 0.1em 20px 0.1em;
  line-height: 0.8;
  transform: translateY(0.1em);
}

/* ===== ENTRY SCREEN: .splash-names ===== */
.splash-names {
  display: inline;
  font-family: var(--script);
  font-size: clamp(50px, 10vw, 80px);
  line-height: 1;
  margin: 10px 0;
  color: var(--crimson);
}

.splash-names .amp {
  display: inline;
  font-size: 0.6em;
  color: var(--marigold-deep);
  vertical-align: middle;
  margin: 0;
}

/* ===== NAVIGATION ===== */
.nav-links {
  display: flex;
  gap: 36px;
}

.mobile-menu-btn {
  display: none;
}

/* Enhanced Desktop Sizes */
.event-card {
  padding: 80px 60px 70px;
}

/* Desktop Toranam and Tree overrides */
.decor-toranam {
  height: 265px !important;
  top: 120px !important;
  transform: translateY(35px) !important;
  /* Deeper hanging distance */
}

.decor-tree {
  height: 85vh;
  /* Standard tall size for desktop */
}

.decor-tree.decor-left {
  transform: translateX(-35%);
  /* Show slightly more of the tree on desktop */
}

/* Desktop Knot Button Adjustments */
.knot-btn {
  --knot-width: 140px;
  --knot-label-gap: 14px;
}