.category-page{--catalog-surface:#12231c;--catalog-edge:#365444}
html[data-theme=light] .category-page{--catalog-surface:#e4ecdc;--catalog-edge:#a6b99b}
.catalog-hero,.catalog-section,.category-guide,.category-faq{padding:45px var(--page-pad) 75px}
.breadcrumbs{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:14px}.breadcrumbs a:hover{color:var(--accent)}
.catalog-intro{display:grid;grid-template-columns:1.35fr 1fr;gap:30px;align-items:center;max-width:1440px;margin:20px auto 8px}
.catalog-copy{position:relative;z-index:1}.catalog-copy h1{font-size:clamp(42px,4.65vw,76px);line-height:1.08;letter-spacing:-.06em;margin:18px 0 22px;max-width:800px}
.catalog-copy h1 em{font-style:normal;color:var(--accent);font-size:.7em;letter-spacing:-.045em;white-space:nowrap}
.catalog-deck{font-size:17px;line-height:1.8;color:var(--muted);margin:0 0 27px}.catalog-actions{display:flex;align-items:center;gap:27px}.catalog-secondary{font-size:14px;border-bottom:1px solid var(--line);padding:12px 0}
.catalog-specimen{position:relative;aspect-ratio:500/360;max-width:570px;width:100%;justify-self:center;isolation:isolate}
.catalog-specimen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:url(#daylight-cutout);animation:catalog-drift 9s ease-in-out infinite;z-index:1}
.specimen-halo{position:absolute;inset:18% 12%;background:radial-gradient(ellipse,#90b56722,transparent 65%);border:1px solid var(--line);border-radius:50%;transform:rotate(-17deg)}
.specimen-halo:after{content:'';position:absolute;inset:-14%;border:1px solid var(--line);border-radius:50%;opacity:.4}
.specimen-tag{position:absolute;bottom:7%;right:3%;color:var(--muted);font-size:13px;letter-spacing:.05em}.specimen-cross{position:absolute;font-size:22px;color:var(--accent);opacity:.6}.cross-one{left:10%;top:15%}.cross-two{right:3%;bottom:22%}
.specimen-guide{position:absolute;inset:0;width:100%;height:100%;color:var(--accent);fill:currentColor;opacity:.6;z-index:2}.specimen-guide path{stroke-dasharray:1;stroke-dashoffset:1;animation:catalog-trace 1.8s ease .5s forwards}
.category-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:28px 0 20px;scroll-margin-top:25px}.category-section-heading h2{font-size:23px;letter-spacing:-.03em;margin:0}.category-section-heading>span{font-size:12px;color:var(--muted);letter-spacing:.08em}
.type-tile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.type-tile{position:relative;display:flex;align-items:center;gap:14px;min-height:140px;border:1px solid var(--line);border-radius:25px 6px 25px 6px;padding:22px 22px 22px 6px;background:var(--catalog-surface);overflow:hidden;scroll-margin-top:30px;transition:background .3s,border-color .3s,translate .4s}
.type-tile>img{width:38%;height:96px;object-fit:contain;filter:url(#daylight-cutout);flex-shrink:0;transition:transform .7s var(--motion-ease)}.type-tile h3{font-size:21px;margin:0 0 7px;letter-spacing:-.035em}.type-tile p{font-size:13px;line-height:1.5;color:var(--muted);margin:0}.type-no{position:absolute;left:13px;top:10px;font-size:10px;color:var(--muted)}.type-arrow{position:absolute;right:11px;top:8px;color:var(--accent);font-size:18px}
.type-tile:hover{border-color:var(--accent);translate:0 -3px}.type-tile:hover img{transform:rotate(-3deg) scale(1.07)}
.catalog-section{background:var(--catalog-surface);position:relative;padding-top:65px;border-radius:50% 50% 0 0/24px 24px 0 0}
.catalog-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.catalog-heading h2,.category-guide h2,.category-faq h2{font-size:clamp(34px,3.5vw,54px);line-height:1.12;margin:12px 0 0;letter-spacing:-.045em}.catalog-heading h2 em,.category-guide h2 em,.category-faq h2 em{font-style:normal;color:var(--accent)}.catalog-heading>p{color:var(--muted);font-size:16px;line-height:1.7;margin:0}
.catalog-toolbar{display:flex;gap:20px;align-items:end;padding:22px 0 25px;border-block:1px solid var(--line);margin-bottom:30px}.catalog-search{flex:1;max-width:410px}.catalog-sort{width:220px}.catalog-toolbar label>span{display:block;font-size:13px;color:var(--muted);margin-bottom:9px}
.catalog-toolbar input,.catalog-toolbar select{font:inherit;font-size:15px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;width:100%;height:47px;padding:0 14px}.catalog-toolbar input:focus,.catalog-toolbar select:focus{outline:2px solid var(--accent);outline-offset:3px}.catalog-toolbar input::placeholder{color:var(--muted)}#catalog-count{margin:0 0 13px auto;font-size:14px;color:var(--muted);white-space:nowrap}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 24px}.catalog-card{display:block;min-width:0}.catalog-card[hidden]{display:none}
.catalog-art{height:310px;position:relative;overflow:hidden;border-radius:30px 7px 30px 7px;background:var(--art-bg);color:var(--art-ink)}.silver{--art-bg:#dce2ce;--art-ink:#364333}.violet{--art-bg:#c4b4d4;--art-ink:#4a3c57}.rose{--art-bg:#d9b4c0;--art-ink:#633d4d}.earth{--art-bg:#c4b093;--art-ink:#544430}.citrus{--art-bg:#dcdfa6;--art-ink:#4f5627}.terracotta{--art-bg:#c79b87;--art-ink:#643e2e}
.catalog-art>img{position:absolute;width:87%;height:95%;left:7%;bottom:-4%;object-fit:contain;filter:url(#daylight-cutout);transition:transform .8s var(--motion-ease)}.catalog-number{position:absolute;top:19px;left:22px;font-size:11px;letter-spacing:.12em;z-index:2}.catalog-open{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:37px;height:37px;font-size:23px;transition:transform .4s,background .4s;z-index:2}
.catalog-card:hover .catalog-art img{transform:translateY(-6px) scale(1.035)}.catalog-card:hover .catalog-open{background:#ffffff44;transform:rotate(45deg)}.catalog-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:19px}.catalog-label{font-size:12px;color:var(--muted);margin:0 0 6px}.catalog-caption h3{font-size:24px;letter-spacing:-.035em;margin:0}.catalog-caption>span{font-size:13px;color:var(--accent)}
.catalog-end{display:flex;gap:35px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:38px;padding-top:24px}.catalog-end p{font-size:13px;line-height:1.7;color:var(--muted);max-width:510px;margin:0}.catalog-end>a{white-space:nowrap}.catalog-empty{text-align:center;padding:50px 20px}.catalog-empty p{color:var(--muted)}.catalog-empty button{margin:25px auto 0;background:none;color:var(--text)}
.category-guide{display:grid;grid-template-columns:1fr 1.05fr;gap:9%;align-items:center;padding-top:95px;padding-bottom:95px;background:color-mix(in srgb,var(--catalog-surface),#987351 10%)}.guide-copy>p:not(.section-kicker){max-width:420px;font-size:16px;line-height:1.9;color:var(--muted);margin:25px 0}.guide-copy>a{width:fit-content}
.label-diagram{border:1px solid var(--catalog-edge);padding:35px;border-radius:35px 8px 35px 8px;background:color-mix(in srgb,var(--bg),transparent 55%)}.label-line{display:flex;gap:20px;align-items:start}.label-dot{border:1px solid var(--accent);border-radius:50%;width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;color:var(--accent);font-size:12px}.diagram-kicker{display:block;font-size:13px;color:var(--accent);margin:0 0 12px}.label-line strong{font-weight:500;font-size:21px;line-height:1.5}.label-line p{font-size:14px;color:var(--muted);line-height:1.7;margin:13px 0 0}.diagram-connector{height:50px;width:1px;background:var(--accent);opacity:.4;margin:12px 0 12px 21px;transform-origin:top}.diagram-link{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);margin-top:28px;padding-top:22px;font-size:14px;color:var(--accent)}
.motion-ready .label-diagram:not(.is-visible) .label-line{opacity:0;transform:translateY(12px)}.label-line{transition:opacity .7s,transform .7s var(--motion-ease)}.label-line:nth-of-type(3){transition-delay:.4s}.motion-ready .label-diagram:not(.is-visible) .diagram-connector{transform:scaleY(0)}.diagram-connector{transition:transform .8s ease .25s}
.category-faq{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;padding-top:80px;padding-bottom:95px}.category-faq .faq-item summary{font-size:17px}.category-faq .faq-item p{font-size:15px}.category-motion{position:fixed;bottom:16px;right:18px;border:1px solid var(--line);background:var(--bg);color:var(--muted);padding:9px 13px;border-radius:25px;font:inherit;font-size:12px;z-index:20}
@keyframes catalog-drift{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes catalog-trace{to{stroke-dashoffset:0}}
@media(max-width:1180px){.type-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.type-tile{min-height:120px}.type-tile>img{width:100px}.catalog-intro{grid-template-columns:1.25fr 1fr}.catalog-copy h1{font-size:48px}.catalog-art{height:270px}}
@media(max-width:760px){.catalog-hero,.catalog-section,.category-guide,.category-faq{padding:30px var(--page-pad) 55px}.catalog-intro{grid-template-columns:1fr;gap:0;margin-top:28px}.catalog-copy h1{font-size:clamp(37px,8.5vw,60px)}.catalog-copy h1 em{white-space:normal}.catalog-deck{font-size:16px}.catalog-deck br{display:none}.catalog-actions{gap:20px}.catalog-specimen{max-width:330px;margin:5px auto -10px}.category-section-heading{margin-top:15px}.category-section-heading>span{display:none}.type-tile{padding:18px 10px 18px 2px;gap:6px;min-height:145px;flex-direction:column;text-align:center}.type-tile>img{height:80px;width:90px}.type-tile h3{font-size:21px}.type-tile p{font-size:12px}.catalog-heading{display:block}.catalog-heading>p{display:none}.catalog-toolbar{flex-wrap:wrap;gap:15px}.catalog-search{flex-basis:100%;max-width:none}.catalog-sort{width:190px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.catalog-art{height:210px}.catalog-number{left:12px;top:14px;font-size:9px;letter-spacing:.03em}.catalog-caption h3{font-size:19px}.catalog-caption>span{display:none}.catalog-open{width:30px;height:30px;font-size:19px;right:10px;bottom:10px}.catalog-end{display:block}.catalog-end>a{display:inline-flex;margin-top:19px}.category-guide,.category-faq{grid-template-columns:1fr;gap:30px}.guide-copy h2 br{display:none}.guide-copy h2 br:after{content:' '}.label-diagram{padding:25px 20px}.label-line{gap:14px}.label-line strong{font-size:18px}.category-faq h2{margin-bottom:6px}.category-motion{font-size:11px;bottom:10px;right:10px}}
@media(max-width:380px){.catalog-art{height:175px}.catalog-caption h3{font-size:17px}.catalog-actions{gap:13px}.catalog-secondary{font-size:12px}.label-dot{width:34px;height:34px;flex-basis:34px}}
.guide-copy h2 br{display:block}.guide-copy h2 br:after{content:none}
.is-paused .catalog-specimen>img,.is-paused .specimen-guide path{animation-play-state:paused}.is-paused .label-line{opacity:1!important;transform:none!important}.is-paused .diagram-connector{transform:none!important}
@media(prefers-reduced-motion:reduce){.catalog-specimen>img,.specimen-guide path{animation:none;stroke-dashoffset:0}.catalog-card *,.type-tile,.type-tile img,.label-line,.diagram-connector{transition:none!important;transform:none!important}.label-line{opacity:1!important}}
.seed-reading{padding:80px var(--page-pad);background:var(--bg);color:var(--text)}
.seed-reading-heading{max-width:760px;margin-bottom:45px}.seed-reading h2{font-size:clamp(34px,4vw,58px);line-height:1.12;margin:16px 0 24px}.seed-reading h2 em{color:var(--accent);font-weight:400}.seed-reading p{font-size:16px;line-height:1.8;color:var(--muted);max-width:68ch}.seed-reading h3{font-size:25px;line-height:1.25;margin:16px 0}.seed-explain-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.seed-explain{padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--category-surface,rgba(120,160,120,.06))}.seed-explain p+p{margin-top:16px}.seed-reading-bottom{display:grid;grid-template-columns:1.3fr 1fr;gap:55px;margin-top:50px}.seed-reading a{text-decoration:underline;text-underline-offset:4px;color:var(--text)}.seed-reading a:hover{color:var(--accent)}.seed-reading .reading-source{font-size:14px}.seed-reading-bottom aside{border-left:1px solid var(--line);padding-left:30px}
@media(max-width:760px){.seed-reading{padding:50px var(--page-pad)}.seed-explain-grid,.seed-reading-bottom{grid-template-columns:1fr;gap:20px}.seed-explain{padding:24px}.seed-reading-bottom aside{padding-left:0;border-left:0}.seed-reading h3{font-size:23px}}
.catalog-art>.catalog-caption{position:absolute;inset:auto 0 0;z-index:3;display:flex;align-items:center;gap:12px;min-height:78px;padding:17px 20px;background:var(--art-bg);color:var(--art-ink)}
.catalog-art>.catalog-caption h3{font-size:24px;line-height:1.2;margin:0;letter-spacing:-.035em}.catalog-art>.catalog-caption>.catalog-card-arrow{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;margin-left:auto;border:1px solid currentColor;border-radius:50%;color:inherit;font-size:24px;transition:transform .4s,background .4s}
.catalog-art>img{height:calc(100% - 66px);bottom:66px;object-fit:contain}.catalog-card:hover .catalog-card-arrow{transform:rotate(45deg);background:#ffffff40}.catalog-card:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:30px 7px 30px 7px}
@media(max-width:760px){.catalog-art>.catalog-caption{padding:12px;min-height:72px;gap:7px}.catalog-art>.catalog-caption h3{font-size:18px}.catalog-art>.catalog-caption>.catalog-card-arrow{flex-basis:26px;width:26px;height:26px;font-size:20px}.catalog-art>img{height:calc(100% - 65px);bottom:65px}}
@media(prefers-reduced-motion:reduce){.catalog-card .catalog-card-arrow{transition:none;transform:none}}