@charset "UTF-8";
:root{--ink:#253b30;--muted:#788179;--paper:#f7f9f5;--line:#dce3d9;--progress:0;--mx:50%;--my:50%;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,main:focus-visible{outline:2px solid #55745e;outline-offset:6px}a[aria-disabled=true]{opacity:.5;cursor:default}::selection{background:#d5e5ce}.skip{position:fixed;top:-80px;left:24px;z-index:30;background:white;padding:15px}.skip:focus{top:15px}
.header{height:100px;position:fixed;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;background:linear-gradient(var(--paper) 70%,transparent)}.brand{display:flex;align-items:center;font-size:19px;font-weight:800;letter-spacing:-.8px;gap:7px}.brand img{mix-blend-mode:multiply}.brand-dot{font-size:10px;align-self:flex-start;margin-top:6px}.header-note,.header-link,.eyebrow,.hero-caption,.specimen-label,.walk-prompt,.section-footnote,.pill,.floating-label,.letter-note,.evo-step>span,.milestone-number,.banner-caption,.back-start,.legal,.journey-bar,.config-status,.no-script{font-family:monospace;font-size:10px;letter-spacing:1.2px}.header-note{display:flex;align-items:center;gap:10px;color:#68776b}.status-dot{height:6px;width:6px;border-radius:50%;background:#7d9b6c;box-shadow:0 0 0 4px #eaf0e5}.header-link{display:flex;gap:20px;align-items:center}.header-link span{font-size:20px}
.journey{display:flex;overflow-x:auto;overflow-y:hidden;height:100svh;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#b6c7af transparent;outline:none}.panel{position:relative;min-width:100%;width:100%;height:100%;padding:145px 7vw 135px;scroll-snap-align:start;overflow:hidden;isolation:isolate}.hero{padding:0;display:flex;align-items:center;background:radial-gradient(ellipse at 79% 55%,#e8eee2 0,transparent 47%)}.hero-copy{position:relative;z-index:3;margin-left:7vw;margin-top:-10px;width:58%}.eyebrow{font-size:10px;margin:0 0 25px;color:#6d7f6d;letter-spacing:1.8px}.hero h1{font-size:clamp(70px,9.5vw,172px);line-height:1;letter-spacing:-.085em;margin:0 0 26px;font-weight:800}.title-dot{color:#9db18f}.hero-sub{font-size:clamp(28px,3vw,48px);font-weight:400;letter-spacing:-1.7px;margin:0 0 22px}.description{font-size:15px;line-height:1.8;color:#6b776d;margin:0 0 30px}.actions{display:flex;gap:12px;position:relative;z-index:4}.button{font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 23px;border-radius:6px;min-height:50px;transition:box-shadow .2s,background .2s,transform .2s;position:relative}.button span{font-size:18px;transition:transform .2s}.button:hover span{transform:translate(2px,-2px)}.dark{background:var(--ink);color:#fff;box-shadow:0 5px 13px #263b3010}.dark:hover{background:#3b5241;box-shadow:0 8px 20px #263b3020}.glass{border:1px solid #cdd7c6;background:linear-gradient(120deg,#ffffffa0,#e5eadb70);box-shadow:inset 0 1px 0 white}.glass:hover{box-shadow:inset 0 1px 0 white,0 8px 20px #263b3010}.hero-caption{display:flex;align-items:center;gap:10px;margin-top:35px;color:#84907f;font-size:9px}.tiny-star{font-size:20px;color:#95aa87}.specimen-label{position:absolute;right:9vw;top:23%;display:flex;align-items:center;gap:10px;color:#8c9787;font-size:8px;z-index:3}.specimen-label i{width:25px;height:1px;background:#a4b19b}.hero-watermark{position:absolute;right:8%;top:9%;font-size:70vh;font-weight:bold;color:#dfe7d526;line-height:1;z-index:-1}.walk-prompt{position:absolute;bottom:128px;left:7vw;display:flex;gap:35px;align-items:center;padding:0;font-size:9px}.walk-prompt span{font-size:28px;animation:arrow 2.4s ease-in-out infinite}
.traveler{position:fixed;z-index:2;pointer-events:none;left:56%;top:24%;width:min(39vw,65vh);transform-origin:50% 100%;will-change:transform}.dino{display:block;width:100%;padding:0;pointer-events:auto;transform-origin:50% 83%;animation:breathe 6s ease-in-out infinite;border-radius:50%}.dino img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.traveler{mix-blend-mode:multiply}.dino:hover{filter:brightness(1.025)}.dino.pop{animation:pop .6s ease-in-out}.dino-shadow{position:absolute;width:52%;height:4%;bottom:12%;left:24%;background:#71865d18;filter:blur(12px);border-radius:50%}
.display{font-size:clamp(42px,5.8vw,96px);line-height:1.06;letter-spacing:-.065em;margin:0;font-weight:500}.serif{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.06em}.about{background:linear-gradient(110deg,#ecf1e7,#f7f9f5 75%)}.section-copy{margin-top:5vh;position:relative;z-index:3}.lore{font-size:19px;line-height:1.6;color:#778471;margin:30px 0 0}.lore.ending{font-size:27px;color:var(--ink);margin-top:8px}.pill{display:inline-block;padding:11px 15px;border:1px solid #cdd9c4;border-radius:30px;font-size:8px;margin-top:30px}.glass-letter{position:absolute;right:18%;top:17%;font-size:45vh;font-weight:bold;line-height:1;color:#e8eee1;text-shadow:2px 2px 0 #fff,-2px -2px 0 #b6c4ad,10px 16px 26px #b6c4ad70;transform:rotate(-8deg)}.letter-note{display:block;font-weight:normal;text-shadow:none;font-size:8px;color:#7c8d71;text-align:center;margin-top:10px}.floating-label{position:absolute;padding:16px 23px;border:1px solid #fff;background:#ffffff65;box-shadow:0 15px 30px #344a3110;border-radius:6px;font-size:9px;transform:rotate(6deg)}.float-one{right:9%;top:28%}.float-two{right:29%;top:62%;transform:rotate(-5deg)}.section-footnote{position:absolute;bottom:140px;left:7vw;font-size:9px;color:#819077}.evolution{background:#f9faf7}.small-line{display:block;font-size:.63em;margin-top:10px;color:#89957e}.evolution-line{display:flex;align-items:center;gap:3vw;margin-top:6vh;position:relative;z-index:3}.evo-step{display:flex;flex-direction:column;gap:25px;min-width:12%}.evo-step strong{font-size:clamp(40px,6vw,96px);letter-spacing:-.07em;font-weight:500}.evo-step>span{font-size:9px;color:#89937f}.evo-step.evolved strong{color:#748a61}.evo-arrow{font-size:30px;color:#aab59e;margin-bottom:35px}.roadmap{background:#edf2e8}.roadmap .display{font-size:clamp(40px,4.5vw,72px)}.milestones{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:5vh;position:relative;z-index:3}.milestone{position:relative;padding:24px;border:1px solid #fdfefb;border-radius:12px;background:linear-gradient(130deg,#ffffffb0,#dee7d860);box-shadow:0 8px 25px #374c2e05;transition:transform .3s,box-shadow .3s}.milestone:hover{transform:translateY(-6px);box-shadow:0 15px 35px #374c2e10}.milestone-number{color:#829477;font-size:10px}.milestone-mark{position:absolute;right:22px;top:18px;font-size:26px;color:#8fa780}.milestone h3{font-size:30px;font-weight:500;letter-spacing:-1px;margin:40px 0 12px}.milestone p{font-size:12px;line-height:1.8;color:#75846d;margin:0}.community{display:flex;align-items:center;gap:6vw;background:radial-gradient(ellipse at 75% 40%,#e5eddf,transparent 65%)}.community-copy{width:40%;position:relative;z-index:3}.community .description{margin-top:28px}.banner-window{width:52%;border:1px solid #fff;border-radius:14px;background:linear-gradient(130deg,#fff,#eaf0e5);box-shadow:0 30px 70px #5c745815;overflow:hidden;transform:rotate(-3deg);position:relative;z-index:3}.banner-window img{width:100%;height:auto;display:block;mix-blend-mode:multiply}.banner-caption{padding:20px 23px;display:flex;justify-content:space-between;font-size:8px;border-top:1px solid #dfe6d9;color:#7c8972}.final{background:#e8efdf;padding-top:155px}.final-title{font-size:clamp(70px,10vw,165px);line-height:.95;letter-spacing:-.065em;margin:25px 0 30px;position:relative;z-index:3;font-weight:500;width:max-content}.final-title .serif{font-size:.87em}.final-actions{display:flex;gap:35px;position:relative;z-index:3}.text-link{font-size:13px;border-bottom:1px solid #a2b195;padding-bottom:8px}.back-start{position:absolute;right:7vw;bottom:145px;display:flex;gap:20px;align-items:center;font-size:9px;z-index:3}.back-start span{font-size:20px}.legal{position:absolute;bottom:140px;left:7vw;display:flex;gap:30px;font-size:8px;color:#839177}
.journey-bar{position:fixed;z-index:10;bottom:24px;left:4.5vw;right:4.5vw;height:68px;display:flex;align-items:center;gap:35px;border-top:1px solid #ccd6c3;background:linear-gradient(transparent,#f7f9f5b0);font-size:9px}.journey-count{display:flex;gap:12px;min-width:70px}.journey-count b{font-weight:400}.journey-count>span{color:#96a18d}.stops{display:flex;justify-content:space-between;flex:1;padding-right:6vw;gap:16px}.stops button{display:flex;align-items:center;gap:10px;white-space:nowrap;font:inherit;padding:15px 0;color:#8a9580;transition:color .3s}.stops button:before{content:'';display:block;width:5px;height:5px;background:#c3ceb9;border-radius:50%;transition:box-shadow .3s,background .3s}.stops button[aria-current]{color:var(--ink)}.stops button[aria-current]:before{background:#587448;box-shadow:0 0 0 4px #dfe7d5}.next-step{font:inherit;display:flex;align-items:center;gap:20px;min-height:44px}.next-step span{font-size:27px}.progress-track{position:absolute;top:-1px;left:0;right:0;height:1px}.progress-track div{width:100%;height:100%;background:#688753;transform:scaleX(0);transform-origin:left}.config-status,.no-script{position:fixed;bottom:100px;left:4.5vw;z-index:20;padding:12px 18px;background:#f7f9f5e8;border:1px solid #d5dfce;max-width:90vw;font-size:9px;line-height:1.6}.no-script{bottom:105px}.reveal{opacity:1}.js .reveal{opacity:0;transform:translateY(22px);filter:blur(4px);transition:opacity .75s,transform .75s,filter .75s}.js .in-view .reveal{opacity:1;transform:translateY(0);filter:blur(0)}.js .in-view .reveal:nth-child(2){transition-delay:.08s}.js .in-view .reveal:nth-child(3){transition-delay:.16s}.js .in-view .reveal:nth-child(4){transition-delay:.24s}.js .in-view .reveal:nth-child(5){transition-delay:.32s}.js .in-view .banner-window{transform:rotate(-3deg)}
@keyframes breathe{0%,100%{transform:translateY(0) rotate(-.3deg) scale(1)}50%{transform:translateY(-4px) rotate(.3deg) scale(1.008)}}@keyframes pop{0%,100%{transform:translateY(0)}40%{transform:translateY(-22px) rotate(3deg)}70%{transform:translateY(2px) rotate(-1deg)}}@keyframes arrow{0%,100%{transform:translateX(0)}50%{transform:translateX(7px)}}
@media(min-width:1600px){.description{font-size:18px}.button{font-size:14px;padding:20px 27px}.hero-caption{margin-top:45px}.milestone{padding:30px}.milestone p{font-size:15px}.milestone h3{font-size:36px}.header-note,.header-link,.eyebrow{font-size:11px}}
@media(max-height:760px) and (min-width:761px){.panel{padding-top:110px}.hero{padding-top:0}.header{height:80px}.hero h1{font-size:9vw;margin-bottom:18px}.hero-sub{margin-bottom:12px}.hero-caption{margin-top:20px}.description{margin-bottom:22px}.section-copy{margin-top:1vh}.display{font-size:5.2vw}.milestones{margin-top:25px}.milestone{padding:20px}.milestone h3{margin-top:25px}.final{padding-top:110px}.final-title{font-size:9vw}.evolution-line{margin-top:25px}.section-footnote,.legal{bottom:120px}}
@media(max-width:1000px){.header-note{display:none}.stops{padding-right:0}.stops button{font-size:8px;gap:6px}.journey-bar{gap:20px}.specimen-label{right:7vw;font-size:7px}.community{gap:3vw}.community-copy{width:50%}.banner-window{width:50%}.community .button{gap:15px;padding:16px}.milestones{gap:10px}.milestone{padding:18px}.milestone p{font-size:11px}.milestone h3{font-size:25px}}
@media(max-width:760px){.header{height:75px;padding:0 6vw}.brand{font-size:17px}.header-link{font-size:8px;gap:10px}.panel{padding:105px 7vw 140px;scroll-snap-type:none}.journey{scroll-snap-type:x mandatory}.hero{display:block;padding-top:110px}.hero-copy{width:100%;margin:0;position:relative}.eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:18px}.hero h1{font-size:15vw;letter-spacing:-.08em;margin-bottom:15px}.hero-sub{font-size:29px;margin-bottom:14px}.description{font-size:12px;line-height:1.65;margin-bottom:20px}.button{font-size:11px;padding:14px 17px;gap:20px;min-height:47px}.actions{gap:9px}.hero-caption{font-size:7px;margin-top:20px}.specimen-label{top:auto;bottom:150px;right:7vw;font-size:6px}.walk-prompt{bottom:118px;font-size:8px;gap:15px}.hero-watermark{font-size:50vh;top:42%;right:6%}.traveler{left:43%;top:43%;width:min(54vw,34vh)}.journey-bar{left:6vw;right:6vw;bottom:13px;height:65px;gap:18px}.journey-count{min-width:55px;font-size:8px;gap:8px}.stops{gap:8px;justify-content:center}.stops button{padding:20px 5px}.stops button span{display:none}.next-step{font-size:8px;gap:10px}.next-step span{font-size:23px}.display{font-size:12vw}.section-copy{margin-top:3vh}.lore{font-size:15px;max-width:70%;margin-top:25px}.lore.ending{font-size:23px}.pill{font-size:7px;margin-top:22px}.glass-letter{font-size:29vh;right:12%;top:43%}.float-one{top:51%;right:7%;font-size:7px;padding:12px}.float-two{top:68%;right:43%;font-size:7px;padding:12px}.section-footnote{font-size:8px;bottom:115px;max-width:65%;line-height:1.7}.evolution-line{flex-wrap:wrap;gap:16px;margin-top:4vh;max-width:100%;align-items:center}.evo-step{gap:15px}.evo-step strong{font-size:12vw}.evo-step>span{font-size:7px}.evo-step.evolved{flex-basis:100%;margin-top:20px}.evo-step.evolved strong{font-size:14vw}.evo-arrow{font-size:24px;margin-bottom:20px}.evo-arrow:nth-of-type(2){display:none}.roadmap .display{font-size:10vw}.milestones{grid-template-columns:1fr 1fr;margin-top:24px;gap:10px}.milestone{padding:16px;background:linear-gradient(130deg,#ffffffc0,#e3eadd)}.milestone h3{font-size:24px;margin:25px 0 8px}.milestone p{font-size:10px;line-height:1.6}.milestone-mark{top:12px;right:15px;font-size:23px}.roadmap .section-footnote{max-width:100%}.community{display:block}.community-copy{width:100%}.community .display{font-size:12vw}.community .description{margin-top:20px}.banner-window{width:100%;margin-top:35px}.banner-caption{padding:14px;font-size:6px}.final{padding-top:130px}.final-title{font-size:18vw;margin-top:30px}.final-actions{gap:25px;margin-top:28px}.text-link{font-size:12px}.back-start{bottom:155px;font-size:7px;left:7vw;right:auto}.legal{bottom:108px;font-size:7px;gap:8px;flex-direction:column}.config-status{font-size:8px;bottom:85px}.desktop-break{display:none}}
@media(max-height:700px) and (max-width:760px){.hero{padding-top:90px}.hero h1{margin-bottom:10px}.hero-sub{font-size:24px;margin-bottom:10px}.description{font-size:11px;margin-bottom:15px}.hero-caption{margin-top:12px}.traveler{top:49%;width:42vw;left:52%}.panel:not(.hero){padding-top:90px}.milestones{margin-top:15px}.milestone{padding:12px}.milestone h3{margin-top:20px;font-size:21px}.milestone p{font-size:9px}.banner-window{margin-top:20px}.community .description{margin-top:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .reveal{filter:none;transform:none}.walk-prompt span{transform:none}}

/* Keep connection status clear of the walking instructions and footer. */
.config-status{bottom:auto;top:74px;left:auto;right:4.5vw;font-size:8px;padding:8px 12px;background:#f7f9f5e8}
@media(max-width:760px){.config-status{top:68px;right:6vw;font-size:7px;padding:6px 9px}}

.config-status{margin:0}
@media(max-width:760px){.config-status{top:65px}}

@media(max-width:760px){.stops{gap:0}.stops button{min-width:27px;min-height:44px;padding:18px 0;justify-content:center}}

.js .journey{touch-action:pan-y pinch-zoom}