/* organum-regium.css — stránka projektu Organum Regium (varhanní soutěž)
   Vizuálně sjednoceno s missimo.css (stejný risograph vzor), akcent fialový
   (--hudebka, „královský nástroj"). Barvy přes var(--…). Viz CSS-ARCHITEKTURA.md */

/* ───────── HERO ───────── */
.org-hero {
  position: relative;
  overflow: hidden;
  padding: 64px 0 48px;
}
.org-hero-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 32px;
  position: relative;
  z-index: 2;
}
.org-eyebrow {
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--hudebka);
  margin-bottom: 16px;
}
.org-title {
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: 800;
  font-size: clamp(56px, 12vw, 132px);
  line-height: .9;
  letter-spacing: -.03em;
  color: var(--ink);
  margin: 0 0 12px;
}
.org-latin {
  font-family: 'Instrument Serif', serif;
  font-style: italic;
  font-size: clamp(20px, 3vw, 30px);
  color: var(--hudebka);
  margin: 0 0 20px;
}
.org-lead {
  font-size: clamp(18px, 2.4vw, 24px);
  line-height: 1.45;
  max-width: 30ch;
  color: var(--ink);
  margin: 0 0 32px;
}
.org-cta-row { display: flex; gap: 14px; flex-wrap: wrap; }

/* tlačítka (1:1 s missimo) */
.org-btn {
  display: inline-block;
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: 700;
  font-size: 16px;
  padding: 14px 26px;
  border-radius: 999px;
  text-decoration: none;
  transition: transform .15s ease, box-shadow .15s ease;
}
.org-btn-lg { font-size: 18px; padding: 16px 34px; }
.org-btn-primary {
  background: var(--hudebka);
  color: var(--bg);
  box-shadow: 0 4px 0 var(--ink);
}
.org-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 0 var(--ink); }
.org-btn-ghost {
  background: transparent;
  color: var(--ink);
  border: 2px solid var(--ink);
}
.org-btn-ghost:hover { transform: translateY(-2px); background: var(--yellow); }

/* emblém varhan (analogie medvídka) */
.org-hero-art { display: flex; justify-content: center; }
.org-emblem {
  font-size: clamp(120px, 26vw, 240px);
  line-height: 1;
  transform-origin: 50% 100%;
  animation: org-emblem-in 0.9s cubic-bezier(.16,1,.3,1) both,
             org-emblem-bob 4s ease-in-out 0.9s infinite;
  filter: drop-shadow(0 18px 24px rgba(31,27,26,.18));
}
@keyframes org-emblem-in {
  0%   { transform: translateY(60%) rotate(-6deg); opacity: 0; }
  100% { transform: translateY(0) rotate(0); opacity: 1; }
}
@keyframes org-emblem-bob {
  0%, 100% { transform: translateY(0) rotate(-1.5deg); }
  50%      { transform: translateY(-14px) rotate(1.5deg); }
}
@media (prefers-reduced-motion: reduce) {
  .org-emblem { animation: none; }
}

/* blobs v pozadí */
.org-blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(2px);
  opacity: .5;
  z-index: 1;
}
.org-blob-1 { width: 300px; height: 300px; background: var(--hudebka); top: 24px; right: 24px; }
.org-blob-2 { width: 180px; height: 180px; background: var(--yellow); bottom: 32px; left: 4%; }

/* ───────── O SOUTĚŽI ───────── */
.org-about { padding: 56px 0; }
.org-h2 {
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: 800;
  font-size: clamp(32px, 5vw, 52px);
  letter-spacing: -.02em;
  color: var(--ink);
  margin: 0 0 28px;
}
.org-about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }
.org-about-lead { font-size: 20px; line-height: 1.55; color: var(--ink); }
.org-feats { display: grid; gap: 18px; }
.org-feat {
  display: flex;
  gap: 16px;
  align-items: center;
  background: #fff;
  border: 2px solid var(--ink);
  border-radius: 18px;
  padding: 18px 20px;
  box-shadow: 4px 4px 0 var(--ink);
}
.org-feat-ico { font-size: 30px; line-height: 1; }
.org-feat strong { font-family: 'Bricolage Grotesque', sans-serif; }

/* ───────── VÍCE NA WEBU SOUTĚŽE ───────── */
.org-cta-sec { padding: 24px 0 80px; }
.org-cta-card {
  background: var(--hudebka);
  color: var(--bg);
  border-radius: 28px;
  padding: 48px;
  text-align: center;
}
.org-cta-card .org-h2 { color: var(--bg); }
.org-cta-lead { font-size: 20px; margin: 0 0 28px; opacity: .92; }
.org-cta-card .org-btn-primary { background: var(--yellow); color: var(--ink); }

/* ───────── navbar zvýraznění Organum Regium ───────── */
.nav-links a.nav-organum { color: var(--hudebka); font-weight: 700; }
.nav-links a.nav-organum:hover { color: var(--bg); }

/* ───────── RESPONSIVE ───────── */
@media (max-width: 800px) {
  .org-hero-inner { grid-template-columns: 1fr; text-align: center; }
  .org-hero-text { order: 2; }
  .org-hero-art { order: 1; margin-bottom: 8px; }
  .org-lead { margin-left: auto; margin-right: auto; }
  .org-cta-row { justify-content: center; }
  .org-about-grid { grid-template-columns: 1fr; gap: 28px; }
  .org-cta-card { padding: 36px 24px; }
}