.project-banners{flex:none;min-width:0}.project-banner-slides{display:grid}.project-banner{border:1px solid var(--banner-border);border-radius:var(--radius-md);min-width:0;color:var(--banner-ink);background:var(--banner-bg);opacity:0;visibility:hidden;grid-area:1/1;transition:opacity .45s,visibility .45s}.project-banner[data-active=true]{opacity:1;visibility:visible}.project-banner--munara{--banner-bg:radial-gradient(ellipse at 100% 10%, #1c4285, transparent 75%), #0c2360;--banner-ink:#f3f5fc;--banner-muted:#c0ceed;--banner-accent:#f6d365;--banner-border:#29477d}.project-banner--hadith-node{--banner-bg:radial-gradient(ellipse at 100% 10%, #ead3ae, transparent 75%), #f2ebd8;--banner-ink:#453925;--banner-muted:#705b3c;--banner-accent:#775025;--banner-border:#dfcfb1}.project-banner--okuu{--banner-bg:radial-gradient(ellipse at 100% 10%, #3e6651, transparent 75%), #2d5141;--banner-ink:#f5f3e9;--banner-muted:#cbd9c9;--banner-accent:#e0e6c7;--banner-border:#4b705b}.project-banner--rss24{--banner-bg:radial-gradient(ellipse at 100% 10%, #c13b30, transparent 75%), #991f26;--banner-ink:#fff7f1;--banner-muted:#f6d4cb;--banner-accent:#ffe4cc;--banner-border:#c14c45}.project-banner>a{isolation:isolate;border-radius:inherit;flex-direction:column;align-items:flex-start;min-height:198px;padding:14px;display:flex;position:relative}.project-banner>a:hover{text-decoration:none}.project-banner>a:focus-visible{outline-color:var(--banner-accent);outline-offset:-4px}.project-banner-brand{align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.project-banner-brand img{border-radius:7px}.project-banner-headline{letter-spacing:-.7px;margin-top:13px;font-family:Georgia,Times New Roman,serif;font-size:23px;line-height:1.06}.project-banner-description{color:var(--banner-muted);margin-top:9px;font-size:11px;line-height:1.5}.project-banner-action{color:var(--banner-accent);align-items:center;gap:8px;margin-top:14px;font-size:11px;font-weight:500;display:flex}.project-banner>a:hover .project-banner-action{text-underline-offset:3px;text-decoration:underline}.project-banner-art{z-index:-1;border-bottom-right-radius:11px;width:76px;height:107px;position:absolute;bottom:0;right:0}.project-banner-dots{justify-content:center;align-items:center;height:30px;padding-top:2px;display:flex}.project-banner-dots button{border-radius:5px;place-items:center;width:15.5px;height:26px;padding:0;display:grid}.project-banner-dots button span{background:var(--sub);border-radius:50%;width:5px;height:5px}.project-banner-dots button[aria-pressed=true] span{background:var(--accent)}.project-banner-dots button:hover{background:var(--chip-on)}@media (max-width:1100px){.mobile-project-banners .project-banner>a{height:100%;min-height:140px;padding:12px 16px}.mobile-project-banners .project-banner-brand img{width:24px;height:24px}.mobile-project-banners .project-banner-headline{max-width:calc(100% - 60px);margin-top:8px;font-size:24px;line-height:1.15}.mobile-project-banners .project-banner-description{margin-top:6px;padding-right:68px;font-size:12px}.mobile-project-banners .project-banner-action{margin-top:auto;padding-top:10px;padding-right:68px;font-size:12px}.mobile-project-banners .project-banner-art{width:73px;height:102px;right:4px}.mobile-project-banners .project-banner-dots{height:26px;padding-top:0}.mobile-project-banners .project-banner-dots button{width:12px;height:24px}}@media (prefers-reduced-motion:reduce){.project-banner{transition:none}}