@font-face{font-family:Joe;src:url('assets/body.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Joe;src:url('assets/body-bold.ttf') format('truetype');font-weight:700;font-display:swap}:root{color-scheme:dark;--night:#080e12;--cream:#f4f0e5;--accent:#eacb83;--muted:#b0b9bb;--progress:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--night);color:var(--cream);font:16px/1.7 Joe,sans-serif;overflow-x:clip}::selection{background:var(--accent);color:var(--night)}a{color:inherit;text-underline-offset:6px}a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}svg{display:block}h1,h2,h3,p{margin:0}h1,h2{font-weight:700;line-height:1.1;letter-spacing:-.04em;text-wrap:balance}p{max-width:70ch}a,button{-webkit-tap-highlight-color:transparent}.header{position:absolute;top:0;left:0;right:0;z-index:5;height:100px;padding:0 6%;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;font-size:23px;letter-spacing:-1px;font-weight:700;text-decoration:none;white-space:nowrap}.brand span{color:var(--accent)}.brand svg{width:24px;height:32px;fill:none;stroke:var(--cream);stroke-width:2;margin-right:12px}.header nav{display:flex;align-items:center;gap:35px;font-size:12px}.header nav a{text-decoration:none;color:#d5d9d7}.header nav a:hover{color:var(--accent)}.nav-end{display:flex;align-items:center;gap:14px;border-bottom:1px solid #a6b0b5;padding-bottom:7px}.nav-end svg,.scroll-hint svg,.replay svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}.journey{position:relative;height:570vh;height:570svh}.scene{height:100vh;height:100svh;min-height:600px;position:sticky;top:0;overflow:hidden;isolation:isolate}.ambient{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 71% 46%,#1d3039 0, #101b22 26%,#080e12 62%);opacity:.85}.story-copy{position:absolute;top:40%;left:8%;z-index:3;width:49%;pointer-events:none}.story-copy h1,.story-copy h2{font-size:clamp(42px,4.7vw,72px)}.story-copy h1 span,.story-copy h2 span{color:#9ba9af}.story-copy p{font-size:16px;line-height:1.8;color:#c4ccce;margin-top:30px}.fall,.protection,.arrival{opacity:0;visibility:hidden}.object-space{position:absolute;inset:0;pointer-events:none;--object-x:72%;--object-y:49%}.cargo{position:absolute;left:var(--object-x);top:var(--object-y);width:clamp(150px,17.2vw,260px);height:clamp(205px,23.5vw,355px);transform:translate(-50%,-50%) rotate(-12deg);will-change:transform}.egg,.finale-egg{position:absolute;inset:0;overflow:hidden;border-radius:50% 50% 46% 46% / 62% 62% 38% 38%;background:radial-gradient(ellipse at 31% 25%,#fcf7e8 0%,#e5ddc8 36%,#aaa38f 69%,#4c5149 100%);box-shadow:inset -14px -12px 35px #121d2080,20px 30px 70px #0008}.egg:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 75% 85%,#bfa56b30,transparent 60%)}.egg-shine{position:absolute;left:21%;top:13%;width:31%;height:40%;border-radius:50%;background:#fffcdf12;filter:blur(15px);transform:rotate(20deg)}.egg-mark{position:absolute;top:59%;left:41%;font-size:clamp(20px,2.6vw,36px);font-weight:700;letter-spacing:-.06em;color:#726c59;transform:rotate(0deg)}.parachute{position:absolute;width:220%;height:180%;left:-60%;bottom:70%;opacity:0;transform-origin:50% 100%;transform:scale(.15);z-index:2}.canopy{position:absolute;top:0;width:100%;height:56%;filter:drop-shadow(6px 15px 12px #0005)}.cords{position:absolute;top:30%;width:100%;height:77%;fill:none;stroke:#d8d8c4;stroke-width:.8;opacity:.8}.harness{position:absolute;left:-3%;bottom:10%;height:30%;width:106%;border-bottom:3px solid #c9bc97;border-radius:0 0 50% 50%;transform:rotate(6deg);opacity:0}.landing-pad{position:absolute;width:330px;height:100px;left:72%;top:82%;transform:translate(-50%,100px);opacity:0;perspective:600px}.straw{position:absolute;left:5%;width:90%;height:10px;background:linear-gradient(#ddbb73,#ac884a 65%,#614a28);border-radius:5px;box-shadow:0 3px 5px #0005}.layer-a{top:10px;transform:rotate(8deg)}.layer-b{top:25px;transform:rotate(-8deg)}.layer-c{top:40px;transform:rotate(7deg)}.layer-d{top:55px;transform:rotate(-7deg)}.layer-e{top:70px;transform:rotate(6deg)}.layer-f{top:35px;transform:rotate(90deg);width:85px;left:65%}.pad-label{font-size:8px;letter-spacing:.15em;text-align:center;padding-top:100px;color:#a8b3b5}.landing-shadow{position:absolute;left:72%;top:85%;width:290px;height:35px;border-radius:50%;background:#000;filter:blur(15px);transform:translateX(-50%);opacity:0}.floor-line{position:absolute;top:93%;left:50%;right:7%;height:1px;background:linear-gradient(90deg,transparent,#7c8f9670,transparent);opacity:0}.altitude{position:absolute;right:3%;top:32%;bottom:27%;display:flex;flex-direction:column;align-items:center;gap:15px;font-size:7px;letter-spacing:.15em;color:#9aaab2}.altitude>div{width:1px;flex:1;background:#ffffff1a;position:relative}.altitude i{position:absolute;top:calc(var(--progress)*100%);left:-2px;width:5px;height:5px;background:var(--accent);border-radius:50%}.scene-bottom{position:absolute;bottom:6%;left:8%;right:8%;display:flex;justify-content:space-between;font-size:10px}.scroll-hint{display:flex;gap:25px;align-items:center;text-decoration:none;color:#c4ccce}.scene-note{color:#93a0a5;font-size:10px}.phase-caption{position:absolute;bottom:7%;left:8%;font-size:11px;color:var(--accent);opacity:0}.concept-label{position:absolute;right:8%;bottom:3%;color:#87989f;font-size:8px;letter-spacing:.03em;opacity:0}.journey-waypoint{position:absolute;top:83%;height:1px;pointer-events:none}.promise{background:var(--cream);color:#172a32;padding:130px 8% 100px;display:grid;grid-template-columns:1.2fr 1fr;column-gap:10%;row-gap:100px}.promise-opening>p{font-size:13px;margin-bottom:26px;color:#526468}.promise h2{font-size:clamp(40px,4.2vw,64px)}.promise h2 em{font-style:normal;color:#7d672f}.promise-copy{align-self:end;padding-bottom:5px;font-size:16px;line-height:1.9}.promise-copy p+p{margin-top:24px;color:#536268}.principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:7%}.principles article{border-top:1px solid #bdc6c1;padding-top:26px}.principles h3{font-size:23px;letter-spacing:-.025em;margin-bottom:14px}.principles p{font-size:13px;color:#526268;line-height:1.9}.finale{min-height:700px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:100px 24px;background:radial-gradient(ellipse at 50% 0,#21333a,#080e12 65%)}.finale-egg{position:relative;width:56px;height:76px;margin-bottom:36px;transform:rotate(10deg);box-shadow:8px 12px 25px #0006}.finale h2{font-size:clamp(45px,5.7vw,80px)}.finale h2 span{color:#9ba9af}.finale>p{color:#b0bdc0;font-size:14px;margin-top:26px}.replay{display:flex;align-items:center;gap:20px;font-size:12px;text-decoration:none;border-bottom:1px solid #78888e;padding-bottom:9px;margin-top:38px}.replay:hover{color:var(--accent)}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:30px 6%;border-top:1px solid #ffffff16}footer .brand{font-size:19px}footer p,footer>a:last-child{font-size:10px;color:#a9b6ba}footer>a:last-child{text-decoration:none}.skip{position:fixed;top:-100px;left:20px;background:var(--cream);color:var(--night);padding:10px 20px;z-index:10}.skip:focus{top:10px}body{scrollbar-color:#647981 var(--night)}@media(min-width:1600px){.story-copy{left:calc((100vw - 1360px)/2)}.story-copy h1,.story-copy h2{font-size:76px}}@media(max-width:800px){.header{height:85px}.header nav{gap:20px;font-size:10px}.header nav a:first-child{display:none}.brand{font-size:20px}.story-copy{left:7%;width:53%;top:39%}.story-copy h1,.story-copy h2{font-size:42px}.story-copy p{font-size:13px}.cargo{width:160px;height:219px}.promise{padding:85px 7%;column-gap:7%}.promise-copy{font-size:14px}.altitude{right:2%}}@media(max-width:600px){.header{height:78px;padding:0 6%}.brand{font-size:20px}.brand svg{width:20px;margin-right:8px}.header nav a{display:none}.header nav a.nav-end{display:flex;font-size:10px;gap:9px}.nav-end svg{width:14px}.journey{height:510svh}.scene{min-height:580px}.ambient{background:radial-gradient(ellipse at 50% 58%,#243943,#101b22 31%,#080e12 68%)}.story-copy{left:7%;right:7%;top:17%;width:auto;text-align:center}.story-copy h1,.story-copy h2{font-size:clamp(33px,8.3vw,46px);letter-spacing:-.04em}.story-copy p{font-size:12px;margin-top:16px;line-height:1.8}.object-space{--object-x:50%;--object-y:61%}.cargo{width:125px;height:171px}.egg-mark{font-size:22px}.parachute{width:205%;left:-52.5%;height:165%}.landing-pad{left:50%;top:83%;width:230px;height:70px}.straw{height:8px}.layer-a{top:0}.layer-b{top:12px}.layer-c{top:24px}.layer-d{top:36px}.layer-e{top:48px}.layer-f{top:22px;width:65px}.pad-label{padding-top:75px;font-size:7px}.landing-shadow{left:50%;width:210px;top:87%}.floor-line{left:12%;right:12%;top:94%}.scene-bottom{left:7%;right:7%;bottom:6%;justify-content:center}.scene-note{display:none}.scroll-hint{font-size:9px;gap:13px}.scroll-hint svg{width:14px}.altitude{top:48%;bottom:21%;right:5%;font-size:6px;gap:10px}.phase-caption{bottom:5%;left:0;right:0;text-align:center;font-size:10px}.concept-label{right:0;left:0;bottom:2%;text-align:center;font-size:7px}.promise{grid-template-columns:1fr;gap:35px;padding:70px 7%}.promise h2{font-size:43px}.promise-opening>p{font-size:11px;margin-bottom:20px}.promise-copy{font-size:14px}.principles{grid-template-columns:1fr;gap:25px;margin-top:10px}.principles article{display:grid;grid-template-columns:110px 1fr;gap:12px;padding-top:22px}.principles h3{font-size:19px}.principles p{font-size:12px}.finale{min-height:590px;padding:80px 24px}.finale h2{font-size:46px}.finale>p{font-size:12px;max-width:260px}.replay{font-size:10px}footer{flex-wrap:wrap;gap:16px;padding:28px 7%}footer .brand{width:100%;font-size:19px}footer p,footer>a:last-child{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.journey{height:auto}.scene{position:relative;height:850px;min-height:0}.intro{opacity:1!important;visibility:visible!important;transform:none!important}.fall,.protection,.arrival{display:none}.cargo{transform:translate(-50%,-50%) rotate(-8deg)!important}.parachute,.harness,.landing-pad,.landing-shadow,.floor-line,.altitude,.scene-bottom,.phase-caption{display:none}.concept-label{opacity:1!important}.story-copy{top:21%}.object-space{--object-y:60%}.journey-waypoint{top:90%}}