/* V138: energetyczny motyw historii - niezależny od CMS; @reduced-motion niżej */
:root{--electric:#00e4ff;--bolt:#e4ff43;--hot:#ff3b63;--violet:#9557ff;--black:#080912;--paper:#fff8eb}
html{scroll-padding-top:86px}
body{background:#080b14;color:#effaff}
.topbar{position:sticky;top:0;height:76px;background:rgba(6,7,19,.87);border-bottom:1px solid #00e4ff3b;box-shadow:0 8px 40px #0005}
.brand-symbol{color:#06141b;background:var(--bolt);filter:drop-shadow(0 0 14px #dcff3060);clip-path:polygon(30% 0,100% 0,72% 42%,100% 42%,15% 100%,37% 52%,0 52%)}
.topnav{gap:21px}.topnav a{font-weight:900;font-size:11px;letter-spacing:.05em;text-transform:uppercase}.topnav a:hover{color:var(--bolt)}
.top-pill{color:#061421;background:var(--bolt);border-color:var(--bolt);font-weight:950;transform:rotate(-2deg)}.top-pill:hover{color:white;background:var(--hot)}
.hero-v138{min-height:815px;isolation:isolate;background:radial-gradient(circle at 74% 28%,#33255c 0,transparent 35%),radial-gradient(circle at 16% 70%,#0e4f60 0,transparent 35%),linear-gradient(125deg,#090c19,#0d0824 62%,#13071b);border-bottom:7px solid var(--bolt)}
.hero-v138::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#00c9ed0c 1px,transparent 1px),linear-gradient(90deg,#00c9ed0c 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black 20%,transparent 95%);animation:gridRide 14s linear infinite;z-index:-1}
.hero-v138 .hero-copy{position:relative;z-index:6}.hero-v138 .hero-image{position:relative;z-index:2}
.hero-v138 .micro-label{font-family:monospace;font-size:11px;font-weight:900;color:var(--bolt);letter-spacing:2px}
.micro-blink{animation:signalFlash 2.5s ease-in-out infinite}
.hero-v138 h1{font-family:Impact,'Arial Black','Arial Narrow',sans-serif;letter-spacing:-.038em;font-size:clamp(65px,6.9vw,128px);line-height:.91;font-weight:1000;margin:19px 0 30px;text-transform:uppercase;filter:drop-shadow(6px 10px 0 #0002)}
.hero-v138 h1 .kinetic-intro{display:inline-block;background:#fff;transform:rotate(-3deg);padding:0 .06em;color:#07131e;box-shadow:10px 8px 0 var(--hot);animation:introJump 1.1s cubic-bezier(.15,.75,.3,1) both}
.hero-v138 h1 .kinetic-fire{display:inline-block;font-style:normal;font-size:.85em;letter-spacing:-.055em;padding:.03em 0;background:linear-gradient(105deg,var(--bolt),#ffa857 35%,var(--hot) 80%,#fb90c3);background-clip:text;color:transparent;filter:drop-shadow(3px 4px 0 #000);animation:fireCome 1.35s .15s cubic-bezier(.1,.8,.2,1) both}
.hero-v138 h1 .kinetic-end{display:block;font-size:.48em;line-height:1.06;letter-spacing:-.025em;transform:rotate(-2deg);color:var(--electric);margin-top:22px;text-shadow:0 0 34px #00dbff52;animation:fadePunch 1.1s .4s both}
.hero-v138 .hero-description{font-size:15px;line-height:1.8;max-width:500px;color:#d3e8f5}
.hero-v138 .hero-scroll{color:#d1ff7b}.hero-v138 .scroll-stem{border-color:var(--electric)}
.hero-v138 .hero-actions{display:flex;flex-wrap:wrap;gap:12px;max-width:700px}
.button-warp{background:var(--bolt)!important;color:#09101c!important;border:0!important;font-weight:1000!important;box-shadow:7px 7px 0 #00e4ff,0 0 46px #eaff3955;transform:rotate(-2deg);letter-spacing:.01em;min-width:266px;animation:buttonBump 3.5s ease-in-out infinite}
.button-warp:hover{background:white!important;box-shadow:10px 10px 0 var(--hot),0 0 60px #f7ff5888;transform:translate(-3px,-4px) rotate(0)}.warp-icon{font-size:24px;margin-right:5px}
.hero-v138 .button-primary:not(.button-warp){background:var(--hot);box-shadow:5px 5px 0 #000;transform:rotate(1.5deg)}
.hero-v138 .button-ghost{border-color:#31dbf4;color:#e6fbff;background:#08152eaa}
.hero-v138 .photo-frame{transform:rotate(4deg);clip-path:polygon(0 2%,97% 0%,100% 93%,94% 100%,3% 98%);outline:3px solid var(--electric);border:7px solid #c6ff45;box-shadow:0 0 30px #2bd8ff88,35px 40px 0 #0009;filter:saturate(1.3) contrast(1.08);animation:imageFloat 5s ease-in-out infinite}
.hero-v138 .round-seal{z-index:8;background:var(--bolt);border:6px solid var(--hot);transform:rotate(11deg);box-shadow:0 0 0 8px #ffffffe5,0 0 45px #e2ff3caa;animation:sealWiggle 6s ease-in-out infinite}
.hero-v138 .round-seal span,.hero-v138 .round-seal small{color:#07101d}
.hero-v138 .frame-caption{background:#071526d9;padding:13px;border-left:5px solid var(--bolt);font-size:10px}
.hero-v138 .hero-floor{color:var(--bolt);background:#101625bb;border-top:1px solid #00e4ff55}
.voltage-field{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.voltage-beam{position:absolute;inset:-120% auto auto 31%;height:300%;width:4px;background:linear-gradient(transparent,#0ff 44%,#fff 50%,#0ff 56%,transparent);transform:rotate(23deg) translateX(-80vw);opacity:.4;filter:blur(2px);animation:voltageShoot 7s ease-in-out infinite}.voltage-beam.v2{left:63%;animation-delay:1.6s;animation-duration:8s;background:linear-gradient(transparent,#ff457a 44%,white 51%,#ff457a 56%,transparent)}.voltage-beam.v3{left:82%;animation-delay:4.8s;animation-duration:12s;background:linear-gradient(transparent,#eeff33 44%,white 51%,#eeff33 56%,transparent)}
.plasma-blob{position:absolute;width:430px;height:430px;right:23%;top:18%;border-radius:50%;background:#6f30df70;filter:blur(100px);animation:plasma 9s ease-in-out infinite alternate}.voltage-glyph{position:absolute;color:var(--bolt);font:900 130px Impact,sans-serif;filter:drop-shadow(0 0 30px currentColor);opacity:.2;animation:sparkOrbit 9s ease-in-out infinite}.g1{top:13%;left:48%}.g2{top:48%;left:52%;animation-delay:-3s;color:var(--hot)}.g3{right:2%;bottom:5%;animation-delay:-6s;color:var(--electric)}
.hero-radar{position:absolute;width:158px;height:158px;left:-75px;bottom:56px;display:grid;place-items:center;color:var(--bolt);pointer-events:none;opacity:.87}.hero-radar i{position:absolute;border:1.5px dashed #00e4ff;border-radius:50%;inset:0;animation:radar 9s linear infinite}.hero-radar i:nth-child(2){inset:23px;border-color:#ff3874;animation-direction:reverse}.hero-radar i:nth-child(3){inset:48px;border-color:#efff5e}.hero-radar span{font-size:58px;transform:rotate(13deg)}.hero-floating-code{position:absolute;right:13px;top:25%;writing-mode:vertical-rl;font:900 10px monospace;letter-spacing:4px;color:#baff55}
.energy-ticker{background:var(--bolt);color:#080b12;overflow:hidden;padding:15px 0;border-block:4px solid #080912;transform:skewY(-1deg);margin-block:-6px;position:relative;z-index:3}.energy-ticker>div{white-space:nowrap;display:table;font:900 22px Impact,'Arial Black',sans-serif;letter-spacing:2px;animation:marquee 25s linear infinite}.energy-ticker b{color:#fb2e61;padding:0 20px;font-size:24px}
.stat-band{background:#111120}.stat strong{color:var(--bolt)}.stat span{color:#cad9e6}
.intro-section{background:#f6f4ed;color:#0b1825}.intro-section .eyebrow{color:#eb3d6a}
.section-heading h2,.timeline-head h2,.cinema-copy h2,.archive-heading h2,.final-copy h2{letter-spacing:-.045em}
.timeline-section{background:#0b0d1a;color:white}.timeline-section .timeline-head p{color:#bcd0dc}.timeline-section h2 .serif{color:var(--bolt)}
.time-machine{border:2px solid #19e4f7;box-shadow:14px 14px 0 #372048,0 0 42px #0bdbfe22;position:relative}.time-machine::before{content:'ϟ';position:absolute;right:4%;top:-50px;color:var(--bolt);font:900 160px Impact,sans-serif;transform:rotate(13deg);pointer-events:none;z-index:4;text-shadow:10px 10px #ff3b6d}.machine-top{background:#1b0838;border-bottom:1px solid #00ebff;color:#aef3ff}.years-strip{background:#0a1430}.year-button.selected{background:var(--bolt);color:#080914;box-shadow:0 0 24px #e4ff4b88}.event-stage{background:radial-gradient(circle at 90% 30%,#2c2154,transparent 55%),linear-gradient(130deg,#101f31,#130c26);color:white}.stage-watermark{opacity:.14;color:var(--electric)}.stage-bigyear{color:var(--bolt)}.stage-main h3{color:white}.stage-main p{color:#c5dce8}.stage-actions button{background:var(--hot);color:white;border:none}.stage-source{color:#92acc0!important}
.story-grid .story-card{transition:transform .32s cubic-bezier(.12,.8,.25,1),box-shadow .32s;transform-origin:center}.story-grid .story-card:hover{transform:rotate(-1.2deg) translateY(-12px);box-shadow:16px 19px 0 #0005}
.quote-section{background:linear-gradient(125deg,#ff4064,#bc32ac,#542acc);color:white}.quote-section .quote-inner blockquote em{color:var(--bolt)}
.cinema-section{background:#0b0e20;color:#eaf2fd}.cinema-copy h2 .serif{color:#aeea51}
.archive-section{background:#f0eee8;color:#0b1825}.final-section{background:#f7f348;color:#111421}.final-section .final-copy h2 .serif{color:#fb306a}.final-number{color:#ff3b63}.final-number span{color:#12172e}
/* Controlled motion accessibility */
.motion-control{position:fixed;right:18px;bottom:20px;z-index:100;background:var(--bolt);color:#09121c;border:3px solid #080b14;box-shadow:5px 5px 0 #080b14;border-radius:40px;padding:12px 18px;font-weight:1000;letter-spacing:.04em;font-size:11px;cursor:pointer}.motion-control:hover{background:white}.motion-control:focus-visible{outline:3px solid var(--hot)}
.wild-head h2{margin:16px 0 24px;font:900 clamp(54px,7vw,104px)/.91 Impact,'Arial Black',sans-serif;letter-spacing:-.037em;text-transform:uppercase}.wild-head h2 span{color:var(--bolt);text-shadow:6px 6px 0 #ff2f666b}.wild-head p{font-size:16px;line-height:1.7;color:#c2ccdf;max-width:730px}
.comparison-section{background:linear-gradient(150deg,#15112e,#0b2337);color:white;padding:112px 0 104px;position:relative;overflow:hidden}.comparison-section::before{content:'↔';position:absolute;right:-40px;top:30px;font:900 480px Impact,sans-serif;color:#ffffff08;pointer-events:none}.compare-scene{--split:50%;height:min(65vw,580px);min-height:380px;position:relative;border:7px solid var(--electric);box-shadow:20px 20px 0 var(--hot),0 0 60px #00dffa55;overflow:hidden;background:#020b12;margin-top:60px;isolation:isolate;transform:rotate(-1deg)}.compare-img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;display:block}.compare-left{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0);z-index:1;pointer-events:none}.compare-left-img{filter:grayscale(1) sepia(.75) contrast(1.25) brightness(.72);transform:scale(1.01)}.compare-scene::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(90deg,#090d1530,transparent 40%,#07101a40)}.compare-handle{position:absolute;left:var(--split);top:0;bottom:0;width:5px;transform:translateX(-50%);background:var(--bolt);z-index:5;box-shadow:0 0 25px #eeff00;display:flex;align-items:center;justify-content:center}.compare-handle span{position:absolute;top:50%;font:900 25px Arial;color:#0b0d18;z-index:1}.compare-handle span:first-child{margin-left:-53px}.compare-handle span:last-child{margin-left:53px}.compare-handle b{min-width:92px;height:92px;border-radius:50%;border:8px solid var(--bolt);background:var(--hot);display:grid;place-items:center;color:#fff;font:900 56px Arial;box-shadow:0 0 0 6px #0b0d19aa}.compare-input{position:absolute;inset:0;opacity:0;width:100%;height:100%;z-index:8;cursor:ew-resize}.compare-label{position:absolute;top:24px;z-index:4;font:900 12px monospace;background:#090b15e9;border:1px solid #d9fbfd55;color:var(--bolt);padding:12px 16px;letter-spacing:1px}.compare-label.left{left:23px}.compare-label.right{right:23px;color:var(--electric)}.compare-corner{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);z-index:6;color:white;background:#0a102bbb;padding:9px 20px;font:900 12px monospace;pointer-events:none}.compare-disclaimer{margin-top:38px;max-width:900px;color:#9bb3c1;font-size:13px;line-height:1.7}
.people-section{background:#121020;color:white;padding-block:110px}.people-switch{display:flex;flex-wrap:wrap;gap:12px;margin:40px 0 34px}.people-switch button{padding:15px 22px;border:1px solid #ffffff52;background:#090f23;color:white;text-transform:uppercase;font-weight:900;font-size:12px;letter-spacing:.07em}.people-switch button.on{background:var(--electric);color:#08121d;border-color:var(--electric);box-shadow:5px 5px 0 var(--hot)}.people-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.person{min-height:192px;position:relative;border:1px solid #4d4a7f;background:linear-gradient(140deg,#1a1c38,#140f29);padding:22px;transition:transform .25s,background .25s;overflow:hidden}.person::before{content:'ϟ';position:absolute;right:-14px;bottom:-34px;font:900 164px Impact,sans-serif;color:#00e4ff10;transform:rotate(-10deg)}.person:hover{transform:translateY(-7px) rotate(-1deg);border-color:var(--bolt);box-shadow:8px 8px 0 #ec3f6b}.person .person-period{display:block;color:var(--electric);font:900 11px monospace;margin-bottom:23px}.person h3{font-size:20px;color:white;line-height:1.15;margin:0 0 12px;position:relative}.person p{font-size:11px;line-height:1.6;color:#b4bad1;margin:0;position:relative}.person .person-number{position:absolute;top:10px;right:14px;font:900 35px Impact,sans-serif;color:#ffffff22}.people-section .archive-warning{max-width:950px;margin-top:24px;color:#b0b6c9}.people-section .archive-warning a{color:var(--bolt)}
.press-section{background:#2df0f0;color:#071421;position:relative;overflow:hidden}.press-section .wild-head h2 span{color:#ff3a61;text-shadow:6px 6px 0 #111328}.press-section .wild-head p{color:#18495b}.press-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;margin-top:38px}.press-card{display:flex;flex-direction:column;position:relative;min-height:435px;background:#fffdf6;border:3px solid #0b1424;color:#0b1424;text-decoration:none;padding:29px 30px;box-shadow:13px 13px 0 #061120;transition:transform .25s,box-shadow .25s}.press-card:nth-child(2){transform:rotate(-2deg)}.press-card:nth-child(3){transform:rotate(2deg)}.press-card:hover{transform:translate(-4px,-10px) rotate(0deg)!important;box-shadow:19px 22px 0 var(--hot)}.press-card::before{content:'ORYGINAŁ ↗';position:absolute;right:-14px;top:-21px;background:var(--bolt);font:900 11px monospace;padding:7px 11px;border:2px solid #131421;transform:rotate(9deg)}.press-date{font:900 89px/.9 Impact,sans-serif;letter-spacing:-3px;color:#fb3d69;text-shadow:5px 5px 0 #08131a}.press-kind{font:900 11px monospace;margin:18px 0 25px;padding-block:10px;border-block:3px solid #0e1e2b}.press-card h3{font:900 30px/1.06 Impact,'Arial Black',sans-serif;text-transform:uppercase;margin:0 0 15px}.press-card p{font-size:12px;line-height:1.65;margin:0 0 20px;color:#506174}.press-cta{margin-top:auto;background:#131322;color:#e9ff3b;display:block;align-self:flex-start;padding:14px 18px;font:900 11px monospace}.press-source-note{font-size:12px;color:#164659;margin-top:38px}
.warp-overlay[hidden]{display:none}.warp-overlay{position:fixed;inset:0;z-index:250;background:radial-gradient(circle at 50% 45%,#832ba6,#090c1a 64%);display:grid;place-items:center;text-align:center;color:white;overflow:hidden}.warp-overlay::before{content:'';position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 50% 50%,#00deff10 0deg 9deg,transparent 10deg 19deg);animation:warpSpin 4s linear infinite}.warp-rings{position:absolute;width:78vmin;height:78vmin;display:grid;place-items:center;animation:warpSpin 5s linear infinite}.warp-rings span{position:absolute;border:10px dashed var(--bolt);border-radius:50%;inset:0;box-shadow:0 0 35px #e0ff3388}.warp-rings span:nth-child(2){inset:15%;border-color:var(--hot);animation:warpSpin 3s linear infinite reverse}.warp-rings span:nth-child(3){inset:30%;border-color:var(--electric)}.warp-core{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:15px;text-shadow:0 0 25px #000;font-family:monospace;font-weight:900}.warp-core strong{font:900 clamp(125px,22vw,310px)/.88 Impact,'Arial Black',sans-serif;color:var(--bolt);text-shadow:9px 12px 0 var(--hot),0 0 70px #dbff36;animation:warpWobble .33s steps(2) infinite}.warp-micro{color:#b1f7ff;letter-spacing:3px}.warp-core button{font-weight:950;color:#070d15;background:white;border:none;padding:15px 27px;margin-top:25px;cursor:pointer}.warp-core button:focus-visible{outline:4px solid var(--bolt)}
/* opt out and OS accessibility */
body.motion-paused *, body.motion-paused *::before, body.motion-paused *::after{animation:none!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
@keyframes gridRide{to{background-position:0 58px,58px 0}}@keyframes signalFlash{50%{opacity:.35}}@keyframes introJump{0%{transform:translateX(-60px) rotate(-10deg);opacity:0}100%{transform:rotate(-3deg);opacity:1}}@keyframes fireCome{from{transform:translateX(100px) skew(-10deg);opacity:0}to{transform:none;opacity:1}}@keyframes fadePunch{from{transform:scale(.7) rotate(5deg);opacity:0}to{transform:rotate(-2deg);opacity:1}}@keyframes buttonBump{0%,100%{translate:0}50%{translate:0 -4px}}@keyframes imageFloat{0%,100%{translate:0 0}50%{translate:0 -16px}}@keyframes sealWiggle{0%,100%{rotate:0}45%{rotate:8deg}60%{rotate:-4deg}}@keyframes voltageShoot{0%,8%{transform:rotate(23deg) translateX(-80vw);opacity:0}26%,44%{opacity:.6}85%,100%{transform:rotate(23deg) translateX(140vw);opacity:0}}@keyframes plasma{to{transform:translate(75px,-45px) scale(1.3)}}@keyframes sparkOrbit{50%{transform:translate(50px,-45px) rotate(60deg);opacity:.45}}@keyframes radar{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-45%)}}@keyframes warpSpin{to{transform:rotate(360deg)}}@keyframes warpWobble{50%{transform:scale(1.05) skew(-4deg)}}
@media(max-width:1200px){.people-grid{grid-template-columns:repeat(3,1fr)}.hero-v138 h1{font-size:clamp(55px,6.8vw,105px)}.press-card{padding:25px 20px}}
@media(max-width:800px){.hero-v138{min-height:auto}.hero-v138 h1{font-size:clamp(64px,10vw,94px)}.topbar{height:70px}.hero-radar{width:110px;height:110px;left:-5px;bottom:0}.hero-radar span{font-size:35px}.hero-v138 .hero-image{padding-bottom:85px}.hero-v138 .photo-frame{transform:rotate(2deg);border-width:5px}.hero-v138 .round-seal{width:100px;height:100px}.hero-v138 .hero-actions{flex-direction:column}.hero-v138 .button{width:100%;max-width:360px}.hero-v138 .hero-floor{margin-bottom:-68px}.energy-ticker>div{font-size:16px}.wild-head h2{font-size:clamp(52px,10vw,88px)}.compare-scene{height:440px;min-height:0}.people-grid{grid-template-columns:repeat(2,1fr)}.press-grid{grid-template-columns:1fr;gap:33px}.press-card,.press-card:nth-child(2),.press-card:nth-child(3){transform:none;min-height:325px}.comparison-section,.people-section{padding:80px 0}}
@media(max-width:520px){.hero-v138 h1{font-size:clamp(53px,13vw,74px)}.hero-v138 h1 .kinetic-end{font-size:.49em}.hero-v138 .micro-label{font-size:8px;gap:8px}.hero-v138 .hero-copy{padding:0}.motion-control{font-size:10px;right:10px;bottom:11px;padding:9px 14px}.compare-scene{height:340px;border-width:4px;box-shadow:9px 11px 0 var(--hot);transform:none}.compare-label{font-size:8px;padding:7px}.compare-handle b{min-width:65px;height:65px;font-size:37px;border-width:5px}.people-grid{grid-template-columns:1fr 1fr;gap:8px}.person{min-height:185px;padding:17px}.person h3{font-size:16px}.person .person-period{font-size:9px}.people-switch button{font-size:10px}.warp-core strong{font-size:28vw}.press-date{font-size:69px}}
@media(prefers-reduced-motion:reduce){.hero-v138::before,.energy-ticker>div,.warp-overlay::before,.warp-rings,.warp-core strong,.micro-blink{animation:none!important}.compare-scene{transform:none}.press-card:nth-child(2),.press-card:nth-child(3){transform:none}}
.trail-spark{position:fixed;z-index:90;pointer-events:none;color:var(--bolt);font:900 22px Impact,sans-serif;text-shadow:0 0 12px #c6fbff;transform:translate(-50%,-50%);animation:trailFizzle .55s ease-out forwards}
.stage-burst{animation:stageZap .52s ease-out}
@keyframes trailFizzle{to{opacity:0;transform:translate(-50%,-100%) scale(.2) rotate(100deg)}}
@keyframes stageZap{0%{box-shadow:inset 0 0 0 10px #f8fd3f;filter:brightness(1.4)}100%{box-shadow:inset 0 0 0 0 transparent;filter:none}}
@media(prefers-reduced-motion:reduce){.trail-spark,.stage-burst{animation:none!important}}