/* Sākumlapa: hero rāmis, peldošās kartītes, refleksijas kārtis, citātu kava. */

:root {
  --sage: #dbe5cf;
  --sage-ink: #33452a;
  --peach: #f6dccb;
  --sky: #d8e4ea;
  --butter: #f1e5b9;
  --lilac: #e5dcef;
  --rose: #f1d6d9;
  --mint: #d3e7dc;
  --sand: #ebe0cc;
}

/* ---------- Hero ---------- */
.stage { padding: clamp(16px, 2.4vw, 28px) 0 0; }
.frame {
  position: relative;
  background: var(--sage);
  border-radius: 8px;
  min-height: clamp(560px, 74vh, 760px);
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
  overflow: hidden;
  isolation: isolate;
}
.frame::before {
  /* tievs rūtiņu raksts — tikai zem foto puses */
  content: ""; position: absolute; inset: 0 0 0 50%; z-index: -1;
  background-image:
    linear-gradient(rgba(51, 69, 42, .07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(51, 69, 42, .07) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: linear-gradient(90deg, transparent, #000 30%);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 30%);
}
.frame__text {
  padding: clamp(32px, 5vw, 72px) 0 clamp(32px, 5vw, 64px) clamp(24px, 5vw, 72px);
  display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 3;
}
.frame__text .label { color: var(--sage-ink); margin-bottom: 26px; }
.frame__text .display { margin-bottom: 28px; font-size: clamp(44px, 5.2vw, 80px); }
.frame__text .lead { color: #3d4636; margin-bottom: 34px; max-width: 30em; }
.frame__photo { position: relative; }
.frame__photo .cut {
  position: absolute; bottom: 0; left: 50%;
  height: min(94%, 700px); width: auto; max-width: 100%; transform: translateX(-46%);
  filter: drop-shadow(0 30px 40px rgba(35, 45, 28, .18));
  z-index: 2;
}

/* Rindu animācija virsrakstam */
.rise { display: block; overflow: hidden; padding-bottom: .06em; }
.rise > span { display: block; transform: translateY(105%); transition: transform 1.1s var(--ease); }
.is-ready .rise > span { transform: none; }
.is-ready .rise:nth-child(2) > span { transition-delay: .08s; }
.is-ready .rise:nth-child(3) > span { transition-delay: .16s; }
.fade-up { opacity: 0; transform: translateY(12px); transition: opacity .9s var(--ease) .35s, transform .9s var(--ease) .35s; }
.is-ready .fade-up { opacity: 1; transform: none; }
.frame__photo .cut { opacity: 0; transform: translate(-46%, 6%); transition: opacity 1.2s var(--ease) .15s, transform 1.4s var(--ease) .15s; }
.is-ready .frame__photo .cut { opacity: 1; transform: translate(-46%, 0); }

/* Peldošās kartītes */
.floaters { position: absolute; inset: 0; z-index: 3; pointer-events: none; }
.fl {
  position: absolute; pointer-events: auto;
  background: #fbfaf6; color: var(--ink);
  border-radius: 8px;
  box-shadow: 0 1px 0 rgba(35, 34, 29, .04), 0 18px 40px -12px rgba(35, 34, 29, .28);
  opacity: 0;
  transform: translate3d(var(--px, 0), var(--py, 0), 0) rotate(var(--r, 0deg)) scale(.92);
  transition: opacity .8s var(--ease), transform .9s var(--ease), box-shadow .3s;
  will-change: transform;
}
.is-ready .fl { opacity: 1; transform: translate3d(var(--px, 0), var(--py, 0), 0) rotate(var(--r, 0deg)); }
.is-ready .fl:nth-child(1) { transition-delay: .55s; }
.is-ready .fl:nth-child(2) { transition-delay: .7s; }
.is-ready .fl:nth-child(3) { transition-delay: .85s; }
.fl:hover { box-shadow: 0 1px 0 rgba(35, 34, 29, .04), 0 26px 50px -12px rgba(35, 34, 29, .36); }

.fl--pod { bottom: 24%; right: 2%; width: 270px; padding: 12px; display: grid; grid-template-columns: 64px 1fr; gap: 12px; align-items: center; --r: 2.5deg; }
.fl--pod img { width: 64px; height: 64px; border-radius: 4px; object-fit: cover; }
.fl--pod .label { font-size: 10px; display: flex; align-items: center; }
.fl--pod .t { font: 400 16px/1.2 var(--serif); margin: 4px 0 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.fl--pod .play { font-size: 13px; }
.fl--pod .play i { width: 28px; height: 28px; }
.fl--pod .play svg { width: 9px; height: 9px; }

.fl--call { bottom: 7%; left: 50%; width: 236px; padding: 18px 18px 16px; --r: -3deg; }
.fl--call .label { font-size: 10px; display: block; margin-bottom: 8px; }
.fl--call b { display: block; font: 400 25px/1.05 var(--serif); margin-bottom: 6px; }
.fl--call p { font-size: 13.5px; line-height: 1.45; color: var(--ink-2); margin: 0 0 14px; }
.fl--call .btn { height: 36px; padding: 0 14px; font-size: 13.5px; }

.fl--badge { top: 7%; right: 3%; width: 150px; padding: 14px; text-align: center; --r: -4deg; background: #fff; }
.fl--badge img { width: 78px; margin: 0 auto 8px; }
.fl--badge span { font: 500 10px/1.4 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--muted); display: block; }

@media (max-width: 960px) {
  .frame { grid-template-columns: 1fr; min-height: 0; }
  .frame::before { inset: 40% 0 0 0; mask-image: linear-gradient(transparent, #000 30%); -webkit-mask-image: linear-gradient(transparent, #000 30%); }
  .frame__text { padding: 36px 24px 8px; }
  .frame__photo { height: min(118vw, 560px); }
  .frame__photo .cut { height: auto; width: min(86%, 440px); transform: translate(-50%, 6%); }
  .is-ready .frame__photo .cut { transform: translate(-50%, 0); }
  .floaters { display: none; }
  .fl-strip { display: flex; }
}

/* Mobilajā: kartītes kā svaipojama josla zem rāmja */
.fl-strip {
  display: none; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory;
  padding: 16px var(--gutter) 4px; margin: 0 calc(var(--gutter) * -1);
  scrollbar-width: none;
}
.fl-strip::-webkit-scrollbar { display: none; }
.fl-strip .fl { position: static; opacity: 1; transform: none; flex: 0 0 auto; scroll-snap-align: start; box-shadow: none; border: 1px solid var(--rule); }
.fl-strip .fl--badge { display: none; }
@media (max-width: 960px) { .fl-strip { display: flex; } }

/* ---------- Refleksijas kārtis ---------- */
.deck-head { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(24px, 4vw, 64px); align-items: end; margin-bottom: 40px; }
.deck-head .h2 { margin-top: 18px; }
@media (max-width: 860px) { .deck-head { grid-template-columns: 1fr; } }

.cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; perspective: 1400px; }
.card {
  position: relative; aspect-ratio: 4 / 5; border-radius: 8px; cursor: pointer;
  transform-style: preserve-3d; transition: transform .8s var(--ease);
  text-align: left; width: 100%;
}
.card.is-flipped { transform: rotateY(180deg); }
.card__face {
  position: absolute; inset: 0; border-radius: 8px; padding: 22px 22px 20px;
  backface-visibility: hidden; -webkit-backface-visibility: hidden;
  display: flex; flex-direction: column; justify-content: space-between;
}
.card__front { background: var(--c, var(--bone)); }
.card__front .n { font: 500 11px/1 var(--mono); letter-spacing: .08em; color: rgba(35, 34, 29, .5); display: flex; justify-content: space-between; }
.card__front p { font: 400 clamp(21px, 1.9vw, 26px)/1.18 var(--serif); margin: 0; color: var(--ink); }
.card__front .hint { font: 500 11px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: rgba(35, 34, 29, .55); }
.card__back { background: var(--ink); color: var(--paper); transform: rotateY(180deg); }
.card__back .label { color: rgba(246, 244, 239, .5); }
.card__back p { font: italic 400 clamp(22px, 2vw, 27px)/1.2 var(--serif); margin: 0; }
.card__back a { font-size: 13.5px; font-weight: 500; color: var(--paper); border-bottom: 1px solid rgba(246, 244, 239, .35); align-self: flex-start; }
.card:hover:not(.is-flipped) { transform: translateY(-4px) rotate(-.6deg); }
.cards-foot { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 28px; flex-wrap: wrap; }
.cards-foot .note { margin: 0; padding: 0; border: 0; max-width: 34em; }

@media (max-width: 960px) {
  .cards {
    display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px;
    margin: 0 calc(var(--gutter) * -1); padding: 4px var(--gutter) 12px; scrollbar-width: none;
  }
  .cards::-webkit-scrollbar { display: none; }
  .card { flex: 0 0 72%; scroll-snap-align: center; }
}

/* ---------- Citātu kava (podkāsta joslā) ---------- */
.quotes-band { padding-top: clamp(56px, 8vw, 104px); margin-top: clamp(56px, 8vw, 104px); border-top: 1px solid rgba(246, 244, 239, .16); }
.qdeck-wrap { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 5vw, 80px); align-items: center; }
.qdeck-wrap .h2 { margin: 18px 0 20px; }
.qdeck { position: relative; height: clamp(360px, 40vw, 440px); touch-action: pan-y; user-select: none; -webkit-user-select: none; }
.qcard {
  position: absolute; inset: 0; border-radius: 8px; padding: clamp(24px, 3.4vw, 44px);
  background: var(--c, var(--paper)); color: var(--ink);
  display: flex; flex-direction: column; justify-content: space-between;
  transform-origin: 50% 110%;
  transition: transform .55s var(--ease), opacity .4s;
  box-shadow: 0 24px 50px -20px rgba(0, 0, 0, .55);
  cursor: grab;
}
.qcard.is-drag { transition: none; cursor: grabbing; }
.qcard blockquote { margin: 0; font: 400 clamp(25px, 2.7vw, 36px)/1.14 var(--serif); letter-spacing: -0.005em; }
.qcard blockquote::before { content: "„"; }
.qcard blockquote::after { content: "”"; }
.qcard footer { display: flex; justify-content: space-between; align-items: end; gap: 16px; border-top: 1px solid rgba(35, 34, 29, .18); padding-top: 16px; }
.qcard .who b { display: block; font-weight: 500; font-size: 15px; }
.qcard .who span { font: 500 10.5px/1.5 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: rgba(35, 34, 29, .55); }
.qcard .play i { border-color: var(--ink); }
.qnav { display: flex; align-items: center; gap: 12px; margin-top: 24px; }
.qnav button { width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(246, 244, 239, .3); color: var(--paper); font-size: 18px; transition: border-color .2s; }
.qnav button:hover { border-color: var(--paper); }
.qnav .count { font: 500 12px/1 var(--mono); letter-spacing: .08em; color: rgba(246, 244, 239, .6); margin-left: 6px; }
.qnav .hint { margin-left: auto; font: 500 11px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: rgba(246, 244, 239, .45); }
@media (max-width: 860px) { .qdeck-wrap { grid-template-columns: 1fr; } .qdeck { height: 400px; } }

/* ---------- Diagramma: līniju zīmēšana ---------- */
.graph .ln { stroke-dasharray: 400; stroke-dashoffset: 400; transition: stroke-dashoffset 1.6s var(--ease); }
.graph.is-in .ln { stroke-dashoffset: 0; }
.graph .nd { opacity: 0; transition: opacity .6s var(--ease); }
.graph.is-in .nd { opacity: 1; }
.graph .nd:nth-of-type(2) { transition-delay: .5s; } .graph .nd:nth-of-type(3) { transition-delay: .6s; }
.graph .nd:nth-of-type(4) { transition-delay: .7s; } .graph .nd:nth-of-type(5) { transition-delay: .8s; }
.graph .nd:nth-of-type(6) { transition-delay: .9s; } .graph .nd:nth-of-type(7) { transition-delay: 1s; }
.graph .pulse { transform-origin: center; transform-box: fill-box; animation: pulse 2.8s ease-out infinite; }
@keyframes pulse { 0% { opacity: .5; transform: scale(1); } 100% { opacity: 0; transform: scale(3.2); } }

/* Pakalpojumi ar krāsas akcentu */
.service .ill { width: 120px; height: 92px; border-radius: 6px; background: var(--c, var(--bone)); display: grid; place-items: center; overflow: hidden; }
.service .ill img { width: 108px; height: 80px; }
@media (max-width: 860px) { .service .ill { display: none; } }

@media (prefers-reduced-motion: reduce) {
  .rise > span, .fade-up, .fl, .frame__photo .cut { transition: none !important; transform: none !important; opacity: 1 !important; }
  .frame__photo .cut { transform: translateX(-46%) !important; }
  .graph .ln { stroke-dashoffset: 0; } .graph .nd { opacity: 1; } .graph .pulse { animation: none; }
}

/* ===== PĀRSTRĀDE 2026-10 ===== */
.frame__text .display { font-size: clamp(36px, 4.4vw, 60px); line-height: 1.06; }
.frame__text .label { color: #6b4a2c; }
.frame__text .lead { font-size: clamp(17px, 1.4vw, 19px); }
.rise { overflow: visible; }

/* Kārtis kā drukātas koučinga kārtis */
.cards { gap: 16px; }
.card { aspect-ratio: 5 / 6; }
.card__face { border-radius: 10px; padding: 24px; }
.card__front {
  background: #fbfaf7;
  border: 1px solid rgba(26, 26, 24, .1);
  box-shadow: 0 1px 0 rgba(26, 26, 24, .03);
}
.card__front::after {
  content: ""; position: absolute; inset: 9px; border: 1px solid rgba(176, 80, 43, .22); border-radius: 6px; pointer-events: none;
}
.card__front .n { font: 700 13px/1 var(--sans); letter-spacing: .04em; color: var(--rust); }
.card__front p { font: 600 clamp(18px, 1.55vw, 21px)/1.32 var(--sans); letter-spacing: -0.02em; color: var(--ink); }
.card__front .hint {
  font: 600 13px/1 var(--sans); letter-spacing: 0; text-transform: none; color: var(--rust);
  display: inline-flex; align-items: center; gap: 6px;
}
.card__front .hint::after { content: "→"; transition: transform .25s var(--ease); }
.card:hover .card__front { border-color: rgba(26, 26, 24, .22); }
.card:hover .card__front .hint::after { transform: translateX(3px); }
.card:hover:not(.is-flipped) { transform: translateY(-4px); }
.card__back { background: #3d1c22; color: #f6efe9; }
.card__back::after { content: ""; position: absolute; inset: 9px; border: 1px solid rgba(246, 239, 233, .16); border-radius: 6px; pointer-events: none; }
.card__back .label { color: rgba(246, 239, 233, .55); }
.card__back p { font: 500 clamp(19px, 1.6vw, 22px)/1.35 var(--sans); letter-spacing: -0.015em; font-style: normal; }
.card__back a { font-weight: 600; position: relative; z-index: 1; }
.cards-foot .note { font-weight: 500; }

/* Citātu kava jaunajā fontā */
.qcard blockquote { font: 500 clamp(21px, 2.2vw, 28px)/1.3 var(--sans); letter-spacing: -0.02em; }
.qcard .who span, .qnav .count, .qnav .hint { font-family: var(--sans); letter-spacing: .04em; }
.qcard .who span { text-transform: none; font-size: 13px; }

/* Diagrammas etiķetes */
.graph text { font-family: var(--sans) !important; font-weight: 600; }

/* Podkāsta viesi */
.guests { margin-top: clamp(56px, 7vw, 96px); padding-top: clamp(40px, 5vw, 64px); border-top: 1px solid rgba(246, 244, 239, .16); }
.guests__h { max-width: 640px; margin-bottom: 28px; }
.guests__h .h3 { margin: 12px 0 8px; color: #fff; }
.guests__h .muted { color: rgba(246, 244, 239, .6); font-size: 14.5px; margin: 0; }
.guests__list { display: flex; flex-wrap: wrap; gap: 10px 22px; font-size: 16.5px; line-height: 1.5; }
.guests__list .g { white-space: nowrap; }
.guests__list a { color: rgba(246, 244, 239, .86); border-bottom: 1px solid transparent; transition: color .15s, border-color .15s; }
.guests__list a:hover { color: #fff; border-bottom-color: rgba(246, 244, 239, .6); }
.guests__list .g-n { font-size: 11px; font-weight: 700; vertical-align: super; margin-left: 3px; color: #ff6b5f; border: 0; }
@media (max-width: 620px) { .guests__list { font-size: 15px; gap: 8px 16px; } }

/* HR Radio baneris */
.radio-wrap { padding: clamp(40px, 5vw, 64px) 0 0; }
.radio {
  display: grid; grid-template-columns: auto minmax(0, 1fr) 140px auto; gap: 28px; align-items: center;
  background: var(--card); border: 1px solid var(--rule-soft); border-radius: 10px; padding: 26px 30px;
  transition: border-color .2s, transform .3s var(--ease);
}
.radio:hover { border-color: var(--rule); transform: translateY(-2px); }
.radio__live { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 11.5px; letter-spacing: .09em; text-transform: uppercase; color: var(--red); white-space: nowrap; }
.radio__live i { width: 8px; height: 8px; border-radius: 50%; background: var(--red); animation: live 1.6s ease-in-out infinite; }
@keyframes live { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }
.radio__text h2 { font-weight: 600; font-size: clamp(21px, 2vw, 26px); letter-spacing: -0.025em; margin: 0 0 4px; }
.radio__text p { margin: 0; font-size: 15px; color: var(--ink-2); max-width: 46em; }
.radio__wave { display: flex; align-items: center; gap: 5px; height: 40px; }
.radio__wave i { flex: 1; background: var(--ink); border-radius: 2px; height: 30%; animation: wave 1.2s ease-in-out infinite; }
.radio__wave i:nth-child(2) { animation-delay: -.2s; } .radio__wave i:nth-child(3) { animation-delay: -.5s; }
.radio__wave i:nth-child(4) { animation-delay: -.1s; } .radio__wave i:nth-child(5) { animation-delay: -.7s; }
.radio__wave i:nth-child(6) { animation-delay: -.35s; } .radio__wave i:nth-child(7) { animation-delay: -.9s; }
@keyframes wave { 0%, 100% { height: 25%; } 50% { height: 95%; } }
.radio .btn { pointer-events: none; background: var(--ink); color: var(--paper); }
@media (max-width: 860px) { .radio { grid-template-columns: 1fr; gap: 14px; } .radio__wave { display: none; } .radio .btn { justify-self: start; } }
@media (prefers-reduced-motion: reduce) { .radio__wave i, .radio__live i { animation: none; } }

/* ===== STILS PĒC v2 PARAUGA ===== */
:root {
  --sage: #e3ead9; --peach: #f7e1d3; --sky: #dde7ed; --butter: #f3e9c6;
  --lilac: #e8e1f0; --rose: #f3dcde; --mint: #d9eae0; --sand: #ece3d2;
  --frame: #efece5;
}
.frame { background: var(--frame); border-radius: var(--r-lg); }
.frame::before {
  inset: 0 0 0 45%; background-image: radial-gradient(ellipse at 60% 70%, rgba(212, 35, 26, .08), transparent 60%);
  background-size: auto; mask-image: none; -webkit-mask-image: none;
}
.frame__text .label { color: var(--red); }
.frame__text .lead { color: var(--ink-2); }
.frame__text .btn--ghost { border-color: var(--line-2) !important; background: rgba(255, 255, 255, .5); }
@media (max-width: 960px) { .frame::before { inset: 40% 0 0 0; } }

/* Kārtis maigās krāsās ar apgriešanas ikonu */
.card { aspect-ratio: 4 / 5; border-radius: var(--r); }
.card__face { border-radius: var(--r); padding: 22px; }
.card__front { background: var(--c, var(--bone)); border: 1px solid rgba(28, 27, 25, .06); box-shadow: none; }
.card__front::after, .card__back::after { display: none; }
.card__front .n { font: 700 13px/1 var(--sans); color: rgba(28, 27, 25, .55); display: flex; justify-content: space-between; align-items: center; letter-spacing: 0; }
.card__front .flip-ico { width: 28px; height: 28px; border-radius: 50%; background: rgba(255, 255, 255, .7); display: grid; place-items: center; color: var(--ink); transition: transform .5s var(--ease); }
.card__front .flip-ico svg { width: 14px; height: 14px; }
.card:hover .flip-ico { transform: rotate(180deg); }
.card__front p { font: 700 clamp(17px, 1.5vw, 20px)/1.3 var(--sans); letter-spacing: -0.015em; color: var(--ink); }
.card__front .hint { font: 600 12.5px/1 var(--sans); color: rgba(28, 27, 25, .5); }
.card__front .hint::after { content: ""; }
.card:hover .card__front { border-color: rgba(28, 27, 25, .12); }
.card__back { background: var(--ink); color: #fff; }
.card__back .label { color: rgba(255, 255, 255, .55); font-size: 12.5px; }
.card__back p { font: 500 clamp(17px, 1.5vw, 20px)/1.35 var(--sans); }
.card__back a { font-size: 14px; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, .35); padding-bottom: 2px; }
.cards-foot .note { font: 500 16px/1.55 var(--sans); color: var(--ink-2); }

.qcard { border-radius: var(--r); }
.qcard blockquote { font-weight: 600; }
.radio { background: #fff; border-color: var(--line); border-radius: var(--r-lg); }
.qnav .hint, .qnav .count { color: rgba(246, 244, 239, .72); }
.qcard .who span { color: #5f5d57; }
.card__toggle { position: absolute; inset: 0; width: 100%; height: 100%; text-align: left; border-radius: inherit; }
.card__back .back { font-size: 13px; font-weight: 600; color: rgba(255, 255, 255, .65); }
.card__back .back:hover { color: #fff; }
.card__back .row { display: flex; justify-content: space-between; align-items: center; gap: 12px; position: relative; z-index: 1; }

/* Mazāk kustību: statisks hero un diagramma */
.frame__photo .cut { filter: none; opacity: 1 !important; transform: translateX(-46%) !important; transition: none !important; }
@media (max-width: 960px) { .frame__photo .cut { transform: translateX(-50%) !important; } }
.rise > span, .fade-up, .frame__text .label { transform: none !important; opacity: 1 !important; transition: none !important; }
.graph .ln { stroke-dashoffset: 0 !important; transition: none !important; }
.graph .nd { opacity: 1 !important; transition: none !important; }
.graph .pulse { animation: none !important; }
.radio__wave i { animation: none !important; }
.radio__wave i:nth-child(1) { height: 40%; } .radio__wave i:nth-child(2) { height: 75%; } .radio__wave i:nth-child(3) { height: 55%; }
.radio__wave i:nth-child(4) { height: 95%; } .radio__wave i:nth-child(5) { height: 45%; } .radio__wave i:nth-child(6) { height: 70%; } .radio__wave i:nth-child(7) { height: 35%; }
.frame__text .apply { margin-top: 4px; }
.frame__text .lead { margin-bottom: 26px; }
.contact { align-items: start; }