.the-semiconductor-story{--color-bg-primary:#0A0A0C;--color-bg-elevated:#141419;--color-bg-surface:#1E1E24;--color-text:rgba(255,255,255,0.95);--color-text-secondary:rgba(255,255,255,0.65);--color-text-muted:rgba(255,255,255,0.45);--color-trace-teal:#00D4AA;--color-plasma-orange:#FF6B35;--color-era-sepia:#D4C5A9;--color-era-blue:#00A3FF;--color-risk-red:#FF4444;--color-progress-green:#22CC88;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-display:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-serif:"Playfair Display",Georgia,serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--section-padding:6rem 1.5rem;--content-max-width:720px;--ease-precision:cubic-bezier(0.25,0.46,0.45,0.94);--duration-normal:0.35s;--duration-slow:0.6s;background:var(--color-bg-primary);color:var(--color-text);font-family:var(--font-sans);font-size:1.125rem;line-height:1.7;min-height:100vh}.wafer-progress{position:fixed;left:1rem;top:50%;transform:translateY(-50%);height:70vh;width:10px;z-index:100;pointer-events:none}@media (max-width:768px){.wafer-progress{left:.5rem;width:8px;height:60vh}}.wafer-track{position:relative;height:100%;width:100%;background:rgba(255,255,255,.05);border-radius:5px;overflow:visible;border:1px solid rgba(255,255,255,.1)}.wafer-fill{position:absolute;top:0;left:0;width:100%;background:linear-gradient(to bottom,var(--color-era-sepia) 0,var(--color-trace-teal) 40%,var(--color-plasma-orange) 70%,var(--color-era-blue) 100%);border-radius:5px;transition:height .1s linear}.die-block{position:absolute;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;background:var(--color-bg-primary);border:1px solid var(--color-trace-teal);border-radius:2px;display:flex;align-items:center;justify-content:center;opacity:.4;transition:all var(--duration-normal) var(--ease-precision)}.die-block.processed{background:var(--color-trace-teal);opacity:1;transform:translate(-50%,-50%) scale(1.05)}.die-block .die-number{font-family:var(--font-mono);font-size:.5rem;color:var(--color-text);font-weight:600}.processing-indicator{position:absolute;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:var(--color-trace-teal);border-radius:50%;box-shadow:0 0 15px var(--color-trace-teal);transition:top .1s linear}.semi-section{padding:var(--section-padding);opacity:0;transform:translateY(40px);transition:all var(--duration-slow) var(--ease-precision)}.semi-section.visible{opacity:1;transform:translateY(0)}.semi-section.era-foundation{--era-accent:var(--color-era-sepia)}.semi-section.era-genesis{--era-accent:var(--color-trace-teal)}.semi-section.era-revolution{--era-accent:var(--color-plasma-orange)}.semi-section.era-modern{--era-accent:var(--color-era-blue)}.hero-scroll-lock-container{position:relative;background:var(--color-bg-primary)}.hero-pinned{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at center,var(--color-bg-elevated) 0,var(--color-bg-primary) 70%);overflow:hidden}.hero-pinned.is-complete{position:relative}.circuit-bg{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.5%,rgba(0,212,170,.03) 50%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,rgba(0,212,170,.03) 50%,transparent 50.5%);background-size:40px 40px;transition:opacity .6s ease}.electron-container{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2rem;transition:opacity .5s ease}.electron-core{width:12px;height:12px;background:var(--color-trace-teal);border-radius:50%;box-shadow:0 0 30px var(--color-trace-teal),0 0 60px var(--color-trace-teal);animation:electronPulse 2s ease-in-out infinite}.electron-core.multiplied{animation:electronMultiply 3s ease-in-out infinite}@keyframes electronPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@keyframes electronMultiply{0%,to{box-shadow:0 0 30px var(--color-trace-teal),0 0 60px var(--color-trace-teal)}50%{box-shadow:0 0 30px var(--color-trace-teal),0 0 60px var(--color-trace-teal),30px 0 20px var(--color-trace-teal),-30px 0 20px var(--color-trace-teal),0 30px 20px var(--color-trace-teal),0 -30px 20px var(--color-trace-teal)}}.electron-text{font-size:clamp(1rem,2.5vw,1.5rem);color:var(--color-text-secondary);max-width:400px;text-align:center;animation:fadeInUp .8s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chip-die-reveal{position:absolute;transition:all .6s var(--ease-precision)}.chip-die-visual{width:clamp(200px,40vw,400px);height:clamp(200px,40vw,400px);background:var(--color-bg-elevated);border:2px solid var(--color-trace-teal);border-radius:4px;padding:1rem;box-shadow:0 0 40px rgba(0,212,170,.2)}.die-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;width:100%;height:100%}.die-cell{background:linear-gradient(135deg,var(--color-bg-surface) 0,var(--color-trace-teal) 100%);border-radius:1px;opacity:0;animation:cellReveal .3s ease forwards}@keyframes cellReveal{to{opacity:.8}}.montage-container{position:absolute;transition:opacity .5s ease}.device-montage{display:flex;flex-direction:column;align-items:center;gap:1rem}.device-item{font-size:clamp(1.25rem,4vw,2rem);color:var(--color-text);opacity:0;animation:deviceFade .6s ease forwards}.device-item:first-child{animation-delay:0s}.device-item:nth-child(2){animation-delay:.2s}.device-item:nth-child(3){animation-delay:.4s}.device-item:nth-child(4){animation-delay:.6s;color:var(--color-trace-teal);font-weight:600}@keyframes deviceFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.taiwan-focus{text-align:center}.stat-highlight{font-size:clamp(4rem,15vw,10rem);font-weight:700;color:var(--color-plasma-orange);line-height:1;text-shadow:0 0 40px rgba(255,107,53,.4)}.stat-label{font-size:clamp(1rem,2.5vw,1.5rem);color:var(--color-text-secondary);margin-top:1rem}.hero-title-card{position:absolute;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;transition:all .8s var(--ease-precision)}.hero-main-title{font-family:var(--font-display);font-size:clamp(2rem,6vw,4rem);font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.02em}.hero-main-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--color-text-secondary);margin:0;max-width:600px;text-align:center}.hero-scroll-hint{position:absolute;bottom:3rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted);transition:opacity .4s ease}.scroll-arrow-animated{width:20px;height:20px;border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);transform:rotate(45deg);animation:scrollBounce 2s ease-in-out infinite}@keyframes scrollBounce{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(5px)}}.skip-button{position:absolute;bottom:2rem;right:2rem;padding:.5rem 1rem;font-size:.75rem;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:4px;cursor:pointer;transition:all .2s ease}.skip-button:hover{color:var(--color-text);background:rgba(255,255,255,.1);border-color:var(--color-trace-teal)}.scroll-lock-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(255,255,255,.1);transition:opacity .3s ease}.scroll-lock-progress .progress-fill{height:100%;background:linear-gradient(90deg,var(--color-trace-teal),var(--color-plasma-orange));transition:width .1s linear}.transistor-scroll-lock-container{position:relative;background:var(--color-bg-elevated)}.transistor-pinned{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;overflow:hidden}.transistor-pinned.is-complete{position:relative}.sequence-title{font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600;color:var(--color-trace-teal);margin-bottom:3rem}.transistor-diagram{position:relative;width:100%;max-width:500px}.transistor-base{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;padding:2rem;background:var(--color-bg-surface);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.component{flex:1;text-align:center;padding:1.5rem 1rem;background:var(--color-bg-primary);border-radius:4px;border:2px solid transparent;opacity:.3;transition:all var(--duration-normal) var(--ease-precision)}.component.active{opacity:1;border-color:var(--color-trace-teal);box-shadow:0 0 20px rgba(0,212,170,.2)}.component-label{font-family:var(--font-mono);font-size:.875rem;color:var(--color-text)}.component.source.active{border-color:var(--color-era-sepia);box-shadow:0 0 20px rgba(212,197,169,.2)}.component.gate.active{border-color:var(--color-plasma-orange);box-shadow:0 0 20px rgba(255,107,53,.2)}.component.drain.active{border-color:var(--color-trace-teal);box-shadow:0 0 20px rgba(0,212,170,.2)}.electron-flow{position:absolute;bottom:0;left:10%;right:10%;height:20px;overflow:hidden;opacity:0;transition:opacity .5s ease}.electron-flow.flowing{opacity:1}.flow-particles{display:flex;gap:1rem;animation:flowRight 2s linear infinite}.flow-particle{width:8px;height:8px;background:var(--color-trace-teal);border-radius:50%;box-shadow:0 0 10px var(--color-trace-teal)}@keyframes flowRight{0%{transform:translateX(-100px)}to{transform:translateX(400px)}}.stage-explanation{margin-top:2rem;text-align:center;min-height:3rem}.stage-explanation p{font-size:1rem;color:var(--color-text-secondary);margin:0;animation:fadeInUp .4s ease}.stage-explanation strong{color:var(--color-trace-teal)}.chapter{padding:8rem 1.5rem}.chapter-header{text-align:center;margin-bottom:4rem;max-width:var(--content-max-width);margin-left:auto;margin-right:auto}.chapter-number{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--era-accent,var(--color-trace-teal));margin-bottom:1rem;font-family:var(--font-mono)}.chapter-title{font-family:var(--font-display);font-size:clamp(2rem,6vw,3.5rem);font-weight:700;margin-bottom:.5rem;letter-spacing:-.02em}.chapter-marker{font-size:.875rem;color:var(--color-text-secondary);font-family:var(--font-mono)}.chapter-content{max-width:var(--content-max-width);margin:0 auto}.chapter-lead{font-size:1.25rem;line-height:1.6;margin-bottom:2rem;color:var(--color-text)}.chapter-content p{margin-bottom:1.5rem}.quote-monument{margin:4rem auto;padding:3rem 2rem;max-width:600px;text-align:center;position:relative;background:var(--color-bg-elevated);border-radius:8px;border-left:4px solid var(--color-trace-teal)}.quote-monument:before{content:'"';position:absolute;top:1rem;left:2rem;font-size:4rem;font-family:var(--font-serif);color:var(--color-trace-teal);opacity:.3;line-height:1}.quote-text{font-family:var(--font-serif);font-size:clamp(1.125rem,2.5vw,1.375rem);line-height:1.6;font-style:italic;margin-bottom:1.5rem;position:relative;z-index:1}.quote-footer{display:flex;flex-direction:column;gap:.25rem}.quote-speaker{font-size:1rem;font-weight:600;font-style:normal;color:var(--color-trace-teal)}.quote-source{font-size:.875rem;color:var(--color-text-muted)}.figures-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:3rem 0}.figure-card{background:var(--color-bg-elevated);border-radius:8px;padding:2rem;border-left:4px solid var(--color-text-muted)}.figure-foundation{border-left-color:var(--color-era-sepia)}.figure-genesis{border-left-color:var(--color-trace-teal)}.figure-revolution{border-left-color:var(--color-plasma-orange)}.figure-modern{border-left-color:var(--color-era-blue)}.figure-header{margin-bottom:1.5rem}.figure-name{font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.figure-role{font-size:.875rem;font-style:italic;color:var(--era-accent,var(--color-trace-teal));margin-bottom:.25rem}.figure-years{font-size:.75rem;color:var(--color-text-muted);font-family:var(--font-mono)}.figure-contributions{list-style:none;padding:0;margin:0 0 1.5rem}.figure-contributions li{font-size:.9375rem;padding-left:1.5rem;position:relative;margin-bottom:.5rem;color:var(--color-text-secondary)}.figure-contributions li:before{content:">";position:absolute;left:0;color:var(--color-trace-teal);font-family:var(--font-mono)}.figure-quote{font-style:italic;font-size:.9375rem;padding:1rem;background:rgba(0,212,170,.05);border-radius:4px;margin:0;border-left:2px solid var(--color-trace-teal)}.figure-quote p{margin-bottom:.5rem}.figure-quote cite{font-size:.8125rem;color:var(--color-text-muted);font-style:normal}.moores-law-viz{padding:3rem 2rem;background:var(--color-bg-elevated);border-radius:8px;max-width:800px;margin:4rem auto}.viz-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:.5rem;color:var(--color-trace-teal)}.viz-subtitle{font-size:.875rem;text-align:center;color:var(--color-text-muted);margin-bottom:2rem}.viz-timeline{display:flex;flex-direction:column;gap:1rem}.viz-point{display:flex;gap:1.5rem;align-items:center;opacity:.3;transition:opacity var(--duration-normal) var(--ease-precision)}.viz-point.active{opacity:1}.point-marker{flex-shrink:0;width:60px;text-align:right}.point-year{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted)}.point-content{flex:1;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--color-bg-surface);border-radius:4px;border-left:3px solid var(--color-trace-teal)}.viz-point.active .point-content{border-left-color:var(--color-plasma-orange)}.point-chip{font-size:.875rem;color:var(--color-text)}.point-count{font-family:var(--font-mono);font-size:.875rem;font-weight:600;color:var(--color-trace-teal)}.viz-point.active .point-count{color:var(--color-plasma-orange)}.callout-box{padding:2rem;background:var(--color-bg-surface);border-left:4px solid var(--color-trace-teal);margin:2rem 0;border-radius:0 8px 8px 0}.callout-box p{margin:0;font-size:1rem}.callout-insight{border-left-color:var(--color-plasma-orange)}.callout-technical{border-left-color:var(--color-era-blue);font-family:var(--font-mono);font-size:.9375rem}.callout-warning{border-left-color:var(--color-risk-red);background:rgba(255,68,68,.05)}.stat-block{display:flex;justify-content:center;gap:4rem;margin:3rem 0;flex-wrap:wrap}.stat-item{text-align:center}.stat-number{display:block;font-size:clamp(2.5rem,8vw,4rem);font-weight:700;color:var(--color-trace-teal);line-height:1;font-family:var(--font-mono)}.stat-item .stat-label{font-size:.875rem;color:var(--color-text-secondary);margin-top:.5rem}.timeline-section{margin:4rem 0}.timeline-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:3rem}.timeline-events{display:flex;flex-direction:column;gap:0;position:relative;padding-left:3rem}.timeline-events:before{content:"";position:absolute;left:.75rem;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--color-era-sepia),var(--color-trace-teal),var(--color-plasma-orange),var(--color-era-blue))}.timeline-event{display:grid;grid-template-columns:100px 1fr;gap:1.5rem;padding:1.5rem 0;position:relative}.timeline-event:before{content:"";position:absolute;left:-2.25rem;top:1.75rem;width:12px;height:12px;background:var(--color-bg-primary);border:2px solid;border-radius:50%}.timeline-event.era-foundation{color:var(--color-era-sepia)}.timeline-event.era-genesis,.timeline-event.era-integration{color:var(--color-trace-teal)}.timeline-event.era-intel,.timeline-event.era-prophecy{color:var(--color-plasma-orange)}.timeline-event.era-foundry,.timeline-event.era-modern{color:var(--color-era-blue)}.timeline-year{font-size:.75rem;font-weight:600;font-family:var(--font-mono);color:inherit;white-space:nowrap}.timeline-content{color:var(--color-text)}.timeline-event-title{font-size:1rem;font-weight:600;margin-bottom:.25rem}.timeline-description{font-size:.875rem;color:var(--color-text-secondary);margin:0}.closing-reflection{margin:5rem 0;padding:3rem 2rem;background:linear-gradient(135deg,var(--color-bg-elevated) 0,var(--color-bg-surface) 100%);border-radius:8px;text-align:center;border:1px solid rgba(0,212,170,.2)}.closing-reflection h3{font-family:var(--font-display);font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;color:var(--color-trace-teal)}.closing-reflection p{max-width:600px;margin:0 auto 1.5rem;color:var(--color-text-secondary)}.closing-reflection p:last-child{margin-bottom:0}.sources-section{padding:4rem 2rem;background:linear-gradient(135deg,var(--color-bg-elevated) 0,var(--color-bg-primary) 100%);border-top:1px solid var(--color-bg-surface)}.sources-content{max-width:700px;margin:0 auto}.sources-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-trace-teal)}.sources-list{list-style:none;padding:0;margin:0 0 2rem}.sources-list li{margin-bottom:.75rem;padding-left:1.5rem;position:relative}.sources-list li:before{content:">";position:absolute;left:0;color:var(--color-trace-teal);font-family:var(--font-mono)}.sources-list a{font-size:.9375rem;color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease}.sources-list a:hover{color:var(--color-trace-teal);text-decoration:underline}.source-primary:before{color:var(--color-plasma-orange)!important}.source-museum:before{color:var(--color-era-blue)!important}.sources-note{font-size:.8125rem;font-style:italic;color:var(--color-text-muted);padding-top:1.5rem;border-top:1px solid var(--color-bg-surface)}@media (max-width:768px){.the-semiconductor-story{font-size:1rem;--section-padding:4rem 1rem}.chapter{padding:5rem 1rem}.chapter-header{margin-bottom:2.5rem}.quote-monument{padding:2rem 1rem}.quote-monument:before{font-size:3rem}.figure-card{padding:1.5rem}.moores-law-viz{padding:2rem 1rem}.viz-point{flex-direction:column;align-items:flex-start;gap:.5rem}.point-marker{width:auto;text-align:left}.point-content{width:100%}.timeline-events{padding-left:2rem}.timeline-event{grid-template-columns:80px 1fr;gap:1rem}.timeline-event:before{left:-1.5rem}.stat-block{gap:2rem}.transistor-base{flex-direction:column;gap:1rem}}@media (prefers-reduced-motion:reduce){.semi-section{opacity:1;transform:none;transition:none}.die-cell,.electron-core,.scroll-arrow-animated{animation:none}.die-cell{opacity:.8}.device-item{opacity:1}.device-item,.flow-particles{animation:none}.processing-indicator,.wafer-fill{transition:none}.hero-pinned .hero-title-card{opacity:1;transform:none}.transistor-pinned .component{opacity:1}}