/* V32 — Realizacje in the shared ds language (ds-v32.css).
   Widgets keep their own styles: showcase-v10.css (Nordform / Ora / Polana previews), demos-v14.css + work-refresh-v30.css (#odswiezenia). */

/* Opening: disclosure, before/after illustration, index of all concepts */
.rz-open h1{font-size:clamp(48px,5.6vw,92px)}
.rz-disclosure{max-width:36em;margin:-8px 0 30px;padding:14px 18px 15px 20px;border-left:4px solid var(--amber);background:#ffffff0b;font-size:clamp(15px,1.1vw,16.5px);line-height:1.55;color:#c3c6c0}
.rz-disclosure b{display:block;margin-bottom:3px;font-weight:600;color:var(--paper)}

.rz-visual{padding:clamp(22px,2.8vw,40px)}
.rz-shot{position:relative;border:1px solid #ffffff2e;background:#15191c;box-shadow:0 30px 60px -34px #000c}
.rz-shot-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-bottom:1px solid #ffffff1f}
.rz-shot-bar i{flex:none;width:7px;height:7px;border:1px solid #f4f1ea80;border-radius:50%}
.rz-shot-bar span{width:30%;height:12px;margin-inline:auto;border:1px solid #ffffff2a;border-radius:6px;transform:translateX(-22px)}
.rz-shot-view{position:relative;aspect-ratio:520/300;overflow:hidden}
.rz-shot-view svg{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden}
.rz-shot-after .bg{fill:#1c2125}
.rz-shot-before .bg{fill:#2a2f32}
.ds .rz-shot .w{stroke-width:4}
.ds .rz-shot .s{stroke-width:2;opacity:.5}
.rz-shot .h{fill:none;stroke:var(--paper);stroke-width:13;stroke-linecap:round}
.rz-shot .k{fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rz-shot .g{fill:none;stroke:#8d928b;stroke-width:1.5}
.rz-shot .g.t{stroke-width:1.3;opacity:.75}
.rz-shot .g.w{stroke-width:5}
.rz-shot .g.d{stroke-dasharray:3 3}
.rz-shot-before{clip-path:inset(0 58% 0 0);animation:rz-clip 5.5s cubic-bezier(.45,0,.55,1) infinite alternate}
.rz-shot-line{position:absolute;z-index:2;top:0;bottom:0;left:42%;width:2px;margin-left:-1px;background:var(--amber);animation:rz-line 5.5s cubic-bezier(.45,0,.55,1) infinite alternate}
.rz-shot-line i{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;background:var(--amber);color:var(--ink);font:700 15px/1 Figtree,sans-serif;font-style:normal;letter-spacing:.08em;box-shadow:0 6px 18px #0007}
.rz-shot-tag{position:absolute;z-index:3;bottom:10px;left:10px;padding:5px 7px;background:#15191ccc;color:var(--paper);font:600 10px/1 Figtree,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.rz-shot-tag--after{left:auto;right:10px;background:var(--amber);color:var(--ink)}
@keyframes rz-clip{from{clip-path:inset(0 72% 0 0)}to{clip-path:inset(0 30% 0 0)}}
@keyframes rz-line{from{left:28%}to{left:70%}}
.rz-visual figcaption{display:flex;align-items:center;gap:10px;margin:-4px 0 16px;font-size:14.5px;line-height:1.4;color:#b9bcb6}
.rz-visual figcaption:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--amber)}

.rz-index{margin-top:clamp(44px,5vw,68px);border-top:1px solid var(--line-dark)}
.rz-index-row{display:grid;grid-template-columns:minmax(150px,.62fr) repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line-dark)}
.rz-index-title{margin:0;padding:20px 18px 18px 0;font:600 17px/1.3 Figtree,sans-serif;color:var(--paper)}
.rz-index-title small{display:block;margin-top:4px;font-size:14px;font-weight:400;color:#a9aca6}
.rz-index a{display:flex;align-items:center;gap:16px;min-width:0;padding:14px 18px;border-left:1px solid #ffffff1a;transition:background .2s}
.rz-index a:hover{background:#ffffff0a}
.rz-index img,.rz-index-logo{flex:none;width:78px;height:54px;object-fit:cover}
.rz-index img{filter:saturate(.85);transition:filter .3s}
.rz-index a:hover img{filter:saturate(1.15)}
.rz-index-logo{display:grid;place-items:center}
.rz-index-logo svg{width:30px;height:28px}
.rz-index-logo--punkt{background:#273c31;color:#eaece3}
.rz-index-logo--stol{background:#542331;color:#f6efd9}
.rz-index-logo--stol svg{width:30px;height:30px}
.rz-index-logo--motora{background:#234dd8;color:#f0f0e9}
.rz-index-logo--motora svg{width:34px;height:23px}
.rz-index a>span:not(.rz-index-logo){min-width:0}
.rz-index strong{display:block;font:700 clamp(19px,1.5vw,22px)/1.1 Sora,sans-serif;letter-spacing:-.05em;color:var(--paper)}
.rz-index a small{display:block;margin-top:5px;font-size:13.5px;line-height:1.35;color:#a9aca6}
.rz-index a b{margin-left:auto;font-size:22px;font-weight:400;color:var(--amber);transition:transform .25s}
.rz-index a:hover b{transform:translateY(3px)}

/* Case bands */
.rz-case .ds-head .ds-tag,.rz-refresh .ds-head .ds-tag{margin-bottom:12px}
.ds .rz-browser.project-comparison,.ds .rz-browser.project-preview{border-color:#15191c4d;box-shadow:0 36px 70px -48px #15191ca6}
.ds .ds-dark .rz-browser.project-preview{border-color:#ffffff38;box-shadow:0 36px 70px -40px #000}
.rz-browser .project-browser-bar{background:var(--paper);color:#454c50;border-bottom-color:#15191c26}
.rz-browser .project-control-bar{background:#1c2125}
.rz-browser .project-pause{min-height:32px}
.ds .rz-browser :is(.demo-canvas,.project-viewport) img{max-width:none}
.rz-notes{margin-top:clamp(36px,4vw,56px)}
@media(min-width:761px) and (max-width:1100px){.ds .rz-notes--3{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Before/after refreshes (demos-v14 on a light band, see work-refresh-v30.css) */
.rz-refresh .ds-note{margin-top:28px}

@media(max-width:1100px){
  .rz-index-row{grid-template-columns:minmax(142px,.5fr) repeat(3,minmax(0,1fr))}
  .rz-index a{gap:12px;padding:12px 14px}
  .rz-index img,.rz-index-logo{width:60px;height:46px}
  .rz-index a b{display:none}
}
@media(max-width:760px){.ds .rz-notes--3{grid-template-columns:1fr}}
@media(max-width:860px){
  .rz-index-row{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rz-index-title{grid-column:1/-1;padding:16px 0 4px}
  .rz-index-title small{display:inline;margin:0 0 0 8px}
  .rz-index a{flex-direction:column;align-items:flex-start;gap:10px;padding:10px 12px 16px}
  .rz-index-title+a{padding-left:0;border-left:0}
  .rz-index img,.rz-index-logo{width:100%;height:auto;aspect-ratio:3/2}
  .rz-index-logo svg{width:34px;height:32px}
}
@media(max-width:600px){
  .rz-disclosure{margin:-10px 0 26px;padding:12px 14px 13px 16px}
  .rz-shot-bar{height:24px;padding:0 9px}
  .rz-shot-bar i{width:5px;height:5px}
  .rz-shot-line i{width:30px;height:30px;margin:-15px 0 0 -15px;font-size:12px}
  .rz-shot-tag{bottom:7px;left:7px;padding:4px 5px;font-size:8px}
  .rz-shot-tag--after{left:auto;right:7px}
  .rz-index a{padding:10px 8px 14px}
  .rz-index strong{font-size:17px}
  .rz-index a small{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .rz-shot-before,.rz-shot-line{animation:none}
  .rz-index a,.rz-index a b,.rz-index img{transition:none}
}
/* V34 — page headings: same line count after the looser letter spacing (generated). */
html body.ds .rz-open h1{font-size:calc(clamp(48px,5.6vw,92px) * .93)!important}