.portfolio{align-items:center;border-radius:var(--padding-md);display:flex;gap:var(--padding-md);padding:var(--padding-md);position:relative;transition:background-color .2s ease-in-out}.portfolio .portfolio__content{display:grid;flex:1;grid-gap:var(--padding-sm);gap:var(--padding-sm)}.portfolio .portfolio__title{font-size:1.5rem;font-weight:500;letter-spacing:-.045rem;line-height:135%;transition:color .2s ease-in-out}.portfolio .portfolio__cover{display:block;flex:0 0 8.875rem}.portfolio .portfolio__cover img{border-radius:var(--radius-sm);display:block;height:5rem;-o-object-fit:cover;object-fit:cover;width:8.875rem}.portfolio .portfolio__company{color:var(--secondary-text);font-size:1.25rem;font-style:normal;font-weight:500;letter-spacing:-.025rem;line-height:140%;text-transform:uppercase;transition:color .2s ease-in-out}.portfolio .portfolio__actions{background-color:var(--page-background);border:1px solid var(--border);border-radius:var(--padding-md);display:flex;gap:var(--padding-sm);padding:calc(var(--padding-sm) - 1px)}.portfolio .portfolio__actions>a{-webkit-text-decoration:none;text-decoration:none}.portfolio .portfolio__actions>a span{align-items:center;border-radius:var(--radius-sm);color:var(--text-regular);display:flex;font-size:1.5rem;font-style:normal;font-weight:500;gap:var(--padding-sm);height:4rem;letter-spacing:-.06rem;line-height:135%;padding:var(--padding-md);padding-left:var(--padding-lg);position:relative;text-decoration:none;text-decoration:initial;transition:background-color .2s ease-in-out,color .2s ease-in-out;z-index:2}.portfolio .portfolio__actions>a span .icon{height:2rem;width:2rem}@media(hover:hover){.portfolio .portfolio__actions>a span:hover{background-color:var(--background-light);color:var(--primary-text)}}@media(hover:none){.portfolio .portfolio__actions>a span:active{background-color:var(--background-light);color:var(--primary-text)}}.portfolio .portfolio__actions>a:not(.portfolio .portfolio__actions>a:first-child){z-index:1}.portfolio .portfolio__actions>a:first-child:after{border-radius:var(--padding-md);content:"";inset:0;outline:0 solid transparent;position:absolute}@media(max-width:1919.98px){.portfolio .portfolio__cover{display:block;flex:0 0 7.125rem}.portfolio .portfolio__cover img{border-radius:var(--radius-sm);display:block;height:4rem;-o-object-fit:cover;object-fit:cover;width:7.125rem}.portfolio .portfolio__title{font-size:1.25rem;letter-spacing:-.0375rem;line-height:130%}.portfolio .portfolio__company{font-size:1rem;letter-spacing:-.02rem;line-height:140%}.portfolio .portfolio__actions a span{font-size:1.25rem;height:3rem;letter-spacing:-.05rem;line-height:120%;padding:.6875rem calc(var(--padding-md) - 1px) .6875rem .6875rem}.portfolio .portfolio__actions a span .icon{height:1.5rem;width:1.5rem}}@media(max-width:1199.98px){.portfolio{border-radius:var(--padding-sm);display:grid;justify-content:flex-start;justify-items:flex-start;margin:0 calc(var(--padding-md)*-1);padding:var(--padding-md)}.portfolio .portfolio__cover{display:block;flex:0 0 8.875rem}.portfolio .portfolio__cover img{border-radius:.625rem;display:block;height:5rem;-o-object-fit:cover;object-fit:cover;width:8.875rem}.portfolio .portfolio__title{font-size:1.125rem;letter-spacing:-.03375rem;line-height:136%}.portfolio .portfolio__company{font-size:1rem;font-style:normal;font-weight:500;letter-spacing:-.03rem;line-height:120%}.portfolio .portfolio__content{gap:.75rem}.portfolio .portfolio__actions{border-radius:.6875rem;gap:var(--padding-xxs);padding:calc(var(--padding-xxs) - 1px)}.portfolio .portfolio__actions a span{font-size:1.0625rem;height:2.5rem;letter-spacing:-.031875rem;line-height:140%;padding:var(--padding-sm);padding-left:.75rem}.portfolio .portfolio__actions a:first-child:after{border-radius:var(--padding-sm)}}@media(hover:hover){.portfolio.portfolio--is-actions:hover{background-color:var(--background-light);cursor:pointer}}@media(hover:none){.portfolio.portfolio--is-actions:active{background-color:var(--background-light);cursor:pointer}}.portfolio[data-active=true] .portfolio__title{view-transition-name:article-title}.portfolio[data-active=true] .portfolio__cover{view-transition-name:article-cover}.portfolio[data-active=true] .portfolio__company{view-transition-name:article-company}.portfolio-works-year[data-v-aaefae40]{display:grid;grid-template-columns:max-content 1fr;position:relative;grid-gap:var(--padding-lg);align-items:flex-start;border-top:1px solid var(--primary-text);gap:var(--padding-lg);margin:0 auto;width:min(var(--container),100%)}.portfolio-works-year .portfolio-works-year__year[data-v-aaefae40]{color:var(--primary-text);font-size:4rem;font-style:normal;font-weight:600;letter-spacing:-.2rem;line-height:105%;margin:var(--padding-md) 0;padding:var(--padding-md) 0;position:sticky;top:0}.portfolio-works-year .portfolio-works-year__items[data-v-aaefae40]{display:grid;grid-gap:-1px;gap:-1px;padding-top:var(--padding-md)}.portfolio-works-year .portfolio-works-year__items hr[data-v-aaefae40]{background-color:var(--border);border:0;height:1px;margin:0 var(--padding-md);transition:opacity .2s ease-in-out;width:100%}.portfolio-works-year .portfolio-works-year__items .portfolio[data-v-aaefae40]{margin-top:-1px}.portfolio-works-year .portfolio-works-year__items .portfolio:hover+hr[data-v-aaefae40]{opacity:0}@media(max-width:1919.98px){.portfolio-works-year .portfolio-works-year__year[data-v-aaefae40]{font-size:3rem;letter-spacing:-.15rem;line-height:105%}}@media(max-width:1199.98px){.portfolio-works-year[data-v-aaefae40]{gap:0;grid-template-columns:1fr}.portfolio-works-year .portfolio-works-year__year[data-v-aaefae40]{font-size:1.5rem;line-height:73%;margin:0;padding-bottom:0;position:relative;top:0}.portfolio-works-year .portfolio-works-year__items[data-v-aaefae40]{padding:0}.portfolio-works-year .portfolio-works-year__items>hr[data-v-aaefae40]{margin:0}}