/* Isolated ODIN feature: existing page styles and other products stay intact. */
.odin-feature {
  max-width: 960px;
  margin: var(--space-16) auto 0;
}
.odin-heading {
  margin-bottom: var(--space-6);
}
.odin-kicker {
  margin-bottom: var(--space-3);
  color: var(--color-accent, #a5e5dc);
  font-size: var(--text-sm);
  letter-spacing: .12em;
  text-transform: uppercase;
}
.odin-heading h3 {
  margin: 0 0 var(--space-3);
  color: var(--color-text);
  font-size: clamp(2rem, 4vw, 3.5rem);
  line-height: 1.1;
}
.odin-description {
  color: var(--color-text-muted);
  font-size: var(--text-base);
}
.odin-video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  background: #080b0e;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  object-fit: contain;
}
.odin-caption {
  max-width: 72ch;
  margin: var(--space-4) 0 0;
  color: var(--color-text-muted);
  font-size: var(--text-sm);
  line-height: 1.6;
}
.odin-video:focus-visible {
  outline: 2px solid var(--color-accent, #a5e5dc);
  outline-offset: 4px;
}

/* 2026-10-18: centered ODIN emblem instead of plain text link */
.odin-heading{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--space-8)}
.odin-heading .odin-kicker{margin-bottom:var(--space-5)}
.odin-emblem{display:block;width:clamp(140px,22vw,200px);height:auto;filter:drop-shadow(0 0 26px rgba(125,211,252,.12))}
.odin-heading h3.odin-name{margin:var(--space-4) 0 var(--space-2);padding-left:.24em;font:600 clamp(1.9rem,3.4vw,2.8rem)/1.1 var(--font-display);letter-spacing:.24em;color:var(--color-text)}
.odin-heading .odin-description{max-width:34ch;margin:0 auto}
.odin-heading .odin-cta{margin:var(--space-6) 0 0}
.odin-caption{margin-left:auto;margin-right:auto;text-align:center}
@media(max-width:560px){.odin-emblem{width:132px}.odin-heading h3.odin-name{font-size:1.9rem}}
/* 2026-10-18: ODIN goes first in Projects section */
.projlink-section .odin-feature{margin:var(--space-10,40px) auto var(--space-16,64px)}