.viz-container{position:relative;display:flex;justify-content:center;margin-top:20px}body{background-color:#e6f5f9}.axis-label{font-family:Martian Mono,monospace;font-size:12px;letter-spacing:.5px}.tick text{font-family:Martian Mono,monospace;font-size:11px}@font-face{font-family:Louize Display;src:url(/the_sea_was_never_blue/fonts/LouizeDisplay.ttf) format("truetype");font-weight:400;font-style:normal}.chart-title{font-family:Louize Display,serif;font-size:24px;fill:#333}.App{display:block;text-align:center;width:100%}.body-text{text-align:left;width:82%;margin:16px auto;line-height:1.6;padding:0 30px}.html-tooltip{position:absolute;width:auto;min-width:290px;max-width:320px;height:auto;padding:14px;text-align:left;background:#fff;border:1px solid #000000;border-radius:4px;pointer-events:none;opacity:0;transition:opacity .2s ease-in-out;z-index:100;font-family:Martian Mono,monospace;font-size:12px;line-height:1.5}.intro-section{max-width:900px;margin:3vh auto 1vh;padding:0 24px;text-align:center}.scrolly-container{position:relative}.sticky-graphic{position:sticky;top:0;height:100vh;width:100%;display:flex;justify-content:center;align-items:center;gap:90px;z-index:0}.scrolly-scroll{position:relative;z-index:1;margin-top:-100vh;pointer-events:none}.step-full-height{height:100vh;display:flex;align-items:center;justify-content:center}.step-card{position:relative;max-width:700px;width:90%;padding:28px 32px;margin:0 auto;pointer-events:auto}.below-graphic-section{max-width:900px;margin:60px auto 80px;padding:0 24px}.methodology-section{max-width:700px;margin:140px auto 80px;padding:0 24px}@keyframes eyeshine-flash{0%,to{opacity:0}50%{opacity:1}}.porphureos-eyeshine{animation:eyeshine-flash 1s ease-in-out infinite;opacity:0}.sea-frequency-polarchart{display:flex;justify-content:center;align-items:center;margin:30px auto -60px;padding:0;width:100%;height:auto;overflow:visible}