:root{--paper:#f6f2e8;--ink:#293e33;--muted:#657163;--rust:#99583d;--line:#69715b36;--serif:'Iowan Old Style','Palatino Linotype',Palatino,Georgia,serif;--sans:'Avenir Next',Avenir,'Segoe UI',sans-serif;--ease:cubic-bezier(.22,.68,.18,1)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--paper);color:var(--ink);font-family:var(--sans)}button,a{color:inherit;-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--rust);outline-offset:5px}button{border:0}a{text-decoration:none}[hidden]{display:none!important}h1,h2,p{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:10px;left:12px;background:var(--ink);color:var(--paper);padding:12px;z-index:100;transform:translateY(-150%)}.skip:focus{transform:none}.explorer{position:relative;width:100%;height:100svh;min-height:560px;overflow:hidden;isolation:isolate;background:#dbe2c8}.landscape{position:absolute;inset:0;overflow:hidden;touch-action:pan-y}.world{position:absolute;transform-origin:0 0;will-change:transform;transition:transform 950ms var(--ease)}.scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:0;transition:opacity 850ms ease-in-out}.scene-image.is-current{opacity:1}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#f6f2e8f7 0,#f6f2e8b8 11%,#f6f2e800 29%,#f6f2e800 65%,#f6f2e8a6 84%,#f6f2e8 100%),linear-gradient(90deg,#f6f2e8b0,#f6f2e800 22%);z-index:2}.header{position:absolute;top:0;left:0;right:0;z-index:8;display:flex;align-items:flex-start;justify-content:space-between;padding:25px 34px;pointer-events:none}.header>*{pointer-events:auto}.brand{width:139px;text-align:center;display:block;padding-top:4px}.brand img{width:100%;height:auto;filter:brightness(0) saturate(100%) invert(20%) sepia(13%) saturate(862%) hue-rotate(94deg) brightness(93%) contrast(91%)}.brand span{display:block;font-size:7px;letter-spacing:.55em;padding-left:.55em;margin-top:0}.heading{text-align:center;position:absolute;left:50%;transform:translateX(-50%);width:600px;pointer-events:none}.eyebrow{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.19em;font-weight:600;line-height:1.6}.heading h1{font:500 clamp(29px,3.2vw,48px)/1.1 var(--serif);letter-spacing:-.045em;margin-top:7px}.heading h1 em{font-weight:400}.pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #62725955;border-radius:30px;padding:12px 19px;background:#f6f2e8df;backdrop-filter:blur(14px);font-size:11px;font-weight:500;min-height:44px;transition:background .2s,transform .2s}.pill:hover{background:#fffaf1;transform:translateY(-1px)}.tiny-flower{font-size:21px;line-height:1}.places-toggle{margin-top:3px}.places-menu{position:absolute;right:34px;top:83px;width:260px;padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 45px #20302022;max-height:calc(100svh - 120px);overflow:auto}.places-menu button{display:flex;justify-content:space-between;width:100%;text-align:left;padding:11px 12px;font-size:12px;background:transparent;border-radius:9px}.places-menu button:hover,.places-menu button:focus-visible{background:#e7e9db}.places-menu button span{color:var(--rust)}
.timeline{position:absolute;top:150px;left:34px;bottom:190px;width:115px;z-index:6;display:flex;flex-direction:column}.timeline-label{font-size:8px;letter-spacing:.16em;text-transform:uppercase;opacity:.8;margin-bottom:23px}.timeline-track{display:flex;flex-direction:column;gap:0;position:relative}.timeline-track:before{content:'';position:absolute;left:4px;top:14px;bottom:25px;border-left:1px solid #485d4650}.timeline-track button{position:relative;display:flex;align-items:center;gap:13px;text-align:left;padding:0 0 21px;background:transparent;color:#334e3ab5;min-height:58px}.timeline-track button:last-child{padding-bottom:0}.timeline-track i{width:9px;height:9px;border:1px solid #42604a;background:#f6f2e8;border-radius:50%;position:relative;flex-shrink:0;transition:background .25s,box-shadow .25s}.timeline-track button>span{font-family:var(--serif);font-size:24px;line-height:1.1;transition:color .25s}.timeline-track small{font-family:var(--sans);font-size:9px;line-height:1.4;display:block;padding-top:3px;letter-spacing:.02em}.timeline-track button[aria-current]{color:var(--rust)}.timeline-track button[aria-current] i{background:var(--rust);border-color:var(--rust);box-shadow:0 0 0 5px #f6f2e8b0}.timeline-track button:hover{color:var(--rust)}
.life-companion{margin-top:auto;width:102px;text-align:center;padding-top:15px;color:var(--ink)}.life-companion svg{width:95px;height:64px;overflow:visible;stroke:currentColor;stroke-width:1.3;fill:none}.life-companion>span{display:block;font:italic 12px var(--serif);opacity:.85}.caterpillar,.chrysalis,.butterfly{opacity:0;transition:opacity .8s}.life-companion[data-life=caterpillar] .caterpillar,.life-companion[data-life=chrysalis] .chrysalis,.life-companion[data-life=butterfly] .butterfly,.life-companion[data-life=emerging] .butterfly{opacity:1}.butterfly{fill:#ae7149}.butterfly-body{stroke:#293e33;fill:none;stroke-width:2}.left-wing,.right-wing{transform-origin:75px 57px;animation:wing-left 5.5s ease-in-out infinite}.right-wing{animation-name:wing-right}.life-companion[data-life=emerging] .left-wing{transform:scaleX(.5)}.life-companion[data-life=emerging] .right-wing{transform:scaleX(.5)}.twig{opacity:.4}.stage-caption{position:absolute;bottom:67px;left:190px;width:min(430px,calc(100% - 440px));z-index:5;text-shadow:0 1px 15px #f6f2e8}.stage-meta{display:flex;gap:12px;align-items:center;margin-bottom:9px}.stage-year{font:italic 25px var(--serif);color:var(--rust)}.status{font-size:8px;letter-spacing:.13em;text-transform:uppercase;border-left:1px solid var(--line);padding-left:12px}.stage-caption h2{font:500 clamp(28px,3vw,41px)/1.05 var(--serif);letter-spacing:-.035em;margin-bottom:11px}.stage-caption>p{font-size:12px;line-height:1.7;max-width:425px}.stage-caption .explore-hint{margin-top:12px;font-size:9px;color:var(--muted)}.explore-hint span{font-size:15px;margin-right:5px}.footer{position:absolute;bottom:20px;left:34px;right:34px;z-index:6;display:flex;align-items:center;gap:23px;font-size:9px;min-height:30px;color:var(--muted)}.concept-note{max-width:65%;line-height:1.5}.replay{background:none;padding:8px 0;margin-left:auto;font-size:10px;display:flex;align-items:center;gap:8px}.replay span{font-size:19px}.fullscreen{padding:8px;background:none}.fullscreen svg{width:16px;height:16px;fill:none;stroke:var(--ink);stroke-width:1.2}
.hotspots{position:absolute;inset:0}.hotspot{position:absolute;background:transparent;border:1px solid transparent;border-radius:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;transition:background .25s,border .25s}.hotspot:before{content:'+';display:block;font:300 22px/1 var(--sans);width:30px;height:30px;border:1px solid #fdfbf1b0;border-radius:50%;color:#faf8ed;background:#28493645;box-shadow:0 2px 8px #173b1d22;opacity:.7;transition:opacity .25s,transform .25s}.hotspot:hover,.hotspot:focus-visible{background:#f6f2e815;border-color:#fff8df70;outline-offset:0}.hotspot:hover:before,.hotspot:focus-visible:before{opacity:0;transform:scale(.75)}.hotspot-label{position:absolute;white-space:nowrap;font:italic 500 31px/1 var(--serif);letter-spacing:-.025em;color:#fff9e9;text-shadow:0 2px 12px #1e3029,0 1px 4px #1e3029;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .2s,transform .3s}.hotspot:hover .hotspot-label,.hotspot:focus-visible .hotspot-label{opacity:.95;transform:translateY(0)}.is-detail .hotspots{pointer-events:none;visibility:hidden}.is-detail .stage-caption{opacity:0;pointer-events:none}.stage-caption{transition:opacity .3s}.detail{position:absolute;z-index:9;top:145px;right:42px;width:350px;max-height:calc(100svh - 220px);overflow:auto;overscroll-behavior:contain;border-radius:20px;background:#f6f2e8ef;backdrop-filter:blur(22px);padding:25px 29px 24px;box-shadow:0 20px 65px #1a352322;border:1px solid #fffaf099;animation:detail-enter .5s var(--ease)}.detail-back{font-size:10px;padding:9px 14px;min-height:38px;background:transparent;margin-bottom:28px}.detail .eyebrow{font-size:8px;color:var(--rust);margin-bottom:14px}.detail h2{font:500 38px/1.02 var(--serif);letter-spacing:-.035em;margin-bottom:20px}.detail p:not(.eyebrow){font-size:12px;line-height:1.8;margin:0 0 15px}.detail-next{background:none;border-top:1px solid var(--line);padding:16px 0 0;width:100%;text-align:left;font-size:10px;display:flex;justify-content:space-between;margin-top:18px}.is-detail .heading{opacity:0;transition:opacity .25s}.loading{position:absolute;z-index:15;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--paper);padding:16px 22px;border-radius:40px;box-shadow:0 8px 30px #28402622;font-size:11px;display:flex;gap:12px;align-items:center}.loading span{width:8px;height:8px;background:var(--rust);border-radius:50%;animation:breathe 1s ease-in-out infinite}.asset-error{position:absolute;z-index:16;top:110px;left:50%;transform:translateX(-50%);padding:15px 20px;background:var(--paper);border-radius:15px;font-size:12px;text-align:center;width:min(420px,90%);box-shadow:0 5px 30px #24302022}.asset-error p{margin-bottom:12px}.planning{position:absolute;inset:0;z-index:1}.planning svg{width:100%;height:100%}.hotspots{z-index:2}.intro{position:absolute;inset:0;background:#f6f2e8d9;backdrop-filter:blur(18px);z-index:30;display:grid;place-items:center;animation:detail-enter .3s ease-out}.intro-paper{text-align:center}.intro-paper>p{font:italic 33px var(--serif);margin:10px 0 25px}.intro-paper .life-companion{width:330px;height:230px;margin:0;padding:0}.intro-paper svg{width:320px;height:215px}.intro-paper .life-companion>span{display:none}.intro-paper .pill{pointer-events:auto}.noscript{position:absolute;z-index:50;bottom:0;background:var(--paper);padding:20px;width:100%;font-size:14px}.noscript h2{font:30px var(--serif);margin-bottom:10px}
@keyframes wing-left{0%,100%{transform:scaleX(1) rotate(-3deg)}50%{transform:scaleX(.7) rotate(4deg)}}@keyframes wing-right{0%,100%{transform:scaleX(1) rotate(3deg)}50%{transform:scaleX(.7) rotate(-4deg)}}@keyframes breathe{50%{opacity:.3;transform:scale(.7)}}@keyframes detail-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.header{padding:35px 45px}.timeline{left:45px;top:175px}.stage-caption{left:215px;bottom:80px;width:480px}.stage-caption>p{font-size:14px}.stage-caption h2{font-size:45px}.detail{right:55px;top:170px;width:400px;padding:32px}.detail p:not(.eyebrow){font-size:14px}.detail h2{font-size:44px}}
@media(max-height:720px) and (min-width:761px){.timeline{top:125px;bottom:170px}.timeline-label{margin-bottom:12px}.timeline-track button{min-height:49px;padding-bottom:13px}.life-companion{display:none}.stage-caption{bottom:58px}.stage-caption h2{font-size:30px}.stage-caption>p{font-size:11px}.detail{top:105px;max-height:calc(100svh - 160px)}}
@media(max-width:1000px) and (min-width:761px){.heading{width:420px;top:28px}.heading h1{font-size:30px}.header{padding:22px}.brand{width:110px}.places-toggle{font-size:10px;padding:10px 12px}.timeline{left:22px;width:100px}.stage-caption{left:150px;width:350px}.detail{right:24px;width:310px}}
@media(max-width:760px){.explorer{min-height:610px;background:var(--paper)}.header{padding:19px 20px;align-items:center}.brand{width:104px;padding:0}.brand span{font-size:6px}.heading{top:88px;width:100%;padding-inline:20px}.heading .eyebrow{font-size:8px}.heading h1{font-size:32px;margin-top:5px}.places-toggle{font-size:0;padding:10px 13px;gap:0;min-width:44px;margin:0}.tiny-flower{font-size:23px}.places-menu{top:70px;right:20px;max-height:calc(100svh - 105px)}.landscape{top:150px;bottom:230px;overflow:hidden}.vignette{background:linear-gradient(180deg,var(--paper),#f6f2e800 27%,#f6f2e800 55%,var(--paper) 76%);pointer-events:none}.timeline{top:auto;left:20px;right:20px;bottom:182px;height:50px;width:auto;display:block}.timeline-label,.life-companion{display:none}.timeline-track{flex-direction:row;justify-content:space-between}.timeline-track:before{left:9px;right:9px;top:5px;bottom:auto;border-left:none;border-top:1px solid var(--line)}.timeline-track button{flex-direction:column;gap:8px;padding:0;min-height:48px;min-width:52px;align-items:center;text-align:center}.timeline-track button>span{font-size:20px}.timeline-track small{font-size:8px;padding-top:3px}.stage-caption{left:23px;right:23px;bottom:62px;width:auto;text-shadow:none}.stage-meta{margin-bottom:5px;gap:10px}.stage-year{font-size:19px}.status{font-size:7px}.stage-caption h2{font-size:29px;margin-bottom:7px}.stage-caption>p{font-size:11px;line-height:1.6;max-width:none}.stage-caption .explore-hint{display:none}.footer{left:23px;right:20px;bottom:13px;font-size:8px;gap:12px}.concept-note{max-width:75%;font-size:7px}.replay{font-size:0;gap:0}.replay span{font-size:22px}.fullscreen{display:none}.hotspot:before{width:26px;height:26px;font-size:19px;background:#294c3b8c}.hotspot-label{font-size:21px;white-space:normal;width:130px;text-align:center}.detail{left:16px;right:16px;top:auto;bottom:17px;width:auto;max-height:44svh;padding:20px 23px;border-radius:20px;box-shadow:0 8px 50px #253d332b}.detail-back{margin-bottom:17px;min-height:36px}.detail h2{font-size:32px;margin-bottom:15px}.detail p:not(.eyebrow){font-size:12px;line-height:1.7}.detail .eyebrow{margin-bottom:10px}.detail-next{margin-top:8px}.is-detail .timeline,.is-detail .footer{visibility:hidden}.is-detail .heading{opacity:1}.is-detail .vignette{background:linear-gradient(180deg,var(--paper),#f6f2e800 25%,#f6f2e800 60%,var(--paper) 90%)}.is-detail .landscape{bottom:35svh}.loading{top:39%;font-size:10px}.intro-paper>p{font-size:27px}}
@media(max-width:760px) and (max-height:680px){.heading{top:75px}.heading h1{font-size:27px}.landscape{top:130px;bottom:220px}.timeline{bottom:179px}.stage-caption h2{font-size:25px}.stage-caption>p{font-size:10px}.detail{max-height:44svh}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.world{will-change:auto}}
.explorer[aria-busy=true] .hotspots{pointer-events:none;visibility:hidden}.explorer.is-away *{animation-play-state:paused!important}
.life-companion[data-life=emerging] .left-wing,.life-companion[data-life=emerging] .right-wing{animation:none}.intro-paper .life-companion{display:block}
.intro .is-flying .butterfly{transform-origin:75px 55px;animation:fly-away .9s ease-in forwards}@keyframes fly-away{to{transform:translate(60px,-70px) rotate(-20deg) scale(.45);opacity:0}}
@media(max-width:760px){.timeline>.life-companion{display:block;position:fixed;right:23px;bottom:140px;width:48px;padding:0;pointer-events:none}.timeline>.life-companion svg{width:48px;height:32px}.timeline>.life-companion>span{display:none}}