@font-face{font-family:Averta;src:url(/_next/static/media/AvertaDemo-Regular.8c23ddb3.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Averta-Bold;src:url(/_next/static/media/AvertaDemo-ExtraBoldItalic.0e0d193d.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Avenir-Next;src:url(/_next/static/media/AvenirNextWorld-Regular.38dee76842bf5bff471c.be5f8f6d.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Bressay-Display;src:url(/_next/static/media/BressayDisplay_W_Rg.b0d1f9766875b8a70308.b76deb51.woff2) format("woff2");font-weight:400;font-style:normal}#portfoliodetail-herobanner{padding-inline:32px;padding-top:60px;padding-bottom:60px}@media(max-width:1200px){#portfoliodetail-herobanner{padding-top:40px;padding-bottom:40px}}#portfoliodetail-herobanner{width:100%;margin:0 auto}#portfoliodetail-herobanner .banner-container{display:flex;grid-gap:30px;align-items:center}@media(max-width:992px){#portfoliodetail-herobanner .banner-container{flex-direction:column;grid-gap:80px;flex-wrap:wrap}}@media(max-width:640px){#portfoliodetail-herobanner .banner-container{grid-gap:50px}}#portfoliodetail-herobanner .banner-container .info-box{max-width:690px;width:100%}@media(max-width:1200px){#portfoliodetail-herobanner .banner-container .info-box{max-width:400px}}@media(max-width:992px){#portfoliodetail-herobanner .banner-container .info-box{max-width:100%}}#portfoliodetail-herobanner .banner-container .info-box .top-title{display:block;overflow:hidden;position:relative;padding-left:50px;font-weight:300;color:#25245d;margin-bottom:10px}@media(max-width:425px){#portfoliodetail-herobanner .banner-container .info-box .top-title{padding-left:0;text-align:center}}#portfoliodetail-herobanner .banner-container .info-box .top-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:37px;height:1px;background:#f5f0eb}@media(max-width:425px){#portfoliodetail-herobanner .banner-container .info-box .top-title:before{display:none}}#portfoliodetail-herobanner .banner-container .info-box h1{font-size:3.625em;line-height:1;margin:0 0 24px}@media(max-width:1200px){#portfoliodetail-herobanner .banner-container .info-box h1{font-size:3.125em}}@media(max-width:992px){#portfoliodetail-herobanner .banner-container .info-box h1{font-size:2.5em}}@media(max-width:768px){#portfoliodetail-herobanner .banner-container .info-box h1{font-size:2.1875em}}@media(max-width:425px){#portfoliodetail-herobanner .banner-container .info-box h1{text-align:center}}#portfoliodetail-herobanner .banner-container .info-box .tech-box{margin:16px 0 32px;display:flex;align-items:center;flex-wrap:wrap;grid-gap:10px;font-size:.875em}#portfoliodetail-herobanner .banner-container .info-box .tech-box ul{display:flex;list-style:none;align-items:center;grid-gap:10px;flex-wrap:wrap}@media(max-width:425px){#portfoliodetail-herobanner .banner-container .info-box .tech-box ul{justify-content:center}}#portfoliodetail-herobanner .banner-container .info-box .tech-box ul li{border:1px solid #e4e4eb;padding:3px 14px;align-items:center;display:flex;justify-content:center;border-radius:50px}#portfoliodetail-herobanner .banner-container .info-box .description{font-size:1em;max-width:480px;line-height:1.6;max-width:100%}@media(max-width:425px){#portfoliodetail-herobanner .banner-container .info-box .description{text-align:center}}#portfoliodetail-herobanner .banner-container .info-box .button-box{margin-top:48px;display:flex;flex-wrap:wrap;grid-gap:20px 28px}@media(max-width:1200px){#portfoliodetail-herobanner .banner-container .info-box .button-box{margin-top:38px}}@media(max-width:768px){#portfoliodetail-herobanner .banner-container .info-box .button-box{grid-gap:20px}}@media(max-width:640px){#portfoliodetail-herobanner .banner-container .info-box .button-box{grid-gap:15px 10px}}@media(max-width:425px){#portfoliodetail-herobanner .banner-container .info-box .button-box{justify-content:center}}#portfoliodetail-herobanner .banner-container .img-box{width:50%;text-align:center;display:flex;align-items:center}@media(max-width:992px){#portfoliodetail-herobanner .banner-container .img-box{width:100%}}#portfoliodetail-herobanner .banner-container .img-box figure{position:relative;overflow:hidden;max-width:787px!important;width:100%!important}#portfoliodetail-herobanner .banner-container .img-box figure>img{width:100%!important;max-width:100%!important;height:auto!important}#portfoliodetail-herobanner .banner-container .img-box figure span{position:absolute;left:17.3%;top:3%;padding-top:41%;right:15.4%}#portfoliodetail-herobanner .banner-container .img-box figure span img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;max-width:100%}