::-moz-selection{background-color:#9fa0a0;color:#fff}::selection{background-color:#9fa0a0;color:#fff}.portfolio-card{display:flex;flex-direction:column;gap:1.2rem;height:auto;max-height:calc(28vw - .4rem);opacity:0;overflow:hidden;position:relative;transform:translateY(6rem);transition:opacity .8s ease,transform .8s ease;width:100%}.portfolio-card.is-inview{opacity:1;transform:translateY(0)}@media (max-width:1399.98px){.portfolio-card{max-height:none}}@media (min-width:992px){.portfolio-card:hover>figure{flex:0 1 auto}.portfolio-card:hover p{opacity:1}.portfolio-card:hover .portfolio-card__btn{background-color:#1a75ff;color:#fff;gap:.4rem;padding:0 1.2rem}.portfolio-card:hover .portfolio-card__btn>p{width:auto}}.portfolio-card>figure{height:auto;width:100%}.portfolio-card>figure:before{content:"";display:block;padding-bottom:84%}.portfolio-card>figure{align-items:center;border-radius:1.6rem;display:flex;flex:0 0 auto;justify-content:center;overflow:hidden;position:relative;transition:flex .6s cubic-bezier(.27,.28,.2,1)}.portfolio-card>figure>img,.portfolio-card>figure>video{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.portfolio-card__btn{align-items:center;background-color:#fff9;border-radius:5rem;bottom:1.6rem;color:#000;display:flex;gap:0;height:3.2rem;justify-content:center;min-width:3.2rem;overflow:hidden;padding:0;position:absolute;right:2rem;transition:background-color .6s cubic-bezier(.27,.28,.2,1),gap .6s cubic-bezier(.27,.28,.2,1),min-width .6s cubic-bezier(.27,.28,.2,1);width:auto}.portfolio-card__btn>span{display:flex;height:auto;width:1.4rem}.portfolio-card__btn>span>svg{height:auto;margin-bottom:0;width:100%}.portfolio-card__btn>p{font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-size:1.4rem;font-weight:500;line-height:1;opacity:0;overflow:hidden;transition:width .6s cubic-bezier(.27,.28,.2,1),opacity .6s cubic-bezier(.27,.28,.2,1);width:0;word-break:keep-all}.portfolio-card__info{display:flex;flex-direction:column;gap:.4rem}.portfolio-card__info>h3{font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-size:2rem;font-weight:600;line-height:3.6rem}.portfolio-card__info>h3.-en,body.language-en .portfolio-card__info>h3{font-family:Manrope,Noto Sans TC,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif}.portfolio-card__info>h3{-webkit-box-decoration-break:clone;box-decoration-break:clone;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}.portfolio-card__info>ul{display:flex;flex-wrap:wrap;gap:.4rem}.portfolio-card__info>ul>li{background-color:#fff;border-radius:4rem;color:#000;font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-size:1.4rem;font-weight:500;line-height:1;padding:.8rem 1.6rem}.-dark-mode .portfolio-card__info>ul>li{background-color:#fff9}.portfolio-card__info>p{font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-size:1.6rem;font-weight:400;letter-spacing:.028rem;line-height:1.8}.portfolio-card__info>p.-en,body.language-en .portfolio-card__info>p{font-family:Manrope,Noto Sans TC,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-size:1.4rem;font-weight:500;letter-spacing:0;line-height:1.2}.portfolio-card__info>p{-webkit-box-decoration-break:clone;box-decoration-break:clone;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;opacity:0;transition:opacity .6s cubic-bezier(.27,.28,.2,1)}@media (max-width:1399.98px){.portfolio-card__info>p{display:none}}