.catalog-intro{position:relative;max-width:1180px;margin:auto;padding:76px 32px 64px;display:flex;justify-content:space-between;gap:30px;overflow:hidden}.catalog-intro>div:first-child{position:relative;z-index:1;max-width:740px}.catalog-intro h1{font:clamp(42px,6vw,80px)/1.06 var(--serif);letter-spacing:-.04em;margin:8px 0 24px}.catalog-intro .back{margin-bottom:32px}.catalog-planet{flex:0 0 210px;height:210px;border-radius:50%;background:radial-gradient(ellipse at 30% 25%,#efa16b 0,#b44a2b 26%,#5f281c 55%,#120c0a 77%);box-shadow:-15px -8px 70px #b24a2e28;position:relative;margin-top:35px}.catalog-planet:after{content:'';position:absolute;inset:-20px -45px;border:1px solid #e2835a55;border-radius:50%;transform:rotate(-30deg)}.catalog-section{padding-top:16px;scroll-margin-top:110px}.catalog-tools{display:grid;grid-template-columns:1fr 240px;gap:24px;margin-bottom:28px}.catalog-tools label{font-size:12px;color:var(--sand-2);letter-spacing:.06em}.catalog-tools input,.catalog-tools select{display:block;width:100%;margin-top:8px;background:#211614;border:1px solid var(--line);padding:14px;color:var(--sand);font:inherit;border-radius:3px}.catalog-tools input:focus,.catalog-tools select:focus{outline:1px solid var(--dust)}.catalog-count{margin:0 0 24px}.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:42px}.pagination .chip{min-width:44px;min-height:44px}.catalog-page .thumb img{object-fit:contain;background:#ede7df}.catalog-page .nav{flex-wrap:wrap}.catalog-page .nav-links{flex-wrap:wrap;gap:18px}@media(max-width:650px){.catalog-intro{padding:38px 20px}.catalog-planet{position:absolute;right:-100px;opacity:.35}.catalog-tools{grid-template-columns:1fr;gap:14px}.catalog-section{padding:20px}.catalog-page .nav{padding:14px 20px;gap:12px}.catalog-page .nav-links{order:3;width:100%;justify-content:space-between;font-size:10px;gap:8px}.catalog-page .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-page .card-body{padding:12px}.catalog-page .card-body h3{font-size:16px}.catalog-page .meta{flex-wrap:wrap;font-size:11px}.catalog-page .foot{padding:32px 20px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}