/* Rentgen — „Co je za obkladem?“ (Služby) a další scény .rtg. Skript: js/rentgen.js */
.rtg{background:radial-gradient(120% 80% at 50% 0,#13233d 0,#0b1422 60%);color:#eef2f7;padding:clamp(3.5rem,8vw,6rem) 0}
.rtg__wrap{width:min(1100px,92vw);margin:0 auto}
.rtg__hlava{max-width:42rem;margin-bottom:1.6rem}
.rtg__eyebrow{display:inline-block;font:600 .74rem/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#c9a14a;margin-bottom:1rem}
.rtg__t{font-family:"Space Grotesk",system-ui,sans-serif;font-weight:600;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.08;letter-spacing:-.02em;margin:0 0 .8rem;color:#fff}
#rentgen .rtg__t{color:#fff}
.rtg__t em{font-family:"Fraunces",Georgia,serif;font-style:italic;font-weight:500;color:#f1dca8}
.rtg__p{margin:0;color:#a9b6c8;line-height:1.6;font-size:1.04rem}
.rtg__scena{--x:50%;--y:50%;--r:130px;position:relative;border-radius:20px;overflow:hidden;aspect-ratio:2390/1536;background:#0a0f17;
  box-shadow:0 50px 100px -50px rgba(0,0,0,.9);border:1px solid rgba(255,255,255,.08);cursor:none;touch-action:pan-y}
.rtg__foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.rtg__xray{position:absolute;inset:0;
  -webkit-mask-image:radial-gradient(circle at var(--x) var(--y),#000 0,#000 calc(var(--r) - 1px),transparent var(--r));
  mask-image:radial-gradient(circle at var(--x) var(--y),#000 0,#000 calc(var(--r) - 1px),transparent var(--r))}
.rtg__foto--xray{filter:grayscale(1) invert(.94) brightness(.66) contrast(1.35) sepia(.4) hue-rotate(168deg) saturate(1.7)}
.rtg__svg{position:absolute;inset:0;width:100%;height:100%}
.rtg-tok{animation:rtgTok 2.6s linear infinite}
@keyframes rtgTok{to{stroke-dashoffset:-63}}
.rtg__cocka{position:absolute;left:var(--x);top:var(--y);width:calc(var(--r) * 2);height:calc(var(--r) * 2);margin:calc(var(--r) * -1) 0 0 calc(var(--r) * -1);
  border-radius:50%;border:2px solid rgba(241,220,168,.85);box-shadow:0 0 0 1px rgba(0,0,0,.35),0 0 40px rgba(76,195,255,.25),inset 0 0 30px rgba(76,195,255,.18);pointer-events:none}
.rtg__cocka::before,.rtg__cocka::after{content:"";position:absolute;left:50%;top:50%;background:rgba(241,220,168,.7)}
.rtg__cocka::before{width:16px;height:1.5px;margin:-.75px 0 0 -8px}.rtg__cocka::after{width:1.5px;height:16px;margin:-8px 0 0 -.75px}
.rtg__scena.je-vse .rtg__cocka,.rtg__scena.je-vse .rtg__popis{opacity:0}
.rtg__popis{position:absolute;left:0;top:0;max-width:280px;padding:.7rem .85rem;border-radius:12px;background:rgba(9,16,27,.86);border:1px solid rgba(241,220,168,.35);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.86rem;line-height:1.45;color:#dfe7f1;pointer-events:none;opacity:0;transition:opacity .25s ease}
.rtg__popis b{display:block;color:#f1dca8;font:600 .92rem/1.3 "Space Grotesk",system-ui,sans-serif;margin-bottom:.15rem}
.rtg__popis.je-videt{opacity:1}
.rtg__vse{position:absolute;right:14px;top:14px;padding:.55rem .9rem;border-radius:99px;border:1px solid rgba(241,220,168,.5);background:rgba(9,16,27,.75);color:#f1dca8;
  font:600 .82rem/1 "Space Grotesk",system-ui,sans-serif;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.rtg__vse:hover,.rtg__vse[aria-pressed="true"]{background:#f1dca8;color:#0b1422}
.rtg__vse:focus-visible,.rtg__seznam button:focus-visible{outline:2px solid #f1dca8;outline-offset:3px}
.rtg__seznam{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem 1rem}
.rtg__seznam li{display:grid;gap:.2rem;padding:.6rem .7rem;border-radius:12px;border:1px solid rgba(255,255,255,.08);transition:border-color .25s,background .25s}
.rtg__seznam li.je-aktivni{border-color:rgba(241,220,168,.45);background:rgba(241,220,168,.06)}
.rtg__seznam button{all:unset;cursor:pointer;display:flex;align-items:center;gap:.5rem;font:600 .9rem/1.3 "Space Grotesk",system-ui,sans-serif;color:#fff}
.rtg__seznam i{width:14px;height:4px;border-radius:2px;flex:none}
.rtg__seznam span{font-size:.82rem;line-height:1.45;color:#93a3b8}
.rtg__pozn{margin:1rem 0 0;font-size:.82rem;color:#7d8da3}
.rtg__aktivni{display:none}
.rtg__pozn b{color:#a9b6c8}
.rtg__seznam span a,.rtg__pozn a{color:#f1dca8;text-decoration:underline;text-decoration-color:rgba(241,220,168,.45);text-underline-offset:3px}
.rtg__seznam span a:hover,.rtg__pozn a:hover{text-decoration-color:currentColor}
@media (max-width:900px){.rtg__seznam{grid-template-columns:1fr 1fr}.rtg__scena{--r:70px}.rtg__popis{display:none}
  .rtg__aktivni{display:block;min-height:4.4em;margin:.8rem 0 0;padding:.7rem .85rem;border-radius:12px;border:1px solid rgba(241,220,168,.3);background:rgba(241,220,168,.05);font-size:.88rem;line-height:1.45;color:#dfe7f1}
  .rtg__aktivni b{display:block;color:#f1dca8;font:600 .92rem/1.3 "Space Grotesk",system-ui,sans-serif}}
@media (max-width:520px){.rtg__seznam{grid-template-columns:1fr}}
@media (hover:none){.rtg__scena{cursor:auto}}
@media (prefers-reduced-motion:reduce){.rtg-tok{animation:none}.rtg__popis{transition:none}}
/* scéna na černém pozadí (model, půdní profil): převrácení barev by ji vybělilo — jen ztmavit do modra */
.rtg--tma .rtg__foto--xray{filter:grayscale(1) brightness(.5) contrast(1.25) sepia(.35) hue-rotate(170deg) saturate(1.6)}
/* lupa: obsah čočky zvětšený kolem jejího středu; v režimu „Ukázat všechno“ bez zvětšení */
.rtg__scena[data-zvetseni] .rtg__xray>img,.rtg__scena[data-zvetseni] .rtg__xray>svg{transform-origin:var(--x) var(--y);transform:scale(var(--lupa,1))}
.rtg__scena[data-zvetseni].je-vse .rtg__xray>img,.rtg__scena[data-zvetseni].je-vse .rtg__xray>svg{transform:none}
/* zvětšující čočka: křížek by zakryl drobné věci ve skutečném měřítku (trubka 32 mm) */
.rtg__scena[data-zvetseni] .rtg__cocka::before,.rtg__scena[data-zvetseni] .rtg__cocka::after{display:none}
/* Renda v rentgenu: proč to ukazujeme (64px kruh s video-smyčkou, tmavá varianta bubliny .rnv-bubble) */
.rtg__renda{display:flex;align-items:flex-start;gap:14px;max-width:44rem;margin:1.4rem 0 1.8rem;padding:15px 19px;border-radius:16px 16px 16px 4px;background:rgba(255,255,255,.045);border:1px solid rgba(201,161,74,.42);box-shadow:0 16px 40px rgba(0,0,0,.32)}
.rtg__renda-av{flex:0 0 auto;width:64px;height:64px;border-radius:50%;overflow:hidden;background:#13233d;border:1px solid rgba(201,161,74,.55);box-shadow:0 0 0 0 rgba(201,161,74,.45)}
.rtg__renda-av video{display:block;width:100%;height:100%;object-fit:cover}
.rtg__renda p{margin:0;font-size:15.5px;line-height:1.55;color:#d3dbe6}
.rtg__renda b{color:#f1dca8;font-weight:700}
.rtg__renda a{color:#f1dca8;text-decoration:underline;text-decoration-color:rgba(241,220,168,.5);text-underline-offset:3px}
.rtg__renda a:hover{text-decoration-color:#f1dca8}
@media (prefers-reduced-motion:no-preference){.rtg__renda-av{animation:rtg-renda 2.4s ease-out infinite}}
@keyframes rtg-renda{70%,100%{box-shadow:0 0 0 9px rgba(201,161,74,0)}}
@media (max-width:560px){.rtg__renda{padding:13px 15px;gap:12px}.rtg__renda-av{width:56px;height:56px}.rtg__renda p{font-size:15px}}