@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#f0efe5;background:#091b14;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #e9c77b;outline-offset:6px}button{color:inherit}::selection{background:#d8ba73;color:#14231b}.app{--progress:0;--travel:0}.landscape,.world,.vignette,.grain{position:fixed;inset:0;pointer-events:none}.landscape{background:linear-gradient(90deg,#05150fbd,#05150f14),linear-gradient(0deg,#0b261b 0%,transparent 65%),url(/mountains.jpg) center 42%/cover;filter:saturate(.45);transform:scale(calc(1.04 + var(--travel)*.035));transition:filter .5s}.world{z-index:1}.vignette{z-index:2;background:linear-gradient(0deg,rgba(5,18,13,.85),transparent 25%,transparent 75%,rgba(5,18,13,.55)),linear-gradient(90deg,rgba(4,17,12,.3),transparent 70%)}.grain{z-index:3;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E")}header{position:absolute;z-index:10;top:0;width:100%;padding:32px 5%;display:flex;align-items:center;justify-content:space-between}.logo{font-size:25px;letter-spacing:-1.4px;font-weight:700}.logo span{color:#d7bd7d}.logo i{font-style:normal;font-size:10px;vertical-align:top;margin-left:4px}.header-note{font-size:9px;letter-spacing:3px;color:#bec8b8}.menu-button{border:1px solid #ffffff30;border-radius:30px;background:#ffffff05;padding:12px 20px;font-size:11px}.menu-button span{margin-left:25px;color:#ddc28a}main{position:relative;z-index:4}.chapter{height:180svh;position:relative;display:flex;align-items:flex-start;padding:32svh 8% 0}.chapter-0{height:160svh;padding-top:27svh}.chapter-copy{max-width:760px;perspective:700px}.eyebrow{font-size:9px;letter-spacing:2.7px;color:#d8c69d;display:flex;align-items:center;gap:12px;margin:0 0 28px}.eyebrow span{width:24px;height:1px;background:#c5aa71}h1,h2{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:clamp(75px,9.7vw,155px);line-height:.9;letter-spacing:-.02em;font-weight:600;margin:0 0 25px;text-shadow:0 2px 40px #081b1350}h1 span{color:#e6cf97}h2{font-size:clamp(72px,8vw,120px)}h2 em{color:#e6cf97;font-style:normal}.intro,.chapter-copy>p:not(.eyebrow):not(.coordinates){font-size:13px;line-height:1.8;color:#c0c7b8;font-weight:400}.journey-button{background:transparent;border:0;border-bottom:1px solid #b8a47a70;padding:16px 0;display:inline-flex;gap:48px;align-items:center;font-size:11px;letter-spacing:.5px;margin-top:12px}.journey-button span{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border:1px solid #c5b58b60;border-radius:50%;color:#e3c884}.journey-button:hover span{background:#d8bb7b;color:#10271f}.chapter-nav{position:fixed;right:3%;top:40%;z-index:12;display:flex;flex-direction:column;gap:22px}.chapter-nav button{display:flex;align-items:center;gap:12px;padding:0;border:0;background:none;color:#ffffff50;font-size:9px}.chapter-nav i{height:1px;width:15px;background:#ffffff30;transition:width .3s}.chapter-nav em{display:none}.chapter-nav .active{color:#e5c88e}.chapter-nav .active i{width:32px;background:#e5c88e}.hero-bottom{position:absolute;top:calc(100svh - 140px);left:8%;right:8%;display:flex;align-items:center;justify-content:space-between;color:#acb9a7;font-size:9px;line-height:1.8;letter-spacing:1.7px}.hero-bottom b{font-weight:400;color:#d8c69d}.scroll-label{display:flex;align-items:center;gap:16px}.scroll-label i{height:35px;width:18px;border:1px solid #9fac9650;border-radius:14px;position:relative}.scroll-label i:after{content:"";position:absolute;width:2px;height:8px;left:7px;top:8px;background:#dfc791}.edition{border-bottom:1px solid #a4b39750;padding-bottom:8px}.edition i{font-style:normal;margin-left:25px}.bottom-bar{position:fixed;z-index:11;bottom:0;left:0;right:0;padding:18px 5%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;background:linear-gradient(transparent,#081b13b0)}.bottom-bar i{font-style:normal;color:#738574;margin:0 8px}.bottom-bar b{font-weight:400;text-transform:uppercase;margin-left:25px;color:#aebaa7}.settings{display:flex;gap:25px}.settings button{background:none;border:0;font-size:8px;letter-spacing:1px;color:#bcc4b1}.progress{position:fixed;bottom:0;left:0;width:calc(var(--progress)*100%);height:2px;background:#d3b477;z-index:15}.coordinates{font-size:9px;letter-spacing:2px;color:#c8d2bb;margin-bottom:30px}.chapter-2 .chapter-copy{margin-left:35%}.chapter-3{height:210svh}.demo{margin-top:35px}.demo-inner{width:max-content;max-width:100%;padding:20px 28px;background:#071b14c0;border:1px solid #bfa06b40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:2px}.digit-controls{display:flex;gap:18px}.digit-controls label{display:flex;flex-direction:column;align-items:center;gap:8px}.digit-controls label span{font-size:8px;color:#bca776;letter-spacing:2px}.digit-controls select{font-family:Barlow Condensed,sans-serif;font-size:45px;width:62px;color:#e0c489;background:#163226;border:1px solid #bfaa7250;padding:6px;cursor:pointer}.demo small{display:block;font-size:7px;letter-spacing:1px;color:#899b83;margin-top:18px}.chapter-4{text-align:center;justify-content:center;height:140svh}.chapter-4 .eyebrow{justify-content:center}.final-brand{display:block;letter-spacing:-4px;font-weight:700;font-size:clamp(60px,9vw,120px);color:#e0c58c;margin-top:40px}.final-brand sup{font-size:13px;letter-spacing:0;vertical-align:top}footer{position:relative;z-index:5;display:flex;justify-content:space-between;gap:20px;padding:50px 8% 100px;background:#081b13;font-size:8px;letter-spacing:1.5px;color:#9daf97}.fallback-digits{position:absolute;top:26%;right:8%;color:#d0ad61;font-family:Barlow Condensed,sans-serif;font-size:clamp(130px,26vw,440px);letter-spacing:-.06em;text-shadow:3px 4px #725c31,6px 8px #433a23;transform:perspective(700px) rotateY(-18deg);opacity:.5}.reduced .chapter{height:110svh}.reduced .chapter-copy{transform:none!important}.reduced .hero-bottom{top:calc(100svh - 140px)}@media(min-width:1500px){.chapter-copy{max-width:850px}}@media(max-width:767px){header{padding:23px 6%}.logo{font-size:22px}.header-note{display:none}.menu-button{font-size:9px;padding:10px 13px}.menu-button span{margin-left:12px}.chapter{height:135svh;padding:35svh 7% 0}.chapter-0{height:130svh;padding-top:30svh}h1{font-size:clamp(64px,15vw,110px)}h2{font-size:clamp(62px,15vw,100px)}.eyebrow{font-size:7px;letter-spacing:1.5px;gap:8px;margin-bottom:22px}.chapter-copy>p{font-size:12px!important}.chapter-copy .coordinates{font-size:7px!important}.chapter-nav{right:4%;top:43%;gap:18px}.chapter-nav button span{display:none}.chapter-nav i{width:7px}.chapter-nav .active i{width:16px}.hero-bottom{left:7%;right:7%;top:calc(100svh - 125px);font-size:7px;letter-spacing:1px}.hero-bottom>span:nth-child(2){display:none}.edition i{margin-left:8px}.bottom-bar{padding:20px 6%;font-size:8px}.bottom-bar b{display:none}.settings{gap:12px}.settings button{font-size:7px}.chapter-2 .chapter-copy{margin-left:0}.chapter-3{height:170svh}.digit-controls{gap:12px}.digit-controls select{width:48px;font-size:37px}.demo-inner{padding:20px}.demo .journey-button{gap:25px}.chapter-4{height:120svh}.final-brand{font-size:70px;letter-spacing:-3px}footer{flex-wrap:wrap;font-size:7px}footer>span:nth-child(2){display:none}.fallback-digits{top:20%;right:5%;font-size:58vw;opacity:.4}.landscape{background-position:60% center}.intro{max-width:75%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.landscape{transform:none}.grain{display:none}}.forest-backdrop,.sunrise{position:fixed;inset:0;pointer-events:none}.forest-backdrop{background:linear-gradient(90deg,#071c15a0,#0b251850),url(/forest.jpg) center/cover;opacity:var(--nature,0);transform:scale(calc(1 + var(--nature,0)*.08))}.sunrise{z-index:2;background:linear-gradient(135deg,#edc67c55,transparent 65%);opacity:var(--sunrise,0);mix-blend-mode:screen}
