:root{--paper:#f4f0e5;--ink:#263d31;--orange:#bb5938}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.header{display:flex;justify-content:space-between;align-items:center;padding:30px 4%;gap:20px}.brand{font-size:32px;font-weight:800;letter-spacing:-1.3px;white-space:nowrap}.brand span{color:var(--orange);margin-left:12px}nav{display:flex;gap:36px;font-size:14px;font-weight:600}nav a{padding:14px 0;white-space:nowrap}nav a:hover{text-decoration:underline;text-underline-offset:5px}.minimal{padding:0 2% 2%;position:relative}.scene{position:relative;overflow:hidden;border-radius:3px;background:#87977a;height:calc(100svh - 120px);min-height:360px}.forest{display:block;width:100%;height:100%;object-fit:cover}#motion-toggle{position:absolute;right:18px;bottom:18px;width:42px;height:42px;display:grid;place-items:center;border:1px solid #f4f0e570;border-radius:50%;background:#234b3bc9;color:#fff9e6;font-size:18px;cursor:pointer}.project-panel{position:absolute;z-index:2;right:4.2%;top:0;min-width:300px;padding:15px 24px;background:var(--paper);box-shadow:0 14px 35px #183c3030;border:1px solid #c8cebd}.project-panel a{display:flex;justify-content:space-between;gap:30px;align-items:center;min-height:62px;border-bottom:1px solid #c8cebd;font-size:22px;letter-spacing:-.7px}.project-panel a:last-child{border-bottom:0}.project-panel a:hover{color:var(--orange)}.project-panel a:first-child{display:block;font-weight:bold;line-height:62px}.project-panel a:first-child>span:last-child{float:right;font-weight:400}.red-dot{color:#e14443}[hidden]{display:none!important}
.rider{animation-duration:19s;animation-iteration-count:infinite;animation-timing-function:linear;transform-box:view-box}.rider-blue{animation-name:ride-blue}.rider-orange{animation-name:ride-orange}.wheel{transform-box:fill-box;transform-origin:center;animation:spin 1s linear infinite}.pedal{animation:pedal .55s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}.callout{animation:call 19s linear infinite}@keyframes ride-blue{0%{transform:translate(140px,611px);opacity:0}5%{opacity:1}25%{transform:translate(455px,631px)}50%{transform:translate(790px,603px)}75%{transform:translate(1120px,535px)}95%{opacity:1}100%{transform:translate(1460px,588px);opacity:0}}@keyframes ride-orange{0%{transform:translate(-50px,612px);opacity:0}6%{opacity:1}25%{transform:translate(325px,616px)}42%{transform:translate(650px,541px)}55%{transform:translate(935px,494px)}72%{transform:translate(1250px,526px);opacity:1}88%,100%{transform:translate(1660px,612px);opacity:0}}@keyframes call{0%,25%,54%,100%{opacity:0}30%,48%{opacity:1}}@keyframes spin{to{rotate:360deg}}@keyframes pedal{to{rotate:-12deg}}.paused .rider,.paused .wheel,.paused .pedal,.paused .callout{animation-play-state:paused}
@media(max-width:680px){.header{padding:22px 6%}.brand{font-size:25px}.brand span{margin-left:7px}nav{gap:23px;font-size:12px}.minimal{padding:0 3% 3%}.scene{height:calc(100svh - 100px);min-height:420px}.forest{width:100%;margin-left:0;max-width:none}.project-panel{right:6%;left:6%;min-width:0}.project-panel a{font-size:20px}}@media(max-width:360px){.brand{font-size:21px}.brand span{margin-left:3px}nav{gap:15px;font-size:11px}.header{gap:10px}}@media(prefers-reduced-motion:reduce){.rider,.wheel,.pedal,.callout{animation:none}.rider-blue{transform:translate(770px,603px)}.rider-orange{transform:translate(940px,500px)}.callout{opacity:1}}