/* Sauna Academy · studentu izdevums. Tumšs, silts, žurnāla tipogrāfija; katram numuram sava krāsa (--acc, --deep). */
:root{
  --bg:#0E0C0A; --bg2:#16120F; --bg3:#201B16;
  --line:rgba(242,236,226,.12); --line2:rgba(242,236,226,.24);
  --paper:#F2ECE2; --paper2:#CFC7BA; --muted:#A39A8E;
  --acc:#C9864A; --deep:#1A1510;
  --display:"Schibsted Grotesk","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --gut:clamp(20px,5vw,56px);
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html{background:var(--bg);color-scheme:dark;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--paper);font:400 18px/1.6 var(--serif);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
em,i,cite{font-style:normal}                      /* zīmola noteikums: bez kursīva */
img{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:8px}
svg{flex:none}

.eyebrow{margin:0;font:600 11.5px/1.35 var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--acc)}

/* ---------- pogas ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;border:0;font:600 16px/1 var(--display);text-decoration:none;cursor:pointer;transition:transform .2s var(--ease),background .2s}
.btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.btn:active{transform:scale(.98)}
.btn-main{background:var(--acc);color:#120F0C}
.btn-ghost{background:transparent;color:var(--paper);box-shadow:inset 0 0 0 1px var(--line2)}
.btn-ghost:hover{background:rgba(242,236,226,.06)}
.chip{flex:none;min-height:40px;padding:0 16px;border-radius:999px;border:0;background:rgba(242,236,226,.1);font:600 13px/1 var(--display);cursor:pointer}
.chip:hover{background:rgba(242,236,226,.18)}

/* ---------- valodas ---------- */
.langs{display:flex;gap:4px;padding:4px;border-radius:999px;background:rgba(14,12,10,.55);box-shadow:inset 0 0 0 1px var(--line)}
.lang{min-width:44px;height:36px;border:0;border-radius:999px;background:transparent;font:600 13px/1 var(--display);letter-spacing:.06em;cursor:pointer}
.lang[aria-pressed="true"]{background:var(--paper);color:#120F0C}

/* ---------- ienākšana ---------- */
.gate{position:relative;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;isolation:isolate}
.gate-bg{position:absolute;inset:0;z-index:-1;background:var(--bg)}
.gate-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:gatefade 21s infinite;animation-delay:calc(var(--k) * 7s)}
.gate-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,10,8,.55) 0%,rgba(12,10,8,.12) 30%,rgba(12,10,8,.82) 62%,var(--bg) 100%)}
@keyframes gatefade{0%{opacity:0;transform:scale(1.08)}5%{opacity:.78}33%{opacity:.78}38%{opacity:0;transform:scale(1)}100%{opacity:0}}
.gate-top{display:flex;align-items:center;gap:12px;padding:calc(16px + env(safe-area-inset-top)) var(--gut) 16px}
.gate-top .logo{width:54px;height:auto}
.mast{font:600 11px/1 var(--display);letter-spacing:.3em;text-transform:uppercase}
.gate-top .langs{margin-left:auto}
.gate-body{flex:1;display:grid;align-content:end;gap:26px;width:100%;max-width:1180px;margin:0 auto;padding:24px var(--gut) calc(26px + env(safe-area-inset-bottom))}
.gate-titles{margin:12px 0 0;font:700 clamp(56px,16vw,136px)/.88 var(--display);letter-spacing:-.05em}
.gate-titles span{display:block;color:var(--acc)}
.gate-titles span:first-child{color:var(--paper)}
.gate-lead{max-width:36ch;margin:20px 0 0;font:400 19px/1.5 var(--serif);color:var(--paper2);text-wrap:pretty}
.gate-form{display:grid;gap:14px;padding:22px;border-radius:26px;background:rgba(22,18,15,.84);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px var(--line)}
.gate-h2{margin:0;font:700 28px/1.1 var(--display);letter-spacing:-.02em}
.fld{display:grid;gap:7px}
.fld span{font:600 13px/1.2 var(--display)}
.fld input{width:100%;height:54px;border-radius:14px;border:1px solid rgba(242,236,226,.38);background:rgba(14,12,10,.62);color:var(--paper);padding:0 16px;font:400 17px/1 var(--display)}
.fld input::placeholder{color:#857C71}
.fld input:focus{outline:2px solid var(--acc);outline-offset:1px;border-color:transparent}
.fld input.code{text-align:center;letter-spacing:.42em;font:600 26px/1 var(--display);padding-left:calc(16px + .42em)}
.err{margin:0;color:#FFB79C;font:500 14px/1.4 var(--display)}
.fine{margin:0;font:400 14px/1.45 var(--display);color:var(--muted)}
.demo{margin:0;padding:12px 14px;border-radius:12px;background:rgba(201,134,74,.16);font:500 14px/1.45 var(--display);color:#F4D4B4}
@media (min-width:900px){
  .gate-body{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-content:center;align-items:end;gap:72px}
  .gate-form{padding:30px}
}

/* ---------- josla ---------- */
.bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(8px + env(safe-area-inset-top)) var(--gut) 8px;background:rgba(14,12,10,.8);-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;font:600 11.5px/1 var(--display);letter-spacing:.24em;text-transform:uppercase}
.brand .logo{width:46px;height:auto}
.back{display:flex;align-items:center;gap:6px;min-height:44px;text-decoration:none;font:600 15px/1 var(--display)}
.back svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.avatar{width:44px;height:44px;border-radius:50%;border:0;background:var(--paper);color:#120F0C;font:700 17px/1 var(--display);cursor:pointer}

/* ---------- galds ---------- */
.dash{max-width:1180px;margin:0 auto;padding-bottom:20px}
.hello{padding:30px var(--gut) 0}
.hello h1{margin:10px 0 0;font:700 clamp(38px,10vw,72px)/.98 var(--display);letter-spacing:-.04em;text-wrap:balance}
.sec-h{margin:0 var(--gut) 14px;font:600 12px/1 var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.shelf{padding-top:30px}
.shelf-track{list-style:none;margin:0;padding:0 var(--gut) 10px;display:grid;grid-auto-flow:column;grid-auto-columns:min(72vw,320px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);scrollbar-width:none;overscroll-behavior-x:contain}
.shelf-track::-webkit-scrollbar{display:none}
.shelf-track li{scroll-snap-align:start}
.mag{display:block;text-decoration:none;color:var(--paper)}
.mag-cover{width:100%;height:auto;aspect-ratio:720/939;object-fit:cover;border-radius:6px;box-shadow:0 34px 60px -32px #000,0 0 0 1px rgba(242,236,226,.08);transition:transform .5s var(--ease)}
.mag:hover .mag-cover{transform:translateY(-6px)}
.mag-meta{display:grid;gap:7px;padding:16px 2px 0}
.mag-season{font:600 11px/1.3 var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--acc)}
.mag-title{font:700 28px/1.02 var(--display);letter-spacing:-.025em}
.meter{display:block;height:3px;border-radius:2px;background:rgba(242,236,226,.14);overflow:hidden}
.meter i{display:block;height:100%;background:var(--acc);border-radius:2px}
.mag-count{font:500 13px/1.3 var(--display);color:var(--muted)}
@media (min-width:900px){.shelf-track{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;overflow:visible}}

.cards{display:grid;gap:14px;padding:30px var(--gut) 0}
@media (min-width:760px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
.card{position:relative;display:block;overflow:hidden;padding:22px;border-radius:26px;background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line);color:var(--paper);text-decoration:none}
.card-cont{display:grid;padding:0;background:var(--deep)}
.card-cont img{width:100%;height:200px;object-fit:cover}
.card-in{display:grid;gap:9px;padding:20px 22px 22px}
.card-title{font:700 27px/1.08 var(--display);letter-spacing:-.025em}
.card-text{font:400 16px/1.5 var(--serif);color:var(--paper2)}
.card-go{display:inline-flex;align-items:center;gap:8px;font:600 14px/1 var(--display);color:var(--acc)}
.card-go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.card-tip .tip{margin:12px 0 18px;font:400 22px/1.42 var(--serif);text-wrap:pretty}
.card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;font:500 13px/1.4 var(--display);color:var(--muted)}
.card-foot a{color:var(--paper2);text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px}
.card-daina .daina-lv{margin:12px 0 10px;font:400 21px/1.45 var(--serif)}
.card-daina .daina-tr{margin:0 0 16px;font:400 16px/1.5 var(--serif);color:var(--paper2)}
.feats{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.feats a{display:flex;align-items:center;gap:14px;min-height:64px;padding:10px 14px;border-radius:18px;background:rgba(242,236,226,.05);text-decoration:none;transition:background .2s}
.feats a:hover{background:rgba(242,236,226,.1)}
.feats b{display:block;font:600 16px/1.25 var(--display)}
.feats span span{font:500 13px/1.3 var(--display);color:var(--muted)}
.fi{width:34px;height:34px;fill:none;stroke:var(--acc);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

.foot{display:flex;align-items:center;gap:14px;max-width:1180px;margin:0 auto;padding:44px var(--gut) calc(26px + env(safe-area-inset-bottom));color:var(--muted);font:400 13px/1.5 var(--display)}
.foot p{margin:0;max-width:52ch}
.logo-sm{width:44px;height:auto;opacity:.9}

/* ---------- numurs ---------- */
.hero{position:relative;min-height:76svh;display:flex;align-items:flex-end;overflow:hidden;background:var(--deep)}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.66}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,12,10,.25) 0%,rgba(14,12,10,0) 30%,rgba(14,12,10,.86) 78%,var(--bg) 100%)}
.hero-in{position:relative;z-index:1;display:flex;align-items:flex-end;gap:18px;width:100%;max-width:1180px;margin:0 auto;padding:0 var(--gut) 26px}
.hero-cover{width:92px;height:auto;flex:none;border-radius:4px;box-shadow:0 22px 40px -20px #000,0 0 0 1px rgba(242,236,226,.12)}
.hero-copy{min-width:0}
.hero-title{margin:8px 0 6px;font:700 clamp(54px,16vw,156px)/.86 var(--display);letter-spacing:-.055em;overflow-wrap:anywhere}
.hero-kicker{margin:0;font:500 15px/1.4 var(--display);color:var(--paper2)}
@media (min-width:760px){.hero-cover{width:190px}.hero-in{gap:36px;padding-bottom:44px}}

.intro{max-width:780px;margin:0 auto;padding:24px var(--gut) 0}
.lead{margin:0 0 24px;font:400 clamp(20px,4.8vw,27px)/1.42 var(--serif);text-wrap:pretty}
.intro-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px}
.intro-meta{display:grid;gap:8px;min-width:200px;font:500 13px/1.3 var(--display);color:var(--muted)}
.lines{list-style:none;margin:30px 0 0;padding:0;border-top:1px solid var(--line)}
.lines li{display:grid;gap:3px;padding:14px 0;border-bottom:1px solid var(--line)}
.lines b{font:600 16px/1.3 var(--display);color:var(--acc)}
.lines span{font:400 15px/1.45 var(--serif);color:var(--paper2)}
@media (min-width:760px){.lines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}}

/* ---------- interaktīvie ---------- */
.feature{max-width:880px;margin:46px auto 0;padding:30px var(--gut) 34px;background:var(--deep);scroll-margin-top:72px}
@media (min-width:900px){.feature{border-radius:30px;padding:44px 52px}}
.f-h{margin:8px 0 10px;font:700 clamp(30px,7.6vw,48px)/1.02 var(--display);letter-spacing:-.035em;text-wrap:balance}
.f-deck{margin:0;font:400 17px/1.55 var(--serif);color:var(--paper2);text-wrap:pretty}
.hint{margin:20px 0 10px;font:600 11.5px/1.3 var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.f-text{margin:18px 0 0;font:400 17px/1.55 var(--serif)}
.f-cap{margin:14px 0 0;font:400 13px/1.5 var(--display);color:var(--muted)}

.wheel{position:relative;width:min(100%,460px);aspect-ratio:1;margin:6px auto 0}
.wheel-bg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--acc);stroke-width:.35;opacity:.8}
.wheel-bg .w2{stroke:var(--paper);opacity:.22}
.wheel-bg .w3{stroke:var(--paper);stroke-dasharray:1 1.2;opacity:.38}
.wp{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:5px;min-width:44px;min-height:44px;max-width:96px;padding:4px;border:0;background:transparent;cursor:pointer;font:600 12px/1.15 var(--display);text-align:center}
.wp i{display:block;width:16px;height:16px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 4px var(--deep);transition:transform .25s var(--ease)}
.wp.k2 i{background:var(--deep);box-shadow:inset 0 0 0 2px var(--paper),0 0 0 4px var(--deep)}
.wp.k3 i{width:13px;height:13px;border-radius:2px;background:#C46A33;transform:rotate(45deg)}
.wp span{padding:1px 4px;border-radius:5px;background:var(--deep)}     /* riņķa līnija neiet cauri vārdiem */
.wp.k4{gap:0}
.wp.k4 i{width:72px;height:72px;background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--acc)}
.wp.k4 span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;font-size:11px}
.wp[aria-pressed="true"] span{color:var(--acc)}
.wp[aria-pressed="true"] i{transform:scale(1.35);box-shadow:0 0 0 4px var(--deep),0 0 0 6px var(--acc)}
.wp.k3[aria-pressed="true"] i{transform:rotate(45deg) scale(1.35)}
.wp.k4[aria-pressed="true"] i{transform:none;box-shadow:inset 0 0 0 2.5px var(--acc),0 0 0 6px rgba(242,236,226,.06)}
.wcard{margin:20px 0 0;padding:22px;border-radius:22px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line)}
.wc-name{margin:0;font:700 28px/1.08 var(--display);letter-spacing:-.02em}
.wc-sub{margin:5px 0 14px;font:600 11.5px/1.3 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--acc)}
.wc-row{margin:0 0 10px;font:400 16.5px/1.5 var(--serif)}
.wc-row span{display:block;font:600 11.5px/1.4 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.wc-heart{margin:14px 0 0;padding-top:14px;border-top:1px solid var(--line);font:400 17.5px/1.5 var(--serif)}
.wkey{margin-top:14px;font:400 15.5px/1.55 var(--serif);color:var(--paper2)}
.wkey summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font:600 13px/1.35 var(--display);color:var(--muted)}
.wkey p{margin:0 0 10px}

.pulse{margin:4px 0 0}
.pulse svg{display:block;width:100%;height:auto;overflow:visible}
.zone.z1{fill:rgba(239,126,67,.13)}
.zone.z2{fill:rgba(242,236,226,.05)}
.zt{font:600 3px var(--display);letter-spacing:.25px;fill:var(--paper2);text-anchor:middle}
.grid line{stroke:rgba(242,236,226,.12);stroke-width:.25}
.gy{font:500 2.7px var(--display);fill:var(--muted);text-anchor:middle}
.pl{fill:none;stroke:var(--acc);stroke-width:1.1;stroke-linejoin:round;stroke-linecap:round}
.pd circle{fill:rgba(242,236,226,.26)}
.pd.on circle{fill:var(--acc)}
.pd.cur circle{fill:var(--paper)}
.pd text{font:700 4.6px var(--display);fill:var(--paper);text-anchor:middle}
.pulse figcaption{margin-top:8px;font:500 13px/1.4 var(--display);color:var(--muted)}
.psteps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:14px}
.pstep{display:grid;align-content:start;gap:5px;min-height:84px;padding:12px 9px;border-radius:16px;border:0;background:rgba(242,236,226,.06);text-align:left;cursor:pointer;transition:background .2s}
.pstep b{font:700 24px/1 var(--display);font-variant-numeric:tabular-nums}
.pstep span{font:500 12px/1.25 var(--display);color:var(--paper2)}
.pstep[aria-pressed="true"]{background:var(--acc);color:#120F0C}
.pstep[aria-pressed="true"] span{color:#120F0C}

.compass{position:relative;width:min(100%,480px);margin:4px auto 0;padding:44px 58px}
.compass svg{display:block;width:100%;height:auto;overflow:visible}
.cgrid{fill:none;stroke:rgba(242,236,226,.32);stroke-width:.5}
.cgrid .d{stroke:rgba(242,236,226,.16);stroke-dasharray:1.5 1.5}
.ghost{fill:none;stroke-width:.7;stroke-dasharray:2 1.6;opacity:.5}
.cur{fill-opacity:.3;stroke-width:1.5;stroke-linejoin:round}
.ax{position:absolute;display:grid;gap:2px;max-width:66px;font:500 11px/1.2 var(--display);color:var(--muted)}
.ax b{font:600 12px/1.15 var(--display);color:var(--paper)}
.a0,.a2{left:50%;max-width:none;width:max-content;transform:translateX(-50%);text-align:center}
.a0{top:0}.a2{bottom:0}
.a1{right:0;top:50%;transform:translateY(-50%);text-align:right}
.a3{left:0;top:50%;transform:translateY(-50%)}
.csteps{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}
.cstep{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:0;background:rgba(242,236,226,.07);font:600 14px/1 var(--display);cursor:pointer}
.cstep i{width:10px;height:10px;border-radius:50%;background:var(--c)}
.cstep[aria-pressed="true"]{background:var(--paper);color:#120F0C}
.c-text{margin:18px 0 0;font:400 18px/1.5 var(--serif)}
.c-text b{font-family:var(--display)}

/* ---------- nodaļas ---------- */
.chapters{max-width:880px;margin:48px auto 0;padding:0 var(--gut)}
.chapter{margin:0 0 38px}
.ch-h{display:flex;align-items:baseline;gap:14px;margin:0;padding-bottom:12px;border-bottom:1px solid var(--paper);font:700 clamp(25px,6.4vw,36px)/1.08 var(--display);letter-spacing:-.025em}
.ch-n{font:600 13px/1 var(--display);letter-spacing:.14em;color:var(--acc)}
.chapter.hi .ch-h{border-bottom-color:var(--acc)}
.rows{list-style:none;margin:0;padding:0}
.row{display:grid;grid-template-columns:40px minmax(0,1fr) 78px;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);color:var(--paper);text-decoration:none}
.folio{align-self:start;padding-top:4px;font:600 15px/1 var(--display);font-variant-numeric:tabular-nums;color:var(--acc)}
.row-t{display:grid;gap:5px;min-width:0}
.row-title{font:600 19px/1.2 var(--display);letter-spacing:-.01em;transition:color .2s}
.row.big .row-title{font-size:23px;letter-spacing:-.02em}
.row-desc{font:400 15px/1.45 var(--serif);color:var(--paper2)}
.row-done{display:inline-flex;align-items:center;gap:5px;font:600 12px/1 var(--display);color:var(--acc)}
.row-done svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.row:hover .row-title{color:var(--acc)}
.row.done .folio{opacity:.55}
.thumb{width:78px;height:78px;object-fit:cover;border-radius:14px}
.thumb-type{display:grid;place-items:center;background:var(--deep);font:700 34px/1 var(--display);color:var(--acc)}

.issue-foot{display:grid;gap:14px;max-width:880px;margin:6px auto 0;padding:0 var(--gut)}
.src{display:inline-flex;align-items:center;min-height:44px;font:500 14px/1.3 var(--display);color:var(--muted)}
.next-issue{display:grid;gap:8px;padding:28px;border-radius:26px;background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none}
.ni-t{font:700 clamp(40px,11vw,64px)/.95 var(--display);letter-spacing:-.04em}

/* ---------- stāsts ---------- */
.s-hero{height:min(60svh,560px);margin:0;overflow:hidden;background:var(--deep)}
.s-hero img{width:100%;height:100%;object-fit:cover}
.s-type{display:grid;place-items:center;height:min(40svh,360px)}
.s-type span{font:700 clamp(130px,42vw,280px)/1 var(--display);letter-spacing:-.06em;color:var(--acc)}
.s-in{max-width:690px;margin:0 auto;padding:28px var(--gut) 0}
.s-title{margin:12px 0 8px;font:700 clamp(40px,11vw,76px)/.96 var(--display);letter-spacing:-.045em;text-wrap:balance;overflow-wrap:anywhere}
.s-kicker{margin:0 0 20px;font:500 14px/1.4 var(--display);color:var(--muted)}
.s-deck{margin:0 0 26px;font:400 clamp(20px,5.2vw,25px)/1.5 var(--serif);text-wrap:pretty}
.s-lead{margin:0 0 26px;font:400 18px/1.65 var(--serif);color:var(--paper2)}
.s-quote{margin:0 0 26px;padding:22px 0;border-top:1px solid var(--acc);border-bottom:1px solid var(--line)}
.s-quote p{margin:0;font:600 22px/1.4 var(--serif);text-wrap:pretty}
.s-quote cite{display:block;margin-top:10px;font:500 13px/1.4 var(--display);color:var(--muted)}
.s-tavai{margin:0 0 16px;padding:18px 20px;border-radius:20px;background:var(--deep)}
.s-tavai p:last-child{margin:8px 0 0;font:400 18px/1.5 var(--serif)}
.s-in .btn-main{width:100%;margin-top:10px}
@media (min-width:600px){.s-in .btn-main{width:auto}}
.s-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:690px;margin:36px auto 0;padding:0 var(--gut)}
.s-nav a{display:grid;align-content:start;gap:7px;padding:16px;border-radius:20px;background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;font:600 16px/1.25 var(--display)}
.s-nav .nx{text-align:right}

/* ---------- lasītājs: pilns teksts ---------- */
.bar-r{display:flex;align-items:center;gap:8px}
.size{width:44px;height:44px;border-radius:50%;border:0;background:rgba(242,236,226,.08);font:600 15px/1 var(--display);cursor:pointer}
.s-prog{position:fixed;top:0;left:0;right:0;z-index:30;height:3px;pointer-events:none}
.s-prog i{display:block;width:0;height:100%;background:var(--acc,#C9864A)}
.story{--rs:18.5px}
.story.ts1{--rs:20.5px}
.story.ts2{--rs:23px}
.s-cap{margin:0 0 18px;font:400 13px/1.5 var(--display);color:var(--muted)}
.s-cap b{color:var(--paper2);font-weight:600}
.s-meta{margin:0 0 20px;font:500 14px/1.4 var(--display);color:var(--muted)}
.s-body{font-size:var(--rs)}
.s-body > *{margin:0 0 1.05em}
.b-p{font:400 1em/1.68 var(--serif);text-wrap:pretty;hyphens:auto}
.b-p b{font-weight:600;color:var(--paper)}
.b-lead{font:400 1.12em/1.55 var(--serif);color:var(--paper)}
.b-h2{margin-top:1.6em !important;font:700 clamp(26px,6.6vw,38px)/1.08 var(--display);letter-spacing:-.03em;text-wrap:balance}
.b-h3{margin-top:1.5em !important;margin-bottom:.45em !important;font:650 1.1em/1.25 var(--display);letter-spacing:-.01em;color:var(--paper)}
.b-h4{margin-top:1.4em !important;font:600 12px/1.35 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--acc)}
.b-kick{margin-top:1.4em !important}
.b-small{font:400 .82em/1.55 var(--display);color:var(--paper2)}
.b-small b{color:var(--paper)}
.ref{font:500 .8em/1 var(--display);color:var(--muted);white-space:nowrap}
.b-page{display:flex;align-items:center;gap:12px;margin:2.2em 0 1.4em !important;font:600 11px/1 var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.b-page::before,.b-page::after{content:"";flex:1;height:1px;background:var(--line)}
.b-fig{margin-left:calc(-1 * var(--gut)) !important;margin-right:calc(-1 * var(--gut)) !important}
.b-fig img{width:100%;height:auto;max-height:72svh;object-fit:cover}
.b-fig figcaption{padding:10px var(--gut) 0;font:400 13px/1.5 var(--display);color:var(--muted)}
.b-fig figcaption b{color:var(--paper2);font-weight:600}
@media (min-width:760px){.b-fig{margin-left:0 !important;margin-right:0 !important}.b-fig img{border-radius:14px}.b-fig figcaption{padding-left:0;padding-right:0}}
.b-pageimg a{display:block;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.b-pageimg img{width:100%;height:auto;background:#E7DCCB}
.b-pageimg figcaption{margin-top:8px;font:400 13px/1.45 var(--display);color:var(--muted)}
.b-quote{margin-left:0;margin-right:0;padding:20px 0;border-top:1px solid var(--acc);border-bottom:1px solid var(--line)}
.b-quote p{margin:0;font:600 1.15em/1.42 var(--serif);text-wrap:pretty}
.b-quote cite{display:block;margin-top:10px;font:500 13px/1.4 var(--display);color:var(--muted)}
.b-tavai{padding:18px 20px;border-radius:20px;background:var(--deep)}
.b-tavai p:last-child{margin:8px 0 0;font:400 1em/1.55 var(--serif)}
.b-daina{margin-left:0;margin-right:0;padding:18px 20px;border-radius:20px;background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line)}
.b-daina p{margin:0;font:400 1.05em/1.5 var(--serif)}
.b-daina .tr{margin-top:10px;font-size:.92em;color:var(--paper2)}
.b-daina figcaption{margin-top:10px;font:500 12.5px/1.4 var(--display);color:var(--muted)}
.b-list{padding-left:1.2em;font:400 1em/1.6 var(--serif)}
.b-list li{margin:0 0 .45em;padding-left:.2em}
.b-list li::marker{color:var(--acc)}
.b-list li > b:first-child,.b-card p > b:first-child:not(:only-child){display:block;margin-bottom:2px;font-family:var(--display);color:var(--paper)}
.b-cards{display:grid;gap:10px}
@media (min-width:600px){.b-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.b-card{padding:16px 18px;border-radius:18px;background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line)}
.b-card p{margin:0 0 6px;font:400 .9em/1.5 var(--serif);color:var(--paper2)}
.b-card p:last-child{margin-bottom:0}
.b-card .b-ct{font:600 1em/1.3 var(--display);color:var(--paper)}
.b-card b{color:var(--paper);font-weight:600}
.b-badge{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 8px;margin-bottom:10px;border-radius:999px;background:var(--acc);color:#120F0C;font:700 15px/1 var(--display)}
.b-table{overflow-x:auto;border-radius:14px;box-shadow:inset 0 0 0 1px var(--line);-webkit-overflow-scrolling:touch}
.b-table table{width:100%;min-width:520px;border-collapse:collapse;font:400 14.5px/1.45 var(--display)}
.b-table td,.b-table th{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.b-table th{font-weight:600;color:var(--acc);background:rgba(242,236,226,.03)}
.b-table tr:last-child td{border-bottom:0}
@media (max-width:599px){
  .b-table{overflow:visible;box-shadow:none;border-radius:0}
  .b-table table,.b-table tbody,.b-table tr,.b-table td{display:block;width:auto;min-width:0}
  .b-table tr.th-row{display:none}
  .b-table tr{margin:0 0 10px;padding:14px 16px;border-radius:16px;background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line)}
  .b-table td{padding:3px 0 7px;border:0;font-size:15px}
  .b-table td:first-child{padding-bottom:8px;font-weight:600;font-size:16.5px;color:var(--paper)}
  .b-table td:not(:first-child)::before{content:attr(data-label);display:block;margin-bottom:2px;font:600 11px/1.3 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
  .b-table td[data-label=""]::before{display:none}
}
.b-feature{margin:1.6em calc(-1 * var(--gut)) !important;font-size:16px}
@media (min-width:760px){.b-feature{margin-left:0 !important;margin-right:0 !important}}
.s-pdf{margin-top:14px;width:100%}
@media (min-width:600px){.s-pdf{width:auto}}

/* ---------- profils ---------- */
.sheet{width:100%;max-width:520px;margin:auto auto 0;padding:0;border:0;border-radius:28px 28px 0 0;background:var(--bg2);color:var(--paper);box-shadow:0 -20px 60px rgba(0,0,0,.6)}
.sheet::backdrop{background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.sheet-in{display:grid;gap:10px;padding:26px 22px calc(22px + env(safe-area-inset-bottom))}
.p-name{margin:6px 0 0;font:700 30px/1.05 var(--display);letter-spacing:-.02em}
.p-mail{margin:0 0 6px;font:500 15px/1.3 var(--display);color:var(--muted)}
.p-lbl{margin:8px 0 0;font:600 13px/1 var(--display)}
.sheet .langs{justify-self:start}
.p-msg{min-height:20px;margin:0;font:500 14px/1.3 var(--display);color:var(--acc)}
@media (min-width:600px){.sheet{margin:auto;border-radius:28px}}

/* ---------- kustība ---------- */
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
  }
  ::view-transition-old(root),::view-transition-new(root){animation-duration:.3s}
  ::view-transition-group(*){animation-duration:.5s;animation-timing-function:var(--ease)}
}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
  .gate-bg img:first-child{opacity:.55}
}

/* =====================================================================
   v2 izskats (2026-10-26): žurnāla serifs virsrakstiem, siltāka palete,
   filmas grauds un viegli scroll efekti. Kustība tikai, ja lietotājs to nav izslēdzis.
   ===================================================================== */
:root{
  --bg:#0C0A08; --bg2:#15110D; --bg3:#1E1914;
  --paper:#F3EDE3; --paper2:#D2C9BB; --muted:#A79D90;
  --title:"Instrument Serif","Playfair Display","Source Serif 4",Georgia,serif;
}
body::after{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;background:url(img/grain.png);opacity:.055;mix-blend-mode:overlay}

/* virsraksti: serifs, 400, maza burtu atstarpe */
.gate-titles,.hello h1,.mag-title,.hero-title,.s-title,.f-h,.ni-t,.card-title,.wc-name,.b-h2,.p-name,.gate-h2,.ch-h span:last-child{
  font-family:var(--title);font-weight:400;letter-spacing:-.012em}
.gate-titles{font-size:clamp(64px,19vw,168px);line-height:.86}
.hello h1{font-size:clamp(46px,12vw,92px);line-height:.95}
.mag-title{font-size:34px;line-height:1}
.hero-title{font-size:clamp(72px,22vw,210px);line-height:.84}
.s-title{font-size:clamp(46px,12.5vw,92px);line-height:.95}
.f-h{font-size:clamp(36px,9vw,58px);line-height:1}
.ni-t{font-size:clamp(52px,14vw,84px)}
.card-title{font-size:32px;line-height:1.02}
.wc-name{font-size:34px}
.b-h2{font-size:clamp(32px,8vw,46px);line-height:1.02}
.ch-h{align-items:center}
.ch-h span:last-child{font-size:clamp(30px,8vw,44px);line-height:1}
.folio{font:400 24px/1 var(--title);padding-top:0}

/* siltums aiz galda un numura ievada */
.dash{position:relative}
.dash::before{content:"";position:absolute;inset:-80px 0 auto 0;height:620px;z-index:-1;pointer-events:none;
  background:radial-gradient(70% 60% at 15% 0%,rgba(201,134,74,.16),transparent 70%)}
.intro{position:relative}
.intro::before{content:"";position:absolute;inset:-40px -20vw auto -20vw;height:420px;z-index:-1;pointer-events:none;
  background:radial-gradient(50% 60% at 50% 0%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 70%)}
main{position:relative;z-index:0}

/* vāki: gaismas atspīdums */
.mag-cover{border-radius:4px;box-shadow:0 40px 70px -34px #000,0 0 0 1px rgba(243,237,227,.1)}
.mag{position:relative}
.mag::after{content:"";position:absolute;left:0;right:0;top:0;aspect-ratio:720/939;border-radius:4px;pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 32%)}

/* josla virs lielā foto: caurspīdīga, ritinot kļūst tumša */
body.has-hero .bar{position:fixed;left:0;right:0;top:0;background:linear-gradient(180deg,rgba(12,10,8,.72),rgba(12,10,8,0));
  border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
body.has-hero .hero,body.has-hero .s-hero{margin-top:0}
.s-prog{z-index:40}

/* stāsta iniciālis un citāti */
.s-body > .b-p:first-of-type::first-letter{float:left;margin:.05em .12em 0 0;font:400 4.4em/.8 var(--title);color:var(--acc)}
.b-quote p{font:400 1.5em/1.2 var(--title);letter-spacing:-.005em}
.b-quote p::before{content:"";display:block;width:36px;height:2px;margin-bottom:14px;background:var(--acc)}
.b-lead{font-size:1.18em}

/* kartītes un rindas: pieskāriens */
.card,.feats a,.b-card,.next-issue,.s-nav a{transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .25s}
@media (hover:hover){
  .card:hover,.next-issue:hover,.s-nav a:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--line2),0 24px 50px -30px #000}
  .row:hover .thumb{transform:scale(1.04)}
}
.thumb{transition:transform .5s var(--ease)}
.btn-main:hover{filter:brightness(1.07)}

/* ---------- scroll efekti ---------- */
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:scroll()){
    body.has-hero .bar{animation:barSolid linear both;animation-timeline:scroll(root);animation-range:0 280px}
    .hero-photo,.s-hero img{animation:parallax linear both;animation-timeline:scroll(root);animation-range:0 100vh}
    .hero-in{animation:heroOut linear both;animation-timeline:scroll(root);animation-range:0 70vh}
  }
  @supports (animation-timeline:view()){
    .s-body > *,.cards > *,.lines li,.feature,.chapter .ch-h,.wcard,.b-card{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 38%}
  }
  @supports (animation-timeline:view(inline)){
    @media (max-width:899px){
      .shelf-track li{animation:coverflow linear both;animation-timeline:view(inline)}
    }
  }
  [data-enter] .hero-title,[data-enter] .s-title,[data-enter] .hello h1,[data-enter] .gate-titles span{animation:titleIn .9s var(--ease) both}
  [data-enter] .gate-titles span:nth-child(2){animation-delay:.08s}
  [data-enter] .gate-titles span:nth-child(3){animation-delay:.16s}
}
@keyframes barSolid{to{background:rgba(12,10,8,.9);border-bottom-color:rgba(243,237,227,.12);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}
@keyframes parallax{to{transform:translateY(24%) scale(1.08)}}
@keyframes heroOut{to{transform:translateY(-48px);opacity:.15}}
@keyframes coverflow{0%{transform:scale(.88);opacity:.55}45%,55%{transform:scale(1);opacity:1}100%{transform:scale(.88);opacity:.55}}
@keyframes titleIn{from{opacity:0;transform:translateY(16px);letter-spacing:.02em}to{opacity:1;transform:none}}

/* virsraksti, kas ietilpst: izmērs pēc garākā vārda (--len no app.js), vārdi nelūzt pa vidu */
.hero-title{font-size:clamp(56px,min(22vw,calc((100vw - 2 * var(--gut)) / (var(--len,8) * .5))),210px);overflow-wrap:normal}
.s-title{font-size:clamp(38px,min(12.5vw,calc((min(100vw,690px) - 2 * var(--gut)) / (var(--len,8) * .5))),92px);overflow-wrap:normal}
@media (max-width:759px){
  .hero-in{flex-direction:column;align-items:flex-start;gap:16px}
  .hero-cover{width:72px}
}

/* kirilica (Playfair) ir platāka par Instrument Serif */
html[lang="ru"] .hero-title{font-size:clamp(46px,min(20vw,calc((100vw - 2 * var(--gut)) / (var(--len,8) * .62))),190px)}
html[lang="ru"] .s-title{font-size:clamp(34px,min(11vw,calc((min(100vw,690px) - 2 * var(--gut)) / (var(--len,8) * .62))),84px)}
/* dekoratīvās gaismas neveido horizontālu ritināšanu (clip neizjauc sticky) */
main{overflow-x:clip}
/* paskaidrojuma rinda zem saraksta virsraksta (Nr. 02 pieci soļi u. c.) */
.sub{display:block;margin-top:.2em;color:var(--muted);font-size:.94em;line-height:1.5}
/* garie krievu vārdi („Последовательность”): virsraksts drīkst sarukt vairāk, navigācijas kartes nepārplīst */
.s-title{font-size:clamp(28px,min(12.5vw,calc((min(100vw,690px) - 2 * var(--gut)) / (var(--len,8) * .5))),92px)}
html[lang="ru"] .s-title{font-size:clamp(26px,min(11vw,calc((min(100vw,690px) - 2 * var(--gut)) / (var(--len,8) * .64))),84px)}
.s-nav{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.s-nav a{min-width:0;overflow-wrap:break-word;hyphens:auto}
/* 320 px: kartes un apakšvirsraksti nekad neizlien ārpus ekrāna (garie krievu vārdi) */
.b-cards{grid-template-columns:minmax(0,1fr)}
@media (min-width:600px){.b-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.b-card,.b-h2,.b-list li{overflow-wrap:break-word;hyphens:auto}
li .ref,.b-card .ref{white-space:normal}
@media (max-width:360px){html[lang="ru"] .b-h2{font-size:24px}}
/* hero virsraksts pēc savas kolonnas platuma (planšetē blakus vākam kolonna ir šaurāka par ekrānu) */
.hero-copy{flex:1 1 auto;container-type:inline-size}
@media (max-width:759px){.hero-copy{width:100%}}
.hero-title{font-size:clamp(40px,min(22vw,calc(100cqi / (var(--len,8) * .52))),210px)}
html[lang="ru"] .hero-title{font-size:clamp(36px,min(20vw,calc(100cqi / (var(--len,8) * .62))),190px)}
/* kirilicas virsrakstiem (й, ё, Ц) vajag vairāk atstarpes starp rindām */
html[lang="ru"] .s-title{line-height:1.06;letter-spacing:-.03em}
html[lang="ru"] .hero-title{line-height:.98;letter-spacing:-.035em}
html[lang="ru"] .b-h2{line-height:1.14}

/* ---------- bezmaksas kurss: piekrišana, paziņojumi, gaidīšana (2026-10-26) ---------- */
.chk{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;cursor:pointer;font:400 14px/1.45 var(--display);color:var(--paper2)}
.chk input{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin:0;border-radius:7px;border:1px solid rgba(242,236,226,.42);background:rgba(14,12,10,.62);display:grid;place-content:center;cursor:pointer}
.chk input::after{content:"";width:11px;height:6px;border:solid var(--bg,#0E0C0A);border-width:0 0 2.2px 2.2px;transform:rotate(-45deg) translate(1px,-1px);opacity:0}
.chk input:checked{background:var(--acc,#D9905A);border-color:transparent}
.chk input:checked::after{opacity:1}
.chk input:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.note{margin:0;padding:12px 14px;border-radius:12px;background:rgba(242,236,226,.07);font:500 14px/1.45 var(--display);color:var(--paper)}
.fine a,.foot a{color:inherit;text-underline-offset:3px}
.gate-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gate-row .btn{width:100%;padding-left:10px;padding-right:10px;font-size:15px}
.btn:disabled{opacity:.55;cursor:progress}
a[aria-disabled="true"]{opacity:.55;cursor:progress}
.gate-wait{min-height:100svh;display:grid;place-items:center;padding:24px}
.wait{display:grid;justify-items:center;gap:16px;text-align:center;max-width:320px}
.wait .logo{width:120px;height:auto}
.wait-t{margin:0;font:500 16px/1.45 var(--display);color:var(--paper2)}
.wait .btn{width:100%}
@media (prefers-reduced-motion:no-preference){.wait .logo{animation:breathe 2.4s ease-in-out infinite}}
@keyframes breathe{50%{opacity:.55;transform:scale(.97)}}
.p-news{margin:6px 0 2px}
.p-del{margin-top:4px;text-align:center}