/* Article titles sit above the same ocean as the homepage; body typography stays intact. */
.article-page{background:#f5f8ff}
.article-page .ocean{height:var(--article-ocean-height,780px);mask-image:linear-gradient(#000 0%,#000 calc(100% - 180px),transparent 100%)}
.article-page .article{margin-top:42px}
.article-head{padding-bottom:32px;color:#f5f8ff}
.article-head .article-meta{margin-bottom:38px;color:#e1e8ee}
.article-head .back-link{color:#fff}
.article-head .back-link:hover{text-decoration:underline;text-underline-offset:4px}
.article-head .reading{border-color:#ffffff50}
.article-head h1{font-family:Arial,Helvetica,sans-serif;color:#fafafa;font-size:50px;line-height:1.1;letter-spacing:-1.8px;font-weight:600;margin:0;text-wrap:balance}
.article-head .background-motion{margin:24px 0 0}
.article-page .article-cover{position:relative;background:#f5f8ff}
@media(max-width:600px){.article-page .article{margin-top:30px}.article-head{padding-bottom:26px}.article-head .article-meta{margin-bottom:28px}.article-head h1{font-size:34px;line-height:1.16;letter-spacing:-1px}.article-head .background-motion{margin-top:22px}.article-head .article-byline{gap:0}}