*{box-sizing:border-box}html{scroll-behavior:smooth;background:#080909;color:#fff9e9}body{margin:0;overflow-x:hidden;font-family:'Source Sans 3',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#ba3926;color:white}#world{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.09;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header{position:absolute;top:0;left:0;right:0;padding:28px 5%;display:flex;justify-content:space-between;align-items:center;z-index:5;font-size:20px}.name{letter-spacing:-.04em}.name span{color:#e54928}.contact{font-size:16px;border-bottom:1px solid #777;padding:8px 0}.contact span{margin-left:20px;color:#b9e8c4}.journey{position:fixed;left:0;top:0;height:3px;width:100%;z-index:9;background:#ffffff08}.journey i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#b91022,#ffce6b 45%,#81ffb5);box-shadow:0 0 15px #ffbb5070}.skip{position:fixed;top:-100px;left:10px;z-index:20;padding:12px;background:#fff;color:#000}.skip:focus{top:10px}main{position:relative;z-index:2}.scene{position:relative;min-height:115svh;padding:110px 7%;isolation:isolate}.arrival{min-height:100svh;padding-top:150px;display:flex;align-items:center}.arrival-copy{width:100%}.opening-line{font-size:19px;color:#ddccb1;margin:0 0 25px}h1,h2,p{margin-top:0}h1,h2{font-weight:600;letter-spacing:-.065em;line-height:.88}h1{font-size:clamp(70px,10.5vw,165px);margin:0;max-width:1150px;text-shadow:0 5px 55px #0007}h1 span{color:transparent;-webkit-text-stroke:1px #edd2a9}h1 span::selection{color:#fff}.arrival-note{font-size:20px;line-height:1.5;margin:35px 0 60px;color:#c7c5b9}.descend{position:absolute;bottom:38px;left:7%;display:flex;gap:25px;align-items:center;font-size:15px}.down{font-size:30px;color:#efbd69}.realm-names{position:absolute;right:5%;bottom:50px;display:flex;gap:30px;font-size:10px;letter-spacing:.16em;color:#c8986c}.realm-names span:last-child{color:#71a886}.giant-word{position:absolute;top:4%;left:2%;font-weight:600;font-size:clamp(160px,28vw,450px);line-height:1;letter-spacing:-.085em;color:#ffb76208;z-index:-1;user-select:none}.scene-copy{position:relative;max-width:560px;padding-top:12vh}.chapter-cue{font-size:17px;color:#d6a473;margin-bottom:24px}.scene-copy h2{font-size:clamp(65px,7.8vw,115px);margin-bottom:38px}.scene-copy h2 em{font-style:normal;color:#ffc873}.scene-copy>p:not(.chapter-cue){font-size:20px;line-height:1.65;color:#d6cfc3;margin-bottom:22px}.margin-thought{position:absolute;bottom:60px;right:7%;font-size:18px;color:#c7ad8b}.challenger .scene-copy{margin-left:auto;max-width:600px}.challenger .chapter-cue{color:#81b298}.challenger .scene-copy h2 em{color:#99ffc2}.challenger .giant-word{color:#66ff9609;left:auto;right:4%}.challenger .margin-thought{right:auto;left:7%;color:#7cab90}.collision{min-height:125svh;text-align:center;display:flex;flex-direction:column;justify-content:space-between;padding-top:80px;padding-bottom:55px}.collision-title h2{font-size:clamp(68px,10.2vw,155px);margin-bottom:25px}.collision-title h2 span{color:transparent;-webkit-text-stroke:1px #96deb5}.collision-title>p{font-size:20px;color:#c6c9bb}.collision-bottom>p{font-size:22px;line-height:1.45}.fusion{display:inline-flex;gap:20px;align-items:center;justify-content:center;min-height:64px;padding:12px 25px;border:1px solid #e6c47e70;color:#ffe6b6;background:#0a110dc9;border-radius:0;cursor:pointer;box-shadow:0 0 50px #eeba3420;transition:border-color .3s,background .3s}.fusion:hover{background:#2c3828}.fusion:focus-visible{outline:2px solid #fff;outline-offset:5px}.fusion[aria-pressed=true]{border-color:#b4ffce;background:#193326}.fusion-symbol{font-size:32px}.collision-bottom .fusion-caption{font-size:15px;color:#9db39e;margin:18px 0 0}.human-scene{position:relative;background:#eae8df;color:#15241d;padding:100px 7% 65px;border-radius:0;box-shadow:0 -30px 150px #0004}.human-title>p{font-size:19px;color:#466252}.human-title h2{font-size:clamp(58px,8.8vw,135px);margin:35px 0 55px}.human-title h2 span{color:#40614a}.photo-window{position:relative;overflow:hidden}.photo-window img{width:100%;height:auto;display:block;filter:saturate(.75)}.photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07140ccc,transparent 70%)}.photo-window>p{position:absolute;left:5%;top:12%;font-size:clamp(35px,5.5vw,80px);font-weight:400;line-height:1.07;letter-spacing:-.05em;color:#f3f3da}.photo-window em{font-style:normal;color:#c4f5d6}.human-after{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:32px;font-size:18px;line-height:1.6}.human-after p{margin:0}.human-after a{border-bottom:1px solid #688471;padding:10px 0}.ending{position:relative;min-height:110svh;padding:100px 7% 30px;text-align:center;background:linear-gradient(#080e0df2,#080e0d80)}.ending-prelude{font-size:19px;color:#b9c4b6;margin-bottom:35px}.ending h2{font-size:clamp(70px,11vw,160px);margin-bottom:40px}.ending h2 span{background:linear-gradient(110deg,#ffa858,#ffe1a4 45%,#adffca);background-clip:text;color:transparent}.big-contact{display:inline-flex;align-items:center;gap:40px;padding:12px 0;border-bottom:1px solid #a4b695;font-size:22px}.big-contact span{color:#ffd492}.signature{width:230px;margin:55px auto 50px}.signature img{width:100%;height:auto;filter:invert(1)}.signature p{font-size:12px;color:#9bb19f;margin-top:12px}.signature a{text-decoration:underline;text-underline-offset:3px}footer{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;border-top:1px solid #ffffff20;padding-top:25px;font-size:15px;color:#b6c5b5}
@media(max-width:700px){header{padding:20px 6%;font-size:19px}.contact{font-size:14px}.scene{padding:100px 7% 60px;min-height:110svh}.arrival{padding-top:130px;min-height:100svh;align-items:flex-start}.opening-line{font-size:15px;max-width:220px;margin-bottom:30px}h1{font-size:clamp(53px,13vw,90px);line-height:.94;letter-spacing:-.06em}.arrival-note{font-size:17px;margin-top:30px;max-width:270px}.realm-names{display:none}.descend{bottom:32px}.scene-copy{padding-top:0;max-width:100%}.chapter-cue{font-size:15px}.scene-copy h2{font-size:clamp(60px,14vw,90px);margin-bottom:28px}.scene-copy>p:not(.chapter-cue){font-size:17px;max-width:320px}.scene-copy>p br{display:initial}.giant-word{top:45%;font-size:45vw;opacity:.8}.margin-thought{font-size:15px;bottom:30px;right:7%}.challenger .scene-copy{margin-left:0}.challenger .margin-thought{left:7%}.collision{min-height:115svh;padding-top:65px;gap:220px}.collision-title h2{font-size:clamp(55px,13.5vw,85px)}.collision-title>p{font-size:17px}.collision-bottom>p{font-size:19px}.human-scene{padding:60px 7% 40px}.human-title>p{font-size:16px}.human-title h2{font-size:clamp(43px,10.5vw,70px);margin:25px 0 35px}.photo-window{margin:0 -8.14%}.photo-window img{aspect-ratio:3/4;object-fit:cover;object-position:51% 50%}.photo-window>p{top:auto;bottom:0;left:7%;font-size:40px}.photo-shade{background:linear-gradient(0deg,#07140cdd,transparent 65%)}.human-after{display:block;font-size:17px;margin-top:25px}.human-after a{display:inline-block;margin-top:15px}.ending{padding:70px 7% 30px}.ending-prelude{font-size:17px}.ending h2{font-size:clamp(56px,13vw,85px)}.big-contact{font-size:19px;gap:22px}.signature{width:210px;margin:45px auto}footer{gap:14px 25px;font-size:14px}footer a:first-child{width:100%}}
/* Oversized background words belong to their scenes, not the page width. */
.scene{overflow:hidden}
/* The daylight pause belongs to the purpose story, with an uncropped portrait. */
.page-name{font-size:15px;color:#b7c6ba}
.stillness-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;align-items:center}
.stillness-photo{margin:0}.stillness-photo img{display:block;width:100%;height:auto}
.stillness-copy{font-size:clamp(19px,2.2vw,27px);line-height:1.5;color:#344b3e;max-width:430px}
.stillness-copy p{margin-bottom:28px}.stillness-copy .stillness-last{color:#172e21;margin-top:45px;margin-bottom:0}
.purpose-coda{font-size:20px;line-height:1.7;color:#c5d1c5;margin:0 auto 55px;max-width:600px}
.purpose-coda p{margin-bottom:25px}.purpose-coda .last-line{color:#f5dfb5;margin-top:40px;font-size:24px}
.ending footer{border:0;padding-top:0}.return-home{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px}.return-home:hover{filter:brightness(1.3)}
@media(max-width:700px){.stillness-layout{display:block}.stillness-photo{margin:0 -8.14%}.stillness-copy{font-size:19px;margin-top:30px}.stillness-copy .stillness-last{margin-top:30px}.purpose-coda{font-size:18px}.purpose-coda .last-line{font-size:22px}footer .return-home:first-child{width:56px}}
