/* 01.fitness – SEKCE hero.
   Vygenerováno při migraci do sekčního systému (WEBSEK). Třídy .hero-* / .fx-* / .fig-* jsou unikátní – sekce neovlivní jiné. */
.hero{position:relative;isolation:isolate;touch-action:pan-y pinch-zoom;height:860px;background:linear-gradient(to right,var(--paper) 64.5%,var(--ink) 64.5%)}   /* touch-action: vodorovný tah prstem patří slideru (section.js), ne gestu prohlížeče „zpět" */
.paper-texture{position:absolute;inset:0 35.5% 0 0;z-index:-1;background:url('/public/www/01.fitness/web/assets/photos/reference-paper.png') center/cover;opacity:.8;pointer-events:none}
.vertical-word{position:absolute;left:-11px;top:175px;writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--heading);font-size:132px;line-height:1;letter-spacing:1px;color:transparent;-webkit-text-stroke:1px #25232314;user-select:none;pointer-events:none}
.hero-copy{position:absolute;left:8.8%;top:153px;z-index:3;width:52%;pointer-events:none}
.hero-copy a,.hero-copy button{pointer-events:auto}
.hero h1{font-size:91px;line-height:1.04;letter-spacing:-.8px;margin-top:14px}
.hero h1 span{color:var(--accent);text-decoration:underline;text-underline-offset:12px;text-decoration-thickness:4px}
.hero-intro{color:#65615b;line-height:1.9;font-size:15px;margin-top:30px;max-width:515px}
.hero-actions{display:flex;align-items:center;gap:32px;margin-top:39px}
.play-link{display:inline-flex;gap:12px;align-items:center;font-weight:800;font-size:12px}
.play-circle{width:42px;height:42px;display:grid;place-items:center;border:6px solid #d5d2c8;background:var(--ink);color:var(--paper);border-radius:50%;font-size:10px;padding-left:2px;transition:transform .2s}
.play-link:hover .play-circle{transform:scale(1.1)}
.stat-row{display:flex;gap:5px;margin-top:44px;width:354px}
/* kotouče místo dlaždic: 5 vedle sebe přesně v šířce .stat-row; přikutálení řídí section.js (Web Animations) */
/* překryv: z každého kotouče je vidět 60 % (poslední černý celý) → průměr = šířka řady / 3,4; vyšší kotouče přetečou řádek nahoru i dolů stejně */
.stat-row.kotouce{align-items:center;gap:0;height:73px}
.kotouc{flex:0 0 calc(100% / 3.4);min-width:0;aspect-ratio:1;display:block;animation:kotouc-pojistka 0s 2.5s both}   /* bez JS: po 2,5 s se prostě ukážou */
.kotouc + .kotouc{margin-left:calc(-40% / 3.4)}
.kotouc img{display:block;width:100%;height:100%;filter:drop-shadow(-3px 3px 5px #16121147)}   /* stín doleva na kotouč pod ním */
@keyframes kotouc-pojistka{from{opacity:0}to{opacity:1}}
@media (max-width:1250px){.stat-row.kotouce{height:56px}}
.brand-signoff{margin-top:33px;position:relative;width:380px}
.brand-signoff p{font-weight:800;font-size:21px;margin-top:12px;letter-spacing:-.6px}
.hero-scene{position:absolute;inset:0;z-index:2;pointer-events:none;--px:0;--py:0}
.hero-canvas{position:absolute;left:40%;top:0;width:60%;height:100%}
.hero-canvas canvas{display:block;width:100%!important;height:100%!important}
.athlete-fallback{position:absolute;left:55%;top:11%;height:75%;width:auto;filter:drop-shadow(8px 14px 8px #1612111a);transition:opacity .4s}
.hero-scene.loaded .athlete-fallback{opacity:0}
.hero-word{position:absolute;left:51%;top:13%;font-family:var(--heading);font-weight:800;font-size:540px;line-height:.82;letter-spacing:-.05em;color:var(--accent);user-select:none;transform:translate(calc(var(--px)*-28px),calc(var(--py)*-18px))}
.athlete{position:absolute;left:53%;top:11%;height:75%;width:29%;overflow:visible;filter:drop-shadow(8px 14px 8px #1612111a)}
.scene-badge{position:absolute;top:13.7%;left:71.1%;width:45px;height:45px;background:var(--accent);border-radius:50%;display:grid;place-items:center;color:var(--ink);font-size:25px;font-weight:800;padding:0;pointer-events:auto;transform:translate(calc(var(--px)*-10px),calc(var(--py)*-8px));transition:background .2s}
.scene-badge:hover{background:var(--paper)}
.qr-card{position:absolute;left:44.7%;top:59.5%;width:146px;height:128px;background:#343433;transform:translate(calc(var(--px)*-24px),calc(var(--py)*-14px)) rotate(-6deg);border-radius:10px;box-shadow:0 12px 25px #25232325;color:var(--paper);padding:16px 18px}
.qr-card>span{font-size:8px;letter-spacing:.7px;display:block;color:#d4d2cb}
.qr-card>div{display:flex;align-items:baseline;gap:9px;margin-top:9px}
.qr-card strong{font-size:31px;line-height:1}
.qr-card small{font-size:8px;color:#b0afa8}
.qr-card svg{width:100%;height:24px;fill:none;stroke:#a2a19a;stroke-width:1.5;margin-top:10px}
.figure-nav{position:absolute;left:44.7%;top:82%;max-width:19%;display:flex;align-items:center;gap:12px;pointer-events:auto;font-size:11px;font-weight:800;letter-spacing:.6px;color:var(--ink)}
.figure-nav button{flex-shrink:0;width:38px;height:38px;border-radius:50%;background:var(--ink);color:var(--paper);box-shadow:0 0 0 2px var(--paper);font-size:16px;padding:0;display:grid;place-items:center;transition:background .2s,color .2s,transform .2s}
.figure-nav button:hover{background:var(--accent);color:var(--ink);transform:scale(1.08)}
.figure-count{min-width:52px;font-variant-numeric:tabular-nums}
.figure-label{color:var(--accent-text);font-family:var(--heading);font-size:18px;letter-spacing:.3px;white-space:nowrap}
.side-links{position:absolute;right:4%;top:42%;display:flex;flex-direction:column;gap:17px;z-index:4}
.side-links a{width:25px;height:25px;background:var(--paper);border-radius:50%;color:var(--ink);padding:5px;transition:background .2s,transform .2s}
.side-links a:hover{background:var(--accent);transform:translateX(-3px)}
.side-links svg{width:100%;height:100%}
.scroll-down{position:absolute;bottom:25px;right:1.3%;height:110px;width:110px;border:1px solid #f5f2e677;border-radius:50%;color:var(--paper);z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;font-size:10px;line-height:1.35;transition:background .2s,color .2s}
.scroll-down b{font-size:23px;font-weight:400;line-height:1}
.scroll-down:hover{background:var(--accent);color:var(--ink);border-color:var(--accent)}
:root[data-theme=cyan] .hero h1 span{-webkit-text-stroke:1px #2a6c75;paint-order:stroke fill}
@media(min-width:1550px){
  .hero-copy{top:160px}
}
@media(min-width:761px) and (max-width:1250px){
  .hero{height:calc((100vw - 48px)*.64);min-height:555px}
  .vertical-word{top:22%;font-size:10vw;left:-8px}
  .hero-copy{top:18.5%}
  .hero h1{font-size:6.65vw;margin-top:10px;letter-spacing:-.8px}
  .hero h1 span{text-underline-offset:8px;text-decoration-thickness:3px}
  .hero-intro{font-size:11px;line-height:1.9;margin-top:22px;max-width:350px}
  .hero-actions{gap:23px;margin-top:25px}
  .play-link{font-size:9px;gap:9px}
  .play-circle{width:33px;height:33px;border-width:5px;font-size:8px}
  .stat-row{margin-top:31px;width:270px;gap:3px}
  .brand-signoff{margin-top:26px;width:310px}
  .brand-signoff p{font-size:16px;margin-top:10px}
  .hero-word{font-size:38vw;top:15%}
  .scene-badge{width:34px;height:34px;font-size:20px}
  .figure-nav{top:83%;gap:7px;font-size:8px;left:41%}
  .figure-nav button{width:28px;height:28px;font-size:12px}
  .figure-count{min-width:40px}
  .figure-label{display:none}
  .qr-card{width:112px;height:99px;padding:12px 13px;border-radius:8px}
  .qr-card>span{font-size:6px}
  .qr-card>div{margin-top:7px;gap:6px}
  .qr-card strong{font-size:24px}
  .qr-card small{font-size:6px}
  .qr-card svg{height:19px;margin-top:8px}
  .side-links{gap:14px}
  .side-links a{height:20px;width:20px;padding:4px}
  .scroll-down{width:86px;height:86px;font-size:8px;bottom:18px}
  .scroll-down b{font-size:20px}
}
@media(min-width:761px) and (max-width:950px){
  .hero-intro{font-size:10px;max-width:320px}
  .hero-actions{margin-top:23px}
  .stat-row{margin-top:28px}
  .brand-signoff{margin-top:23px}
  .brand-signoff p{font-size:15px}
}
@media(max-width:760px){
  .hero{height:1120px;background:linear-gradient(to bottom,var(--paper) 58%,var(--ink) 58%)}
  .paper-texture{inset:0 0 42%}
  .vertical-word{left:-9px;top:115px;font-size:87px}
  .hero-copy{top:120px;left:8%;width:87%}
  .hero h1{font-size:clamp(57px,12.3vw,84px);line-height:1.04;letter-spacing:-.7px;margin-top:15px}
  .hero h1 span{text-underline-offset:7px;text-decoration-thickness:3px}
  .hero-intro{font-size:11px;line-height:1.95;max-width:350px;width:91%;margin-top:23px}
  .hero-intro br{display:none}
  .hero-actions{margin-top:26px;gap:25px}
  .play-link{font-size:10px;gap:8px}
  .play-circle{width:34px;height:34px;border-width:5px;font-size:8px}
  .stat-row{margin-top:32px;gap:4px;width:285px}
  .brand-signoff{margin-top:26px;width:310px}
  .brand-signoff p{font-size:17px;margin-top:10px}
  .hero-scene{inset:600px 0 0}
  .hero-canvas{left:0;width:100%}
  .athlete-fallback{left:26%;top:0;height:89%}
  .hero-word{left:10%;top:2%;font-size:min(72vw,400px)}
  .figure-nav{left:8%;top:auto;bottom:22px;gap:8px;font-size:9px;color:var(--paper)}
  .figure-nav button{width:32px;height:32px;background:var(--paper);color:var(--ink);font-size:13px}
  .figure-label{display:inline;font-size:14px;color:var(--accent)}
  .scene-badge{left:78%;top:8%;width:34px;height:34px;font-size:20px}
  .qr-card{left:9%;top:56%;width:105px;height:95px;padding:12px}
  .qr-card>span{font-size:6px}
  .qr-card>div{gap:6px;margin-top:7px}
  .qr-card strong{font-size:24px}
  .qr-card small{font-size:6px}
  .qr-card svg{height:18px;margin-top:7px}
  .side-links{display:none}
  .scroll-down{height:65px;width:65px;bottom:17px;right:4%;font-size:6px;gap:3px}
  .scroll-down b{font-size:17px}
}
@media(max-width:370px){
  .hero-copy{left:7%}
  .hero h1{font-size:54px}
  .hero-intro{font-size:10px}
  .hero-actions{gap:20px}
  .brand-signoff{width:280px}
  .stat-row{width:260px}
}
.athlete-fallback{display: none;}
.hero-canvas{perspective: 1400px;}
.fx-instant{transition: none !important;}
.fx-stage{position: absolute; inset: 0; transform-style: preserve-3d; will-change: transform;}
.fx-img{position: absolute; display: block; object-fit: contain;
  filter: blur(0) drop-shadow(8px 14px 8px #1612111a);   
  transition: opacity .28s ease, transform .7s cubic-bezier(.2,.8,.2,1), filter .7s ease;}
.fx-vrstvy{position: absolute; display: none; filter: drop-shadow(8px 14px 8px #1612111a);}   /* hloubkové vrstvy dvojice (náhled); stín = .fx-img */
.fx-vrstvy.je-aktivni{display: block;}
.fx-vrstva{position: absolute; display: block; will-change: transform;}
.fx-shadow{position: absolute; height: 28px; pointer-events: none;
  background: radial-gradient(ellipse at center, rgba(10,8,6,.55) 0%, rgba(10,8,6,0) 70%);
  transition: opacity .5s ease, left .9s cubic-bezier(.4,0,.2,1), top .9s cubic-bezier(.4,0,.2,1), width .9s cubic-bezier(.4,0,.2,1);}
.fx-busy .fx-shadow{opacity: .45;}
.fx-canvas{position: absolute; inset: 0; width: 100%; height: 100%; transition: opacity .3s ease;}
.fx-canvas.fx-out{opacity: 0;}
.hero-word.fx-pulse{animation: fxWord .9s cubic-bezier(.2,.8,.2,1);}
.hero-word{letter-spacing: 0;}
.hero-word > span + span{margin-left: .05em;}
.hero-word{font-family: Manrope, Arial, sans-serif;
  font-size: 447px;
  left: calc(51% - .0436em);
  top: calc(13% + .1202em);}
.hero-word > span + span{margin-left: -.0425em;}
@media (min-width: 761px) and (max-width: 1250px){
  .hero-word{font-size: 31.44vw; top: calc(15% + .1202em);}
}
@media (max-width: 760px){
  .hero-word{font-size: min(59.57vw, 331px); left: calc(10% - .0436em); top: calc(2% + .1202em);}
}
@media (prefers-reduced-motion: reduce){
  .hero-word.fx-pulse{animation: none !important;}
}
.fig-card{position: absolute; left: 45%; bottom: 20%; width: 320px; z-index: 4;
  transition: height .5s cubic-bezier(.4,0,.2,1);          
  background: #f5f2ed; color: var(--ink); border-radius: 12px; padding: 0;   
  box-shadow: 0 10px 26px rgba(37,35,35,.16), 0 2px 6px rgba(37,35,35,.10);
  transform: translate(calc(var(--px) * -24px), calc(var(--py) * -14px)) rotate(-6deg);
  font-family: Manrope, Arial, sans-serif;}
.fig-kicker{display: block; font-size: 8px; font-weight: 800; letter-spacing: 1.4px;
  color: var(--accent-text); text-transform: uppercase;}
.fig-name{display: block; margin-top: 7px; font-family: var(--heading); font-weight: 800;
  font-size: 20px; line-height: 1.12; letter-spacing: .2px;}
.fig-desc{margin: 9px 0 0; font-size: 10.5px; line-height: 1.45; font-weight: 700; color: var(--accent-text);}
.fig-desc:empty{display: none;}
/* snímek „PRO KAŽDÉHO": muži / ženy s barevnými ikonkami, mladí i starší (podle grafiky do magazínu) */
.fig-radek{display: block; font-size: 21px; line-height: 1.15;}
@media (min-width: 761px){.fig-radek{white-space: nowrap;}}   /* desktop: vždy 1 řádek, karta se šířkou přizpůsobí (section.js sirkaKarty) */   /* běžný text s čárkami; desktop se vejde na 1 řádek, úzký mobil se zalomí */
.fig-ikona{display: inline-block; vertical-align: -.1em; margin-right: .18em; width: .9em; height: .9em; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round;}
.fig-muz{color: #4f8fd8;}
.fig-zena{color: #e0739f; margin-left: -.14em;}   /* ikonka ♀ má vlevo víc prázdna než ♂ → srovnat mezeru za čárkou */
.fig-card{transition: height .5s cubic-bezier(.4,0,.2,1), width .5s cubic-bezier(.4,0,.2,1), clip-path .8s cubic-bezier(.65,0,.35,1);
  clip-path: inset(-40px -40px -40px -40px);}                 /* záporný inset = nechat vidět stín karty */
.fig-card.je-sbalena{clip-path: inset(-40px calc(100% + 40px) -40px -40px);}
@media (prefers-reduced-motion: reduce){.fig-card.je-sbalena{clip-path: inset(-40px -40px -40px -40px);}}   /* bez animací karta vždy vidět */   /* sbaleno zprava doleva (osa karty, tedy i s jejím natočením) */
@media (min-width: 761px){
  .figure-nav{left: auto; right: 5.5%; top: 12%; max-width: none;
    flex-direction: column; align-items: center; gap: 11px;}
  .fig-arrows{display: flex; gap: 10px;}
  .figure-nav button{width: 36px; height: 36px; background: var(--paper); color: var(--ink); box-shadow: none;}
  .figure-nav button:hover{background: var(--accent); color: var(--ink);}
  .figure-count{min-width: 0; font-size: 9px; letter-spacing: 1px; color: var(--paper); opacity: .55;}
  .figure-label{writing-mode: vertical-rl; text-orientation: mixed;    
    font-size: 14px; letter-spacing: 2px; color: var(--accent);
    margin-top: 2px; white-space: nowrap;}
}
@media (max-width: 760px){
  .fig-card{left: 5%; top: auto; bottom: 76px; width: min(74%, 270px);}
  .fig-layer{padding: 12px 14px 13px;}
  .fig-name{font-size: 19px;}
  .fig-desc{font-size: 10px;}
  .fig-arrows{display: flex; gap: 8px;}
}
.fig-layer{position: absolute; inset: 0; padding: 15px 17px 16px;
  opacity: 0; transform: translateY(10px);                 
  transition: opacity .42s ease, transform .42s cubic-bezier(.2,.8,.2,1);}
.fig-layer.is-current{opacity: 1; transform: none;}
.fig-layer.is-out{opacity: 0; transform: translateY(-8px); transition-duration: .32s;}
.fig-layer > *{transition: transform .42s cubic-bezier(.2,.8,.2,1);}
.fig-layer .fig-name{transition-delay: .04s;}
.fig-layer .fig-desc{transition-delay: .08s;}
.fig-layer:not(.is-current) .fig-name{transform: translateY(4px);}
.fig-layer:not(.is-current) .fig-desc{transform: translateY(6px);}
.fig-card.fig-measure .fig-layer.fig-measuring{position: relative; inset: auto; opacity: 1 !important; transform: none !important; transition: none !important;}
.fig-card.fig-measure .fig-layer.fig-measuring > *{transform: none !important; transition: none !important;}
.fig-card.fig-measure .fig-layer:not(.fig-measuring){display: none;}
.hero-slogan, .hero-slogan b{color: #65615b;}
.hero h1 span{text-decoration: none; color: var(--ink);}
:root[data-theme=cyan] .hero h1 span{-webkit-text-stroke: 0;}
.hero h1 .h1-top{display: block; font-size: .5em; line-height: 1.1; letter-spacing: .2px;
  color: var(--ink); margin-bottom: .08em;}
.hero-place{display: flex; align-items: center; gap: 12px; margin: 16px 0 0;
  font-family: var(--heading); font-weight: 800; font-size: 15px; letter-spacing: 2px;
  color: var(--accent-text); text-transform: uppercase;}
.hero-place::before{content: ""; width: 30px; height: 2px; background: currentColor; opacity: .55;}
.hero-intro{margin-top: 22px;}
@media (min-width: 761px) and (max-width: 1250px){
  .hero-place{font-size: 13px; margin-top: 12px; letter-spacing: 1.6px;}
  .hero-intro{margin-top: 16px;}
}
@media (max-width: 760px){
  .hero-place{font-size: 12px; margin-top: 12px; letter-spacing: 1.5px;}
  .hero-place::before{width: 22px;}
  .hero-intro{margin-top: 16px;}
}
@media (min-width: 761px){
  .hero-canvas{left: 36%;}
}
@media (prefers-reduced-motion: reduce){
  .fig-card, .fig-layer, .fig-layer > *{transition: none !important;}
}
.paper-texture{background-image: url('/public/www/01.fitness/web/assets/photos/bg-hero-omitka-v2-1000.webp');
  background-image: image-set(url('/public/www/01.fitness/web/assets/photos/bg-hero-omitka-v2-1000.webp') type('image/webp') 1x,
                              url('/public/www/01.fitness/web/assets/photos/bg-hero-omitka-v2-1800.webp') type('image/webp') 2x);
  opacity: .92;}
.play-circle{border-color: #d0d0cd;}
@keyframes fxWord{0%   { opacity: 1; }
  35%  { opacity: .78; }
  100% { opacity: 1; }}

/* řádek místa nad nadpisem je uvnitř H1 (17. 10. 2026): odstup dělá jeho margin místo margin-top H1; ulice za ním stejně velká, jen tlumená, vždy na stejném řádku */
.hero h1{margin-top:0}
.hero h1 .hero-slogan{display:block;margin-bottom:14px;text-transform:none;white-space:nowrap}
.hero h1 .hero-ulice{margin-left:.2em;font-weight:600;color:#a39d94;text-decoration:none}
@media(min-width:761px) and (max-width:1250px){.hero h1 .hero-slogan{margin-bottom:10px}}
@media(max-width:760px){.hero h1 .hero-slogan{margin-bottom:15px;font-size:min(18px,4.7vw)}}   /* menší telefony: celý řádek se zmenší, aby se vešel */

/* ---------- pás „Otevíráme …" přes celou šířku (jen /home3/, třída .hero-s-pasem) ----------
   Zlatý pruh jako polep na výloze: čitelný na světlé i tmavé půlce hera.
   Desktop/tablet: hned pod úvodním textem (vidět i na nízkém notebooku), statistiky pod ním, karta postavy dolů.
   Mobil: hned pod hlavičkou – je vidět bez scrollování (lidé z QR na výloze).
   /home3/ je bez odkazů → řádek s „Jak to funguje" i podpis se skryjí. */
.hero-s-pasem .brand-signoff,.hero-s-pasem .hero-actions{display:none}
.hero-pas{position:absolute;left:-4%;right:-4%;top:478px;z-index:5;transform:rotate(-1.6deg);pointer-events:none;filter:drop-shadow(0 16px 24px #0000004a)}
.pas-pruh{display:flex;align-items:center;justify-content:center;gap:34px;margin:0;padding:15px 4% 13px;background:var(--accent);color:var(--ink);
  box-shadow:inset 0 6px 0 var(--accent),inset 0 8px 0 var(--ink),inset 0 -6px 0 var(--accent),inset 0 -8px 0 var(--ink);
  font-family:var(--heading);font-weight:800;text-transform:uppercase;line-height:1;white-space:nowrap;
  animation:pasNalep .9s cubic-bezier(.2,.8,.2,1) .3s both}
.pas-hl{display:flex;align-items:baseline;gap:.28em;font-size:66px;letter-spacing:.01em;font-weight:800}
.pas-hl time{white-space:nowrap}
.pas-stred{display:flex;flex-direction:column;align-items:center;gap:7px}
.pas-info{font-family:Manrope,Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:.02em;text-transform:none;white-space:normal;text-align:center}
.pas-vedle{font-family:Manrope,Arial,sans-serif;font-size:14px;font-weight:800;letter-spacing:.24em;opacity:.78}
.pas-vedle i{font-style:normal;margin:0 .7em}
/* „přitlačení" polepu – i počáteční snímek je čitelný (sdělení nesmí záviset na tom, jestli animace doběhne) */
@keyframes pasNalep{from{transform:translateY(-12px) scale(1.035)}to{transform:none}}
@media(min-width:1251px){
  .hero-s-pasem .stat-row{margin-top:192px}
  .hero-s-pasem .fig-card{bottom:6%}
}
@media(min-width:1550px){.hero-pas{top:485px}}
@media(min-width:761px) and (max-width:1250px){
  .hero-pas{top:58.5%}
  .pas-pruh{gap:2.6vw;padding:1.15vw 4% 1.7vw}
  .pas-hl{font-size:5.2vw}
  .pas-vedle{font-size:1.1vw}
  .pas-stred{gap:.5vw}
  .pas-info{font-size:clamp(10px,1.15vw,14px)}
  .hero-s-pasem .stat-row{margin-top:14.6vw}
  .hero-s-pasem .fig-card{bottom:3%}
}
@media(max-width:760px){
  /* /home3/ na mobilu: nahoře tmavá scéna s postavou (pás přes ni), text až pod ní */
  .site-frame:has(.hero-s-pasem) .wordmark{color:#f5f2ec}   /* na tmavém pozadí světlé 01 a fitness, tečka zůstává hnědá */
  .hero-s-pasem{height:1130px;background:linear-gradient(to bottom,var(--ink) 730px,var(--paper) 730px)}
  .hero-s-pasem .hero-scene{inset:210px 0 auto;height:520px}
  .hero-s-pasem .paper-texture{inset:730px 0 0}
  .hero-s-pasem .vertical-word{top:765px}
  .hero-s-pasem .hero-copy{top:772px}
  .hero-pas{top:80px;left:-8%;right:-8%;transform:rotate(-3deg)}
  .pas-pruh{padding:15px 8% 13px}
  .pas-vedle{display:none}
  .pas-hl{flex-direction:column;align-items:center;gap:4px}
  .pas-slovo{font-family:Manrope,Arial,sans-serif;font-size:13px;letter-spacing:.42em;margin-right:-.42em}
  .pas-hl time{font-size:clamp(44px,14vw,64px);letter-spacing:.01em}
  .pas-stred{gap:6px}
  .pas-info{font-size:12px;max-width:80vw}
}
@media(prefers-reduced-motion:reduce){.pas-pruh{animation:none}}

/* ---------- mobil (16. 10. 2026): slider hned pod nadpisem, ať je vidět bez scrollování ----------
   Pořadí: místo → H1 → scéna se sliderem → úvodní text → tlačítka → kotouče → podpis.
   .hero-copy se rozpustí (display:contents), hero jede v normálním toku; /home3/ (.hero-s-pasem) má vlastní rozvržení výš. */
@media(max-width:760px){
  .hero:not(.hero-s-pasem){height:auto;display:flex;flex-direction:column;padding:92px 0 40px;background:var(--paper)}
  .hero:not(.hero-s-pasem) .paper-texture{inset:0}
  .hero:not(.hero-s-pasem) .hero-copy{display:contents}
  .hero:not(.hero-s-pasem) .hero-copy>*{position:relative;z-index:3;margin-left:8%;margin-right:5%}
  .hero:not(.hero-s-pasem) h1{order:2}
  .hero:not(.hero-s-pasem) .hero-scene{order:3;position:relative;inset:auto;height:clamp(380px,108vw,480px);margin-top:20px;background:var(--ink)}
  /* velké 01 přes skoro celou šířku scény, na střed (pod řádkem s šipkami); postavy stojí před ním, zvětšuje je section.js (layout().vel) */
  .hero:not(.hero-s-pasem) .hero-word{font-size:min(79vw,380px);left:calc(50% - .543em);top:calc(50% - .41em + 14px)}
  /* šipky vpravo nahoru, pod nimi počítadlo + štítek; karta může níž */
  .hero:not(.hero-s-pasem) .figure-nav{left:5%;right:5%;top:14px;bottom:auto;max-width:none;gap:10px}   /* počítadlo + štítek vlevo, šipky vpravo */
  .hero:not(.hero-s-pasem) .figure-count{order:1}
  .hero:not(.hero-s-pasem) .figure-label{order:2;margin-right:auto}
  .hero:not(.hero-s-pasem) .fig-arrows{order:3}
  .hero:not(.hero-s-pasem) .figure-label{font-size:12px}
  .hero:not(.hero-s-pasem) .fig-card{bottom:-64px}   /* karta vyčnívá dolů pod scénu */
  .hero:not(.hero-s-pasem) .hero-intro{order:4;margin-top:96px}   /* místo pro kartu, která vyčnívá ze scény */
  .hero:not(.hero-s-pasem) .hero-actions{order:5}
  .hero:not(.hero-s-pasem) .stat-row{order:6}
  .hero:not(.hero-s-pasem) .brand-signoff{order:7}
}
@media(max-width:370px){.hero:not(.hero-s-pasem) .hero-copy>*{margin-left:7%}}