.brand-hero h1 span { color: var(--primary); }

.eyebrow-wordmark {
  display: inline-block;
  width: auto;
  max-width: none;
  height: 1.75em;
  margin-left: .35em;
  vertical-align: -.52em;
}

/* Products: "[MARGENTIA] COLLECTION" */
.collection-eyebrow .eyebrow-wordmark { margin: 0 .35em 0 0; }
.collection-eyebrow span { color: var(--margentia-blue-primary); }

.welcome-wordmark {
  display: inline-block;
  width: auto;
  max-width: none;
  height: .74em;
  vertical-align: baseline;
}

/* Thank You: action buttons */
.welcome-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 26px;
}

.welcome-actions .manual-link {
  color: var(--foreground);
  box-shadow: 0 6px 16px #2f6f9b14;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, color .22s ease, background .22s ease;
}

.welcome-actions .manual-link:hover,
.welcome-actions .manual-link:focus-visible {
  color: var(--margentia-blue-primary);
  border-color: var(--margentia-blue-primary);
  transform: translateY(-2px);
  box-shadow: 0 12px 24px #0260972b;
}

.welcome-actions .manual-link-primary {
  color: #fff;
  background: var(--margentia-blue-primary);
  border-color: var(--margentia-blue-primary);
  animation: cta-glow 2.4s ease-out infinite;
}

.welcome-actions .manual-link-primary:hover,
.welcome-actions .manual-link-primary:focus-visible {
  color: #fff;
  background: var(--margentia-blue-primary);
}

.cta-arrow {
  display: inline-block;
  animation: cta-bounce 1.8s ease-in-out infinite;
}

.cta-nudge:hover .cta-arrow { animation-duration: .9s; }

@keyframes cta-bounce {
  0%, 60%, 100% { transform: translateY(0); }
  30% { transform: translateY(3px); }
}

@keyframes cta-glow {
  0% { box-shadow: 0 6px 16px #2f6f9b14, 0 0 0 0 #02609766; }
  70%, 100% { box-shadow: 0 6px 16px #2f6f9b14, 0 0 0 12px #02609700; }
}

/* Thank You: film with cover and play button */
.film-stage {
  position: relative;
  border-radius: 22px;
  box-shadow: 0 16px 40px #2f6f9b1f;
}

.film-play {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  width: 100%;
  padding: 0;
  background: #fff center / cover no-repeat;
  border: 0;
  cursor: pointer;
}

.film-play[hidden] { display: none; }

.film-play-icon {
  position: relative;
  display: grid;
  place-items: center;
  width: 84px;
  height: 84px;
  color: #fff;
  background: var(--margentia-blue-primary);
  border-radius: 50%;
  box-shadow: 0 12px 30px #0a0f1740;
  animation: cta-glow-large 2.4s ease-out infinite;
  transition: transform .22s ease;
}

.film-play-icon svg { margin-left: 5px; }
.film-play:hover .film-play-icon,
.film-play:focus-visible .film-play-icon { transform: scale(1.08); }
.film-play:focus-visible { outline: 3px solid var(--margentia-blue-primary); outline-offset: -3px; border-radius: 22px; }

@keyframes cta-glow-large {
  0% { box-shadow: 0 12px 30px #0a0f1740, 0 0 0 0 #ffffffb3; }
  70%, 100% { box-shadow: 0 12px 30px #0a0f1740, 0 0 0 22px #ffffff00; }
}

@media (max-width: 760px) {
  .film-stage { border-radius: 16px; }
  .film-play:focus-visible { border-radius: 16px; }
  .film-play-icon { width: 64px; height: 64px; }
  .film-play-icon svg { width: 22px; height: 22px; margin-left: 4px; }
}

@media (prefers-reduced-motion: reduce) {
  .cta-arrow,
  .welcome-actions .manual-link-primary,
  .film-play-icon { animation: none; }
  .welcome-actions .manual-link,
  .film-play-icon { transition: none; }
  .welcome-actions .manual-link:hover,
  .welcome-actions .manual-link:focus-visible { transform: none; }
}

.brand-hero {
  background: linear-gradient(to bottom, #fff 0, #fff calc(100% - 110px), #e6f1fa 100%);
  border-bottom: 0;
}

.brand-link .brand-mark {
  transition: transform .24s ease;
  will-change: transform;
}

.brand-link:hover .brand-mark,
.brand-link:focus-visible .brand-mark {
  transform: translateY(-2px) rotate(-2deg);
}

.site-header nav a {
  font-size: 15px;
  transition: color .2s ease, transform .2s ease;
}

.site-header nav a:hover {
  transform: translateY(-1px);
}

.site-footer img { width: 148px; }

.contact-cards .surface {
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.contact-cards .surface:hover {
  transform: translateY(-3px);
  border-color: #c6dae9;
  box-shadow: 0 16px 32px #2f6f9b14;
}

.contact-form-panel {
  background: #e7edf1;
  border: 1px solid #cedbe4;
  border-radius: 32px;
  box-shadow: 0 14px 30px #1b49640d;
}

.contact-form-shell {
  background: #fbfdff;
  border-color: #d3e0e8;
  box-shadow: 0 14px 32px #2f6f9b12;
}

@media (prefers-reduced-motion: reduce) {
  .contact-cards .surface { transition: none; }
  .contact-cards .surface:hover { transform: none; }
  .brand-link .brand-mark { transition: none; }
  .brand-link:hover .brand-mark,
  .brand-link:focus-visible .brand-mark { transform: none; }
  .site-header nav a { transition: none; }
  .site-header nav a:hover { transform: none; }
}

@media (max-width: 760px) {
  .contact-form-panel { border-radius: 24px; }
  .site-footer img { width: 138px; }
  .site-footer { align-items: center; text-align: center; }
  .site-footer .footer-links { justify-content: center; gap: 0 20px; }
}

@media (max-width: 380px) {
  .site-header { gap: 14px; padding-inline: 16px; }
  .site-header nav { gap: 14px; }
  .site-header nav a { font-size: 14px; }
  .site-footer { margin-inline: 16px; }
  .contact-form-panel { padding-inline: 16px; }
  .contact-form-shell { padding: 20px; }
}