:root{--ink:#111;--body:#1a1a1a;--red:#d71920;--scroll-progress:0;--negative-progress:0;--scale-width:clamp(12px, 1.125vw, 21px);--content-gap:clamp(38px, 5vw, 86px);color-scheme:light;color:var(--ink);scroll-behavior:smooth;background:#fff;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}*{box-sizing:border-box}html,body{background-color:#fff;min-width:320px;margin:0}body{background-image:linear-gradient(#8fd3ff13 0%,#fff0 23%,#b43dff06 58%,#e320200b 100%),repeating-linear-gradient(135deg,#11111104 0 1px,#0000 1px 22px);background-attachment:local;overflow-x:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.brand,.profile-link{z-index:10;top:max(22px, calc(env(safe-area-inset-top) + 14px));color:var(--ink);letter-spacing:-.02em;font-size:clamp(.8rem,1.1vw,1rem);font-weight:600;text-decoration:none;position:fixed}.brand{left:max(22px, calc(env(safe-area-inset-left) + 16px))}.profile-link{right:max(22px, calc(env(safe-area-inset-right) + 16px))}.profile-link:hover{text-underline-offset:4px;text-decoration:underline}.brand:focus-visible,.profile-link:focus-visible,.cta:focus-visible{outline-offset:5px;outline:3px solid #3a7bff}.reverse-cta{--reverse-scale:calc(1 + var(--reverse-proximity) * .5);z-index:2;color:#fff;text-align:center;opacity:1;width:min(560px,66.6667vw - 21.3333px);min-height:clamp(72px,6vw,86px);transform:scale(var(--reverse-scale));transform-origin:50%;will-change:transform;background:#3a7bff;border:1px solid #3a7bff38;border-radius:11px;justify-content:center;align-items:center;gap:.5em;padding:18px 25px;font-size:clamp(1rem,1.6vw,1.28rem);font-weight:700;line-height:1.2;text-decoration:none;transition:background .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 16px 38px #3a7bff45}.reverse-cta:hover{background:#2866df}.reverse-cta:hover .reverse-cta__arrow{transform:translate(4px)}.reverse-cta__arrow{transition:transform .2s}.reverse-cta:focus-visible{outline-offset:4px;outline:3px solid #111}.negative-time{--reverse-proximity:0;min-height:100svh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background-image:linear-gradient(#3a7bff1f,#8fd3ff0e 70%,#0000),repeating-linear-gradient(135deg,#11111104 0 1px,#0000 1px 22px);justify-content:center;align-items:center;display:flex;position:relative}.negative-capillary{z-index:1;height:75svh;width:var(--scale-width);background:#eef7fb;border:1px solid #11111114;border-radius:3px 3px 0 0;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 18px #3a7bff29,inset 2px 0 3px #ffffffd9,inset -2px 0 3px #1111111f}.negative-capillary__base,.negative-capillary__fill{background:linear-gradient(#3a7bff,#8fd3ff);position:absolute;inset:0}.negative-capillary__base{opacity:.18}.negative-capillary__fill{transform:scaleY(var(--negative-progress));transform-origin:bottom;will-change:transform;border-radius:999px 999px 0 0;box-shadow:inset 2px 0 2px #ffffff80,inset -2px 0 2px #1111111f}.negative-capillary:after{content:"";z-index:3;background:linear-gradient(90deg,#ffffffb8,#ffffff14);border-radius:999px;width:20%;position:absolute;inset:1px auto 1px 18%}.timeline{--future-origin:25svh;z-index:0;width:var(--scale-width);background:#eef7fb;border:1px solid #11111114;border-radius:999px 999px 3px 3px;position:absolute;top:0;bottom:calc(50svh + clamp(36px,3vw,43px));left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 18px #6f4bff24,inset 2px 0 3px #ffffffe6,inset -2px 0 3px #11111124}.timeline__base,.timeline__fill{background:var(--timelineGradient);position:absolute;inset:0}.timeline__base{opacity:.18}.timeline__fill{top:var(--future-origin);transform:scaleY(var(--scroll-progress));transform-origin:top;will-change:transform;filter:saturate(1.12)contrast(1.04);border-radius:0 0 999px 999px;box-shadow:inset 2px 0 2px #ffffff7a,inset -2px 0 2px #1111111f}.timeline:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(90deg,#ffffffb8,#ffffff14);border-radius:999px;width:20%;position:absolute;inset:1px auto 1px 18%}main{position:relative}.scroll-hint{z-index:2;color:#555;letter-spacing:.045em;white-space:nowrap;margin:0;font-size:clamp(.9rem,1.3vw,1.08rem);font-weight:500;transition:opacity .45s,transform .45s;animation:1.8s ease-in-out infinite hint;position:absolute;top:min(91svh,820px);left:50%;transform:translate(-50%)}.scroll-hint.is-hidden{opacity:0;transform:translate(-50%,8px)}@keyframes hint{50%{translate:0 5px}}.milestones{z-index:1;margin:0;padding:0;list-style:none;position:relative}.milestone{--proximity:0;min-height:50svh;padding:3svh max(28px, env(safe-area-inset-right)) 3svh max(28px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid;position:relative}.milestone:nth-child(n+6){min-height:46svh}.milestone--finale{min-height:54svh}.milestone--era-start:before{content:"";z-index:0;background:#aeb4bc;height:1px;position:absolute;top:0;left:0;right:0;box-shadow:0 2px 8px #11111129}.milestone--era-start:after{content:"Začátek letopočtu";z-index:2;top:0;right:max(22px, calc(env(safe-area-inset-right) + 16px));color:#555b63;letter-spacing:.025em;white-space:nowrap;background:#fffffff0;border:1px solid #aeb4bcb8;border-radius:999px;padding:5px 13px;font-size:clamp(.72rem,1vw,.88rem);font-weight:600;position:absolute;left:auto;transform:translateY(-50%);box-shadow:0 3px 10px #1111111a}.milestone__content{opacity:.36;width:min(100%,650px);transform:translateY(24px) scale(calc(.9 + var(--proximity) * .1));will-change:transform;transition:opacity .62s ease-out,transform .18s cubic-bezier(.2,.7,.25,1)}.milestone--left .milestone__content{padding-right:var(--content-gap);text-align:right;transform-origin:100%;justify-self:end}.milestone--right .milestone__content{padding-left:var(--content-gap);text-align:left;transform-origin:0;grid-column:2}.milestone h2{letter-spacing:-.075em;margin:0;font-size:clamp(3.75rem,7.2vw,6.5rem);font-weight:700;line-height:.92}.milestone h2 span{letter-spacing:-.04em;white-space:nowrap;font-size:.42em}.milestone p{max-width:18ch;color:var(--body);letter-spacing:-.025em;margin:.85em 0 0;font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.25}.milestone--left p{margin-left:auto}.milestone--finale h2{font-size:clamp(4.3rem,8vw,7.5rem)}.milestone--finale p{margin-top:1.15em;font-size:clamp(1.55rem,2.5vw,2.25rem);font-weight:600}.milestone__connector{width:calc(var(--content-gap) - 16px);opacity:.25;background:currentColor;height:2px;transition:transform .55s ease-out .12s,opacity .55s ease-out;position:absolute;top:50%;transform:scaleX(0)}.milestone--left .milestone__connector{transform-origin:100%;right:50%}.milestone--right .milestone__connector{transform-origin:0;left:50%}.milestone__node{width:calc(var(--scale-width) + 10px);aspect-ratio:1;background:#6f4bff;border:3px solid #fff;border-radius:50%;transition:transform .55s ease-out .16s,box-shadow .55s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.62);box-shadow:0 0 0 1px #1111111f}.milestone:nth-child(-n+3) .milestone__node{background:#45c7d9}.milestone:nth-child(n+6):nth-child(-n+7) .milestone__node{background:#b43dff}.milestone:nth-child(8) .milestone__node{background:#ff6a35}.milestone:nth-child(9) .milestone__node{background:#d71920}.milestone.is-active .milestone__content{opacity:1;transform:translateY(0) scale(calc(.9 + var(--proximity) * .1))}.milestone.is-active .milestone__connector{opacity:.72;transform:scaleX(1)}.milestone.is-active .milestone__node{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 20px,0 0 0 1px #1111111a}.milestone.is-passed .milestone__node{transform:translate(-50%,-50%)scale(1.32);box-shadow:0 0 0 5px #ffffffe6,0 0 24px 7px}.finale{--cta-proximity:0;z-index:2;min-height:100svh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));justify-content:center;align-items:center;display:flex;position:relative}.cta{--cta-scale:calc(1 + var(--cta-proximity) * .5);background:var(--red);color:#fff;text-align:center;opacity:1;width:min(560px,66.6667vw - 21.3333px);min-height:clamp(72px,6vw,86px);transform:scale(var(--cta-scale));will-change:transform;border-radius:11px;justify-content:center;align-items:center;gap:.55em;padding:18px 25px;font-size:clamp(1rem,1.6vw,1.28rem);font-weight:700;text-decoration:none;display:flex;box-shadow:0 12px 30px #d7192033}.js .cta{opacity:0;transform:translateY(30px) scale(var(--cta-scale));transition:opacity .7s ease-out,transform .14s ease-out,background .2s,box-shadow .2s}.js .finale.is-visible .cta{opacity:1;transform:translateY(0) scale(var(--cta-scale))}.cta__arrow{transition:transform .2s;display:inline-block}.cta:hover{transform:translateY(-2px) scale(var(--cta-scale));background:#b9141a;box-shadow:0 15px 34px #b9141a45}.cta:hover .cta__arrow{transform:translate(4px)}@media (width<=700px){:root{--scale-width:12px;--content-gap:clamp(24px, 8vw, 36px)}.brand,.profile-link{top:max(16px, calc(env(safe-area-inset-top) + 10px))}.milestone{padding-inline:max(16px, env(safe-area-inset-left))}.milestone__content{width:100%}.milestone h2{font-size:clamp(2.15rem,11.5vw,3.35rem)}.milestone h2 span{margin-top:.18em;font-size:.47em;display:block}.milestone p{margin-top:.7em;font-size:clamp(1.05rem,4.8vw,1.3rem)}.milestone--left .milestone__content{padding-right:var(--content-gap)}.milestone--right .milestone__content{padding-left:var(--content-gap)}.milestone--finale h2{font-size:clamp(2.7rem,13vw,4rem)}.milestone--finale p{font-size:clamp(1.25rem,5.8vw,1.7rem)}.milestone__connector{width:calc(var(--content-gap) - 7px)}.cta,.reverse-cta{min-height:68px}.milestone--era-start:after{right:max(16px, env(safe-area-inset-right));left:auto}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.milestone__content,.milestone.is-active .milestone__content,.js .cta,.js .finale.is-visible .cta,.cta:hover,.reverse-cta{transform:none}}