@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400;500&family=Oswald:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap");:root{--iron-dark:#2a2a2e;--iron-gray:#4a4a50;--iron-light:#6a6a70;--wood-brown:#8b6914;--wood-dark:#5a4510;--coal-black:#1a1a1e;--steam-white:#e8e8e8;--steam-gray:#c0c0c4;--brass-gold:#b8860b;--brass-light:#d4a520;--rust-orange:#b54b2a;--track-silver:#a0a0a8;--bg-paper:#f5f0e8;--bg-aged:#e8e0d4;--font-display:"Playfair Display",serif;--font-industrial:"Oswald",sans-serif;--font-sketch:"Caveat",cursive}.train-story *{margin:0;padding:0;box-sizing:border-box}.train-story{font-family:Source Sans\ 3,sans-serif;background:var(--bg-paper);color:var(--iron-dark);overflow-x:hidden;min-height:100vh}.train-story .mile-marker{position:fixed;bottom:2rem;right:2rem;z-index:100;display:flex;flex-direction:column;align-items:center;gap:.5rem}.train-story .mile-post{width:50px;height:80px;position:relative}.train-story .mile-post svg{width:100%;height:100%}.train-story .mile-number{font-family:var(--font-industrial);font-size:1.25rem;font-weight:600;color:var(--iron-dark)}.train-story .mile-label{font-family:var(--font-sketch);font-size:.875rem;color:var(--iron-light)}.train-story .railroad-track{position:fixed;bottom:0;left:0;right:0;height:40px;z-index:50;pointer-events:none;background:var(--bg-aged);border-top:2px solid var(--wood-dark)}.train-story .track-svg{width:100%;height:100%}.train-story .rail{fill:none;stroke:var(--track-silver);stroke-width:4}.train-story .tie{fill:var(--wood-brown);stroke:var(--wood-dark);stroke-width:.5}.train-story .hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--bg-paper) 0,var(--bg-aged) 100%);position:relative;padding:2rem;overflow:hidden}.train-story .hero-locomotive{position:absolute;width:600px;height:400px;opacity:.1;left:50%;transform:translateX(-50%)}.train-story .loco-body{fill:none;stroke:var(--iron-gray);stroke-width:3;stroke-dasharray:2000;stroke-dashoffset:2000;animation:draw-loco 4s ease-out forwards}.train-story .loco-wheel{fill:none;stroke:var(--iron-dark);stroke-width:3;transform-origin:center}.train-story .wheel-spin{animation:spin-wheel 3s linear infinite}@keyframes draw-loco{to{stroke-dashoffset:0}}@keyframes spin-wheel{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.train-story .hero-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:700px}.train-story .hero-era{font-family:var(--font-sketch);font-size:1.25rem;color:var(--rust-orange);margin-bottom:.5rem}.train-story .hero-title{font-family:var(--font-display);font-size:clamp(3rem,10vw,5rem);font-weight:700;color:var(--iron-dark);line-height:1.1;margin-bottom:.5rem}.train-story .hero-subtitle{font-family:var(--font-industrial);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:300;color:var(--iron-light);letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.5rem}.train-story .hero-description{font-size:1.125rem;line-height:1.7;color:var(--iron-gray);max-width:500px}.train-story .hero-scroll{position:absolute;bottom:4rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.train-story .hero-scroll span{font-family:var(--font-sketch);color:var(--iron-light)}.train-story .scroll-wheel-icon{width:40px;height:40px;border:3px solid var(--iron-gray);border-radius:50%;position:relative;animation:pulse-wheel 2s ease-in-out infinite}.train-story .scroll-wheel-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:var(--brass-gold);border-radius:50%}@keyframes pulse-wheel{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.train-story .steam-container{position:fixed;top:0;left:0;right:0;height:150px;pointer-events:none;z-index:5;overflow:hidden}.train-story .steam-puff{position:absolute;width:60px;height:60px;background:radial-gradient(circle,var(--steam-white) 0,transparent 70%);border-radius:50%;opacity:0;animation:puff-rise 3s ease-out infinite}.train-story .steam-puff:first-child{left:10%;animation-delay:0s}.train-story .steam-puff:nth-child(2){left:30%;animation-delay:.5s}.train-story .steam-puff:nth-child(3){left:50%;animation-delay:1s}.train-story .steam-puff:nth-child(4){left:70%;animation-delay:1.5s}.train-story .steam-puff:nth-child(5){left:90%;animation-delay:2s}@keyframes puff-rise{0%{bottom:-60px;opacity:0;transform:scale(.5)}20%{opacity:.6}to{bottom:150px;opacity:0;transform:scale(1.5)}}.train-story .content-section{padding:6rem 2rem;position:relative}.train-story .content-section:nth-child(2n){background:var(--bg-aged)}.train-story .section-layout{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.train-story .section-layout.reverse{direction:rtl}.train-story .section-layout.reverse>*{direction:ltr}.train-story .section-visual{display:flex;justify-content:center}.train-story .section-content{max-width:480px}.train-story .section-year{font-family:var(--font-industrial);font-size:3rem;font-weight:600;color:var(--brass-gold);line-height:1;margin-bottom:.5rem}.train-story .section-badge{font-family:var(--font-sketch);font-size:1rem;color:var(--rust-orange);margin-bottom:.5rem}.train-story .section-title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:var(--iron-dark);margin-bottom:1rem;line-height:1.2}.train-story .section-text{font-size:1.0625rem;line-height:1.8;color:var(--iron-gray);margin-bottom:1rem}.train-story .section-highlight{font-family:var(--font-sketch);font-size:1.25rem;color:var(--iron-dark);padding:1rem 1.25rem;background:var(--steam-white);border-left:4px solid var(--brass-gold);margin:1.5rem 0}.train-story .train-svg{width:100%;max-width:450px;height:auto}.train-story .sketch-line{fill:none;stroke:var(--iron-dark);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.train-story .sketch-fill{fill:var(--iron-gray);stroke:var(--iron-dark);stroke-width:1.5}.train-story .wheel-outer{fill:none;stroke:var(--iron-dark);stroke-width:3}.train-story .wheel-spoke{fill:none;stroke:var(--iron-gray);stroke-width:2}.train-story .wheel-hub{fill:var(--brass-gold);stroke:var(--iron-dark);stroke-width:1.5}.train-story .smoke-stack{fill:var(--coal-black);stroke:var(--iron-dark);stroke-width:2}.train-story .boiler{fill:var(--iron-gray);stroke:var(--iron-dark);stroke-width:2}.train-story .cab{fill:var(--rust-orange);stroke:var(--iron-dark);stroke-width:2}.train-story .draw-svg{stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset 2s ease}.train-story .draw-svg.visible{stroke-dashoffset:0}.train-story .fade-in{opacity:0;transform:translateY(20px);transition:all .8s ease}.train-story .fade-in.visible{opacity:1;transform:translateY(0)}.train-story .speed-section{padding:5rem 2rem;background:var(--coal-black);color:var(--steam-white)}.train-story .speed-inner{max-width:900px;margin:0 auto}.train-story .speed-title{font-family:var(--font-display);font-size:2rem;text-align:center;margin-bottom:.5rem}.train-story .speed-subtitle{font-family:var(--font-sketch);font-size:1.125rem;text-align:center;color:var(--steam-gray);margin-bottom:3rem}.train-story .speed-timeline{display:flex;justify-content:space-between;align-items:flex-end;height:300px;position:relative;padding-bottom:2rem;border-bottom:2px solid var(--iron-gray)}.train-story .speed-bar{display:flex;flex-direction:column;align-items:center;flex:1}.train-story .speed-value{font-family:var(--font-industrial);font-size:1.5rem;font-weight:600;color:var(--brass-gold);margin-bottom:.5rem}.train-story .speed-fill{width:40px;background:linear-gradient(to top,var(--brass-gold),var(--rust-orange));border-radius:4px 4px 0 0;transition:height 1.5s ease}.train-story .speed-year{font-family:var(--font-sketch);font-size:.875rem;color:var(--steam-gray);margin-top:.75rem}.train-story .speed-type{font-size:.75rem;color:var(--iron-light);margin-top:.25rem;text-align:center}.train-story .tunnel-section{min-height:80vh;background:linear-gradient(180deg,var(--bg-aged) 0,var(--coal-black) 50%,var(--coal-black) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.train-story .tunnel-arch{width:400px;height:500px;position:relative}.train-story .tunnel-arch svg{width:100%;height:100%}.train-story .tunnel-stone{fill:var(--iron-gray);stroke:var(--iron-dark);stroke-width:2}.train-story .tunnel-darkness{fill:var(--coal-black)}.train-story .tunnel-text{position:absolute;bottom:20%;left:50%;transform:translateX(-50%);text-align:center;color:var(--steam-white)}.train-story .tunnel-text h3{font-family:var(--font-display);font-size:1.5rem;margin-bottom:.5rem}.train-story .tunnel-text p{font-family:var(--font-sketch);font-size:1rem;opacity:.7}.train-story .quote-section{padding:5rem 2rem;background:var(--rust-orange);text-align:center}.train-story .quote-inner{max-width:700px;margin:0 auto}.train-story .quote-text{font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.75rem);font-style:italic;color:var(--steam-white);line-height:1.5;margin-bottom:1rem}.train-story .quote-author{font-family:var(--font-sketch);font-size:1.125rem;color:var(--bg-paper)}.train-story .sources-section{padding:4rem 2rem;background:var(--bg-paper)}.train-story .sources-inner{max-width:800px;margin:0 auto}.train-story .sources-title{font-family:var(--font-display);font-size:1.5rem;color:var(--iron-dark);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:3px solid var(--brass-gold)}.train-story .sources-grid{display:grid;gap:.75rem}.train-story .sources-grid a{font-size:.9375rem;color:var(--iron-gray);text-decoration:none;padding:1rem 1.25rem;background:var(--steam-white);border-radius:4px;border-left:4px solid var(--brass-gold);transition:all .2s ease}.train-story .sources-grid a:hover{color:var(--iron-dark);border-left-color:var(--rust-orange);transform:translateX(4px)}.train-story .story-footer{padding:4rem 2rem;text-align:center;background:var(--bg-aged);border-top:4px solid var(--wood-brown)}.train-story .footer-content{display:flex;flex-direction:column;align-items:center}.train-story .footer-track{width:200px;height:40px;margin-bottom:1.5rem}.train-story .footer-text{font-family:var(--font-display);font-size:1.25rem;font-style:italic;color:var(--iron-gray);max-width:500px}@media (max-width:900px){.train-story .section-layout,.train-story .section-layout.reverse{grid-template-columns:1fr;direction:ltr}.train-story .hero-locomotive{width:350px;height:250px}.train-story .speed-timeline{flex-wrap:wrap;height:auto;gap:2rem}.train-story .speed-bar{flex:0 0 30%}.train-story .mile-marker{bottom:1rem;right:1rem}.train-story .tunnel-arch{width:280px;height:350px}}@media (prefers-reduced-motion:reduce){.train-story .draw-svg,.train-story .fade-in,.train-story .loco-body,.train-story .scroll-wheel-icon,.train-story .speed-fill,.train-story .steam-puff,.train-story .wheel-spin{animation:none;transition:none;opacity:1;stroke-dashoffset:0;transform:none}}