.sub-portfolio .list-portfolio{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16rem 8rem;padding-bottom:16rem}.sub-portfolio .list-portfolio .list-portfolio-item,.sub-portfolio .list-portfolio .list-portfolio-item article{display:block;width:100%;height:auto}.sub-portfolio .list-portfolio .list-portfolio-item:nth-child(3n-1){margin-top:8rem;margin-bottom:-8rem}.sub-portfolio .list-portfolio .list-portfolio-item:nth-child(3n){margin-top:16rem;margin-bottom:-16rem}.sub-portfolio .list-portfolio .list-portfolio-item article button{display:flex;flex-wrap:wrap;width:100%;height:auto;background-color:transparent;border:0;outline:0;padding:0;margin:0;text-align:left;cursor:pointer}.sub-portfolio .list-portfolio .list-portfolio-item .list-portfolio-item-image{display:block;width:100%;height:auto;position:relative;overflow:hidden;border-radius:.3rem;pointer-events:none}.sub-portfolio .list-portfolio .list-portfolio-item .list-portfolio-item-image *{display:block;width:100%;height:auto}.sub-portfolio .list-portfolio .list-portfolio-item .list-portfolio-item-title hgroup h3{font-size:clamp(2.6rem, 1.56vw, 3.6rem);font-weight:500}.sub-portfolio .list-portfolio .list-portfolio-item .list-portfolio-item-title hgroup time{font-size:clamp(1.7rem, 0.94vw, 2.2rem);font-family:"latienne-pro",serif;font-weight:400}@media (max-width:1800px){.sub-portfolio .list-portfolio{gap:16rem 6rem}}@media (max-width:1600px){.sub-portfolio .list-portfolio{gap:16rem 4rem}}@media (max-width:1400px){.sub-portfolio .list-portfolio{gap:16rem 3rem}}@media (max-width:1300px){.sub-portfolio .list-portfolio{grid-template-columns:1fr 1fr;gap:12rem 8rem;padding-bottom:8rem}.sub-portfolio .list-portfolio .list-portfolio-item:nth-child(3n-1),.sub-portfolio .list-portfolio .list-portfolio-item:nth-child(3n){margin-top:unset;margin-bottom:unset}.sub-portfolio .list-portfolio .list-portfolio-item:nth-child(2n){margin-top:8rem;margin-bottom:-8rem}}@media (max-width:1050px){.sub-portfolio .list-portfolio{gap:12rem 4rem}.sub-portfolio .list-portfolio .list-portfolio-item .list-portfolio-item-title hgroup h3{font-size:2.2rem}.sub-portfolio .list-portfolio .list-portfolio-item .list-portfolio-item-title hgroup time{font-size:1.6rem}}@media (max-width:850px){.sub-portfolio .list-portfolio{gap:12rem 2rem}}@media (max-width:750px){.sub-portfolio .list-portfolio{grid-template-columns:1fr;gap:6rem 0;padding-bottom:unset}.sub-portfolio .list-portfolio .list-portfolio-item{max-width:450px}.sub-portfolio .list-portfolio .list-portfolio-item:nth-child(2n){margin-top:unset;margin-bottom:unset;margin-left:auto}}@media (max-width:550px){.sub-portfolio .list-portfolio .list-portfolio-item .list-portfolio-item-title hgroup h3{font-size:2rem}}.block-artwork{z-index:999;visibility:hidden;position:fixed;top:0;right:-100%;width:100%;height:100%;background-color:var(--cream);background-image:url(//jredfernart.online/wp-content/themes/redfernart/blocks/flexible/portfolio/../../../assets/images/bk.jpg);background-repeat:repeat;transition:all .3s ease-in-out}.block-artwork .container{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;height:100%}.block-artwork .container .artwork-artwork{width:calc(50% - 7.5rem);height:100%}.block-artwork .container .artwork-content{width:calc(50% - 7.5rem);height:100%;overflow:auto}.block-artwork .container .artwork-artwork picture{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:relative;overflow:hidden;border-radius:.3rem}.block-artwork .container .artwork-artwork picture *{display:block;max-width:100%;width:auto;max-height:100%;height:auto}.artwork-visible .block-artwork{right:0;visibility:visible}.btn-artwork{display:flex;align-items:center;flex-wrap:wrap;position:absolute;top:5rem;right:10rem;z-index:899;cursor:pointer;background:0 0;padding:0;outline:0;border:0;width:3rem;height:3rem;margin-left:2rem}.btn-artwork .artwork-bar{height:.3rem;width:100%;display:block;margin:.3rem 0;position:relative;border-radius:1.6rem;background-color:var(--darkbrown)}.btn-artwork.btn-artwork-close{padding:.6rem 0}.btn-artwork.btn-artwork-close .artwork-bar:first-of-type{-moz-transform:translateY(4px) rotate(45deg);-ms-transform:translateY(4px) rotate(45deg);-webkit-transform:translateY(4px) rotate(45deg);transform:translateY(4px) rotate(45deg)}.btn-artwork.btn-artwork-close .artwork-bar:nth-of-type(2){display:none}.btn-artwork.btn-artwork-close .artwork-bar:nth-of-type(3){-moz-transform:translateY(-4px) rotate(-45deg);-ms-transform:translateY(-4px) rotate(-45deg);-webkit-transform:translateY(-4px) rotate(-45deg);transform:translateY(-4px) rotate(-45deg)}@media (max-width:1800px){.btn-artwork{right:6rem}}@media (max-width:1300px){.block-artwork .container .artwork-artwork{width:calc(50% - 5rem)}.block-artwork .container .artwork-content{width:calc(50% - 5rem)}.btn-artwork{top:2rem;right:3rem}}@media (max-width:1100px){.block-artwork .container .artwork-artwork{width:450px}.block-artwork .container .artwork-content{width:calc((100% - 450px) - 5rem)}}@media screen and (max-height:600px),screen and (max-width:950px){.block-artwork .container{max-width:600px;padding-left:2rem;padding-right:2rem;overflow:auto}.block-artwork .container .artwork-artwork{width:100%;height:unset}.block-artwork .container .artwork-content{width:100%;height:unset;overflow:unset}.block-artwork .container .artwork-artwork picture{display:block;justify-content:unset;align-items:unset;height:auto}.block-artwork .container .artwork-artwork picture *{max-width:unset;width:100%;max-height:unset}}@media (max-width:750px){.btn-artwork{top:1.5rem}}@media (max-width:650px){.btn-artwork{right:1.5rem}}.sub-title-artwork hgroup{display:flex;flex-wrap:wrap}.sub-title-artwork hgroup time{display:inline-block;order:1;font-size:clamp(1.5rem, 0.84vw, 1.9rem);line-height:1;margin-bottom:1rem;padding:.2rem 1rem;border:1px solid var(--darkbrown);background-color:transparent}.sub-title-artwork hgroup h2{display:block;width:100%;order:2;font-size:clamp(4.2rem, 2.4vw, 5.1rem);line-height:1.2}@media (max-width:1300px){.sub-title-artwork hgroup time{font-size:1.3rem}.sub-title-artwork hgroup h2{font-size:3.6rem}}@media (max-width:950px){.sub-title-artwork hgroup time{order:2;margin-top:1.4rem;margin-bottom:unset}.sub-title-artwork hgroup h2{order:1}}@media (max-width:650px){.sub-title-artwork hgroup h2{font-size:3.4rem}}@media (max-width:380px){.sub-title-artwork hgroup h2{font-size:3rem}}