body{height:100vh;overflow:hidden}.history-header{height:88px;padding:0 var(--pad);position:fixed;inset:0 0 auto;z-index:20;background:var(--ink);display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.15);font-size:12px}.history-header>a:last-child{margin-left:28px}.history-progress{margin-left:auto;display:flex;gap:15px;align-items:center}.history-progress>i{width:180px;border-top:2px solid rgba(255,255,255,.2)}.history-progress b{display:block;border-top:2px solid var(--acid);width:100%;transform:scaleX(.166);transform-origin:left;transition:transform .3s}.timeline{display:flex;width:100%;height:100vh;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior:none;touch-action:pan-x}.timeline::-webkit-scrollbar{display:none}.era{position:relative;flex:0 0 100vw;height:100vh;scroll-snap-align:start;padding:130px var(--pad) 80px;display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:center;overflow:hidden}.era h1,.era h2{font:400 clamp(55px,6.4vw,105px)/.9 Manrope;letter-spacing:-.07em;margin:25px 0}.era h1 em,.era h2 em{font-family:Georgia;color:var(--acid);font-weight:400}.concept-label{font-size:10px;letter-spacing:.12em;margin-top:45px;color:#99a096}.arrow-field{font-size:clamp(120px,20vw,330px);color:var(--acid);display:grid;line-height:.4}.arrow-field span{opacity:.45}.arrow-field i{font-style:normal;opacity:.12}.year{position:absolute;top:100px;left:var(--pad);font:400 clamp(75px,11vw,180px)/1 Georgia;opacity:.14}.browser{padding:45px;background:#f3efd9;color:#111;min-height:60vh;border:7px ridge #bdb9aa;text-align:center;font-family:Georgia}.old-web nav{padding:16px;border-block:2px dotted #5060a0}.old-web h2{font-family:Georgia;letter-spacing:0;line-height:1;color:#162b7b}.old-web h2 em{color:#b10000}.old-web small{display:inline-block;margin-top:45px;background:#000;color:#52ff55;padding:7px}.era-copy>p:last-child{font-size:20px;line-height:1.6;max-width:650px}.era-2005{background:#3b265e}.motion-rings{justify-self:center;position:relative;width:min(40vw,520px);aspect-ratio:1;display:grid;place-items:center}.motion-rings i{position:absolute;inset:0;border:2px solid var(--lilac);border-radius:48% 52%;transform:rotate(25deg)}.motion-rings i:nth-child(2){inset:12%;transform:rotate(-35deg)}.motion-rings i:nth-child(3){inset:24%;transform:rotate(65deg)}.motion-rings strong{font-size:35px;text-align:center}.era-2013{background:var(--paper);color:var(--ink)}.era-2013 h2 em{color:#718242}.phone{justify-self:center;width:min(28vw,370px);height:68vh;background:var(--sage);border:12px solid #111;border-radius:42px;padding:65px 30px 30px;position:relative;overflow:hidden}.phone:before{content:"";position:absolute;width:85px;height:8px;border-radius:10px;background:#111;top:22px;left:50%;transform:translateX(-50%)}.phone h3{font:500 clamp(40px,4vw,64px)/.9 Manrope;letter-spacing:-.06em}.phone i{position:absolute;width:80%;height:38%;background:#e8eddc;border-radius:130px 130px 0 0;bottom:0;right:-15%}.era-2020{background:#d7d8d0;color:var(--ink)}.era-2020 h2 em{color:#745b9e}.connected-map{display:flex;align-items:center}.connected-map span{width:140px;aspect-ratio:1;border:1px solid;border-radius:50%;display:grid;place-items:center;font-size:11px;margin-left:-18px}.connected-map span:first-child{background:var(--acid);width:180px}.connected-map i{font-style:normal}.today{background:#101410}.today-mark{font-size:clamp(220px,34vw,560px);line-height:1;color:var(--acid)}.controls{position:fixed;z-index:30;right:var(--pad);bottom:22px;background:rgba(15,20,16,.86);padding:8px;display:flex;align-items:center;gap:12px}.controls button{width:42px;height:42px;background:transparent;color:white;border:1px solid rgba(255,255,255,.3);cursor:pointer}.controls span{font-size:9px;letter-spacing:.14em}
@media(max-width:800px){body{height:auto;overflow:auto}.history-header{height:72px;padding:0 20px}.history-header .brand-mark,.history-progress{display:none}.history-header .brand{font-size:16px}.timeline{display:block;height:auto;overflow:visible;scroll-snap-type:none;overscroll-behavior:auto;touch-action:pan-y}.era{width:100%;height:auto;min-height:100svh;padding:115px 23px 75px;grid-template-columns:1fr}.year{top:80px;left:23px}.browser{min-height:500px;padding:30px 16px}.motion-rings{width:80vw}.phone{width:76vw;height:600px}.connected-map{overflow-x:auto;padding:30px 0}.connected-map span{flex:0 0 110px}.today-mark{font-size:220px}.controls{display:none}}