[data-end=earth] body{--ground:#37291d;--ground-shade:#0f1509}[data-end=earth] body[data-time=night]{--ground:#15172b;--ground-shade:#02050f}.dive-dark{pointer-events:none;position:fixed;inset:0;overflow:hidden}.dive-dark i{position:absolute;inset:0}.dive-dark .dim{background:var(--ground-shade);opacity:0;transition:background-color 1.2s}.dive-dark .rising{will-change:transform;background:linear-gradient(to bottom, transparent 24vh, color-mix(in srgb, var(--ground) 16%, transparent) 36vh, color-mix(in srgb, var(--ground) 50%, transparent) 50vh, color-mix(in srgb, var(--ground) 84%, transparent) 63vh, var(--ground) 74vh), linear-gradient(to bottom, transparent, color-mix(in srgb, var(--ground-shade) 12%, transparent) 16vh, color-mix(in srgb, var(--ground-shade) 42%, transparent) 34vh, color-mix(in srgb, var(--ground-shade) 78%, transparent) 52vh, var(--ground-shade) 68vh);height:174vh;inset:0 0 auto;transform:translateY(100vh)}.dive-dark .rising:after{content:"";background:var(--grain) 0 0 / 128px;position:absolute;inset:36vh 0 0;-webkit-mask-image:linear-gradient(#0000,#000 38vh);mask-image:linear-gradient(#0000,#000 38vh)}html[data-end=earth] .dive-tint{background:0 0}html[data-scroll=grass][data-end=earth] .sheet{--ink:#fbf3e6;--ink-soft:#fbf3e6cc;--paper:#2a2017;pointer-events:auto;background:linear-gradient(#0000 40vh,#0000004d);margin-top:14vh}html[data-scroll=grass][data-end=earth] .how :is(h2,.steps li){opacity:0;transition:opacity .18s,transform 0s linear .18s;transform:translateY(18px)}html[data-scroll=grass][data-end=earth].lit .how :is(h2,.steps li){opacity:1;transition:opacity .7s cubic-bezier(.2, .7, .2, 1) var(--wait,0s), transform .9s cubic-bezier(.2, .7, .2, 1) var(--wait,0s);transform:none}html[data-end=earth] .steps li:first-child{--wait:.12s}html[data-end=earth] .steps li:nth-child(2){--wait:.2s}html[data-end=earth] .steps li:nth-child(3){--wait:.28s}html[data-end=earth] .steps li:nth-child(4){--wait:.36s}html[data-end=earth] .earth{opacity:0;transition:opacity .18s}html[data-end=earth].lit .earth{opacity:1;transition:opacity 1.2s .2s}html[data-scroll=grass][data-end=earth] body[data-time=night] .sheet{--ink:#f2f4ff;--ink-soft:#e1e8ffc7;--paper:#0f1123}html[data-scroll=grass][data-end=earth] .how{z-index:1;opacity:1;padding-top:16vh;padding-bottom:44vh;position:relative}html[data-end=earth]:not([data-then]) .shot{box-shadow:0 14px 44px #0000005c}.earth{pointer-events:none;position:absolute;inset:0;overflow:hidden}.earth svg{display:block}.earth .rock{fill:url(#earth-rock)}.earth .rock-face{fill:#000;opacity:.1}html[data-scroll=grass][data-end=earth][data-under] .sheet{margin-top:104vh}.dive-paper{background:var(--paper);opacity:0;pointer-events:none;transition:background-color 1.2s;position:fixed;inset:0}html[data-scroll=grass][data-end=earth][data-then] .sheet,html[data-scroll=grass][data-end=earth][data-then] body[data-time=night] .sheet{--ink:inherit;--ink-soft:inherit;--paper:inherit;background:0 0}html[data-scroll=grass][data-end=earth][data-then=paper] .sheet{margin-top:32vh}html[data-scroll=grass][data-end=earth][data-then=paper][data-under] .sheet{margin-top:60vh}html[data-paper=white] body:not([data-time=night]){--paper:#fff}html[data-then=ends] .dive-paper{height:calc(100vh + var(--pale,50vh));opacity:1;will-change:transform;background:0 0;inset:0 0 auto;transform:translateY(130vh)}html[data-then=ends] body{--ends-warm:#c9a67a}html[data-then=ends] body[data-time=night]{--ends-warm:var(--paper)}html[data-scroll=grass][data-end=earth][data-then=ends][data-under] .sheet{margin-top:var(--ends-top,126vh)}.dive-lens{opacity:0;pointer-events:none;position:fixed;inset:0}.dive-lens.above{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);-webkit-mask-image:linear-gradient(to bottom, #000 calc(var(--line,50vh) - 64vh), #00000073 calc(var(--line,50vh) - 34vh), transparent calc(var(--line,50vh) - 9vh));-webkit-mask-image:linear-gradient(to bottom, #000 calc(var(--line,50vh) - 64vh), #00000073 calc(var(--line,50vh) - 34vh), transparent calc(var(--line,50vh) - 9vh));mask-image:linear-gradient(to bottom, #000 calc(var(--line,50vh) - 64vh), #00000073 calc(var(--line,50vh) - 34vh), transparent calc(var(--line,50vh) - 9vh))}.dive-lens.below{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-mask-image:linear-gradient(to bottom, transparent calc(var(--line,50vh) + 14vh), #00000080 calc(var(--line,50vh) + 36vh), #000 calc(var(--line,50vh) + 56vh));-webkit-mask-image:linear-gradient(to bottom, transparent calc(var(--line,50vh) + 14vh), #00000080 calc(var(--line,50vh) + 36vh), #000 calc(var(--line,50vh) + 56vh));mask-image:linear-gradient(to bottom, transparent calc(var(--line,50vh) + 14vh), #00000080 calc(var(--line,50vh) + 36vh), #000 calc(var(--line,50vh) + 56vh))}html[data-end=earth] body[data-time=night]{--paper:#05070f}html[data-end=earth][data-night="1"] body[data-time=night]{--paper:#0d1326}html[data-end=earth][data-night="2"] body[data-time=night]{--paper:#090d1c}html[data-end=earth][data-night=blue] body[data-time=night]{--paper:#121a33}