.template-catalog-page{--bg: #f5f5f5;--bg-card: #ffffff;--text-main: #0f1115;--text-sub: #5f6368;--line: rgba(15, 17, 21, .12);--line-strong: rgba(15, 17, 21, 1);--ease-out: cubic-bezier(.23, 1, .32, 1);background-color:var(--bg);color:var(--text-main);min-height:100vh;padding:0 4vw;font-family:Inter,Plus Jakarta Sans,ui-sans-serif,system-ui,sans-serif}.template-catalog-shell{max-width:1440px;margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line);padding:0 4vw 6rem}.template-catalog-header{padding:clamp(3rem,8vw,7rem) 0 5rem;margin-bottom:5rem;border-bottom:1px solid var(--line-strong);display:flex;justify-content:space-between;align-items:flex-end;gap:3rem}.template-catalog-title{margin:0;font-family:Space Grotesk,Outfit,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2.6rem,7vw,5.8rem);letter-spacing:-.04em;line-height:.92}.template-catalog-meta{max-width:360px;margin:0;color:var(--text-sub);line-height:1.45}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;position:relative}.template-grid:after{content:"";position:absolute;top:-4rem;bottom:-4rem;left:50%;width:1px;background:var(--line);transform:translate(-50%)}.template-column{display:flex;flex-direction:column;gap:8rem;position:relative;z-index:1}.template-column.is-offset{margin-top:18vh}.template-entry{text-decoration:none;color:inherit}.template-entry-visual{position:relative;overflow:hidden;aspect-ratio:4 / 3;border:1px solid rgba(0,0,0,.08);box-shadow:0 20px 40px -10px #0000000d;margin-bottom:1.5rem;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out)}.template-entry:hover .template-entry-visual{transform:translateY(-6px);box-shadow:0 30px 60px -15px #0000001f}.template-entry-visual img{width:100%;height:100%;object-fit:cover;display:block}.template-entry-badge{position:absolute;top:1rem;right:1rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;background:#0b844b;color:#fff;padding:.35rem .7rem;z-index:1}.template-entry-meta{display:grid;grid-template-columns:50px 1fr;gap:1rem}.template-entry-number{color:#8a8f95;font-size:.82rem;letter-spacing:.08em;padding-top:.3rem}.template-entry-title{margin:0;font-family:Space Grotesk,Outfit,ui-sans-serif,system-ui,sans-serif;font-size:1.5rem;letter-spacing:-.02em}.template-entry-desc{margin:.65rem 0 1rem;color:var(--text-sub);font-size:.96rem;line-height:1.55}.template-tags{display:flex;gap:.45rem;flex-wrap:wrap}.template-tag{border:1px solid var(--line);padding:.22rem .55rem;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:#3d444b}.template-view-btn{display:inline-block;margin-top:.95rem;border:1px solid var(--line-strong);padding:.45rem .9rem;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;transition:all .25s ease}.template-entry:hover .template-view-btn{background:var(--text-main);color:#fff}.template-catalog-footer{margin-top:6rem;border-top:1px solid var(--line-strong);padding-top:1rem;display:flex;justify-content:space-between;color:var(--text-sub);font-size:.85rem}@media(max-width:1024px){.template-catalog-header{padding-top:4rem;align-items:flex-start;flex-direction:column}.template-grid{grid-template-columns:1fr;gap:4rem}.template-grid:after{display:none}.template-column.is-offset{margin-top:0}.template-column{gap:4rem}}@media(max-width:640px){.template-catalog-page{padding:0 1rem}.template-catalog-shell{padding:0 1rem 4rem}.template-catalog-header{margin-bottom:3rem;padding-bottom:3rem}.template-entry-visual{margin-bottom:1rem}.template-entry-meta{grid-template-columns:1fr}.template-entry-number{display:none}.template-entry-title{font-size:1.3rem}.template-entry-desc{margin:.5rem 0 .8rem}.template-catalog-footer{flex-direction:column;gap:.3rem}}