.library-intro{position:relative;isolation:isolate;overflow:hidden;padding-block:70px 60px}
.library-intro h1{font-size:clamp(48px,6.5vw,88px);max-width:12ch;margin-block:22px}
.library-intro>p:last-of-type{color:var(--muted);font-size:18px;line-height:1.7}
.library-orbit{position:absolute;right:30px;top:24px;width:370px;aspect-ratio:1;z-index:-1;display:grid;place-items:center;transform:rotate(-14deg);opacity:.65}
.library-orbit i{position:absolute;inset:0;border:1px solid #d6a8e31f;border-radius:50%;transform:rotateX(48deg)}
.library-orbit i:nth-child(2){inset:35px;transform:rotateY(48deg)}
.library-orbit img{width:135px;opacity:.55;filter:drop-shadow(0 0 45px #ca92ea33)}
.library-category{padding-bottom:85px}
.library-category-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:25px}
.library-category-heading h2{font-size:19px;font-weight:500;letter-spacing:-.02em}
.library-category-heading>span{font-size:11px;letter-spacing:.07em;color:var(--muted)}
.article-library .featured-article{text-decoration:none;transition:border-color .2s,background .2s}
.article-library .featured-article:hover{color:inherit;background:#1c2029}
.article-library .article-card-image{padding:24px}
.article-library .article-card-image img{max-width:300px}
.article-library .article-card-copy h3{font-weight:500}
@media(max-width:900px){.library-orbit{right:-80px;opacity:.4}}
@media(max-width:680px){.library-intro{padding-block:44px 40px}.library-intro h1{font-size:52px;max-width:10ch}.library-intro>p:last-of-type{font-size:16px;max-width:28ch}.desktop-break{display:none}.library-orbit{width:240px;right:-100px;top:5px;opacity:.25}.library-orbit img{width:95px}.article-library .article-header nav{gap:17px}.article-library .article-header>a{width:112px}.library-category{padding-bottom:50px}}
@media(prefers-reduced-motion:reduce){.article-library .featured-article{transition:none}}