.projects-card{color:inherit;transition:scale var(--dur-spring) var(--ease-spring);border-radius:3px;flex-direction:column;gap:16px;text-decoration:none;display:flex}.projects-card:active{scale:var(--press-scale-lg);transition:scale var(--dur-press) var(--ease-ui)}.projects-card:focus-visible,.projects-row:focus-visible{outline:var(--focus-width) solid currentColor;outline-offset:var(--focus-offset)}.projects-media{isolation:isolate;aspect-ratio:3/2;background:var(--projects-media,var(--gray));border-radius:3px;display:block;position:relative;overflow:hidden}.projects-media:after{content:"";z-index:1;border:1px solid color-mix(in srgb, currentColor 10%, transparent);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.projects-img{object-fit:cover;transition:transform 1.2s var(--ease-quint)}.projects-tile{letter-spacing:-.035em;text-wrap:balance;align-items:flex-end;width:100%;height:100%;padding:max(16px,1.66667vw);font-size:clamp(24px,2.77778vw,52px);font-weight:500;line-height:1.05;display:flex}:is(.projects-media,.projects-next-media) .work-desktop{width:58%}.projects-media[data-kind=capture] .projects-img{object-position:top}.projects-media[data-kind=icon] .projects-img,.projects-next-media[data-kind=icon] .projects-img{box-sizing:border-box;object-fit:contain;padding-block:20%}.projects-text{flex-direction:column;gap:6px;min-width:0;display:flex}.projects-meta{color:var(--projects-soft,inherit);font-size:13px;line-height:1.4}.projects-name{letter-spacing:-.02em;margin:0;font-size:max(18px,1.38889vw);font-weight:600;line-height:1.2}.projects-name span{transition:background-size var(--dur-ui-slow) var(--ease-ui);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:1px}.projects-line{color:var(--projects-soft,inherit);text-wrap:pretty;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;line-height:1.45;display:-webkit-box;overflow:hidden}@media (prefers-reduced-motion:no-preference){.projects-row:focus-visible .btn-arrow-tip{transform:translateX(var(--arrow-shift))}}.projects-card:focus-visible .projects-name span,.projects-row:focus-visible .projects-name span{background-size:100% 1px}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.projects-card:hover .projects-name span,.projects-row:hover .projects-name span{background-size:100% 1px}.projects-row:hover .btn-arrow-line{opacity:1}.projects-row:hover .btn-arrow-tip{transform:translateX(var(--arrow-shift))}}.projects-chapter{--projects-soft:color-mix(in srgb, var(--background) 72%, var(--foreground));--projects-rule:color-mix(in srgb, var(--background) 14%, transparent);--projects-media:color-mix(in srgb, var(--background) 8%, transparent);background:var(--foreground);color:var(--background);flex-direction:column;gap:max(56px,6.11111vw);padding-block:max(40px,3.88889vw) max(80px,8.88889vw);display:flex}.projects-chapter :focus-visible{outline-color:var(--background)}.projects-jump ul{border-bottom:1px solid var(--projects-rule);scrollbar-width:none;gap:max(24px,2.5vw);display:flex;overflow-x:auto}.projects-jump ul::-webkit-scrollbar{display:none}.projects-jump a{min-height:48px;color:var(--projects-soft);letter-spacing:-.015em;transition:color var(--dur-ui) var(--ease-ui);border-radius:3px;flex:none;align-items:center;margin-bottom:-1px;font-size:max(16px,1.38889vw);font-weight:500;display:flex;position:relative}.projects-jump a:after{content:"";background:var(--background);transform-origin:0;height:1px;transition:transform var(--dur-ui-slow) var(--ease-ui);position:absolute;inset:auto 0 0;transform:scaleX(0)}@media (hover:hover) and (pointer:fine){.projects-jump a:hover{color:var(--background)}.projects-jump a:hover:after{transform:none}}.projects-group{gap:32px;scroll-margin-top:max(96px,8.33333vw);display:grid}.projects-group+.projects-group{padding-top:max(56px,6.11111vw);position:relative}.projects-group+.projects-group:before{content:"";inset:0 var(--gutter) auto;background:var(--projects-rule);height:1px;position:absolute}.projects-group-head{align-content:start;justify-items:start;gap:12px;display:grid}.projects-group-title{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(32px,3.75vw,72px);font-weight:400;line-height:1.04}.projects-group-body{gap:max(40px,3.88889vw);min-width:0;display:grid}@media (min-width:64rem){.projects-group{grid-template-columns:minmax(0,3fr) minmax(0,8fr);gap:max(40px,5.55556vw)}.projects-group-head{align-self:start;position:sticky;top:max(120px,10.4167vw)}.projects-group-title{font-size:clamp(32px,2.77778vw,55px)}}.projects-grid{grid-template-columns:minmax(0,1fr);gap:max(40px,3.33333vw) max(12px,1.11111vw);margin:0;padding:0;list-style:none;display:grid}@media (min-width:48rem){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.projects-rows{border-bottom:1px solid var(--projects-rule);margin:0;padding:0;list-style:none}.projects-rows li{border-top:1px solid var(--projects-rule)}.projects-row{color:inherit;border-radius:3px;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 24px;padding-block:20px;text-decoration:none;display:grid}.projects-row .projects-name{font-size:max(17px,1.38889vw)}.projects-row .projects-meta{grid-area:2/1}.projects-row-arrow{grid-area:1/2/3;align-self:center}@media (min-width:48rem){.projects-row{grid-template-columns:minmax(0,5fr) minmax(0,6fr) auto;align-items:center}.projects-row .projects-meta{grid-area:1/2}.projects-row-arrow{grid-area:1/3}}.projects-more{flex-direction:column;gap:max(32px,3.33333vw);padding-block:max(56px,6.66667vw);display:flex;position:relative}.projects-more:before{content:"";inset:0 var(--gutter) auto;background:color-mix(in srgb, var(--foreground) 14%, transparent);height:1px;position:absolute}.projects-more-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px;display:flex}.projects-more .btn-text{flex:none}@media (min-width:64rem){.projects-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.projects-next{padding-block:max(72px,8.33333vw) 0}.projects-next-label{letter-spacing:.02em;text-transform:uppercase;margin-block-end:max(16px,1.66667vw);font-size:13px;font-weight:600;line-height:1.4}.projects-next-link{border-block:1px solid var(--foreground);color:inherit;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px max(24px,3.33333vw);padding-block:max(24px,2.77778vw);text-decoration:none;display:grid;position:relative}.projects-next-link:focus-visible{outline:var(--focus-width) solid var(--foreground);outline-offset:var(--focus-offset)}.projects-next-name{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(40px,5.55556vw,109px);font-weight:300;line-height:1;display:block}.projects-next-arrow{grid-area:1/2;align-self:end;width:max(24px,2.77778vw);height:auto;margin-block-end:.4em}.projects-next-arrow .btn-arrow-line{opacity:1}.projects-next-media{isolation:isolate;aspect-ratio:3/2;background:var(--gray);border-radius:3px;grid-area:2/1/auto/-1;display:block;position:relative;overflow:hidden}.projects-next-media:after{content:"";z-index:1;border:1px solid color-mix(in srgb, currentColor 10%, transparent);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.projects-next-media[data-kind=capture] .projects-img{object-position:top}.projects-next-media :is(.projects-img,.work-bg){transition:transform var(--dur-ui-slow) var(--ease-ui)}@media (min-width:64rem){.projects-next-link:has(.projects-next-media){grid-template-rows:1fr auto;grid-template-columns:minmax(0,6fr) minmax(0,5fr)}.projects-next-link:has(.projects-next-media) .projects-next-text{grid-area:1/1;align-self:end}.projects-next-link:has(.projects-next-media) .projects-next-arrow{grid-area:2/1;align-self:start;margin-block-end:0}.projects-next-media{grid-area:1/2/3}}.projects-next-link:focus-visible .btn-arrow-tip{transform:translateX(var(--arrow-shift))}.projects-next-link:focus-visible .btn-arrow-line{opacity:1}@media (hover:hover) and (pointer:fine){.projects-next-link:hover .btn-arrow-line{opacity:1}.projects-next-link:hover .btn-arrow-tip{transform:translateX(var(--arrow-shift))}}@media (prefers-reduced-motion:reduce){.projects-img,.projects-name span,.projects-jump a,.projects-jump a:after{transition:none}}.projects-neighbours{flex-wrap:wrap;gap:8px max(24px,3.33333vw);padding-block:max(24px,2.22222vw) 0;display:flex}#caso-blog .btn{white-space:normal;text-align:start;height:auto}.projects-blog-excerpt{color:inherit;text-decoration:none}@media (hover:hover) and (pointer:fine){.projects-blog-excerpt:hover{text-underline-offset:.2em;text-decoration:underline}}