.section--portfolio .section__header{margin:0 0 48px 0}.section--portfolio .section__header .section__title{width:100%}.section--portfolio .section__header .section__introduction{width:100%;max-width:950px;text-wrap:balance}.section--portfolio .items{width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:24px 20px}.section--portfolio .items .item{width:calc(100% / 4 - 16px);text-decoration:none;color:var(--color-black);border:1px solid #d5e3ec;box-shadow:0 2px 4px #d8e1e8}.section--portfolio .items .item .item__figure{width:100%;aspect-ratio:16 / 9}.section--portfolio .items .item .item__figure picture{width:100%;height:100%;position:absolute;top:0;left:0}.section--portfolio .items .item .item__figure img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.section--portfolio .items .item .item__figure .tag{background:var(--color-primary);color:rgb(69,76,85);font-weight:600;letter-spacing:0;line-height:28px;font-size:12px;position:absolute;top:16px;left:-8px;z-index:100;padding:0 16px}.section--portfolio .items .item .item__figure .tag::before{border-color:transparent transparent var(--color-primary) transparent;border-style:solid;border-width:0 0 8px 8px;content:"";height:0;left:0;position:absolute;top:-8px;transform:rotate(0deg);width:0}.section--portfolio .items .item .item__content{margin:8px 0;padding:4px 16px}.section--portfolio .items .item .item__content .item__title{font-size:16px;line-height:1.5;font-weight:600;font-style:normal}.section--portfolio .items .item .item__content .item__technologies{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:2px;margin:16px 0 0 0}.section--portfolio .items .item .item__content .item__technologies div{width:18px;height:18px}.section--portfolio .items .item .item__content .item__technologies div picture{width:100%;height:100%;position:absolute;top:0;left:0}.section--portfolio .items .item .item__content .item__technologies img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:contain;filter:grayscale(1);opacity:.7}.section--portfolio .items .item .item__content .item__technologies img:hover{filter:none;opacity:1}.section--portfolio .items .item .item__content .item__categories{margin:4px 0 0 0;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.section--portfolio .items .item .item__content .item__categories .item__category{font-size:11px;display:flex;align-items:center;justify-content:flex-start}.section--portfolio .items .item .item__content .item__categories .item__category:not(:last-child)::after{background:var(--color-black);border-radius:50%;content:"";display:inline-block;height:3px;margin:0 4px;width:3px}.section--portfolio .items .item:hover .item__content .item__title{text-decoration:underline}.section--portfolio .section__footer{width:100%;display:flex;align-items:center;justify-content:flex-start;margin:48px 0 0 0}@media all and (max-width:992px){.section--portfolio .items .item{width:calc(100% / 3 - 16px)}}@media all and (max-width:768px){.section--portfolio .items .item{width:calc(100% / 2 - 16px)}}@media all and (max-width:576px){.section--portfolio .items .item{width:100%}.section--portfolio .section__footer{justify-content:center}}