.cat{padding-bottom:clamp(56px,8vw,96px)}.cat__head{flex-direction:column;gap:18px;padding-top:clamp(40px,7vw,88px);padding-bottom:clamp(28px,4vw,44px);display:flex}.cat__title{font-family:var(--f-display);text-transform:uppercase;color:var(--navy);flex-wrap:wrap;align-items:baseline;gap:8px clamp(16px,2.4vw,36px);font-weight:900;line-height:.85;display:flex}.cat__title>span:first-child{animation:cat-rise .8s var(--ease-out) both;font-size:clamp(64px,11vw,176px)}.cat__count{font-family:var(--f-mono);letter-spacing:.18em;color:var(--ink-3);animation:cat-rise .8s var(--ease-out) .12s both;font-size:13px;font-weight:400}.cat__count b{font-family:var(--f-display);letter-spacing:0;color:var(--orange);margin-right:4px;font-size:clamp(34px,3.4vw,52px);font-weight:900}.cat__pdf{border:1px solid var(--navy);min-height:48px;color:var(--navy);font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;animation:cat-rise .8s var(--ease-out) .25s both;align-self:flex-start;align-items:baseline;gap:14px;padding:12px 18px;font-size:12px;font-weight:500;text-decoration:none;transition:background .25s,color .25s;display:inline-flex}.cat__pdf small{opacity:.7;font-size:10px;font-weight:400}.cat__pdf:hover{background:var(--navy);color:#fff}.cat__pdf:focus-visible{outline:3px solid var(--orange);outline-offset:2px}.cat__lede{max-width:40em;color:var(--ink-2);animation:cat-rise .8s var(--ease-out) .2s both;font-size:clamp(15px,1.15vw,18px);line-height:1.55}@keyframes cat-rise{0%{opacity:0;transform:translateY(18px)}}.cat__fams{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:8px;margin:0 0 clamp(28px,4vw,48px);padding:0;list-style:none;display:grid}.cat__fams li{animation:cat-rise .6s var(--ease-out) both;animation-delay:calc(.25s + var(--i,0) * 50ms)}.cat__fam{border:1px solid var(--line-2);width:100%;min-height:132px;color:var(--navy);text-align:left;font:inherit;cursor:pointer;isolation:isolate;background:#ffffff8c;grid-template-rows:auto 1fr auto;gap:4px;padding:14px 16px;transition:background .3s,border-color .3s,color .3s;display:grid;position:relative;overflow:hidden;container-type:inline-size}.cat__fam:hover{border-color:var(--navy);background:#fff}.cat__fam[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.cat__famnum{font-family:var(--f-mono);letter-spacing:.14em;color:var(--orange);font-size:11px}.cat__famname{max-width:58%;font-family:var(--f-display);text-transform:uppercase;align-self:end;font-size:min(26px,9.5cqi);font-weight:900;line-height:.92}.cat__famcount{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;opacity:.7;font-size:11px}.cat__famimg{z-index:-1;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;width:44%;transition:transform .5s var(--ease-out);position:absolute;bottom:-6%;right:-4%}.cat__fam:hover .cat__famimg{transform:scale(1.06)rotate(-3deg)}.cat__fam[aria-pressed=true] .cat__famimg{mix-blend-mode:normal;opacity:.28}.cat__bar{top:var(--header-h);z-index:20;-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);scroll-margin-top:var(--header-h);background:#dde8f2e6;position:sticky}.cat__bar-in{flex-wrap:wrap;align-items:end;gap:10px 14px;padding-top:12px;padding-bottom:12px;display:flex}.cat__search{flex:260px;min-width:0}.cat__search input,.cat__selects select{border:1px solid var(--line-2);width:100%;min-height:44px;color:var(--ink);font:inherit;background:#fff;border-radius:0;padding:0 12px;font-size:15px}.cat__search input::placeholder{color:var(--ink-3)}.cat__selects{flex:3 520px;gap:8px;min-width:0;display:flex}.cat__selects label{flex-direction:column;flex:1 1 0;gap:4px;min-width:0;display:flex}.cat__selects span{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.cat__selects select{padding:0 8px;font-size:14px}.cat__result{min-height:44px;font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:12px;font-size:12px;display:flex}.cat__result b{font-family:var(--f-display);letter-spacing:0;color:var(--navy);font-size:24px;font-weight:900}.cat__result button{border:1px solid var(--navy);min-height:36px;color:var(--navy);font:inherit;cursor:pointer;background:0 0;padding:0 10px}.cat__search input:focus-visible,.cat__selects select:focus-visible,.cat__fam:focus-visible,.cat__line:focus-visible,.cat__result button:focus-visible,.cat__variants tr:focus-visible{outline:3px solid var(--orange);outline-offset:2px}.cat__body{grid-template-columns:minmax(0,1fr) clamp(300px,30vw,400px);align-items:start;gap:clamp(24px,3.6vw,56px);padding-top:clamp(24px,3vw,40px);display:grid}.cat__list{min-width:0}.cat__group+.cat__group{margin-top:clamp(36px,5vw,64px)}.cat__ghead{border-bottom:2px solid var(--navy);scroll-margin-top:calc(var(--header-h) + 90px);grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:18px;padding-bottom:14px;display:grid}.cat__gnum{font-family:var(--f-display);color:#0000;-webkit-text-stroke:1.5px var(--navy);font-size:clamp(48px,5vw,76px);font-weight:900;line-height:.8}.cat__gname{font-family:var(--f-display);text-transform:uppercase;color:var(--navy);font-size:clamp(28px,2.8vw,40px);font-weight:900;line-height:.9}.cat__gline{color:var(--ink-3);margin-top:4px;font-size:14px}.cat__gcount{font-family:var(--f-mono);letter-spacing:.14em;color:var(--ink-3);font-size:12px}.cat__rows{margin:0;padding:0;list-style:none}.cat__row{border-bottom:1px solid var(--line-2);animation:cat-rise .5s var(--ease-out) both;animation-delay:calc(var(--i,0) * 40ms)}.cat__line{width:100%;min-height:72px;color:var(--ink);text-align:left;font:inherit;cursor:pointer;isolation:isolate;background:0 0;border:0;grid-template-columns:56px minmax(0,1fr) auto 4.5em;align-items:center;gap:16px;padding:8px 12px;display:grid;position:relative}.cat__line:before{content:"";z-index:-1;transform-origin:0;transition:transform .35s var(--ease-out);background:#fff;position:absolute;inset:0;transform:scaleX(0)}.cat__row[data-on] .cat__line:before{transform:scaleX(1)}.cat__lname{font-family:var(--f-display);text-transform:uppercase;color:var(--navy);transition:transform .35s var(--ease-out);font-size:clamp(22px,2vw,30px);font-weight:900;line-height:.95}.cat__row[data-on] .cat__lname{transform:translate(6px)}.cat__thumb{border:1px solid var(--line-2);background:#fff;width:56px;height:56px;overflow:hidden}.cat__thumb img{object-fit:contain;width:100%;height:100%}.cat__thumb .cat__ph{padding:0}.cat__thumb .cat__ph b{font-size:22px}.cat__lmain{flex-direction:column;gap:4px;min-width:0;display:flex}.cat__lsum{color:var(--ink-3);font-size:13px;line-height:1.4}.cat__vcount{font-family:var(--f-mono);letter-spacing:.08em;color:var(--ink-3);text-align:right;white-space:nowrap;font-size:11px}.cat__keep{border:1px solid var(--line-2);font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--azure);white-space:nowrap;justify-self:start;padding:3px 8px;font-size:10px}.cat__empty{color:var(--ink-2);flex-direction:column;gap:8px;padding:40px 0;font-size:16px;display:flex}.cat__empty a{color:var(--azure)}.cat__panel{top:calc(var(--header-h) + 96px);max-height:calc(100svh - var(--header-h) - 112px);overscroll-behavior:contain;border:1px solid var(--line-2);background:#fff;flex-direction:column;display:flex;position:sticky;overflow:auto}.cat__photo{aspect-ratio:4/3;max-width:100%;animation:cat-print .55s var(--ease-out) both;background:#fff;flex:none;position:relative;overflow:hidden}@keyframes cat-print{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.cat__photo img{object-fit:contain;width:100%;height:100%;padding:6%;display:block}.cat__zone{border:1px solid var(--line-2);color:var(--azure);font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;background:#fff;padding:3px 7px;font-size:10px;position:absolute;top:12px;right:12px}.cat__ref{background:var(--navy);color:#fff;font-family:var(--f-mono);letter-spacing:.12em;padding:3px 7px;font-size:11px;position:absolute;top:12px;left:12px}.cat__ph{text-align:center;background:repeating-linear-gradient(-45deg, #fff 0 10px, var(--ice-2) 10px 20px);flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;padding:24px;display:flex}.cat__ph b{font-family:var(--f-display);text-transform:uppercase;color:#0000;-webkit-text-stroke:1px var(--navy);font-size:clamp(30px,3vw,44px);font-weight:900;line-height:.9}.cat__ph span{font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.cat__facts{border-top:1px solid var(--line-2);flex-direction:column;gap:12px;padding:20px 22px 22px;display:flex}.cat__name{font-family:var(--f-display);text-transform:uppercase;color:var(--navy);font-size:clamp(28px,2.4vw,36px);font-weight:900;line-height:.92}.cat__en{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-top:4px;font-size:11px}.cat__vhead{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--navy);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-bottom:6px;font-size:11px;display:flex}.cat__vhead span{color:var(--ink-3);letter-spacing:.04em;text-transform:none}.cat__vscroll{border:1px solid var(--line-2);max-height:220px;overflow:auto}.cat__variants table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.cat__variants th{background:var(--ice-2);color:var(--ink-3);font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;text-align:left;padding:7px 10px;font-size:10px;font-weight:500;position:sticky;top:0}.cat__variants td{border-top:1px solid var(--line);color:var(--ink-2);padding:7px 10px}.cat__variants tr{cursor:pointer}.cat__variants tbody tr:hover td{background:var(--ice-2)}.cat__variants tr[data-match] td{color:var(--navy);font-weight:700}.cat__variants tr[data-pick] td{background:var(--navy);color:#fff}.cat__actions{gap:8px;display:flex}.cat__actions .btn{letter-spacing:.12em;flex:1 1 0;min-height:48px;padding:0 12px;font-size:12px}.cat__actnote{color:var(--ink-3);font-size:12px}.cat__dl{margin:4px 0 0}.cat__dl div{border-top:1px dashed var(--line-2);font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:12px;padding:8px 0;font-size:11px;display:flex}.cat__dl dt{color:var(--ink-3)}.cat__dl dd{color:var(--ink);margin:0;font-weight:500}.cat__todo{font-family:var(--f-mono);letter-spacing:.08em;color:#9a5200;font-size:11px}.cat__inline{display:none}@media (width<=1100px){.cat__line{grid-template-columns:48px minmax(0,1fr) auto}.cat__thumb{width:48px;height:48px}.cat__vcount{display:none}}@media (width<=860px){.cat__body{grid-template-columns:minmax(0,1fr)}.cat__panel{display:none}.cat__inline{border:1px solid var(--line-2);background:#fff;grid-template-columns:minmax(0,1fr);margin:0 0 16px;display:grid}.cat__inline .cat__photo{aspect-ratio:4/3}.cat__selects{flex-wrap:wrap;flex-basis:100%}.cat__selects label{flex:calc(50% - 4px)}.cat__bar{position:static}.cat__fam{min-height:104px}.cat__ghead{scroll-margin-top:calc(var(--header-h) + 120px)}}@media (width<=520px){.cat__line{gap:10px;padding:8px 4px}.cat__fams{grid-template-columns:repeat(2,minmax(0,1fr))}.cat__famname{max-width:100%;font-size:20px}.cat__famimg{opacity:.85;width:44%}.cat__ghead{gap:12px}}@media (prefers-reduced-motion:reduce){.cat__title>span:first-child,.cat__count,.cat__lede,.cat__row,.cat__fams li,.cat__photo{animation:none}.cat__line:before,.cat__lname{transition:none}}