/* Hallmark · route: custom (bespoke) · see tokens.css for the full stamp
 * Atbalsta telpa · site.css — kopējais stils visām lapām. Katrs krāsas un fonta lietojums iet caur tokeniem.
 */

/* ============ 0 · Base ============ */
*, *::before, *::after { box-sizing: border-box; }
html { overflow-x: clip; scroll-behavior: smooth; -webkit-text-size-adjust: 100%; scroll-padding-top: 5.5rem; }
body {
  margin: 0;
  overflow-x: clip;
  background: var(--color-paper);
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: var(--text-base);
  line-height: var(--leading-body);
  font-variant-numeric: oldstyle-nums;
  -webkit-font-smoothing: antialiased;
}
img, svg { display: block; max-width: 100%; }
h1, h2, h3, h4 { margin: 0; font-family: var(--font-display); font-weight: 500; font-style: normal; color: var(--color-brown); overflow-wrap: anywhere; min-width: 0; }
p { margin: 0; }
p + p { margin-top: var(--space-md); }
ul, ol { margin: 0; padding: 0; list-style: none; }
a { color: inherit; text-decoration-color: var(--color-accent); text-underline-offset: 0.18em; text-decoration-thickness: 1px; }
a:hover { text-decoration-thickness: 2px; }
button { font: inherit; color: inherit; }
::selection { background: var(--color-accent-soft); color: var(--color-brown); }
:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 3px; border-radius: 2px; }
.skip { position: absolute; left: var(--space-md); top: -3rem; padding: var(--space-xs) var(--space-md); background: var(--color-brown); color: var(--color-accent-ink); border-radius: var(--radius-sm); z-index: var(--z-toast); }
.skip:focus { top: var(--space-md); }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.wrap { width: 100%; max-width: var(--wrap); margin-inline: auto; padding-inline: var(--gutter); }
.measure { max-width: var(--measure); }
.lede { font-size: var(--text-md); line-height: 1.5; color: var(--color-ink); max-width: 46ch; }
.muted { color: var(--color-muted); }
.small { font-size: var(--text-sm); }
.label { font-size: var(--text-xs); letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--color-muted); font-weight: 500; }
.nums { font-variant-numeric: tabular-nums lining-nums; }
mark { background: linear-gradient(transparent 55%, var(--color-accent-soft) 55%); color: inherit; padding-inline: 0.05em; }

/* ============ 1 · Masthead (divrindu galvene) ============ */
.mast {   /* abas rindas (logo + izvēlne) paliek redzamas, ritinot */
  position: sticky; top: 0; z-index: var(--z-sticky);
  background: var(--page-bg);
}
.mast__row1 { border-bottom: var(--rule-2); }
.mast__bar { display: flex; align-items: center; justify-content: space-between; gap: var(--space-md); min-height: 4.25rem; }
.brand { display: inline-flex; align-items: center; gap: var(--space-sm); text-decoration: none; }
.brand__mark { width: 2.5rem; height: 2.5rem; }
.brand__name { font-family: var(--font-display); font-weight: 600; font-size: var(--text-md); letter-spacing: 0.01em; color: var(--color-brown); white-space: nowrap; }
.mast__tools { display: flex; align-items: center; gap: var(--space-sm); flex: none; }
.mast__tools .lang { display: none; }
@media (max-width: 30rem) { .mast .brand__name { display: none; } }
.lang { display: inline-flex; align-items: center; gap: var(--space-2xs); font-size: var(--text-sm); }
.lang a { text-decoration: none; padding: var(--space-2xs) var(--space-xs); border-radius: var(--radius-sm); white-space: nowrap; }
.lang a[aria-current="true"] { font-weight: 600; color: var(--color-brown); background: var(--color-paper-2); }
.lang a[aria-disabled="true"] { color: var(--color-muted); cursor: not-allowed; }
.lang__sep { color: var(--color-rule); }
.menu-btn { display: inline-flex; align-items: center; gap: var(--space-xs); background: none; border: var(--rule); border-radius: var(--radius-pill); padding: 0.5rem 0.9rem; cursor: pointer; white-space: nowrap; color: var(--color-brown); }
.menu-btn__lines { width: 1.1rem; height: 0.7rem; display: grid; gap: 4px; }
.menu-btn__lines i { display: block; height: 1px; background: var(--color-brown); }
.mast__row2 { display: none; position: relative; z-index: var(--z-dropdown); }
.nav { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-xs) var(--space-lg); min-height: 3rem; }
.nav__link { display: inline-block; text-decoration: none; padding-block: var(--space-sm); font-size: var(--text-sm); color: var(--color-ink); white-space: nowrap; border-bottom: 2px solid transparent; }
.nav__link:hover { color: var(--color-brown); border-bottom-color: var(--color-accent); }
.nav__link[aria-current="page"] { color: var(--color-brown); border-bottom-color: var(--color-accent); font-weight: 500; }
.nav__item--sub { position: relative; }
.nav__trigger { background: none; border: 0; padding-block: var(--space-sm); font-size: var(--text-sm); cursor: pointer; display: inline-flex; align-items: center; gap: 0.35rem; color: var(--color-ink); white-space: nowrap; border-bottom: 2px solid transparent; }
.nav__trigger:hover, .nav__trigger[aria-expanded="true"] { color: var(--color-brown); border-bottom-color: var(--color-accent); }
.nav__trigger[aria-current="page"] { color: var(--color-brown); border-bottom-color: var(--color-accent); font-weight: 500; }
.nav__panel a[aria-current="page"] { background: var(--color-paper-2); }
.nav__panel a[aria-current="page"] strong::after { content: " ·"; color: var(--color-accent); }
.nav__trigger::after { content: ""; width: 0.4rem; height: 0.4rem; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: translateY(-2px) rotate(45deg); }
.nav__panel {
  position: absolute; left: 0; top: 100%;
  min-width: 18rem; padding: var(--space-sm);
  background: var(--color-paper); border: var(--rule); border-radius: var(--radius-md);
  box-shadow: var(--shadow-whisper);
  display: grid; gap: var(--space-3xs);
  opacity: 0; transform: translateY(4px); visibility: hidden;
  transition: opacity var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out), visibility 0s linear var(--dur-short);
  z-index: var(--z-dropdown);
}
.nav__item--sub.is-open .nav__panel { opacity: 1; transform: none; visibility: visible; transition-delay: 0s; }
.nav__panel a { display: grid; gap: 2px; padding: var(--space-sm) var(--space-md); border-radius: var(--radius-sm); text-decoration: none; }
.nav__panel a:hover { background: var(--color-paper-2); }
.nav__panel strong { font-weight: 500; color: var(--color-brown); font-family: var(--font-display); }
.nav__panel span { font-size: var(--text-sm); color: var(--color-muted); }

/* mobile sheet */
.sheet { position: fixed; inset: 0; z-index: var(--z-modal); background: var(--color-paper); padding: var(--space-lg) var(--gutter) var(--space-2xl); overflow-y: auto; display: none; }
.sheet[data-open="true"] { display: block; animation: sheet-in var(--dur-long) var(--ease-out); }
@keyframes sheet-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.sheet__top { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--space-xl); }
.sheet__close { background: none; border: var(--rule); border-radius: var(--radius-pill); padding: 0.5rem 0.9rem; cursor: pointer; color: var(--color-brown); }
.sheet__list { display: grid; gap: 0; border-top: var(--rule); }
.sheet__list > li { border-bottom: var(--rule); }
.sheet__list a { display: block; padding: var(--space-md) 0; font-family: var(--font-display); font-size: var(--text-md); color: var(--color-brown); text-decoration: none; }
.sheet__group { display: block; padding: var(--space-md) 0 var(--space-2xs); font-family: var(--font-display); font-size: var(--text-md); color: var(--color-muted); }
.sheet__sub { padding: 0 0 var(--space-sm) var(--space-md); display: grid; }
.sheet__sub a { font-family: var(--font-body); font-size: var(--text-base); color: var(--color-ink); padding: var(--space-xs) 0; }
.sheet__foot { margin-top: var(--space-xl); display: grid; gap: var(--space-md); }
body[data-sheet="open"] { overflow: hidden; }

@media (min-width: 60rem) {
  .menu-btn { display: none; }
  .mast__tools .lang { display: inline-flex; }
  .mast__row2 { display: block; border-bottom: var(--rule-2); }
  html { scroll-padding-top: 8.5rem; }   /* enkuri neslēpjas zem divrindu galvenes */
}

/* ============ 2 · Buttons & links ============ */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
  min-height: 2.9rem; padding: 0.7rem 1.35rem;
  border-radius: var(--radius-pill); border: 1px solid var(--color-brown);
  background: var(--color-brown); color: var(--color-accent-ink);
  font-family: var(--font-display); font-weight: 500; font-size: var(--text-base); line-height: 1;
  text-decoration: none; white-space: nowrap; cursor: pointer;
}
.btn:hover, .btn.is-hover { background: var(--color-brown-deep); border-color: var(--color-brown-deep); }
.btn:active, .btn.is-active { background: var(--color-brown-deep); }
.btn:disabled, .btn[aria-disabled="true"] { opacity: 0.5; cursor: not-allowed; transform: none; }
.btn[data-state="loading"] { color: transparent; position: relative; }
.btn[data-state="loading"]::after { content: ""; position: absolute; width: 1rem; height: 1rem; border: 2px solid var(--color-accent-ink); border-right-color: transparent; border-radius: 50%; animation: spin 0.8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.btn--ghost { background: var(--color-brown); color: var(--color-accent-ink); }   /* pogas visur brūnas */
.btn--ghost:hover, .btn--ghost.is-hover { background: var(--color-brown-deep); border-color: var(--color-brown-deep); }
.btn--sm { min-height: 2.4rem; padding: 0.45rem 1rem; font-size: var(--text-sm); }
.btn--wide { width: 100%; }
.arrow { position: relative; justify-self: start; display: inline-flex; align-items: center; gap: 0.4rem; text-decoration: none; font-family: var(--font-display); font-weight: 500; color: var(--color-brown); white-space: nowrap; border-bottom: 1px solid var(--color-accent); padding-bottom: 1px; }
.arrow:hover { border-bottom-width: 2px; }
@media (max-width: 26rem) { .arrow { white-space: normal; } }
.arrow::before { content: ""; position: absolute; inset: -0.5rem 0; }
.arrow::after { content: none; }
@media (pointer: coarse) { .btn, .menu-btn, .sheet__close { min-height: 3rem; } }
@media (max-width: 26rem) { .btn { font-size: 0.95rem; padding-inline: 1rem; } }

/* ============ 3 · Sections ============ */
.sec { padding-block: var(--space-3xl); }
.sec--tight { padding-block: var(--space-2xl); }
.sec--loose { padding-block: var(--space-4xl) var(--space-3xl); }
.sec--paper2 { background: var(--color-paper-2); }
.sec__head { display: grid; gap: var(--space-md); margin-bottom: var(--space-2xl); max-width: 40ch; }
.q { font-size: var(--text-display-s); line-height: var(--leading-tight); letter-spacing: var(--tracking-display); }
.h2 { font-size: var(--text-xl); line-height: var(--leading-snug); letter-spacing: -0.015em; }
.h3 { font-size: var(--text-md); line-height: var(--leading-snug); }
.h4 { font-size: var(--text-base); font-weight: 600; }
.wave-rule { height: 34px; color: var(--color-accent); opacity: 0.8; }
.wave-rule svg { width: 100%; height: 100%; }
.g12 { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-lg); }
.span-4 { grid-column: span 12; }
.span-5 { grid-column: span 12; }
.span-6 { grid-column: span 12; }
.span-7 { grid-column: span 12; }
.span-8 { grid-column: span 12; }
.span-12 { grid-column: span 12; }
@media (min-width: 60rem) {
  .span-4 { grid-column: span 4; }
  .span-5 { grid-column: span 5; }
  .span-6 { grid-column: span 6; }
  .span-7 { grid-column: span 7; }
  .span-8 { grid-column: span 8; }
  .start-2 { grid-column-start: 2; }
  .start-6 { grid-column-start: 6; }
}

/* ============ 4 · Hero + waves + breathing ============ */
.hero { padding-block: var(--space-2xl) var(--space-xl); position: relative; }
.hero__grid { display: grid; gap: var(--space-xl); align-items: center; }
.hero__kicker { font-size: var(--text-sm); color: var(--color-muted); margin-bottom: var(--space-lg); max-width: 40ch; }
.hero__title { font-size: var(--text-display); line-height: 1.02; letter-spacing: var(--tracking-display); font-weight: 500; max-width: 12ch; }
.hero__lede { margin-top: var(--space-lg); }
.hero__cta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-md) var(--space-lg); margin-top: var(--space-xl); }
.hero__figure { position: relative; margin: 0; }
.waves { position: relative; width: 100%; aspect-ratio: 5 / 4; }
.waves svg { width: 100%; height: 100%; overflow: visible; animation: drift var(--dur-drift) var(--ease-in-out) infinite alternate; }
.waves path {
  fill: none; stroke: var(--color-accent); stroke-width: 1.1; opacity: 0.75; vector-effect: non-scaling-stroke;
  transform: translateY(calc(var(--k) * var(--spread, 0) * 42px));
}
.waves path.wave--brown { stroke: var(--color-brown); opacity: 0.55; }
.waves[data-breathing="true"] path { will-change: transform; }
@keyframes drift { from { transform: translateX(-1.6%) scaleY(0.985); } to { transform: translateX(1.6%) scaleY(1.015); } }
.hero .waves { width: 118%; max-width: none; mask-image: linear-gradient(90deg, transparent, var(--color-ink) 16%); -webkit-mask-image: linear-gradient(90deg, transparent, var(--color-ink) 16%); }   /* kūlis ienāk mīksti un aizplūst aiz labās malas — turpinājums, nevis rāmis */
@media (min-width: 60rem) { .hero .waves { width: 158%; aspect-ratio: 5 / 5.2; margin-block: calc(var(--space-xl) * -1); } }
.breathe {
  position: absolute; left: var(--space-md); bottom: var(--space-md);
  display: inline-flex; align-items: center; gap: 0.6rem;
  background: var(--page-bg);
  border: var(--rule); border-radius: var(--radius-pill); padding: 0.55rem 1rem 0.55rem 0.7rem;
  cursor: pointer; text-align: left; color: var(--color-brown);
  transition: border-color var(--dur-micro) var(--ease-out), background-color var(--dur-micro) var(--ease-out);
}
.breathe:hover { border-color: var(--color-brown); }
.breathe__dot { width: 0.9rem; height: 0.9rem; border-radius: 50%; border: 1.5px solid var(--color-brown); flex: none; transition: transform var(--dur-long) var(--ease-in-out), background-color var(--dur-short) var(--ease-out); transform: scale(calc(0.7 + var(--spread, 0) * 0.5)); }
.breathe[aria-pressed="true"] .breathe__dot { background: var(--color-accent); border-color: var(--color-accent); }
.breathe__text { display: grid; line-height: 1.15; }
.breathe__label { font-family: var(--font-display); font-weight: 500; font-size: var(--text-sm); min-width: 4.5ch; }
.breathe__hint { font-size: var(--text-xs); color: var(--color-muted); }
.breathe__phase { position: absolute; right: var(--space-md); bottom: var(--space-md); font-family: var(--font-display); font-size: var(--text-lg); color: var(--color-brown); opacity: 0; transition: opacity var(--dur-long) var(--ease-out); pointer-events: none; }
.waves[data-breathing="true"] + .breathe__phase, .hero__figure[data-breathing="true"] .breathe__phase { opacity: 1; }
@media (min-width: 60rem) {
  .hero { padding-block: var(--space-3xl) var(--space-2xl); }
  .hero__grid { grid-template-columns: 7fr 5fr; gap: var(--space-2xl); }
}

/* page-load orchestration: only the hero, once */
.js .reveal { opacity: 0; transform: translateY(10px); animation: reveal var(--dur-long) var(--ease-out) forwards; animation-delay: calc(var(--i, 0) * 70ms); }
@keyframes reveal { to { opacity: 1; transform: none; } }

/* ============ 5 · Philosophy: verbs ============ */
.verbs { display: grid; gap: var(--space-xs); font-family: var(--font-display); font-size: var(--text-lg); color: var(--color-brown); line-height: 1.3; }
.verbs li { position: relative; padding-left: 1.1rem; }
.verbs li::before { content: ""; position: absolute; left: 0; top: 0.75em; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: var(--color-accent); }
.principle { border-left: 2px solid var(--color-accent); padding-left: var(--space-lg); font-family: var(--font-display); font-size: var(--text-md); color: var(--color-brown); line-height: 1.4; max-width: 34ch; }

/* ============ 6 · Situations ============ */
.sit { display: grid; gap: var(--space-2xl); }
.sit__col h3 { margin-bottom: var(--space-md); }
.sit__list { border-top: var(--rule); }
.sit__list li { border-bottom: var(--rule); }
.sit__list a { display: flex; justify-content: space-between; align-items: baseline; gap: var(--space-md); padding: var(--space-md) 0; text-decoration: none; font-family: var(--font-display); font-size: var(--text-md); color: var(--color-ink); line-height: 1.3; }
.sit__list a::after { content: none; color: var(--color-accent); flex: none; }
.sit__list a:hover { color: var(--color-brown); }
@media (min-width: 60rem) { .sit { grid-template-columns: 5fr 6fr; gap: var(--space-3xl); } }

/* ============ 7 · Services ============ */
.svc { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-lg); }
.svc__card { grid-column: span 12; border: var(--rule); border-radius: var(--radius-md); padding: var(--space-lg); display: grid; align-content: start; gap: var(--space-sm); background: var(--color-paper); transition: border-color var(--dur-short) var(--ease-out); }
.svc__card:hover { border-color: var(--color-brown); }
.svc__card--main { background: var(--color-paper-2); border-color: transparent; padding: var(--space-xl); }
.svc__card--main:hover { border-color: var(--color-brown); }
.svc__who { color: var(--color-muted); }
.svc__meta { display: flex; flex-wrap: wrap; gap: var(--space-xs) var(--space-lg); margin-top: var(--space-xs); font-variant-numeric: tabular-nums lining-nums; }
.svc__meta span { display: grid; }
.svc__meta b { font-family: var(--font-display); font-weight: 600; font-size: var(--text-md); color: var(--color-brown); }
.svc__meta small { color: var(--color-muted); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: var(--tracking-label); }
.svc__card .arrow { margin-top: var(--space-sm); }
.svc__links { display: flex; flex-wrap: wrap; gap: var(--space-sm) var(--space-lg); margin-top: var(--space-sm); }
.svc__links .arrow { margin-top: 0; }
.svc__mini { display: flex; align-items: center; gap: var(--space-xs); margin-top: var(--space-sm); font-size: var(--text-sm); color: var(--color-muted); flex-wrap: wrap; }
.svc__mini i { display: inline-block; width: 0.55rem; height: 0.55rem; border-radius: 50%; border: 1.5px solid var(--color-brown); }
.svc__mini i.is-fill { background: var(--color-accent); border-color: var(--color-accent); }
.svc__stop { display: inline-flex; align-items: center; gap: var(--space-xs); white-space: nowrap; }
.svc__mini em { font-style: normal; }
.svc__mini .line { flex: 1 1 1rem; min-width: 1rem; height: 1px; background: var(--color-rule); }
@media (min-width: 60rem) {
  .svc__card { grid-column: span 4; }   /* trīs pakalpojumi vienā rindā */
}

/* ============ 8 · Prism chain ============ */
.prism { position: relative; display: grid; gap: var(--space-lg); padding-left: 2.25rem; max-width: 40rem; }
.prism::before { content: ""; position: absolute; left: 0.5rem; top: 0.6rem; bottom: 0.6rem; width: 1px; background: var(--color-rule); }
.prism__step { position: relative; transition: opacity var(--dur-long) var(--ease-out), transform var(--dur-long) var(--ease-out); transition-delay: calc(var(--i, 0) * 80ms); }
.js .prism__step:not(.is-in) { opacity: 0; transform: translateY(8px); }
.prism__step.is-in { opacity: 1; transform: none; }
.prism__step::before { content: ""; position: absolute; left: -2.25rem; top: 0.55em; width: 1.05rem; height: 1.05rem; border-radius: 50%; border: 1.5px solid var(--color-brown); background: var(--color-paper); transition: background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out); }
.prism__step.is-in::before { background: var(--color-accent); border-color: var(--color-accent); }
.prism__step--key::before { transform: scale(1.25); }
.prism__t { font-family: var(--font-display); font-size: var(--text-md); color: var(--color-brown); line-height: 1.3; }
.prism__d { color: var(--color-muted); font-size: var(--text-sm); margin-top: 2px; }
.prism__step--key .prism__t { font-size: var(--text-lg); font-weight: 600; }
.prism__aside { display: grid; gap: var(--space-lg); align-content: start; }
.callout { font-family: var(--font-display); font-size: var(--text-xl); line-height: 1.15; letter-spacing: -0.01em; color: var(--color-brown); }

/* ============ 9 · Steps (F4 inline) ============ */
.steps { display: grid; gap: var(--space-md); counter-reset: step; }
.steps li { position: relative; padding-left: 2.4rem; counter-increment: step; }
.steps li::before { content: counter(step); position: absolute; left: 0; top: 0.1em; width: 1.6rem; height: 1.6rem; border-radius: 50%; border: 1px solid var(--color-brown); display: grid; place-items: center; font-family: var(--font-display); font-size: var(--text-xs); color: var(--color-brown); font-variant-numeric: lining-nums; }
.steps b { display: block; font-family: var(--font-display); font-weight: 500; color: var(--color-brown); }
.steps--row { gap: var(--space-lg); }
@media (min-width: 60rem) {
  .steps--row { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--space-lg); }
  .steps--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .steps--row li { padding-left: 0; padding-top: 2.4rem; }
  .steps--row li::before { top: 0; }
  .steps--row li::after { content: ""; position: absolute; left: 2rem; right: -1.1rem; top: 0.8rem; height: 1px; background: var(--color-rule); }
  .steps--row li:last-child::after { display: none; }
}
.checks { display: grid; gap: var(--space-xs); }
.checks li { position: relative; padding-left: 1.4rem; }
.checks li::before { content: ""; position: absolute; left: 0; top: 0.72em; width: 0.7rem; height: 1px; background: var(--color-accent); }

/* ============ 10 · Placeholders (godīgi tukšumi) ============ */
.ph { position: relative; width: 100%; display: grid; place-items: center; background: var(--color-sand); border-radius: var(--radius-md); overflow: hidden; color: var(--color-brown); text-align: center; padding: var(--space-lg); min-height: 12rem; }
.ph::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, var(--color-paper-2), var(--color-sand)); }
.ph > * { position: relative; }
.ph__label { font-size: var(--text-sm); max-width: 24ch; }
.ph--portrait { aspect-ratio: 4 / 5; }
.ph--wide { aspect-ratio: 16 / 7; min-height: 0; }
.ph--quiet { background: var(--color-paper-2); border: 1px dashed var(--color-rule); }
.ph--quiet::before { display: none; }

/* ============ 11 · Vita ============ */
.vita { display: grid; gap: var(--space-2xl); align-items: start; }
.vita__quote { font-family: var(--font-display); font-size: var(--text-lg); line-height: 1.3; color: var(--color-brown); max-width: 28ch; }
.sig { font-family: var(--font-script); font-size: 2.4rem; color: var(--color-brown); line-height: 1; margin-top: var(--space-md); }
.style3 { display: flex; gap: var(--space-md); flex-wrap: wrap; font-family: var(--font-display); color: var(--color-brown); }
.style3 li + li::before { content: "|"; color: var(--color-rule); margin-right: var(--space-md); }
.exp { border-top: var(--rule); }
.exp li { display: grid; grid-template-columns: 5.5rem 1fr; gap: var(--space-md); padding: var(--space-sm) 0; border-bottom: var(--rule); align-items: baseline; }
.exp b { font-family: var(--font-display); font-weight: 600; font-size: var(--text-md); color: var(--color-brown); font-variant-numeric: tabular-nums lining-nums; }
.tags { display: flex; flex-wrap: wrap; gap: var(--space-xs); }
.tags li { border: var(--rule); border-radius: var(--radius-pill); padding: 0.25rem 0.7rem; font-size: var(--text-sm); }
@media (min-width: 60rem) { .vita { grid-template-columns: 4fr 7fr; gap: var(--space-3xl); } }

/* ============ 12 · Values ============ */
.vals { border-top: var(--rule); }
.val { display: grid; gap: var(--space-md); padding-block: var(--space-xl); border-bottom: var(--rule); }
.val__def { max-width: 40ch; }
.val__list { display: grid; gap: var(--space-2xs); color: var(--color-muted); }
.val__list li { position: relative; padding-left: 1.2rem; }
.val__list li::before { content: ""; position: absolute; left: 0; top: 0.72em; width: 0.6rem; height: 1px; background: var(--color-accent); }
@media (min-width: 60rem) { .val { grid-template-columns: 3fr 5fr 4fr; gap: var(--space-2xl); } }
.nopromise { display: grid; gap: var(--space-lg); }
.nopromise__list { display: grid; gap: var(--space-sm); font-family: var(--font-display); font-size: var(--text-md); color: var(--color-brown); }
.nopromise__list li { padding-left: 1.4rem; position: relative; }
.nopromise__list li::before { content: "–"; position: absolute; left: 0; color: var(--color-accent); }
@media (min-width: 60rem) { .nopromise { grid-template-columns: 5fr 7fr; gap: var(--space-3xl); align-items: start; } }

/* ============ 13 · Testimonials + logos (vietturi) ============ */
.tst { display: grid; gap: var(--space-lg); }
.tst__card { border: 1px dashed var(--color-rule); border-radius: var(--radius-md); padding: var(--space-lg); display: grid; gap: var(--space-sm); min-height: 12rem; }
.tst__card .label { color: var(--color-brown); }
@media (min-width: 60rem) { .tst { grid-template-columns: 1.15fr 1fr 0.85fr; } }
.logos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: var(--rule); border-left: var(--rule); }
.logos li { border-right: var(--rule); border-bottom: var(--rule); min-height: 5.5rem; display: grid; place-items: center; color: var(--color-muted); font-size: var(--text-xs); letter-spacing: var(--tracking-label); text-transform: uppercase; }
@media (min-width: 40rem) { .logos { grid-template-columns: repeat(5, minmax(0, 1fr)); } }

/* ============ 14 · Two paths CTA ============ */
.paths { display: grid; gap: var(--space-lg); }
.path { border-radius: var(--radius-lg); padding: var(--space-lg); display: grid; gap: var(--space-md); align-content: start; }
@media (min-width: 40rem) { .path { padding: var(--space-xl); } }
.path--ind { background: var(--color-paper-2); }
.path--org { background: var(--color-paper-3); }
.path__price { font-family: var(--font-display); font-size: var(--text-2xl); font-weight: 600; line-height: 1; font-variant-numeric: tabular-nums lining-nums; }
.path__unit { font-family: var(--font-body); font-weight: 400; font-size: var(--text-base); }
.path .btn { justify-self: start; }
@media (min-width: 60rem) { .paths { grid-template-columns: 6fr 6fr; gap: var(--space-xl); } }

/* ============ 15 · Footer (Ft5 statement) ============ */
.foot { border-top: var(--rule); padding-block: var(--space-3xl) 0; position: relative; overflow: clip; }
.foot > .wrap { position: relative; z-index: var(--z-base); }
.foot__statement { font-family: var(--font-display); font-size: var(--text-xl); line-height: 1.2; letter-spacing: -0.015em; color: var(--color-brown); max-width: 30ch; }
.foot__grid { display: grid; gap: var(--space-xl); margin-top: var(--space-2xl); }
.foot__col { display: grid; gap: 0; align-content: start; }
.foot__col a, .foot__col > span.muted { display: inline-flex; align-items: center; gap: 0.35em; min-height: 2.75rem; }
.foot__col .label { margin-bottom: var(--space-xs); }
.foot__col a { text-decoration: none; }
.foot__col a:hover { color: var(--color-brown); text-decoration: underline; }
.foot__meta { margin-top: var(--space-2xl); padding-top: var(--space-lg); border-top: var(--rule-2); display: flex; flex-wrap: wrap; gap: var(--space-xs) var(--space-lg); font-size: var(--text-sm); color: var(--color-muted); }
.foot__waves { margin-top: var(--space-xl); margin-inline: calc(var(--gutter) * -1); opacity: 0.4; pointer-events: none; }
.foot__waves .waves { aspect-ratio: 6 / 1; width: 100%; }


.foot__waves svg { animation: none; }
@media (min-width: 60rem) { .foot__grid { grid-template-columns: 1.2fr 1fr 1fr 1fr; } }

/* ============ 16 · Page hero (iekšlapas) ============ */
.phero { padding-block: var(--space-2xl) var(--space-xl); }
.phero__grid { display: grid; gap: var(--space-xl); align-items: end; }
.phero__title { font-size: var(--text-display); line-height: 1.02; letter-spacing: var(--tracking-display); max-width: 14ch; }
.phero__facts { display: grid; gap: var(--space-sm); border-top: var(--rule); }
.phero__facts li { display: grid; grid-template-columns: 8rem 1fr; gap: var(--space-md); padding: var(--space-sm) 0; border-bottom: var(--rule); align-items: baseline; }
.phero__facts b { font-family: var(--font-display); font-weight: 600; color: var(--color-brown); font-variant-numeric: tabular-nums lining-nums; }
.crumbs { font-size: var(--text-sm); color: var(--color-muted); display: flex; flex-wrap: wrap; gap: var(--space-xs); margin-bottom: var(--space-lg); }
.crumbs a { text-decoration: none; white-space: nowrap; }
.crumbs a:hover { text-decoration: underline; }
/* Mobilajā palīgbloks kļūst par vienu kompaktu rindu, lai neaizstumtu saturu */
.phero__aside-links { display: grid; gap: var(--space-xs); }
.phero__aside-links a { justify-self: start; }
@media (max-width: 60rem) {
  .phero__aside { padding: var(--space-md) var(--space-lg); }
  .phero__aside .phero__aside-lede { display: none; }
  .phero__aside-links { display: flex; flex-wrap: wrap; gap: var(--space-xs) var(--space-lg); align-items: center; }
}
@media (min-width: 60rem) {
  .phero { padding-block: var(--space-3xl) var(--space-2xl); }
  .phero__grid { grid-template-columns: 7fr 5fr; gap: var(--space-3xl); }
}

/* ============ 17 · Price rows (F3) ============ */
.price { border-top: var(--rule); }
.price__row { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "name val" "desc desc"; gap: var(--space-xs) var(--space-lg); padding: var(--space-lg) 0; border-bottom: var(--rule); align-items: baseline; }
.price__name { font-family: var(--font-display); font-size: var(--text-md); color: var(--color-brown); font-weight: 500; }
.price__name { grid-area: name; }
.price__val { grid-area: val; }
.price__desc { grid-area: desc; color: var(--color-muted); max-width: 52ch; }
.price__val { font-family: var(--font-display); font-weight: 600; font-size: var(--text-lg); color: var(--color-brown); font-variant-numeric: tabular-nums lining-nums; white-space: nowrap; text-align: right; }
.price__val small { display: block; font-family: var(--font-body); font-weight: 400; font-size: var(--text-xs); color: var(--color-muted); letter-spacing: var(--tracking-label); text-transform: uppercase; white-space: normal; }
@media (max-width: 26rem) { .price__val { white-space: normal; } .price__val small { letter-spacing: 0.04em; } }
@media (min-width: 60rem) {
  .price__row { grid-template-columns: 16rem 1fr auto; grid-template-areas: "name desc val"; }
}

/* ============ 18 · Timeline (6 mēneši) ============ */
.tl { position: relative; display: grid; gap: var(--space-xl); padding-left: 2.25rem; }
.tl::before { content: ""; position: absolute; left: 0.55rem; top: 0.8rem; bottom: 0.8rem; width: 1px; background: var(--color-rule); }
.tl__stop { position: relative; display: grid; gap: var(--space-2xs); }
.tl__stop::before { content: ""; position: absolute; left: -2.25rem; top: 0.45em; width: 1.15rem; height: 1.15rem; border-radius: 50%; border: 1.5px solid var(--color-brown); background: var(--color-paper); }
.tl__stop--measure::before { background: var(--color-accent); border-color: var(--color-accent); }
.tl__stop--between::before { width: 0.6rem; height: 0.6rem; left: -1.98rem; top: 0.75em; border-style: dashed; }
.tl__when { font-size: var(--text-xs); letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--color-accent-deep); font-weight: 600; }
.tl__what { font-family: var(--font-display); font-size: var(--text-md); color: var(--color-brown); line-height: 1.3; }
.tl__desc { color: var(--color-muted); max-width: 44ch; }
.tl__tag { font-size: var(--text-sm); color: var(--color-brown); }
@media (min-width: 60rem) {
  .tl { grid-template-columns: repeat(3, minmax(0, 1fr)); padding-left: 0; padding-top: 2.6rem; gap: var(--space-2xl) var(--space-lg); }
  .tl::before { left: 0.6rem; right: 0.6rem; top: 0.6rem; bottom: auto; height: 1px; width: auto; }
  .tl__stop::before { left: 0; top: -2.6rem; }
  .tl__stop--between::before { left: 0.28rem; top: -2.32rem; }
  .tl__desc { max-width: 34ch; }
}
@media (min-width: 60rem) and (max-width: 89.99rem) { .tl::before { display: none; } }
@media (min-width: 90rem) { .tl { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--space-lg); } }
.gz { display: grid; gap: var(--space-lg); }
.gz__axis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); text-align: center; position: relative; padding-top: var(--space-lg); }
.gz__axis::before { content: ""; position: absolute; left: 16%; right: 16%; top: 1.2rem; height: 1px; background: var(--color-rule); }
.gz__axis li { position: relative; display: grid; gap: var(--space-2xs); }
.gz__axis li::before { content: ""; position: absolute; left: 50%; top: -0.9rem; width: 1.2rem; height: 1.2rem; border-radius: 50%; border: 1.5px solid var(--color-brown); background: var(--color-paper); transform: translateX(-50%); }
.gz__axis li:first-child::before { background: var(--color-paper); }
.gz__axis li:nth-child(2)::before { background: var(--color-accent-soft); }
.gz__axis li:last-child::before { background: var(--color-accent); border-color: var(--color-accent); }
.gz__axis b { font-family: var(--font-display); font-size: var(--text-md); color: var(--color-brown); font-variant-numeric: lining-nums; }
.gz__axis span { font-size: var(--text-sm); color: var(--color-muted); }
.gz__themes { display: flex; flex-wrap: wrap; gap: var(--space-xs); }
.gz__themes li { border: var(--rule); border-radius: var(--radius-pill); padding: 0.25rem 0.7rem; font-size: var(--text-sm); }
.note { font-size: var(--text-sm); color: var(--color-muted); border-left: 2px solid var(--color-rule); padding-left: var(--space-md); max-width: 48ch; }

/* ============ 19 · Forms (visi 8 stāvokļi) ============ */
.form { display: grid; gap: var(--space-lg); width: 100%; min-width: 0; max-width: 40rem; }
.form__body { min-width: 0; display: grid; gap: var(--space-lg); }
.form__body > p + p { margin-top: calc(var(--space-lg) * -0.5); }
.form .choice span { white-space: normal; }
.field { display: grid; gap: var(--space-xs); }
.field[hidden] { display: none; }
.field__label { font-family: var(--font-display); font-weight: 500; color: var(--color-brown); }
.field__hint { font-size: var(--text-sm); color: var(--color-muted); }
.field__hint--req::after { content: " · obligāts"; }
.input, .select, .textarea {
  width: 100%; min-height: 2.9rem; padding: 0.65rem 0.9rem;
  border: 1px solid var(--color-rule); border-radius: var(--radius-sm);
  background: var(--color-paper); color: var(--color-ink); font: inherit;
  transition: border-color var(--dur-micro) var(--ease-out), background-color var(--dur-micro) var(--ease-out);
}
.textarea { min-height: 8rem; resize: vertical; line-height: 1.5; }
.input:hover, .select:hover, .textarea:hover, .is-hover .input { border-color: var(--color-muted); }
.input:focus-visible, .select:focus-visible, .textarea:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 0; border-color: var(--color-brown); }
.input:disabled, .select:disabled, .textarea:disabled { background: var(--color-paper-2); color: var(--color-muted); cursor: not-allowed; }
.field[data-state="error"] .input, .field[data-state="error"] .select, .field[data-state="error"] .textarea { border-color: var(--color-error); }
.field[data-state="error"] .field__msg { color: var(--color-error); }
.field[data-state="success"] .input { border-color: var(--color-ok); }
.field[data-state="success"] .field__msg { color: var(--color-ok); }
.field__msg { font-size: var(--text-sm); min-height: 1.2em; }
.field__msg:empty { display: none; }
.select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--color-brown) 50%), linear-gradient(135deg, var(--color-brown) 50%, transparent 50%); background-position: calc(100% - 1.1rem) 55%, calc(100% - 0.75rem) 55%; background-size: 0.35rem 0.35rem, 0.35rem 0.35rem; background-repeat: no-repeat; padding-right: 2.4rem; }
.choice { display: flex; flex-wrap: wrap; gap: var(--space-xs); }
.choice label { position: relative; }
.choice input { position: absolute; opacity: 0; inset: 0; }
.choice span { display: inline-flex; align-items: center; min-height: 2.75rem; border: var(--rule); border-radius: var(--radius-pill); padding: 0.4rem 0.9rem; cursor: pointer; white-space: nowrap; transition: border-color var(--dur-micro) var(--ease-out), background-color var(--dur-micro) var(--ease-out); }
.choice label:hover span { border-color: var(--color-brown); }
.choice input:active + span { background: var(--color-paper-2); }
.choice input:checked + span { background: var(--color-brown); color: var(--color-accent-ink); border-color: var(--color-brown); }
.choice input:focus-visible + span { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.choice input:disabled + span { opacity: 0.5; cursor: not-allowed; }
.form__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-md); }
.form__ok { border: var(--rule); border-radius: var(--radius-md); padding: var(--space-lg); background: var(--color-paper-2); display: grid; gap: var(--space-sm); }
.form__ok[hidden] { display: none; }
.checkline { display: flex; gap: var(--space-sm); align-items: flex-start; font-size: var(--text-sm); }
.checkline input { margin-top: 0.3em; accent-color: var(--color-brown); flex-shrink: 0; }
.checkline span { min-width: 0; overflow-wrap: anywhere; }

/* ============ 20 · Slot picker (prototips) ============ */
.slots { display: grid; gap: var(--space-md); }
.slots__week { display: flex; justify-content: space-between; align-items: center; gap: var(--space-md); }
.slots__week[hidden] { display: none; }
.slots__nav { background: none; border: var(--rule); border-radius: var(--radius-pill); min-height: 2.75rem; min-width: 2.75rem; padding: 0.4rem 0.8rem; cursor: pointer; color: var(--color-brown); white-space: nowrap; }
.slots__nav:disabled { opacity: 0.4; cursor: not-allowed; }
.slots__grid { display: grid; grid-template-columns: 1fr; gap: var(--space-sm); }
.slots__day { display: grid; gap: var(--space-xs); align-content: start; }
.slots__day h4 { font-size: var(--text-sm); font-weight: 500; text-align: center; }
.slots__day h4 span { display: block; font-family: var(--font-body); font-weight: 400; color: var(--color-muted); font-size: var(--text-xs); }
.slots__times { display: grid; gap: var(--space-xs); align-content: start; }
.slots__times > p { font-size: var(--text-xs); color: var(--color-muted); text-align: center; padding-block: 0.6rem; }
/* Telefonā: diena kreisajā kolonnā, laiki rindās blakus */
@media (max-width: 39.99rem) {
  .slots__day { grid-template-columns: 5.5rem minmax(0, 1fr); align-items: start; gap: var(--space-sm); padding-block: var(--space-2xs); border-bottom: var(--rule); }
  .slots__day h4 { text-align: left; padding-top: 0.55rem; }
  .slots__times { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .slots__times > p { text-align: left; grid-column: 1 / -1; }
}
@media (min-width: 26rem) and (max-width: 39.99rem) { .slots__times { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.slot { width: 100%; min-height: 2.75rem; border: var(--rule); background: var(--color-paper); border-radius: var(--radius-sm); padding: 0.5rem 0.25rem; cursor: pointer; font-variant-numeric: tabular-nums lining-nums; font-size: var(--text-sm); color: var(--color-ink); transition: border-color var(--dur-micro) var(--ease-out), background-color var(--dur-micro) var(--ease-out); }
.slot:hover { border-color: var(--color-brown); }
.slot[aria-pressed="true"] { background: var(--color-brown); color: var(--color-accent-ink); border-color: var(--color-brown); }
.slot:disabled { color: var(--color-muted); text-decoration: line-through; cursor: not-allowed; background: var(--color-paper-2); border-color: transparent; }
@media (min-width: 40rem) { .slots__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } }

/* ============ 21 · Accordion (BUJ) ============ */
.faq { border-top: var(--rule); }
.faq__item { border-bottom: var(--rule); }
.faq__q { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: var(--space-md); padding: var(--space-lg) 0; background: none; border: 0; text-align: left; cursor: pointer; font-family: var(--font-display); font-size: var(--text-md); color: var(--color-brown); line-height: 1.3; }
.faq__q::after { content: "+"; flex: none; width: 1.6rem; height: 1.6rem; border: 1px solid var(--color-rule); border-radius: 50%; display: grid; place-items: center; font-size: 1rem; transition: transform var(--dur-short) var(--ease-in-out), background-color var(--dur-short) var(--ease-out); }
.faq__q:hover { color: var(--color-brown-deep); }
.faq__q:hover::after { border-color: var(--color-brown); }
.faq__q[aria-expanded="true"]::after { transform: rotate(45deg); background: var(--color-accent-soft); }
.faq__a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--dur-long) var(--ease-in-out); }
.faq__a > div { overflow: hidden; }
.faq__a > div > * { max-width: var(--measure); }
.faq__q[aria-expanded="true"] + .faq__a { grid-template-rows: 1fr; }
.faq__a p:last-child, .faq__a ul:last-child { padding-bottom: var(--space-lg); }

/* ============ 22 · Aside / sticky (iekšlapām) ============ */
.two { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-2xl); align-items: start; }
.aside { display: grid; gap: var(--space-lg); }
.aside__box { border: var(--rule); border-radius: var(--radius-md); padding: var(--space-lg); display: grid; gap: var(--space-sm); }
@media (min-width: 60rem) {
  .two { grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: var(--space-3xl); }
  .two--rev { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); }
  .aside--sticky { position: sticky; top: 8.5rem; }
}
.journey { display: grid; gap: var(--space-md); counter-reset: j; }
.journey li { position: relative; padding-left: 2.6rem; counter-increment: j; padding-block: var(--space-sm); }
.journey li::before { content: counter(j); position: absolute; left: 0; top: 0.65rem; width: 1.7rem; height: 1.7rem; border-radius: 50%; border: 1px solid var(--color-brown); display: grid; place-items: center; font-family: var(--font-display); font-size: var(--text-sm); color: var(--color-brown); font-variant-numeric: lining-nums; background: var(--color-paper); }
.journey li::after { content: ""; position: absolute; left: 0.85rem; top: 2.5rem; bottom: -0.6rem; width: 1px; background: var(--color-rule); }
.journey li:last-child::after { display: none; }
.journey li[aria-current="step"]::before { background: var(--color-brown); border-color: var(--color-brown); color: var(--color-accent-ink); }
.journey b { display: block; font-family: var(--font-display); font-weight: 500; color: var(--color-brown); }
.journey span { color: var(--color-muted); font-size: var(--text-sm); }

/* ============ 23 · Reduced motion ============ */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 150ms !important; animation-iteration-count: 1 !important; transition-duration: 150ms !important; }
  .waves svg { animation: none !important; }
  .reveal { animation: reveal-reduced 150ms linear forwards; }
  @keyframes reveal-reduced { to { opacity: 1; transform: none; } }
  .prism__step { transition: opacity 150ms linear; transform: none; }
}

/* ---- Three.js horizonts hero sadaļā ---- */
.horizon__canvas { width: 100%; height: 100%; display: block; }
.waves[data-horizon-ready="true"] { overflow: visible; }
.waves[data-horizon-ready="true"] .horizon__canvas { animation: none; }

/* ============================================================
   24 · Klusuma slānis — gaisma, graudiņš, saulriets
   Viss šeit ir dekoratīvs, nelasāms un neklikšķināms.
   ============================================================ */
/* Lapas fons. Sākumlapā --tone (0 … 1) maina stream.js atkarībā no sadaļas: krēms ↔ bēšs bez asām malām */
:root { --tone: 0; --page-bg: color-mix(in oklch, var(--color-paper-2) calc(var(--tone) * 100%), var(--color-paper)); }
html { background: var(--page-bg); }
body { background: transparent; }

.ambient { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
body > main, body > footer { position: relative; z-index: var(--z-base); }

/* Gaisma — viens silts avots, kas ļoti lēni pārvietojas un kļūst vakarīgāks */
.ambient__light {
  display: none;   /* apaļi gaismas plankumi izskatās pēc šablona; fonu nes vilnis */
  position: absolute; inset: -20%;
  background:
    radial-gradient(var(--light-size) var(--light-size) at var(--lx, 72%) var(--ly, 18%),
      color-mix(in oklch, var(--light-warm) calc(100% - var(--dusk) * 100%), var(--light-dusk)) 0%,
      transparent 62%);
  opacity: calc(0.42 - var(--dusk) * 0.16);
  animation: light-drift var(--dur-light) var(--ease-in-out) infinite alternate;
  will-change: transform;
}
@keyframes light-drift {
  from { transform: translate3d(-3%, -2%, 0) scale(1); }
  to   { transform: translate3d(3%, 4%, 0) scale(1.06); }
}

/* Otrs, vēsāks avots apakšā — dod dziļumu, neļauj gaismai izskatīties plakanai */
.ambient__light::after {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(60vmax 50vmax at 12% 88%,
    color-mix(in oklch, var(--color-sand) 60%, transparent) 0%, transparent 58%);
  opacity: calc(0.35 + var(--dusk) * 0.25);
}

/* Graudiņš — noņem digitālo sterilitāti. Statisks, nekustas: kustīgs graudiņš trokšņo. */
.ambient__grain {
  position: absolute; inset: 0;
  opacity: var(--grain);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
  mix-blend-mode: multiply;
}

/* ---- Satura nosēšanās: lēnāka un mīkstāka nekā parasti ---- */
.js .settle { opacity: 0; transform: translateY(14px); }
.js .settle.is-settled {
  opacity: 1; transform: none;
  transition: opacity var(--dur-settle) var(--ease-calm), transform var(--dur-settle) var(--ease-calm);
  transition-delay: calc(var(--i, 0) * 110ms);
}

/* ---- Vārdu saraksts ieelpo pa vārdam ---- */
.js .verbs li { opacity: 0; transform: translateY(6px); }
.js .verbs li.is-settled {
  opacity: 1; transform: none;
  transition: opacity 1.1s var(--ease-calm), transform 1.1s var(--ease-calm);
  transition-delay: calc(var(--i, 0) * 140ms);
}

/* ---- Kartītēm silta gaisma, nevis ēna ---- */
.svc__card, .aside__box, .tst__card, .path {
  transition: border-color var(--dur-short) var(--ease-calm), background-color var(--dur-short) var(--ease-calm);
}
@media (hover: hover) and (pointer: fine) {
  .svc__card:hover { background: color-mix(in oklch, var(--color-paper-2) 55%, var(--color-paper)); }
  .svc__card--main:hover { background: color-mix(in oklch, var(--color-sand) 30%, var(--color-paper-2)); }
}

/* ---- Lēnāks ritms saitēm un pogām ---- */
.btn, .arrow, .nav__link, .sit__list a, .faq__q { transition-timing-function: var(--ease-calm); }

/* ---- Viļņu joslas starp sadaļām elpo ---- */
.wave-rule svg { animation: rule-breathe 32s var(--ease-in-out) infinite alternate; transform-origin: center; }
@keyframes rule-breathe { from { transform: scaleY(0.82) translateY(-1px); } to { transform: scaleY(1.18) translateY(1px); } }

@media (prefers-reduced-motion: reduce) {
  .ambient__light { animation: none; }
  .wave-rule svg { animation: none; }
  .js .settle, .js .verbs li { opacity: 1; transform: none; }
}

/* ============================================================
   25 · Sākumlapa
   Struktūra pēc īstas supervizores vietnes – Tandem Coaching (tandemcoach.co): centrēts ierobežots platums,
   katrai sadaļai virsraksts un īss ievads, pakalpojumi blakus paneļos ar faktiem, supervizore ar foto un
   kvalifikācijām, aicinājums tumšā joslā beigās. Bez numuriem. Fonā līniju vilnis (js/stream.js).
   ============================================================ */
.stream { position: fixed; inset: 0; z-index: 0; pointer-events: none; transition: opacity 1.6s var(--ease-calm); }
.stream:not([data-ready]) { opacity: 0; }
.stream canvas { display: block; width: 100%; height: 100%; }

/* ---- Sadaļas ---- */
.s-sec { position: relative; padding-block: clamp(4rem, 8vw, 6.5rem); }
.s-sec--short { padding-block: clamp(1.5rem, 3vw, 2.5rem); }
.s-sec--flush { padding-top: 0; }
.s-tint { background: var(--color-paper-2); }
.s-dark { background: var(--color-brown); color: var(--color-accent-ink); }

.s-head { display: grid; gap: var(--space-md); max-width: 46rem; margin-bottom: clamp(2rem, 4vw, 3rem); }
.s-head--center { margin-inline: auto; text-align: center; justify-items: center; }
.s-title { font-size: clamp(2rem, 1.8vw + 1.2rem, 3rem); font-weight: 500; line-height: 1.08; letter-spacing: var(--tracking-display); color: var(--color-brown); text-wrap: balance; }
.s-title--sm { font-size: clamp(1.6rem, 1vw + 1.2rem, 2.2rem); }
.s-intro { font-size: var(--text-md); line-height: 1.5; color: var(--color-ink); max-width: 42rem; }
.s-lead { margin-block: var(--space-lg); font-family: var(--font-display); font-size: var(--text-lg); line-height: 1.35; color: var(--color-brown); max-width: 34ch; }
.s-kicker { font-size: var(--text-sm); font-weight: 500; color: var(--color-accent-deep); }
.s-muted { color: var(--color-muted); }
.s-small { font-size: var(--text-sm); }
.s-gap { margin-top: var(--space-lg); }
.s-links { margin-top: var(--space-lg); }

/* ---- Sākums ---- */
.s-hero { position: relative; padding-block: clamp(3rem, 9vh, 6.5rem) clamp(2.5rem, 6vh, 4rem); }
.s-hero__title { font-size: clamp(3rem, 5vw + 1rem, 5.75rem); font-weight: 500; line-height: 0.98; letter-spacing: -0.03em; color: var(--color-brown); max-width: 10ch; }
.s-hero__lede { margin-top: var(--space-lg); font-size: var(--text-lg); line-height: 1.45; color: var(--color-ink); max-width: 34ch; }
.s-hero__cta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-md) var(--space-lg); margin-top: var(--space-xl); }
.s-hero .hero__breathe { margin-top: var(--space-lg); }
.hero__breathe { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-sm) var(--space-md); }
.hero__breathe .breathe, .hero__breathe .breathe__phase { position: static; }
.hero__breathe .breathe__phase { font-size: var(--text-md); }
[data-breathe-scope][data-breathing="true"] .breathe__phase { opacity: 1; }
.s-facts { display: grid; gap: var(--space-md); margin-top: clamp(3rem, 9vh, 5rem); padding-top: var(--space-lg); border-top: var(--rule); }
.s-facts li { display: grid; gap: 2px; }
.s-facts b { font-family: var(--font-display); font-weight: 500; color: var(--color-brown); }
.s-facts span { font-size: var(--text-sm); color: var(--color-muted); }
@media (min-width: 40rem) {
  .s-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }
  .s-facts li { padding-inline: var(--space-lg); border-left: var(--rule); }
  .s-facts li:first-child { padding-left: 0; border-left: 0; }
}

/* ---- Paneļi ---- */
.s-pair { display: grid; gap: var(--space-lg); }
.s-panel { position: relative; display: grid; gap: var(--space-md); align-content: start; background: var(--color-paper); border: var(--rule); border-radius: var(--radius-lg); padding: clamp(1.5rem, 3vw, 2.5rem); }
.s-panel p + p { margin-top: 0; }
.s-panel__title { margin: 0; font-family: var(--font-display); font-size: var(--text-xl); font-weight: 500; line-height: 1.15; color: var(--color-brown); }
.s-panel__body { display: grid; gap: var(--space-md); }
.s-panel__act { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-md) var(--space-lg); margin-top: var(--space-xs); }
.s-panel--wide { margin-top: var(--space-lg); }
.s-panel--soft { background: var(--color-paper-2); border-color: transparent; }
.s-tint .s-panel--soft { background: var(--color-paper); border: var(--rule); }
.s-panel--dark { background: var(--color-brown); color: var(--color-accent-ink); border-color: transparent; }
.s-panel--dark .arrow { color: var(--color-paper); }
.s-panel--dark :focus-visible { outline-color: var(--color-paper); }
.s-dim { color: color-mix(in oklch, var(--color-paper) 72%, var(--color-brown)); font-size: var(--text-sm); }
.s-callout { font-family: var(--font-display); font-size: clamp(1.8rem, 1.6vw + 1.2rem, 2.6rem); font-weight: 500; line-height: 1.1; letter-spacing: var(--tracking-display); color: var(--color-paper); }
.s-dl { border-top: var(--rule); }
.s-dl div { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); gap: var(--space-md); padding-block: var(--space-sm); border-bottom: var(--rule); }
.s-dl dt { font-size: var(--text-sm); color: var(--color-muted); }
.s-dl dd { margin: 0; }
@media (min-width: 56rem) {
  .s-pair { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .s-panel--wide { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); column-gap: var(--space-2xl); align-items: start; }
}

/* ---- Vai tas ir par tevi? ---- */
.s-list { background: var(--color-paper); border: var(--rule); border-radius: var(--radius-lg); padding: clamp(1.5rem, 3vw, 2.25rem); }
.s-list__title { font-size: var(--text-lg); color: var(--color-brown); margin-bottom: var(--space-sm); }
.s-list li + li { border-top: var(--rule-2); }
.s-list a { display: flex; justify-content: space-between; align-items: baseline; gap: var(--space-md); padding-block: 0.75rem; text-decoration: none; font-family: var(--font-display); font-size: var(--text-md); line-height: 1.3; color: var(--color-ink); }
.s-list a::after { content: none; color: var(--color-accent); flex: none; }
.s-list a:hover { color: var(--color-brown); }

/* ---- Par mani (pēc Cindy Shu „Hi, I'm Cindy Shu”): teksts pa kreisi, portrets pa labi ar nobīdītu brūnu laukumu ---- */
.s-me { display: grid; gap: var(--space-2xl); max-width: 66rem; align-items: center; }
.s-me__text { display: grid; gap: var(--space-md); justify-items: start; max-width: 34rem; }
.s-me__text p + p { margin-top: 0; }
.s-role { color: var(--color-muted); margin-top: calc(var(--space-xs) * -1); }
.s-me__big { margin-block: var(--space-sm); font-family: var(--font-display); font-size: var(--text-lg); line-height: 1.35; color: var(--color-brown); }
.s-me__text .arrow { margin-top: var(--space-xs); }
.s-me__photo { margin: 0 1.25rem 1.25rem 0; aspect-ratio: 4 / 5; max-width: 24rem; width: 100%; display: grid; place-items: center; padding: var(--space-lg); text-align: center; background: var(--color-paper-3); box-shadow: 1.25rem 1.25rem 0 var(--color-brown); }
.s-me__photo p { font-size: var(--text-sm); color: var(--color-muted); }
@media (max-width: 40rem) { .s-me__photo { margin: 0 0.75rem 0.75rem 0; box-shadow: 0.75rem 0.75rem 0 var(--color-brown); } }
@media (min-width: 60rem) {
  .s-me { grid-template-columns: minmax(0, 1fr) minmax(0, 24rem); column-gap: var(--space-3xl); }
  .s-me__photo { justify-self: end; }
}

/* ---- Pieredze ---- */
.s-band { display: grid; gap: var(--space-lg); background: var(--color-paper-2); border-radius: var(--radius-lg); padding: clamp(1.5rem, 3vw, 2.5rem); }
.s-band__head { display: grid; gap: var(--space-xs); align-content: start; }
.s-stats { display: grid; gap: var(--space-lg); }
.s-stats li { display: grid; gap: var(--space-2xs); align-content: start; }
.s-stats b { font-family: var(--font-display); font-size: var(--text-2xl); font-weight: 500; line-height: 1; color: var(--color-brown); font-variant-numeric: proportional-nums lining-nums; }
.s-stats span { font-size: var(--text-sm); color: var(--color-muted); }
@media (min-width: 40rem) { .s-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 60rem) {
  .s-band { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); column-gap: var(--space-2xl); }
  .s-band > .s-small { grid-column: 2; }
}

/* ---- Divas kolonnas: teksts + panelis ---- */
.s-two { display: grid; gap: var(--space-2xl); align-items: start; }
@media (min-width: 60rem) {
  .s-two { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: var(--space-3xl); }
  .s-two--inner { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: var(--space-2xl); }
}

/* ---- Prizmas ķēde: vienkāršs saraksts ar līnijām ---- */
.s-chain { margin-top: var(--space-lg); border-top: var(--rule); }
.s-chain li { display: grid; gap: 2px; padding-block: 0.8rem; border-bottom: var(--rule); }
.s-chain b { font-family: var(--font-display); font-weight: 400; font-size: var(--text-md); color: var(--color-brown); }
.s-chain span { font-size: var(--text-sm); color: var(--color-muted); }
.s-chain .is-key b { font-weight: 600; }

/* ---- Telpa ---- */
.s-verbs { display: grid; column-gap: var(--space-xl); max-width: 60rem; margin-inline: auto; }
.s-verbs li { padding-block: 0.9rem; border-top: var(--rule); font-family: var(--font-display); font-size: var(--text-md); color: var(--color-brown); }
@media (min-width: 40rem) { .s-verbs { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 60rem) { .s-verbs { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* ---- Vērtības ---- */
.s-values { max-width: 60rem; margin-inline: auto; border-top: var(--rule); }
.s-value { display: grid; gap: var(--space-md); padding-block: var(--space-xl); border-bottom: var(--rule); }
.s-value__name { font-size: var(--text-xl); font-weight: 500; color: var(--color-brown); }
@media (min-width: 60rem) { .s-value { grid-template-columns: 19rem minmax(0, 1fr); gap: var(--space-2xl); } }
.s-dash { display: grid; gap: var(--space-2xs); margin-top: var(--space-md); color: var(--color-muted); }
.s-dash li { position: relative; padding-left: 1.1rem; }
.s-dash li::before { content: "–"; position: absolute; left: 0; color: var(--color-accent-deep); }
.s-dash--lg { margin-top: 0; gap: var(--space-xs); font-family: var(--font-display); font-size: var(--text-md); color: var(--color-brown); }

/* ---- Ko es nesolu: viļņi no ekrāna malas sašaurinās līdz kartītes malai (site.js, [data-sidewave]) ---- */
.s-np { position: relative; }
.s-np > .s-panel { position: relative; z-index: 1; }
.s-side { position: absolute; top: 0; height: 100%; width: calc((100vw - 100%) / 2); overflow: visible; pointer-events: none; }
.s-side--l { right: 100%; }
.s-side--r { left: 100%; transform: scaleX(-1); }
.s-side path { fill: none; stroke: var(--color-accent); stroke-width: 1; opacity: 0.75; vector-effect: non-scaling-stroke; }
.s-side path.is-brown { stroke: var(--color-brown); opacity: 0.5; }

/* ---- Atsauksmes ---- */
.wrap.s-narrow { max-width: 54rem; }
.s-rowlist { border-top: var(--rule); }
.s-rowlist li { display: grid; gap: var(--space-2xs); padding-block: var(--space-md); border-bottom: var(--rule); }
.s-rowlist b { font-family: var(--font-display); font-weight: 500; color: var(--color-brown); }
.s-rowlist span { font-size: var(--text-sm); color: var(--color-muted); }
@media (min-width: 40rem) { .s-rowlist li { grid-template-columns: 16rem minmax(0, 1fr); gap: var(--space-lg); align-items: baseline; } }

/* ---- Nākamais solis (tumšā josla) ---- */
.s-dark .s-title, .s-dark .s-panel__title { color: var(--color-paper); }
.s-dark .s-intro { color: color-mix(in oklch, var(--color-paper) 82%, var(--color-brown)); }
.s-dark .s-kicker { color: var(--color-sand); }
.s-dark :focus-visible { outline-color: var(--color-paper); }
.s-pair--cta { max-width: 60rem; margin-inline: auto; }
.s-choice { display: grid; gap: var(--space-md); justify-items: start; align-content: start; padding: clamp(1.5rem, 3vw, 2.25rem); background: var(--color-paper); color: var(--color-ink); border-radius: var(--radius-lg); }
/* Kartītes ir krēmīgas uz brūnā fona, tāpēc iekšā atkal parastās krāsas un pogas */
.s-dark .s-choice .s-panel__title { color: var(--color-brown); }
.s-dark .s-choice .s-price { color: var(--color-brown); }
.s-dark .s-choice .s-price span { color: var(--color-muted); }
.s-dark .s-choice .btn { background: var(--color-brown); color: var(--color-accent-ink); border-color: var(--color-brown); }
.s-dark .s-choice .btn:hover { background: var(--color-brown-deep); border-color: var(--color-brown-deep); }
.s-dark .s-choice :focus-visible { outline-color: var(--color-focus); }
.s-choice p + p { margin-top: 0; }
.s-price { font-family: var(--font-display); font-size: var(--text-2xl); font-weight: 600; line-height: 1; color: var(--color-paper); }
.s-price span { font-family: var(--font-body); font-size: var(--text-base); font-weight: 400; color: color-mix(in oklch, var(--color-paper) 72%, var(--color-brown)); }

.home .foot { border-top: 0; }

@media (prefers-reduced-motion: reduce) { .stream { transition: none; } }

/* ===================== Sākumlapa · 2026-10 · "viena supervīzijas stunda" (design-brief.md) ===================== */

/* ---- Hero: teksts pa kreisi, elpojošs aplis pa labi ---- */
.s-hero__grid { display: grid; gap: var(--space-2xl); align-items: center; }
.s-hero__facts { grid-column: 1 / -1; margin-top: clamp(1rem, 4vh, 2.5rem); }
@media (min-width: 60rem) {
  .s-hero__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: var(--space-3xl); min-height: min(74vh, 44rem); }
}
.s-orb { position: relative; display: grid; place-items: center; aspect-ratio: 1; width: min(100%, 26rem); justify-self: center; isolation: isolate; }
.s-orb__core, .s-orb__ring { position: absolute; inset: 0; margin: auto; border-radius: 50%; pointer-events: none; }
.s-orb__core {
  width: 62%; height: 62%; z-index: -1;
  background: radial-gradient(circle at 38% 34%, var(--color-paper) 0%, var(--color-sand) 58%, color-mix(in oklch, var(--color-sand) 70%, var(--color-accent)) 100%);
  box-shadow: 0 0 0 1px color-mix(in oklch, var(--color-accent) 35%, transparent);
  transform: scale(calc(0.86 + var(--spread, 0) * 0.3));
  animation: orb-idle 16s var(--ease-in-out) infinite;
}
.s-orb__ring { width: 80%; height: 80%; border: 1px solid color-mix(in oklch, var(--color-accent) 55%, transparent); transform: scale(calc(0.92 + var(--spread, 0) * 0.16)); animation: orb-idle 16s var(--ease-in-out) infinite; animation-delay: -1.2s; }
.s-orb__ring--2 { width: 98%; height: 98%; border-color: color-mix(in oklch, var(--color-brown) 18%, transparent); animation-delay: -2.4s; }
[data-breathing="true"] .s-orb__core, [data-breathing="true"] .s-orb__ring { animation: none; }
@keyframes orb-idle { 0%, 100% { scale: 0.97; } 50% { scale: 1.03; } }
.s-orb__ctl { position: relative; z-index: 1; flex-direction: column; justify-content: center; text-align: center; gap: var(--space-xs); }
.s-orb .breathe { background: color-mix(in oklch, var(--color-paper) 88%, transparent); }
.s-orb .breathe__phase { min-height: 1.5em; }
@media (max-width: 59.99rem) { .s-orb { width: min(100%, 20rem); } }

/* ---- Vai tas ir par tevi? Teikumi kā citāti; uzvirzot viens paliek, pārējie atkāpjas ---- */
.s-list { background: transparent; border: 0; border-radius: 0; padding: 0; }
.s-list__title { font-size: var(--text-md); font-family: var(--font-display); font-weight: 500; color: var(--color-brown); text-align: center; margin-bottom: var(--space-md); }
.s-list li + li { border-top: var(--rule); }
.s-list a { font-size: clamp(1.15rem, 0.6vw + 1rem, 1.4rem); padding-block: 0.95rem; color: var(--color-brown); transition: color var(--dur-long) var(--ease-calm), opacity var(--dur-long) var(--ease-calm), padding var(--dur-long) var(--ease-calm); }
.s-list a::after { opacity: 0; transform: translateX(-0.5rem); transition: opacity var(--dur-long) var(--ease-calm), transform var(--dur-long) var(--ease-calm); }
.s-list a:hover::after, .s-list a:focus-visible::after { opacity: 1; transform: none; }
.s-list a:hover, .s-list a:focus-visible { padding-left: var(--space-sm); }
@media (hover: hover) {
  #situacijas .s-pair:has(a:hover) a:not(:hover) { opacity: 0.38; }
}
@media (min-width: 60rem) { #situacijas .s-pair { column-gap: var(--space-3xl); } }

/* ---- Kas šī ir par vietu? Vārdi iedegas pa vienam ---- */
.s-room { background: var(--color-paper); }
.s-verbs li { position: relative; padding-left: 1.6rem; transition: color 1.2s var(--ease-calm), opacity 1.2s var(--ease-calm); transition-delay: calc(var(--n, 0) * 160ms); }
.s-verbs li::before { content: ""; position: absolute; left: 0; top: 1.45rem; width: 0.55rem; height: 0.55rem; border-radius: 50%; border: 1px solid var(--color-accent); background: var(--color-accent); transition: background-color 1.2s var(--ease-calm), transform 1.2s var(--ease-calm); transition-delay: inherit; }
.s-verbs.is-waiting:not(.is-lit) li { opacity: 0.35; }
.s-verbs.is-waiting:not(.is-lit) li::before { background: transparent; transform: scale(0.7); }

/* ---- Pakalpojumi uz tonētā fona ---- */
.s-tint .s-panel { background: var(--color-paper); }
.s-panel { transition: border-color var(--dur-long) var(--ease-calm), transform var(--dur-long) var(--ease-calm); }
#pakalpojumi .s-panel:hover { border-color: color-mix(in oklch, var(--color-accent) 60%, var(--color-rule)); transform: translateY(-2px); }

/* ---- Prizma: līnija, kas aizpildās ritinot ---- */
.s-chain { position: relative; border-top: 0; padding-left: 2rem; }
.s-chain::before, .s-chain::after { content: ""; position: absolute; left: 0.45rem; top: 1.3rem; bottom: 1.3rem; width: 1px; background: var(--color-rule); }
.s-chain::after { background: var(--color-accent); transform-origin: top; transform: scaleY(var(--progress, 0)); transition: transform 300ms linear; }
.s-chain li { position: relative; border-bottom: var(--rule-2); transition: opacity var(--dur-long) var(--ease-calm); }
.s-chain li::before { content: ""; position: absolute; left: -2rem; top: 1.15rem; width: 0.9rem; height: 0.9rem; border-radius: 50%; background: var(--color-paper); border: 1px solid var(--color-rule); z-index: 1; transition: background-color var(--dur-long) var(--ease-calm), border-color var(--dur-long) var(--ease-calm), transform var(--dur-long) var(--ease-calm); }
.s-chain li.is-past::before { background: var(--color-accent-soft); border-color: var(--color-accent); }
.s-chain li.is-now::before { background: var(--color-accent); border-color: var(--color-accent); transform: scale(1.15); }
.s-chain li.is-key b { color: var(--color-brown-deep); }
@media (min-width: 60rem) { #prizma .s-panel--dark { position: sticky; top: 9rem; } }

/* ---- Vērtības: virsraksts pielīp kreisajā pusē ---- */
@media (min-width: 60rem) {
  #vertibas .wrap { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); column-gap: var(--space-3xl); align-items: start; }
  #vertibas .s-head { position: sticky; top: 9rem; text-align: left; justify-items: start; margin: 0; }
  #vertibas .s-values { margin: 0; max-width: none; }
  #vertibas .s-value { grid-template-columns: 13rem minmax(0, 1fr); gap: var(--space-xl); }
}

/* ---- Par mani + pieredze: pieredze sēž tieši zem, bez atstarpes starp ---- */
#par-mani { padding-bottom: var(--space-xl); }
#pieredze { padding-top: 0; }

@media (prefers-reduced-motion: reduce) {
  .s-orb__core, .s-orb__ring { animation: none; }
  .s-verbs li, .s-verbs li::before, .s-chain::after, .s-list a { transition: none; }
}

/* ===== Mīksti paneļi (izvēlētais virziens D, Headspace) ===== */
/* Variants D · "Mīksti paneļi" — Headspace (ref-7fdf7b5af4c7): lieli maigi noapaļoti paneļi ar vienu dzīvu elementu katrā, silta pastelis, pilulas.
   Hero = divi paneļi blakus; pakalpojumi = trīs vienlīdzīgi paneļi; vilnis paliek fonā. */

html, body { background: var(--color-paper); }
.mast { background: color-mix(in oklch, var(--color-paper) 92%, transparent); backdrop-filter: blur(8px); }
.mast__row1 { border-bottom: 0; }
.mast__row2 { border-bottom: 0; }
.mast .nav { background: var(--color-paper-2); border-radius: 999px; padding-inline: var(--space-md); width: fit-content; max-width: calc(100% - 2 * var(--gutter)); margin-bottom: var(--space-xs); }
.nav__link, .nav__trigger { padding-inline: var(--space-xs); }

/* ---------- hero: divi paneļi ---------- */
.s-hero__grid { grid-template-columns: 1fr; grid-template-areas: "text" "photo" "facts"; gap: var(--space-md); max-width: 84rem; }
.s-hero__text { grid-area: text; background: var(--color-sand); border-radius: 2rem; padding: clamp(1.75rem, 4vw, 3.5rem); }
.s-hero__title { font-size: clamp(2.8rem, 4.6vw + 1rem, 5.4rem); max-width: 9ch; }
.s-hero__lede { color: var(--color-brown); }
.v-photo { grid-area: photo; margin: 0; position: relative; border-radius: 2rem; overflow: hidden; min-height: 26rem; background: var(--color-paper-3); }
.v-photo__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
/* elpojošais aplis uz foto */
.s-orb { grid-area: photo; position: relative; align-self: end; justify-self: end; margin: 0 clamp(1rem, 3vw, 2.5rem) clamp(1rem, 3vw, 2.5rem) 0; width: clamp(10.5rem, 17vw, 14rem); z-index: 3; }
.s-orb__core { background: radial-gradient(circle at 38% 34%, var(--color-paper) 0%, var(--color-sand) 70%, color-mix(in oklch, var(--color-sand) 60%, var(--color-accent)) 100%); opacity: 0.92; z-index: 0; }
.s-orb__ring { border-color: var(--color-paper); }
.s-orb__ring--2 { border-color: color-mix(in oklch, var(--color-paper) 60%, transparent); }
.s-orb__ctl { z-index: 2; }
.s-orb .breathe { background: var(--color-paper); }
.s-orb .breathe__hint { display: none; }
.s-hero__facts { grid-area: facts; margin: 0; padding: var(--space-sm) 0 0; border: 0; display: flex; flex-wrap: wrap; gap: var(--space-sm) var(--space-xl); }
.s-hero__facts li, .s-hero__facts li:first-child { display: block; background: none; border: 0; border-radius: 0; padding: 0; }
.s-hero__facts span { font-size: var(--text-base); color: var(--color-brown); margin-left: var(--space-xs); }
@media (min-width: 60rem) {
  .s-hero__grid { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); grid-template-areas: "text photo" "facts facts"; min-height: 0; column-gap: var(--space-md); }
  .s-hero__text { display: grid; align-content: end; min-height: 34rem; }
  .v-photo { min-height: 34rem; }
}
@media (max-width: 59.99rem) { .v-photo { min-height: 30rem; } }

/* ---------- sekcijas: paneļi ---------- */
.s-sec { padding-block: clamp(2.5rem, 5vw, 4rem); }
.s-sec > .wrap { max-width: 84rem; }
.s-tint, .s-room { background: transparent; }
.s-tint > .wrap, .s-room > .wrap { background: var(--color-paper-2); border-radius: 2rem; padding-block: clamp(2rem, 5vw, 4rem); }
.s-room > .wrap { background: var(--color-paper-3); }
.s-panel, .s-choice, .s-band { border-radius: 1.8rem; }
.s-panel { border: 0; background: var(--color-paper); }
.s-tint .s-panel { background: var(--color-paper); }
.s-panel--soft { background: var(--color-sand); }

/* “Vai tas ir par tevi?” — teikumi kā pilulas */
#situacijas .s-pair { grid-template-columns: 1fr; }
@media (min-width: 60rem) { #situacijas .s-pair { grid-template-columns: 1fr 1fr; } }
.s-list { background: var(--color-paper); border: 0; border-radius: 1.8rem; padding: clamp(1.5rem, 3vw, 2.25rem); }
.s-list ul { display: flex; flex-wrap: wrap; gap: var(--space-xs); }
.s-list li, .s-list li + li { border-top: 0; }
.s-list a { padding: 0.55rem 1rem; border-radius: 1.2rem; background: var(--color-paper-2); font-size: var(--text-base); gap: var(--space-xs); line-height: 1.3; }
.s-list a:hover, .s-list a:focus-visible { background: var(--color-sand); padding-left: 1rem; }
.s-list a::after { opacity: 1; transform: none; }
@media (hover: hover) { #situacijas .s-pair:has(a:hover) a:not(:hover) { opacity: 0.55; } }

/* pakalpojumi un nākamais solis: trīs vienādi paneļi, blakus datorā, zem cits cita telefonā */
.s-trio { display: grid; grid-template-columns: 1fr; gap: var(--space-md); }
@media (min-width: 60rem) { .s-trio { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
#pakalpojumi .s-panel { display: flex; flex-direction: column; }
#pakalpojumi .s-panel__act { margin-top: auto; padding-top: var(--space-xs); }
#pakalpojumi .s-panel:nth-of-type(1) { background: var(--color-sand); }
#pakalpojumi .s-panel:nth-of-type(3) { background: color-mix(in oklch, var(--color-sand) 40%, var(--color-paper)); }
.s-service-facts { display: grid; gap: var(--space-sm); }
#rezervet .s-trio { max-width: none; }
#rezervet .s-choice { display: flex; flex-direction: column; align-items: flex-start; }
#rezervet .s-choice > .btn { margin-top: auto; }
.s-price-lines { display: grid; gap: var(--space-3xs); font-family: var(--font-display); font-size: var(--text-md); font-weight: 500; line-height: 1.3; color: var(--color-brown); }
.s-price-lines__lead { font-size: var(--text-lg); font-weight: 600; }
.choicegroup { border: 0; margin: 0; padding: 0; min-width: 0; }
.choicegroup legend { padding: 0; }
.choicegroup .choice { margin-top: var(--space-xs); }

/* Elpot: tikai aplis ar gredzeniem un centrētu vadību. */
.s-breath__in { display: grid; place-items: center; padding-block: var(--space-sm); }
.s-breath .s-orb { grid-area: auto; align-self: center; justify-self: center; margin: 0; width: min(100%, 21rem); }
.s-breath .s-orb__ctl { margin: 0; }
.s-breath .breathe { position: static; min-height: 3rem; min-width: 7rem; justify-content: center; padding: var(--space-sm) var(--space-md); border-color: var(--color-brown); }
.s-breath .breathe__label { font-size: var(--text-base); }
.s-breath .breathe__hint { display: none; }
.s-breath .s-orb__ring { border-color: color-mix(in oklch, var(--color-accent) 55%, transparent); }
.s-breath .s-orb__ring--2 { border-color: color-mix(in oklch, var(--color-brown) 18%, transparent); }
.s-breath .s-orb__core { opacity: 0.7; }

/* Nākamais solis: viena gaiša virsma, bez iekšējām kartēm. */
.s-next > .wrap { background: var(--color-paper-2); border-radius: 2rem; padding-block: clamp(2rem, 5vw, 4rem); color: var(--color-brown); }
.s-next .s-intro, .s-next .s-choice { color: var(--color-brown); }
.s-next .s-choice { background: none; border: 0; border-radius: 0; padding: var(--space-md); }

.s-verbs { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-xs); max-width: 60rem; }
.s-verbs li { border: 0; background: var(--color-paper); border-radius: 999px; padding: 0.6rem 1.2rem 0.6rem 2.2rem; font-size: var(--text-base); }
.s-verbs li::before { left: 1rem; top: calc(50% - 0.275rem); }

/* par mani */
.s-me__photo { box-shadow: none; padding: 0; margin: 0; background: none; border-radius: 2rem; overflow: hidden; max-width: 28rem; }
.s-me__img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 25%; }
@media (min-width: 60rem) { .s-me { grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr); max-width: 72rem; } }
.s-band { background: var(--color-sand); }
.s-stats li { background: var(--color-paper); border-radius: 1.4rem; padding: var(--space-md) var(--space-lg); }
.s-dark { background: transparent; color: inherit; padding-block: clamp(2.5rem, 5vw, 4rem); }
.s-dark > .wrap { background: var(--color-brown); color: var(--color-accent-ink); border-radius: 2rem; padding-block: clamp(2.5rem, 5vw, 4.5rem); }
.s-choice { border-radius: 1.6rem; }
.foot { background: var(--color-sand); border-top: 0; margin: var(--space-lg) 0.75rem 0; border-radius: 2rem 2rem 0 0; }
.foot__col .label, .foot .muted, .foot__meta { color: var(--color-brown); }
@media (prefers-reduced-motion: reduce) { .s-orb__core, .s-orb__ring { animation: none; } }


/* ===== Mīksti paneļi · iekšlapas (.phero / .sec) ===== */
.phero { padding-block: clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem); }
.phero > .wrap, .sec > .wrap { max-width: 84rem; }
.phero__grid { background: var(--color-sand); border-radius: 2rem; padding-block: clamp(1.75rem, 4vw, 3.5rem); }
.phero__title { max-width: 12ch; font-size: clamp(2.6rem, 4vw + 1rem, 4.9rem); }
.phero .lede { color: var(--color-brown); }
@media (min-width: 60rem) { .phero__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-xl); } }
.phero__facts { border-top: 0; gap: var(--space-xs); }
.phero__facts li { background: var(--color-paper); border: 0; border-radius: 1.2rem; padding: var(--space-sm) var(--space-md); }
.phero__aside { background: var(--color-paper); border-radius: 1.6rem; }
.wave-rule { display: none; }
.sec, .sec--tight, .sec--loose { padding-block: clamp(1rem, 2vw, 1.5rem); }
.sec--paper2 { background: transparent; }
.sec > .wrap { background: transparent; border-radius: 2rem; padding-block: clamp(2rem, 5vw, 4rem); }
.sec--paper2 > .wrap { background: var(--color-paper-2); }
.sec__head { max-width: 44ch; }
.price { border-top: 0; display: grid; gap: var(--space-sm); }
.price__row { background: var(--color-paper); border: 0; border-radius: 1.4rem; padding: var(--space-md) var(--space-lg); }
.sec:not(.sec--paper2) .price__row { background: var(--color-paper-2); }
.sit__list { border-top: 0; display: flex; flex-wrap: wrap; gap: var(--space-xs); }
.sit__list li { border-bottom: 0; }
.sit__list a, .sit__list span { display: inline-flex; padding: 0.55rem 1rem; border-radius: 1.2rem; background: var(--color-paper); font-size: var(--text-base); line-height: 1.3; }
.sec:not(.sec--paper2) .sit__list a, .sec:not(.sec--paper2) .sit__list span { background: var(--color-paper-2); }
.path, .aside__box, .svc__card { border: 0; border-radius: 1.8rem; background: var(--color-paper); }
.sec:not(.sec--paper2) .aside__box { background: var(--color-paper-2); }
.steps li { background: var(--color-paper); border-radius: 1.4rem; padding: var(--space-md) var(--space-md) var(--space-md) 3.4rem; }
.steps li::before { left: 1rem; top: 1.15rem; background: var(--color-sand); border: 0; }
.sec:not(.sec--paper2) .steps li { background: var(--color-paper-2); }
.nopromise__list li { background: var(--color-paper); border-radius: 1.2rem; padding: 0.7rem 1rem 0.7rem 2.4rem; }
.nopromise__list li::before { left: 1rem; top: 0.7rem; }
.sec--paper2 .principle, .principle { border-left: 0; background: var(--color-sand); border-radius: 1.4rem; padding: var(--space-md) var(--space-lg); }
.note { border-left: 0; background: var(--color-paper); border-radius: 1.2rem; padding: var(--space-sm) var(--space-md); }
.input, .select, .textarea { border-radius: 1rem; }
.form__ok { border: 0; border-radius: 1.4rem; background: var(--color-paper); }
.slot { border-radius: 0.9rem; }

/* "Kā es strādāju" un "Prizma": sānu teksts bez kartītes. Tikai trīs teksta līmeņi — virsraksts, ievadteikums (.s-lead), pamatteksts */
#darba-princips .s-panel, #prizma .s-panel { background: none; border: 0; border-radius: 0; padding: 0; color: var(--color-ink); gap: var(--space-sm); }
#darba-princips .s-panel { align-self: center; }
#darba-princips .s-panel__title, #prizma .s-callout { font-family: var(--font-display); font-size: var(--text-lg); font-weight: 400; line-height: 1.35; letter-spacing: 0; color: var(--color-brown); }
#darba-princips .s-panel p:not(.s-panel__title), #prizma .s-panel p:not(.s-callout) { font-size: var(--text-base); line-height: 1.6; color: var(--color-ink); max-width: 34rem; }
#prizma .s-panel { padding: 2.5rem; margin: -2.5rem; background: radial-gradient(ellipse 80% 80% at 50% 50%, var(--color-paper) 72%, transparent 100%); }
#prizma .s-panel .arrow { color: var(--color-brown); }
#prizma .s-panel :focus-visible { outline-color: var(--color-focus); }
#prizma .s-chain b { font-family: var(--font-body); font-size: var(--text-base); font-weight: 500; }
#prizma .s-chain span { font-size: var(--text-base); }

/* Pieredzes joma bez skaitļa: nosaukums kā virsraksts kartē */
.s-stats b { font-size: var(--text-lg); line-height: 1.2; overflow-wrap: break-word; }

/* Jaunās Canvas atzīmes: viena pamatteksta balss un vienādas darbību rindas. */
#par-mani .s-me__text p,
#darba-princips .s-two > div > p,
#darba-princips .s-panel p:not(.s-panel__title) {
  font-family: var(--font-body);
  font-size: var(--text-base);
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-ink);
}
#pakalpojumi .s-panel__act {
  display: grid;
  grid-template-rows: auto 2em;
  justify-items: start;
  align-items: start;
  gap: var(--space-md);
}
.s-value__name { white-space: nowrap; overflow-wrap: normal; }
@media (min-width: 60rem) {
  #vertibas .s-value { grid-template-columns: minmax(16rem, auto) minmax(0, 1fr); }
}

/* Viens sākotnējais panelis: viss rāmis piesaistīts, vērtības vienā nepārtrauktā kolonnā. */
#vertibas .s-head { position: static; }
@media (min-width: 60rem) and (min-height: 42rem) and (prefers-reduced-motion: no-preference) {
  #vertibas.is-pinned { height: var(--values-section-height); }
  #vertibas.is-pinned > .wrap {
    position: sticky;
    top: var(--values-top);
    height: var(--values-frame-height);
    overflow: clip;
  }
  #vertibas.is-pinned .s-values { transform: translateY(var(--values-shift)); }
}
/* Ārējais panelis noņemts; saglabāta sākotnējā iekšējā papīra krāsa. */
.s-np > .s-panel { background: var(--color-paper); }
.s-certificates { display: grid; gap: var(--space-lg); margin-top: var(--space-lg); }
.s-certificates li { display: grid; gap: var(--space-xs); }
.s-certificates a { color: var(--color-brown); text-decoration: underline; text-underline-offset: 0.2em; }
.s-certificates span { color: var(--color-muted); }

/* Klientu īstie vārdi: mierīga, nepārtraukta teksta plūsma pa pakalpojumiem. */
.s-testimonials { display: grid; gap: var(--space-2xl); max-width: 48rem; margin-inline: auto; }
.s-testimonials h3 { font-family: var(--font-display); font-size: var(--text-lg); font-weight: 400; color: var(--color-brown); margin-bottom: var(--space-lg); }
.s-testimonials blockquote { margin: 0; }
.s-testimonials blockquote + blockquote { margin-top: var(--space-xl); }

/* Canvas 2026-11-11: separate service facts and give credentials a document surface. */
.s-service-facts p + p { border-top: 1px solid var(--color-brown); padding-top: var(--space-sm); }
.s-certificates { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.s-certificates li { padding: var(--space-xl); border-radius: var(--radius-lg); background: var(--color-sand); align-content: start; }
.s-certificates a { font-family: var(--font-display); font-size: var(--text-lg); }
@media (max-width: 40rem) { .s-certificates { grid-template-columns: 1fr; } }
/* Selected testimonial B: two quiet columns, all real quotes remain visible. */
#atsauksmes .wrap { max-width: 76rem; }
.s-testimonials { max-width: none; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: var(--space-xl); }
.s-testimonials > div { display: grid; gap: var(--space-lg); }
.s-testimonials > div:nth-child(2) { grid-column: 2; grid-row: 1 / span 2; }
.s-testimonials > div:nth-child(3) { grid-column: 1; }
.s-testimonials h3 { margin-bottom: 0; }
.s-testimonials blockquote { padding: var(--space-xl); background: var(--color-paper-2); border-radius: var(--radius-lg); font-size: var(--text-lg); line-height: 1.65; }
.s-testimonials blockquote + blockquote { margin-top: 0; }
@media (max-width: 48rem) { .s-testimonials { grid-template-columns: 1fr; } .s-testimonials > div:nth-child(2), .s-testimonials > div:nth-child(3) { grid-column: auto; grid-row: auto; } }