@font-face{font-family:Oswald;src:url(/fonts/oswald-v57-latin-regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Oswald;src:url(/fonts/oswald-v57-latin-500.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Oswald;src:url(/fonts/oswald-v57-latin-600.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Share Tech Mono;src:url(/fonts/share-tech-mono-v16-latin-regular.woff2)format("woff2");font-weight:400;font-display:swap}:root{--abys:#01070c;--bio:#3df5c8;--violet:#8a5cff;--schemer:#9fc4d4;--wit:#edf7f5;--smal:"Oswald", sans-serif;--mono:"Share Tech Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--abys);color:var(--wit);font-family:var(--smal);font-size:1.1rem;line-height:1.7;overflow-x:hidden}::selection{background:var(--bio);color:var(--abys)}a{color:var(--bio);border-bottom:1px solid var(--bio);text-decoration:none}a:focus-visible{outline:2px solid var(--bio);outline-offset:4px}#oceaan{width:100%;height:100vh;z-index:0;height:100dvh;position:fixed;inset:0}.top{z-index:10;font-family:var(--mono);letter-spacing:.18em;text-shadow:0 1px 6px #01070c8c;justify-content:space-between;padding:1.25rem clamp(1.25rem,4vw,2.5rem);font-size:.78rem;display:flex;position:fixed;top:0;left:0;right:0}.missie{color:var(--wit)}.meter{z-index:10;font-family:var(--mono);text-align:right;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#01070c8c;border:1px solid #3df5c859;padding:.9rem 1.1rem;position:fixed;bottom:clamp(1rem,3vw,2.5rem);right:clamp(1rem,3vw,2.5rem)}.meter-diepte{color:var(--bio);font-variant-numeric:tabular-nums;text-shadow:0 0 12px #3df5c880;font-size:1.7rem;display:block}.meter-druk{color:var(--schemer);margin-top:.2rem;font-size:.75rem;display:block}.meter-status{letter-spacing:.28em;color:var(--violet);margin-top:.5rem;font-size:.68rem;display:block}main{z-index:2;position:relative}.log{flex-direction:column;justify-content:center;max-width:32rem;min-height:130vh;padding:6rem clamp(1.5rem,6vw,5rem);display:flex}.titel{letter-spacing:.06em;color:var(--wit);text-shadow:0 0 60px #3df5c840;font-size:clamp(4.5rem,15vw,13rem);font-weight:600;line-height:.95}.subtitel{font-family:var(--mono);color:var(--schemer);letter-spacing:.08em;margin-top:1.25rem;font-size:.95rem}.log-tijd{font-family:var(--mono);letter-spacing:.2em;color:var(--bio);margin-bottom:1rem;font-size:.78rem}.log h2{text-transform:uppercase;letter-spacing:.02em;margin-bottom:1.25rem;font-size:clamp(1.9rem,4.8vw,3.2rem);font-weight:600;line-height:1.05}.log p{font-family:var(--smal);color:var(--schemer);text-shadow:0 1px 12px #01070ce6;font-weight:400}.colofon{color:#5e7885;max-width:36rem;padding:4rem clamp(1.5rem,6vw,5rem) 6rem;font-size:.9rem}@media (max-width:640px){.log{min-height:115vh}.meter{padding:.6rem .8rem;bottom:.8rem;right:.8rem}.meter-diepte{font-size:1.25rem}}