.timeline-container{height:100vh;width:100%;overflow-x:auto;overflow-y:hidden;position:relative}.timeline-wrapper{height:100vh;display:flex;align-items:center}.timeline-image{height:100vh;width:auto;max-width:none}.scroll-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(255,255,255,.4);pointer-events:none;transition:opacity .5s ease-out;z-index:10}.scroll-overlay.fade-out{opacity:0}.text-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:20;pointer-events:none;transition:opacity .5s ease-out}.text-overlay.fade-out{opacity:0}.main-message{font-size:clamp(1.1rem,5vw,2rem);font-weight:500;color:#333;margin-bottom:.5rem;white-space:nowrap}.scroll-instruction{font-size:1rem;font-weight:300;color:#666;font-style:italic}.scroll-instruction-mobile{display:none}@media (hover:none){.scroll-instruction-desktop{display:none}.scroll-instruction-mobile{display:inline}}.rotate-prompt-button{display:inline-flex;align-items:center;gap:.5rem;margin-top:.25rem;padding:.45rem .95rem;font-family:inherit;font-size:.95rem;font-style:italic;font-weight:300;color:#555;background:rgba(255,255,255,.6);border:1px solid rgba(0,0,0,.12);border-radius:999px;cursor:pointer;pointer-events:auto;white-space:nowrap;-webkit-tap-highlight-color:transparent}.rotate-prompt-button:active{background:rgba(255,255,255,.85)}.rotate-prompt-icon{font-size:1.2rem;color:#888;animation:rotate-hint 2.5s ease-in-out infinite;display:inline-block;line-height:1}.timeline-container.force-rotate{position:fixed;top:0;left:0;width:100vh;height:100vw;transform-origin:top left;transform:translateX(100vw) rotate(90deg);transition:transform .45s cubic-bezier(.4,0,.2,1)}.timeline-container.force-rotate .timeline-image,.timeline-container.force-rotate .timeline-wrapper{height:100vw}@keyframes rotate-hint{0%,to{transform:rotate(0deg)}40%{transform:rotate(90deg)}60%{transform:rotate(90deg)}}