/* Natural document flow is the default. JS adds the bounded cinematic mode.
   Farby, písmo, tlačidlá a fokus sú z tokenov identity (komfy-identita.css cez úlohy v komfy-brand.css);
   tento súbor rieši iba rozmiestnenie Bena a scén. Benove pixely sa nemenia. */
.ben-story{--ben-paper:var(--ink);--ben-muted:var(--muted);--ben-accent:var(--accent-ink);--ben-bg:var(--bg);--ben-border:var(--line);position:relative;background:var(--ben-bg);color:var(--ben-paper);isolation:isolate;overflow:clip;scroll-margin-top:100px}
.ben-story *{box-sizing:border-box}
.ben-story-stage{position:relative;isolation:isolate}
.ben-story-space{position:absolute;inset:0;z-index:-4;background:radial-gradient(ellipse at 78% 25%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 57%),linear-gradient(130deg,var(--bg),var(--panel) 66%,var(--bg))}
.ben-story-orbit{position:absolute;z-index:-3;width:88vw;height:88vw;border:1px solid var(--ben-border);border-radius:50%;left:38%;top:55%;pointer-events:none}
.ben-story-brain,.ben-story-body,.ben-story-hand{pointer-events:none;position:absolute;left:76%;top:50%;width:clamp(360px,42vw,650px);aspect-ratio:9/16;transform:translate(-50%,-50%)}
.ben-story-brain{z-index:-1;top:280px;width:clamp(320px,38vw,600px);aspect-ratio:720/640}
.ben-story-brain canvas,.ben-story-body canvas,.ben-story-hand canvas{display:block;width:100%;height:100%}
.ben-story-body{z-index:1;top:420px;width:min(42vw,560px)}
.ben-story-body canvas{opacity:0}
.ben-story-idle{position:absolute;left:2.222222%;top:18.4375%;width:94.166667%;height:56.71875%;max-width:none;object-fit:fill}
.ben-story[data-ready=true] .ben-story-idle{visibility:hidden}
.ben-story[data-ready=true] .ben-story-body canvas{opacity:1}
.ben-story-hand{z-index:5;top:54%;display:none}
.ben-story-shade{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(transparent 72%,var(--ben-bg))}
.ben-story-scene{position:relative;z-index:6;min-height:700px;padding:100px clamp(24px,6vw,100px) 90px}
.ben-story-copy{max-width:660px;width:53%}
.ben-story-kicker{margin:0 0 24px;font:600 var(--komfy-fs-body)/1.5 var(--font-sans);letter-spacing:.02em;color:var(--ben-accent)}
.ben-story-copy h1,.ben-story-copy h2{font:var(--komfy-fw-hero) clamp(2.75rem,5.7vw,var(--komfy-fs-hero))/1.06 var(--font-display);letter-spacing:var(--komfy-ls-nadpis);margin:0 0 26px;text-wrap:balance;color:var(--ben-paper)}
.ben-story-copy em{font-style:normal;color:var(--ben-accent)}
.ben-story-description{font:400 clamp(1.125rem,1.6vw,1.3rem)/var(--komfy-lh-body) var(--font-sans);max-width:490px;margin:0 0 28px;color:var(--ben-muted);text-wrap:pretty}
/* Hlavné tlačidlo (.rd-btn), obrysová kapsula (.rd-btn--outline) a textový odkaz (.rd-text-link) sú v komfy-redesign.css. */
.ben-story-secondary{margin-top:4px}
.ben-story-note{font:400 var(--komfy-fs-body)/1.5 var(--font-sans);color:var(--ben-muted);margin:12px 0 0;max-width:450px}
.ben-story-links{display:flex;flex-wrap:wrap;gap:12px}
.ben-story-skip{position:absolute;z-index:12;left:24px;top:16px;transform:translateY(-180%);padding:14px 20px;background:var(--ink);color:var(--bg);border-radius:var(--komfy-r-prvok);font-size:var(--komfy-fs-body)}
.ben-story-skip:focus-visible{transform:none}
.ben-story-sheet,.ben-story-scroll,.ben-story-progress{display:none}
.ben-story-scene-next{background:var(--ben-bg);border-top:1px solid var(--ben-border);min-height:0}
.ben-story-scene-next .ben-story-copy{width:100%;max-width:900px}
.ben-story[data-mode=cinematic]{height:290svh;overflow:clip}
.ben-story[data-mode=cinematic] .ben-story-stage{height:calc(100svh - var(--ben-header-height,90px));position:sticky;top:var(--ben-header-height,90px);overflow:clip;min-height:0}
.ben-story[data-mode=cinematic] .ben-story-scene{position:absolute;inset:0;min-height:0;display:flex;align-items:center;padding-block:40px 70px;will-change:opacity,transform;pointer-events:none}
.ben-story[data-mode=cinematic] .ben-story-scene:not([inert]){pointer-events:auto}
.ben-story[data-mode=cinematic] .ben-story-scene-next{background:none;border:0;opacity:0;visibility:hidden}
.ben-story[data-mode=cinematic] .ben-story-scene-next .ben-story-copy{width:51%;max-width:630px}
.ben-story[data-mode=cinematic] .ben-story-body,.ben-story[data-mode=cinematic] .ben-story-hand{top:59%;width:auto;height:116%;aspect-ratio:9/16;will-change:transform}
.ben-story[data-mode=cinematic] .ben-story-hand{display:block}
.ben-story[data-mode=cinematic] .ben-story-brain{top:39%;width:38vw;will-change:transform}
.ben-story[data-mode=cinematic] .ben-story-sheet{display:flex;flex-direction:column;position:absolute;z-index:4;left:0;top:0;width:clamp(230px,25vw,360px);padding:24px 30px 20px 24px;border:1px solid var(--accent-line);border-right:3px solid var(--ben-accent);border-radius:var(--komfy-r-prvok);background:color-mix(in srgb,var(--panel) 74%,transparent);backdrop-filter:blur(9px) saturate(1.15);-webkit-backdrop-filter:blur(9px) saturate(1.15);color:var(--ben-paper);opacity:0;pointer-events:none;will-change:transform,opacity;box-shadow:0 18px 60px #00000040}
.ben-story-sheet>span{font:500 var(--komfy-fs-body)/1.5 var(--font-sans);padding-block:12px;border-bottom:1px solid var(--ben-border)}
.ben-story-sheet>span:first-child{color:var(--ben-accent);padding-top:0;font-weight:600;letter-spacing:.02em}
.ben-story-sheet>span:last-child{border:0;padding-bottom:0}
.ben-story-sheet>strong{font:500 var(--komfy-fs-h2)/1.1 var(--font-display);letter-spacing:var(--komfy-ls-nadpis);padding-block:15px}
.ben-story[data-mode=cinematic] .ben-story-scroll{display:flex;align-items:center;gap:20px;position:absolute;bottom:24px;left:6vw;z-index:8;margin:0;font:500 var(--komfy-fs-body)/1.4 var(--font-sans);color:var(--ben-muted)}
.ben-story-scroll span{display:block;width:62px;height:1px;background:var(--ben-border)}
.ben-story[data-mode=cinematic] .ben-story-progress{display:block;position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--ben-border);z-index:8}
.ben-story-progress span{display:block;background:var(--ben-accent);width:0;height:100%}
html[data-theme=light] .ben-story-brain{filter:brightness(.68) saturate(1.4)}
@media(max-width:1050px){.ben-story-copy h1,.ben-story-copy h2{font-size:clamp(43px,5.8vw,68px)}.ben-story[data-mode=cinematic] .ben-story-body,.ben-story[data-mode=cinematic] .ben-story-hand{left:78%;height:105%}.ben-story[data-mode=cinematic] .ben-story-brain{left:78%;width:48vw}.ben-story[data-mode=cinematic] .ben-story-scene-next .ben-story-copy{width:56%}}
@media(max-width:760px){.ben-story-scene{padding:42px 24px 54px;min-height:0}.ben-story-copy,.ben-story-scene-next .ben-story-copy{width:100%;max-width:620px}.ben-story-copy h1,.ben-story-copy h2{font-size:clamp(42px,8.6vw,64px);line-height:1.06;margin-bottom:20px}.ben-story-kicker{margin-bottom:18px}.ben-story-description{line-height:1.55;max-width:440px;margin-bottom:20px}.ben-story-note{max-width:340px}.ben-story-body{position:relative;left:auto;top:auto;width:min(88vw,430px);margin:-60px auto -100px;transform:none;z-index:1}.ben-story-brain{left:50%;top:28%;width:90vw}.ben-story-scene-hero{padding-bottom:20px}.ben-story-stage{display:flex;flex-direction:column}.ben-story-scene-hero{order:0}.ben-story-body{order:1}.ben-story-scene-next{order:2;z-index:6}.ben-story-hand{display:none}.ben-story-skip{left:16px;top:8px}.ben-story[data-mode=cinematic]{height:245svh}.ben-story[data-mode=cinematic] .ben-story-stage{display:block}.ben-story[data-mode=cinematic] .ben-story-scene{align-items:flex-start;padding:24px 24px 30px}.ben-story[data-mode=cinematic] .ben-story-copy,.ben-story[data-mode=cinematic] .ben-story-scene-next .ben-story-copy{width:100%;max-width:590px}.ben-story[data-mode=cinematic] .ben-story-copy h1,.ben-story[data-mode=cinematic] .ben-story-copy h2{font-size:clamp(42px,8.6vw,62px)}.ben-story[data-mode=cinematic] .ben-story-description{max-width:480px}.ben-story[data-mode=cinematic] .ben-story-body,.ben-story[data-mode=cinematic] .ben-story-hand{position:absolute;left:68%;top:91%;height:78%;width:auto;margin:0;transform:translate(-50%,-50%)}.ben-story[data-mode=cinematic] .ben-story-brain{left:68%;top:79%;width:76vw}.ben-story[data-mode=cinematic] .ben-story-sheet{width:min(47vw,230px);padding:16px 20px 16px 16px}.ben-story-sheet>strong{font-size:24px;padding-block:12px}.ben-story-sheet>span{padding-block:9px}.ben-story[data-mode=cinematic] .ben-story-scroll{bottom:18px;left:24px;max-width:160px;line-height:1.4;gap:12px}.ben-story-scroll span{width:35px;flex-shrink:0}.ben-story[data-mode=cinematic] .ben-story-scene-next .ben-story-description{max-width:90%}.ben-story[data-mode=cinematic] .ben-story-scene-next .ben-story-copy h2{max-width:100%}.ben-story-shade{background:linear-gradient(transparent 85%,var(--ben-bg))}}
/* CSS also protects against delayed JS when preferences change mid-session. */
@media(prefers-reduced-motion:reduce){.ben-story[data-mode=cinematic]{height:auto}.ben-story[data-mode=cinematic] .ben-story-stage{height:auto;position:relative;top:auto;overflow:visible}.ben-story[data-mode=cinematic] .ben-story-scene{position:relative;opacity:1!important;visibility:visible!important;transform:none!important}.ben-story-sheet,.ben-story-hand,.ben-story-scroll,.ben-story-progress{display:none!important}}