.timeline-container{width:100%;max-width:1200px;margin:0 auto;font-family:sans-serif;background-color:#f8f8f8}.main-display{position:relative;text-align:center;overflow:hidden}.image-container{position:relative;width:100%;height:600px}@media (max-width:768px){.image-container{height:400px}}@media (max-width:480px){.image-container{height:300px}}.display-image{width:100%;height:auto;display:block;filter:grayscale(100%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-container{overflow:hidden}.display-image-fade{transition:opacity 1.2s cubic-bezier(.4,0,.2,1),transform .4s ease-in-out;opacity:1;transform:scale(1)}.fade-in{opacity:1!important;animation:fadeInImage 1.2s cubic-bezier(.4,0,.2,1)}@keyframes fadeInImage{0%{opacity:0}to{opacity:1}}.display-image-fade.fade-out{opacity:0;transform:scale(1.02)}.year-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(94,76,44,.6);color:white;padding:20px 40px;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}@media (max-width:768px){.year-overlay{padding:10px 20px;width:85%;max-width:250px}.overlay-year{font-size:2em;margin-bottom:6px}.view-gallery-button{padding:6px 12px;font-size:.75em}}@media (max-width:480px){.year-overlay{padding:8px 16px;width:80%;max-width:200px}.overlay-year{font-size:1.5em;margin-bottom:4px}.view-gallery-button{padding:5px 10px;font-size:.7em}}.overlay-year{font-size:4em;font-weight:700;margin-bottom:0}.view-gallery-button{background-color:#816d3b;border:1px solid #816d3b;color:white;font-weight:bolder;padding:0;cursor:pointer;text-transform:uppercase;font-size:.5em;text-decoration:none;transition:background-color .3s ease,color .3s ease;margin-top:4px;width:100%;text-align:center}.view-gallery-button:hover{background-color:white;color:#5E4C2C}.timeline-navigation{padding:20px 0;margin-top:-45px;background-color:#f8f8f8;z-index:10}.timeline-navigation,.timeline-scroll-container{display:flex;justify-content:space-between;align-items:center;position:relative}.timeline-scroll-container{width:100%}.timeline-scroll-container:after{content:"";position:absolute;left:0;right:0;bottom:-15px;height:2px;background-color:#5E4C2C;z-index:1}.timeline-year:after{content:"";position:absolute;left:50%;bottom:-17px;transform:translateX(-50%);width:1px;height:8px;background-color:#5E4C2C;z-index:2}@media (max-width:768px){.timeline-navigation{padding:15px 0;overflow:hidden}.timeline-scroll-container{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;padding:0 10px;gap:8px;justify-content:flex-start;position:relative}.timeline-scroll-container:after{content:"";position:absolute;left:10px;right:10px;bottom:-12px;height:2px;background-color:#5E4C2C;z-index:1}.timeline-scroll-container::-webkit-scrollbar{display:none}.timeline-year{flex-shrink:0;min-width:80px;padding:8px 12px;font-size:.85em;white-space:nowrap;border-radius:4px;transition:all .3s ease;position:relative;z-index:2;background-color:#f8f8f8}.timeline-year:after{content:"";position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);width:1px;height:6px;background-color:#5E4C2C;z-index:2}.timeline-year:active{transform:scale(.95)}}@media (min-width:769px) and (max-width:1024px){.timeline-scroll-container{display:flex;justify-content:center;gap:10px;position:relative}.timeline-year{min-width:100px;padding:10px 15px;position:relative;z-index:2;background-color:#f8f8f8}}.timeline-year{flex-grow:1;text-align:center;padding:10px 5px;cursor:pointer;font-size:.9em;color:#666;transition:color .3s ease,font-weight .3s ease;position:relative;z-index:2;background-color:#f8f8f8}.timeline-year:hover{color:#000}.timeline-year.active{color:#333;font-weight:700}.timeline-year.active:before{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-5px;width:8px;height:8px;border-radius:50%;background-color:#5E4C2C;z-index:2}@media (max-width:768px){.timeline-year.active:before{bottom:-2px}}@media (max-width:480px){.timeline-year.active:before{bottom:-1px;width:6px;height:6px}}