.pj-head .band-head h1{max-width:16em}.pj-head .band-head .lead{max-width:62ch}@media (width>=1001px){.pj-head-in{grid-template-columns:minmax(0,1fr) clamp(320px,32vw,460px);align-items:start;column-gap:clamp(32px,4vw,64px);display:grid}.pj-head-in .band-head{margin-bottom:0}.pj-head-in .pj-figures{margin-top:0}}.pj-figures{border:1px solid var(--edge);border-radius:var(--r-card);background:var(--base-100);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(28px,3vw,44px);display:grid;overflow:hidden}.pj-figures[data-stats="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.pj-figures .note.pj-note{border-block-start:1px solid var(--line);grid-column:1/-1}@media (width>=901px) and (width<=1000px){.pj-figures{grid-template-columns:repeat(3,minmax(0,.7fr)) minmax(0,2.2fr)}.pj-figures[data-stats="2"]{grid-template-columns:repeat(2,minmax(0,.7fr)) minmax(0,2.2fr)}.pj-figures .note.pj-note{border-block-start:0;grid-column:auto}}.pj-fig{border-inline-start:1px solid var(--line);flex-direction:column;justify-content:flex-start;gap:4px;padding:clamp(16px,1.6vw,20px);display:flex}.pj-fig:first-child{border-inline-start:0}.pj-fig-n{font-family:var(--display);color:var(--fg-heading);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:500;line-height:1.1}.pj-fig-k{color:var(--fg-muted);font-size:.8125rem}.pj-figures .note.pj-note{background:var(--base-100);border-inline-start:3px solid var(--gold);border-radius:0;align-items:center;max-width:46ch;margin:0;padding:clamp(16px,1.6vw,20px);display:flex}@media (width<=520px){.pj-figures{grid-template-columns:repeat(3,minmax(0,1fr))}.pj-figures[data-stats="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.pj-fig{padding:13px 10px}.pj-figures .note.pj-note{padding:13px 12px}}.pj-layout{display:grid}@media (width>=1001px){.pj-layout{grid-template-columns:clamp(240px,22vw,300px) minmax(0,1fr);align-items:stretch;column-gap:clamp(32px,3vw,44px)}.pj-side{align-content:start;gap:clamp(18px,2vw,26px);display:grid}.pj-side .band-head{margin-bottom:0}.pj-side .band-head h2{max-width:18em;font-size:clamp(1.375rem,1.8vw,1.625rem)}.pj-side .band-head .lead{max-width:none;font-size:.8125rem}.pj-main .pj-bar{margin-top:0}}@media (width<=1000px){.pj-side .band-head h2{max-width:14em}.pj-side .band-head .lead{max-width:46ch}}@media (width>=1001px) and (height>=680px){.pj-tones{position:sticky;top:73px}}.pj-tones{grid-template-columns:minmax(0,1fr);align-items:center;column-gap:clamp(16px,2vw,28px);display:grid}.pj-all{grid-column:1/-1;justify-self:start;margin-block-end:14px}.pj-tone-group{grid-column:1/-1;grid-template-columns:subgrid;align-items:start;gap:8px clamp(16px,2vw,28px);display:grid}.pj-tone-group+.pj-tone-group{border-block-start:1px solid var(--line);margin-block-start:12px;padding-block-start:12px}.pj-tone-lab{color:var(--fg-muted)}.pj-tone-row{flex-wrap:wrap;gap:8px;display:flex}@media (width>=621px) and (width<=1000px){.pj-tones{grid-template-columns:auto minmax(0,1fr)}.pj-tone-group{align-items:center;row-gap:0}}@media (width>=1001px){.pj-side .pj-tone-row{gap:6px;display:grid}.pj-side .pj-tone-row .pj-swatch{width:100%}.pj-side .pj-swatch-count{margin-inline-start:auto}.pj-side .pj-swatch{white-space:normal}.pj-side .pj-swatch-name{min-width:0}.pj-side .pj-swatch-code,.pj-side .pj-swatch-count{white-space:nowrap}}.pj-swatch{border:1px solid var(--line-2);border-radius:var(--r-btn);background:var(--base-100);min-height:44px;color:var(--fg);cursor:pointer;text-align:start;white-space:nowrap;transition:border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease);align-items:center;gap:8px;padding:8px 14px;font-size:.8125rem;display:inline-flex}.pj-swatch:hover{border-color:var(--ink-muted)}.pj-swatch[aria-pressed=true]{border-color:var(--ink);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.pj-swatch:focus-visible{border-radius:var(--r-btn)}.pj-swatch-code{letter-spacing:.02em;font-weight:600}.pj-swatch-name,.pj-swatch-count{color:var(--fg-muted)}@media (width<=1000px){.pj-swatch-count{border-inline-start:1px solid var(--line-2);padding-inline-start:8px}}@media (width<=620px){.pj-swatch{gap:6px;padding-inline:10px}}.pj-dot{border-radius:var(--r-input);width:16px;height:16px;box-shadow:inset 0 1px 3px #0003, 0 0 0 1px var(--fg-muted);flex:none}.pj-dot-unlisted{box-shadow:0 0 0 1px var(--fg-muted);background:linear-gradient(to top right, transparent calc(50% - .5px), var(--fg-muted) calc(50% - .5px), var(--fg-muted) calc(50% + .5px), transparent calc(50% + .5px))}.pj-bar{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:baseline;gap:8px 16px;margin-top:clamp(22px,2.6vw,34px);padding-bottom:14px;display:grid}.pj-count{color:var(--fg-muted);font-size:.8125rem}.pj-subject{color:var(--fg-muted);grid-column:1/-1;font-size:.8125rem}.pj-subject-link{color:var(--fg-heading);text-decoration:none}.pj-subject-link span{border-bottom:1px solid var(--line-2)}.pj-subject-link:hover span{border-bottom-color:currentColor}.pj-clear{border-bottom:0}.pj-clear span{border-bottom:1px solid}.pj-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(16px,1.8vw,26px) clamp(14px,1.6vw,24px);margin-top:clamp(20px,2.4vw,32px);display:grid}.pj-grid>.pj-cell[hidden],.pj-grid>.pj-band[hidden]{display:none!important}.pj-band{grid-column:1/-1;align-items:center;gap:14px;margin-block-start:6px;display:flex}.pj-band:first-child{margin-block-start:0}.pj-band:after{content:"";background:var(--line);flex:1;height:1px}.pj-band-lab{color:var(--fg-muted);margin:0;line-height:1.2}.pj-tile{margin:0;position:relative}.pj-shot{aspect-ratio:3/2;border-radius:var(--r-card-img);background:var(--base-200);overflow:hidden}.pj-shot img{object-fit:cover;width:100%;height:100%;transition:transform var(--slow) var(--ease);display:block}.pj-tile:hover .pj-shot img{transform:scale(1.03)}.pj-cap{padding:14px 2px 0}.pj-go{color:var(--fg-heading);justify-items:start;gap:3px;font-size:.8125rem;text-decoration:none;display:grid}.pj-code{color:var(--fg);align-items:center;gap:7px;display:inline-flex}.pj-code .pj-dot{align-self:center;width:13px;height:13px}.pj-dot-none,.pj-code-none{visibility:hidden}.pj-code b{letter-spacing:.02em;font-weight:600}.pj-code-name{color:var(--fg-muted)}.pj-code-off{color:var(--fg-muted);font-size:.75rem}.pj-model{letter-spacing:.04em;color:var(--fg-muted);font-size:.75rem}.pj-go:after{content:"";border-radius:var(--r-card-img);position:absolute;inset:0}.pj-go:hover .pj-code-name,.pj-go:hover .pj-model{text-underline-offset:3px;text-decoration:underline}.pj-go:focus-visible{outline:none}.pj-tile:has(.pj-go:focus-visible) .pj-shot{outline:2px solid var(--ring,var(--ink));outline-offset:2px}@media (width<=1000px){.pj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.pj-grid{gap:18px 10px}.pj-cap{padding-top:10px}}.pj-more{justify-items:center;gap:10px;margin-top:clamp(24px,3vw,38px);display:grid}.pj-more[hidden]{display:none}.pj-more-note{color:var(--fg-muted);text-align:center;max-width:46ch;font-size:.8125rem}.pj-empty h2,.pj-empty h3{color:var(--fg-heading)}.pj-empty .lead{max-width:46ch;margin:10px auto 22px}.pj-index .band-head h2{max-width:15em}.pj-spec{border:1px solid var(--edge);border-radius:var(--r-card);background:var(--base-100);grid-template-columns:repeat(4,minmax(0,1fr)) auto;display:grid;overflow:hidden}.pj-spec-cell{border-inline-start:1px solid var(--line);flex-direction:column;justify-content:flex-start;gap:7px;padding:clamp(16px,1.8vw,24px);display:flex}.pj-spec-cell:first-child{border-inline-start:0}.pj-spec-cell .eyebrow{color:var(--fg-muted)}.pj-spec-v{color:var(--fg-heading);font-size:.9375rem}.pj-spec-code{letter-spacing:.02em;font-weight:600}.pj-spec-sub{color:var(--fg-muted);font-size:.8125rem}.pj-spec-go{justify-content:center;align-items:flex-end}.pj-price{font-family:var(--display);color:var(--fg-heading);font-size:1.125rem;font-weight:500}@media (width<=900px){.pj-spec{grid-template-columns:repeat(2,minmax(0,1fr))}.pj-spec-cell:nth-child(odd){border-inline-start:0}.pj-spec-cell:nth-child(n+3){border-block-start:1px solid var(--line)}.pj-spec-go{grid-column:1/-1;align-items:flex-start}}@media (width<=520px){.pj-spec{grid-template-columns:1fr}.pj-spec-cell{border-inline-start:0;border-block-start:1px solid var(--line)}.pj-spec-cell:first-child{border-block-start:0}.pj-spec-go .btn{width:100%}}.pj-tbl-wrap{border:1px solid var(--edge);border-radius:var(--r-card);background:var(--base-100);contain:paint;grid-template-columns:100%;display:grid;overflow-x:auto;container-type:scroll-state}.pj-tbl-wrap>.pj-tbl{grid-area:1/1}.pj-tbl-wrap:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.pj-tbl-edge{pointer-events:none;--fade-l:0px;--fade-r:0px;background:linear-gradient(to right, var(--base-100), transparent) left / var(--fade-l) 100% no-repeat, linear-gradient(to left, var(--base-100), transparent) right / var(--fade-r) 100% no-repeat;transition:background-size var(--fast) var(--ease);grid-area:1/1;align-self:stretch;position:sticky;left:0}.pj-tbl-edge:before,.pj-tbl-edge:after{background:var(--base-100);width:26px;height:26px;color:var(--fg-muted);box-shadow:0 0 0 1px var(--line-2), 0 2px 6px #0000001a;opacity:0;transition:opacity var(--fast) var(--ease);border-radius:999px;place-items:center;font-size:.875rem;line-height:1;display:grid;position:absolute;top:50%;translate:0 -50%}.pj-tbl-edge:before{content:"‹";left:8px}.pj-tbl-edge:after{content:"›";right:8px}@container scroll-state(scrollable:right){.pj-tbl-edge{--fade-r:52px}.pj-tbl-edge:after{opacity:1}}@container scroll-state(scrollable:left){.pj-tbl-edge{--fade-l:52px}.pj-tbl-edge:before{opacity:1}}@media (prefers-reduced-motion:reduce){.pj-tbl-edge,.pj-tbl-edge:before,.pj-tbl-edge:after{transition:none}}.pj-tbl{border-collapse:collapse;table-layout:fixed;width:100%;min-width:620px;font-size:.875rem}.pj-tbl-w{min-width:800px}.pj-c-code{width:15%}.pj-c-size{width:20%}.pj-c-tones{width:27%}.pj-c-from{width:18%}.pj-c-go{width:20%}.pj-tbl-w .pj-c-code{width:13%}.pj-tbl-w .pj-c-size{width:17%}.pj-c-where{width:16%}.pj-tbl-w .pj-c-tones{width:22%}.pj-tbl-w .pj-c-from,.pj-tbl-w .pj-c-go{width:16%}.pj-tbl th,.pj-tbl td{vertical-align:middle;text-align:start;border-bottom:1px solid var(--line);height:64px;padding:12px 20px}.pj-tbl thead th{background:var(--base-200);height:auto;padding-block:10px}.pj-tbl thead .eyebrow{color:color-mix(in srgb, var(--fg-heading) 68%, transparent)}.pj-tbl tbody tr:last-child th,.pj-tbl tbody tr:last-child td{border-bottom:0}.pj-tbl tbody th{font-weight:400}.pj-row-code{letter-spacing:.02em;color:var(--fg-heading);font-weight:600;display:block}.pj-row-name{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pj-dots{flex-wrap:wrap;gap:5px;display:inline-flex}.pj-tbl td.pj-row-go{text-align:end}.pj-row-go .link{border-bottom:0}.pj-row-go .link span{border-bottom:1px solid}@media (width<=760px){.pj-tbl-wrap{overflow-x:visible}.pj-tbl-edge{display:none}.pj-tbl,.pj-tbl-w{min-width:0;display:block}.pj-tbl colgroup,.pj-tbl thead{display:none}.pj-tbl tbody{display:block}.pj-tbl tbody tr{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px;padding:16px;display:grid}.pj-tbl tbody tr:last-child{border-bottom:0}.pj-tbl tbody th,.pj-tbl tbody td{border-bottom:0;height:auto;padding:0;display:block}.pj-tbl tbody th{grid-area:1/1}.pj-tbl td.pj-cell-from{text-align:end;grid-area:1/2}.pj-cell-size{grid-area:2/1}.pj-tbl td.pj-cell-where{text-align:end;color:var(--fg-muted);grid-area:2/2}.pj-cell-tones{grid-area:3/1}.pj-cell-go{grid-area:3/2}}.pj-cta-in{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:clamp(24px,3vw,56px);display:flex}.pj-cta-in h2{max-width:15em;margin-top:10px}.pj-cta-in .lead{max-width:48ch;margin-top:12px}.pj-cta-actions{flex-wrap:wrap;gap:12px;display:flex}@media (width<=760px){.pj-cta-in{align-items:flex-start}.pj-cta-actions{width:100%}.pj-cta-actions .btn{flex:200px}}html body:is([data-locale=th],[data-locale=zh]) .pj-tones .pj-tone-lab.eyebrow{text-transform:none;letter-spacing:.02em;font-size:.8125rem}