@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@500;600;700;800&display=swap');
.catalog-page{background:#fbf8f1;color:#29221d;font-family:'Noto Sans KR',sans-serif}
.catalog-page .catalog-header{max-width:none;height:59px;padding:0 max(34px,calc((100vw - 1200px)/2));background:rgba(255,255,255,.92);border-bottom:1px solid #e7dfd4;position:sticky;top:0;z-index:10}
.catalog-header .wordmark{font:700 25px/1 'Noto Serif KR',serif;color:#1f2a20}
.catalog-header nav{height:100%;gap:38px;align-items:center}
.catalog-header nav a{height:100%;display:flex;align-items:center;border-bottom:2px solid transparent;font-size:13px;font-weight:600}
.catalog-header nav a.active{color:#86512f;border-color:#c96e4f}
.catalog-back{font-size:12px;color:#766e66;text-decoration:none}
.catalog-page .breeds{max-width:1360px;padding:0 32px 74px}
.catalog-hero{position:relative;aspect-ratio:1923/818;margin:0 -32px 24px;overflow:hidden;background:#e9dfd2}
.breed-intro{position:absolute;z-index:2;top:50%;left:32px;width:min(48%,610px);padding:34px 36px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.58);border-radius:18px;background:rgba(255,252,247,.58);box-shadow:0 14px 42px rgba(51,39,29,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.catalog-page .eyebrow{margin:0 0 14px;color:#597440;font:600 10px/1 'Noto Sans KR',sans-serif;letter-spacing:.17em}
.breed-intro h1{margin:0;color:#1e2a21;font:800 clamp(36px,4.2vw,58px)/1.13 'Noto Serif KR',serif;letter-spacing:-3px}
.breed-intro h1 em{font-style:normal;color:#c96e4f}
.breed-intro>p:last-child{max-width:540px;margin:20px 0 0;color:#5e615d;font-size:13px;line-height:1.75}
.catalog-photo{position:absolute;inset:0;margin:0;overflow:hidden;background:#e9dfd2}
.catalog-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.catalog-photo figcaption{position:absolute;z-index:1;bottom:11px;right:14px;max-width:60%;color:#fff;font-size:9px;line-height:1.3;text-align:right;text-shadow:0 1px 4px #000}
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 0 14px;border-bottom:1px solid #e7dfd4}
.catalog-toolbar>strong{font:600 14px/1 'Noto Serif KR',serif}
.catalog-filters{display:flex;gap:9px}
.catalog-filters a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border-radius:99px;color:#766e66;text-decoration:none;font-size:11px}
.catalog-filters a.selected{background:#c96e4f;color:#fff;font-weight:700}
.catalog-page .breed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 20px;padding-top:18px}
.catalog-page .breed-card{background:#fff;border:1px solid #e6dfd4;border-radius:8px;overflow:hidden;min-width:0;transition:transform .18s ease,box-shadow .18s ease}
.catalog-page .breed-card:hover{transform:translateY(-3px);box-shadow:0 9px 24px rgba(66,48,31,.09)}
.catalog-page .breed-link{display:block;height:100%;color:inherit;text-decoration:none}
.catalog-page .breed-photo{display:block;width:100%;height:176px;object-fit:cover;object-position:var(--breed-focus,50% 40%);background:#e8dfd1}
.breed-card-copy{padding:13px 18px 14px}
.catalog-page .breed-group{margin:0;color:#866850;font-size:10px;font-weight:600}
.catalog-page .breed-card h2{margin:5px 0 4px;color:#1e2a21;font:700 20px/1.25 'Noto Serif KR',serif;letter-spacing:-1px}
.catalog-page .breed-blurb{margin:0;color:#716b65;font-size:11px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.breed-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}
.breed-tags{display:flex;gap:4px;min-width:0;overflow:hidden}
.breed-tags i{flex:0 0 auto;padding:4px 8px;border-radius:99px;background:#f4ede3;color:#806f5e;font-size:9px;font-style:normal;white-space:nowrap}
.breed-card-bottom>b{display:grid;place-items:center;flex:0 0 auto;width:29px;height:29px;border:1px solid #d68b70;border-radius:50%;color:#c96e4f;font-size:17px;font-weight:400}
.catalog-page .breed-note{margin:42px auto 0;max-width:670px;padding-top:28px;border-top:1px solid #e7dfd4;color:#766e66;font-size:13px;line-height:1.8;text-align:center}
.catalog-page .breed-note p:last-child{margin:0}
.catalog-page footer{max-width:1360px;padding:28px 32px;color:#847b71;font-size:11px}
@media(max-width:850px){.catalog-page .catalog-header{padding:0 22px}.catalog-header nav{gap:18px}.catalog-back{display:none}.catalog-hero{margin:0 -32px 18px}.breed-intro{left:24px;width:min(60%,520px);padding:27px 28px}.catalog-page .breed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.catalog-header nav{gap:14px}.catalog-header nav a{font-size:11px}.catalog-page .breeds{padding:0 16px 48px}.catalog-hero{aspect-ratio:auto;display:flex;flex-direction:column;margin:0 -16px 16px;padding-bottom:14px;overflow:hidden}.catalog-photo{position:relative;inset:auto;order:0;width:100%;height:auto;aspect-ratio:1923/818}.breed-intro{position:relative;top:auto;left:auto;order:1;width:calc(100% - 24px);margin:-18px 12px 0;padding:24px 20px;transform:none;border-radius:14px;background:rgba(255,252,247,.88);box-shadow:0 10px 30px rgba(51,39,29,.11)}.breed-intro h1{font-size:38px}.breed-intro>p:last-child{font-size:12px}.catalog-toolbar{align-items:flex-start;gap:12px;flex-direction:column}.catalog-filters{gap:3px;flex-wrap:wrap}.catalog-filters a{padding:7px 10px}.catalog-page .breed-grid{grid-template-columns:1fr;gap:13px;padding-top:14px}.catalog-page .breed-photo{height:190px}.catalog-page footer{padding:24px 16px}}