.fade{position:absolute;margin-top:1rem;z-index:3;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.fade.active,.fade.is-active{opacity:1;visibility:visible}.scroll{scrollbar-width:thin;scrollbar-color:dark}.scroll::-webkit-scrollbar{width:.9rem}.scroll::-webkit-scrollbar-track{background-color:#eaeaea}.scroll::-webkit-scrollbar-thumb{background-color:#fef100}section.feedback{margin-top:8rem;display:grid;grid-template-columns:1fr 1fr;column-gap:2rem;background-color:#fafafa;border-radius:4rem}section.feedback .mobile{display:none}section.feedback .left-col{display:flex;flex-direction:column;justify-content:center;padding:4rem}section.feedback .left-col .title{margin-bottom:2.4rem;font-size:calc(5rem * var(--font-ratio));font-weight:700}section.feedback .left-col .subtitle{margin-bottom:3.6rem;font-size:calc(2rem * var(--font-ratio));color:#6e6e6e}section.feedback .left-col .socials{display:flex;flex-wrap:wrap;grid-gap:2.4rem}section.feedback .left-col .socials a{display:flex;align-items:center;justify-content:center;width:5.2rem;height:5.2rem;font-size:calc(3rem * var(--font-ratio));border-radius:50%;background-color:#fef100}section.feedback .right-col{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:770/504}section.feedback .right-col>*{position:relative;z-index:1}section.feedback .right-col img{position:absolute;z-index:0;width:100%;height:100%;object-fit:cover;border-radius:4rem}section.feedback form{display:flex;justify-content:center;flex-direction:column;max-width:44rem;width:100%;padding:2rem;background-color:#fff;border-radius:2rem}section.feedback form .btn{width:100%;margin-top:.8rem;background-color:#fef100;border-color:#fef100}section.feedback form .policy{font-size:calc(1.3rem * var(--font-ratio));color:#a2a2a2}section.feedback form .policy a{text-decoration:underline}@media (max-width:1200px){section.feedback{display:flex;flex-direction:column}}section.portfolio .portfolio-list{display:flex;flex-wrap:wrap;grid-gap:2rem;align-items:start}section.portfolio .portfolio-list .item{display:flex;flex-direction:column;aspect-ratio:1;width:calc((100% - 6rem)/ 4);height:100%}section.portfolio .portfolio-list .item.info{position:relative;align-items:center;justify-content:center}section.portfolio .portfolio-list .item.info.black .btn{background-color:#252525;border-color:#252525;color:#fff}section.portfolio .portfolio-list .item.info .title{margin-bottom:4rem;font-size:calc(5rem * var(--font-ratio));text-align:center;font-weight:700}section.portfolio .portfolio-list .item.info img{position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;object-fit:contain;border-radius:3rem}section.portfolio .portfolio-list .item img{height:100%;border-radius:3rem;width:100%;object-fit:cover}section.portfolio .portfolio-list .item:nth-child(14n+1),section.portfolio .portfolio-list .item:nth-child(14n+9){width:calc(43.46% - 4rem);aspect-ratio:638/350}section.portfolio .portfolio-list .item:nth-child(14n+10),section.portfolio .portfolio-list .item:nth-child(14n+2){width:32.5%;aspect-ratio:507/350}section.portfolio .portfolio-list .item:nth-child(14n+3),section.portfolio .portfolio-list .item:nth-child(14n+8){position:relative;z-index:1;width:24.03%;aspect-ratio:375/745;margin-bottom:-50%}@media (max-width:1200px){section.portfolio .portfolio-list .item.info .title{font-size:calc(2.4rem * var(--font-ratio))}section.portfolio .portfolio-list .item.info .btn{padding:1.12rem 1.6rem;font-size:calc(1.4rem * var(--font-ratio))}section.portfolio .portfolio-list .item.info .btn svg{display:none}}