/* Písmo Manrope — lokálne (bez Google Fonts), variabilná hrúbka 200–800 */
@font-face{font-family:Manrope;src:url(../fonts/manrope-variable.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}

/*
  KONCEPT „KONŠTRUKCIA“ — náhľad úvodnej stránky
  Inšpirácia: brand.squarespace.com (písmo s vektorovými bodmi, kapitoly v zátvorkách)
            + lisa.locomotive.ca (rozsypané znaky, ktoré sa poskladajú do slova)
  Podklad: veľké písmeno písma Manrope ako „rozpracovaný“ vektor — obrys,body a úchyty.
           Písmeno plynule dýcha medzi váhou 300 (Art) a 600 (Focus); v hero ho ovládaš myšou.
*/
:root{
  --accent:#a9471f; --accent-dark:#8e3a18; /* terakota: farba hlavných výziev (klient 2026-10-07) */
  --paper:#faf9f6; --wash:#eaeaea; --ink:#1c1a1a; --ink-soft:#2e2c2c;
  --muted:#595757; --faint:#696765; --hair:#d8d6d2; /* faint 2026-10-11: z #8c8a88 kvôli kontrastu malého textu (WCAG AA 4,5:1 na paper aj wash) */
  --ease:cubic-bezier(.16,1,.3,1);
  --gutter:clamp(1.25rem,4vw,4rem);
  --mono:Manrope,system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:Manrope,system-ui,sans-serif;background:var(--paper);color:var(--ink);line-height:1.5;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{position:relative;z-index:1;max-width:1440px;margin:0 auto;padding:0 var(--gutter)}
.display{font-weight:300;letter-spacing:-.02em;line-height:1.04}

.muted{color:var(--muted)}

/* Kapitoly v zátvorkách (Squarespace) */
.chap{display:flex;align-items:baseline;gap:.9rem;font-size:.7rem;font-weight:500;color:var(--muted);letter-spacing:.22em;text-transform:uppercase}

/* Tlačidlá */
.btn{display:inline-flex;align-items:center;gap:.6rem;border:2px solid var(--ink);border-radius:999px;padding:.85rem 1.7rem;font-size:.9rem;font-weight:600;letter-spacing:.02em;transition:background .3s,color .3s;cursor:pointer;font-family:inherit}
.btn-solid{background:#000;border-color:#000;color:var(--paper)} .btn-solid:hover{background:var(--paper);color:var(--ink)}
.btn-line{background:transparent;color:var(--ink)} .btn-line:hover{background:var(--ink);color:var(--paper)}
.btn-paper{background:var(--paper);border-color:var(--paper);color:var(--ink)} .btn-paper:hover{background:transparent;color:var(--paper)}
.btn .arr{transition:transform .3s} .btn:hover .arr{transform:translateX(3px)}
.assure{display:flex;align-items:center;gap:.6rem;font-size:.8rem;color:var(--faint);margin-top:1rem}

.cta-row{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center}

/* Header */
header{position:fixed;inset:0 0 auto;z-index:50;transition:background .4s,border-color .4s;border-bottom:1px solid transparent}
header.scrolled{background:rgba(250,249,246,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:var(--ink)}
.hbar{display:flex;align-items:center;justify-content:space-between;height:72px}
.hbar img{height:26px;width:auto}
nav.main{display:flex;gap:2.2rem;font-size:.95rem;font-weight:500;color:var(--ink);margin-left:auto;margin-right:2.2rem} nav.main a{position:relative} nav.main a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)} nav.main a:hover::after{transform:scaleX(1)}
@media(max-width:1000px){nav.main{display:none}}
.hbar .btn{padding:.6rem 1.2rem}
@media(max-width:640px){.hbar .btn{display:none}}

/* HERO */
.hero{position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center;padding:8rem 0 5rem}
.hero h1{font-size:clamp(2.6rem,5.6vw,5.4rem);margin-top:2rem}


.hero .lead{max-width:34rem;font-size:1.1rem;color:var(--ink-soft);margin-top:2.2rem;line-height:1.65}
.hero .cta-row{margin-top:2.4rem}

/* Sekcie */
section{position:relative}
.sec{padding:clamp(5rem,10vw,8rem) 0}

.h2{font-size:clamp(2.1rem,4.4vw,3.4rem);margin-top:1.4rem}
.split{display:grid;gap:3rem}
@media(min-width:1000px){.split{grid-template-columns:1fr 1.5fr;gap:5rem}.stick{position:sticky;top:8rem;align-self:start}}

.audit h2{font-size:clamp(2.1rem,4.4vw,3.4rem);margin-top:1.4rem}

.audit ul{list-style:none;margin-top:1.8rem;display:grid;gap:.7rem;color:#e7e5e1;font-size:.95rem}
.audit ul li{display:flex;gap:.9rem;align-items:baseline}
.audit ul li span{font-family:var(--mono);font-size:.72rem;color:#7d7b78}

.photo{position:relative;overflow:hidden;border-radius:3px;aspect-ratio:4/5;background:var(--wash)}
.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 1.6s var(--ease)}
.photo.in img{transform:scale(1)}

.photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.45),transparent 45%)}

.work{display:grid;gap:2.5rem 1.6rem}
@media(min-width:760px){.work{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.work{grid-template-columns:repeat(3,1fr)}}

.card h3{font-size:1.15rem;font-weight:600}
.card .cat{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}

@keyframes mq{to{transform:translateX(-50%)}}

.final-sec{overflow:hidden}
.final{display:grid;gap:3.5rem}
@media(min-width:1000px){.final{grid-template-columns:.9fr 1.1fr;gap:5rem}}
.final h2{font-size:clamp(2.4rem,5vw,4.2rem);margin-top:1.4rem}

.contact-direct{margin-top:2.4rem;padding-top:1.6rem;border-top:1px solid var(--hair);display:grid;gap:.4rem;font-size:1.05rem;justify-items:start}
.fform{display:grid;gap:1.8rem;background:var(--paper);padding:clamp(1.4rem,3vw,2.4rem);border-radius:4px}
.fform .row{display:grid;gap:1.8rem}
@media(min-width:640px){.fform .row{grid-template-columns:1fr 1fr}}
.fform label{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}
.fform input,.fform textarea{width:100%;margin-top:.5rem;background:transparent;border:0;border-bottom:1px solid var(--ink);padding:.55rem 0;font:inherit;font-size:1rem;color:var(--ink);outline:none;resize:none}
.chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem}
.chips button{font:inherit;font-size:.85rem;border:1px solid var(--hair);background:transparent;border-radius:999px;padding:.5rem 1rem;cursor:pointer;transition:all .25s}
.chips button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}

footer{border-top:1px solid var(--ink);padding:3rem 0 6rem;font-size:.78rem;color:var(--muted)}

.mbar{position:fixed;inset:auto .8rem .8rem;z-index:60;display:none;gap:.6rem;transform:translateY(140%);transition:transform .5s var(--ease)}
.mbar.show{transform:none}
.mbar a{flex:1;justify-content:center}
@media(max-width:760px){.mbar{display:flex}}

.rv{opacity:0;transform:translateY(22px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.rv.in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
  .rv{opacity:1;transform:none}
}

/* Spoľahlivosť */
.trust{display:grid;gap:2.5rem;margin-top:3.5rem}
@media(min-width:760px){.trust{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.trust{grid-template-columns:repeat(3,1fr)}}
.trust div{border-top:1px solid var(--ink);padding-top:1.4rem}
.trust h3{font-size:1.2rem;font-weight:600;letter-spacing:-.01em}
.trust p{color:var(--muted);font-size:.92rem;margin-top:.7rem}

/* Postup */
.flow{list-style:none;display:grid;gap:2.5rem;margin-top:3.5rem}
@media(min-width:860px){.flow{grid-template-columns:repeat(3,1fr)}}
.flow li{border-top:1px solid var(--ink);padding-top:1.4rem}
.flow span{font-size:.7rem;letter-spacing:.2em;color:var(--faint)}
.flow h3{font-size:1.4rem;font-weight:600;margin-top:.8rem;letter-spacing:-.01em}
.flow p{color:var(--muted);font-size:.92rem;margin-top:.6rem;max-width:22rem}

/* ---------- Úvod: logo ArtFocus v pozadí hero (poloha a animácia v site.js) ---------- */
.mono{position:absolute;z-index:0;pointer-events:none;left:0;right:0;top:50%;opacity:0;transition:opacity 1s ease}
.mono.in{opacity:1}
.mono svg{display:block;width:100%;height:auto;overflow:visible}
.mono path{fill:rgba(28,26,26,.06);transform-box:fill-box;transform-origin:100% 100%} /* deformácia pri náraze od pravého spodného rohu */
@media(max-width:900px){.mono path{fill:rgba(28,26,26,.05)}}

/* v10 — sekcia 01: pokojné riadky (všetko viditeľné, bez rozbaľovania) */
.rows{list-style:none;margin-top:3.5rem;border-top:1px solid var(--ink)}

.row h3{font-size:clamp(1.7rem,2.8vw,2.6rem);font-weight:300;letter-spacing:-.02em;line-height:1.1}
.r-body p{color:var(--muted);padding-top:.35rem}
.r-body ul{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.1rem}
.r-body li{font-size:.8rem;border:1px solid var(--hair);border-radius:999px;padding:.35rem .85rem;color:var(--ink-soft)}
.r-cta{display:inline-flex;gap:.5rem;margin-top:1.3rem;font-weight:600;font-size:.9rem}
.r-cta .arr{transition:transform .45s var(--ease)}

@media(hover:hover){.r-cta:hover .arr{transform:translateX(5px)}}
@media(max-width:900px){.r-body{grid-column:2}}
/* v9 — AI sekcia s ukážkou odpovede */
.ai-grid{display:grid;gap:3rem;align-items:center}
@media(min-width:1000px){.ai-grid{grid-template-columns:1.05fr .95fr;gap:5rem}}
.chat{border:1px solid #3a3836;border-radius:16px;background:#1f1e1d;font-size:.95rem;line-height:1.65;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.c-top{display:flex;align-items:center;gap:.55rem;padding:.85rem 1.2rem;border-bottom:1px solid #2f2d2b;font-size:.78rem;color:#9a9894}
.c-dot{width:9px;height:9px;border-radius:50%;background:#e7e5e1}
.c-body{padding:1.4rem 1.4rem 1rem;min-height:19rem}
.chat .q{margin-left:auto;max-width:78%;width:fit-content;background:#2f2d2b;color:#efede9;padding:.65rem 1.05rem;border-radius:18px}
.c-status{display:flex;align-items:center;gap:.6rem;margin-top:1.3rem;font-size:.85rem;color:#8c8a86;opacity:0;transition:opacity .4s}
.c-status.on{opacity:1}
.c-spin{width:12px;height:12px;border-radius:50%;border:1.5px solid #5d5b58;border-top-color:#e7e5e1;animation:spin .9s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.chat .a{margin-top:.2rem;color:#d6d4d0}
.chat .a p{margin:0 0 .8rem}
.chat .a ol{margin:0;padding-left:1.4rem;display:grid;gap:.35rem}
.chat .a b{color:#fff;font-weight:600}
.chat .a .w{opacity:0;transition:opacity .25s}
.chat .a .w.in{opacity:1}
/* Ukážka AI (2026-10-10): odpoveď ako v skutočnom AI vyhľadávaní: zoznam firiem s krátkym zdôvodnením a odkazom na zdroj */
.chat .a li{line-height:1.55}
.chat .c-src{display:inline-block;margin-left:.3rem;padding:.05rem .55rem;border-radius:999px;background:#2f2d2b;color:#b9b7b3;font-size:.72rem;line-height:1.5;vertical-align:.08em;opacity:0;transition:opacity .25s}
.chat .c-src:has(.w.in){opacity:1}
.chat .c-ghost{display:inline-block;width:55%;height:.5rem;margin-left:.4rem;border-radius:4px;background:#34322f;vertical-align:middle;opacity:0;transition:opacity .25s}
.chat li:has(.w.in) .c-ghost{opacity:1}
.chat .a p:last-child{margin:.9rem 0 0}
.c-input{display:flex;justify-content:space-between;align-items:center;margin:0 1rem 1rem;padding:.7rem .7rem .7rem 1.1rem;border:1px solid #3a3836;border-radius:999px;color:#7d7b78;font-size:.88rem}
.c-send{width:30px;height:30px;border-radius:50%;background:#e7e5e1;color:#1c1a1a;display:grid;place-items:center;font-size:.9rem}
.aform-row{display:grid;gap:1.4rem;margin-top:3.5rem;padding-top:2.4rem;border-top:1px solid #3a3836;align-items:end}
@media(min-width:900px){.aform-row{grid-template-columns:1fr 1fr auto}}
.aform-row label{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:#b9b7b3}
.aform-row input{width:100%;margin-top:.5rem;background:transparent;border:0;border-bottom:1px solid #6d6b68;color:var(--paper);padding:.6rem 0;font:inherit;font-size:1.05rem;outline:none}
.aform-row .assure{grid-column:1/-1;margin-top:0;color:#8c8a86}
a.u{text-decoration:underline;text-underline-offset:3px}
.gdpr{font-size:.78rem;color:var(--faint);margin-top:.9rem;max-width:30rem}
/* v9 — pätička */
.foot{border-top:1px solid var(--ink);padding:4.5rem 0 2rem;font-size:.88rem}
.f-top{display:grid;gap:2.4rem}
@media(min-width:900px){.f-top{grid-template-columns:1.6fr 1fr 1fr 1fr}}
.f-brand img{height:26px;width:auto}
.f-brand p{color:var(--muted);margin-top:1rem;max-width:20rem}
.foot h4{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--faint);font-weight:600;margin-bottom:1rem}
.foot .f-top a{display:block;width:fit-content;color:var(--ink-soft);padding:.25rem 0}
.foot a:hover{color:var(--ink)}
.f-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:3.5rem;padding-top:1.6rem;border-top:1px solid var(--hair);color:var(--muted);font-size:.8rem}
.f-legal{display:flex;flex-wrap:wrap;align-items:center;gap:1.4rem}
/* Tlačidlo Nahor (klient 2026-10-09: výraznejšie) */
.f-legal .to-top{display:inline-flex;align-items:center;gap:.55rem;padding:.65rem 1.15rem;border:1.5px solid var(--ink);border-radius:999px;color:var(--ink);font-weight:600;font-size:.85rem;line-height:1;transition:background .25s,color .25s}
.f-legal .to-top:hover,.f-legal .to-top:focus-visible{background:var(--ink);color:#fff}
.f-legal .to-top svg{transition:transform .25s}.f-legal .to-top:hover svg{transform:translateY(-2px)}
@media(max-width:760px){.foot{padding-bottom:6.5rem}.f-bot{flex-direction:column;align-items:flex-start}}
.f-legal button{font:inherit;background:none;border:0;color:inherit;cursor:pointer;padding:0}
/* v9 — cookie lišta */
.cookie{position:fixed;left:1rem;bottom:1rem;z-index:80;max-width:30rem;background:var(--paper);border:1px solid var(--ink);border-radius:6px;padding:1.2rem 1.3rem;box-shadow:0 10px 40px rgba(0,0,0,.12);display:none;font-size:.88rem}
.cookie.show{display:block}
.cookie p{color:var(--muted)} .cookie p b{color:var(--ink);margin-right:.4rem}
.cookie div{display:flex;gap:.6rem;margin-top:1rem;flex-wrap:wrap}
.cookie .btn{padding:.55rem 1.1rem;font-size:.82rem}
@media(max-width:760px){.cookie{left:.6rem;right:.6rem;bottom:.6rem;max-width:none}}
/* v10 — jednotný kurzor: malá bodka (čierna/biela podľa podkladu) */
/* ?static=1 — náhľad bez animácií (na rýchlu kontrolu celej stránky) */
html.static .rv{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}
html.static .mono{opacity:1!important;transition:none!important}
html.static .hero{min-height:auto}
html.static .cookie{display:none!important}
html.static .chat .w{opacity:1!important}
html.static .c-status{display:none!important}

/* ---------- PODSTRÁNKY (2026-10-02) ---------- */
nav.main a.on::after{transform:scaleX(1)}
.phero{position:relative;overflow:hidden;padding:clamp(9rem,16vw,12rem) 0 clamp(4rem,8vw,6rem)}
.phero h1{font-size:clamp(2.6rem,5.6vw,5.4rem);margin-top:2rem;max-width:18ch}

.phero .lead{max-width:36rem;font-size:1.1rem;color:var(--ink-soft);margin-top:2rem;line-height:1.65}
/* rozcestník služieb */
.svc-index{list-style:none;display:grid;gap:0;margin-top:clamp(3rem,6vw,4.5rem);border-top:1px solid var(--ink)}
@media(min-width:900px){.svc-index{grid-template-columns:repeat(4,1fr)}.svc-index:has(>li:nth-child(5)){grid-template-columns:repeat(5,1fr)}}
.svc-index a{display:flex;flex-direction:column;gap:.6rem;height:100%;padding:1.6rem 1.4rem 1.8rem 0;border-bottom:1px solid var(--ink)}
@media(min-width:900px){.svc-index li+li a{padding-left:1.4rem;border-left:1px solid var(--hair)}}

.svc-index b{font-size:1.25rem;font-weight:600;letter-spacing:-.01em}

.svc-index .arr{margin-top:auto;padding-top:.6rem;transition:transform .45s var(--ease)}
@media(hover:hover){.svc-index a:hover .arr{transform:translateY(4px)}}

.aform-light{display:grid;gap:1.4rem;margin-top:2.6rem;padding-top:2rem;border-top:1px solid var(--ink);align-items:end}
@media(min-width:700px){.aform-light{grid-template-columns:1fr 1fr auto}}
.aform-light label{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}
.aform-light input{width:100%;margin-top:.5rem;background:transparent;border:0;border-bottom:1px solid var(--ink);color:var(--ink);padding:.6rem 0;font:inherit;font-size:1rem;outline:none}
.aform-light .assure{grid-column:1/-1;margin-top:0}
.aform-light .assure:empty{display:none}
.flow.five{gap:2rem}
@media(min-width:1100px){.flow.five{grid-template-columns:repeat(5,1fr)}}

html.static .phero{min-height:auto}
@media(max-width:899px){
  .svc-index{grid-template-columns:1fr 1fr}
  .svc-index li:nth-child(even) a{padding-left:1rem;border-left:1px solid var(--hair)}
  .svc-index a{padding-right:1rem}
  .svc-index b{font-size:1.05rem}
}

/* ---------- ESTATES (2026-10-02) ---------- */
.ehero{display:grid;gap:3rem;align-items:center}
@media(min-width:1000px){.ehero{grid-template-columns:1.05fr .95fr;gap:5rem}}
.ehero h1{max-width:none;font-size:clamp(2.5rem,4.8vw,4.6rem)}
.ehero .photo{aspect-ratio:4/5;max-height:78vh}
/* Nehnuteľnosti: jedna fotka cez celú sekciu,farebná len v ploche rámika,inde čiernobiela a vľavo pod textom slabne
   (rozmery a polohu nastavuje site.js, rámik aj podklad sú tá istá fotka v rovnakej mierke). */
.ehero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background-repeat:no-repeat;filter:grayscale(1);opacity:0;transition:opacity 1.2s var(--ease);-webkit-mask-image:linear-gradient(to right,transparent var(--x,0px),rgba(0,0,0,.15) calc(var(--x,0px) + (var(--fx,50%) - var(--x,0px)) * .45),rgba(0,0,0,.6) calc(var(--x,0px) + (var(--fx,50%) - var(--x,0px)) * .8),#000 var(--fx,50%),#000 var(--fr,90%),transparent var(--xr,100%)),linear-gradient(to bottom,transparent var(--y,0px),#000 var(--fy,20%),#000 var(--fb,80%),transparent calc(var(--y,0px) + var(--h,100%)));-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent var(--x,0px),rgba(0,0,0,.15) calc(var(--x,0px) + (var(--fx,50%) - var(--x,0px)) * .45),rgba(0,0,0,.6) calc(var(--x,0px) + (var(--fx,50%) - var(--x,0px)) * .8),#000 var(--fx,50%),#000 var(--fr,90%),transparent var(--xr,100%)),linear-gradient(to bottom,transparent var(--y,0px),#000 var(--fy,20%),#000 var(--fb,80%),transparent calc(var(--y,0px) + var(--h,100%)));mask-composite:intersect}
.phero.has-ebg .ehero-bg{opacity:.38}
.phero.has-ebg>.wrap{position:relative;z-index:1}
.phero.has-ebg .ehero .photo{border-radius:0;background:none;aspect-ratio:1/1;width:min(100%,30rem);justify-self:end;outline:4px solid #fff}
.phero.has-ebg .ehero .photo::after{display:none}
.ehero .photo img{object-position:62% 50%}
/* Výrez pre každú stránku: --hf = výška rámika / výška fotky,--cx/--cy = stred rámika na fotke (0 až 1). */
.ehero{--hf:.6;--cx:.822;--cy:.47}
.ehero-foto{--hf:.6;--cx:.56;--cy:.585}
.ehero-foto .photo img{object-position:56% 50%}
/* Tablet a mobil (efekt farebného výrezu je len na počítači): hero fotka na šírku cez celý stĺpec,nie vysoký rámik 4:5. Výrez podľa --cx/--cy. */
@media (max-width:999px){.ehero .wp-block-image.photo{aspect-ratio:3/2;width:100%;max-height:none}.ehero .photo img{object-position:82% 47%}.ehero-foto .photo img{object-position:56% 58%}}
.phero .ehero-foto h1.display{font-size:clamp(2.3rem,3.9vw,3.9rem)}

/* porovnanie: inzerát vs. vlastná scéna */
.cmp{display:grid;gap:1.6rem;margin-top:3.5rem}
@media(min-width:860px){.cmp{grid-template-columns:1fr 1fr}}
.cmp-col{border:1px solid var(--hair);border-radius:4px;background:var(--paper);padding:clamp(1.6rem,3vw,2.6rem)}
.cmp-col h3{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--muted);padding-bottom:1.2rem;border-bottom:1px solid var(--hair)}

.cmp-col ul{list-style:none}
.cmp-col li{display:flex;gap:1rem;align-items:baseline;padding:1.05rem 0;border-bottom:1px solid var(--hair);font-size:1.05rem;color:var(--faint);font-variation-settings:"wght" 400}
.cmp-col li:last-child{border-bottom:0}
.cmp-col li i{font-style:normal;font-size:.7rem;letter-spacing:.15em;color:var(--faint)}
.cmp-col.ours li{transition:font-variation-settings .9s var(--ease),color .9s var(--ease)}
.cmp-col.ours li.on{font-variation-settings:"wght" 600;color:var(--ink)}
html.static .cmp-col.ours li{font-variation-settings:"wght" 600;color:var(--ink)}

/* čo pripravíme */
.inc{display:grid;gap:1px;margin-top:3.5rem;background:var(--hair);border:1px solid var(--hair);border-radius:4px;overflow:hidden}
@media(min-width:700px){.inc{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.inc{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1000px){.inc.three{grid-template-columns:repeat(3,1fr)}}
.inc div{background:var(--paper);padding:clamp(1.5rem,2.4vw,2.2rem)}
.inc span{font-size:.7rem;letter-spacing:.2em;color:var(--faint)}
.inc h3{font-size:1.2rem;font-weight:600;letter-spacing:-.01em;margin-top:.9rem}
.inc p{color:var(--muted);font-size:.92rem;margin-top:.6rem}
/* ukážka */
.show .photo{aspect-ratio:16/9;margin-top:3rem}

/* Ukážka v praxi: dve fotky vedľa seba (klient 2026-10-09: farebné). */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.6rem,1.4vw,1.2rem);margin-top:3rem}
.duo .wp-block-image.photo{aspect-ratio:3/2;margin:0}
@media (max-width:700px){.duo{grid-template-columns:1fr}}
.show-meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem 2rem;margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--ink)}
.show-meta h3{font-size:1.3rem;font-weight:600}
.show-meta p{color:var(--muted)}
.show-meta a{font-weight:600;font-size:.9rem}
/* pre koho */
.aud{display:grid;gap:1.6rem;margin-top:3.5rem}
@media(min-width:860px){.aud{grid-template-columns:1fr 1fr}}
.aud article{border-top:1px solid var(--ink);padding-top:1.6rem}
.aud h3{font-size:clamp(1.4rem,2.2vw,1.8rem);font-weight:300;letter-spacing:-.015em}
.aud p{color:var(--muted);margin-top:.9rem;max-width:32rem}

/* ---------- O NÁS (2026-10-02) ---------- */
.phero .lead.wide{max-width:42rem}
.vals{list-style:none;margin-top:3.5rem;border-top:1px solid var(--ink)}
.vals li{display:grid;gap:.8rem 3rem;padding:2.2rem 0;border-bottom:1px solid var(--hair)}
@media(min-width:900px){.vals li{grid-template-columns:3rem 1fr 1.2fr;align-items:baseline}}

.vals h3{font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:300;letter-spacing:-.015em;line-height:1.1}
.vals p{color:var(--muted);max-width:32rem}

/* ---------- KONTAKT (2026-10-02) ---------- */
.c-lines{display:grid;gap:1.6rem;margin-top:.4rem}
.c-lines div{border-top:1px solid var(--ink);padding-top:1rem}
.c-lines label{display:block;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}
.c-lines a{display:inline-block;margin-top:.4rem;font-size:clamp(1.3rem,2.2vw,1.75rem);font-weight:300;letter-spacing:-.01em}
.c-lines a:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.next{list-style:none;margin-top:3rem;display:grid;gap:1.1rem}
div.next{margin-top:3rem}
.next h3{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:500;margin-bottom:.4rem}
.next li{display:grid;grid-template-columns:2.4rem 1fr;gap:.6rem;font-size:.95rem;color:var(--ink-soft)}
.next li span{font-size:.72rem;letter-spacing:.15em;color:var(--faint);padding-top:.2rem}
.contact-main{padding-top:0}
.contact-main .fform{background:var(--wash)}

/* ---------- PRÁVNE TEXTY (2026-10-02) ---------- */
.legal{display:grid;gap:3rem}
@media(min-width:1000px){.legal{grid-template-columns:16rem 1fr;gap:5rem}}
.toc,.toc ol{list-style:none;display:grid;gap:.55rem;font-size:.88rem}
.toc a{color:var(--muted)} .toc a:hover{color:var(--ink)}
@media(min-width:1000px){.toc{position:sticky;top:7rem;align-self:start}}
.legal-body{max-width:44rem}
.legal-body section{padding:2.2rem 0;border-top:1px solid var(--hair)}
.legal-body section:first-child{border-top:1px solid var(--ink)}
.legal-body h2{font-size:clamp(1.3rem,2vw,1.6rem);font-weight:600;letter-spacing:-.01em;margin-bottom:1rem}
.legal-body h2 span{font-size:.7rem;letter-spacing:.2em;color:var(--faint);font-weight:500;margin-right:.8rem;vertical-align:middle}
.legal-body p,.legal-body li{color:var(--ink-soft);font-size:.98rem;line-height:1.7}
.legal-body p+p,.legal-body p+ul,.legal-body ul+p{margin-top:.9rem}
.legal-body ul{padding-left:1.1rem;display:grid;gap:.45rem}
.legal-body b{font-weight:600;color:var(--ink)}

.updated{font-size:.82rem;color:var(--faint);margin-top:1.4rem}

.legal-body h3{font-size:1rem;font-weight:600;margin-top:1.4rem;margin-bottom:.5rem}
.legal-body .note{font-size:.85rem;color:var(--muted)}

/* =====================================================================
   WORDPRESS — prepojenie blokov editora na dizajn (téma ArtFocus)
   Bloky nesú triedy z náhľadu (wrap, split, trust…) + štýly blokov (is-style-*).
   ===================================================================== */

/* Prístupnosť */
.skip{position:absolute;left:-9999px;top:0;z-index:300;background:var(--ink);color:var(--paper);padding:.7rem 1rem}
.skip:focus{left:1rem;top:1rem}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.is-style-dark :focus-visible{outline-color:var(--paper)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Rytmus textu v blokoch (nízka váha, komponenty si ho prepíšu) */
:where(.af-main) :where(h1,h2,h3,h4,p,ul,ol,figure,form,table,.wp-block-table):not(:first-child){margin-top:1.4rem}
:where(.af-main) :where(.wp-block-buttons):not(:first-child){margin-top:2.2rem}

.af-main ul,.af-main ol{list-style:none}
.af-main figure{margin-left:0;margin-right:0}
.af-main img{height:auto}

/* Sekcie */
.af-main > .wp-block-group{position:relative}
.is-style-wash{background:var(--wash)}
.is-style-dark{background:var(--ink);color:var(--paper);overflow:hidden;--faint:#9d9b97}
.is-style-lined{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.head{max-width:44rem}

/* Nadpisy: tučné slová cez Ctrl+B (strong) = váha 600,ako logo Art/Focus */
.display strong,.display b{font-weight:600}
.display em{font-style:normal}
h1.display{font-size:clamp(2.6rem,5.6vw,5.4rem);margin-top:2rem}
.af-main h3 strong{font-weight:600}
.is-style-dark h2{font-size:clamp(2.1rem,4.4vw,3.4rem)}

/* Kapitola (01) — číslovanie automaticky podľa poradia na stránke */
.af-main{counter-reset:chap -1}
.is-style-chapter{display:flex;align-items:baseline;gap:.9rem;font-size:.7rem;font-weight:500;color:var(--muted);letter-spacing:.22em;text-transform:uppercase;counter-increment:chap}
.is-style-chapter::before{content:"(" counter(chap,decimal-leading-zero) ")";color:var(--faint);font-weight:300;letter-spacing:.08em}
.is-style-dark .is-style-chapter{color:#b9b7b3} .is-style-dark .is-style-chapter::before{color:#7d7b78}

/* Texty */
.is-style-lead{max-width:36rem;font-size:1.1rem;color:var(--ink-soft);line-height:1.65}
.is-style-dark .is-style-lead,.is-style-dark p:not(.is-style-chapter){color:#c9c7c3}
.is-style-note{padding-left:1rem;border-left:2px solid var(--ink);max-width:28rem;font-size:.95rem;color:var(--ink-soft)}
/* Text s linkou: rovnaká zvislá linka ako Poznámka,ale bežné písmo odseku (klient 2026-10-06). */
.is-style-bar{padding-left:1rem;border-left:2px solid var(--ink)}
.is-style-statement{font-size:clamp(1.8rem,3.6vw,2.9rem);line-height:1.22;letter-spacing:-.015em;max-width:30ch;margin-left:auto!important;margin-right:auto!important;text-align:center;font-weight:300}
.is-style-statement strong{font-weight:600}
p.muted,.muted{color:var(--muted);max-width:32rem}
.assure a,.af-main p a:not(.wp-block-button__link){text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}

/* Tlačidlá (štýly „Plné“, „Obrys“, „Svetlé“) */
.wp-block-buttons{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center}
.wp-block-button__link{display:inline-flex;align-items:center;gap:.6rem;border:2px solid var(--ink);border-radius:999px;padding:.85rem 1.7rem;font-size:.9rem;font-weight:600;letter-spacing:.02em;transition:background .3s,color .3s,border-color .3s;text-decoration:none;line-height:1.5;background:#000;border-color:#000;color:var(--paper)}
.wp-block-button__link:hover{background:var(--paper);color:var(--ink)}
.is-style-solid .wp-block-button__link::after,.is-style-paper .wp-block-button__link::after{content:"→";transition:transform .3s}
.wp-block-button__link:hover::after{transform:translateX(3px)}
.is-style-line .wp-block-button__link{background:transparent;color:var(--ink);border-color:var(--ink)}
.is-style-line .wp-block-button__link:hover{background:var(--ink);color:var(--paper)}
.is-style-paper .wp-block-button__link{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.is-style-paper .wp-block-button__link:hover{background:transparent;color:var(--paper)}
.is-style-dark .is-style-line .wp-block-button__link{border-color:var(--paper);color:var(--paper)}
.is-style-dark .is-style-line .wp-block-button__link:hover{background:var(--paper);color:var(--ink)}
.btn-line{background:transparent}

/* Hero */
.hero > .wrap{width:100%}
.hero .is-style-lead{margin-top:2.2rem}
.hero .wp-block-buttons{margin-top:2.4rem}
.hero-title em{display:block;color:var(--muted);font-weight:300}
.hero-title strong{font-weight:600}

/* Úvodná sekcia podstránok */
.phero .is-style-lead{margin-top:2rem}
.phero .display.wide{max-width:none}

/* Riadky služieb na úvode (01) */
.rows{border-top:1px solid var(--ink);margin-top:3.5rem;counter-reset:row}
.rows > .wp-block-group{display:grid;grid-template-columns:3rem 1.15fr 1fr;gap:1rem 2.4rem;align-items:start;padding:2.6rem 0;border-bottom:1px solid var(--ink);counter-increment:row}
.rows > .wp-block-group::before{content:counter(row,decimal-leading-zero);font-size:.72rem;letter-spacing:.2em;color:var(--faint);padding-top:.7rem}

.rows h3{font-size:clamp(1.7rem,2.8vw,2.6rem);font-weight:300;letter-spacing:-.02em;line-height:1.1}
.rows .r-body > p:first-child{color:var(--muted);padding-top:.35rem}
.rows .tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.1rem}
.rows .tags li{font-size:.8rem;border:1px solid var(--hair);border-radius:999px;padding:.35rem .85rem;color:var(--ink-soft)}
/* Galéria fotiek (Foto a video, Fotografovanie nehnuteľností),kliknutím sa fotka zväčší (lightbox jadra WP). */
.af-gallery{--g-gap:clamp(.5rem,1.2vw,1rem);display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;gap:var(--g-gap);margin-top:2rem}
.af-gallery .wp-block-image.g-tall{grid-row:span 2;aspect-ratio:auto}
/* Fotka na výšku má najmenej výšku 2 riadkov 3:2 + medzery (padding v % = zo šírky). Inak riadok, v ktorom sú len fotky na výšku, nemá výšku a zrúti sa (2026-10-11). */
.af-gallery .wp-block-image.g-tall::before{content:"";display:block;padding-top:calc(133.333% + var(--g-gap))}
.head.g-next{margin-top:clamp(3rem,6vw,5rem)}
.af-gallery .wp-block-image{position:relative;margin:0;aspect-ratio:3/2;overflow:hidden;border-radius:3px;background:var(--wash)}
.af-gallery .wp-block-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.af-gallery .wp-block-image:hover img{transform:scale(1.03)}
@media (max-width:700px){.af-gallery{grid-template-columns:repeat(2,1fr)}}
.af-lb{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:rgba(14,14,13,.94);opacity:0;transition:opacity .25s}.af-lb.on{opacity:1}.af-lb[hidden]{display:none}
.af-lb img{max-width:92vw;max-height:88vh;object-fit:contain;border-radius:2px}
.af-lb button{position:absolute;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;transition:background .2s,transform .2s}
.af-lb button:hover,.af-lb button:focus-visible{background:rgba(255,255,255,.28);outline:none}
.af-lb button svg{width:1.75rem;height:1.75rem}
.af-lb-x{top:1.25rem;right:1.25rem}.af-lb-p{left:1.25rem;top:50%;transform:translateY(-50%)}.af-lb-n{right:1.25rem;top:50%;transform:translateY(-50%)}
@media (max-width:700px){.af-lb button{width:3rem;height:3rem}.af-lb-p,.af-lb-n{top:auto;bottom:1.25rem;transform:none}.af-lb-p{left:calc(50% - 3.5rem)}.af-lb-n{right:calc(50% - 3.5rem)}}
html.lb-open{overflow:hidden}
.tags li:has(a){padding:0}.tags li a{display:block;padding:.35rem .85rem;color:inherit;text-decoration:none;border-radius:inherit;transition:color .2s,background .2s}.tags li a:hover{color:var(--ink);background:var(--hair)}
.rows .r-cta{margin-top:1.3rem;font-weight:600;font-size:.9rem}
.rows .r-cta a{text-decoration:none!important}
.rows .r-cta a::after{content:" →";display:inline-block;transition:transform .45s var(--ease)}
@media(hover:hover){.rows .r-cta a:hover::after{transform:translateX(5px)}}
@media(max-width:900px){.rows > .wp-block-group{grid-template-columns:2.4rem 1fr;gap:.8rem 1rem}.rows .r-body{grid-column:2}}

/* AI sekcia */
.ai-grid > .wp-block-group > h2{margin-top:1.4rem}
.is-style-dark .ai-grid p:not(.is-style-chapter){max-width:30rem;font-size:1.05rem}

/* Riadky s popisom (zoznam „Riadky s popisom“): text vľavo,kurzíva vpravo */
.is-style-rows{border-top:0} /* klient 2026-10-07: bez čiary nad zoznamom,sekcie oddeľuje podklad */
.is-style-rows li:first-child{padding-top:.4rem}
.is-style-rows li{display:flex;justify-content:space-between;align-items:baseline;gap:1.5rem;flex-wrap:wrap;padding:1.6rem 0;border-bottom:1px solid var(--hair);font-size:clamp(1.3rem,2.2vw,1.8rem);font-weight:300;letter-spacing:-.01em}
.is-style-rows li em{font-style:normal;color:var(--faint);font-size:.9rem;letter-spacing:0;max-width:22rem;text-align:right}
@media(max-width:700px){.is-style-rows li{flex-direction:column;gap:.35rem}.is-style-rows li em{text-align:left;max-width:none}}
@media(min-width:701px){.is-style-rows li{flex-wrap:nowrap}.is-style-rows li em{flex:0 1 16rem;min-width:11rem}} /* dlhší popis ostane vpravo vedľa bodu (2026-10-10) */

/* Karty v mriežke: číslovanie automaticky */
.trust,.flow,.inc{counter-reset:card}
.trust > *,.flow > *,.inc > *,.cmp-col li{counter-increment:card}
.trust > .wp-block-group{border-top:1px solid var(--ink);padding-top:1.4rem}
.trust h3{font-size:1.2rem;font-weight:600;letter-spacing:-.01em}
.trust p{color:var(--muted);font-size:.92rem;margin-top:.7rem}
.flow{display:grid;gap:2.5rem;margin-top:3.5rem}
@media(min-width:860px){.flow{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1100px){.flow.five{grid-template-columns:repeat(5,1fr);gap:2rem}}
.flow > .wp-block-group{border-top:1px solid var(--ink);padding-top:1.4rem}
.flow > .wp-block-group::before,.inc > .wp-block-group::before{content:counter(card,decimal-leading-zero);display:block;font-size:.7rem;letter-spacing:.2em;color:var(--faint)}
.flow h3{font-size:1.4rem;font-weight:600;margin-top:.8rem;letter-spacing:-.01em}
.flow p{color:var(--muted);font-size:.92rem;margin-top:.6rem;max-width:22rem}
.inc > .wp-block-group{background:var(--paper);padding:clamp(1.5rem,2.4vw,2.2rem)}
.inc h3{font-size:1.2rem;font-weight:600;letter-spacing:-.01em;margin-top:.9rem}
.inc p{color:var(--muted);font-size:.92rem;margin-top:.6rem}

/* Split (sticky ľavý stĺpec) */
.split .stick > .is-style-note{margin-top:1.4rem}

.wp-block-image.photo{position:relative;overflow:hidden;border-radius:3px;aspect-ratio:4/5;background:var(--wash)}
.wp-block-image.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 1.6s var(--ease)}
.wp-block-image.photo.in img{transform:scale(1)}
.wp-block-image.photo.wide{aspect-ratio:16/9}
.wp-block-image.photo.landscape{aspect-ratio:16/10}

/* Porovnanie inzerát / Estates */
.cmp-col{border:1px solid var(--hair);border-radius:4px;background:var(--paper);padding:clamp(1.6rem,3vw,2.6rem)}
.cmp-col h3{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--muted);padding-bottom:1.2rem;border-bottom:1px solid var(--hair)}
.cmp-col ul{margin-top:0!important;counter-reset:card}
.cmp-col li{display:flex;gap:1rem;align-items:baseline;padding:1.05rem 0;border-bottom:1px solid var(--hair);font-size:1.05rem;color:var(--faint);font-variation-settings:"wght" 400}
.cmp-col li:last-child{border-bottom:0}
.cmp-col li::before{content:counter(card,decimal-leading-zero);font-size:.7rem;letter-spacing:.15em;color:var(--faint)}
.cmp-col.ours li{transition:font-variation-settings .9s var(--ease),color .9s var(--ease)}
.cmp-col.ours li.on,html.static .cmp-col.ours li{font-variation-settings:"wght" 600;color:var(--ink)}
.cmp + p{margin-top:2rem;max-width:40rem;color:var(--ink-soft)}

/* Projekty */
.work{margin-top:3rem}
.card .wp-block-image{aspect-ratio:16/10;overflow:hidden;border-radius:3px;background:var(--wash)}
.card .wp-block-image a{display:block;height:100%}
.card .wp-block-image img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.card:hover .wp-block-image img{transform:scale(1.04)}
.card h3{font-size:1.15rem;font-weight:600;margin-top:1.2rem}
.card h3 a{text-decoration:none!important}
.card .cat{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin-top:.3rem}
.card p:not(.cat){color:var(--muted);font-size:.92rem;margin-top:.5rem}

/* Hodnoty (O nás) */
.vals{border-top:1px solid var(--ink);margin-top:3.5rem;counter-reset:val}
.vals > .wp-block-group{display:grid;gap:.8rem 3rem;padding:2.2rem 0;border-bottom:1px solid var(--hair);counter-increment:val}
.vals > .wp-block-group::before{content:counter(val,decimal-leading-zero);font-size:.7rem;letter-spacing:.2em;color:var(--faint)}
@media(min-width:900px){.vals > .wp-block-group{grid-template-columns:3rem 1fr 1.2fr;align-items:baseline}}
.vals h3{font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:300;letter-spacing:-.015em;line-height:1.1;margin:0!important}
.vals p{color:var(--muted);max-width:32rem;margin:0!important}

/* Pre koho */
.aud > .wp-block-group{border-top:1px solid var(--ink);padding-top:1.6rem}
.aud h3{font-size:clamp(1.4rem,2.2vw,1.8rem);font-weight:300;letter-spacing:-.015em}
.aud p{color:var(--muted);margin-top:.9rem;max-width:32rem}

/* Rozcestník služieb (zoznam s odkazmi) */
.svc-index{counter-reset:svc}
.svc-index li{counter-increment:svc}
.svc-index li a{display:flex;flex-direction:column;gap:.6rem;height:100%;padding:1.6rem 1.4rem 1.8rem 0;border-bottom:1px solid var(--ink);color:var(--muted);font-size:.9rem;text-decoration:none!important}
.svc-index li a::before{content:counter(svc,decimal-leading-zero);font-size:.7rem;letter-spacing:.2em;color:var(--faint)}
.svc-index li a::after{content:"↓";margin-top:auto;padding-top:.6rem;color:var(--ink);transition:transform .45s var(--ease)}
.svc-index.go li a::after{content:"→"}
.svc-index li a strong{font-size:1.25rem;font-weight:600;letter-spacing:-.01em;color:var(--ink);display:block}
@media(hover:hover){.svc-index li a:hover::after{transform:translateY(4px)}.svc-index.go li a:hover::after{transform:translateX(4px)}}
@media(min-width:900px){.svc-index li + li a{padding-left:1.4rem;border-left:1px solid var(--hair)}}
@media(max-width:899px){.svc-index li:nth-child(even) a{padding-left:1rem;border-left:1px solid var(--hair)}}

/* Kontakt */
.contact-direct{display:grid;gap:.4rem;font-size:1.05rem;justify-items:start}
.contact-direct p{margin:0!important}
.contact-direct a{text-decoration:none!important}
.final h2{font-size:clamp(2.4rem,5vw,4.2rem)}
.final h2.small{font-size:clamp(2.1rem,4.4vw,3.4rem)}
.c-lines{display:grid;gap:1.6rem}
.c-lines > p{border-top:1px solid var(--ink);padding-top:1rem;margin:0!important}
.c-lines strong{display:block;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);font-weight:500}
.c-lines a{display:inline-block;margin-top:.4rem;font-size:clamp(1.3rem,2.2vw,1.75rem);font-weight:300;letter-spacing:-.01em;text-decoration:none!important}
.c-lines + p{font-size:.92rem;color:var(--muted)}
.next-h{font-size:.7rem!important;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:500!important;margin-top:3rem!important}
.next{counter-reset:nx;display:grid;gap:1.1rem;margin-top:1rem!important}
.next li{counter-increment:nx;display:grid;grid-template-columns:2.4rem 1fr;gap:.6rem;font-size:.95rem;color:var(--ink-soft)}
.next li::before{content:counter(nx,decimal-leading-zero);font-size:.72rem;letter-spacing:.15em;color:var(--faint);padding-top:.2rem}
.contact-main .fform{background:var(--wash)}

/* Formuláre (bloky témy) */
.af-form fieldset{border:0;padding:0;margin:0}
.af-form legend,.fform label,.aform-row label,.aform-light label{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}
.aform-row label{color:#b9b7b3}
.fform .chip,.chip{position:relative;display:inline-block;text-transform:none;letter-spacing:0}
.chip input{position:absolute;opacity:0;pointer-events:none}
.chip span{display:inline-block;font-size:.85rem;color:var(--ink);border:1px solid var(--hair);border-radius:999px;padding:.5rem 1rem;cursor:pointer;transition:all .25s}
.chip input:checked + span{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.chip input:focus-visible + span{outline:2px solid var(--ink);outline-offset:2px}
.ferr{display:block;text-transform:none;letter-spacing:0;font-size:.8rem;color:#b3261e;margin-top:.35rem;min-height:0}
.aform-row .ferr{color:#ffb4ab}
.af-form [aria-invalid="true"]{border-color:#b3261e!important}
.form-trap{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.fnote:empty{display:none}
.fnote.ok{color:var(--ink);font-weight:600}
.af-form button[disabled]{opacity:.6;cursor:wait}
.af-form .gdpr a{text-decoration:underline}
.aform-row{position:relative}

/* Hlavička a pätička */
.hbar .logo img{height:36px;width:auto} /* klient 2026-10-11: väčšie logo (predtým 26 px) */
@media(max-width:700px){.hbar .logo img{height:30px}}
nav.main a{text-decoration:none}
.f-h{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--faint);font-weight:600;margin-bottom:1rem}
.foot .f-top a{display:block;width:fit-content;color:var(--ink-soft);padding:.25rem 0}
.mbar .btn-line{background:var(--paper)}

/* Cookie lišta s voľbou kategórií */
.cookie[hidden]{display:none!important}
.cookie:not([hidden]){display:block}
.cookie-opts{display:grid;gap:.5rem;margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--hair)}
.cookie-opts[hidden]{display:none}
.cookie-opts label{display:flex;gap:.6rem;align-items:center;font-size:.85rem}
.cookie-opts small{color:var(--faint)}
.cookie-btns{display:flex;gap:.6rem;margin-top:1rem;flex-wrap:wrap}
.cookie-btns .btn{padding:.55rem 1.1rem;font-size:.82rem}

/* Právne texty: obsah sa vytvorí z nadpisov */
.legal-body > h2{padding-top:2.2rem;border-top:1px solid var(--hair);margin-top:2.2rem;counter-increment:lh}
.legal-body > h2:first-child{border-top-color:var(--ink);margin-top:0}
.legal-body{counter-reset:lh}
.legal-body > h2::before{content:counter(lh,decimal-leading-zero);font-size:.7rem;letter-spacing:.2em;color:var(--faint);font-weight:500;margin-right:.8rem;vertical-align:middle}
.legal-body h3{font-size:1rem;font-weight:600}
.legal-body p,.legal-body li{color:var(--ink-soft);font-size:.98rem;line-height:1.7}
.legal-body ul{list-style:disc;padding-left:1.1rem;display:grid;gap:.45rem}
.legal-body table{width:100%;border-collapse:collapse;font-size:.88rem}
.legal-body th{text-align:left;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);font-weight:500;padding:.6rem .8rem .6rem 0;border-bottom:1px solid var(--ink)}
.legal-body td{padding:.75rem .8rem .75rem 0;border-bottom:1px solid var(--hair);vertical-align:top}
.legal-body td:first-child{font-weight:600;white-space:nowrap}
.legal-body .wp-block-table{overflow-x:auto}

/* Bez JavaScriptu / ?static=1 / bez animácií: všetko viditeľné */
html:not(.js) .rv{opacity:1;transform:none}
html.static .wp-block-image.photo img{transform:none}
.legal > *{min-width:0}
.legal-body .wp-block-table{max-width:100%}
/* Prihlásený správca: hlavička pod lištou administrácie */
.admin-bar header#hdr{top:32px}
@media(max-width:782px){.admin-bar header#hdr{top:46px}}

/* O nás: príbeh štúdia (text klienta) */
.story p{color:var(--ink-soft);font-size:1.05rem;line-height:1.75;max-width:40rem}
.story p+p{margin-top:1.1rem}
.story p.sign{margin-top:2rem;color:var(--muted);font-size:.95rem;line-height:1.5}
.story p.sign strong{display:inline-block;color:var(--ink);font-weight:600;font-size:1.05rem;letter-spacing:-.005em}

/* Mobilné menu (pod 1000 px, kde sa skryje hlavné menu) */
.burger{display:none;position:relative;width:44px;height:44px;margin-left:.6rem;margin-right:-10px;background:none;border:0;cursor:pointer;color:var(--ink)}
.burger span{position:absolute;left:11px;right:11px;height:1.5px;background:currentColor;transition:transform .45s var(--ease)}
.burger span:first-child{top:17px} .burger span:last-child{top:25px}
.burger[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
.burger[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.burger:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
@media(max-width:1000px){.burger{display:block}.hbar .btn{margin-left:auto}}
.mnav{position:fixed;inset:0;z-index:49;background:var(--paper);padding:104px var(--gutter) 2.2rem;display:flex;flex-direction:column;gap:2.2rem;overflow-y:auto;opacity:0;transform:translateY(-10px);transition:opacity .35s var(--ease),transform .45s var(--ease)}
.mnav[hidden]{display:none}
.mnav.open{opacity:1;transform:none}
.mnav nav{display:flex;flex-direction:column;border-top:1px solid var(--ink)}
.mnav nav a{font-size:clamp(1.7rem,7vw,2.4rem);font-weight:300;letter-spacing:-.02em;padding:.85rem 0;border-bottom:1px solid var(--hair)}
.mnav nav a.on{font-weight:600}
.mnav .btn{align-self:flex-start}
.mnav-c{display:flex;flex-direction:column;gap:.5rem;margin-top:auto;color:var(--muted);font-size:.95rem}
html.menu-open{overflow:hidden}
html.menu-open .mbar{display:none}
html.menu-open header{background:var(--paper);border-color:transparent}
@media(min-width:1001px){.mnav{display:none!important}}
@media(prefers-reduced-motion:reduce){.mnav,.burger span{transition:none}}

/* Kurzor „focus“: zameriavací kríž,nad klikateľnými prvkami rámik ostrenia.
   Natívny CSS kurzor (vykresľuje ho systém) = žiadny JavaScript,žiadne spomalenie.
   Návrat ku klasike: zmazať tento blok. */
@media(hover:hover) and (pointer:fine){
  html{cursor:url(../img/cursor.svg) 14 14,crosshair}
  a[href],button,.btn,.burger,label.chip,.chip,.chip span,.chips button,.f-legal button,[role=button],summary,select,input[type=checkbox],input[type=radio],input[type=submit]{cursor:url(../img/cursor-focus.svg) 14 14,pointer}
  input:not([type=checkbox]):not([type=radio]):not([type=submit]),textarea{cursor:text}
  .af-form button[disabled]{cursor:wait}
}

/* SEO a GEO: „Ako spolu súvisia“ pod dvojicou pojmov */
.relate{margin-top:clamp(2.5rem,5vw,3.5rem);padding-top:2rem;border-top:1px solid var(--ink);max-width:44rem}
.relate p{color:var(--ink-soft);margin-top:.8rem;line-height:1.7}

/* Časté otázky: riadky namiesto mriežky (dlhé odpovede nerozbijú rozloženie),klient 2026-10-06. */
.inc.faq{grid-template-columns:1fr}
@media(min-width:900px){
.inc.faq > .wp-block-group{display:grid;grid-template-columns:3rem minmax(0,1fr) minmax(0,1.7fr);column-gap:2.5rem;align-items:baseline}
.inc.faq h3,.inc.faq p{margin-top:0}
.inc.faq p{max-width:46rem}
}


/* Audit: dve cesty (návod / platený audit),2026-10-07 */
.paths{display:grid;gap:1.25rem;margin-top:3.5rem}
@media(min-width:1000px){.paths{grid-template-columns:.85fr 1.15fr}.paths.one{grid-template-columns:1fr;max-width:46rem}}
.path{border:1px solid #3a3836;padding:clamp(1.5rem,3vw,2.4rem)}
/* Klient 2026-10-10: polia o odtieň svetlejšie ako tmavé pozadie sekcie */
.is-style-dark .path{background:var(--ink-soft);border-color:#434040}
.path h3{font-size:clamp(1.35rem,2.2vw,1.7rem);font-weight:600;letter-spacing:-.01em}
.path h3 strong{font-weight:700}
.path p{color:#c9c7c3;margin-top:.8rem;max-width:32rem}
.path-self{display:flex;flex-direction:column}
.path-self .wp-block-buttons{margin-top:auto;padding-top:1.6rem}
.path .aform-row{margin-top:1.6rem;padding-top:0;border-top:0}
@media(min-width:700px){.path .aform-row{grid-template-columns:1fr 1fr}.path .aform-row button{grid-column:1/-1;justify-self:start}}
.is-style-dark .path .is-style-note{border-left-color:#6d6b68;color:#9d9b97;font-size:.88rem;margin-top:1.4rem;max-width:none}
.is-style-dark .list-k{margin-top:1.6rem;font-size:.7rem!important;letter-spacing:.2em;text-transform:uppercase;color:#b9b7b3!important}
.audit-list{list-style:none;padding:0;margin-top:1rem;display:grid;gap:.8rem;max-width:32rem}
.audit-list li{padding-left:1.2rem;border-left:1px solid #4a4845;color:#c9c7c3;font-size:.98rem}
.audit-list strong{color:var(--paper);font-weight:600}
.prose > p + p{margin-top:1.1rem}
.prose a,.guide-steps a{text-decoration:underline;text-underline-offset:.2em}
.inc.guide-steps{grid-template-columns:1fr!important}
@media(min-width:900px){
.guide-steps > .wp-block-group{display:grid;grid-template-columns:3rem minmax(12rem,19rem) 1fr;gap:1.5rem;align-items:baseline}
.guide-steps h3,.guide-steps p{margin-top:0}
.guide-steps p{max-width:44rem;font-size:.98rem}}
.audit .audit-list li{display:block}

/* ===== Farba výziev (CTA) — terakota,klient 2026-10-07 ===== */
.btn-solid,.wp-block-button__link{background:var(--accent);border-color:var(--accent);color:#fff}
.btn-solid:hover,.wp-block-button__link:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}
.is-style-line .wp-block-button__link{background:transparent;color:var(--ink);border-color:var(--ink)}
.is-style-line .wp-block-button__link:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.is-style-paper .wp-block-button__link{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.is-style-dark .is-style-line .wp-block-button__link{border-color:var(--paper);color:var(--paper)}
.is-style-dark .is-style-line .wp-block-button__link:hover{background:var(--paper);color:var(--ink)}
/* tmavé sekcie: hlavné tlačidlo tiež v terakote */
.is-style-dark .btn-paper{background:var(--accent);border-color:var(--accent);color:#fff}
.is-style-dark .btn-paper:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}
/* cookie lišta ostáva neutrálna (súhlas nesmie byť zvýraznený) */
.cookie .btn-solid{background:var(--ink);border-color:var(--ink);color:var(--paper)}
/* textové výzvy pri témach → obrysové tlačidlá */
.r-cta{margin-top:1.4rem}
.r-cta a{display:inline-flex;align-items:center;gap:.5rem;border:2px solid var(--accent);color:var(--accent)!important;border-radius:999px;padding:.6rem 1.25rem;font-weight:600;font-size:.88rem;text-decoration:none!important;transition:background .3s,color .3s}
.r-cta a:hover{background:var(--accent);color:#fff!important}
.rows .r-cta a::after{content:"→"}
/* Úvod 01 (2026-10-10): vedľa výzvy textový odkaz na podstránku */
.rows .r-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.5rem}
.rows .r-cta a.r-more{border:0;border-radius:0;padding:0;color:var(--ink)!important;text-decoration:underline!important;text-underline-offset:4px;text-decoration-thickness:1px}
.rows .r-cta a.r-more:hover{background:none;color:var(--accent)!important}
.rows .r-cta a.r-more::after{content:none}

/* ===== Polia formulárov ako plochy (klient 2026-10-07) ===== */
.fform input,.fform textarea,.aform-light input{background:#fff;border:1px solid #d6d3cd;border-radius:10px;padding:.8rem 1rem;margin-top:.55rem;transition:border-color .2s,box-shadow .2s}
.contact-main .fform input,.contact-main .fform textarea{background:var(--paper)}
.fform textarea{min-height:9rem}
.aform-row input{background:rgba(255,255,255,.06);border:1px solid #4a4845;border-radius:10px;padding:.8rem 1rem;margin-top:.55rem;transition:border-color .2s,box-shadow .2s}
.fform input:focus,.fform textarea:focus,.aform-light input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(169,71,31,.15)}
.aform-row input:focus{border-color:#d9a58c;box-shadow:0 0 0 3px rgba(217,165,140,.18)}

/* ===== Služby: zoznam v hero ako typografický index (klient 2026-10-07: nie „tabuľka“) ===== */
.svc-index{display:block!important;border-top:0!important;margin-top:clamp(2.6rem,5vw,4rem)}
.svc-index li{margin:0}
.svc-index li a,.svc-index li + li a,.svc-index li:nth-child(even) a{display:grid!important;grid-template-columns:3rem 1fr minmax(0,22rem) 2rem;align-items:baseline;column-gap:1.4rem;padding:1rem 0!important;border:0!important;height:auto;font-size:.95rem;color:var(--muted);text-align:right}
.svc-index li a::before{grid-column:1;text-align:left}
.svc-index li a strong{font-size:clamp(1.7rem,3.6vw,3rem)!important;font-weight:300!important;letter-spacing:-.025em;line-height:1.1;transition:color .35s,transform .45s var(--ease)}
.svc-index li a::after{content:"→"!important;grid-column:4;grid-row:1;align-self:center;font-size:1.4rem;color:var(--accent);opacity:0;transform:translateX(-10px);transition:opacity .35s,transform .45s var(--ease)}
.svc-index li a{grid-template-areas:none}
.svc-index li a > strong{grid-column:2;text-align:left}
@media(hover:hover){
  .svc-index li a:hover strong{color:var(--accent);transform:translateX(.6rem)}
  .svc-index li a:hover::after{opacity:1;transform:translateX(0)}
  .svc-index:hover li a:not(:hover) strong{color:#9a9792}
}
@media(max-width:800px){.svc-index li a,.svc-index li + li a,.svc-index li:nth-child(even) a{grid-template-columns:2.2rem 1fr;padding:.75rem 0!important;text-align:left}.svc-index li a::before{grid-row:1/3;align-self:start;padding-top:.55rem}.svc-index li a::after{display:none}}

/* ===== Pätička: výraznejšie nadpisy stĺpcov (klient 2026-10-07) ===== */
.f-h,.foot h4{font-size:.8rem;letter-spacing:.16em;color:var(--ink);font-weight:700;margin-bottom:1.1rem}

/* ===== Logo ArtFocus Estates (SVG, klient 2026-10-07) ===== */
.estates-mark{margin-top:1.4rem;line-height:0;color:var(--ink)}
.estates-logo{display:block;height:clamp(1.05rem,1.5vw,1.3rem);width:auto;max-width:100%}
.ehero .estates-mark{margin-top:1.6rem}
.ehero .estates-logo{height:clamp(1.2rem,1.9vw,1.6rem)}
.estates-mark + h1,.estates-mark + h2{margin-top:1.8rem}
.is-style-dark .estates-mark{color:var(--paper)}

/* ===== Formulár auditu: meno,e-mail,web (klient 2026-10-07) ===== */
.aform-light{border-top:0!important;padding-top:0!important;margin-top:3.2rem!important}
@media(min-width:900px){.aform-light{grid-template-columns:1fr 1fr 1.3fr auto}}
@media(min-width:700px) and (max-width:899px){.aform-light{grid-template-columns:1fr 1fr}.aform-light .f-web{grid-column:1/-1}}
@media(min-width:900px){.aform-row{grid-template-columns:1fr 1fr 1.3fr auto}}
@media(min-width:700px){.path .aform-row{grid-template-columns:1fr 1fr}.path .aform-row .f-web{grid-column:1/-1}}

/* ===== Časté otázky: rozbaľovací zoznam namiesto „tabuľky“ (klient 2026-10-07) ===== */
.inc.faq.acc{background:none;border:0;border-radius:0;gap:0;border-top:1px solid var(--hair)}
.inc.faq.acc > .wp-block-group{background:transparent;padding:0;border-bottom:1px solid var(--hair);grid-template-columns:3rem minmax(0,1fr);column-gap:1.4rem}
.inc.faq.acc > .wp-block-group::before{padding-top:1.55rem}
.inc.faq.acc h3{margin:0}
.faq-q{all:unset;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;padding:1.25rem 0;cursor:pointer;font:inherit;font-size:clamp(1.05rem,1.6vw,1.25rem);font-weight:500;letter-spacing:-.01em;color:var(--ink);transition:color .25s}
.faq-q:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.faq-q::after{content:"+";flex:none;display:grid;place-items:center;width:2rem;height:2rem;border:1.5px solid currentColor;border-radius:50%;font-size:1.1rem;font-weight:400;line-height:1;transition:transform .35s var(--ease),background .25s,color .25s}
.faq-q[aria-expanded="true"]::after{transform:rotate(45deg);background:var(--accent);border-color:var(--accent);color:#fff}
@media(hover:hover){.faq-q:hover{color:var(--accent)}}
.inc.faq.acc > .wp-block-group > p{grid-column:2;max-width:46rem;margin:0;padding:0 3.5rem 1.4rem 0;color:var(--muted)}
.inc.faq.acc > .wp-block-group > p[hidden]{display:none}
@media(max-width:700px){.inc.faq.acc > .wp-block-group{grid-template-columns:2.2rem minmax(0,1fr);column-gap:.8rem}.inc.faq.acc > .wp-block-group > p{padding-right:0}}

/* „e-shop“ nezalomiť,ale ponechať písmo okolia (nie štýl .inc span) */
.af-main span.nw,.foot span.nw{white-space:nowrap;font:inherit;letter-spacing:inherit;color:inherit;text-transform:inherit}
@media(min-width:900px){.wp-block-image.photo.wide{aspect-ratio:2000/857}} /* panoráma interiéru Villa 91 celá (2026-10-07) */
.inc .faq-t{display:block;min-width:0;font:inherit;letter-spacing:inherit;color:inherit;text-transform:none}
.inc.faq.acc > .wp-block-group > p{font-size:1rem;line-height:1.65}

/* ===== Dvojice pojmov / „Pre koho“ ako karty bez čiar (klient 2026-10-07) ===== */
.aud > .wp-block-group{border-top:0;padding:clamp(1.5rem,3vw,2.2rem);background:var(--paper);border-radius:14px}
.sec:not(.is-style-wash) .aud > .wp-block-group{background:var(--wash)}
.aud > .wp-block-group > h3{margin-top:0}
.relate{border-top:0;padding:clamp(1.5rem,3vw,2.2rem);max-width:none;background:transparent;border:1px solid #cfccc6;border-radius:14px;margin-top:1.6rem}
.relate h3{margin-top:0}
.relate p{max-width:46rem}
.mbar .btn{white-space:nowrap;padding:.8rem 1rem;font-size:.86rem}.mbar .btn-line{flex:0 0 38%}

/* ===== Vizuál v úvode podstránok SEO a GEO,Tvorba webu,Vizuálna identita (klient 2026-10-09; bez cudzích lôg) ===== */
.vhero{display:grid;gap:3rem}
@media (min-width:1000px){.vhero{grid-template-columns:1.1fr .9fr;gap:4.5rem;align-items:center}}
.phero .vhero h1.display{font-size:clamp(2.3rem,3.9vw,3.9rem)}

/* SEO a GEO: ilustračná ukážka výsledku vyhľadávania a odpovede AI */
.serp{position:relative;width:100%;max-width:30rem;justify-self:center}
.serp-card{background:#fff;border:1px solid #dadce0;border-radius:16px;padding:1.1rem 1.15rem 1.3rem;box-shadow:0 30px 60px -32px rgba(0,0,0,.28);font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;color:#202124;font-size:.8rem;line-height:1.45}
.serp-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;border:1px solid #dfe1e5;border-radius:999px;padding:.55rem .6rem .55rem 1.05rem;font-size:.9rem;box-shadow:0 1px 6px rgba(32,33,36,.18)}
.serp-bar-i{display:flex;align-items:center;gap:.6rem;color:#70757a}.serp-bar-i i{width:1px;height:1.2rem;background:#dadce0}.serp-bar-i svg:last-child{color:#4285f4}
.serp-tabs{display:flex;gap:1.1rem;margin:.75rem 0 0;padding:0 .3rem;border-bottom:1px solid #ebebeb;color:#70757a;font-size:.75rem;overflow:hidden;white-space:nowrap}
.serp-tabs>*{padding-bottom:.45rem}.serp-tabs b{font-weight:400;color:#202124;border-bottom:3px solid #202124}
.serp-step{margin-top:.85rem}
.serp-ai{padding:.8rem .9rem;border-radius:14px;background:#f0f4f9}
.serp-ai-h{display:flex;align-items:center;gap:.4rem;margin-bottom:.35rem;font-size:.82rem;font-weight:700}.serp-ai-h svg{color:#4285f4}
.serp-ai p{margin:0}.serp-ai p b{font-weight:700}
.serp-src{display:inline-flex;align-items:center;gap:.5rem;margin-top:.6rem;padding:.35rem .7rem .35rem .4rem;border-radius:10px;background:#fff;border:1px solid #e3e6ea;font-size:.7rem;color:#4d5156;line-height:1.25}
.serp-src b,.serp-site b{display:block;font-weight:400;color:#202124}
.serp-fav{display:grid;place-items:center;flex:none;width:1.55rem;height:1.55rem;border-radius:50%;background:#f1f3f4;border:1px solid #dadce0;font-weight:700;font-size:.7rem;color:var(--accent)}
.serp-local{border:1px solid #e3e6ea;border-radius:12px;overflow:hidden}
.serp-map{display:block;width:100%;height:4.6rem}
.serp-place{display:grid;gap:.05rem;padding:.55rem .8rem;border-top:1px solid #ebebeb;color:#70757a;font-size:.72rem}.serp-place:first-of-type{border-top:0}
.serp-place>b{font-size:.85rem;font-weight:400;color:#1a0dab}
.serp-rate{display:flex;align-items:center;gap:.3rem;color:#4d5156}.serp-stars{display:inline-flex;color:#fbbc04}
.serp-open{color:#188038}
.serp-ghost{gap:.4rem;padding:.6rem .8rem}.serp-ghost i{display:block;height:.45rem;border-radius:4px;background:#eef0f2}.serp-ghost i:nth-child(1){width:34%}.serp-ghost i:nth-child(2){width:62%}
.serp-res{display:grid;gap:.2rem}
.serp-site{display:flex;align-items:center;gap:.55rem;font-size:.7rem;color:#4d5156;line-height:1.25}
.serp-title{margin-top:.15rem;font-size:1.05rem;line-height:1.3;color:#1a0dab}
.serp-desc{color:#4d5156}
.serp-note{margin:.9rem 0 0;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);text-align:right}
html.js .serp .serp-step{opacity:0;transform:translateY(12px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
html.js .serp.on .serp-step{opacity:1;transform:none}
html.js .serp.on .serp-ai{transition-delay:.35s}html.js .serp.on .serp-local{transition-delay:1s}html.js .serp.on .serp-res{transition-delay:1.65s}
html.static .serp .serp-step{opacity:1;transform:none;transition:none}

/* Tvorba webu: mobil s pomaly posúvaným webom villa91.sk */
.phone-mock{display:grid;justify-items:center;gap:1rem;margin:0;justify-self:center}
.phone{position:relative;width:min(17rem,68vw);aspect-ratio:9/19.5;padding:.6rem;border-radius:2.7rem;background:#121212;box-shadow:0 45px 80px -35px rgba(0,0,0,.5),inset 0 0 0 2px #2c2c2c}
.phone::before{content:"";position:absolute;z-index:2;top:1.05rem;left:50%;width:28%;height:1.3rem;border-radius:1rem;background:#121212;transform:translateX(-50%)}
.phone-screen{height:100%;overflow:hidden;border-radius:2.15rem;background:#000;container-type:size}
html.js .phone-screen{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y;outline:none}
html.js .phone-screen::-webkit-scrollbar{display:none}
html.js .phone-page{animation:none}
.phone-hint{position:absolute;left:50%;bottom:1.4rem;z-index:3;display:flex;align-items:center;gap:.35rem;padding:.45rem .8rem .45rem .6rem;border-radius:999px;background:rgba(20,20,20,.72);color:#fff;font-size:.74rem;font-weight:600;letter-spacing:.02em;transform:translateX(-50%);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:opacity .4s;pointer-events:none}
.phone-hint svg{animation:af-hint 1.8s ease-in-out infinite}
@keyframes af-hint{0%,100%{transform:translateY(-2px)}50%{transform:translateY(2px)}}
html:not(.js) .phone-hint,.phone.used .phone-hint{opacity:0}
.phone-page{animation:af-phone 120s ease-in-out infinite;will-change:transform}
.phone-page img{display:block;width:100%;height:auto}
@keyframes af-phone{0%,7%{transform:translateY(0)}46%,54%{transform:translateY(calc(-100% + 100cqh))}93%,100%{transform:translateY(0)}}
.phone-mock figcaption{font-size:.82rem;color:var(--muted)}.phone-mock figcaption a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
html.static .phone-page{animation:none}
@media (prefers-reduced-motion:reduce){.phone-page{animation:none}}

/* Vizuálna identita: ukážka strany brand manuálu,zbalená vedľa nadpisu (klient 2026-10-09). 6 kapitol v mriežke 6 stĺpcov. */
.bb3{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;width:100%;max-width:36rem;justify-self:center;font-family:Manrope,system-ui,sans-serif}
.bb3-top{grid-column:1/-1;display:flex;justify-content:space-between;gap:1rem;padding:0 .15rem .55rem;border-bottom:1px solid var(--ink);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.bb3-top span:last-child{color:var(--faint)}
.bb3-t{position:relative;overflow:hidden;min-height:7.6rem;padding:.9rem;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.bb3-h{position:absolute;top:.65rem;left:.8rem;z-index:2;display:flex;gap:.45rem;font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;opacity:.7}
.bb3-h i{font-style:normal;opacity:.6}
.bb3-meta{display:none}
/* 01 logo + ochranná zóna */
.bb3-logo{grid-column:span 2;background:#fff;border:1px solid var(--hair);color:var(--ink)}
.bb3-cons{position:relative;margin-top:.6rem;padding:.75rem .85rem;outline:1px dashed rgba(169,71,31,.6)}
.bb3-cons img{display:block;width:clamp(5rem,8vw,6.2rem);height:auto}
.bb3-cons .g{position:absolute;left:-.8rem;right:-.8rem;height:0;border-top:1px solid rgba(169,71,31,.28)}
.bb3-cons .g1{top:.75rem}.bb3-cons .g2{bottom:.75rem}
.bb3-cons .x{position:absolute;font:500 .48rem/1 Manrope,sans-serif;font-style:normal;color:#A9471F}
.bb3-cons .xa{top:.18rem;left:50%;transform:translateX(-50%)}.bb3-cons .xb{left:.22rem;top:50%;transform:translateY(-50%)}
/* 02 negatív */
.bb3-neg{grid-column:span 2;background:#0b0b0c;color:#fff}
.bb3-frame{display:block;padding:.55rem .7rem;border:1px solid rgba(255,255,255,.85)}
.bb3-neg .bb3-frame{margin-top:.6rem}.bb3-neg .bb3-frame img{display:block;width:clamp(4.6rem,7vw,5.6rem);height:auto;filter:brightness(0) invert(1)}
/* 03 značka */
.bb3-sym{grid-column:span 2;background:#A9471F;color:#FAF9F6}
.bb3-mark{width:62%;height:auto;margin-top:.6rem}
/* 04 farby */
.bb3-pal{grid-column:1/-1;padding:0;min-height:0;border:1px solid var(--hair);background:#fff;align-items:stretch}
.bb3-pal .bb3-h{color:#fff}
.bb3-sws{display:grid;grid-template-columns:2.4fr 1.6fr 1.15fr .95fr;min-height:7.2rem}
.bb3-sw{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:.15rem;padding:.7rem .65rem;font-size:.55rem;line-height:1.45;min-width:0}
.bb3-sw b{font-size:.74rem;font-weight:600}
.bb3-sw span:not(.bb3-pct){opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bb3-pct{position:absolute;top:1.8rem;left:.65rem;font-size:1.15rem;font-weight:200;letter-spacing:-.02em;opacity:.9}
.bb3-ink{background:#1C1A1A;color:#fff}.bb3-paper{background:#FAF9F6;color:#1C1A1A;border-left:1px solid var(--hair)}.bb3-terra{background:#A9471F;color:#fff}.bb3-grey{background:#595757;color:#fff}
/* 05 typografia */
.bb3-type{grid-column:span 3;min-height:12.5rem;background:#1C1A1A;color:#FAF9F6;align-items:stretch;justify-content:flex-start;padding-top:2rem;gap:.55rem}
.bb3-spec{display:flex;align-items:flex-end;gap:.7rem}
.bb3-aa{font-size:3rem;font-weight:200;line-height:.85;letter-spacing:-.04em}
.bb3-fam{font-size:.56rem;line-height:1.45;opacity:.8}.bb3-fam b{display:block;font-size:.82rem;font-weight:700;opacity:1}
.bb3-scale{display:grid;gap:.3rem;border-top:1px solid rgba(255,255,255,.18);padding-top:.5rem}
.bb3-row{display:grid;grid-template-columns:2.6rem 1fr;align-items:baseline;gap:.4rem;min-width:0}
.bb3-row>span:first-child{font-size:.5rem;letter-spacing:.06em;opacity:.6}.bb3-row em{display:block;font-style:normal;opacity:.7}
.bb3-sample{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bb3-row:nth-child(1) .bb3-sample{font-size:1.15rem;letter-spacing:-.02em}.bb3-row:nth-child(2) .bb3-sample{font-size:.82rem}.bb3-row:nth-child(3) .bb3-sample{font-size:.66rem}
/* 06 vizitky */
.bb3-cards{grid-column:span 3;min-height:12.5rem;background:#e6e3de}
.bb3-card{position:absolute;width:55%;aspect-ratio:85/55;border-radius:4px;box-shadow:0 12px 24px -10px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.14)}
.bb3-c1{left:5%;top:15%;display:grid;place-items:center;background:#0b0b0c;transform:rotate(-6deg)}
.bb3-c1 .bb3-frame{padding:6% 8%;width:76%}.bb3-c1 .bb3-frame img{display:block;width:100%;height:auto}
.bb3-c2{right:5%;bottom:5%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9%;background:#A9471F;color:#fff;transform:rotate(4deg)}
.bb3-qrc{width:32%;height:auto}
/* mobil */
@media (max-width:520px){.bb3-logo{grid-column:1/-1}.bb3-neg,.bb3-sym{grid-column:span 3}.bb3-type,.bb3-cards{grid-column:1/-1}.bb3-sws{grid-template-columns:1fr 1fr}.bb3-sw{min-height:6.5rem}.bb3-pct{top:.7rem}.bb3-pal .bb3-h{display:none}}

/* Výzvy a odkaz v jednom riadku (Úvod, sekcia Pre výnimočné nehnuteľnosti; klient 2026-10-09) */

/* Úvod,Estates: výzvy a odkaz na ukážku v jednom riadku pod textom aj zoznamom */
.est-cta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.6rem}
.est-cta .wp-block-buttons{margin:0;padding:0}
.est-cta .assure{margin:0}
@media (min-width:1000px){.split>.est-cta{grid-column:1/-1;margin-top:-1.5rem}.split:has(>.est-cta)>.stick{position:static}.est-cta .wp-block-buttons{flex-wrap:nowrap}}

/* Klient 2026-10-11: čísla len pri skutočných krokoch (postupy .flow, návod .guide-steps, „čo bude ďalej“ .next, právne texty).
   Ozdobné čísla sekcií (00, 01…) a zoznamov,ktoré neoznačujú poradie,sú odstránené. */
.is-style-chapter::before{content:none}
.rows > .wp-block-group::before{content:none}
.rows > .wp-block-group{grid-template-columns:1.15fr 1fr}
@media(max-width:900px){.rows > .wp-block-group{grid-template-columns:1fr}.rows .r-body{grid-column:auto}}
.inc:not(.guide-steps) > .wp-block-group::before{content:none}
.inc:not(.guide-steps) h3{margin-top:0}
.cmp-col li::before{content:none}
.vals > .wp-block-group::before{content:none}
@media(min-width:900px){.vals > .wp-block-group{grid-template-columns:1fr 1.2fr}}
.svc-index li a::before{content:none}
.svc-index li a,.svc-index li + li a,.svc-index li:nth-child(even) a{grid-template-columns:1fr minmax(0,22rem) 2rem!important}
.svc-index li a > strong{grid-column:1}
.svc-index li a::after{grid-column:3}
@media(max-width:800px){.svc-index li a,.svc-index li + li a,.svc-index li:nth-child(even) a{grid-template-columns:1fr!important}}
/* Časté otázky bez čísel: zrušený stĺpec pre číslo (2026-10-11) */
.inc.faq > .wp-block-group{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr)}
.inc.faq.acc > .wp-block-group{grid-template-columns:minmax(0,1fr)}
.inc.faq.acc > .wp-block-group > p{grid-column:1}
@media(max-width:700px){.inc.faq.acc > .wp-block-group{grid-template-columns:minmax(0,1fr)}}

/* Pätička: čierna karta s logom, pod ňou slogan (klient 2026-10-11, štýl vizitky z brand manuálu) */
.f-brand p{margin-top:1.2rem}
.f-card{display:inline-block;padding:1.1rem 1.25rem;background:#0b0b0c}
.f-card-frame{display:block;padding:.85rem 1.1rem;border:1px solid rgba(255,255,255,.85)}
.f-brand .f-card img{display:block;height:auto;width:11rem}

/* ===== Mobil (klient 2026-10-12) ===== */
/* Spodná lišta vyššie od okraja (iPhone: aj nad oblasťou gesta) */
.mbar{bottom:calc(1.5rem + env(safe-area-inset-bottom,0px))}
/* „Zavolať“: iPhone po ťuknutí (a zrušení hovoru) drží stav :hover → text mal farbu pozadia a zmizol */
.mbar .btn-line,.mbar .btn-line:hover,.mbar .btn-line:focus{background:var(--paper);color:var(--ink)}
.mbar .btn-line:active{background:var(--ink);color:var(--paper)}
@media(max-width:760px){.foot{padding-bottom:calc(7.5rem + env(safe-area-inset-bottom,0px))}}
/* Logo v hero na mobile výraznejšie (na úzkej obrazovke je menšie) */
@media(max-width:900px){.mono path{fill:rgba(28,26,26,.1)}}
/* Pätička na mobile kratšia: menšia karta, Služby a Štúdio vedľa seba, menšie medzery */
@media(max-width:899px){
  .foot{padding-top:3rem}
  .f-top{grid-template-columns:1fr 1fr;gap:2rem 1.5rem}
  .f-brand,.f-top > div:last-child{grid-column:1 / -1}
  .f-card{padding:.7rem .8rem}.f-card-frame{padding:.55rem .75rem}.f-brand .f-card img{width:8rem}
  .f-brand p{margin-top:.9rem}
  .f-h,.foot h4{margin-bottom:.6rem}
  .foot .f-top a{padding:.2rem 0}
  .f-top > div:last-child a{display:inline-block;margin-right:1.4rem}
  .f-bot{margin-top:2rem;padding-top:1.2rem;gap:.8rem}
  .f-legal{gap:.8rem 1.2rem}
}
/* Estates hero na mobile: nočná fotka Villa 91 (inc/setup.php, <picture>) */
.ehero .photo picture{display:contents}
@media(max-width:999px){.ehero:not(.ehero-foto) .photo img{object-position:50% 55%}}

/* ===== Úvod: rozcestník „S čím vám pomôžeme?“ hneď pod hero (klient 2026-10-12) =====
   Bez animácie (klient); symbol = terakotová šípka bez krúžku, pri myši sa posunie a okraj dlaždice sa zafarbí. */
.rt-sec.sec{padding:clamp(3rem,6vw,4.5rem) 0}
.rt-h{font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:300;letter-spacing:-.02em;line-height:1.15}
.rt-h strong{font-weight:600}
.router{display:grid;gap:.8rem;margin-top:1.8rem;grid-template-columns:1fr}
@media(min-width:560px){.router{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.router{grid-template-columns:repeat(3,1fr);gap:1rem}}
.router .rt-i{margin:0}
.rt{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr;column-gap:1rem;row-gap:.35rem;height:100%;padding:1.15rem 1.2rem 1.2rem 1.35rem;background:var(--paper);border:1.5px solid transparent;border-radius:14px;text-decoration:none;color:var(--ink);box-shadow:0 1px 0 rgba(28,26,26,.06);transition:border-color .3s,box-shadow .3s,transform .3s var(--ease)}
.rt-k{grid-column:1;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);font-weight:600}
.rt-t{grid-column:1;font-size:clamp(1.02rem,1.4vw,1.15rem);font-weight:600;line-height:1.3;letter-spacing:-.01em}
.rt-a{grid-column:2;grid-row:1 / 3;align-self:center;display:grid;place-items:center;color:var(--accent)}
.rt-a::before{content:"";width:1.5rem;height:1.5rem;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .3s var(--ease)}
.rt:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(hover:hover){
  .rt:hover{border-color:var(--accent);box-shadow:0 10px 30px -12px rgba(169,71,31,.35);transform:translateY(-2px)}
  .rt:hover .rt-a::before{transform:translateX(5px)}
}
.rt:active{border-color:var(--accent)}
.af-main .router a.rt,.af-main .router a.rt:hover{text-decoration:none;color:var(--ink)}
@media(max-width:559px){.router{gap:.6rem;margin-top:1.4rem}.rt{padding:.9rem 1rem .95rem 1.15rem}}

/* ===== 20 rokov ART FOCUS: „20“ ako mocnina pri logu; po prejdení kurzorom na logo sa pod ním pomaly objaví veta, 3 s ostane a pomaly zmizne (klient 2026-10-12, dočasné; inc/jubilee.php, site.js) ===== */
.hbar .logo{position:relative;display:inline-flex;align-items:flex-start}
.jb{display:inline-flex;margin:-1px 0 0 -3px;font-size:17px;line-height:1;letter-spacing:-.02em;color:var(--accent)}
.jb-2{font-weight:300}.jb-0{font-weight:600}
/* left = priehľadný okraj vľavo v logo.webp (33 z 600 px, pri výške 36 px ≈ 6,5 px) mínus okraj písmena */
.jb-tip{position:absolute;left:5.5px;top:calc(100% + 3px);white-space:nowrap;font-size:.8rem;line-height:1.2;font-weight:300;letter-spacing:.01em;color:var(--muted);opacity:0;pointer-events:none}
.jb-tip.is-on{animation:jb-tip 5.4s ease-in-out both} /* 1,2 s objavenie, 3 s stojí, 1,2 s zmiznutie */
@keyframes jb-tip{0%{opacity:0;transform:translateY(-3px)}22.2%{opacity:1;transform:none}77.8%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.jb-tip.is-on{animation-timing-function:steps(1,end)}}
@media(max-width:767px){.jb-tip{display:none}} /* klient: len počítač a tablet */
@media(max-width:700px){.jb{font-size:15px}}