@font-face{font-family:"Fraunces";font-style:normal;font-weight:300 600;font-display:swap;src:url(fonts/fraunces.woff2) format("woff2")}
@font-face{font-family:"Nunito";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/nunito.woff2) format("woff2")}

/* ===== Mārtiņš Iltners - v2 "Kāpas" (dunes & shore) ===== */
:root{
  --paper:#FBF7F1; --sand:#F4EADB; --sand-2:#EADBC4; --sand-3:#D9C3A3;
  --sage-w:#E7EDE3; --sage:#9DB39A; --sage-ink:#4A6450;
  --peach-w:#F9E7DC; --peach:#EDBFA6;
  --sky-w:#E5EEF1; --sky:#A9C6D1;
  --clay:#A9523A; --clay-d:#8E4330; --clay-ink:#9A4630;
  --ink:#3A2F2B; --ink-2:#685A53;
  --foot:#34463A;
  --r:28px; --r-sm:18px;
  --shadow:0 1px 2px rgba(58,47,43,.04),0 10px 30px -12px rgba(58,47,43,.14);
  --wrap:1160px;
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Nunito","Segoe UI",system-ui,-apple-system,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.7 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg,video{display:block;max-width:100%}
[hidden]{display:none!important}
img{height:auto}
a{color:var(--clay-ink);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--clay-d)}
:focus-visible{outline:3px solid var(--sage-ink);outline-offset:3px;border-radius:8px}
h1,h2,h3,h4{font-family:var(--serif);font-weight:450;line-height:1.15;letter-spacing:-.01em;margin:0 0 .5em;color:var(--ink);text-wrap:balance}
h1{font-size:clamp(2.6rem,8vw,4.8rem);font-weight:400;line-height:1.02}
h2{font-size:clamp(1.9rem,4.4vw,2.9rem)}
h3{font-size:1.3rem;font-weight:500}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0}
strong{font-weight:750}
.ic{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wrap{width:min(100% - 40px,var(--wrap));margin-inline:auto}
.narrow{width:min(100% - 40px,720px);margin-inline:auto}
.skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:#fff;padding:10px 16px;border-radius:12px;z-index:100}
.skip:focus{top:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* kicker */
.kicker{display:inline-flex;align-items:center;gap:10px;font:800 .78rem/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--sage-ink);margin:0 0 18px}
.kicker::before{content:"";width:26px;height:8px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 8' fill='none' stroke='%234A6450' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M1 4c2-2.7 4-2.7 6 0s4 2.7 6 0 4-2.7 6 0 4 2.7 6 0'/%3E%3C/svg%3E")}
.lead{font-size:clamp(1.1rem,1.6vw,1.25rem);color:var(--ink-2);max-width:58ch}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 26px;border-radius:999px;font:800 1rem/1.2 var(--sans);text-decoration:none;border:1.5px solid transparent;transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .3s ease;cursor:pointer;text-align:center}
.btn .ic{width:20px;height:20px}
.btn-main{background:var(--clay);color:#fff;box-shadow:0 8px 22px -10px rgba(169,82,58,.7)}
.btn-main:hover{background:var(--clay-d);color:#fff}
.btn-soft{background:transparent;color:var(--ink);border-color:var(--sand-3)}
.btn-soft:hover{background:var(--sand);color:var(--ink);border-color:var(--sand-3)}
.btn-lg{min-height:58px;padding:16px 30px;font-size:1.05rem}
.tlink{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--ink);text-decoration:none;border-bottom:1.5px solid var(--sand-3);padding:6px 0}
.tlink:hover{color:var(--clay-ink);border-color:currentColor}
.tlink .ic{width:18px;height:18px;transition:transform .3s ease}
.tlink:hover .ic{transform:translateX(3px)}
@media (prefers-reduced-motion:reduce){.btn,.tlink .ic{transition:none}}

/* header */
.site-head{position:relative;z-index:30;background:var(--paper)}
.head-in{display:flex;align-items:center;gap:20px;min-height:76px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);margin-right:auto}
.brand-mark{width:42px;height:42px;flex:none}
.brand b{display:block;font:500 1.15rem/1.1 var(--serif);letter-spacing:-.005em}
.brand small{display:block;font:700 .74rem/1.3 var(--sans);color:var(--ink-2);letter-spacing:.02em}
.nav{display:none}
.nav ul{display:flex;gap:4px;list-style:none}
.nav a{display:block;padding:10px 12px;border-radius:999px;color:var(--ink);text-decoration:none;font-weight:700;font-size:.95rem}
.nav a:hover,.nav a[aria-current]{background:var(--sand);color:var(--ink)}
.head-cta{display:none}
.menu{position:relative}
.menu summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:46px;padding:0 16px;border-radius:999px;border:1.5px solid var(--sand-3);font-weight:800;font-size:.95rem;cursor:pointer}
.menu summary::-webkit-details-marker{display:none}
.menu summary .ic{width:22px;height:22px}
.menu[open] summary{background:var(--sand)}
.menu-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(86vw,330px);background:#fff;border-radius:24px;box-shadow:0 24px 60px -20px rgba(58,47,43,.35);padding:12px}
.menu-panel ul{list-style:none}
.menu-panel a:not(.btn){display:block;padding:13px 16px;border-radius:14px;color:var(--ink);text-decoration:none;font-weight:700}
.menu-panel a:not(.btn):hover{background:var(--sand)}
.menu-panel .btn{width:100%;margin-top:8px}
@media (min-width:1080px){
  .site-head{position:sticky;top:0;background:rgba(251,247,241,.9);backdrop-filter:saturate(1.2) blur(10px);-webkit-backdrop-filter:saturate(1.2) blur(10px)}
  .nav{display:block}.head-cta{display:inline-flex;min-height:46px;padding:10px 22px}.menu{display:none}
}

/* sections */
.sec{padding:clamp(60px,8vw,112px) 0;position:relative}
.sec-head{max-width:680px;margin-bottom:clamp(32px,4.5vw,52px)}
.sec-head h2{margin-bottom:.35em}
.sec-head .lead{margin:0}
.sec-head.center{text-align:center;margin-inline:auto}
.sec-head.center .lead{margin-inline:auto}
.bg-sand{background:var(--sand)}
.bg-sage{background:var(--sage-w)}
.bg-peach{background:var(--peach-w)}
.bg-sky{background:var(--sky-w)}
.wave{display:block;width:100%;height:clamp(28px,5vw,64px);margin-bottom:-1px}
.wave-top{margin-top:-1px;margin-bottom:0}
.ripples{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='240' viewBox='0 0 480 240' fill='none' stroke='%23C9B08C' stroke-width='1.3' stroke-linecap='round' opacity='.32'%3E%3Cpath d='M-10 30c40-14 80-14 120 0s80 14 120 0 80-14 120 0 80 14 140 0'/%3E%3Cpath d='M-10 72c50-16 90-10 130 2s90 10 130-4 80-12 120 2 70 10 110-2'/%3E%3Cpath d='M-10 114c40-12 80-12 120 2s80 12 120-2 80-12 120 2 80 12 140-2'/%3E%3Cpath d='M-10 156c50-14 90-8 130 4s90 8 130-6 80-10 120 4 70 8 110-4'/%3E%3Cpath d='M-10 198c40-14 80-14 120 0s80 14 120 0 80-14 120 0 80 14 140 0'/%3E%3C/svg%3E");background-size:720px 360px}

/* hero */
.hero{position:relative;padding:clamp(24px,4vw,56px) 0 0;overflow:hidden}
.hero-in{display:grid;gap:36px;align-items:center}
.hero-txt{max-width:600px}
.hero h1{margin-bottom:22px}
.hero h1 span{display:block;color:var(--sage-ink)}
.hero .lead{margin-bottom:30px}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-bottom:26px}
.hero-note{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;color:var(--ink-2);font-size:.95rem;font-weight:700}
.hero-note li{display:flex;align-items:center;gap:8px}
.hero-note .ic{width:20px;height:20px;color:var(--sage-ink)}
.hero-pic{position:relative;max-width:440px;width:100%;margin-inline:auto}
.hero-sun{position:absolute;width:44%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 40%,#F6D7C2,#EFC2A6 70%);right:-6%;top:-3%;z-index:0}
.arch{position:relative;z-index:1;border-radius:999px 999px var(--r) var(--r);overflow:hidden;background:var(--sand-2);aspect-ratio:4/5;box-shadow:0 30px 60px -30px rgba(58,47,43,.45)}
.arch img{width:100%;height:100%;object-fit:cover}
.hero-ripple{position:absolute;left:-14%;bottom:8%;width:60%;z-index:2;color:var(--sand-3)}
.hero-dunes{display:block;width:100%;height:clamp(70px,10vw,130px);margin-top:clamp(-30px,-2vw,-10px)}
@media (min-width:900px){
  .hero-in{grid-template-columns:1.1fr .9fr;gap:56px}
  .hero-pic{margin-right:0}
}
@media (prefers-reduced-motion:no-preference){
  .hero-sun{animation:breathe 9s ease-in-out infinite}
  @keyframes breathe{50%{transform:scale(1.04) translateY(4px)}}
}

/* quick service tiles under hero */
.quick{background:var(--sand);padding:0 0 clamp(56px,7vw,90px)}
.quick>.wrap>ul{list-style:none;display:grid;gap:14px}
.quick li>a{display:flex;align-items:center;gap:16px;padding:18px 20px;background:var(--paper);border-radius:var(--r-sm);text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:transform .35s ease}
.quick li>a:hover{transform:translateY(-2px);color:var(--ink)}
.quick li b{display:block;font:500 1.12rem/1.25 var(--serif)}
.quick li small{display:block;color:var(--ink-2);font-weight:700;font-size:.9rem}
.quick li .go{margin-left:auto;width:20px;height:20px;color:var(--clay-ink)}
@media (min-width:760px){.quick>.wrap>ul{grid-template-columns:repeat(3,1fr)}.quick li>a{padding:22px}}
@media (prefers-reduced-motion:reduce){.quick li>a{transition:none}}

/* icon blobs */
.blob{display:grid;place-items:center;width:64px;height:64px;flex:none;border-radius:58% 42% 55% 45%/50% 55% 45% 50%;color:var(--sage-ink);background:var(--sage-w)}
.blob .ic{width:38px;height:38px;stroke-width:1.6}
.blob.peach{background:var(--peach-w);color:var(--clay-ink)}
.blob.sky{background:var(--sky-w);color:#3F5F6B}
.blob.sand{background:var(--sand);color:#7A5B35}
.blob.sm{width:52px;height:52px}.blob.sm .ic{width:31px;height:31px}

/* help grid */
.help-grid{list-style:none;display:grid;gap:14px}
.help-grid li{display:flex;align-items:center;gap:18px;padding:20px;border-radius:var(--r-sm);background:#fff;box-shadow:var(--shadow)}
.help-grid p{margin:0;font-weight:700;line-height:1.45}
.help-grid .help-cta{background:var(--peach-w);box-shadow:none;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px}
.help-grid .help-cta p{font:500 1.2rem/1.3 var(--serif)}
@media (min-width:640px){.help-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.help-grid{grid-template-columns:repeat(4,1fr)}.help-grid li{flex-direction:column;align-items:flex-start;padding:26px;min-height:200px}.help-grid li p{margin-top:auto}.help-grid .help-cta p{margin-top:0}}

/* about */
.about-grid{display:grid;gap:40px}
.quote{position:relative;margin:0;padding:34px 30px 30px;background:var(--paper);border-radius:var(--r);font:400 clamp(1.3rem,2.4vw,1.65rem)/1.4 var(--serif);color:var(--ink)}
.quote::before{content:"";position:absolute;left:30px;top:-18px;width:44px;height:44px;border-radius:50%;background:var(--sage-w) no-repeat center/24px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%234A6450' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 25C7 13 14 6.5 26 6c.5 12-6 19-18 19z'/%3E%3Cpath d='M7 25c4-6 8-10 13-13'/%3E%3C/svg%3E")}
.quote footer{margin-top:16px;font:700 .95rem/1.3 var(--sans);color:var(--ink-2)}
.about-txt .first{font:400 clamp(1.25rem,2vw,1.45rem)/1.5 var(--serif)}
.facts-row{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin-top:24px}
.facts-row li{display:flex;align-items:center;gap:8px;background:var(--paper);border-radius:999px;padding:9px 16px 9px 12px;font-weight:700;font-size:.93rem}
.facts-row .ic{width:20px;height:20px;color:var(--sage-ink)}
@media (min-width:900px){.about-grid{grid-template-columns:.85fr 1.15fr;gap:72px;align-items:start}.about-side{position:sticky;top:110px}}

/* education timeline */
.edu{margin-top:clamp(56px,7vw,88px)}
.edu-h{font-size:clamp(1.5rem,3vw,2rem)}
.edu-line{list-style:none;display:grid;gap:0;position:relative;margin-top:28px}
.edu-line li{position:relative;padding:0 0 30px 46px}
.edu-line li::before{content:"";position:absolute;left:11px;top:8px;bottom:-8px;border-left:2px dashed var(--sand-3)}
.edu-line li:last-child::before{display:none}
.edu-line li::after{content:"";position:absolute;left:2px;top:2px;width:20px;height:20px;border-radius:50%;background:var(--paper);border:5px solid var(--sage)}
.edu-line .yr{display:block;font:500 1.5rem/1 var(--serif);color:var(--sage-ink);margin-bottom:8px}
.edu-line b{display:block;font-weight:800;line-height:1.35}
.edu-line span.d{display:block;color:var(--ink-2)}
.tag{display:inline-block;margin-top:8px;padding:3px 12px;border-radius:999px;background:var(--peach-w);color:var(--clay-ink);font-weight:800;font-size:.8rem;letter-spacing:.03em}
@media (min-width:900px){
  .edu-line{grid-template-columns:repeat(3,1fr);gap:8px 32px}
  .edu-line li{padding-bottom:28px}
  .edu-line li:nth-child(3n)::before{display:none}
  .edu-line li{padding:44px 0 28px}
  .edu-line li::before{left:22px;right:-24px;top:11px;bottom:auto;border-left:0;border-top:2px dashed var(--sand-3)}
  .edu-line li::after{left:0;top:0}
}
.more{margin-top:18px;border-radius:var(--r-sm);background:var(--paper)}
.more>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;font-weight:800;cursor:pointer;border-radius:var(--r-sm)}
.more>summary::-webkit-details-marker{display:none}
.more-in{padding:4px 22px 24px;display:grid;gap:22px}
.course h4{font:800 1rem/1.4 var(--sans);margin:0 0 6px;color:var(--sage-ink)}
.course .cgroup{margin:12px 0 4px;font-weight:800;font-size:.93rem}
.course ul{padding-left:20px;color:var(--ink-2);font-size:.97rem}
.course li{margin:2px 0}
@media (min-width:900px){.more-in{grid-template-columns:repeat(2,1fr);column-gap:40px}}

/* accordion common */
.acc-ic{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--sand);transition:transform .35s ease,background-color .3s}
.acc-ic .ic{width:18px;height:18px}
details[open]>summary .acc-ic{transform:rotate(45deg);background:var(--sage-w)}
@media (prefers-reduced-motion:reduce){.acc-ic{transition:none}}

/* price cards */
.cards{display:grid;gap:22px}
.card{display:flex;flex-direction:column;background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.card-top{padding:26px 26px 22px;position:relative}
.c1 .card-top{background:var(--peach-w)}.c2 .card-top{background:var(--sage-w)}.c3 .card-top{background:var(--sky-w)}
.c4 .card-top{background:var(--sand)}
.info-box{display:flex;gap:10px;align-items:flex-start}
.info-box .ic{flex:none;width:20px;height:20px;margin-top:2px;color:var(--sage-ink)}
.info-box p{margin:0}
.info-box p+p{margin-top:6px}
.card-for{display:inline-block;font-weight:800;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin:16px 0 6px}
.card h3{font-size:1.55rem;margin:0}
.price{display:flex;align-items:baseline;gap:6px;margin:0;padding:20px 26px 6px;font-family:var(--serif)}
.price strong{font-size:3.1rem;font-weight:400;line-height:1;letter-spacing:-.02em}
.price span{font:800 1rem var(--sans);color:var(--ink-2)}
.price small{font:700 1rem var(--sans);color:var(--ink-2)}
.card-body{padding:6px 26px 26px;display:flex;flex-direction:column;flex:1}
.facts{list-style:none;display:grid;gap:8px;margin:12px 0 18px}
.facts li{display:flex;gap:10px;align-items:flex-start;font-weight:700;font-size:.97rem;line-height:1.45}
.facts .ic{width:20px;height:20px;color:var(--sage-ink);margin-top:1px}
.card-body>p{color:var(--ink-2);font-size:.98rem}
.card details{border-top:1px solid var(--sand-2);margin:6px 0 22px}
.card summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;font-weight:800;cursor:pointer}
.card summary::-webkit-details-marker{display:none}
.ticks{list-style:none;display:grid;gap:7px;margin:4px 0 12px}
.ticks li{position:relative;padding-left:22px;font-size:.96rem;line-height:1.5;color:var(--ink-2)}
.ticks li::before{content:"";position:absolute;left:3px;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--sage)}
.methods-t{font-weight:800;margin:14px 0 6px}
.note{font-size:.93rem;color:var(--ink-2);background:var(--sand);border-radius:12px;padding:10px 14px}
.card .btn{margin-top:auto;width:100%}
.svc-note{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:28px;font-weight:700;color:var(--ink-2);text-align:center}
.svc-note .ic{color:var(--sage-ink)}
@media (min-width:760px){.cards{grid-template-columns:repeat(2,1fr);align-items:start}}

/* timeline: Kā notiek */
.steps{list-style:none;display:grid;gap:0;counter-reset:s;position:relative}
.steps>li{position:relative;padding:0 0 34px 78px}
.steps>li::before{content:"";position:absolute;left:28px;top:60px;bottom:6px;border-left:2px dashed var(--sand-3)}
.steps>li:last-child::before{display:none}
.step-n{position:absolute;left:0;top:0;width:58px;height:58px;display:grid;place-items:center;border-radius:58% 42% 55% 45%/50% 55% 45% 50%;background:var(--paper);font:400 1.6rem/1 var(--serif);color:var(--sage-ink);box-shadow:inset 0 0 0 2px var(--sand-2)}
.step-ic{display:flex;align-items:center;gap:10px;margin:12px 0 8px;color:var(--clay-ink)}
.step-ic .ic{width:26px;height:26px}
.steps h3{margin:14px 0 6px}
.steps p{color:var(--ink-2);margin:0;max-width:44ch}
.steps-more{margin-top:24px}
@media (min-width:980px){
  .steps{grid-template-columns:repeat(4,1fr);gap:32px}
  .steps>li{padding:0}
  .steps>li::before{left:70px;right:-32px;top:28px;bottom:auto;border-left:0;border-top:2px dashed var(--sand-3)}
  .step-n{position:relative}
  .steps h3{margin-top:22px}
}

/* sand therapy */
.sand-grid{display:grid;gap:44px;align-items:start}
.sand-pic{margin:0;position:relative}
.sand-pic .frame{border-radius:var(--r) var(--r) 999px 999px;overflow:hidden;aspect-ratio:3/4;background:var(--sand-2)}
.sand-pic img{width:100%;height:100%;object-fit:cover}
.sand-pic figcaption{position:relative;margin:-56px 18px 0;background:var(--paper);border-radius:var(--r-sm);padding:22px 24px;box-shadow:var(--shadow)}
.sand-pic blockquote{margin:0;font:400 1.08rem/1.5 var(--serif)}
.sand-pic cite{display:block;margin-top:8px;font:700 .9rem var(--sans);font-style:normal;color:var(--ink-2)}
.big{font:400 clamp(1.2rem,2vw,1.4rem)/1.5 var(--serif);color:var(--ink)}
.sand-txt h3{margin-top:30px}
.pills{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 26px}
.pills li{display:flex;align-items:center;gap:8px;background:var(--paper);border-radius:999px;padding:9px 16px 9px 12px;font-weight:700;font-size:.95rem}
.pills .ic{width:18px;height:18px;color:var(--sage-ink)}
.video-link{display:flex;align-items:center;gap:16px;padding:14px 20px 14px 14px;border-radius:var(--r-sm);background:var(--paper);text-decoration:none;color:var(--ink);max-width:520px}
.video-link:hover{color:var(--ink);background:#fff}
.video-link .pl{display:grid;place-items:center;width:52px;height:52px;flex:none;border-radius:50%;background:var(--clay);color:#fff}
.video-link .pl .ic{width:20px;height:20px;margin-left:3px}
.video-link small{display:block;color:var(--ink-2);font-size:.9rem}
@media (min-width:900px){.sand-grid{grid-template-columns:1.15fr .85fr;gap:72px}}

/* methods */
.tools{list-style:none;display:grid;gap:12px}
.tools li{display:flex;gap:16px;align-items:flex-start;padding:20px;border-radius:var(--r-sm);background:#fff;box-shadow:var(--shadow)}
.tools h3{font-size:1.12rem;margin:2px 0 4px}
.tools p{margin:0;color:var(--ink-2);font-size:.95rem;line-height:1.55}
@media (min-width:640px){.tools{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.tools{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.tools li{flex:0 0 calc(25% - 12px);flex-direction:column;padding:24px}}

/* office */
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gallery img{width:100%;height:100%;object-fit:cover;border-radius:var(--r-sm);background:var(--sand-2)}
.gallery .g1{grid-column:1/-1;aspect-ratio:3/2;border-radius:var(--r) var(--r) var(--r-sm) var(--r-sm)}
.gallery .g2,.gallery .g3{aspect-ratio:3/4}
.gallery .g3{border-radius:var(--r-sm) var(--r-sm) 999px 999px}
.office-foot{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;margin-top:26px}
.office-foot p{display:flex;gap:10px;align-items:center;margin:0;font-weight:700}
.office-foot .ic{color:var(--sage-ink)}
@media (min-width:900px){.gallery{grid-template-columns:2fr 1fr 1fr}.gallery .g1{grid-column:auto;aspect-ratio:auto}.gallery .g2,.gallery .g3{aspect-ratio:3/4.4}}

/* articles */
.posts{list-style:none;display:grid;gap:18px}
.posts a{display:flex;flex-direction:column;height:100%;padding:0 0 24px;border-radius:var(--r);background:#fff;box-shadow:var(--shadow);text-decoration:none;color:var(--ink);overflow:hidden;transition:transform .35s ease}
.posts a:hover{transform:translateY(-3px);color:var(--ink)}
.post-art{height:118px;display:grid;place-items:center;position:relative}
.post-art svg{width:100%;height:100%}
.p1 .post-art{background:var(--peach-w)}.p2 .post-art{background:var(--sage-w)}.p3 .post-art{background:var(--sky-w)}
.posts .meta{display:flex;align-items:center;gap:8px;margin:20px 24px 8px;color:var(--ink-2);font-weight:700;font-size:.88rem}
.posts .meta .ic{width:18px;height:18px}
.posts h3,.posts h2{margin:0 24px 10px;font-size:1.28rem;line-height:1.3}
.posts p{margin:0 24px 14px;color:var(--ink-2);font-size:.96rem}
.posts .more-l{margin:auto 24px 0;display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--clay-ink)}
.posts .more-l .ic{width:18px;height:18px}
@media (min-width:900px){.posts{grid-template-columns:repeat(3,1fr)}}
@media (prefers-reduced-motion:reduce){.posts a{transition:none}}

/* FAQ */
.faq-grid{display:grid;gap:36px}
.faq-cat{margin:30px 0 10px;font:800 .8rem/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--sage-ink)}
.faq-cat:first-child{margin-top:0}
.faq details{background:#fff;border-radius:var(--r-sm);margin-bottom:10px;box-shadow:0 1px 2px rgba(58,47,43,.04)}
.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;font-weight:800;line-height:1.4;cursor:pointer;border-radius:var(--r-sm)}
.faq summary::-webkit-details-marker{display:none}
.faq details p{margin:0;padding:0 20px 20px;color:var(--ink-2)}
.faq-side .ask{margin-top:22px;padding:24px;border-radius:var(--r-sm);background:var(--paper)}
.faq-side .ask p{font-weight:700}
@media (min-width:980px){.faq-grid{grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start}.faq-side{position:sticky;top:110px}}

/* contact */
.contact-card{display:grid;gap:34px;background:var(--paper);border-radius:clamp(28px,4vw,44px);padding:clamp(28px,5vw,60px);box-shadow:var(--shadow);position:relative;overflow:hidden}
.contact-card h2{margin-bottom:14px}
.c-main{display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:22px;background:var(--clay);color:#fff;text-decoration:none;box-shadow:0 14px 30px -14px rgba(169,82,58,.8);margin:26px 0 12px}
.c-main:hover{background:var(--clay-d);color:#fff}
.c-main .ic{width:30px;height:30px}
.c-main small,.c-btn small{display:block;font-weight:700;font-size:.85rem;opacity:.9}
.c-main b{font:500 1.5rem/1.2 var(--serif);letter-spacing:.01em}
.c-alt{display:grid;gap:10px}
.c-btn{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:18px;background:var(--sand);color:var(--ink);text-decoration:none;font-weight:800;min-width:0}
.c-btn:hover{background:var(--sand-2);color:var(--ink)}
.c-btn span{min-width:0;overflow-wrap:anywhere}
.c-btn .ic{color:var(--sage-ink)}
.c-info{list-style:none;display:grid;gap:14px}
.c-info li{display:flex;gap:14px;align-items:flex-start}
.c-info .ic{margin-top:2px;color:var(--sage-ink)}
.c-info a{font-weight:800}
.c-info small{display:block;color:var(--ink-2)}
.socials{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;align-items:center}
.socials span{font-weight:800;margin-right:4px}
.socials a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px 9px 12px;border-radius:999px;border:1.5px solid var(--sand-2);color:var(--ink);text-decoration:none;font-weight:700;font-size:.93rem}
.socials a:hover{background:var(--sand)}
.socials .ic{width:20px;height:20px}
@media (min-width:640px){.c-alt{grid-template-columns:1fr 1fr}.c-alt .c-btn:last-child{grid-column:1/-1}}
@media (min-width:980px){.contact-card{grid-template-columns:1.1fr .9fr;gap:60px}.contact-side{border-left:1.5px dashed var(--sand-2);padding-left:48px}}

/* footer */
.site-foot{background:var(--foot);color:#E9E2D6;padding:0 0 30px;position:relative}
.site-foot .wave{color:var(--foot)}
.site-foot a{color:#F6EEE2}
.foot-in{display:grid;gap:34px;padding-top:30px}
.foot-brand{display:flex;align-items:center;gap:12px;font:500 1.3rem/1.2 var(--serif);color:#FBF7F1;margin-bottom:10px}
.foot-in p{margin:0 0 6px}
.crisis{background:rgba(251,247,241,.08);border-radius:var(--r-sm);padding:22px;display:flex;gap:16px}
.crisis .ic{color:#F2C9B3;width:28px;height:28px}
.crisis strong{color:#FBF7F1;display:block;margin-bottom:4px}
.crisis a{font-weight:800}
.foot-nav ul{list-style:none;display:grid;gap:4px}
.foot-nav a{text-decoration:none;font-weight:700}
.foot-nav a:hover{text-decoration:underline}
.foot-soc{display:flex;gap:10px;margin-top:14px}
.foot-soc a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(251,247,241,.1)}
.foot-soc a:hover{background:rgba(251,247,241,.2)}
.foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-top:1px solid rgba(251,247,241,.15);margin-top:36px;padding-top:20px;font-size:.92rem}
.foot-bottom p{margin:0}
@media (min-width:900px){.foot-in{grid-template-columns:1.1fr 1.2fr .7fr;gap:56px}}

/* sticky mobile bar - only after the hero, never over it */
.mbar{position:fixed;left:10px;right:10px;bottom:10px;z-index:50;display:flex;gap:8px;padding:8px;border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 18px 40px -16px rgba(58,47,43,.45);transform:translateY(140%);visibility:hidden;transition:transform .45s ease,visibility .45s;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px)/2)}
.mbar.show{transform:none;visibility:visible}
.mbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;padding:6px 10px;border-radius:16px;color:var(--ink);text-decoration:none;font-weight:800;font-size:.78rem}
.mbar a .ic{width:22px;height:22px;color:var(--sage-ink)}
.mbar .mb-main{flex:1;flex-direction:row;gap:8px;background:var(--clay);color:#fff;font-size:1rem}
.mbar .mb-main .ic{color:#fff}
@media (min-width:900px){.mbar{display:none}}
@media (max-width:899px){.site-foot{padding-bottom:100px}}
@media (prefers-reduced-motion:reduce){.mbar{transition:none}}


/* ===== inner pages ===== */
.page-hero{padding:clamp(28px,5vw,64px) 0 clamp(40px,6vw,72px);position:relative;overflow:hidden}
.page-hero h1{font-size:clamp(2.3rem,6vw,4rem);max-width:16ch}
.page-hero .lead{margin-top:6px}
.crumbs{margin-bottom:22px;font-size:.92rem;font-weight:700}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.crumbs li{display:flex;align-items:center;gap:6px;color:var(--ink-2)}
.crumbs li+li::before{content:"";width:16px;height:6px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 8' fill='none' stroke='%23A08C77' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M1 4c2-2.7 4-2.7 6 0s4 2.7 6 0 4-2.7 6 0 4 2.7 6 0'/%3E%3C/svg%3E")}
.crumbs a{color:var(--ink-2)}
.chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin-top:26px}
.chips a{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:var(--paper);color:var(--ink);text-decoration:none;font-weight:800;font-size:.95rem;box-shadow:var(--shadow)}
.chips a:hover{background:#fff}
.chips .ic{width:18px;height:18px;color:var(--sage-ink)}
.page-sun{position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#F6D7C2,#EFC2A6 70%);opacity:.7;z-index:0}
.page-hero .wrap{position:relative;z-index:1}
@media (max-width:700px){.page-sun{width:170px;height:170px;right:-70px;top:-50px}}

/* pirmā nodarbība */
.talk{display:grid;gap:28px;background:#fff;border-radius:var(--r);padding:clamp(26px,4vw,48px);box-shadow:var(--shadow);margin-top:clamp(40px,6vw,64px)}
.talk-list{list-style:none;display:grid;gap:14px}
.talk-list li{display:flex;gap:14px;align-items:flex-start;line-height:1.55}
.talk-list .ic{color:var(--sage-ink);margin-top:2px}
@media (min-width:900px){.talk{grid-template-columns:.8fr 1.2fr;gap:52px}}
.practical{margin-top:22px;background:var(--sand);border-radius:var(--r);padding:clamp(24px,3vw,36px)}
.practical h3{margin-bottom:14px}
.practical ul{list-style:none;display:grid;gap:12px}
.practical li{display:flex;gap:12px;align-items:flex-start}
.practical .ic{color:var(--sage-ink)}
@media (min-width:900px){.practical ul{grid-template-columns:repeat(3,1fr);gap:24px}}

.kids .sec-head{margin-bottom:0}

.video-slot{margin:0 0 18px;border-radius:var(--r);overflow:hidden;background:var(--sand);aspect-ratio:16/9;position:relative}
.video-slot video{width:100%;height:100%;object-fit:cover}
.ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:var(--ink-2);font-weight:800;border:2px dashed var(--sand-3);border-radius:inherit}
.ph .ic{width:34px;height:34px;color:var(--sand-3)}
.video-slot.loaded .ph{display:none}
.slots{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.slot{margin:0;position:relative;border-radius:var(--r-sm);overflow:hidden;background:var(--sand);aspect-ratio:3/4}
.slot-land{grid-column:1/-1;aspect-ratio:3/2}
.slot img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}
.slot.missing img{visibility:hidden}
.slot.loaded .ph{display:none}
@media (max-width:859px){.slots .slot:nth-child(4){grid-column:1/-1;aspect-ratio:3/2}}
@media (min-width:860px){.slots{grid-template-columns:2fr 1fr 1fr 1fr;grid-auto-rows:clamp(260px,26vw,360px)}.slot,.slot-land{aspect-ratio:auto}.slot-land{grid-column:auto}}
.js .slot.missing{display:none}

/* blog index */
.short-list{display:grid;gap:22px;margin-top:10px}
.short{display:grid;gap:22px;background:#fff;border-radius:var(--r);padding:clamp(22px,3.4vw,40px);box-shadow:var(--shadow);scroll-margin-top:100px}
.short-img{border-radius:22px;overflow:hidden;background:var(--sand-2);aspect-ratio:4/3}
.short-img img{width:100%;height:100%;object-fit:cover}
.short h2{font-size:clamp(1.45rem,2.6vw,1.9rem)}
.tip{display:flex;gap:14px;align-items:flex-start;background:var(--sage-w);border-radius:var(--r-sm);padding:18px 20px;margin:18px 0}
.tip .ic{color:var(--sage-ink);margin-top:2px}
.tip strong{display:block;margin-bottom:2px}
.lit{font-size:.88rem;color:var(--ink-2);margin-top:14px}
.lit strong{display:block;margin-bottom:4px;color:var(--ink)}
.lit ul{padding-left:18px}
.lit li{margin:3px 0}
@media (min-width:860px){.short{grid-template-columns:260px 1fr;gap:40px;align-items:start}}

/* article */
.post-head{padding:clamp(28px,5vw,60px) 0 clamp(32px,5vw,56px)}
.post-head h1{font-size:clamp(2.1rem,5.4vw,3.4rem);line-height:1.1}
.byline{display:flex;align-items:center;gap:14px;margin-top:24px;color:var(--ink-2);font-size:.95rem}
.byline img{width:52px;height:52px;border-radius:50%;object-fit:cover;background:var(--sand-2)}
.byline b{display:block;color:var(--ink)}
.prose{font-size:1.1rem;line-height:1.8}
.prose>p,.prose>ul,.prose>ol{max-width:68ch}
.prose h2{font-size:clamp(1.5rem,3vw,2rem);margin:1.9em 0 .6em}
.prose ul:not([class]),.prose ol{padding-left:24px;margin:0 0 1.2em}
.prose ul:not([class]) li,.prose ol li{margin:.4em 0}
.prose ol li::marker{font-family:var(--serif);color:var(--sage-ink);font-weight:500}
.post-lead{font:400 clamp(1.25rem,2.2vw,1.45rem)/1.55 var(--serif);color:var(--ink);margin-bottom:1.4em}
.phrases{list-style:none;display:grid;gap:10px;margin:18px 0 26px;padding:0}
.phrases li{background:var(--sky-w);padding:14px 20px;border-radius:22px 22px 22px 6px;font-weight:700;width:fit-content;max-width:100%}
.phrases li:nth-child(even){background:var(--peach-w);border-radius:22px 22px 6px 22px;margin-left:auto}
.pairs{list-style:none;display:grid;gap:12px;margin:18px 0 26px;padding:0}
.pairs li{display:grid;gap:6px;padding:16px 20px;border-radius:var(--r-sm);background:#fff;box-shadow:var(--shadow)}
.pairs s{color:var(--ink-2);text-decoration-color:var(--clay);text-decoration-thickness:1.5px}
.pairs span{font-weight:800;color:var(--sage-ink);display:flex;gap:8px;align-items:baseline}
.pairs span::before{content:"→";color:var(--clay-ink)}
@media (min-width:700px){.pairs li{grid-template-columns:1fr 1.2fr;align-items:center}}
.post-cta{margin:52px 0 30px;padding:clamp(26px,4vw,40px);border-radius:var(--r);background:var(--peach-w);position:relative;overflow:hidden}
.post-cta h2{margin-top:0}
.post-cta .btns{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 0}
.disclaimer{font-size:.9rem;color:var(--ink-2);font-style:italic}
.more-posts{margin-top:52px;padding-top:36px;border-top:1.5px dashed var(--sand-2)}
.more-posts h2{font-size:1.5rem;margin-top:0}
.more-posts ul{list-style:none;display:grid;gap:12px;padding:0}
.more-posts a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-radius:var(--r-sm);background:var(--sand);color:var(--ink);text-decoration:none;font-weight:800;line-height:1.4}
.more-posts a:hover{background:var(--sand-2);color:var(--ink)}
.more-posts .ic{color:var(--clay-ink)}
.legal h2{font-size:1.45rem;margin-top:1.6em}
.e404{text-align:center;padding:clamp(60px,10vw,120px) 0}
.e404 h1{font-size:clamp(2.2rem,7vw,3.6rem);max-width:none}

/* ===== v2b additions ===== */
/* online badge in hero */
.online-badge{display:inline-flex;align-items:center;gap:12px;margin:0 0 28px;padding:10px 18px 10px 14px;border-radius:999px;background:#fff;border:1.5px solid var(--sky);color:var(--ink);text-decoration:none;font-weight:700;font-size:.97rem;line-height:1.35;box-shadow:var(--shadow)}
.online-badge:hover{color:var(--ink);border-color:#3F5F6B}
.online-badge b{color:#2F5260;font-weight:800}
.online-badge .ic{width:18px;height:18px;color:#3F5F6B}
.online-badge .dot{position:relative;width:12px;height:12px;flex:none;border-radius:50%;background:#5E9AAE}
.online-badge .dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid #5E9AAE;opacity:0}
@media (prefers-reduced-motion:no-preference){.online-badge .dot::after{animation:ping 2.6s ease-out infinite}@keyframes ping{0%{transform:scale(.6);opacity:.7}80%,100%{transform:scale(1.5);opacity:0}}}
.hero .lead{margin-bottom:24px}

/* online highlight card */
.online{display:grid;gap:8px;margin-top:clamp(28px,4vw,44px);border-radius:var(--r);background:linear-gradient(135deg,#E5EEF1 0%,#EEF3F2 55%,#F6EFE6 100%);overflow:hidden;box-shadow:var(--shadow);scroll-margin-top:100px}
.online-art{padding:22px 22px 0;display:grid;place-items:center}
.online-art svg{width:100%;max-width:400px;height:auto}
.online-txt{padding:10px clamp(24px,4vw,48px) clamp(28px,4vw,44px)}
.online-txt h2{font-size:clamp(1.8rem,3.6vw,2.5rem);margin-bottom:.4em}
.online-txt>p{color:var(--ink-2);max-width:52ch}
.online-txt .tag-new{display:inline-block;margin:0 0 14px;padding:5px 14px;border-radius:999px;background:var(--clay);color:#fff;font:800 .78rem/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.online-list{list-style:none;display:grid;gap:12px;margin:22px 0 18px}
.online-list li{display:flex;gap:12px;align-items:flex-start;font-weight:700;line-height:1.45}
.online-list .ic{color:#3F5F6B;margin-top:-1px}
.online-note{font-size:.95rem;color:var(--ink-2);margin:0 0 24px}
.btn-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
@media (min-width:900px){.online{grid-template-columns:.9fr 1.1fr;align-items:center;gap:0}.online-art{padding:36px 0 36px 40px}.online-txt{padding:44px 52px 44px 36px}}
/* online illustration motion */
@media (prefers-reduced-motion:no-preference){
  .oa-dot{animation:typing 1.6s ease-in-out infinite}
  .oa-dot.d2{animation-delay:.2s}.oa-dot.d3{animation-delay:.4s}
  @keyframes typing{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}
  .oa-sun{animation:breathe 9s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
  .oa-wave{animation:wave 2.8s ease-in-out infinite;transform-box:fill-box;transform-origin:20% 90%}
  @keyframes wave{0%,60%,100%{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%,40%{transform:rotate(-6deg)}}
}

/* notes under price cards */
.svc-notes{list-style:none;display:grid;gap:12px;margin-top:28px}
.svc-notes li{display:flex;gap:12px;align-items:flex-start;padding:16px 20px;border-radius:var(--r-sm);background:var(--sand);font-weight:700;line-height:1.5}
.svc-notes li.sky{background:var(--sky-w)}
.svc-notes .ic{color:var(--sage-ink);margin-top:1px}
.svc-notes li.sky .ic{color:#3F5F6B}
.svc-notes a{font-weight:800}
@media (min-width:900px){.svc-notes{grid-template-columns:1fr 1fr}}

/* contact: online line */
.c-info .on b{display:block}

/* ===== pirmā nodarbība - stāsts bērnam ===== */
.story{margin-top:clamp(28px,4vw,44px);display:grid;gap:20px}
.scene{display:grid;grid-template-rows:auto 1fr;background:var(--paper);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.scene-art{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--sky-w)}
.scene-art>svg{position:absolute;inset:0;width:100%;height:100%}
.scene-txt{padding:24px 24px 28px}
.scene-n{display:block;font:800 .78rem/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--sage-ink);margin-bottom:10px}
.scene-txt h3{font:800 clamp(1.45rem,3vw,1.9rem)/1.25 var(--sans);margin:0 0 10px;letter-spacing:-.01em}
.scene-txt p{font-size:clamp(1.12rem,1.8vw,1.25rem);line-height:1.6;margin:0 0 .6em}
.scene-txt p:last-child{margin-bottom:0}
.scene-sign{font:400 clamp(1.4rem,3vw,1.8rem)/1.3 var(--serif);margin-top:14px!important}
@media (min-width:860px){.scene{grid-template-columns:1.1fr .9fr;grid-template-rows:none;align-items:center}.scene-art{height:100%;min-height:440px;aspect-ratio:auto}.scene-txt{padding:40px 44px}}
.story-nav{display:none}
/* book mode (JS): one page at a time */
.is-book .scene{display:none}
.is-book .scene.is-active{display:grid;min-height:var(--sh,0)}
.is-book .story-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}
.story-dots{display:flex;gap:8px;list-style:none}
.story-dots li{width:10px;height:10px;border-radius:50%;background:var(--sand-3);opacity:.6;transition:all .3s ease}
.story-dots li.on{width:26px;border-radius:6px;background:var(--clay);opacity:1}
.story-nav .btn{min-height:50px;padding:12px 22px}
.story-nav .btn[disabled]{opacity:.35;pointer-events:none}
.story-prev .ic{transform:scaleX(-1)}
@media (max-width:480px){.story-nav .btn{padding:12px 18px}.story-prev span{display:none}}
.story-hint{display:flex;gap:10px;align-items:center;font-weight:700;color:var(--ink-2);margin:6px 0 0}
.story-hint .ic{color:var(--clay-ink)}

/* scene-specific art */
.door-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.door-frame{position:absolute;inset:0;perspective:1400px;pointer-events:none}
.door{position:absolute;inset:0;transform-origin:0 50%;backface-visibility:hidden;transform:rotateY(-104deg);background:#C9A27A}
.door svg{width:100%;height:100%}
.door-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 60%,rgba(255,236,205,.0),rgba(255,236,205,0));pointer-events:none}
.hello-scene{background:linear-gradient(180deg,#F9E7DC,#FBF7F1)}
.hello-face{position:absolute;left:50%;top:54%;width:52%;max-width:260px;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;border:8px solid #fff;box-shadow:0 20px 40px -20px rgba(58,47,43,.5)}
.hello-face img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.sbub{position:absolute;padding:10px 16px;border-radius:20px 20px 20px 6px;background:#fff;font:800 clamp(.95rem,2.2vw,1.1rem)/1.25 var(--sans);color:var(--ink);box-shadow:0 10px 24px -14px rgba(58,47,43,.5);white-space:nowrap}
.sbub.r{border-radius:20px 20px 6px 20px}
.hello-scene .b1{left:6%;top:9%}
.hello-scene .b2{right:5%;top:22%;background:var(--sage-w)}
.choose-scene{background:linear-gradient(160deg,#E7EDE3,#FBF7F1)}
.choose-scene .sbub{display:flex;align-items:center;gap:8px}
.choose-scene .sbub .ic{width:22px;height:22px;color:var(--sage-ink)}
.choose-scene .c1{left:7%;top:12%}
.choose-scene .c2{right:7%;top:30%;background:var(--peach-w)}
.choose-scene .c3{left:10%;top:50%;background:var(--sky-w)}
.choose-scene .c4{right:9%;top:70%;background:var(--sand)}
@media (prefers-reduced-motion:no-preference){
  .scene .anim{animation-duration:1.2s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.3,1.3,.5,1)}
  .rise{animation-name:rise;animation-duration:2.6s!important;animation-timing-function:cubic-bezier(.2,.7,.3,1)!important;transform-box:fill-box}
  @keyframes rise{from{transform:translateY(90px)}to{transform:none}}
  .rays{animation:spin 40s linear infinite,fadein 1.6s 1.4s both;transform-box:fill-box;transform-origin:center}
  @keyframes spin{to{transform:rotate(360deg)}}
  @keyframes fadein{from{opacity:0}to{opacity:1}}
  .drift{animation:drift 14s ease-in-out infinite alternate}
  .drift.d2{animation-duration:18s;animation-delay:-6s}
  @keyframes drift{from{transform:translateX(-14px)}to{transform:translateX(18px)}}
  .door{animation:door 2.4s .7s cubic-bezier(.5,0,.3,1) both}
  @keyframes door{from{transform:rotateY(0)}to{transform:rotateY(-104deg)}}
  .door-glow{animation:glow 2.4s 1.4s ease both}
  @keyframes glow{0%{background:radial-gradient(ellipse at 50% 60%,rgba(255,236,205,.0),rgba(255,236,205,0))}50%{background:radial-gradient(ellipse at 50% 60%,rgba(255,236,205,.55),rgba(255,236,205,0) 70%)}100%{background:radial-gradient(ellipse at 50% 60%,rgba(255,236,205,0),rgba(255,236,205,0))}}
  .pop{animation-name:pop}
  @keyframes pop{from{opacity:0;transform:scale(.4) translateY(12px)}to{opacity:1;transform:none}}
  .hello-face.pop{animation-name:popc}
  @keyframes popc{from{opacity:0;transform:translate(-50%,-40%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%)}}
  .drop{animation-name:drop;transform-box:fill-box;transform-origin:50% 100%}
  @keyframes drop{0%{opacity:0;transform:translateY(-140px)}60%{opacity:1;transform:translateY(6px) scaleY(.92)}80%{transform:translateY(-4px)}100%{opacity:1;transform:none}}
  .t1{animation-delay:.3s}.t2{animation-delay:.9s}.t3{animation-delay:1.5s}.t4{animation-delay:2.1s}.t5{animation-delay:2.7s}
  .bob{animation:bob 4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
  @keyframes bob{50%{transform:translateY(-8px)}}
  .twinkle{animation:twinkle 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
  .twinkle.k2{animation-delay:.8s}.twinkle.k3{animation-delay:1.6s}
  @keyframes twinkle{50%{transform:scale(.6);opacity:.4}}
  .is-book .scene.is-active{animation:pagein .6s ease both}
  @keyframes pagein{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
}

.svc-notes.one{max-width:640px;margin-left:auto;margin-right:auto}
@media (min-width:900px){.svc-notes.one{grid-template-columns:1fr}}
.svc-notes.one li{justify-content:center}
.help-cta .help-sub{display:block;line-height:1.5;color:var(--ink-2)}
.online-price{font-weight:700}
.online-price b{font-size:1.15em;color:var(--clay-ink)}

/* v2e: lectures block under the service cards */
.lectures{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:860px;margin:18px auto 0;padding:24px 26px;border-radius:var(--r-sm);background:var(--peach-w)}
.lectures h3{margin:0 0 6px;font:500 1.25rem/1.3 var(--serif)}
.lectures p{margin:0;color:var(--ink-2);line-height:1.6}
.lectures .blob{color:var(--clay-ink)}
.lectures .btn{flex:none}
@media (min-width:760px){.lectures{flex-direction:row;align-items:center;gap:22px;padding:24px 30px}.lect-txt{flex:1}}
/* v2e: spacing - blog block on the main page sits closer to the FAQ (same-tone backgrounds, the wave between them is barely visible) */
#raksti{padding-bottom:clamp(44px,5.5vw,72px)}
#buj{padding-top:clamp(44px,5.5vw,72px)}
#raksti .steps-more{margin:28px 0 0;text-align:center}
/* v2e: spacing - article pages: room before the footer; "Citi raksti" list aligned with its heading */
.post>.prose{padding-bottom:clamp(56px,8vw,104px)}
.prose .more-posts ul{padding-left:0}
.svc-notes.one{max-width:860px}
.p4 .post-art{background:var(--sand)}
.p5 .post-art{background:var(--sage-w)}
.p6 .post-art{background:var(--peach-w)}

/* v2f: compact, refined price cards */
#pakalpojumi .cards{gap:16px;max-width:980px;margin-left:auto;margin-right:auto}
@media (min-width:760px){#pakalpojumi .cards{align-items:start}}
@media (min-width:980px){#pakalpojumi .cards{align-items:stretch}}
#pakalpojumi .card{background:#fff;border:1px solid rgba(217,195,163,.55);border-radius:18px;box-shadow:0 1px 2px rgba(58,47,43,.03),0 6px 18px -14px rgba(58,47,43,.18);padding:20px 22px 16px;overflow:visible}
#pakalpojumi .card-top{display:flex;align-items:center;gap:12px;padding:0;background:none}
#pakalpojumi .card-top .blob{width:40px;height:40px}
#pakalpojumi .card-top .blob .ic{width:22px;height:22px;stroke-width:1.7}
#pakalpojumi .c4 .blob{background:var(--sage-w);color:var(--sage-ink)}
#pakalpojumi .card-ttl{min-width:0}
#pakalpojumi .card-for{display:block;margin:0 0 2px;font-size:.68rem;letter-spacing:.08em;line-height:1.35}
#pakalpojumi .card h3{font-size:1.14rem;line-height:1.25;font-weight:500}
#pakalpojumi .price-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:12px 0 0;padding:10px 0 0;border-top:1px solid var(--sand)}
#pakalpojumi .price{padding:0;gap:4px}
#pakalpojumi .price strong{font-size:1.55rem;color:var(--clay-ink);letter-spacing:-.01em}
#pakalpojumi .price span{font:700 .9rem var(--sans);color:var(--clay-ink)}
#pakalpojumi .price small{font:700 .82rem var(--sans);margin-right:1px}
#pakalpojumi .facts{display:flex;flex-wrap:wrap;gap:2px 12px;margin:0}
#pakalpojumi .facts li{gap:5px;font-size:.84rem;line-height:1.4;color:var(--ink-2);align-items:center}
#pakalpojumi .facts .ic{width:15px;height:15px;margin:0}
#pakalpojumi .card-body{padding:0;margin-top:8px}
#pakalpojumi .card-body>p{font-size:.9rem;line-height:1.5;margin:0 0 8px}
#pakalpojumi .card-body>.facts{display:grid;gap:3px;margin:2px 0 8px;align-content:start}
#pakalpojumi .card-body>.facts li{align-items:flex-start;font-weight:700;color:var(--ink)}
#pakalpojumi .card-body>.facts .ic{margin-top:2px;color:var(--sage-ink)}
#pakalpojumi .info-box{display:flex;gap:8px;align-items:flex-start;font-size:.8rem;line-height:1.45;padding:9px 12px;border-radius:10px;margin:2px 0 8px;background:var(--sky-w)}
#pakalpojumi .info-box .ic{width:16px;height:16px;margin-top:1px;color:#3F5F6B}
#pakalpojumi .info-box p{margin:0}
#pakalpojumi .info-box p+p{margin-top:3px}
#pakalpojumi .card-body>p.note{background:none;border-left:2px solid var(--sand-2);border-radius:0;padding:0 0 0 10px;font-size:.8rem;line-height:1.45}
#pakalpojumi .card details{margin:0;border-top:1px dashed var(--sand-2)}
#pakalpojumi .card summary{padding:8px 0;font-size:.86rem;font-weight:700;color:var(--ink)}
#pakalpojumi .card summary .acc-ic{width:22px;height:22px}
#pakalpojumi .card summary .acc-ic .ic{width:14px;height:14px}
#pakalpojumi .card .ticks{gap:4px;margin:0 0 10px}
#pakalpojumi .card .ticks li{font-size:.86rem;line-height:1.45;padding-left:18px}
#pakalpojumi .card .ticks li::before{width:6px;height:6px;left:2px}
#pakalpojumi .card .methods-t{font-size:.86rem;margin:8px 0 4px}
.card-link{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;min-height:40px;margin-top:auto;padding:6px 0 0;font-weight:800;font-size:.9rem;color:var(--clay-ink);text-decoration:none}
.card-link .ic{width:16px;height:16px;transition:transform .3s ease}
.card-link:hover{color:var(--clay-d)}
.card-link:hover .ic{transform:translateX(3px)}
.card-link:focus-visible{outline:2px solid var(--clay);outline-offset:3px;border-radius:6px}
@media (prefers-reduced-motion:reduce){.card-link .ic{transition:none}}
#pakalpojumi .svc-notes.one{max-width:980px;margin-top:18px}
#pakalpojumi .svc-notes.one li{background:none;padding:0;font-size:.9rem;color:var(--ink-2);gap:8px;align-items:center}
#pakalpojumi .svc-notes.one .ic{width:18px;height:18px;margin:0}
#pakalpojumi .lectures{max-width:980px;margin-top:14px;padding:16px 22px;gap:10px 16px;border:1px solid rgba(237,191,166,.55);border-radius:18px}
#pakalpojumi .lectures .blob{width:40px;height:40px;background:#fff}
#pakalpojumi .lectures .blob .ic{width:22px;height:22px}
#pakalpojumi .lectures h3{font-size:1.05rem;margin:0 0 2px}
#pakalpojumi .lectures p{font-size:.88rem;line-height:1.5}
#pakalpojumi .lectures .card-link{margin-top:0;padding:0;white-space:nowrap}
@media (min-width:760px){#pakalpojumi .lectures{padding:16px 24px}}
#pakalpojumi .svc-notes.one li span{text-align:center}
@media (min-width:980px){
#pakalpojumi .cards{grid-template-columns:repeat(3,1fr);max-width:1040px}
#pakalpojumi .c1{grid-column:1;grid-row:1}#pakalpojumi .c2{grid-column:2;grid-row:1}#pakalpojumi .c4{grid-column:3;grid-row:1}
#pakalpojumi .c3{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto 1fr;column-gap:36px;align-content:start}
#pakalpojumi .c3 .card-body{display:contents}
#pakalpojumi .c3 .card-top{grid-column:1;grid-row:1}
#pakalpojumi .c3 .price-row{grid-column:1;grid-row:2}
#pakalpojumi .c3 .card-body>.facts{grid-column:1;grid-row:3;margin-top:10px}
#pakalpojumi .c3 .card-body>p{grid-column:1;grid-row:4;margin-bottom:0;align-self:start}
#pakalpojumi .c3-side{grid-column:2;grid-row:1/-1;display:flex;flex-direction:column}
#pakalpojumi .c3 .info-box{margin:0 0 6px}
#pakalpojumi .svc-notes.one,#pakalpojumi .lectures{max-width:1040px}
}
#pakalpojumi .c3-side{display:contents}
@media (min-width:980px){#pakalpojumi .c3 .c3-side{display:flex}}
@media (min-width:980px){#pakalpojumi .c1 .card-top,#pakalpojumi .c2 .card-top,#pakalpojumi .c4 .card-top{min-height:62px}}

/* v2g: "Ar ko varu palīdzēt" - equal compact tiles, centred last row, CTA as a slim strip */
#palidziba .help-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:none;margin-left:auto;margin-right:auto}
#palidziba .help-grid li{flex:0 0 100%;flex-direction:row;align-items:center;gap:14px;min-height:0;padding:14px 18px;border:1px solid rgba(217,195,163,.55);border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(58,47,43,.03),0 6px 18px -14px rgba(58,47,43,.18)}
#palidziba .help-grid li p{margin:0;font-size:.93rem;line-height:1.42}
#palidziba .help-grid .blob{width:42px;height:42px}
#palidziba .help-grid .blob .ic{width:23px;height:23px;stroke-width:1.7}
#palidziba .help-grid .help-cta{order:99;display:grid;grid-template-columns:1fr;gap:6px 24px;align-items:center;justify-items:start;margin-top:6px;padding:16px 20px;background:var(--peach-w);border-color:rgba(237,191,166,.55);box-shadow:none}
#palidziba .help-grid .help-cta p{font:500 1.08rem/1.3 var(--serif)}
#palidziba .help-grid .help-cta .help-sub{font-size:.9rem;line-height:1.5}
#palidziba .help-grid .help-cta .btn{min-height:42px;padding:9px 20px;font-size:.92rem;margin-top:6px}
#palidziba .help-grid .help-cta .btn .ic{width:17px;height:17px}
@media (min-width:640px){
#palidziba .help-grid li{flex-basis:calc((100% - 12px)/2);min-height:84px}
#palidziba .help-grid .help-cta{flex-basis:100%;min-height:0;grid-template-columns:1fr auto;padding:16px 24px}
#palidziba .help-grid .help-cta p{grid-column:1;grid-row:1}
#palidziba .help-grid .help-cta .help-sub{grid-column:1;grid-row:2}
#palidziba .help-grid .help-cta .btn{grid-column:2;grid-row:1/3;margin-top:0;justify-self:end}
}
@media (min-width:1000px){
#palidziba .help-grid li{flex-basis:calc((100% - 36px)/4);min-height:88px;padding:14px 18px}
#palidziba .help-grid .help-cta{flex-basis:100%;min-height:0;margin-top:10px}
}

/* Homepage header: static. The hero carries the name and title, so the bar shows only the logo and name (no subtitle). No fades or scroll toggles. */
.home-head .brand small{display:none}
.hero h1.has-role{margin-bottom:10px}
.hero-role{font:700 .9rem/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--sage-ink);margin:0 0 22px}
@media (max-width:600px){.hero-role{font-size:.8rem;margin-bottom:18px}}

/* audit 2026-10-31: role line lives inside the H1 (SEO), same look as before */
.hero h1.has-role{margin-bottom:22px}
.hero h1 .hero-role{display:block;margin:10px 0 0}
@media (max-width:600px){.hero h1.has-role{margin-bottom:18px}.hero h1 .hero-role{margin:10px 0 0}}
/* audit: bigger tap area for footer links without changing layout */
.site-foot a,.c-info a,.e404 p a:not(.btn){padding-block:3px}