.projects{container:projects/inline-size}.projects__head{max-width:760px;margin-bottom:8px}.filter{border:0;margin:0;padding:0}.filter__options{flex-wrap:wrap;gap:8px;display:flex}.filter__input{opacity:0;pointer-events:none;position:absolute}.filter__option{cursor:pointer;gap:6px}.filter__count{color:var(--ink-3);font-weight:var(--weight-ui)}.filter__input:checked+.filter__option{background:var(--app-projects-soft);color:var(--app-projects-ink)}.filter__input:checked+.filter__option .filter__count{color:inherit}.filter__input:focus-visible+.filter__option{outline:2px solid var(--focus);outline-offset:2px}:is(.projects:has(#tipo-own:checked) .project-grid>li:not([data-kind=own]),.projects:has(#tipo-company:checked) .project-grid>li:not([data-kind=company])){display:none}.project-grid{grid-template-columns:minmax(0,1fr);gap:16px;margin:20px 0 0;padding:0;list-style:none;display:grid}@container projects (min-width:640px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@container projects (min-width:1080px){.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.project-card{border:1px solid var(--line);border-radius:var(--radius-tile);background:var(--surface);height:100%;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);flex-direction:column;gap:8px;padding:12px 12px 18px;display:flex;position:relative}.project-card:hover{border-color:color-mix(in srgb, var(--app-projects) 40%, var(--line));box-shadow:0 10px 30px #1b1b2614}.project-card:has(a:focus-visible){outline:2px solid var(--focus);outline-offset:3px}.project-card__thumb{aspect-ratio:16/10;background:var(--app-projects-soft);border-radius:12px;order:-2;place-items:center;margin-bottom:6px;display:grid;overflow:hidden}.project-card__thumb img{object-fit:cover;width:100%;height:100%;display:block}.project-card__initial{color:var(--app-projects-ink);font-family:var(--type-display);font-size:56px;font-weight:var(--weight-display);line-height:1}.project-card__kind{color:var(--ink-3);font-size:var(--text-sm);font-weight:var(--weight-strong);order:-1;margin:0 4px}.project-card__title{font-size:var(--text-xl);font-weight:var(--weight-title);line-height:var(--leading-tight);margin:0 4px}.project-card__title a{text-decoration:none}.project-card__title a:after{content:"";border-radius:inherit;position:absolute;inset:0}.project-card__title a:focus-visible{outline:none}.project-card:hover .project-card__title a{color:var(--app-projects-ink)}.project-card__tagline{color:var(--ink-2);font-size:var(--text-base);margin:0 4px;line-height:1.5}.project-card__state{margin:auto 4px 0;padding-top:4px}.projects-empty{color:var(--ink-2);margin:24px 0}.case{max-width:1280px;margin-inline:auto;container:case/inline-size}.case__back{color:var(--app-projects-ink);font-size:var(--text-md);font-weight:var(--weight-strong);margin-bottom:20px;line-height:1.4;text-decoration:none;display:inline-block}.case__back:hover{text-decoration:underline}.case__header{max-width:760px}.case__kind{color:var(--ink-3);font-size:var(--text-md);font-weight:var(--weight-strong);margin:0 0 10px}.case__title{font-size:clamp(34px,2.8vw + 20px,54px);font-weight:var(--weight-display);margin:0 0 14px;line-height:1.04}.case__lead{color:var(--ink-2);font-size:var(--text-xl);margin:0 0 20px;line-height:1.45}.case__facts{font-size:var(--text-md);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 20px;margin:0 0 20px;display:grid}.case__facts dt{color:var(--ink-3);font-weight:var(--weight-strong)}.case__facts dd{margin:0}.case__stack{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.case__stack .chip{min-height:28px;padding:3px 12px}.case__links{flex-wrap:wrap;gap:10px;margin:0 0 8px;display:flex}.case__cover{max-width:960px;margin:28px 0 8px}.case__cover img{background:var(--surface-sunken);border-radius:18px;width:100%;height:auto;display:block}.case__body{margin-top:36px}.case__section{max-width:68ch;scroll-margin-top:24px}.case__section+.case__section,.case__tramo+.case__section{margin-top:44px}.case__section h2{font-size:var(--text-2xl);margin:0 0 14px}.case__section .prose{font-size:var(--text-lg);line-height:var(--leading-reading);margin-top:0}.case__aside-title{font-size:var(--text-2xl);margin:0 0 14px}.case__scroll{overscroll-behavior-x:contain;background:var(--surface-muted);border-radius:18px;padding:20px;overflow-x:auto}.case__scroll .blueprint__svg{min-width:min(var(--bp-w,640px), 640px)}.case__scroll:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.case__aside{margin-top:48px}.case__aside-hint{color:var(--ink-3);font-size:var(--text-sm);margin:10px 0 0}.case__tramo{background:var(--surface-muted);border-radius:18px;margin-top:24px;padding:16px}.bp-tramo__nodes,.bp-tramo__edges{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.bp-tramo__edges{flex-direction:column;gap:8px}.bp-tramo__nodes+.bp-tramo__edges{margin-top:14px}.bp-chip{border:1.5px solid var(--bp-color);background:var(--surface);min-height:46px;font-size:var(--text-md);font-weight:var(--weight-strong);border-radius:14px;align-items:center;gap:10px;padding:6px 14px 6px 6px;line-height:1.25;display:inline-flex}.bp-chip:not(:has(.bp-chip__badge)){padding-left:14px}.bp-chip__badge{background:var(--bp-soft);width:32px;height:32px;color:var(--bp-ink);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.bp-link{font-size:var(--text-md);font-weight:var(--weight-strong);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;line-height:1.3;display:grid}.bp-link__end{align-items:center;gap:8px;display:flex}.bp-link__end:before{content:"";background:var(--bp-color);border-radius:50%;flex-shrink:0;width:10px;height:10px}.bp-link__to{justify-content:flex-start}.bp-link__wire{flex-direction:column;align-items:center;gap:2px;display:inline-flex}.bp-link__wire svg{display:block;overflow:visible}.bp-link__label{color:var(--ink-2);font-size:var(--text-xs);font-weight:var(--weight-ui);order:-1}.case__more{max-width:760px}.case__gallery{margin-top:48px}.case__gallery h2{font-size:var(--text-2xl);margin:0 0 14px}.case__gallery ul{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.case__gallery a{background:var(--surface-sunken);border-radius:14px;display:block;overflow:hidden}.case__gallery img{width:100%;height:auto;transition:transform var(--duration-base) var(--ease-out);display:block}.case__gallery a:hover img{transform:scale(1.02)}.case__footer{border-top:1px solid var(--line);font-size:var(--text-base);flex-direction:column;gap:10px;margin-top:48px;padding-top:24px;display:flex}.case__footer p{margin:0}.case__translation a{color:var(--app-projects-ink);font-weight:var(--weight-strong)}@container case (min-width:880px){.case__body{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;column-gap:56px;display:grid}.case__section{grid-column:1}.case__tramo{display:none}.case__aside{grid-column:2;grid-row:1 / span var(--case-rows,4);margin-top:0;position:sticky;top:24px}.case__scroll{overflow:visible}.case__scroll .blueprint__svg{min-width:0;max-height:calc(100dvh - 300px)}.case__aside-hint{display:none}}