/* ==========================================================================
   ContactButton — gold gradient pill button (matches btn-gold)
   ========================================================================== */
.btn-contact {
  background: linear-gradient(135deg, #B8860B 0%, #E8C46B 50%, #B8860B 100%);
  color: #ffffff;
  transition: opacity 200ms ease;
}
.btn-contact:hover {
  opacity: 0.9;
}

/* ==========================================================================
   Hero — gold gradient text + gold buttons
   ========================================================================== */
.text-gold-gradient {
  background: linear-gradient(90deg, #C9922E 0%, #F3D08C 50%, #C9922E 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.btn-gold {
  background: linear-gradient(135deg, #B8860B 0%, #E8C46B 50%, #B8860B 100%);
  color: #ffffff;
  transition: opacity 200ms ease;
}

.btn-gold:hover {
  opacity: 0.9;
}

.btn-gold-outline {
  border: 2px solid #D9A441;
  color: #D9A441;
  background: transparent;
  transition: background-color 200ms ease;
}

.btn-gold-outline:hover {
  background-color: rgba(217, 164, 65, 0.1);
}

/* ==========================================================================
   LiveProjectButton — ghost pill button
   ========================================================================== */
.btn-live-project {
  border: 2px solid #D7E2EA;
  color: #D7E2EA;
  background: transparent;
  transition: background-color 200ms ease;
}

.btn-live-project:hover {
  background-color: rgba(215, 226, 234, 0.1);
}

/* ==========================================================================
   Marquee
   ========================================================================== */
.marquee-row img {
  width: 420px;
  height: 270px;
  flex-shrink: 0;
}

/* ==========================================================================
   Projects — sticky stacking cards
   ========================================================================== */
.project-card {
  transform-origin: top center;
  will-change: transform;
}

/* ==========================================================================
   Fade-in / magnet helpers
   ========================================================================== */
[data-hero-fade],
[data-fade] {
  opacity: 0;
}

[data-magnet] {
  will-change: transform;
}

/* ==========================================================================
   Site Logo
   ========================================================================== */
.site-logo {
  display: flex;
  align-items: center;
}

.site-logo .custom-logo-link {
  display: block;
}

.site-logo {
  display: flex;
  align-items: center;
  padding: 6px 0;
}
.site-logo img.custom-logo {
  max-height: 58px !important;
  width: auto !important;
  height: auto !important;
}
.hero-heading-dark {
	background: linear-gradient(180deg, #1A1A1A 0%, #4A4A4A 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}