.cl-page{background:var(--tandem-cream);color:var(--tandem-black)}.cl-hero{padding:clamp(64px,9vw,128px) 0 clamp(20px,2.5vw,36px);text-align:center}.cl-hero .container{max-width:900px}.cl-hero-title.display{font-size:clamp(40px,5.6vw,84px);margin:0 auto 24px;text-wrap:balance}.cl-hero-title em{font-style:italic;font-weight:500;color:var(--tandem-accent)}.cl-hero-sub{font-size:clamp(17px,1.6vw,21px);line-height:1.5;color:var(--tandem-ink-2);margin:0 auto 36px;max-width:680px}.cl-toolbar-wrap{padding:clamp(12px,2vw,24px) 0 0}.cl-toolbar{display:flex;align-items:center;gap:24px;justify-content:space-between;padding-bottom:8px;flex-wrap:wrap}.cl-count{font-size:13.5px;color:var(--tandem-ink-2)}.cl-count b{color:var(--tandem-black);font-weight:600;font-variant-numeric:tabular-nums}.cl-tabs{display:flex;gap:8px;flex-wrap:wrap}.cl-tab{font-size:14px;font-weight:500;color:var(--tandem-ink-2);padding:9px 18px;border-radius:999px;border:1px solid transparent;cursor:pointer;background:transparent;transition:background .2s,color .2s,border-color .2s;white-space:nowrap;font-family:inherit}.cl-tab:hover{color:var(--tandem-black);border-color:rgba(30,28,27,.12)}.cl-tab.cl-tab-on{background:var(--tandem-black);color:#fff}.cl-tab:focus-visible{outline:2px solid var(--tandem-accent);outline-offset:2px}.cl-cases-wrap{padding:clamp(4px,.6vw,8px) 0 0}.cl-cases{display:grid;grid-template-columns:repeat(2,1fr);gap:32px 28px}.cl-case{display:flex;flex-direction:column;cursor:pointer;background:transparent;transition:transform .22s var(--ease-out)}.cl-case[hidden]{display:none}.cl-thumb{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16/11;background:#fff}.cl-thumb img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .6s var(--ease-out)}.cl-case:hover .cl-thumb img{transform:scale(1.04)}.cl-chip{left:14px;background:rgba(245,241,233,.92);backdrop-filter:blur(6px);color:var(--tandem-black);font-size:12px;font-weight:600;padding:6px 13px;border-radius:999px;white-space:nowrap}.cl-chip,.cl-num{position:absolute;top:14px}.cl-num{right:16px;font-family:var(--font-display);font-weight:900;font-size:13px;color:rgba(245,241,233,.92);letter-spacing:.02em}.cl-cbody{padding:20px 4px 0;display:flex;flex-direction:column;gap:12px}.cl-cmeta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--tandem-ink-2);flex-wrap:wrap}.cl-cname{font-weight:700;color:var(--tandem-black);font-size:14.5px;letter-spacing:-.01em}.cl-case h3{font-family:var(--font-display);font-weight:900;font-size:clamp(20px,2vw,26px);line-height:1.1;letter-spacing:-.025em;margin:0;text-wrap:balance;transition:color .25s var(--ease-out)}.cl-case:hover h3{color:var(--tandem-accent-ink)}.cl-excerpt{font-size:14.5px;line-height:1.55;color:var(--tandem-ink-2);margin:0;text-wrap:pretty}.cl-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}.cl-tag{display:inline-flex;align-items:center;gap:7px;background:var(--tandem-cream-deep);color:var(--tandem-ink-2);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:500;white-space:nowrap}.cl-tag .cl-d{width:5px;height:5px;border-radius:50%;background:var(--tandem-accent);flex:none}.cl-row-foot{justify-content:space-between;gap:14px;margin-top:8px;flex-wrap:wrap}.cl-author,.cl-row-foot{display:flex;align-items:center}.cl-author{gap:9px;font-size:12.5px;color:var(--tandem-ink-2);white-space:nowrap}.cl-author img{width:28px;height:28px;border-radius:999px;-o-object-fit:cover;object-fit:cover;background:var(--tandem-cream-deep)}.cl-author strong,.cl-lire{color:var(--tandem-black);font-weight:600}.cl-lire{display:inline-flex;align-items:center;gap:7px;font-size:13px;border-bottom:1px solid var(--tandem-black);padding-bottom:2px;white-space:nowrap;transition:color .2s,border-color .2s}.cl-lire svg{width:13px;height:13px;stroke:currentColor;stroke-width:2;fill:none}.cl-case:hover .cl-lire{color:var(--tandem-accent-ink);border-color:var(--tandem-accent-ink)}.cl-empty{padding:60px 0;text-align:center;color:var(--tandem-ink-2);font-size:15px;grid-column:1/-1}.cl-articles{padding:clamp(72px,9vw,104px) 0 0}@media (max-width:880px){.cl-cases{grid-template-columns:1fr;gap:28px}}@media (max-width:620px){.cl-toolbar{flex-direction:column;align-items:flex-start}}