/* One invitation to the library, set within the existing documents section. */
#documents .library-portal{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:center;gap:48px;overflow:hidden;padding:47px 54px;color:#efe7d7;background:linear-gradient(115deg,#17283a,#121f32 70%);border:1px solid #c6b18b80;box-shadow:0 12px 36px #25354112;isolation:isolate}
#documents .library-portal::before{content:"";position:absolute;inset:8px;border:1px solid #d2bb8f29;pointer-events:none;z-index:-1}
#documents .library-portal-copy{min-width:0;position:relative;z-index:1}
#documents .library-portal-kicker{display:block;font-family:var(--poetry,var(--serif));font-size:13px;line-height:1.7;letter-spacing:.09em;color:#d8bf91;margin-bottom:13px}
#documents .library-portal h3{font-family:var(--poetry,var(--serif));font-weight:400;font-size:clamp(34px,3.2vw,48px);line-height:1.17;letter-spacing:.01em;color:#f3e8d5;margin:0 0 18px;text-wrap:balance}
#documents .library-portal p{font-family:var(--poetry,var(--serif));font-size:20px;line-height:1.65;color:#d0ced0;max-width:39ch;margin:0;text-wrap:pretty}
#documents .library-portal-link{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;min-height:48px;padding:10px 1px 8px;margin-top:25px;border-bottom:1px solid #d7bd8e9c;font-family:var(--poetry,var(--serif));font-size:19px;line-height:1.4;letter-spacing:.02em;color:#efd7ac;text-decoration:none}
#documents .library-portal-link:hover{color:#fff1d8;border-bottom-color:#ffdfaa}
#documents .library-portal-link:focus-visible{outline:2px solid #f2d19a;outline-offset:6px}
#documents .library-portal-link>span:last-child{font-family:Georgia,serif;font-size:24px;line-height:1}
#documents .library-portal-figure{position:relative;width:min(100%,320px);height:290px;justify-self:center;margin:0;border:1px solid #d9be8a5e;border-bottom:0;border-radius:48% 48% 0 0;overflow:hidden;align-self:end;background:#101e31;opacity:.85;box-shadow:0 0 0 7px #c9b58c08}
#documents .library-portal-figure::before{content:"";position:absolute;inset:8px;border:1px solid #d9be8a28;border-bottom:0;border-radius:48% 48% 0 0;z-index:1;pointer-events:none}
#documents .library-portal-figure::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#121f32 0%,transparent 42%);pointer-events:none}
#documents .library-portal-figure img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;filter:none}
html[lang=zh-Hant] #documents .library-portal h3,html[lang=ja] #documents .library-portal h3{font-size:clamp(27px,2.5vw,36px);line-height:1.6;letter-spacing:.07em;font-weight:400}
html[lang=zh-Hant] #documents .library-portal p,html[lang=ja] #documents .library-portal p{font-size:15px;line-height:2;max-width:30em}
html[lang=zh-Hant] #documents .library-portal-kicker,html[lang=ja] #documents .library-portal-kicker{font-size:11px;letter-spacing:.06em}
html[lang=zh-Hant] #documents .library-portal-link,html[lang=ja] #documents .library-portal-link{font-size:15px;min-height:48px}
@media(max-width:1000px){
 #documents .library-portal{gap:30px;padding:39px 38px;grid-template-columns:minmax(0,1.2fr) minmax(200px,.8fr)}
 #documents .library-portal-figure{height:270px}
 #documents .library-portal p{font-size:19px}
}
@media(max-width:700px){
 #documents .library-portal{grid-template-columns:minmax(0,1fr);gap:0;padding:30px 28px 32px}
 #documents .library-portal-copy{max-width:470px}
 #documents .library-portal h3{font-size:36px;max-width:13ch}
 #documents .library-portal p{font-size:19px;max-width:32ch}
 #documents .library-portal-kicker{font-size:12px;margin-bottom:11px}
 #documents .library-portal-link{font-size:18px;margin-top:22px;gap:35px}
 #documents .library-portal-figure{position:absolute;top:20px;right:-80px;width:245px;height:300px;opacity:.14;border-color:#d9be8a77;z-index:-1}
 #documents .library-portal-figure::after{background:linear-gradient(90deg,#15243755,transparent)}
 html[lang=zh-Hant] #documents .library-portal h3,html[lang=ja] #documents .library-portal h3{font-size:27px;max-width:none}
 html[lang=zh-Hant] #documents .library-portal p,html[lang=ja] #documents .library-portal p{font-size:14px;line-height:1.95;max-width:24em}
}
@media(max-width:380px){
 #documents .library-portal{padding:28px 23px 29px}
 #documents .library-portal h3{font-size:33px}
 #documents .library-portal p{font-size:18px}
 #documents .library-portal-link{gap:28px}
}