/* PDD — varianta A: věrně podle homepage.png (split, průsvitný antracitový panel) */

/* ---------- lišta podstránek */
.bar{position:fixed;inset:0 0 auto 0;z-index:100;height:var(--bar-h);color:var(--white);background:var(--grain),var(--ink);background-blend-mode:soft-light,normal;border-bottom:1px solid var(--line-dark);transform:translateY(-101%);transition:transform 500ms var(--ease);visibility:hidden}
body.is-sub .bar{transform:none;visibility:visible}
.bar__in{height:100%;display:flex;align-items:center;gap:var(--s4);max-width:calc(1200px + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}
.bar__brand{display:inline-flex;align-items:center;min-height:44px}
.bar__mark{width:80px;aspect-ratio:962/286;height:auto}
.bar__nav{display:none;gap:4px;margin-left:var(--s2)}
.bar__nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font-size:var(--fs-16);font-weight:500;text-decoration:none;color:var(--on-dark-muted);transition:color var(--t)}
.bar__nav a[aria-current=page]{color:var(--white)}
.bar__nav a[aria-current=page]::after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:2px;background:var(--olive)}
@media (hover:hover){.bar__nav a:hover{color:var(--white)}}
.bar__current{flex:1;font-family:var(--font-cap);font-size:var(--fs-12);letter-spacing:.16em;text-transform:uppercase;color:var(--on-dark-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bar__call{display:inline-flex;align-items:center;gap:10px;min-height:44px;min-width:44px;justify-content:center;text-decoration:none;font-weight:600;font-size:var(--fs-16)}
.bar__call span{display:none}
.bar__call .ico{color:var(--white)}
@media (min-width:1024px){
  .bar__nav{display:flex}
  .bar__current{display:none}
  .bar__call{margin-left:auto}
  .bar__menu{display:none}
}
@media (min-width:1280px){.bar__call span{display:inline}.bar__call .ico{color:var(--olive)}}

/* ---------- homepage */
.home{position:relative;height:100svh;min-height:680px;display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,37%);color:var(--white);background:var(--ink);overflow:hidden;isolation:isolate}
.home__media{position:absolute;inset:0;z-index:-2}
.home__img{width:100%;height:100%;object-fit:cover}
.home__shade{position:absolute;inset:0;z-index:-1;background:
  linear-gradient(90deg,rgba(16,18,18,.3) 0%,rgba(16,18,18,.1) 38%,rgba(16,18,18,0) 60%),
  linear-gradient(0deg,rgba(16,18,18,.45) 0%,rgba(16,18,18,0) 26%),
  linear-gradient(180deg,rgba(16,18,18,.35) 0%,rgba(16,18,18,0) 22%)}
.home__left{position:relative;display:flex;flex-direction:column;padding:clamp(32px,4.4vw,64px) clamp(32px,4.6vw,80px) clamp(32px,4vw,56px)}
.brand{display:inline-flex;align-items:center;gap:clamp(24px,3vw,44px);text-decoration:none;align-self:flex-start;min-height:44px}
.brand__mark{width:clamp(120px,11.5vw,172px);aspect-ratio:962/286;height:auto;color:#F3EFE8}
.brand__desc{display:inline-flex;align-items:center;gap:20px}
.brand__dev{height:11px;width:auto;aspect-ratio:962/38}
.brand__build{height:11px;width:auto;aspect-ratio:298/38}
.brand__sep{width:1px;height:16px;background:rgba(255,255,255,.7)}
.home__title{margin-top:auto;margin-bottom:auto;padding-left:clamp(0px,1.6vw,24px);font-size:clamp(2.75rem,4.3vw,4.25rem);font-weight:400;line-height:1.1;letter-spacing:-.02em;color:#F7F4EF;text-shadow:0 1px 24px rgba(0,0,0,.18)}
.home__title .ln{display:block;overflow:hidden;padding-bottom:.06em}
.home__title .ln>span{display:block;animation:rise 1200ms var(--ease) both}
.home__title .ln:nth-child(2)>span{animation-delay:120ms}
@keyframes rise{from{transform:translateY(105%)}to{transform:none}}
.home__foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:var(--s3)}
.slogan{display:grid;gap:14px;font-size:var(--fs-16);letter-spacing:.04em;color:#F3EFE8}
.slogan .rubric__line{width:28px}
.imglabel--hero{position:static;white-space:nowrap}

.panel{position:relative;display:grid;grid-template-rows:auto 1fr auto auto;justify-items:stretch;padding:clamp(32px,4vw,60px) clamp(32px,3.8vw,64px) 76px;background:rgba(26,30,29,.7);backdrop-filter:blur(26px) saturate(.85);-webkit-backdrop-filter:blur(26px) saturate(.85);border-left:1px solid rgba(255,255,255,.22);animation:panelIn 1000ms var(--ease) both}
@keyframes panelIn{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.panel__top{display:flex;justify-content:space-between;align-items:center}
.panel__burger{margin-left:-10px}
.panel__burger .burger{width:44px;gap:9px}
.lang{display:flex;gap:28px;font-family:var(--font-cap);font-size:var(--fs-14);letter-spacing:.14em}
.lang__on{color:var(--white)}
.lang__off{color:var(--on-dark-muted);cursor:not-allowed}
.panel__divs{display:grid;grid-template-columns:1fr 1fr;align-self:center;margin-block:var(--s6) var(--s4)}
.pitem{text-decoration:none;color:var(--white)}
.pitem__line{display:block;width:34px;height:3px;background:var(--olive);transition:width 500ms var(--ease)}
.pitem__t{font-family:var(--font-cap);font-weight:400;font-size:clamp(1.125rem,1.35vw,1.375rem);letter-spacing:.09em;text-transform:uppercase;line-height:1.35}
.pitem__d{font-family:var(--font-cap);font-size:var(--fs-12);letter-spacing:.11em;text-transform:uppercase;line-height:1.7;color:var(--on-dark-muted)}
.pitem__arr{width:26px;height:26px;transition:transform 400ms var(--ease)}
.pitem--col{display:grid;align-content:start;gap:var(--s3);padding:var(--s3) clamp(24px,2.6vw,48px) var(--s4) 0}
.pitem--col+.pitem--col{padding-left:clamp(24px,2.6vw,48px);padding-right:0;border-left:1px solid rgba(255,255,255,.28)}
.pitem--col .pitem__d{margin-top:-4px}
.pitem--col .pitem__arr{margin-top:var(--s2)}
.panel__rows{border-top:1px solid rgba(255,255,255,.28)}
.pitem--row{display:grid;grid-template-columns:60px 1fr 28px;align-items:center;padding:var(--s3) 0;border-bottom:1px solid rgba(255,255,255,.28)}
.pitem--row .pitem__line{align-self:start;margin-top:.8em}
.pitem__tx{display:grid;gap:4px}
.panel__foot{display:flex;justify-content:flex-start;flex-direction:row-reverse;align-items:center;gap:var(--s3);margin-top:var(--s4);margin-right:auto;font-family:var(--font-cap);font-size:var(--fs-12);letter-spacing:.11em}
.panel__foot>span[aria-hidden]:not(.panel__langm){width:72px;height:1px;background:rgba(255,255,255,.7)}
.panel__foot a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
@media (hover:hover){
  .pitem:hover .pitem__arr{transform:translate(4px,-4px)}
  .pitem:hover .pitem__t{color:var(--stone)}
}

/* kratší desktop */
@media (min-width:1024px) and (min-aspect-ratio:1/1) and (max-height:760px){
  .panel__divs{margin-block:var(--s3) var(--s2)}
  .pitem--col{gap:var(--s2)}
  .pitem--row{padding:var(--s2) 0}
}

/* ---------- mobil a tablet na výšku: fotografie nahoře, panel dole */
@media (max-width:1023px), (max-aspect-ratio:999/1000){
  .home{height:auto;min-height:max(100svh,640px);grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;background:var(--grain),var(--ink);background-blend-mode:soft-light,normal}
  .home__media{position:relative;inset:auto;grid-area:1/1;z-index:0;min-height:0}
  .home__media img{position:absolute;inset:0}
  .home__shade{position:relative;inset:auto;grid-area:1/1;z-index:1}
  .home__left{grid-area:1/1;z-index:2}
  .panel{grid-row:2}
  .home__media img{object-position:50% 62%}
  .home__shade{background:linear-gradient(180deg,rgba(16,18,18,.6) 0%,rgba(16,18,18,.38) 30%,rgba(16,18,18,.42) 60%,rgba(16,18,18,.7) 100%)}
  .home__left{padding:20px 20px 24px;min-height:52svh}
  .brand{gap:0}
  .brand__mark{width:104px}
  .brand__desc{display:none}
  .home__title{font-size:clamp(2.25rem,10.2vw,2.75rem);padding-left:0;margin-top:auto;margin-bottom:var(--s3)}
  .home__foot{flex-direction:column;align-items:flex-start;gap:12px}
  .slogan{font-size:var(--fs-14);gap:10px}
  .imglabel--hero{position:absolute;top:24px;right:72px;left:auto;bottom:auto;display:none}
  .panel{position:static;display:block;padding:8px 20px 20px;border-left:0;border-top:1px solid rgba(255,255,255,.22);background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;animation:none}
  .panel__top{position:absolute;top:12px;right:8px;z-index:2}
  .panel__top .lang{display:none}
  .panel__divs{margin:0;border-bottom:1px solid rgba(255,255,255,.22)}
  .pitem--col{gap:10px;padding:var(--s3) 16px var(--s3) 0}
  .pitem--col+.pitem--col{padding-left:16px;padding-right:0}
  .pitem__t{font-size:var(--fs-18);letter-spacing:.1em}
  .pitem--col .pitem__arr{margin-top:0;position:absolute;opacity:0}
  .pitem--col{position:relative}
  .pitem__line{width:28px;height:2px}
  .panel__rows{border-top:0}
  .pitem--row{grid-template-columns:44px 1fr 24px;padding:14px 0;min-height:64px}
  .pitem--row .pitem__t{font-size:var(--fs-16)}
  .panel__foot{display:none}
}
@media (max-width:1023px) and (max-height:700px){.home__left{min-height:44svh}}
@media (min-width:768px) and (max-width:1023px), (min-width:1024px) and (max-aspect-ratio:999/1000){.home__left{padding:40px 48px 40px;min-height:56svh}.brand__desc{display:inline-flex}.brand{gap:32px}.brand__mark{width:140px}.home__title{font-size:4rem}.panel{padding:16px 48px 40px}.pitem__t{font-size:var(--fs-24)}.pitem--row .pitem__t{font-size:var(--fs-20)}.panel__top{top:32px;right:32px}}

/* ---------- plynulé sjetí: podstránka nastupuje pod homepage */
.main{position:relative;z-index:1}
html.js body:not(.has-view) .main{display:none}
html.no-js .view[hidden]{display:block!important}

/* =====================================================================================
   Dolaďovací vrstva A (25. 9. 2026) — jen varianta A (a.css se jinde nenačítá)
   Hallmark · macrostructure: Split Studio (homepage) + Narrative Workflow (Build) + Index (Development)
   critique: P4 H4 E4 S4 R4 V3 — S zvedl řez stavbou, osa projektu a vizitka; V drží Monografie.
   ===================================================================================== */
:root{
  --grain-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .13 0 0 0 0 .17 0 0 0 0 .16 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
  --grid-line:rgba(30,35,36,.055);
}

/* ---------- vrstvy pozadí: zrno na papíru a kameni (krytí do 0,05 v průměru) */
.sec--paper{background:var(--grain-ink),var(--paper)}
.sec--stone{background:var(--grain-ink),var(--stone)}
.sec--form{background:var(--grain-ink),linear-gradient(180deg,var(--paper) 0,var(--paper) 40%,var(--stone) 100%)}

/* ---------- mobilní lišta: „Development" se vejde celé */
@media (max-width:1023px){.bar__in{gap:12px}.bar__current{letter-spacing:.14em}}

/* ---------- typografie: vyvážené nadpisy, bez vdov v odstavcích */
.endcta__title,.pcard__title,.rcard__title,.seq__step h3,.qdone__h,.steps h3,.faq__item summary,.tenets h3{text-wrap:balance}
.lede,.pcard__text,.sechead__text,.split__body p,.steps p,.faq__a p{text-wrap:pretty}

/* ---------- Development → Zkušenosti: přehled pojmenovaných projektů místo čísel */
.zk{display:grid;gap:var(--s8)}
.zk__head{display:grid;gap:var(--s3);align-content:start}
.zk__head .rubric{margin-bottom:0}
.zk__note,.zk__since{color:var(--muted);font-size:var(--fs-16)}
.zk__head .btnrow{margin-top:var(--s1)}
@media (min-width:1024px){.zk{grid-template-columns:5fr 7fr;align-items:start}.zk__head{position:sticky;top:calc(var(--bar-h) + var(--s6))}}
.zk__cap{font-family:var(--font-cap);font-weight:400;font-size:var(--fs-12);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding-bottom:var(--s2);border-bottom:1px solid var(--ink)}
.pix__a{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:4px var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--line-strong);text-decoration:none;transition:background-color var(--t) var(--ease),padding var(--t) var(--ease)}
.pix__state{grid-row:span 3;font-size:var(--fs-14);font-weight:600;color:var(--muted);padding-top:6px}
.pix__name{font-size:var(--fs-24);font-weight:600;letter-spacing:-.015em;line-height:1.25}
.pix__place{font-size:var(--fs-16)}
.pix__type{font-size:var(--fs-14);color:var(--muted)}
@media (hover:hover){.pix__a:hover{background:var(--paper);padding-inline:var(--s2)}.pix__a:hover .pix__name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}}
@media (max-width:559px){.pix__a{grid-template-columns:minmax(0,1fr)}.pix__state{grid-row:auto;padding-top:0}}

/* projekt bez vizualizace = úzký textový řádek */
.pcard.pcard--slim{display:grid;gap:var(--s2) var(--s6);padding:var(--s4) 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.pcard--slim .pcard__title{font-size:var(--fs-24);margin-bottom:0}
.pcard--slim .pcard__text{margin-top:0;color:var(--muted);font-size:var(--fs-16)}
.pcard--slim .pcard__cta{margin-top:0}
@media (min-width:1024px){.pcard.pcard--slim{grid-template-columns:4fr 5fr auto;align-items:start}}

/* ---------- Build → Zkušenosti týmu: osa projektu, zásady, kontaktní osoba */
.crew{display:grid;gap:var(--s8)}
.crew__head{display:grid;gap:var(--s3)}
.crew__head .rubric{margin-bottom:0}
@media (min-width:1024px){.crew__head{grid-template-columns:5fr 7fr;column-gap:var(--s8)}.crew__head>:not(.lede){grid-column:1}.crew__head .lede{grid-column:2;grid-row:1/span 2;align-self:end}}
.path{margin:0;display:grid;gap:12px}
.path__band{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;color:var(--on-dark-muted);font-size:var(--fs-14);line-height:1.4}
.path__band::after{content:"";flex-basis:100%;height:12px;border:1px solid var(--olive)}
.path__band--dev::after{border-bottom:0}
.path__band--build::after{order:-1;border-top:0}
.path__logo{height:28px;width:auto;color:var(--white)}
.path__logo--dev{aspect-ratio:962/372}
.path__logo--build{aspect-ratio:962/372}
.path__steps{display:grid;gap:8px;counter-reset:none}
.path__steps li{display:flex;align-items:center;min-height:64px;padding:12px 16px;border:1px solid var(--line-dark);border-radius:var(--radius);font-size:var(--fs-16);font-weight:500;line-height:1.3;color:var(--paper);transition:background-color 700ms var(--ease) 350ms,color 700ms var(--ease) 350ms,border-color 700ms var(--ease) 350ms}
.path__steps li.is-build{background:var(--stone);border-color:var(--stone);color:var(--text);font-weight:600}
html.js .path.rv:not(.in) li.is-build{background:transparent;border-color:var(--line-dark);color:var(--on-dark-muted)}
.path__cap{font-size:var(--fs-16);color:var(--on-dark-muted);max-width:68ch;margin-top:var(--s2)}
@media (min-width:768px){
  .path{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:8px}
  .path__band--dev,.path__steps,.path__cap{grid-column:1/-1}
  .path__steps{grid-template-columns:repeat(5,minmax(0,1fr))}
  .path__band--build{grid-column:3/4}
  .path__band--build .path__txt{font-size:var(--fs-14)}
}
@media (max-width:767px){.path__band--build::after{display:none}}
.tenets{display:grid;gap:var(--s4);border-top:1px solid var(--line-dark);padding-top:var(--s4)}
@media (min-width:768px){.tenets{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tenets h3{display:flex;align-items:baseline;gap:12px;font-size:var(--fs-20);font-weight:600;line-height:1.3;color:var(--white)}
.tenets h3::before{content:"";flex:none;width:16px;height:2px;background:var(--olive);transform:translateY(-5px)}
.tenets p{margin-top:8px;padding-left:28px;font-size:var(--fs-16);color:var(--on-dark-muted)}
.person{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px var(--s4);padding-top:var(--s4);border-top:1px solid var(--line-dark)}
.person__k{flex-basis:100%;max-width:none;font-family:var(--font-cap);font-size:var(--fs-12);letter-spacing:.18em;text-transform:uppercase;color:var(--on-dark-muted)}
.person__n{font-size:var(--fs-32);font-weight:500;letter-spacing:-.02em;line-height:1.2;color:var(--white)}
.person__l{display:flex;flex-wrap:wrap;gap:0 var(--s4);margin-left:auto}
.person__l a{display:inline-flex;align-items:center;gap:12px;min-height:48px;font-size:var(--fs-20);font-weight:500;text-decoration:none;color:var(--white)}
.person__l .ico{color:var(--olive)}
@media (hover:hover){.person__l a:hover{text-decoration:underline}}
@media (max-width:767px){.person__l{margin-left:0;flex-direction:column}}
.crew__since{font-size:var(--fs-16);color:var(--on-dark-muted)}
.crew__list{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.crew__m img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius)}
.crew__n{margin-top:12px;font-size:var(--fs-18);font-weight:600;color:var(--white)}
.crew__r,.crew__t{font-size:var(--fs-14);color:var(--on-dark-muted)}

/* ---------- Build → Co stavíme: řez stavbou místo ukázkových karet */
.sec--rez{background:
  linear-gradient(var(--grid-line) 1px,transparent 1px) 0 0/48px 48px,
  linear-gradient(90deg,var(--grid-line) 1px,transparent 1px) 0 0/48px 48px,
  var(--grain-ink),var(--paper)}
.rez{display:grid;gap:var(--s6)}
@media (min-width:1024px){.rez{grid-template-columns:4fr 7fr;column-gap:var(--s8);align-items:center}.rez__proof{grid-column:1/-1}}
.rez__head{display:grid;gap:var(--s3);align-content:start}
.rez__head .rubric{margin-bottom:0}
.rez__lede{color:var(--muted)}
.rez__legend{display:grid;margin-top:var(--s1);border-top:1px solid var(--ink)}
.rez__legend div{display:grid;gap:4px;padding:var(--s2) 0;border-bottom:1px solid var(--line)}
.rez__legend dt{display:flex;align-items:center;gap:12px;font-size:var(--fs-18);font-weight:600;line-height:1.3}
.rez__legend dd{padding-left:40px;font-size:var(--fs-16);color:var(--muted);line-height:1.45}
.rez__n{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--white);font-size:var(--fs-12);font-weight:600}
.rez__n--next{background:transparent;border:2px dashed var(--olive)}
.rez__fig{position:relative;margin:0;padding:var(--s4) var(--s3) var(--s8);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}
.imglabel--draw{left:auto;right:12px;background:var(--white);color:var(--text);border:1px solid var(--line-strong)}
.rez__proof{max-width:none;padding:var(--s3);border-left:3px solid var(--olive);background:var(--white);font-size:var(--fs-16);color:var(--muted)}
.rez__proof strong{color:var(--text);font-weight:600}
.rez__proof a{font-weight:600;color:var(--text)}
.rez__svg{width:100%;height:auto;overflow:visible}
.rez__o{fill:none;stroke:var(--ink);stroke-width:3;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.rez__fill{fill:var(--stone)}
.rez__paper{fill:var(--paper)}
.rez__h{fill:none;stroke:var(--olive);stroke-width:1;vector-effect:non-scaling-stroke}
.rez__c{fill:none;stroke:rgba(30,35,36,.42);stroke-width:1;vector-effect:non-scaling-stroke}
.rez__soil{fill:none;stroke:rgba(30,35,36,.2);stroke-width:1;vector-effect:non-scaling-stroke}
.rez__w{fill:none;stroke:var(--ink);stroke-width:1;vector-effect:non-scaling-stroke}
.rez__next{fill:none;stroke:var(--olive);stroke-width:2;stroke-dasharray:8 8;vector-effect:non-scaling-stroke}
.rez__k{fill:none;stroke:var(--muted);stroke-width:1;vector-effect:non-scaling-stroke}
.rez__badge circle{fill:var(--ink)}
.rez__badge text{fill:var(--white);font:600 15px var(--font);text-anchor:middle;dominant-baseline:central}
@media (max-width:767px){.rez__o{stroke-width:2}.rez__fig{padding:var(--s3) var(--s2) var(--s8)}.rez__svg:not(.rez__svg--compact) .rez__badge circle{r:34px}.rez__svg:not(.rez__svg--compact) .rez__badge text{font-size:30px}}
/* stavba po vrstvách: řez se při příjezdu poskládá odspodu */
html.js .rez__fig.rv{opacity:1;transform:none}
html.js .rez__fig .rez__l{opacity:0;transform:translateY(22px);transition:opacity 700ms var(--ease),transform 900ms var(--ease)}
html.js .rez__fig.in .rez__l{opacity:1;transform:none}
.rez__fig.in .rez__l1{transition-delay:200ms}
.rez__fig.in .rez__l2{transition-delay:500ms}
.rez__fig.in .rez__l3{transition-delay:800ms}
.rez__fig.in .rez__l4{transition-delay:1100ms}
.rez__fig.in .rez__l5{transition-delay:1400ms}
.rez__fig.in .rez__l6{transition-delay:1800ms}
/* Reference → poctivá karta místo ukázkových zakázek */
.rezcard{display:grid;gap:var(--s3);padding:var(--s3);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;background:
  linear-gradient(var(--grid-line) 1px,transparent 1px) 0 0/32px 32px,
  linear-gradient(90deg,var(--grid-line) 1px,transparent 1px) 0 0/32px 32px,var(--white);transition:border-color var(--t)}
@media (min-width:768px){.rezcard{grid-template-columns:minmax(0,5fr) minmax(0,4fr);align-items:center;gap:var(--s6);padding:var(--s4)}}
.rezcard__fig{position:relative;display:block;padding:0 0 var(--s6)}
.rezcard__body{display:grid;gap:12px;justify-items:start}
.rezcard__t{font-size:var(--fs-24);font-weight:600;letter-spacing:-.015em;line-height:1.2}
.rezcard__d{font-size:var(--fs-16);color:var(--muted)}
@media (hover:hover){.rezcard:hover{border-color:var(--ink)}}

/* ---------- Reference → hero s půdorysnou kresbou a mřížkou výkresu */
.vhero--plan{background:
  linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/48px 48px,
  linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/48px 48px,
  radial-gradient(120% 90% at 85% 0%,rgba(164,135,102,.28),transparent 60%),
  var(--grain),var(--ink);background-blend-mode:normal,normal,normal,soft-light,normal}
.vhero__art{position:absolute;z-index:0;top:calc(var(--bar-h) + var(--s6));right:max(-64px,calc((100vw - 1296px) / 2 - 24px));width:min(40vw,560px);color:var(--on-dark-muted);opacity:.55;pointer-events:none;-webkit-mask-image:linear-gradient(100deg,transparent 0,#000 38%);mask-image:linear-gradient(100deg,transparent 0,#000 38%)}
.plan__svg{width:100%;height:auto}
.plan__svg path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.plan__svg .plan__g,.plan__svg .plan__k,.plan__svg .plan__s,.plan__svg .plan__f,.plan__svg .plan__d{stroke-width:1.25}
.plan__svg .plan__t{stroke-dasharray:6 8}
.view.enter .plan__svg path{stroke-dasharray:1;stroke-dashoffset:1;animation:drawPlan 2600ms var(--ease) 200ms forwards}
.view.enter .plan__svg .plan__t{stroke-dasharray:none}
@keyframes drawPlan{to{stroke-dashoffset:0}}
.imglabel--plan{background:transparent;border:1px solid var(--line-dark);color:var(--on-dark-muted)}
@media (max-width:1023px){.vhero__art{top:auto;bottom:-24px;right:-18vw;width:92vw;opacity:.26}}

/* ---------- Kontakt → vizitka (přední strana podle 07_Vizitka, zadní s kontakty) */
.vhero--card .vhero__inner--contact{align-items:center}
.kintro .btnrow{margin-top:var(--s4)}
.vcard{position:relative;width:min(100%,460px);justify-self:end;margin-block:var(--s4) var(--s2)}
.vcard__front{position:absolute;inset:0;display:grid;place-items:center;border-radius:var(--radius);background:var(--ink);border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 60px rgba(0,0,0,.35);transform:rotate(-7deg) translate(-8%,-7%)}
.vcard__logo{width:54%;height:auto;aspect-ratio:962/286;color:var(--white)}
.vcard__back{position:relative;display:grid;gap:4px;align-content:space-between;aspect-ratio:85/55;padding:clamp(20px,6%,32px);border-radius:var(--radius);background:var(--grain-ink),var(--paper);color:var(--text);box-shadow:0 30px 70px rgba(0,0,0,.42);transform:rotate(2deg)}
.vcard__back :focus-visible{outline-color:var(--ink)}
.vcard__top{display:flex;align-items:center;gap:16px}
.vcard__mark{width:72px;height:auto;aspect-ratio:962/286;color:var(--text)}
.vcard__div{display:inline-flex;align-items:center;gap:8px}
.vcard__dev{height:7px;width:auto;aspect-ratio:962/38}
.vcard__build{height:7px;width:auto;aspect-ratio:298/38}
.vcard__sep{width:1px;height:12px;background:var(--ink)}
.vcard__name{margin-top:var(--s3);font-size:var(--fs-24);font-weight:600;letter-spacing:-.015em;line-height:1.2}
.vcard__links{display:grid}
.vcard__links a{display:inline-flex;align-items:center;gap:12px;justify-self:start;min-height:44px;font-size:var(--fs-18);font-weight:500;text-decoration:none}
.vcard__links .ico{width:20px;height:20px;color:var(--olive)}
@media (hover:hover){.vcard__links a:hover{text-decoration:underline}}
.vcard__addr{margin-top:4px;padding-top:12px;border-top:1px solid var(--line);font-size:var(--fs-12);line-height:1.5;color:var(--muted)}
.view.enter .vcard__front{animation:cardFront 1200ms var(--ease) both}
.view.enter .vcard__back{animation:cardBack 1000ms var(--ease) 120ms both}
@keyframes cardFront{from{transform:rotate(0) translate(0,0)}}
@keyframes cardBack{from{opacity:0;transform:translateY(24px) rotate(0)}}
@media (max-width:1023px){.vcard{justify-self:start;width:calc(100% - 24px);max-width:440px;margin-left:12px}}
@media (max-width:420px){.vcard__back{aspect-ratio:auto}.vcard__div{display:none}}

/* ---------- formulář: čára stepperu se doplní, krok vjede ze směru pohybu, hotový stav s číslem */
.stepper__i button{position:relative}
.stepper__i button::before{content:"";position:absolute;left:0;right:0;top:-2px;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left center;transition:transform 700ms var(--ease),background-color var(--t)}
.stepper__i.is-cur button,.stepper__i.is-done button{border-top-color:var(--line)}
.stepper__i.is-cur button::before,.stepper__i.is-done button::before{transform:scaleX(1)}
.stepper__i.is-done button::before{background:var(--olive)}
.stepper__i.is-done .stepper__n{background:var(--stone)}
.qform{overflow:clip}
.qstep.qin-f{animation:qinF 460ms var(--ease) both}
.qstep.qin-b{animation:qinB 460ms var(--ease) both}
@keyframes qinF{from{opacity:0;transform:translateX(32px)}}
@keyframes qinB{from{opacity:0;transform:translateX(-32px)}}
.qdone--a{justify-items:start}
.qdone__tick{width:64px;height:64px}
.qdone__tick circle{fill:var(--ink);transform-box:fill-box;transform-origin:center}
.qdone__tick path{fill:none;stroke:var(--white);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40}
.qdone--a:not([hidden]) .qdone__tick circle{animation:tickPop 520ms var(--ease) both}
.qdone--a:not([hidden]) .qdone__tick path{animation:tickDraw 700ms var(--ease) 260ms forwards}
@keyframes tickPop{from{opacity:0;transform:scale(.6)}}
@keyframes tickDraw{to{stroke-dashoffset:0}}
.qdone__rc{display:grid;width:100%;margin-block:var(--s1);border-top:1px solid var(--ink)}
.qdone__rc:empty{display:none}
.qdone__rc div{display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:var(--s2);padding:12px 0;border-bottom:1px solid var(--line);font-size:var(--fs-16)}
.qdone__rc dt{color:var(--muted)}
.qdone__rc dd{font-weight:600;overflow-wrap:anywhere}
@media (max-width:559px){.qdone__rc div{grid-template-columns:minmax(0,1fr);gap:2px}}

/* ---------- mobilní signature: přilepené počítadlo 01–04 se stohem fotek */
@media (max-width:1023px){
  .seq__grid{gap:var(--s4)}
  .seq__stage{display:block;position:sticky;top:calc(var(--bar-h) + 8px);z-index:2;height:min(44svh,400px);padding-top:28px;background:var(--paper)}
  .seq__stage::after{content:"";position:absolute;left:0;right:0;top:100%;height:24px;background:linear-gradient(var(--paper),rgba(246,244,238,0))}
  .seq__frame{position:relative;height:100%}
  .seq__img{position:absolute;inset:0;margin:0;border-radius:var(--radius);overflow:hidden;background:var(--ink);box-shadow:0 12px 32px rgba(23,25,25,.22);opacity:0;transform:translateY(36%) scale(.96);transition:transform 700ms var(--ease),opacity 450ms var(--ease),filter 700ms var(--ease)}
  .seq__img img{width:100%;height:100%;object-fit:cover}
  .seq__img.is-on{opacity:1;transform:translateY(calc(var(--d, 0) * -13px)) scale(calc(1 - var(--d, 0) * .05));filter:brightness(calc(1 - var(--d, 0) * .2))}
  .seq__img figcaption{position:absolute;left:12px;top:12px;padding:4px 12px;border-radius:2px;background:var(--ink);color:var(--white);font-size:var(--fs-14);font-weight:500}
  .seq__meter{position:absolute;left:0;right:0;bottom:0;z-index:9;display:flex;align-items:baseline;gap:8px;padding:12px 16px;border-radius:0 0 var(--radius) var(--radius);color:var(--white);background:linear-gradient(0deg,rgba(23,25,25,.8),rgba(23,25,25,0))}
  .seq__num{font-size:var(--fs-44);font-weight:500;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
  .seq__of{font-family:var(--font-cap);font-size:var(--fs-12);letter-spacing:.18em;color:var(--on-dark-muted)}
  .seq__bar{position:relative;flex:1;align-self:center;height:2px;margin-left:var(--s2);background:rgba(255,255,255,.25)}
  .seq__bar span{position:absolute;inset:0 auto 0 0;width:25%;background:var(--white);transition:width 700ms var(--ease)}
  .seq__mob{display:none}
  .seq__step{min-height:48svh;align-content:start;opacity:.42;transition:opacity 500ms var(--ease)}
  .seq__step.is-on{opacity:1}
  .seq__step:last-child{min-height:0}
}
@media (max-width:1023px) and (prefers-reduced-motion:reduce){.seq__img{transform:none!important;filter:none!important}.seq__img:not(.is-cur){opacity:0!important}.seq__img.is-cur{opacity:1!important}}

/* =====================================================================================
   Homepage desktop 1:1 podle homepage.png (26. 9. 2026)
   Návrh je plátno 1732×908 px. --u = 1 px návrhu přepočtený na okno (menší z poměrů šířky
   a výšky), takže celá kompozice se škáluje beze změny poměrů. Svislý přebytek na vyšších
   oknech (--dy) se dělí nahoru/dolů, horní lišta a patička zůstávají u okrajů.
   Souřadnice v komentářích = px v návrhu.
   ===================================================================================== */
@media (min-width:1024px) and (min-aspect-ratio:1/1){
  .home{--u:max(.7px,min(calc(100vw / 1732),calc(100svh / 908)));--dy:max(0px,calc((100svh - 908 * var(--u)) / 2));
    min-height:0;grid-template-columns:minmax(0,1fr) calc(637 * var(--u))}
  /* fotka jen v levé části (v návrhu dům končí u panelu), panel má vlastní tmavé rozmazané pozadí */
  .home__media{right:calc(637 * var(--u))}
  .home__img{object-position:0% 50%}
  .home__shade{right:calc(637 * var(--u));background:linear-gradient(0deg,rgba(16,18,18,.28) 0%,rgba(16,18,18,0) 22%),linear-gradient(180deg,rgba(16,18,18,.18) 0%,rgba(16,18,18,0) 20%)}
  .imglabel--hero{display:none}

  .home__left{display:block;padding:0;position:relative}
  .brand{position:absolute;left:calc(83 * var(--u));top:calc(57 * var(--u));gap:calc(39 * var(--u));min-height:0}
  .brand__mark{width:calc(170 * var(--u))}
  .brand__desc{gap:calc(21 * var(--u))}
  .brand__tx{font-family:var(--font-cap);font-weight:400;font-size:calc(15 * var(--u));letter-spacing:.145em;text-transform:uppercase;line-height:1;color:#F3EFE8}
  .brand__sep{width:1px;height:calc(15 * var(--u));background:rgba(255,255,255,.75)}
  .home__title{position:absolute;left:calc(104 * var(--u));top:calc(350 * var(--u) + var(--dy));margin:0;padding:0;font-size:calc(50 * var(--u));font-weight:300;line-height:calc(58 * var(--u));letter-spacing:.07em;text-shadow:0 1px 18px rgba(0,0,0,.14)}
  .home__foot{position:absolute;left:calc(83 * var(--u));bottom:calc(40 * var(--u));display:block}
  .slogan{gap:calc(18 * var(--u));font-size:calc(17 * var(--u));letter-spacing:.092em;line-height:1.2}
  .slogan .rubric__line{width:calc(29 * var(--u));height:calc(3 * var(--u));background:var(--olive)}

  .panel{display:block;padding:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-left:1px solid rgba(255,255,255,.14);overflow:hidden}
  .panel__bg{position:absolute;inset:-60px;z-index:-1;background:url(/assets/img/hero-navrh-1440.avif) 100% 18%/auto 190% no-repeat,#1d2120;filter:blur(22px) brightness(.42) saturate(.8)}
  .panel__top{position:absolute;left:calc(55 * var(--u));right:calc(71 * var(--u));top:calc(62 * var(--u));height:calc(48 * var(--u))}
  .panel__burger{margin-left:0;padding:0;min-width:0;width:calc(42 * var(--u));height:calc(48 * var(--u));place-items:center start}
  .panel__burger .burger{width:calc(42 * var(--u));gap:calc(10.5 * var(--u))}
  .panel__burger .burger span{height:calc(2 * var(--u));min-height:1.5px}
  .lang{gap:calc(26 * var(--u));font-size:calc(15.5 * var(--u));letter-spacing:.1em}

  .panel__divs{position:absolute;left:calc(55 * var(--u));top:calc(207 * var(--u) + var(--dy));width:calc(517 * var(--u));height:calc(305 * var(--u));margin:0;grid-template-columns:calc(231 * var(--u)) 1fr}
  .pitem--col,.pitem--col+.pitem--col{display:block;padding:calc(48 * var(--u)) 0 0}
  .pitem--col+.pitem--col{padding-left:calc(56 * var(--u));border-left:1px solid rgba(255,255,255,.3)}
  .pitem__line{width:calc(33 * var(--u));height:calc(3 * var(--u))}
  .pitem--col .pitem__t{display:block;margin-top:calc(18 * var(--u));font-size:calc(24 * var(--u));letter-spacing:.1em;line-height:calc(31 * var(--u))}
  .pitem--col .pitem__d{display:block;margin-top:calc(21 * var(--u));font-size:calc(15 * var(--u));letter-spacing:.15em;line-height:calc(25 * var(--u));color:#E6E3E0}
  .pitem__arr{width:calc(36 * var(--u));height:calc(36 * var(--u))}
  .pitem--col .pitem__arr{display:block;margin-top:calc(33 * var(--u));margin-left:calc(-8 * var(--u))}

  .panel__rows{position:absolute;left:calc(55 * var(--u));top:calc(549 * var(--u) + var(--dy));width:calc(517 * var(--u));border-top:1px solid rgba(255,255,255,.3)}
  .pitem--row{grid-template-columns:calc(67 * var(--u)) 1fr calc(40 * var(--u));align-items:start;height:calc(112 * var(--u));padding:calc(28 * var(--u)) 0 0;border-bottom:1px solid rgba(255,255,255,.3)}
  .pitem--row:last-child{border-bottom:0}
  .pitem--row .pitem__line{margin-top:calc(12 * var(--u))}
  .pitem__tx{gap:calc(7 * var(--u))}
  .pitem--row .pitem__t{font-size:calc(25 * var(--u));letter-spacing:.06em;line-height:1.25}
  .pitem--row .pitem__d{font-size:calc(14 * var(--u));letter-spacing:.15em;line-height:1.3;color:#E6E3E0}
  .pitem--row .pitem__arr{width:calc(32 * var(--u));height:calc(32 * var(--u));margin-top:calc(1 * var(--u))}

  .panel__foot{position:absolute;right:calc(84 * var(--u));bottom:calc(52 * var(--u));margin:0;flex-direction:row;gap:calc(25 * var(--u));font-size:calc(12.5 * var(--u));letter-spacing:.1em;line-height:1}
  .panel__foot>span[aria-hidden]:not(.panel__langm){width:calc(71 * var(--u));height:1px;background:rgba(255,255,255,.8)}
  .panel__foot-t{width:auto!important;height:auto!important;background:none!important}
}
/* písma podle návrhu: nadpis Montserrat Light, rozcestník Manrope verzálky */
@media (min-width:1024px) and (min-aspect-ratio:1/1){

  .pitem__t,.pitem__d,.lang,.panel__foot,.brand__tx,.slogan{font-family:var(--font)}
}
@media (min-width:1024px) and (min-aspect-ratio:1/1){.pitem--row .pitem__line{margin-top:calc(7 * var(--u))}.home.is-shot .review-ui{display:none}}
/* barvy odečtené z homepage.png: olivová čárka #A48766, popisky bílé, panel neutrální tmavě olivový (~#24221F) */
@media (min-width:1024px) and (min-aspect-ratio:1/1){
  .home .pitem__line,.home .slogan .rubric__line{background:#A48766}
  .home .pitem__d{color:#F4F1EE}
  /* Petr 26. 9.: pozadí panelu průhlednější — tmavá vrstva 38 % → 28 % (R-0007), méně rozmazání, světlejší fotka */
  .panel__bg{filter:blur(14px) brightness(.66) saturate(.45)}
  .panel::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(32,30,27,.28);pointer-events:none}
}
@media (min-width:1024px) and (min-aspect-ratio:1/1){
  .panel__foot{right:calc(84 * var(--u));gap:calc(25 * var(--u));font-weight:500;letter-spacing:.06em}
  .panel__foot>span[aria-hidden]:not(.panel__langm){height:calc(2 * var(--u));min-height:1px}
}
/* tablet: dovětek loga je teď text místo SVG */
@media (min-width:768px) and (max-width:1023px), (min-width:1024px) and (max-aspect-ratio:999/1000){.brand__desc{gap:14px}.brand__tx{font-family:var(--font);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#F3EFE8}.brand__sep{height:14px}}

/* odkazy Development | Build u loga (Petr 26. 9.) */
.brand__home{display:inline-flex;align-items:center;text-decoration:none;color:inherit}
.brand__desc a.brand__tx{text-decoration:none;display:inline-flex;align-items:center;min-height:32px;transition:opacity var(--t)}
@media (hover:hover){.brand__desc a.brand__tx:hover{opacity:.7}}

/* ---------- R-0010: lišta podstránek = rozvržení z homepage: menší logo, DEVELOPMENT | BUILD vedle,
   REFERENCE | KONTAKT vpravo se stejným dělítkem. Velikost písma stejná jako u loga na homepage (--u). */
@media (min-width:1024px){
  :root{--u:max(.7px,min(calc(100vw / 1732),calc(100svh / 908)))}
  .bar__in{max-width:none;padding-inline:calc(83 * var(--u)) calc(71 * var(--u));gap:calc(39 * var(--u))}
  .bar__mark{width:calc(96 * var(--u));min-width:72px}
  .bar__nav{flex:1;display:flex;justify-content:space-between;align-items:center;margin-left:0;gap:0}
  .bar__grp{display:inline-flex;align-items:center;gap:calc(21 * var(--u))}
  .bar__nav a{padding:0;min-height:44px;font-family:var(--font);font-weight:400;font-size:max(11px,calc(15 * var(--u)));letter-spacing:.145em;text-transform:uppercase;color:#F3EFE8}
  .bar__nav a[aria-current=page]{color:var(--white)}
  .bar__nav a[aria-current=page]::after{left:0;right:0;bottom:8px;height:2px;background:#A48766}
  .bar__sep{width:1px;height:max(11px,calc(15 * var(--u)));background:rgba(255,255,255,.75)}
  .bar__call{display:none}
  @media (hover:hover){.bar__nav a:hover{color:var(--white);opacity:.75}}
}
@media (max-width:1023px){.bar__grp,.bar__sep{display:contents}}

/* ---------- R-0008: menu na desktopu vyjede jen v pravém panelu, fotku nepřekryje */
@media (min-width:1024px) and (min-aspect-ratio:1/1){
  .menu{left:auto;width:calc(637 * var(--u));transform:translateX(100%);border-left:1px solid rgba(255,255,255,.14)}
  .menu.is-open{transform:none}
  .menu .wrap{max-width:none;padding-inline:calc(55 * var(--u)) calc(71 * var(--u))}
  .menu__top{min-height:0;padding-block:calc(62 * var(--u)) 0}
  .menu__top .iconbtn{margin-right:-12px}
  .menu__nav{padding-block:calc(32 * var(--u))}
  .menu__t{font-size:calc(40 * var(--u))}
  .menu__foot{font-size:calc(17 * var(--u));padding-block:0 calc(52 * var(--u))}
  body.is-home .menu__logo{visibility:hidden}
}

/* ---------- R-0009: stejná homepage na všech zařízeních, se všemi prvky z návrhu.
   Na výšku (mobil, tablet i velký tablet ≥1024 px) fotka nahoře + panel dole, ale se stejnými
   prvky, písmy a barvami jako desktop: DEVELOPMENT | BUILD u loga, šipky, CZ/EN, patička PDD.CZ. */
.pitem__t,.pitem__d,.lang,.panel__foot,.brand__tx,.slogan{font-family:var(--font)}
.home .pitem__line,.home .slogan .rubric__line{background:#A48766}
.home .pitem__d{color:#F4F1EE}
@media (max-width:1023px), (max-aspect-ratio:999/1000){
  .home{background:var(--grain),var(--ink)}
  .panel__bg{display:none}
  .home__title{font-weight:300;letter-spacing:.03em;line-height:1.1}
  .brand{gap:16px;align-items:center}
  .brand__desc{display:inline-flex;gap:10px}
  .brand__tx{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#F3EFE8;min-height:32px}
  .brand__sep{width:1px;height:11px;background:rgba(255,255,255,.75)}
  .pitem--col .pitem__arr{position:static;opacity:1;width:22px;height:22px;margin:4px 0 0 -4px}
  .pitem--col{padding-bottom:var(--s2)}
  .pitem__t{letter-spacing:.08em}
  .pitem--row:last-child{border-bottom:0}
  .panel__foot{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:20px;margin:var(--s3) 0 0;font-size:12px;font-weight:500;letter-spacing:.06em}
  .panel__foot>span[aria-hidden]:not(.panel__langm){width:56px;height:1px;background:rgba(255,255,255,.8)}
  .panel__foot-t{width:auto!important;height:auto!important;background:none!important}
  .panel__top .lang{display:none}
  .panel__langm{display:flex;gap:20px;margin-right:auto;font-size:12px;letter-spacing:.1em}
}
@media (min-width:1024px) and (min-aspect-ratio:1/1){.panel__langm{display:none}}
@media (min-width:768px) and (max-width:1023px), (min-width:1024px) and (max-aspect-ratio:999/1000){
  .brand{gap:32px}.brand__tx{font-size:14px;letter-spacing:.145em}.brand__desc{gap:18px}.brand__sep{height:15px}
  .pitem--col .pitem__arr{width:28px;height:28px}
  .panel__foot,.panel__langm{font-size:14px}
}
@media (min-width:1024px) and (max-aspect-ratio:999/1000){.home__title{font-size:5rem}.home__left{min-height:58svh;padding:56px 64px}.panel{padding:24px 64px 48px}.pitem__t{font-size:var(--fs-28, 1.75rem)}}
@media (min-width:1024px) and (max-aspect-ratio:999/1000){.panel__top{top:40px;right:48px}}

/* ---------- Kontakt → dvě karty podle návrhu Daniela 26. 9. (R-0014): Development = Petr, Build = Daniel */
.vhero--cards .kintro{max-width:720px}
.kcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:var(--s6)}
.kcard{display:flex;flex-direction:column;padding:clamp(24px,2.4vw,30px);border-radius:4px;background:#F3F1EC;color:#1F2726}
.kcard :focus-visible{outline-color:var(--ink)}
.kcard__top{display:flex;align-items:center;gap:16px}
.kcard__mark{width:84px;height:auto;aspect-ratio:962/286;color:#1F2726}
.kcard__tag{font-family:var(--font);font-size:14px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.kcard__k{margin-top:clamp(28px,3vw,44px);font-size:var(--fs-14,.875rem);color:#6E655A}
.kcard__n{margin:6px 0 0;font-size:clamp(1.75rem,2.3vw,2rem);font-weight:500;letter-spacing:-.02em;line-height:1.15}
.kcard__d{margin-top:10px;font-size:var(--fs-14,.875rem);color:#6E655A}
.kcard__l{display:grid;gap:2px;margin:var(--s4) 0 var(--s4)}
.kcard__l a{display:inline-flex;align-items:center;gap:12px;justify-self:start;min-height:48px;font-size:var(--fs-18);text-decoration:none;color:inherit}
.kcard__l .ico{width:20px;height:20px;color:#7F6F5C}
.kcard__cta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;min-height:58px;padding:0 20px;border-radius:2px;background:var(--ink);color:#fff;font-size:var(--fs-16);font-weight:500;text-decoration:none}
.kcard__cta .ico{width:18px;height:18px;transition:transform var(--t) var(--ease)}
@media (hover:hover){.kcard__l a:hover{text-decoration:underline}.kcard__cta:hover .ico{transform:translate(2px,-2px)}}
.kaddr{margin-top:var(--s4);font-size:var(--fs-14,.875rem);color:var(--on-dark-muted)}
.view.enter .kcard{animation:kcardIn 800ms var(--ease) both}
.view.enter .kcard+.kcard{animation-delay:120ms}
@keyframes kcardIn{from{opacity:0;transform:translateY(16px)}}
@media (prefers-reduced-motion:reduce){.view.enter .kcard{animation:none}}
@media (max-width:767px){.kcards{grid-template-columns:1fr;gap:16px;margin-top:var(--s5,40px)}}

/* ---------- Mobil / na výšku: panel pod menu průhledný jako na PC (R-0012) — fotka na výšku přes celou homepage, panel = rozmazání + 28% tmavá vrstva */
@media (max-width:1023px), (max-aspect-ratio:999/1000){
  .home__media{grid-area:1/1/3/2}
  .panel{grid-area:2/1}
  .home__shade{background:linear-gradient(180deg,rgba(16,18,18,.6) 0%,rgba(16,18,18,.38) 30%,rgba(16,18,18,.3) 70%,rgba(16,18,18,.34) 100%)}
  /* vrstva rozmazání je pseudo-prvek .home ve stejné buňce mřížky jako panel — backdrop-filter přímo na .panel by z něj udělal containing block a hamburger (.panel__top) by skočil dovnitř panelu */
  .home::after{content:"";grid-area:2/1;z-index:0;background:rgba(32,30,27,.28);-webkit-backdrop-filter:blur(14px) brightness(.66) saturate(.45);backdrop-filter:blur(14px) brightness(.66) saturate(.45);pointer-events:none}
  .panel{z-index:1}
}

/* patička a menu: dva kontakty (R-0014) */
.foot__who{margin-top:var(--s2)}.foot__who:first-of-type{margin-top:0}
.foot__who b{display:block;font-weight:500}
.foot__who small{display:block;font-size:var(--fs-12);letter-spacing:.14em;text-transform:uppercase;color:var(--on-dark-muted)}
.menu__who{display:grid;gap:0}
.menu__who small{font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.7}

/* ---------- v0.10 (26. 9. večer) */
/* R-0016: lišta podstránek — REFERENCE | KONTAKT navazují hned za DEVELOPMENT | BUILD */
@media (min-width:1024px) and (min-aspect-ratio:1/1){
  .bar__nav{justify-content:flex-start;gap:calc(21 * var(--u))}
  .bar__grp--r::before{content:"";width:1px;height:max(11px,calc(15 * var(--u)));background:rgba(255,255,255,.75)}
}
/* R-0019: menší mezera nad „Kontaktujte nás" — stejná jako mezi rubrikou a nadpisem */
.vhero--cards .vhero__inner{padding-top:calc(var(--bar-h) + var(--s4))}
/* R-0018: DEVELOPMENT / BUILD na kartě stejným písmem jako u loga na homepage */
.kcard__tag{font-weight:400;letter-spacing:.145em;font-size:15px}
/* R-0019: olivová z identity na tlačítkách kontaktu (tmavší odstín kvůli čitelnosti bílého textu, kontrast 5:1) */
.kcard__cta{background:var(--olive-btn);border:1px solid var(--olive-btn);color:var(--paper);transition:background-color var(--t) var(--ease),color var(--t) var(--ease),border-color var(--t) var(--ease)}
@media (hover:hover){.kcard__cta:hover{background:var(--paper);border-color:var(--olive-btn);color:var(--olive-btn)}}
/* R-0019: formulář bez přepínání */
.kside{display:grid;gap:var(--s3);align-content:start}
.kside .h-sec{margin:0}
.kside__t{color:var(--muted);font-size:var(--fs-18)}
.kside__hint{padding-top:var(--s3);border-top:1px solid var(--line);color:var(--muted)}
.kside__hint a{color:var(--text);font-weight:500}
/* R-0019: Kde nás najdete? + mapka */
.kwhere .split{align-items:center}
.kwhere .split__head{display:grid;gap:var(--s3);align-content:start}
.kwhere .h-sec{margin:0}
.kwhere__t{color:var(--muted);font-size:var(--fs-18);max-width:40ch}
.company--legal{font-size:var(--fs-16);color:var(--muted)}
.company--legal strong{color:var(--text)}
.kmap{position:relative;margin:0;border-radius:4px;overflow:hidden;background:#EDE8DE;border:1px solid rgba(30,35,36,.12);aspect-ratio:5/3}
.kmap__img{display:block;width:100%;height:100%;object-fit:cover}
.kmap__cap{position:absolute;left:62%;top:50%;transform:translate(calc(-100% - 26px),-50%);display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:2px;background:var(--ink);color:#fff;font-size:13px;letter-spacing:.08em;white-space:nowrap}
.kmap__dot{display:none}
.kmap__link{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:2px;background:rgba(246,244,238,.92);color:#1F2726;font-size:14px;font-weight:500;text-decoration:none}
.kmap__link .ico{width:16px;height:16px}
@media (hover:hover){.kmap__link:hover{background:#fff}}
@media (max-width:767px){.kmap{aspect-ratio:4/3}.kmap__cap{left:auto;right:auto;top:12px;left:12px;transform:none;white-space:normal}.kmap__dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#A48766}}
/* /build: model „Dům. Vrstva po vrstvě.“ místo statického řezu (návrh Petra 26. 9.) */
.sec--model{padding-block:var(--s8)}
.sec--model #pdd-build-model-a .cut-stage{background:transparent}
.rez__proof--dark{margin-top:var(--s4);color:var(--on-dark-muted)}
.rez__proof--dark strong{color:var(--white)}
.rez__proof--dark a{color:var(--white)}
.rez__proof--dark{background:rgba(255,255,255,.04)}
.sec--model #pdd-build-model-a .cut-title{padding-inline:0}.sec--model #pdd-build-model-a .cut-bottom{margin-inline:0}
/* ---------- Patička podle návrhu Petra (WA 26. 9. 21:39): logo | mapa stránek | Development | Build | mapka Olomouce */
.foot--v2{background:var(--grain),var(--ink);background-blend-mode:soft-light,normal;padding-top:var(--s8)}
.foot--v2 .foot__grid{grid-template-columns:1fr;gap:var(--s4)}
.foot--v2 .foot__claim{margin-top:10px;font-size:var(--fs-16);letter-spacing:.03em;color:#E4DDD6}
.foot--v2 .foot__logo,.foot--v2 .foot__logo svg{width:150px}
.foot--v2 .foot__h{font-family:var(--font);font-size:13px;letter-spacing:.24em;color:var(--on-dark-muted);margin-bottom:12px}
.foot--v2 .foot__col p:not(.foot__h),.foot--v2 .foot__nav li a,.foot--v2 .foot__contact a{font-size:var(--fs-18);color:#F1ECE7;letter-spacing:.01em}
.foot--v2 .foot__contact p:not(.foot__h){min-height:38px;display:flex;align-items:center}
.foot--v2 .foot__nav li a{min-height:36px}
.foot__map{display:block;align-self:stretch;min-height:160px}
.foot__map img{width:100%;height:100%;object-fit:cover;opacity:.9;transition:opacity var(--t)}
@media (hover:hover){.foot__map:hover img{opacity:1}}
.foot--v2 .foot__legal{margin-top:var(--s6);padding-top:var(--s3);border-top:1px solid rgba(169,147,122,.6);display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px var(--s4);font-size:var(--fs-14);color:#E4DDD6}
.foot--v2 .foot__legal a{color:#E4DDD6;text-decoration:none}
.foot--v2 .foot__row{gap:4px 20px}
.foot__sep{width:1px;height:14px;background:rgba(169,147,122,.8)}
@media (min-width:768px) and (max-width:1199px){.foot--v2 .foot__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.foot__brand{grid-column:1/-1}.foot__map{grid-column:1/-1;max-height:220px}}
@media (min-width:1200px){
  .foot--v2 .foot__grid{grid-template-columns:1.25fr .9fr .95fr .95fr 1.9fr;gap:0;align-items:stretch}
  .foot--v2 .foot__brand{align-self:center;padding-right:var(--s4)}
  .foot--v2 .foot__col{padding:6px 0 6px var(--s6);border-left:1px solid rgba(169,147,122,.55)}
  .foot__map{padding:0!important;margin-left:0;min-height:0;height:220px}
}
@media (max-width:767px){.foot__map{height:180px}}
@media (max-width:767px){.foot--v2 .foot__sep{display:none}.foot--v2 .foot__row{flex-direction:column;align-items:flex-start;gap:0}}
@media (min-width:1200px){.foot--v2 .foot__grid{grid-template-columns:1.15fr 1fr 1fr 1fr 1.75fr}.foot--v2 .foot__col{padding-left:var(--s4)}.foot--v2 .foot__h{letter-spacing:.2em}}

/* ---------- v0.12 (27. 9.): vizitky varianta B – balíček (R-0018) */
.kdeck{margin-top:var(--s6)}
@media (min-width:1024px){.vhero--cards .vhero__inner{display:grid;grid-template-columns:5fr 6fr;gap:var(--s6);align-items:center}.vhero--cards .kdeck{margin-top:0}}
.kdeck__switch{display:inline-flex;align-items:center;gap:20px;margin-bottom:28px}
.kdeck__switch button{position:relative;min-height:44px;padding:0;border:0;background:none;color:rgba(243,239,232,.6);font:inherit;font-size:15px;letter-spacing:.145em;text-transform:uppercase;cursor:pointer;transition:color .3s}
.kdeck__switch button[aria-pressed=true]{color:#fff}
.kdeck__switch button[aria-pressed=true]::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:2px;background:#A48766}
.kdeck__switch span{width:1px;height:15px;background:rgba(255,255,255,.75)}
.kdeck__stack{position:relative;display:grid;max-width:560px;margin:64px 32px 0 0}
.kdeck__stack>.kcard{grid-area:1/1;display:grid;align-content:space-between;gap:16px;aspect-ratio:85/55;padding:clamp(20px,4.5%,34px);border-radius:6px;box-shadow:0 30px 70px rgba(0,0,0,.42);transition:transform .7s cubic-bezier(.2,.7,.2,1),box-shadow .7s,filter .7s}
.kdeck__stack>.kcard.is-front{transform:rotate(-1deg);z-index:1}
.kdeck__stack>.kcard.is-back{transform:translate(24px,-60px) rotate(1.5deg);box-shadow:0 18px 40px rgba(0,0,0,.35);cursor:pointer;z-index:0}
.kdeck__stack .kcard__n{margin:0}
.kdeck__stack .kcard__d{margin-top:6px}
.kdeck__stack .kcard__l{display:flex;flex-wrap:wrap;gap:0 28px;margin:0}
.kdeck__cta{max-width:560px;margin-top:var(--s4)}
.kdeck__cta .kcard__cta[hidden]{display:none}
@media (max-width:520px){.kdeck__stack{margin-right:16px}.kdeck__stack>.kcard{aspect-ratio:auto}.kdeck__stack>.kcard.is-back{transform:translate(14px,-56px) rotate(1.5deg)}.kdeck__stack .kcard__l{flex-direction:column}}
.view.enter .kdeck__stack>.kcard{animation:none}
.view.enter .kdeck{animation:kcardIn 800ms var(--ease) both}
@media (prefers-reduced-motion:reduce){.kdeck__stack>.kcard{transition:none}.view.enter .kdeck{animation:none}}
/* ---------- v0.13 (27. 9.): odbav debug R-0020–R-0032 */
/* R-0024 vizitky menší, Build #E7E1D7, přepínač v rovině s rubrikou, CTA vlevo */
@media (min-width:1024px){.vhero--cards .vhero__inner{align-items:start}}
.kdeck__switch{position:relative;top:-12px}
.kdeck__stack{max-width:440px}
.kdeck__stack>.kcard.kcard--build{background:#E7E1D7}
.kdeck__stack .kcard__n{font-size:clamp(1.5rem,1.9vw,1.75rem)}
.kdeck__stack .kcard__l a{font-size:var(--fs-16);min-height:40px}
.kintro .kdeck__cta{max-width:360px;margin-top:var(--s4)}
/* R-0020 patička: standardní řádkování */
.foot--v2 .foot__contact p:not(.foot__h){min-height:0;display:block;line-height:1.6}
/* R-0025 patička: hover = změna barvy jako horní menu, bez podtržení */
.foot--v2 a,.foot--v2 .foot__cbtn{text-decoration:none;transition:opacity var(--t),color var(--t)}
@media (hover:hover){.foot--v2 .foot__nav li a:hover,.foot--v2 .foot__contact a:hover,.foot--v2 .foot__legal a:hover,.foot--v2 .foot__cbtn:hover{text-decoration:none;color:var(--white);opacity:.75}}
.foot__cbtn{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;font:inherit;color:#E4DDD6;cursor:pointer}
/* R-0029 mapka odsazená od levé linky */
@media (min-width:1200px){.foot__map{margin-left:var(--s4)}}
/* R-0026 lišta se i schová plynule (visibility až po doběhnutí přechodu) */
.bar{transition:transform 500ms var(--ease),visibility 0s linear 500ms}
body.is-sub .bar{transition:transform 500ms var(--ease),visibility 0s}
/* R-0032 zámek scrollu bez posunu (šířka posuvníku) */
.bar{right:var(--sbw,0px)}
@media (hover:hover) and (pointer:fine){.foot--v2 .foot__contact a{display:inline;min-height:0}}
/* R-0032: na homepage křížek menu přesně na místě hamburgeru (dřív skočil doprava); menu i při posuvníku kryje panel */
@media (min-width:1024px) and (min-aspect-ratio:1/1){
  body.is-home .menu__top{justify-content:flex-start}
  body.is-home .menu__logo{display:none}
  body.is-home .menu__top .iconbtn{margin-right:0;margin-left:var(--ck-x,0px)}
  .menu{right:var(--sbw,0px)}
}
/* ---------- v0.14 (27. 9.): PDD Build úvod bez fotky, světle béžový (R-0035) */
.vhero--build-light{background:var(--taupe);color:var(--text)}
.vhero--build-light .vhero__inner{padding-top:calc(var(--bar-h) + var(--s12));padding-bottom:var(--s12)}
.vhero--build-light .view-title{color:var(--text);max-width:20ch}
.vhero--build-light .lede{color:#3F4745;max-width:60ch}

/* v0.18 Kde nás najdete — podle návrhu Petra: špendlík v mědi, CTA Domluvit schůzku, značka na mapě */
.kwhere .company{display:grid;grid-template-columns:28px 1fr;gap:4px 16px;align-items:start}
.kwhere .company .ico{width:28px;height:28px;color:var(--olive);grid-row:1/span 3;margin-top:2px}
.kwhere .btn{justify-self:start;margin-top:var(--s1)}
@media (min-width:768px){.kmap__cap{background:transparent;color:var(--text);font-weight:700;padding:0;transform:translate(calc(-100% - 22px),-50%)}}
.kmap__cap{box-shadow:none}

/* ---------- v0.20 (27. 9.): tlačítka dle UI kitu, vizitky, patička, R-0062–R-0064 */
/* vizitka Daniel (PDD Build) = Taupe + Graphite 950; barva patří osobě, ne pozici vepředu/vzadu (bez ztmavení zadní) */
.kdeck__stack>.kcard.kcard--build{background:var(--taupe);color:var(--ink)}
.kcard--build .kcard__mark,.kcard--build .kcard__l .ico{color:var(--ink)}
.kcard--build .kcard__k,.kcard--build .kcard__d{color:#3A403F}
/* R-0064 odkaz na poptávku jako sekundární tlačítko */
.kside__cta{justify-self:start}
.kside__hint+.kside__cta{margin-top:calc(-1 * var(--s1))}
/* R-0063 patička: vše zarovnané nahoru, stejný rytmus řádků, mapa s odstupem od dělicí linky, linka právních odkazů v šířce obsahu */
.foot--v2 .foot__legal{border-top:0;position:relative}
.foot--v2 .foot__legal::before{content:"";position:absolute;top:0;left:var(--gutter);right:var(--gutter);border-top:1px solid rgba(169,147,122,.6)}
@media (hover:hover) and (pointer:fine){.foot--v2 .foot__nav li a{display:block;min-height:0;line-height:1.6}}
@media (min-width:1200px){
  .foot--v2 .foot__grid{grid-template-columns:1.2fr 1fr 1fr 1fr 1.7fr;align-items:start}
  .foot--v2 .foot__brand{align-self:start;padding-top:6px}
  .foot--v2 .foot__col{padding:6px var(--s3) 6px var(--s4);min-height:200px}
  .foot--v2 .foot__map{margin-left:0;padding:0 0 0 var(--s4)!important;height:200px;min-height:0}
}

/* ---------- v0.21 (27. 9.): PDD Build úvod — pozadí kresba hrubé stavby od Petra (WA 20:50), kresba vpravo, text vlevo */
.vhero--build-light{background-color:#DCD0C4;background-image:url(/assets/img/build-kresba-1600.jpg?v=0.21);background-image:image-set(url(/assets/img/build-kresba-1600.avif?v=0.21) type("image/avif"),url(/assets/img/build-kresba-1600.webp?v=0.21) type("image/webp"),url(/assets/img/build-kresba-1600.jpg?v=0.21) type("image/jpeg"));background-repeat:no-repeat;background-size:cover;background-position:right center}
.vhero--build-light::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(220,208,196,.6) 0%,rgba(220,208,196,.45) 50%,rgba(220,208,196,0) 70%)}
@media (max-width:1023px){
  .vhero--build-light{background-image:url(/assets/img/build-kresba-960.jpg?v=0.21);background-image:image-set(url(/assets/img/build-kresba-960.avif?v=0.21) type("image/avif"),url(/assets/img/build-kresba-960.webp?v=0.21) type("image/webp"),url(/assets/img/build-kresba-960.jpg?v=0.21) type("image/jpeg"));background-size:auto 62%;background-position:right bottom}
  .vhero--build-light::before{background:linear-gradient(180deg,rgba(220,208,196,.9) 0%,rgba(220,208,196,.82) 55%,rgba(220,208,196,.55) 100%)}
}

/* ---------- v0.22 (27. 9.): Kde nás najdete — mapa celé Olomouce přes pravých ~58 % až k okraji, zleva plynule do Stone (Petr WA 16:12 + 21:39) */
.kwhere--map{position:relative;overflow:hidden}
.kwhere__maplink{display:inline-flex;align-items:center;gap:8px;justify-self:start;min-height:44px;font-size:var(--fs-16);font-weight:500;color:var(--olive);text-decoration:none;transition:color var(--t) var(--ease)}
.kwhere__maplink .ico{width:16px;height:16px;transition:transform var(--t) var(--ease)}
@media (hover:hover){.kwhere__maplink:hover{color:var(--text)}.kwhere__maplink:hover .ico{transform:translate(2px,-2px)}}
.kmap2{position:relative;display:block;overflow:hidden;background:#EDE7DD}
.kmap2__img{display:block;width:100%;height:100%;object-fit:cover}
.kmap2__pin{position:absolute;left:50%;top:50%;display:flex;align-items:flex-end;gap:8px;transform:translate(-17px,-42px);pointer-events:none}
.kmap2__drop{width:34px;height:44px;flex:none;filter:drop-shadow(0 3px 5px rgba(30,35,36,.25))}
.kmap2__mark{width:78px;height:24px;color:var(--ink);margin-bottom:22px}
@media (min-width:1024px){
  .kwhere__text{max-width:min(42vw - var(--gutter),520px)}
  .kmap2{position:absolute;top:0;bottom:0;right:0;width:58%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 26%);mask-image:linear-gradient(90deg,transparent 0,#000 26%)}
}
@media (max-width:1023px){
  .kmap2{height:360px;margin-top:var(--s5,40px);margin-bottom:calc(-1 * var(--s8,64px));-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%);mask-image:linear-gradient(180deg,transparent 0,#000 22%)}
}
/* v0.22: kompaktnější jako v Petrově návrhu 21:39 */
@media (min-width:1024px){.kwhere--map{padding-block:72px}}
/* v0.22: výřez je vystředěný mezi kanceláří a centrem; špendlík přepočten na skutečnou polohu (SVG 1600×1070, cover) přes container query jednotky */
.kmap2{container-type:size}
.kmap2__pin{--s:max(100cqw / 1600,100cqh / 1070);left:calc(50% - 71.4 * var(--s));top:calc(50% - 65.6 * var(--s))}
/* v0.22: textový odkaz podle UI kitu (16:09) — měděný s šipkou a tenkou měděnou linkou, po najetí grafit */
.textlink{color:var(--olive);border-bottom-color:rgba(164,135,102,.55);font-weight:500;transition:color var(--t) var(--ease),border-color var(--t) var(--ease)}
@media (hover:hover){.textlink:hover{color:var(--text);border-bottom-color:var(--olive)}}
.sec--ink .textlink:hover,.vhero .textlink:hover{color:var(--paper)}
/* v0.24 — Petr: jednotná mezera sekcí podle „Kde nás najdete“ (nad i pod), všude */
.sec,.sec--model,.endcta{padding-block:var(--s8)}
@media (min-width:1024px){.sec,.sec--model,.endcta,.kwhere--map{padding-block:72px}}

/* ---------- v0.25 (28. 9.): odbav debug R-0066–R-0080 */
/* R-0066, R-0074: úvod podstránky (Kontakt, Build) — mezera pod lištou jako u sekcí: 72 px desktop / 64 px mobil, nahoře i dole.
   Lišta je fixed a úvod začíná pod ní, proto padding = výška lišty + mezera. */
.vhero--cards .vhero__inner,.vhero--build-light .vhero__inner{padding-top:calc(var(--bar-h) + var(--s8));padding-bottom:var(--s8)}
@media (min-width:1024px){.vhero--cards .vhero__inner,.vhero--build-light .vhero__inner{padding-top:calc(var(--bar-h) + 72px);padding-bottom:72px}}
/* R-0069: kresba v úvodu /build stejně světlá jako na mobilu (tam překryv ~0,55–0,85 přes kresbu) — na počítači rovnoměrný závoj */
@media (min-width:1024px){.vhero--build-light::before{background:rgba(220,208,196,.72)}}
/* R-0068: „Mám zájem o bydlení“ — stejné tlačítko jako primární (měď #A48766, rádius, řez písma, hover) */
.kcard__cta{border-radius:var(--radius);font-weight:600}
/* R-0067: všude stejná šipka ↗ jako u „Mám zájem o bydlení“ (18 px), pohyb po najetí šikmo */
.btn .ico,.kcard__cta .ico{width:18px;height:18px}
@media (hover:hover){.btn:hover .ico:not(.ico--flip),.kcard__cta:hover .ico{transform:translate(2px,-2px)}.textlink:hover .ico,a:hover>.textlink .ico{transform:translate(2px,-2px)}.btn:hover .ico--flip{transform:scaleX(-1) translateX(3px)}}
/* R-0080: Požadované práce — 3 řádky; u „Samostatná část stavby“ vpravo 3 části (mobil: pod řádkem) */
.opts--prace{display:grid;gap:8px}
.opt--p1{order:1}.opt--p2{order:2}.subopts{order:3}.opt--p3{order:4}
.subopts{border:0;margin:0;padding:0 0 0 16px;min-width:0;display:grid;gap:8px}
.subopts[hidden]{display:none}
@media (min-width:560px){
  .opts--prace{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,auto)}
  .opt--p1,.opt--p2,.opt--p3{grid-column:1}.opt--p1{grid-row:1}.opt--p2{grid-row:2}.opt--p3{grid-row:3}
  .subopts{grid-column:2;grid-row:1/span 3;grid-template-rows:repeat(3,minmax(0,1fr));padding:0}
}
.opt--chk span::before{border-radius:3px}
.opt--chk input:checked+span::before{border-width:1.5px;border-color:var(--white);background:var(--white)}
.opt--chk input:checked+span::after{content:"";position:absolute;left:20px;top:50%;width:6px;height:11px;margin-top:-7px;border:solid var(--ink);border-width:0 2px 2px 0;transform:rotate(45deg)}
.subopts.is-in{animation:subIn 260ms var(--ease) both}
@keyframes subIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
@media (max-width:559px){@keyframes subIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}}
@media (prefers-reduced-motion:reduce){.subopts.is-in{animation:none}}
/* R-0077: vysvětlení pod „Projekt a přílohy“ */
.fld__hint--files{margin:4px 0 12px}

/* ---------- v0.26 (28. 9.): úvody s kresbou — Build (R-0084) a nově Development (Petr WA 10:14)
   Art direction: pro každé zařízení vlastní výřez kresby (site/_src/mk_kresby.py), ne jen zmenšený obrázek.
   <600 na výšku (kresba přes šířku dole) · 600–1023 výřez na výšku úvodu · 1024–1279 bližší výřez · ≥1280 celá kresba.
   Závoj jako v0.25: mobil/tablet přechod shora 0,9 → 0,55, počítač rovnoměrně 0,72. */
.vhero--kresba{--kv:220,208,196;color:var(--text);background-color:rgb(var(--kv));background-repeat:no-repeat;background-size:cover;background-position:right bottom}
.vhero--dev-light{--kv:232,223,209}
.vhero--kresba::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(var(--kv),.9) 0%,rgba(var(--kv),.82) 55%,rgba(var(--kv),.55) 100%)}
.vhero--kresba :focus-visible{outline-color:var(--ink)}
.vhero--dev-light .vhero__inner{padding-top:calc(var(--bar-h) + var(--s8));padding-bottom:var(--s8)}
.vhero--dev-light .view-title{color:var(--text);max-width:20ch}
.vhero--dev-light .lede{color:#3F4745;max-width:60ch}
.vhero--build-light{background-image:url(/assets/img/build-kresba-m.jpg?v=0.26);background-image:image-set(url(/assets/img/build-kresba-m.avif?v=0.26) type("image/avif"),url(/assets/img/build-kresba-m.webp?v=0.26) type("image/webp"),url(/assets/img/build-kresba-m.jpg?v=0.26) type("image/jpeg"));background-size:cover;background-position:right bottom}
.vhero--dev-light{background-image:url(/assets/img/dev-kresba-m.jpg?v=0.26);background-image:image-set(url(/assets/img/dev-kresba-m.avif?v=0.26) type("image/avif"),url(/assets/img/dev-kresba-m.webp?v=0.26) type("image/webp"),url(/assets/img/dev-kresba-m.jpg?v=0.26) type("image/jpeg"))}
@media (min-width:600px){
  .vhero--kresba{background-size:auto 100%;background-position:right bottom}
  .vhero--build-light{background-image:url(/assets/img/build-kresba-t.jpg?v=0.26);background-image:image-set(url(/assets/img/build-kresba-t.avif?v=0.26) type("image/avif"),url(/assets/img/build-kresba-t.webp?v=0.26) type("image/webp"),url(/assets/img/build-kresba-t.jpg?v=0.26) type("image/jpeg"));background-size:auto 100%}
  .vhero--dev-light{background-image:url(/assets/img/dev-kresba-t.jpg?v=0.26);background-image:image-set(url(/assets/img/dev-kresba-t.avif?v=0.26) type("image/avif"),url(/assets/img/dev-kresba-t.webp?v=0.26) type("image/webp"),url(/assets/img/dev-kresba-t.jpg?v=0.26) type("image/jpeg"))}
}
@media (min-width:1024px){
  .vhero--kresba,.vhero--build-light{background-size:cover;background-position:right center}
  .vhero--kresba::before,.vhero--build-light::before{background:rgba(var(--kv),.72)}
  .vhero--dev-light .vhero__inner{padding-top:calc(var(--bar-h) + 72px);padding-bottom:72px}
  .vhero--build-light{background-image:url(/assets/img/build-kresba-l.jpg?v=0.26);background-image:image-set(url(/assets/img/build-kresba-l.avif?v=0.26) type("image/avif"),url(/assets/img/build-kresba-l.webp?v=0.26) type("image/webp"),url(/assets/img/build-kresba-l.jpg?v=0.26) type("image/jpeg"))}
  .vhero--dev-light{background-image:url(/assets/img/dev-kresba-l.jpg?v=0.26);background-image:image-set(url(/assets/img/dev-kresba-l.avif?v=0.26) type("image/avif"),url(/assets/img/dev-kresba-l.webp?v=0.26) type("image/webp"),url(/assets/img/dev-kresba-l.jpg?v=0.26) type("image/jpeg"))}
}
@media (min-width:1280px){
  .vhero--build-light{background-image:url(/assets/img/build-kresba-d.jpg?v=0.26);background-image:image-set(url(/assets/img/build-kresba-d.avif?v=0.26) type("image/avif"),url(/assets/img/build-kresba-d.webp?v=0.26) type("image/webp"),url(/assets/img/build-kresba-d.jpg?v=0.26) type("image/jpeg"))}
  .vhero--dev-light{background-image:url(/assets/img/dev-kresba-d.jpg?v=0.26);background-image:image-set(url(/assets/img/dev-kresba-d.avif?v=0.26) type("image/avif"),url(/assets/img/dev-kresba-d.webp?v=0.26) type("image/webp"),url(/assets/img/dev-kresba-d.jpg?v=0.26) type("image/jpeg"))}
}
/* R-0083: vynucený zlom v úvodu /build jen na počítači; na mobilu a tabletu text teče přirozeně */
.br-lg{display:none}
@media (min-width:1024px){.br-lg{display:inline}}
/* ---------- v0.27 (28. 9.): R-0089, R-0092 — mezera nad rubrikou úvodu = standard sekcí (72 px / 64 px) od HORNÍ HRANY úvodu.
   Dřív padding = výška lišty + 72, protože lišta po příjezdu kryla horních 72 px úvodu. Petr se ale dívá s hranou úvodu
   na obrazovce (scroll o kus výš) a tam viděl 144 px béžové nad „PDD BUILD“. Teď se po příjezdu zastaví tak, že hrana úvodu
   leží přesně pod lištou (app.js viewY = viewTop − výška lišty) a padding lištu nepočítá: lišta → rubrika 72 px i hrana → rubrika 72 px.
   Ostatní úvody (reference, detail reference) jen odečítají lištu, takže po příjezdu vypadají stejně jako dřív. */
.vhero__inner{padding-top:var(--s12)}
.vhero--type .vhero__inner{padding-top:var(--s16)}
.dhero__inner{padding-top:var(--s12)}
.vhero__art{top:var(--s6)}
@media (max-width:767px){.vhero .imglabel,.dhero .imglabel{top:12px}}
.vhero--cards .vhero__inner,.vhero--build-light .vhero__inner,.vhero--dev-light .vhero__inner{padding-top:var(--s8);padding-bottom:var(--s8)}
@media (min-width:1024px){.vhero--cards .vhero__inner,.vhero--build-light .vhero__inner,.vhero--dev-light .vhero__inner{padding-top:72px;padding-bottom:72px}}
/* ---------- v0.27: R-0093 — křížek menu = stejné čáry jako hamburger, který menu otevřel (délka i síla), na stejném středu.
   Dřív 14px svg křížek vystředěný v 48px tlačítku: na PC o 3 px vpravo a 1/3 velikosti hamburgeru, na mobilu homepage i o 12 px jinde.
   Rozměr a posun dopočítá app.js (alignClose) při otevření: --xw délka čáry, --xh síla, --xdx/--xdy posun na střed hamburgeru. */
.menu__top .iconbtn.iconbtn--x{position:relative;transform:translate(var(--xdx,0px),var(--xdy,0px))}
.menu__top .iconbtn.iconbtn--x .ico{visibility:hidden}
.menu__top .iconbtn.iconbtn--x::before,.menu__top .iconbtn.iconbtn--x::after{content:"";position:absolute;left:50%;top:50%;width:var(--xw,24px);height:var(--xh,1.5px);background:currentColor;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none}
.menu__top .iconbtn.iconbtn--x::after{transform:translate(-50%,-50%) rotate(-45deg)}
/* v0.27 (nález při R-0093): na mobilu a na výšku byl hamburger homepage pod .home__left (z-index 2 > panel 1) → klik nic neotevřel. Panel nad levou část (nepřekrývají se, jen .panel__top je absolutně nahoře). */
@media (max-width:1023px), (max-aspect-ratio:999/1000){.panel{z-index:3}}
/* ---------- v0.28 (28. 9.): WA Petr 17:08 — mobil /build „Zkušenosti týmu“ podle Petrova návrhu.
   ≤767: logo PDD Development + text vedle (text 14 px jako dřív), pod tím měděná svislá závorka přes 5 karet,
   karta „Hrubá stavba“ světlá s nadpisem, měděnou linkou, tmavým logem PDD Build a textem uvnitř.
   ≥768 beze změny (vnitřek karty skrytý, pás PDD Build pod kartou jako dřív). Míry z návrhu (759 px ÷ 1,9). */
.path__in{display:none}
@media (max-width:767px){
  .path{gap:0}
  .path__band--dev{flex-wrap:nowrap;column-gap:28px}
  .path__band--dev::after{display:none}
  .path__band--dev .path__logo{flex:none;height:39px;overflow:visible}
  .path__band--build{display:none}
  .path__steps{position:relative;gap:12px;margin:36px 0 12px;padding-left:18px}
  .path__steps::before{content:"";position:absolute;left:0;top:-14px;bottom:-12px;width:22px;border:2px solid var(--olive);border-right:0;pointer-events:none}
  .path__steps li{min-height:66px;padding:12px 19px;border-color:rgba(255,255,255,.28);font-size:var(--fs-18);line-height:1.2}
  .path__steps li:not(.is-build)>span{max-width:230px}
  .path__steps li.is-build{display:block;padding:20px 19px 18px}
  .path__h{display:block;padding-bottom:14px;border-bottom:1px solid var(--olive);font-size:var(--fs-20);font-weight:600;line-height:24px}
  .path__in{display:block}
  .path__logo--in{display:block;width:86px;height:auto;aspect-ratio:962/372;margin-top:15px;color:currentColor;overflow:visible}
  .path__in .path__txt{display:block;max-width:230px;margin-top:12px;font-size:var(--fs-16);font-weight:400;line-height:22px}
}

/* R-0115 (v0.31): popisek nadpisu projektů stejným písmem jako úvodní text stránky (.vhero--dev-light .lede) */
#projekty .sechead__text{font-size:var(--fs-20);line-height:1.55;color:#3F4745;max-width:60ch}

/* v0.32 — R-0121/R-0123: Zkušenosti na /development tmavě, se stínovaným pozadím ze závěrečné výzvy */
.sec--zkdark{background:radial-gradient(90% 120% at 10% 100%,rgba(164,135,102,.22),transparent 60%),var(--grain),var(--ink);background-blend-mode:normal,soft-light,normal;color:var(--white)}
.sec--zkdark .h-sec{color:var(--white)}
.sec--zkdark .rubric{color:var(--on-dark-muted)}
.sec--zkdark .lede,.sec--zkdark .zk__note,.sec--zkdark .zk__since{color:var(--on-dark-muted)}
.sec--zkdark .zk__cap{color:var(--on-dark-muted);border-bottom-color:rgba(255,255,255,.6)}
.sec--zkdark .pix__a{border-bottom-color:var(--line-dark);color:var(--white)}
.sec--zkdark .pix__state,.sec--zkdark .pix__type,.sec--zkdark .pix__note{color:var(--on-dark-muted)}
@media (hover:hover){.sec--zkdark a.pix__a:hover{background:rgba(255,255,255,.06)}}
.sec--zkdark .pix__a--static{cursor:default}
@media (hover:hover){.sec--zkdark .pix__a--static:hover{padding-inline:0;background:none}.pix__a--static:hover .pix__name{text-decoration:none}}
.pix__note{font-size:var(--fs-14);color:var(--muted)}
.pix__state{grid-row:span 4}
.btnrow--stack{flex-direction:column;align-items:flex-start}
/* R-0120: stav projektu barevně — dokončeno tmavě, ve výstavbě olivově, připravované světle */
.chip--dokonceno{background:var(--ink);border-color:var(--ink);color:var(--white)}
.chip--ve-vystavbe{background:var(--olive-btn);border-color:var(--olive-btn);color:var(--white)}
.chip--pripravujeme,.chip--pripraveno-k-realizaci{background:var(--stone);border-color:var(--line-strong);color:var(--ink)}
/* R-0129: název projektu v přehledu se při najetí myší nepodtrhává */
@media (hover:hover){.pix__a:hover .pix__name{text-decoration:none}}

/* v0.33.2 — rubrika na kresbě v úvodu podstránek: kontrast ≥4,5:1 (byla #66706C, 3,88:1) */
.vhero--kresba .rubric,.vhero--build-light .rubric{color:#4A5553}

/* =====================================================================  PÁSY PROJEKTŮ (v0.34, Petr 2. 10. 2026)
   /development#projekty: obrázek vedle textu (cik-cak), obrázek až k okraji okna na své straně, text zarovnaný do mřížky .wrap.
   Projekty na sebe navazují bez mezer — horní a dolní hrana obrázku je hranice projektu. Každý projekt jiný podklad textu:
     stone #E7E1D7  text #1F2726 11,7:1 · drobný text #4A5553 5,95:1 · tlačítko #846B4E/paper 4,55:1
     ink   #1D201F  bílá 16,4:1 · drobný text #C9C0B3 9,1:1 · chip Dokončeno obrácený (bílý) · tlačítko #846B4E vůči podkladu 3,3:1
     taupe #D8CEC1  text 9,8:1 · drobný text #4A5553 4,98:1 · chip Připravujeme stone/ink 12,6:1
     white #FFFFFF  text 15,3:1 · drobný text #4A5553 7,7:1
   Měděná nikdy jako barva textu (jen pozadí tlačítka a chipu Ve výstavbě, bílé písmo 5,0:1). */
#projekty{padding-bottom:0}
#projekty .sechead{margin-bottom:var(--s6)}
.pbands{display:grid}
.pband{--m:max(var(--gutter),calc((100% - 1200px) / 2));position:relative;display:grid;grid-template-columns:minmax(0,1fr)}
.pband__media{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--stone)}
.pband__media picture,.pband__media img{width:100%;height:100%}
.pband__media img{object-fit:cover;transition:transform 1200ms var(--ease)}
@media (hover:hover){.pband:hover .pband__media img{transform:scale(1.025)}}
.pband__media--type{display:grid;place-items:center}
.pband__media--type .mark{width:40%;color:var(--text);opacity:.85}
.pband__body{display:grid;align-items:center;padding:var(--s6) var(--gutter) var(--s8)}
.pband__in{display:grid;align-content:start;gap:10px;max-width:520px}
.pband .chips{margin-bottom:var(--s1)}
.pband .pcard__title{margin-bottom:var(--s1)}
.pband .pcard__text{margin-top:var(--s2)}
.pband .pcard__cta{margin-top:var(--s3)}
/* podklady */
.pband--stone .pband__body{background:var(--grain-ink),var(--stone)}
.pband--taupe .pband__body{background:var(--grain-ink),#D8CEC1}
.pband--white .pband__body{background:var(--white)}
.pband--stone .card__place,.pband--stone .card__params,.pband--taupe .card__place,.pband--taupe .card__params,.pband--white .card__place,.pband--white .card__params{color:#4A5553}
.pband--ink .pband__body{background:var(--grain),var(--ink);background-blend-mode:soft-light,normal;color:var(--white)}
.pband--ink .pcard__title,.pband--ink .pcard__text{color:var(--white)}
.pband--ink .card__place,.pband--ink .card__params{color:var(--on-dark-muted)}
.pband--ink .chip--sale{color:var(--white);border-color:rgba(255,255,255,.6)}
.pband--ink .chip--dokonceno{background:var(--white);border-color:var(--white);color:var(--ink)}
.pband--ink :focus-visible{outline-color:var(--white)}
.pband--taupe .chip--sale,.pband--stone .chip--sale{border-color:#6F726D}
@media (min-width:1024px){
  .pband{min-height:clamp(520px,38vw,700px)}
  .pband--img-l{grid-template-columns:calc(var(--m) + (100% - 2 * var(--m)) * 7 / 12) minmax(0,1fr)}
  .pband--img-r{grid-template-columns:minmax(0,1fr) calc(var(--m) + (100% - 2 * var(--m)) * 7 / 12)}
  .pband--img-r .pband__media{order:2}
  .pband__media{aspect-ratio:auto}
  .pband__media img{position:absolute;inset:0}
  .pband__body{padding-block:var(--s8)}
  .pband--img-l .pband__body{padding-inline:var(--s8) var(--m)}
  .pband--img-r .pband__body{padding-inline:var(--m) var(--s8)}
  .pband__in{max-width:500px}
}
@media (min-width:768px) and (max-width:1023px){.pband__media{aspect-ratio:16/10}.pband__body{padding:var(--s8) var(--gutter)}}

/* v0.35 (Petr 3. 10. 2026, mockup): pásy se lámou vždy přesně v polovině — fotka 50 % k okraji okna, text 50 %.
   R-0139: bez pořadových čísel; nový podklad paper (#F6F4EE, jako záhlaví sekce) — text 15,0:1, drobný #4A5553 7,1:1. */
.pband--paper .pband__body{background:var(--paper)}
.pband--paper .card__place,.pband--paper .card__params{color:#4A5553}
.pband--paper .chip--sale{border-color:#6F726D}
/* R-0140: stav prodeje v přehledu Naše projekty */
.pix__sale{display:block;margin-top:2px;font-weight:400}
@media (min-width:1024px){
  .pband--img-l,.pband--img-r{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .pband--img-l .pband__body{padding-inline:clamp(var(--s6),5vw,var(--s12)) var(--m)}
  .pband--img-r .pband__body{padding-inline:var(--m) clamp(var(--s6),5vw,var(--s12))}
  /* R-0143, R-0144: text vlevo od fotky se přimyká k fotce (zarovnání bloku doprava, text uvnitř dál zleva) */
  .pband--img-r .pband__in{justify-self:end}
}
/* Reference: Zakázky PDD Build ve vlastní tmavé sekci jako patička (Petr 13. 10. 2026, WA předloha + R-0153) */
.rblock--dark{--text:var(--white);--muted:var(--on-dark-muted);--line-strong:rgba(255,255,255,.4)}
.rblock--dark .h-sec,.rblock--dark .rcard__title{color:var(--white)}
.rblock--dark .rubric,.rblock--dark .sechead__text,.rblock--dark .card__place{color:var(--on-dark-muted)}
.rblock--dark .chip{border-color:rgba(255,255,255,.4);color:var(--white)}
.rblock--dark .chip--state{background:var(--white);border-color:var(--white);color:var(--ink)}
/* Mobil (Petr 13. 10. 2026, WA s předlohou): menší rozcestník 2×2 přes obrázek, víc vidět dům — obrázek pod celým úvodem, oříznutý shora. Musí být až za blokem „Na výšku“. */
@media (max-width:767px){
  .home{min-height:100svh}
  .home__media,.home__shade{grid-area:1/1/3/2}
  .home__media img{top:-18%;height:118%;object-position:100% 50%!important}
  .home__shade{background:linear-gradient(180deg,rgba(16,18,18,.55) 0%,rgba(16,18,18,.2) 34%,rgba(16,18,18,0) 52%,rgba(16,18,18,.25) 70%,rgba(16,18,18,.5) 100%)}
  .home__left{min-height:0}
  .home__title{margin-top:9svh;margin-bottom:auto}
  .home__foot{margin-top:var(--s3)}
  .panel{padding:0;background:rgba(22,25,24,.82)}
  .panel__divs,.panel__rows{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(255,255,255,.2)}
  .pitem--col,.pitem--col+.pitem--col,.pitem--row,.pitem--row:last-child{position:relative;display:grid;grid-template-columns:none;align-content:start;gap:6px;min-height:0;padding:12px 40px 12px 20px;border-bottom:0}
  .pitem--col+.pitem--col,.pitem--row+.pitem--row{border-left:1px solid rgba(255,255,255,.2)}
  .pitem--row .pitem__line{align-self:auto;margin-top:0}
  .pitem__line{width:22px}
  .pitem__t,.pitem--row .pitem__t{font-size:var(--fs-14);letter-spacing:.08em;line-height:1.3}
  .pitem__d{font-size:10.5px;line-height:1.5}
  .pitem--col .pitem__d{margin-top:0}
  .pitem__tx{gap:6px}
  .pitem__arr,.pitem--col .pitem__arr,.pitem--row .pitem__arr{position:absolute;top:12px;right:12px;opacity:1;width:16px;height:16px;margin:0}
  .panel__foot{margin:0;padding:10px 20px 12px;font-size:11px}
}
/* Reference: v úvodu jen pravý půdorys, větší, smí přesahovat přes okraj úvodu (Petr 13. 10. 2026, WA) */
.vhero--plan .vhero__art{top:calc(var(--bar-h) + var(--s4));width:min(25vw,380px);right:max(24px,calc((100vw - 1296px) / 2 + 24px));-webkit-mask-image:none;mask-image:none}
@media (max-width:1023px){.vhero--plan .vhero__art{top:auto;bottom:-22%;right:-6vw;width:56vw;opacity:.22}}

/* v0.41 — Reference: karty developerských projektů podle Petrovy předlohy (WA 18. 10. 2026) */
.rcard--box{background:var(--white);border-radius:6px;box-shadow:0 1px 2px rgba(29,32,31,.06),0 10px 28px rgba(29,32,31,.08);overflow:hidden;transition:background var(--t) var(--ease),box-shadow var(--t) var(--ease),transform var(--t) var(--ease)}
.rcard--box .rcard__link{display:flex;flex-direction:column;color:inherit}
.rcard--box .card__media{position:relative;border-radius:0}
.chips--img{position:absolute;z-index:2;left:16px;bottom:16px;margin:0}
.chips--img .chip{background:var(--white);border-color:var(--white);color:var(--ink)}
.chips--img .chip--state{background:var(--ink);border-color:rgba(255,255,255,.55);color:var(--white)}
.rcard--box .rcard__body{padding:var(--s3) var(--s3) var(--s3);gap:10px;flex:1}
.rcard__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);margin-top:6px}
.rcard--box .rcard__scope{color:var(--muted)}
.rcard__go{flex:none;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1px solid var(--line-strong);color:var(--ink);transition:background var(--t) var(--ease),border-color var(--t) var(--ease),color var(--t) var(--ease)}
.rcard__go .ico{width:20px;height:20px}
@media (hover:hover){
  .rcard--box:hover{background:var(--ink);box-shadow:0 18px 40px rgba(29,32,31,.28);transform:translateY(-4px)}
}
.rcard--box:hover .rcard__title,.rcard--box:has(.rcard__link:focus-visible) .rcard__title{color:var(--white)}
.rcard--box:hover .card__place,.rcard--box:hover .rcard__scope,.rcard--box:has(.rcard__link:focus-visible) .card__place,.rcard--box:has(.rcard__link:focus-visible) .rcard__scope{color:var(--on-dark-muted)}
.rcard--box:hover .chips--img .chip--state,.rcard--box:has(.rcard__link:focus-visible) .chips--img .chip--state{background:var(--olive);border-color:var(--olive)}
.rcard--box:hover .rcard__go,.rcard--box:has(.rcard__link:focus-visible) .rcard__go{background:var(--olive);border-color:var(--olive);color:var(--ink)}
.rcard--box:has(.rcard__link:focus-visible){background:var(--ink)}
@media (max-width:767px){.chips--img{left:12px;bottom:12px}.rcard--box .rcard__body{padding:var(--s2) var(--s2) var(--s3)}}

/* v0.41.2 — Zakázky PDD Build: stejné karty, barevně k tmavému bloku (Petr, WA 18. 10. 2026) */
.rcard--onDark{background:#2A2F2E;border:1px solid var(--line-dark);box-shadow:0 10px 28px rgba(0,0,0,.25)}
.rcard--onDark .rcard__title{color:var(--white)}
.rcard--onDark .card__place,.rcard--onDark .rcard__scope{color:var(--on-dark-muted)}
.rcard--onDark .rcard__go{border-color:rgba(255,255,255,.4);color:var(--white)}
.rcard--onDark .chips--img .chip{background:var(--white);border-color:var(--white);color:var(--ink)}
.rcard--onDark .chips--img .chip--state{background:var(--ink);border-color:rgba(255,255,255,.55);color:var(--white)}
@media (hover:hover){
  .rcard--onDark:hover{background:#343A39;border-color:rgba(255,255,255,.28);box-shadow:0 18px 44px rgba(0,0,0,.45)}
}
.rcard--onDark:has(.rcard__link:focus-visible){background:#343A39}
.rcard--onDark:hover .rcard__go,.rcard--onDark:has(.rcard__link:focus-visible) .rcard__go{color:var(--ink)}