:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#ededed;background:#080808;font-synthesis:none;--red:#ee1735}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:6px}a:focus-visible{outline:2px solid var(--red);outline-offset:8px}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:#080808}.skip:focus{top:12px;z-index:2}
.intro{min-height:100vh;min-height:100svh;position:relative;display:grid;place-items:center;padding:50px 24px 75px}
.entrance{display:block;width:min(72vmin,660px);max-width:100%;line-height:0}.logo{display:block;width:100%;height:auto;filter:url(#dark-logo);mix-blend-mode:screen}
.scroll-cue{position:absolute;bottom:32px;left:calc(50% - 24px);width:48px;height:48px;display:grid;place-items:center}.scroll-cue span{display:block;width:12px;height:12px;border-right:1px solid #777;border-bottom:1px solid #777;transform:rotate(45deg)}.scroll-cue:hover span{border-color:var(--red)}
.page{max-width:1184px;margin:auto;padding:0 48px}nav{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:28px 0}nav a{font-size:.875rem;letter-spacing:.06em;text-decoration:none;padding:12px 0}.brand{font-weight:700}.nav-links{display:flex;gap:30px}nav a:hover{color:var(--red)}
.about{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;padding:100px 0 135px;scroll-margin-top:25px}.eyebrow{margin:0 0 22px;font-size:.875rem;letter-spacing:.1em;color:#a4a4a4;line-height:1.6}h1{font-size:clamp(3rem,6.5vw,5.4rem);line-height:.95;letter-spacing:-.065em;margin:0;font-weight:700;color:var(--red)}.story{padding-top:0}.story p{font-size:1.125rem;line-height:1.75;margin:0}.story p+p{margin-top:24px}
.sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px;padding:0 0 110px}.sections section{scroll-margin-top:35px}h2{font-size:1.75rem;font-weight:400;letter-spacing:-.035em;margin:0 0 26px}.sections p{font-size:1rem;line-height:1.65;margin:0}.sections .pending{color:#939393;font-size:.875rem;margin-top:10px}footer{padding:25px 0 35px;display:flex;justify-content:space-between;gap:20px;color:#939393;font-size:.75rem;line-height:1.6}
@media(max-width:760px){.page{padding:0 26px}.intro{padding:30px 20px 65px}.entrance{width:min(92vw,580px)}.scroll-cue{bottom:22px}nav{display:block;padding:26px 0}.brand{display:inline-block;margin-bottom:12px}.nav-links{justify-content:space-between;gap:12px;flex-wrap:wrap}nav a{letter-spacing:.02em}.about{grid-template-columns:1fr;gap:38px;padding:55px 0 80px}.eyebrow{font-size:.875rem;margin-bottom:18px}h1{font-size:clamp(1rem,14vw,5rem)}.story p{font-size:1rem;line-height:1.75}.sections{grid-template-columns:1fr;gap:52px;padding-bottom:70px}h2{font-size:1.5rem;margin-bottom:18px}footer{flex-wrap:wrap}}

/* Vstup přes logo: tlumené materiály, jeden krátký přechod. */
:root{--red:#9b6770;color:#bbb6b3}
body.locked{overflow:hidden}
[hidden]{display:none!important}
.entrance{border:0;padding:0;background:none;cursor:pointer;position:relative;z-index:1;transition:transform 700ms cubic-bezier(.2,.7,.2,1);-webkit-tap-highlight-color:transparent}
.logo{filter:drop-shadow(0 10px 18px #000);mix-blend-mode:normal;transition:filter 900ms ease,opacity 700ms ease;opacity:.78}
.entrance:focus-visible{outline:1px solid #79535b;outline-offset:10px;border-radius:50%}
@media(hover:hover){body:not(.entered) .entrance:hover{transform:rotate(-2deg) scale(1.025)}body:not(.entered) .entrance:hover .logo{opacity:1;filter:drop-shadow(0 12px 22px #000)}}
.entered .logo{opacity:1;filter:drop-shadow(0 0 7px #70313c60) drop-shadow(0 0 28px #63263138) drop-shadow(0 14px 25px #000)}
.entered .entrance{transform:translateY(-24px) scale(.91)}
.intro nav{position:absolute;bottom:42px;left:50%;width:min(670px,calc(100% - 52px));transform:translate(-50%,28px);opacity:0;transition:transform 700ms ease,opacity 700ms ease;z-index:2;padding:16px 0;justify-content:center}
.intro nav .brand{display:none}.intro .nav-links{gap:46px}.intro nav a{color:#a79a9b;font-size:.875rem;letter-spacing:.13em}.intro nav a:hover{color:#ddd0d1}
.entered .intro nav{transform:translate(-50%,0);opacity:1}
.scroll-cue{display:none}.entered .scroll-cue{display:grid;bottom:0;opacity:.65}
.page{opacity:0;transition:opacity 800ms ease}.entered .page{opacity:1}
.about{padding-top:105px}.story p{color:#b7b1af}.eyebrow,.sections .pending,footer{color:#8e8584}h1{color:#925760}
@media(max-width:760px){.intro nav{bottom:62px;display:flex}.intro .nav-links{gap:14px;justify-content:space-between;width:100%}.intro nav a{font-size:.8rem;letter-spacing:.05em}.entered .entrance{transform:translateY(-20px) scale(.94)}.entered .scroll-cue{bottom:12px}.about{padding-top:70px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}.entrance:hover{transform:none!important}}
/* Barevná úprava loga: granátová červeň, neutrální grafit, uhlové pozadí. */
:root{background:#0b0c0e;--red:#ac656d}
.skip{background:#0b0c0e}
.logo{opacity:1;filter:drop-shadow(0 16px 22px #0008);transition:filter 850ms ease}
.logo-lit{position:absolute;inset:0;opacity:0;pointer-events:none;filter:drop-shadow(0 0 12px #8b27321c) drop-shadow(0 18px 24px #0009);transition:opacity 850ms ease}
@media(hover:hover){body:not(.entered) .entrance:hover .logo{filter:drop-shadow(0 18px 26px #000a)}body:not(.entered) .entrance:hover .logo-lit{opacity:.24}}
.entered .logo{filter:drop-shadow(0 18px 24px #0009)}
.entered .logo-lit{opacity:1;filter:drop-shadow(0 0 13px #922d3926) drop-shadow(0 18px 24px #0009)}
.entrance:focus-visible{outline-color:#ac656d}
h1{color:#a95660}.intro nav a{color:#aaa4a7}.intro nav a:hover{color:#d8c9cc}
/* Základní originální logo, pouze černobílá inverze. */
.logo,.entered .logo{filter:none;opacity:1}
@media(hover:hover){body:not(.entered) .entrance:hover .logo{filter:none;opacity:1}}
/* Vlastní jemný detail: funkční linka propojující logo a navigaci. */
.menu-wire{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:0;transition:opacity 300ms ease}
.menu-wire path{fill:none;stroke:#656367;stroke-width:1;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1}
.entered .menu-wire{opacity:.7}
.entered .wire-stem{stroke-dashoffset:0;transition:stroke-dashoffset 650ms ease 180ms}
.entered .wire-branches{stroke-dashoffset:0;transition:stroke-dashoffset 550ms ease 650ms}
.intro nav{transition-delay:650ms}
.intro .nav-links a{transition:color 200ms ease,transform 250ms ease;transform-origin:center top}
.intro .nav-links a:hover{transform:translateY(2px) rotate(-1deg)}
@media(hover:hover){body:not(.entered) .entrance:hover{transform:rotate(-.8deg) scale(1.008)}body:not(.entered) .entrance:hover .logo{animation:logo-wake 1100ms ease-out 1}}
@keyframes logo-wake{0%,100%{transform:translateY(0)}36%{transform:translateY(-3px) rotate(.35deg)}68%{transform:translateY(1px) rotate(-.2deg)}}
@media(prefers-reduced-motion:reduce){.menu-wire path{stroke-dashoffset:0}.intro .nav-links a:hover{transform:none}}
/* Rozvětvené slepé linky nechávají černému prostoru vlastní rytmus. */
.wandering-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden}
.wandering-wires path{fill:none;stroke:#a4a2a5;stroke-linecap:round;vector-effect:non-scaling-stroke}
.wander-main{stroke-width:1.7;opacity:.36}.wander-twig{stroke-width:1.05;opacity:.23}.wander-tip{stroke-width:.65;opacity:.12}
.menu-wire path{stroke:#a09ca2;stroke-width:2.7}.entered .menu-wire{opacity:.85}
.bar-note{display:flex;align-items:center;gap:46px;max-width:720px;margin:0 auto;padding:20px 0 110px}.bar-note img{width:220px;height:auto;flex-shrink:0}.bar-note h2{font-size:.875rem;letter-spacing:.14em;margin-bottom:16px}.bar-note p{font-size:1.125rem;line-height:1.6;color:#b7b1af;margin:0}
@media(max-width:760px){.wander-main{stroke-width:1.25;opacity:.3}.wander-twig{stroke-width:.8;opacity:.2}.menu-wire path{stroke-width:2.2}.bar-note{gap:24px;padding:10px 0 70px;flex-direction:column;text-align:center}.bar-note img{width:180px}.bar-note p{font-size:1rem}}
/* Stejná stránka, dvě barevné varianty. */
html[data-theme="mono"]{--red:#bababa;color:#bebebe}
html[data-theme="mono"] h1{color:#c7c7c7}
html[data-theme="mono"] .intro nav a,html[data-theme="mono"] .story p,html[data-theme="mono"] .bar-note p{color:#b7b7b7}
html[data-theme="mono"] .eyebrow,html[data-theme="mono"] .sections .pending,html[data-theme="mono"] footer{color:#8e8e8e}
html[data-theme="mono"] .menu-wire path{stroke:#a0a0a0}
html[data-theme="mono"] .wandering-wires path{stroke:#a4a4a4}
html[data-theme="mono"] .entrance:focus-visible{outline-color:#bababa}
html[data-theme="color"]{--red:#ac656d}
html[data-theme="color"] .menu-wire path{stroke:#967a80}
html[data-theme="color"] .wandering-wires path{stroke:#9a8389}
/* Otočení platí pro obě varianty hlavního loga. */
.logo{transform:rotate(90deg)}
@keyframes logo-wake{0%,100%{transform:rotate(90deg) translateY(0)}36%{transform:rotate(90.35deg) translateY(-3px)}68%{transform:rotate(89.8deg) translateY(1px)}}
.wandering-wires{opacity:0;visibility:hidden;transition:opacity 250ms ease}
.wandering-wires path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1300ms cubic-bezier(.25,.6,.3,1)}
.entered .wandering-wires{opacity:1;visibility:visible}
.entered .wandering-wires path{stroke-dashoffset:0}
@media(prefers-reduced-motion:reduce){.entered .wandering-wires path{stroke-dashoffset:0}}
/* Krátké nepravidelné selhání starého neonu; jen když je bar v záběru. */
.bar-note img{--neon:rgba(198,169,155,.26);filter:drop-shadow(0 0 5px var(--neon));animation:bar-neon 13s linear infinite;animation-play-state:paused}
.bar-note.in-view img{animation-play-state:running}
html[data-theme="mono"] .bar-note img{--neon:rgba(230,230,230,.24)}
@keyframes bar-neon{0%,12%,20%,76%,84%,100%{opacity:.9;filter:drop-shadow(0 0 5px var(--neon))}14%{opacity:.48;filter:none}16%,18%{opacity:1;filter:drop-shadow(0 0 9px var(--neon)) drop-shadow(0 0 19px var(--neon))}78%{opacity:.65;filter:none}81%{opacity:1;filter:drop-shadow(0 0 11px var(--neon))}}
.social-links a{display:inline-block;padding:4px 0}
@media(prefers-reduced-motion:reduce){.bar-note img{animation:none!important;opacity:1}}
/* Výraznější jediný výpadek a následné rozsvícení, s dlouhou pauzou. */
.bar-note img{animation-name:bar-neon-strong;animation-duration:11s}
@keyframes bar-neon-strong{0%,10%,25%,100%{opacity:.82;filter:brightness(.95) drop-shadow(0 0 5px var(--neon))}11%,13%{opacity:.12;filter:brightness(.4)}14%,17%{opacity:1;filter:brightness(1.8) drop-shadow(0 0 10px var(--neon)) drop-shadow(0 0 24px var(--neon)) drop-shadow(0 0 38px var(--neon))}20%{opacity:1;filter:brightness(1.2) drop-shadow(0 0 15px var(--neon))}}
/* Neon řídí nepravidelné jednorázové průběhy, nikoli smyčka CSS. */
.bar-note img{animation:none;opacity:.86;filter:drop-shadow(0 0 6px var(--neon))}
.social-links a{display:inline-flex;align-items:center;gap:10px;min-height:36px}
.social-icon{display:inline-block;width:17px;height:17px;flex:0 0 17px;background:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}
.facebook-icon{mask-image:url('assets/facebook.svg');-webkit-mask-image:url('assets/facebook.svg')}
.nyx-icon{mask-image:url('assets/nyx.svg');-webkit-mask-image:url('assets/nyx.svg')}
/* Dvě překrývající se vrstvy sdílejí stejnou kresbu i natočení. */
.entrance .logo{animation:none!important;transition:none!important;filter:saturate(.66) brightness(.78);opacity:0}
.logo-secondary{position:absolute;inset:0;pointer-events:none}
.sound-toggle{position:absolute;bottom:15px;right:26px;z-index:3;border:0;background:transparent;color:#969296;padding:10px;font:inherit;font-size:.75rem;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.radio-link{display:inline-flex;align-items:center;gap:14px;min-height:44px}
.radio-link img{width:108px;height:60px;object-fit:contain}
@media(max-width:760px){.sound-toggle{bottom:4px;right:12px;font-size:.75rem}}
/* A shared palette follows the flat logo across the scene. */
html[data-theme]{--scene-accent:#a2a6a8;--scene-bg:#101113;--scene-ink:#bec1c2;--red:var(--scene-accent);background:var(--scene-bg);transition:background-color 2s linear}
body{background:transparent}
html[data-theme] .wandering-wires path,html[data-theme] .menu-wire path{stroke:var(--scene-accent);transition:stroke 2s linear,stroke-dashoffset 1300ms cubic-bezier(.25,.6,.3,1)}
html[data-theme] h1,html[data-theme] h2,html[data-theme] .intro nav a,html[data-theme] .eyebrow,html[data-theme] .sound-toggle{color:var(--scene-ink);transition:color 2s linear}
html[data-theme] .scroll-cue span{border-color:var(--scene-accent);transition:border-color 2s linear}
html[data-theme] .bar-note img{--neon:var(--scene-accent)}
html[data-theme] .entrance:focus-visible{outline-color:var(--scene-accent)}
html.mood-snap,html.mood-snap *{transition-duration:0s!important}
@media(prefers-reduced-motion:reduce){html[data-theme],html[data-theme] .wandering-wires path,html[data-theme] .menu-wire path,html[data-theme] h1,html[data-theme] h2,html[data-theme] .intro nav a,html[data-theme] .eyebrow,html[data-theme] .sound-toggle{transition:none}}
/* Restrained branch hierarchy and compact mobile composition. */
main{position:relative;isolation:isolate}
.page{position:relative;z-index:1}
.wander-main{opacity:.38;stroke-width:1.55}.wander-primary{opacity:.62;stroke-width:2}.wander-twig{opacity:.24;stroke-width:1.1}.wander-tip{opacity:.13;stroke-width:.8}
.wandering-wires{clip-path:inset(0 0 145px 0)}
.radio-link img{width:130px;height:auto;display:block}.radio-link{min-height:48px}
.sections{padding-bottom:95px}.bar-note{padding-top:25px}
@media(max-width:760px){
 .entered .intro{min-height:0;height:clamp(480px,78svh,680px);padding:15px 20px 110px}
 .entered .entrance{width:min(88vw,430px);transform:translateY(-8px) scale(.94)}
 .intro nav{bottom:54px;width:calc(100% - 44px)}
 .intro nav a{font-size:.875rem;letter-spacing:.035em;min-height:44px}
 .intro .nav-links{gap:10px}
 .entered .scroll-cue{bottom:2px}
 .sound-toggle{bottom:7px;right:14px}
 .wandering-wires{clip-path:inset(0 0 145px 0)}
 .page{padding:0 30px}
 .about{padding-top:65px;padding-bottom:65px;gap:28px}
 .sections{gap:44px;padding-bottom:85px}
 .bar-note{padding-top:5px;padding-bottom:65px}
}/* Content follows the same downward reading direction as the opening stem. */
.sections{display:flex;flex-direction:column;gap:0;max-width:880px;margin:0 auto;padding:0 0 80px}
.sections section{position:relative;display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:64px;align-items:start;padding:42px 0 46px 34px;min-height:135px}
.sections section::before{content:'';position:absolute;left:0;top:0;bottom:0;border-left:1px solid var(--scene-accent);opacity:.32;transition:border-color 2s linear}
.sections section::after{content:'';position:absolute;left:0;top:57px;width:18px;height:12px;border-left:1px solid var(--scene-accent);border-bottom:1px solid var(--scene-accent);border-bottom-left-radius:10px;opacity:.52;transition:border-color 2s linear}
.sections section:first-child::before{top:24px}
.sections section:last-child::before{bottom:calc(100% - 69px)}
.sections h2{margin:0;font-size:1.6rem;line-height:1.3}
.sections section>p{grid-column:2;margin:0}
.sections .radio-link{margin-top:-18px}
.about{padding-bottom:80px}
.bar-note{padding-top:15px}
@media(max-width:760px){
 .sections{padding-bottom:65px}
 .sections section{display:block;padding:30px 0 34px 27px;min-height:0}
 .sections h2{margin-bottom:18px;font-size:1.5rem}
 .sections section::after{top:34px;width:15px}
 .sections section:first-child::before{top:15px}
 .sections section:last-child::before{bottom:calc(100% - 46px)}
 .sections .radio-link{margin-top:0}
 .about{padding-bottom:45px}
}
/* A single original, gently wandering route; it ends at Contact. */
.sections section::before,.sections section::after{content:none}
.living-path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden;opacity:0;transition:opacity 900ms ease 400ms}
.entered .living-path{opacity:1}
.living-path path{fill:none;stroke:var(--scene-accent);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:stroke 2s linear}
.trail-trunk{stroke-width:1.5;opacity:.46}.trail-stops{stroke-width:1.2;opacity:.52}.trail-twigs{stroke-width:.8;opacity:.24}
@media(max-width:760px){.page{padding-left:40px}.sections section{padding-left:0}.trail-trunk{stroke-width:1.2}.trail-twigs{opacity:.18}}
@media(prefers-reduced-motion:reduce){.living-path,.living-path path{transition:none}}
/* Leave a clean corridor for the main descending route. */
.entered .wandering-wires path{mask:url(#branch-clearance)}
.living-path .clearance-route{stroke:#000;stroke-width:38;opacity:1;transition:none}
.living-path .trail-trunk{stroke-width:1.3;opacity:.58}
@media(max-width:760px){.living-path .clearance-route{stroke-width:26}.living-path .trail-trunk{stroke-width:1.1}}
.bar-route-link{align-self:flex-start;margin:0 0 0 34px;padding:12px 0;min-height:44px;color:var(--scene-ink);font-size:.875rem;letter-spacing:.12em;text-underline-offset:6px;transition:color 2s linear}
#bar{scroll-margin-top:48px}
@media(max-width:760px){.bar-route-link{margin-left:0}}
.bar-note{flex-direction:column;align-items:center;text-align:center;max-width:480px;gap:28px;padding-top:24px;padding-bottom:110px}
.bar-note p span{display:block}
@media(max-width:760px){.bar-note{gap:24px;padding-top:20px;padding-bottom:95px;translate:-5px 0}.bar-note p{font-size:1rem;line-height:1.65}}
/* The distributor and its continuation share the same weight and intensity. */
.living-path .trail-trunk{stroke-width:2.7;opacity:.85}
@media(max-width:760px){.living-path .trail-trunk{stroke-width:2.2}}