#portfoli-list-records #category,#portfoli-list-block #category{display:flex;justify-content:center;flex-wrap:wrap;padding-right:var(--padding-container);padding-left:var(--padding-container);padding-bottom:3.188rem}#portfoli-list-records #category a,#portfoli-list-block #category a{background-color:transparent;color:var(--font-color);border-color:var(--font-color);font-size:13.5px;padding:1em 2em;line-height:1;font-weight:var(--font-semibold);margin-right:1.5rem;margin-bottom:1.5rem}#portfoli-list-records #category a:hover,#portfoli-list-records #category a.active1,#portfoli-list-block #category a:hover,#portfoli-list-block #category a.active1{color:var(--font-color-on-corporate-background);border-color:var(--corporate-color)}#portfoli-list-records #category a:nth-child(5n+1):hover,#portfoli-list-records #category a:nth-child(5n+1).active1,#portfoli-list-block #category a:nth-child(5n+1):hover,#portfoli-list-block #category a:nth-child(5n+1).active1{border-color:var(--color-palette-2)}#portfoli-list-records #category a:nth-child(5n+1):after,#portfoli-list-block #category a:nth-child(5n+1):after{background-color:var(--color-palette-2)}#portfoli-list-records #category a:nth-child(5n+2):hover,#portfoli-list-records #category a:nth-child(5n+2).active1,#portfoli-list-block #category a:nth-child(5n+2):hover,#portfoli-list-block #category a:nth-child(5n+2).active1{border-color:var(--color-palette-1)}#portfoli-list-records #category a:nth-child(5n+2):after,#portfoli-list-block #category a:nth-child(5n+2):after{background-color:var(--color-palette-1)}#portfoli-list-records #category a:nth-child(5n+3):hover,#portfoli-list-records #category a:nth-child(5n+3).active1,#portfoli-list-block #category a:nth-child(5n+3):hover,#portfoli-list-block #category a:nth-child(5n+3).active1{border-color:var(--color-palette-3)}#portfoli-list-records #category a:nth-child(5n+3):after,#portfoli-list-block #category a:nth-child(5n+3):after{background-color:var(--color-palette-3)}#portfoli-list-records #category a:nth-child(5n+4):hover,#portfoli-list-records #category a:nth-child(5n+4).active1,#portfoli-list-block #category a:nth-child(5n+4):hover,#portfoli-list-block #category a:nth-child(5n+4).active1{border-color:var(--color-palette-4)}#portfoli-list-records #category a:nth-child(5n+4):after,#portfoli-list-block #category a:nth-child(5n+4):after{background-color:var(--color-palette-4)}#portfoli-list-records #category a:nth-child(5n+5):hover,#portfoli-list-records #category a:nth-child(5n+5).active1,#portfoli-list-block #category a:nth-child(5n+5):hover,#portfoli-list-block #category a:nth-child(5n+5).active1{border-color:var(--color-palette-5)}#portfoli-list-records #category a:nth-child(5n+5):after,#portfoli-list-block #category a:nth-child(5n+5):after{background-color:var(--color-palette-5)}#portfoli-list-records #category select,#portfoli-list-block #category select{display:none}#portfoli-list-records #category .jcf-select,#portfoli-list-block #category .jcf-select{display:none!important;border-color:var(--font-color);border-radius:7px;height:42px}#portfoli-list-records #category .jcf-select .jcf-select-text,#portfoli-list-block #category .jcf-select .jcf-select-text{line-height:42px;font-size:13.5px;color:var(--font-color);text-transform:uppercase;font-weight:var(--font-semibold);margin:0 30px 0 20px}#portfoli-list-records #portfoli,#portfoli-list-block #portfoli{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:24rem;grid-auto-flow:dense;grid-column-gap:40px;grid-row-gap:40px;margin-bottom:75px}#portfoli-list-records #portfoli .item,#portfoli-list-block #portfoli .item{position:relative;width:100%;display:block;overflow:hidden;background-color:#797474}#portfoli-list-records #portfoli .item .text,#portfoli-list-block #portfoli .item .text{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:flex-end;flex-direction:column;padding:1.5rem 2rem;color:var(--font-color-on-corporate-background);font-weight:var(--font-semibold);line-height:1.25}#portfoli-list-records #portfoli .item .text strong,#portfoli-list-block #portfoli .item .text strong{font-size:24px;font-weight:var(--font-regular)}#portfoli-list-records #portfoli .item .text span,#portfoli-list-block #portfoli .item .text span{margin-top:.25rem;font-size:16px;font-weight:var(--font-regular)}#portfoli-list-records #portfoli .item img,#portfoli-list-block #portfoli .item img{position:absolute;object-fit:cover;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%)}#portfoli-list-records #portfoli .item:nth-child(3),#portfoli-list-records #portfoli .item:nth-child(9),#portfoli-list-records #portfoli .item:nth-child(21),#portfoli-list-block #portfoli .item:nth-child(3),#portfoli-list-block #portfoli .item:nth-child(9),#portfoli-list-block #portfoli .item:nth-child(21){grid-column:span 2}#portfoli-list-records #portfoli .item:nth-child(4),#portfoli-list-records #portfoli .item:nth-child(15),#portfoli-list-records #portfoli .item:nth-child(23),#portfoli-list-block #portfoli .item:nth-child(4),#portfoli-list-block #portfoli .item:nth-child(15),#portfoli-list-block #portfoli .item:nth-child(23){grid-row:span 2}#portfoli-list-records #portfoli .item .overlay,#portfoli-list-block #portfoli .item .overlay{position:absolute;width:100%;height:100%;background:#0000004d;opacity:0;transition:left .3s,right .3s,top .3s,bottom .3s,opacity .1s;display:flex;align-items:center;justify-content:center;top:0}#portfoli-list-records #portfoli .item.left .overlay,#portfoli-list-block #portfoli .item.left .overlay{opacity:1;animation:left .4s}#portfoli-list-records #portfoli .item.right .overlay,#portfoli-list-block #portfoli .item.right .overlay{opacity:1;animation:right .4s}#portfoli-list-records #portfoli .item.top .overlay,#portfoli-list-block #portfoli .item.top .overlay{opacity:1;animation:top .4s}#portfoli-list-records #portfoli .item.bottom .overlay,#portfoli-list-block #portfoli .item.bottom .overlay{opacity:1;animation:bottom .4s}#portfoli-list-records #portfoli .item.leftLeave .overlay,#portfoli-list-block #portfoli .item.leftLeave .overlay{opacity:0;animation:leftLeave .4s;transition:opacity .6s}#portfoli-list-records #portfoli .item.rightLeave .overlay,#portfoli-list-block #portfoli .item.rightLeave .overlay{opacity:0;animation:rightLeave .4s;transition:opacity .6s}#portfoli-list-records #portfoli .item.topLeave .overlay,#portfoli-list-block #portfoli .item.topLeave .overlay{opacity:0;animation:topLeave .4s;transition:opacity .6s}#portfoli-list-records #portfoli .item.bottomLeave .overlay,#portfoli-list-block #portfoli .item.bottomLeave .overlay{opacity:0;animation:bottomLeave .4s;transition:opacity .6s}@keyframes left{0%{left:-100%}to{left:0}}@keyframes right{0%{right:-100%}to{right:0}}@keyframes top{0%{top:-100%}to{top:0}}@keyframes bottom{0%{bottom:-100%}to{bottom:0}}@keyframes leftLeave{0%{left:0}to{left:-100%}}@keyframes rightLeave{0%{right:0}to{right:-100%}}@keyframes topLeave{0%{top:0}to{top:-100%}}@keyframes bottomLeave{0%{bottom:0}to{bottom:-100%}}#portfoli-show-record{padding-top:0!important}#portfoli-show-record article>div{display:grid;grid-template-columns:45% auto;grid-template-rows:min-content;grid-column-gap:130px}#portfoli-show-record figure{display:flex;justify-content:stretch;width:100%}#portfoli-show-record figure img{max-height:440px;width:100%;height:auto;object-fit:cover}#portfoli-show-record>figure{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}#portfoli-show-record h1{font-size:28px;font-weight:var(--font-semibold);margin-top:90px}#portfoli-show-record h2{font-size:20px}#portfoli-show-record #category{margin-top:85px;display:flex;flex-wrap:wrap}#portfoli-show-record #category a{background-color:transparent;color:var(--font-color);border-color:var(--font-color);font-size:13.5px;padding:1em 2em;line-height:1;font-weight:var(--font-semibold);margin-right:1.5rem;margin-bottom:1.5rem}#portfoli-show-record #category a:hover{color:var(--font-color-on-corporate-background);border-color:var(--corporate-color)}#portfoli-show-record #description{max-width:1150px;text-align:justify}#portfoli-show-record #urls{margin-top:40px}#portfoli-show-record #urls a{font-size:18px;color:var(--corporate-color);display:flex;align-items:center}#portfoli-show-record #urls a svg{height:16px;margin-right:10px;fill:var(--corporate-color)}#portfoli-show-record #urls a:hover{color:var(--border-color)}#portfoli-show-record #urls a:hover svg{fill:var(--border-color)}#portfoli-show-record #category{margin-top:50px}#portfoli-show-record #category a:nth-child(5n+1):hover{border-color:var(--color-palette-2)}#portfoli-show-record #category a:nth-child(5n+1):after{background-color:var(--color-palette-2)}#portfoli-show-record #category a:nth-child(5n+2):hover{border-color:var(--color-palette-1)}#portfoli-show-record #category a:nth-child(5n+2):after{background-color:var(--color-palette-1)}#portfoli-show-record #category a:nth-child(5n+3):hover{border-color:var(--color-palette-3)}#portfoli-show-record #category a:nth-child(5n+3):after{background-color:var(--color-palette-3)}#portfoli-show-record #category a:nth-child(5n+4):hover{border-color:var(--color-palette-4)}#portfoli-show-record #category a:nth-child(5n+4):after{background-color:var(--color-palette-4)}#portfoli-show-record #category a:nth-child(5n+5):hover{border-color:var(--color-palette-5)}#portfoli-show-record #category a:nth-child(5n+5):after{background-color:var(--color-palette-5)}#portfoli-show-record #category .jcf-select,#portfoli-show-record #category select{display:none!important}#portfoli-show-record #gallery{margin-top:90px}#portfoli-show-record #gallery a{width:100%}#portfoli-show-record #gallery figure{margin-bottom:50px}#portfoli-show-record #gallery figure img{max-height:50vh;object-fit:contain}#portfoli-show-record article.short>div{display:flex;flex-direction:column}#portfoli-show-record article.short #description{max-width:inherit}#portfoli-show-record article.short #gallery{display:flex;gap:var(--padding-container)}main#inner.portfoli>section{padding-bottom:75px}main.page #portfoli-list-block{padding-top:50px;padding-bottom:75px}main.page #portfoli-list-block h4{color:var(--font-color);font-size:36px;font-weight:700;margin-bottom:50px}main.page #portfoli-list-block .container{max-width:calc(1460px + var(--padding-container) * 2)}main.page #portfoli-list-block #portfoli{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:25rem}main.page #portfoli-list-block #portfoli .item{grid-column:initial;grid-row:initial;border-radius:7px}main.page #portfoli-list-block .animated-button{margin:auto}main.page #portfoli-list-records{padding-bottom:50px}@media only screen and (max-width:1024px){#portfoli-list-records #portfoli .item:nth-child(2),#portfoli-list-records #portfoli .item:nth-child(8),#portfoli-list-records #portfoli .item:nth-child(14),#portfoli-list-records #portfoli .item:nth-child(20){grid-column:inherit}#portfoli-list-records #portfoli .item:nth-child(5),#portfoli-list-records #portfoli .item:nth-child(16),#portfoli-list-records #portfoli .item:nth-child(24){grid-row:inherit}main#inner.portfoli>section header{padding-top:var(--padding-container);padding-bottom:var(--padding-container)}main#inner.portfoli>section header h2{font-size:var(--font-size)}main.page #portfoli-list-block{padding-top:calc(var(--padding-container) * 2)}#portfoli-show-record article.short #gallery{flex-direction:column}#portfoli-list-records #category,#portfoli-list-block #category{padding-bottom:var(--padding-container)}#portfoli-list-records #category>a,#portfoli-list-block #category>a{display:none}#portfoli-list-records #category select,#portfoli-list-block #category select{display:block!important}#portfoli-list-records #category .jcf-select,#portfoli-list-block #category .jcf-select{display:inline-block!important}}@media only screen and (max-width:1420px){#portfoli-show-record article>div{grid-template-columns:55% auto;grid-gap:calc(var(--padding-container) * 2)}}@media only screen and (max-width:1275px){#portfoli-list-records #portfoli,#portfoli-list-block #portfoli{grid-template-columns:repeat(3,minmax(auto,1fr));grid-auto-rows:30vw}}@media only screen and (max-width:850px){#portfoli-list-records #portfoli,#portfoli-list-block #portfoli{display:flex;flex-direction:column}#portfoli-list-records #portfoli .item,#portfoli-list-block #portfoli .item{position:relative;width:100%;min-height:230px;max-height:40vh;padding-top:56.25%}}@media only screen and (max-width:730px){#portfoli-show-record article>div{display:flex;flex-direction:column}#portfoli-show-record h1{margin-top:30px}#portfoli-show-record #gallery{margin-top:0}}