section.hero{width:100%;height:320px;background-size:cover;background-position:center}@media (min-width: 768px){section.hero{height:560px}}section.hero .shadow{height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(0deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,.3) 100%),linear-gradient(180deg,#000 -5.87%,rgba(0,0,0,0) 56.5%)}section.hero .shadow .left-content{width:0%}@media (min-width: 768px){section.hero .shadow .left-content{width:100%}}section.hero .shadow .line{min-width:3px;height:70px;background-color:#ab7b2b}@media (min-width: 768px){section.hero .shadow .line{min-width:6px;height:150px}}section.hero .shadow .right-content{width:-moz-fit-content;width:fit-content;color:#ab7b2b}@media (min-width: 768px){section.hero .shadow .right-content{width:100%}}section.hero .shadow .right-content h1{margin-left:1rem;font-size:1.75rem;font-weight:700;text-transform:uppercase}@media (min-width: 768px){section.hero .shadow .right-content h1{font-size:4rem;margin-left:4rem}}section.title{background-color:#ededed;text-align:center}section.title .container{padding:5rem 2rem!important;text-align:center}section.title .container>*{max-width:800px}section.title .container h1{margin:0 auto 2rem;font-weight:800;font-size:2rem;text-transform:uppercase}@media (min-width: 768px){section.title .container h1{font-size:3rem}}section.title .container p{margin:auto}main{background-color:#fff;padding-bottom:1rem}section.portofolio-items{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));row-gap:5rem;-moz-column-gap:3rem;column-gap:3rem;padding:5rem 2rem!important}@media (min-width: 768px){section.portofolio-items{grid-template-columns:repeat(2,minmax(0,1fr))}}section.portofolio-items .card-1{position:relative}section.portofolio-items .card-1:before{content:"";width:100%;height:100%;position:absolute;left:-2rem;top:-2rem;background-image:url(/build/assets/story-left-motive-01661786.svg)}section.portofolio-items .card-1 .img{width:100%;display:flex;position:relative;border-radius:1rem;background:linear-gradient(180deg,rgba(0,0,0,0) 36.5%,#000 95%),var(--bg-img);background-size:cover;background-position:center}section.portofolio-items .card-1 .img:before{display:block;content:"";width:100%;padding-top:66.6666666667%}section.portofolio-items .card-1 .img>*{position:absolute;top:0;right:0;bottom:0;left:0}section.portofolio-items .card-1 .img h4{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;margin:auto 0 0;padding:2rem;font-weight:700;color:#fff;font-size:1.3em}@media (min-width: 768px){section.portofolio-items .card-1 .img h4{font-size:2.3em}}section.portofolio-items .card-1 .img h4 span{color:#ab7b2b}section.portofolio-items .card-2{width:100%;position:relative;color:#fff;display:flex;background:url(/build/assets/porto-9a362f41.png);background-size:cover;background-position:center;border-radius:3rem .2rem;padding:2rem;overflow:hidden}section.portofolio-items .card-2:before{display:block;content:"";width:100%;padding-top:66.6666666667%}section.portofolio-items .card-2>*{position:absolute;top:0;right:0;bottom:0;left:0}@media (min-width: 768px){section.portofolio-items .card-2{border-radius:5rem 1rem}}section.portofolio-items .card-2 .content{position:relative}section.portofolio-items .card-2 .content .tag{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:.25rem 1rem;border:2px solid white;position:absolute;right:0;font-weight:700;font-size:.7rem}@media (min-width: 768px){section.portofolio-items .card-2 .content .tag{font-size:1rem}}section.portofolio-items .card-2 .title{margin-top:auto;background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.1) 100%);height:20%;padding:0rem 15%}section.portofolio-items .card-2 .title .line{width:100%;height:5px;background-color:#737373;margin-bottom:.25rem}@media (min-width: 768px){section.portofolio-items .card-2 .title .line{margin-bottom:1rem}}section.portofolio-items .card-2 .title p{text-transform:uppercase;font-weight:600}section.portofolio-items .card-3{width:100%;position:relative;background:url(/build/assets/porto-9a362f41.png);background-size:cover;background-position:center;border-radius:1.2rem;overflow:hidden}section.portofolio-items .card-3:before{display:block;content:"";width:100%;padding-top:66.6666666667%}section.portofolio-items .card-3>*{position:absolute;top:0;right:0;bottom:0;left:0}section.portofolio-items .card-3 .content{display:flex}section.portofolio-items .card-3 .content .title{background-color:#fff;position:relative;width:100%;height:-moz-fit-content;height:fit-content;margin-top:auto;margin-left:-2rem;margin-bottom:-2rem;padding:3rem;border-radius:1rem}section.portofolio-items .card-3 .content .title .tag{position:absolute;top:-1rem;border-radius:10px;background:linear-gradient(98deg,#F9F1A3 -3.13%,#AB7B2B 95.02%);color:#fff;padding:.4rem 1rem;font-weight:700;font-size:.7rem}@media (min-width: 768px){section.portofolio-items .card-3 .content .title .tag{font-size:1rem}}section.portofolio-items .card-3 .content .title h4{margin:0;font-size:1.5em;font-weight:700}@media (min-width: 768px){section.portofolio-items .card-3 .content .title h4{font-size:2.3em}}section.portofolio-items .card-3 .content .title h4 span{color:#ab7b2b}section.detail{margin-bottom:-4rem}section.detail .container{padding:3rem 2rem!important}section.detail .header{background-color:#d9d9d9;padding-bottom:1.5rem;position:relative}section.detail .header h1{text-transform:uppercase;font-size:2rem;font-weight:700;text-align:center}section.detail .detail.container{display:flex;text-align:center;gap:2rem;flex-direction:column}@media (min-width: 768px){section.detail .detail.container{flex-direction:row}}section.detail .detail.container .left-content{flex:3 3 0%;padding-bottom:3rem}section.detail .detail.container .left-content .img-container{width:100%;position:relative;background-size:cover;background-position:center;margin-top:-5rem;margin-bottom:3rem;border-radius:.25rem}section.detail .detail.container .left-content .img-container:before{display:block;content:"";width:100%;padding-top:66.6666666667%}section.detail .detail.container .left-content .img-container>*{position:absolute;top:0;right:0;bottom:0;left:0}@media (min-width: 768px){section.detail .detail.container .left-content .img-container{width:90%;border-radius:.5rem}}section.detail .detail.container .left-content .detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:4rem}section.detail .detail.container .left-content .detail P{margin:0}section.detail .detail.container .left-content .detail .title{color:#969696}section.detail .detail.container .left-content .detail .value{font-weight:700}section.detail .detail.container .left-content .content-container .description{display:flex;flex-direction:column;gap:1rem}section.detail .detail.container .left-content .content-container .description h4{font-size:1rem;font-weight:700;text-decoration:underline;color:#1b4074}section.detail .detail.container .left-content .content-container .description *{line-height:1.8}section.detail .detail.container .right-content{position:relative;flex:2 2 0%;display:flex;flex-direction:column;gap:2rem;margin:0rem -2rem;background-image:url(/build/assets/story-left-motive-01661786.svg);padding:2rem}@media (min-width: 768px){section.detail .detail.container .right-content{margin-top:-10rem}}section.detail .detail.container .right-content h3{font-size:1.2rem}section.detail .detail.container .right-content .show-all{margin:0 auto;color:#ab7b2b;display:block}section.detail .detail.container .right-content .show-all:hover{color:#d6ab63}@media (min-width: 768px){section.detail .detail.container .right-content .show-all{display:none}}section.detail .detail.container .right-content .nav{gap:1rem}section.detail .detail.container .right-content .nav .nav-link{width:100%;display:flex;justify-content:space-between;padding:1rem 2rem;border-left:solid 3px #AB7B2B;color:#000;background-color:#fff}section.detail .detail.container .right-content .nav .nav-link button{display:flex;align-items:center}section.detail .detail.container .right-content .nav .nav-link i{line-height:20px;font-size:1.2rem}section{font-family:Tahoma,Verdana,Segoe,sans-serif}