@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background-color:#f8f8f8;line-height:1.6;overflow-x:hidden}h1{font-size:3.5rem;color:#1a1a1a;font-weight:700;text-transform:uppercase;letter-spacing:2px;border-bottom:2px solid #444;padding-bottom:.3rem}body,h2,h3{color:#333}h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;position:relative}h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:100px;height:3px;background-color:#444}h3{margin-bottom:1rem;font-size:1.8rem}.hero{display:flex;height:100vh;background:rgba(240,240,240,.9);border-bottom:3px solid #444}.hero-content,.hero-image{flex:1;display:flex;justify-content:center}.hero-content{padding:1rem 1.5rem;flex-direction:column;max-width:600px;max-height:100vh;overflow-y:auto}.hero-image{align-items:center}.wall-fragment{max-width:100%;max-height:65vh;object-fit:contain;opacity:.9;filter:drop-shadow(5px 5px 10px rgba(0,0,0,.3));animation:float 6s ease-in-out infinite}.timeline{margin-bottom:.8rem}.date{font-size:1.3rem;font-weight:700;color:#333;display:inline-block;padding:.2rem .4rem;background-color:rgba(255,255,255,.7);border:1px solid #444;border-radius:3px}.description{font-size:1rem;margin-bottom:.8rem;padding:1rem;background-color:rgba(255,255,255,.8);border:1px solid #ccc;box-shadow:2px 2px 6px rgba(0,0,0,.1);border-radius:4px}.site-nav ul,.stats{display:flex;flex-wrap:wrap}.stats{justify-content:space-around;padding-bottom:.5rem}.stat-item{display:flex;flex-direction:column;align-items:center;background-color:rgba(255,255,255,.8);padding:.5rem;border-radius:5px;min-width:90px;margin:.2rem;box-shadow:0 2px 5px rgba(0,0,0,.1)}.stat-number{font-size:1.5rem;font-weight:700;color:#333}.stat-label{font-size:.7rem;text-transform:uppercase;margin-top:.2rem;color:#666}.back-to-top,.mobile-nav-toggle{display:none;position:fixed;border:0;color:#fff;font-size:24px;cursor:pointer}.back-to-top{bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background-color:#333;text-align:center;line-height:50px;z-index:99;box-shadow:0 2px 10px rgba(0,0,0,.3);transition:background-color .3s,transform .3s}.back-to-top:hover{background-color:#555;transform:translateY(-5px)}.mobile-nav-toggle{top:10px;right:10px;z-index:2000;background:#333;width:44px;height:44px;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.3)}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible,.fall-section.visible,.quote-section.visible,.timeline-item.visible{opacity:1;transform:translateY(0)}.fall-section,.quote-section,.timeline-item{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.site-nav{background-color:#333;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,.3)}.site-nav ul{justify-content:center;list-style:none}.site-nav a{display:block;color:#fff;text-decoration:none;padding:1rem;transition:background-color .3s}.site-nav a:hover{background-color:#555}.section-intro{max-width:800px;margin:0 auto 3rem;text-align:center;font-size:1.2rem;color:#444;padding:0 1rem}.quote-section{padding:5rem 2rem;background-color:#f0f0f0;text-align:center}.quote-container{max-width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.quote-text{flex:1 1 500px;padding:2rem;font-size:1.8rem;font-style:italic;color:#333;position:relative}.quote-text::before{content:'"';font-size:6rem;position:absolute;top:-2rem;left:0;color:rgba(0,0,0,.1)}.quote-author{display:block;font-style:normal;font-size:1.2rem;margin-top:1rem;font-weight:700}.quote-image{flex:1 1 300px;padding:1rem}.quote-image img{max-width:100%;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.2)}.checkpoint-section,.fall-section,.timeline-section,.wall-today-section{padding:5rem 2rem;background-color:#fff}.construction-section,.daily-life-section,.escape-section{padding:5rem 2rem;background-color:#f5f5f5}.escape-section{background-color:#f9f9f9}.timeline-container{position:relative;max-width:1200px;margin:0 auto}.timeline-container::after{content:"";position:absolute;width:6px;background-color:#444;top:0;bottom:0;left:50%;margin-left:-3px}.timeline-item{padding:10px 40px;position:relative;width:50%;margin-bottom:3rem}.timeline-item::after{content:"";position:absolute;width:25px;height:25px;background-color:#fff;border:4px solid #444;border-radius:50%;top:15px;z-index:1}.timeline-left{left:0;text-align:right}.timeline-right{left:50%;text-align:left}.timeline-left::after{right:-17px}.timeline-right::after{left:-17px}.timeline-content{padding:20px;background-color:#f9f9f9;border-radius:6px;box-shadow:0 0 10px rgba(0,0,0,.1)}.timeline-year{font-weight:700;font-size:1.2rem;color:#444;margin-bottom:.5rem}.checkpoint-container,.construction-container,.fall-container{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.checkpoint-text,.construction-text,.fall-text{flex:1 1 500px;padding:2rem}.checkpoint-image,.construction-image,.fall-image{flex:1 1 400px;padding:2rem}.checkpoint-image img,.construction-image img,.fall-image img{max-width:100%;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.2)}.checkpoint-text ul,.construction-text ul{margin-left:2rem;margin-bottom:1.5rem}.checkpoint-text li,.construction-text li,h1{margin-bottom:.5rem}.checkpoint-gallery,.fall-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:20px;max-width:1200px;margin:3rem auto 0}.gallery-item{overflow:hidden;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,.1);transition:transform .3s ease}.gallery-item:hover{transform:scale(1.03)}.gallery-item img{width:100%;height:200px;object-fit:cover;display:block}.escape-stories{max-width:1200px;margin:0 auto}.story{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:4rem;background-color:#fff;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.1);overflow:hidden}.story:nth-child(even){flex-direction:row-reverse}.story-image,.story-text{flex:1 1 400px}.story-image img{width:100%;height:100%;object-fit:cover;display:block}.story-text{padding:2rem}.victims-memorial{max-width:1000px;margin:3rem auto 0;background-color:#f0f0f0;padding:2rem;border-radius:8px;border-left:4px solid #444}.memorial-image{margin-top:1.5rem}.memorial-image img{border-radius:4px;box-shadow:0 3px 10px rgba(0,0,0,.2)}.life-container{max-width:1200px;margin:0 auto}.life-comparison{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:3rem}.border-psychology,.divided-families,.life-east,.life-west{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.1)}.life-east,.life-west{flex:1 1 500px}.life-east h3,.life-west h3{padding-bottom:.5rem;border-bottom:2px solid #444}.life-east ul,.life-west ul{margin-left:1.5rem;margin-bottom:1.5rem}.life-east img,.life-west img{width:100%;border-radius:6px;margin-top:1rem}.border-psychology,.divided-families{margin-bottom:3rem}.quote-box{background-color:#f9f9f9;padding:2rem;border-radius:6px;margin-top:2rem;border-left:4px solid #555}.quote-box blockquote{font-style:italic;font-size:1.2rem;margin-bottom:1rem}.legacy-quote cite,.quote-box cite{display:block;text-align:right;font-weight:700}.memorial-sites{max-width:1200px;margin:0 auto 4rem}.memorial-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:30px;margin-top:2rem}.memorial-item{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:transform .3s ease}.memorial-item:hover{transform:translateY(-5px)}.memorial-image img{width:100%;height:250px;object-fit:cover}.memorial-text{padding:1.5rem}.memorial-text h4{color:#333}.legacy-section{max-width:1200px;margin:0 auto 4rem}.legacy-container{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:3rem}.legacy-text{flex:2 1 500px}.legacy-quotes{flex:1 1 300px;display:flex;flex-direction:column;justify-content:space-around}.legacy-quote{background-color:#f9f9f9;padding:1.5rem;border-radius:6px;margin-bottom:1rem;font-style:italic;box-shadow:0 3px 8px rgba(0,0,0,.1);border-left:3px solid #444}.legacy-quote cite{font-style:normal;font-size:.9rem;margin-top:.5rem}.mauer-path,.timeline-end{background-color:#f5f5f5;padding:2rem;border-radius:8px}.mauer-path h4,.memorial-text h4{margin-bottom:1rem;font-size:1.4rem}.mauer-path-image img{width:100%;border-radius:6px;box-shadow:0 3px 10px rgba(0,0,0,.1);margin-top:1.5rem}.timeline-end{max-width:500px;margin:4rem auto 0;text-align:center;background-color:#f0f0f0;box-shadow:0 3px 10px rgba(0,0,0,.1)}.timeline-date{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:#333}footer{background-color:#333;color:#fff;padding:3rem 2rem;text-align:center}.footer-links{margin:1.5rem 0}.footer-links a{color:#fff;text-decoration:none;margin:0 .5rem;transition:color .3s}.footer-links a:hover{color:#ccc;text-decoration:underline}@media (max-width:900px){.hero{flex-direction:column;height:auto;min-height:100vh}.hero-content{max-width:100%;padding:1.5rem 1rem}.hero-image{padding:1rem 0}.wall-fragment{max-height:40vh}.story,.story:nth-child(even){flex-direction:column}.checkpoint-container,.construction-container,.legacy-container{flex-direction:column}.memorial-grid{grid-template-columns:1fr}.timeline-container::after{left:31px}.timeline-item{width:100%;padding-left:70px;padding-right:25px}.timeline-item::after{left:15px}.timeline-left,.timeline-right{left:0;text-align:left}.quote-section{padding:3rem 1rem}.construction-image{order:1}.construction-text{order:2}}@media (max-height:700px){h1{font-size:2.6rem;margin-bottom:.2rem}.description,.timeline{margin-bottom:.5rem}.description{font-size:.85rem;padding:.7rem}.stat-number{font-size:1.3rem}.stat-item{padding:.4rem;margin:.1rem;min-width:80px}.wall-fragment{max-height:55vh}.date{font-size:1.1rem;padding:.15rem .3rem}}