body{background:#0a0b0d}.extra-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);margin:0 0 8px;font-size:10px}.timeline{z-index:5;opacity:0;pointer-events:none;height:76px;transition:opacity .6s,transform .6s;position:fixed;bottom:30px;left:480px;right:300px;transform:translateY(8px)}.timeline.is-visible{opacity:1;pointer-events:auto;transform:none}.timeline canvas{cursor:ew-resize;touch-action:none;width:100%;height:100%;display:block}.timeline-caption{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);margin:0;font-size:10px;position:absolute;top:-16px;left:8px}.tides-readout .readout-temperature{font-size:28px}@media (width<=1180px){.timeline{bottom:104px;left:460px;right:32px}}@media (width<=900px){.timeline{height:50px;inset:112px 14px auto}.timeline:before{background:linear-gradient(#0a0b0db3,#0a0b0d73 70%,#0a0b0d00);inset:-30px -14px -10px}.tides-readout{border-radius:12px;flex-wrap:wrap;align-items:baseline;column-gap:12px;width:auto;padding:9px 14px;display:flex;top:172px;left:14px;right:14px}.tides-readout .readout-leg{font-size:16px;margin-top:0!important}.tides-readout .readout-temperature{gap:6px;font-size:18px;margin:0 0 0 auto!important}.tides-readout .readout-temperature small{font-size:10px}.tides-readout dl{display:none}}.masthead:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#0a0b0db8,#0a0b0d00);position:absolute;inset:-34px -70px -34px -60px}.scene-label-text{text-shadow:0 0 2px #0a0b0d8c,0 1px 14px #0a0b0de6}.axis-label .scene-label-dot,.axis-label em{display:none}.axis-label small{letter-spacing:.08em;color:var(--ink-3);white-space:nowrap;font-size:9.5px}.timeline:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0a0b0d00,#0a0b0d99 35%,#0a0b0dd1);position:absolute;inset:-34px -40px -40px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.scene-label-up .scene-label-text{translate:0 calc(-100% - 6px)}