.off-the-clock-section{width:100vw;max-width:2560px;margin:0 auto 120px calc(50% - 50vw);padding:80px 0;position:relative;overflow:hidden}@media (min-width:2560px){.off-the-clock-section{margin-left:auto;margin-right:auto}}.off-the-clock-header{z-index:10;text-align:center;max-width:2560px;margin-bottom:60px;margin-left:auto;margin-right:auto;padding:0 60px;position:relative}.off-the-clock-title{text-align:center;margin-bottom:16px}.off-the-clock-title .highlight{background:0 0;padding:0 4px;display:inline;position:relative}.off-the-clock-title .highlight:before{content:"";z-index:-1;transform-origin:0;background:#ffd93d;height:50%;transition:transform;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.off-the-clock-section.visible .off-the-clock-title .highlight:before{animation:.8s cubic-bezier(.4,0,.2,1) .3s forwards highlightSlide}.off-the-clock-intro{text-align:center;color:var(--muted);z-index:10;max-width:600px;margin:0 auto;font-size:18px;position:relative}.off-the-clock-intro .highlight{background:0 0;padding:0 4px;display:inline;position:relative}.off-the-clock-intro .highlight:before{content:"";z-index:-1;transform-origin:0;background:#ffd93d;height:50%;transition:transform;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.off-the-clock-section.visible .off-the-clock-intro .highlight:before{animation:.8s cubic-bezier(.4,0,.2,1) .5s forwards highlightSlide}@keyframes highlightSlide{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.scrolling-lines-container{perspective:1000px;width:100%;height:1000px;transform-style:preserve-3d;position:relative;overflow:hidden}.scrolling-line{white-space:nowrap;letter-spacing:.02em;width:200%;font-family:Times New Roman,Times,Georgia,serif;display:flex;position:absolute;overflow:visible}.scrolling-content{padding-right:100px;animation:linear infinite scrollLeft;display:inline-flex}.scrolling-content.scroll-right{animation-name:scrollRight}.scrolling-content .content-group{align-items:center;display:inline-flex}.sentence-item{color:var(--text);align-items:center;padding:0 50px;transition:opacity .3s;display:inline-flex}.sentence-separator{background:var(--text);opacity:.25;border-radius:50%;flex-shrink:0;width:5px;height:5px}.highlight-word{cursor:pointer;background:#00000014;margin:0 6px;padding:4px 12px;font-weight:600;transition:all .3s;display:inline;position:relative}.highlight-word:hover{background:var(--text);color:#fff}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.typing-line{z-index:10;box-sizing:border-box;opacity:0;pointer-events:none;max-width:90%;transition:opacity .5s,top,left;position:absolute;transform:translate(-50%)}.typing-line.visible{opacity:1}.typing-line.fading{opacity:0!important}.typing-text{color:var(--text);opacity:.7;white-space:nowrap;text-overflow:ellipsis;background:#ffffff80;border-radius:6px;max-width:calc(100% - 80px);padding:12px 28px;font-family:Courier New,monospace;font-size:20px;font-style:italic;display:inline-block;overflow:hidden}.typing-cursor{margin-left:2px;animation:1s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.off-the-clock-footer{text-align:center;color:var(--muted);opacity:.7;z-index:10;max-width:1400px;margin-top:40px;margin-left:auto;margin-right:auto;font-size:14px;font-style:italic;position:relative}.scrolling-line:hover .scrolling-content{animation-play-state:paused}.scrolling-line:hover{opacity:.6!important}.scrolling-line:hover .sentence-item{opacity:.8}.scrolling-line:hover .sentence-item:hover{opacity:1}@media (max-width:768px){.off-the-clock-section{width:100%;margin-left:0;padding:60px 0}.off-the-clock-header{margin-bottom:40px;padding:0 20px}.off-the-clock-title .highlight{padding:0 2px}.off-the-clock-intro{max-width:100%;font-size:16px}.scrolling-lines-container{height:700px}.sentence-item{padding:0 20px;font-size:.75em}.highlight-word{margin:0 3px;padding:2px 6px}.typing-line{max-width:95%}.typing-text{max-width:calc(100% - 32px);padding:8px 16px;font-size:13px}}body.dark-mode .off-the-clock-title .highlight:before,body.dark-mode .off-the-clock-intro .highlight:before{background:#667eea80}body.dark-mode .highlight-word{color:#a8b4ff;background:#667eea4d}body.dark-mode .highlight-word:hover{color:#fff;background:#667eea80}body.dark-mode .typing-text{background:#0000004d}