.library-section{position:relative;width:100vw;margin-left:calc(50% - 50vw);padding:4.5rem 0 3rem;overflow-x:hidden;scroll-margin-top:7rem}.library-header{max-width:860px;margin:0 auto 1.5rem;padding:0 1.5rem;text-align:center}.library-header__badge{width:fit-content;margin:0 auto 1rem;left:auto;transform:none}.library-header .landing__badge{display:inline-flex;align-items:center;gap:.65rem;padding:.48rem 1.1rem;border:1px solid rgba(148,163,184,.18);border-radius:999px;background:linear-gradient(180deg,#ffffff13,#ffffff06),#0f172a6b;color:#c7d2fe;font-size:.78rem;font-weight:700;letter-spacing:.025em}.library-header .landing__badge-dot{width:7px;height:7px;min-width:7px;min-height:7px;flex-shrink:0;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px #34d3991a,0 0 14px #34d399a6}.library-title{margin:0 0 .85rem;color:#f8fafc;font-size:clamp(2rem,3.5vw,3rem);font-weight:850;line-height:1.12;letter-spacing:0}.library-subtitle{max-width:680px;margin:0 auto;color:#b6c2d4;font-size:1.04rem;line-height:1.7}.library-carousel-container{position:relative;width:100%;display:flex;align-items:center}.library-carousel-track{display:flex;gap:2rem;overflow-x:auto;scroll-behavior:smooth;padding:3rem 3vw;width:100%;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;scroll-snap-type:x mandatory}.library-carousel-track::-webkit-scrollbar{display:none}.library-card{flex:0 0 32vw;min-width:300px;max-width:600px;height:auto;background:#1e293b66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);cursor:pointer;position:relative;display:flex;flex-direction:column;scroll-snap-align:center;scroll-margin:1rem}.library-card:hover{transform:translateY(-8px) scale(1.02);border-color:#6366f199;box-shadow:0 25px 50px -12px #000000b3,0 0 0 1px #6366f14d;z-index:5;background:#1e293bb3}.library-card__image-wrapper{width:100%;aspect-ratio:4/3;overflow:hidden;position:relative;border-bottom:1px solid rgba(255,255,255,.05)}.library-card__image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.library-card:hover .library-card__image{transform:scale(1.1)}.library-card__content{padding:1.75rem;flex-grow:1;display:flex;flex-direction:column}.library-card__title{font-size:1.4rem;font-weight:700;color:#fff;margin:0 0 .75rem;letter-spacing:-.02em}.library-card__desc{font-size:.95rem;color:#cbd5e1;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;opacity:.8;transition:opacity .2s}.library-card:hover .library-card__desc{opacity:1}.library-hint-text{text-align:center;color:#64748b;font-size:.9rem;margin-top:0;opacity:.6}.library-section .scroll-btn{width:3.5rem;height:3.5rem;background:#0f172a99;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease;z-index:20}.library-section .scroll-btn:hover{background:#4f46e5;transform:translateY(-50%) scale(1.1);box-shadow:0 0 20px #4f46e580}.library-section .scroll-btn--left{left:2rem}.library-section .scroll-btn--right{right:10rem}@media(max-width:1024px){.library-card{flex:0 0 50vw}}@media(max-width:768px){.library-section{padding-top:3.25rem}.library-header{text-align:left}.library-header__badge{margin-left:0}.library-title{font-size:2rem}.library-subtitle{font-size:1rem}.library-card{flex:0 0 85vw;scroll-snap-align:center}.library-carousel-track{padding:1rem calc(50% - 42.5vw)}.library-section .scroll-btn{display:none}}
