.library-intro{padding-block:24px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.library-intro h1{font-size:42px;line-height:1.3;letter-spacing:-1px;margin:0 0 9px;font-weight:700}.library-intro p{font-size:15px;color:var(--muted);margin:0;line-height:1.8}.library-intro>a{display:flex;align-items:center;gap:10px;font-size:13px;white-space:nowrap}.library-intro>a svg{width:18px;height:18px}.category-shell{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px);scroll-margin-top:0}.category-scroll{display:flex;justify-content:space-between;gap:25px;overflow-x:auto;scrollbar-width:none}.category-scroll::-webkit-scrollbar{display:none}.category-button{cursor:pointer;position:relative;flex:none;display:flex;align-items:center;gap:7px;border:0;background:transparent;padding:17px 0 15px;color:#626262;font-size:14px;white-space:nowrap}.category-button small{font-size:10px;color:#909090}.category-button.active{color:var(--blue);font-weight:600}.category-button.active small{color:var(--blue)}.category-button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--blue)}.category-button:hover{color:var(--blue)}.catalog{padding-top:24px}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.catalog-toolbar h2{font-size:18px;font-weight:600;margin:0}.catalog-toolbar span{font-size:12px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}.project-card{min-width:0}.project-card a{display:block}.project-image{aspect-ratio:4/3;overflow:hidden;background:#f5f5f5}.project-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card a:hover img{transform:scale(1.025)}.project-image-complete{background:#f7f7f7}.project-image-complete img{object-fit:contain}.project-card a:hover .project-image-complete img{transform:none}.project-card h3{margin:11px 0 5px;font-size:15px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}.project-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.project-card a:hover h3{color:var(--blue)}.catalog-note{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:15px;margin:52px 0 44px;color:var(--muted);font-size:13px;line-height:1.8}.catalog-note a{display:flex;align-items:center;gap:8px;color:var(--blue)}.catalog-note svg{width:17px;height:17px}footer{border-top:1px solid var(--line)}
@media(max-width:1100px){.category-scroll{gap:25px;justify-content:flex-start}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.library-intro{padding-block:23px 22px;align-items:flex-start}.library-intro h1{font-size:31px;margin-bottom:8px}.library-intro p{font-size:12px}.library-intro>a{font-size:11px;gap:4px;margin-top:12px}.library-intro>a svg{width:15px;height:15px}.category-scroll{gap:24px}.category-button{padding:17px 0 15px;font-size:13px;gap:5px}.category-button small{font-size:9px}.catalog{padding-top:21px}.catalog-toolbar{margin-bottom:17px}.catalog-toolbar h2{font-size:16px}.catalog-toolbar span{font-size:11px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.project-card h3{font-size:13px;line-height:1.45;margin:9px 0 4px}.project-card p{font-size:10px}.catalog-note{font-size:12px;margin-block:36px}}
@media(prefers-reduced-motion:reduce){.project-image img{transition:none}}