@layer components{.cs-chips{flex-wrap:wrap;gap:10px;display:flex}.cs-chips .chip{border:1px solid var(--rule);min-height:36px;font-family:var(--sans);font-size:var(--sm);color:var(--fg);cursor:pointer;transition:background-color .25s var(--e), border-color .25s var(--e);background:0 0;border-radius:999px;align-items:center;padding:6px 15px;display:inline-flex}.cs-chips .chip.on{background:var(--fg);border-color:var(--fg);color:var(--white)}@media (hover:hover){.cs-chips .chip:not(.on):hover{border-color:var(--fg)}}@media (max-width:768px){.cs-chips .chip{min-height:44px}}}
@layer components{.cs-ledger{grid-column:main-start/main-end;row-gap:clamp(22px,2.4vw,32px);padding-top:clamp(26px,2.8vw,40px);padding-bottom:clamp(20px,2.2vw,32px);display:grid}.cs-controls{column-gap:var(--gap);grid-template-columns:minmax(0,1fr) auto auto;align-items:end;row-gap:18px;display:grid}.cs-controls label>.mono,.cs-sort>.mono{margin-bottom:9px;display:block}.cs-controls input{width:100%;font-family:var(--sans);font-size:var(--fs-body);color:var(--fg);border:0;border-bottom:1px solid var(--rule);transition:border-color .25s var(--e);background:0 0;padding:9px 2px}.cs-controls input::placeholder{color:var(--fg-quiet)}.cs-controls input:focus{border-bottom-color:var(--orange)}.cs-controls input:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.cs-sort>div{border-bottom:1px solid var(--rule);display:flex}.cs-sort button{font-family:var(--sans);font-size:var(--fs-body);color:var(--fg-quiet);cursor:pointer;transition:border-color .25s var(--e);background:0 0;border:0;border-bottom:1px solid #0000;margin-bottom:-1px;padding:9px 12px}.cs-sort button.on{color:var(--fg);border-bottom-color:var(--fg)}.cs-clear{cursor:pointer;font-family:var(--sans);font-size:var(--fs-body);white-space:nowrap;background:0 0;border:0;padding:9px 0 10px}.cs-clear[hidden]{visibility:hidden;display:block}@media (max-width:768px){.cs-controls{grid-template-columns:minmax(0,1fr)}.cs-controls input,.cs-sort button,.cs-clear{min-height:44px}.cs-clear{justify-self:start}}}
@layer components{.cs-grid{scroll-margin-top:calc(var(--hdh) + 30px);grid-column:main-start/main-end}.cs-cards .casecard{scroll-margin-top:calc(var(--hdh) + 30px)}.cs-cards{column-gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));row-gap:clamp(36px,4vw,56px);margin-top:clamp(28px,3vw,44px);display:grid}.cs-empty{color:var(--fg-muted);margin-top:clamp(28px,3vw,44px)}.cs-foot{justify-items:center;row-gap:18px;margin-top:clamp(40px,4.4vw,64px);display:grid}.cs-pager{gap:6px;display:flex}.cs-pager button{border:1px solid var(--rule);border-radius:var(--r);min-width:40px;min-height:40px;font-family:var(--sans);font-size:var(--sm);font-variant-numeric:tabular-nums;color:var(--fg-muted);cursor:pointer;transition:background-color .25s var(--e), border-color .25s var(--e);background:0 0;padding:0 10px}.cs-pager button[aria-current=page]{background:var(--fg);border-color:var(--fg);color:var(--white)}@media (hover:hover){.cs-pager button:not([aria-current]):hover{border-color:var(--fg)}}@media (max-width:1023px){.cs-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.cs-cards{grid-template-columns:minmax(0,1fr)}.cs-pager button{min-width:44px;min-height:44px}}}
@layer components{.cs-pair{gap:var(--gap);grid-column:main-start/main-end;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(28px,3vw,44px);display:grid}.cs-pair:has(>:only-child){grid-template-columns:minmax(0,1fr)}.featcase{--fg:var(--ink);--fg-muted:var(--body);--fg-quiet:var(--mute);--rule:var(--line);--signal:var(--orange-d);--btn-bg:var(--navy);--btn-fg:#fff;gap:var(--gap) clamp(20px, 2.4vw, 32px);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--white);color:var(--fg);transition:border-color .25s var(--e);grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:stretch;padding:clamp(16px,1.8vw,24px);display:grid}.featcase .im{aspect-ratio:1;border-radius:var(--r);background:var(--paper);border:1px solid var(--line);align-self:start;display:flex;overflow:hidden}.featcase .im img{object-fit:contain;width:100%;height:100%;padding:6%}.featcase .bd{flex-direction:column;gap:12px;min-width:0;display:flex}.featcase .pill{align-self:flex-start}.featcase h3{font-size:var(--d2);line-height:1.1}.featcase p{font-size:var(--sm);color:var(--fg-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.featcase .rows{flex-direction:column;gap:8px;margin-top:2px;display:flex}.featcase .rows>span{font-size:var(--sm);color:var(--fg-muted);grid-template-columns:20px minmax(0,1fr);align-items:start;column-gap:10px;line-height:1.45;display:grid}.featcase .rows .glyph{width:20px;height:20px;color:var(--fg-muted);margin-top:1px}.featcase .rows .glyph,.featcase .rows b{grid-row:1}.featcase .rows b{color:var(--fg);font-weight:700}.featcase .rows>span>span{overflow-wrap:anywhere;grid-column:2}.featcase .rows .clamp{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.featcase .go{font-size:var(--sm);color:var(--fg);align-items:center;gap:9px;margin-top:auto;padding-top:8px;display:inline-flex}.featcase .go svg{width:12px;height:12px;transition:translate .35s var(--e)}@media (hover:hover){.featcase:hover{border-color:var(--fg)}.featcase:hover .go svg{stroke:var(--orange);translate:4px}}@media (max-width:1023px){.cs-pair{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.featcase{grid-template-columns:minmax(0,1fr)}.featcase .im{aspect-ratio:4/3}}}
@layer components{.phero:has(+.cs-browse){min-height:0}.cs-browse{padding-top:0}}