.category-page{display:none;position:fixed;z-index:45;inset:0;overflow:auto;background:#f3f1eb;color:#20231f}.category-page.show{display:block}.category-page-bar{height:74px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c8c7c0;background:#f7f5f0;position:sticky;top:0;z-index:2}.category-page-bar a{font-size:11px;color:inherit;text-decoration:none;border-bottom:1px solid #20231f}.back-button{padding:0;border:0;background:none;color:#565950;font:11px Manrope,sans-serif;cursor:pointer}.category-page-inner{max-width:1450px;margin:auto;padding:65px 5vw 80px}.category-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.category-intro h1{font-size:clamp(48px,6vw,82px)}.category-intro>p{width:310px;margin:0;color:#666860;font-size:13px;line-height:1.8}.category-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c8c7c0;border-left:1px solid #c8c7c0}.category-tabs button{padding:18px;border:0;border-right:1px solid #c8c7c0;border-bottom:1px solid #c8c7c0;background:transparent;color:#676a62;text-align:left;font:500 16px 'Playfair Display',serif;cursor:pointer}.category-tabs button span{display:block;margin-top:5px;font:9px 'DM Mono',monospace}.category-tabs button.active{background:#20231f;color:white}.library-tools{display:flex;align-items:center;justify-content:space-between;padding:28px 0 16px;color:#666860;font-size:11px}.library-tools label{font-size:11px}.library-tools select{margin-left:7px;padding:6px 9px;border:1px solid #bdbcb5;background:#f8f6f1;color:#20231f;font:11px Manrope}.library-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c8c7c0;border-left:1px solid #c8c7c0}.library-card{min-height:337px;padding:15px;position:relative;border-right:1px solid #c8c7c0;border-bottom:1px solid #c8c7c0;background:#f7f5f0;cursor:pointer}.library-card:hover{background:#fffdf8}.library-card img{width:100%;height:220px;object-fit:contain;mix-blend-mode:multiply}.library-card .sample-image{height:220px;display:grid;place-items:center;background:linear-gradient(135deg,#ded8cc,#f5f2ec);text-align:center;color:#77746d;font:9px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.06em}.library-card p{margin:12px 0 2px;color:#76766e;font:9px 'DM Mono',monospace}.library-card h3{margin:0;font:500 17px 'Playfair Display',serif}.library-card span{font-size:10px;color:#676861}.library-card i{position:absolute;right:19px;bottom:18px;font-style:normal}.pagination{display:flex;justify-content:center;gap:8px;margin-top:35px}.pagination button{width:34px;height:34px;border:1px solid #c8c7c0;background:transparent;font:11px Manrope;cursor:pointer}.pagination button.active{background:#20231f;color:#fff}.library-note{margin:30px 0 0;color:#76776f;font-size:10px;text-align:center}@media(max-width:800px){.category-page-bar{height:60px;padding:0 5vw}.category-page-bar .logo{font-size:17px}.category-page-inner{padding:45px 5vw}.category-intro{display:block;margin-bottom:32px}.category-intro>p{width:auto;margin-top:20px}.category-tabs{grid-template-columns:repeat(2,1fr)}.library-grid{grid-template-columns:repeat(2,1fr)}.library-card{min-height:266px;padding:8px}.library-card img,.library-card .sample-image{height:165px}.library-card h3{font-size:15px}.category-page-bar>#category-inquiry{font-size:9px}.back-button{font-size:0}.back-button::before{content:'←';font-size:18px}}