.tpl-card .portfolio-card__body{flex:1}@media(max-width:767px){.tpl-card .portfolio-card__body{padding:22px}.tpl-card__demo{display:inline-block;padding-block:11px;margin-block:-11px}.portfolio__grid:has(.tpl-card){display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin-inline:-24px;padding-inline:24px;scroll-padding-inline:24px;scrollbar-width:none}.portfolio__grid:has(.tpl-card)::-webkit-scrollbar{display:none}.portfolio__grid:has(.tpl-card) .tpl-card{flex:0 0 min(80vw,320px);scroll-snap-align:start}.portfolio__grid:has(.tpl-card) .tpl-card[data-animate]{opacity:1;transform:none;transition:none}.portfolio__grid:has(.tpl-card) .tpl-card .portfolio-card__title{font-size:1.1875rem}.tpl-card .portfolio-card__desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.portfolio__grid:has(.tpl-card) .portfolio-card__media{transition:opacity .22s ease}.portfolio__grid:has(.tpl-card) .tpl-card:not(.is-in-view) .portfolio-card__media{opacity:.78}.portfolio__grid:has(.tpl-card) .portfolio-card:hover{transform:none}.tpl-progress{display:flex;justify-content:center;gap:5px;margin-top:16px}.tpl-progress__seg{width:18px;height:3px;border-radius:999px;background:#ffffff29;transition:background-color .22s ease,width .22s ease}.tpl-progress__seg.is-active{width:26px;background:#ff2424}}@media(max-width:767px){[data-carousel-row]{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin-inline:-24px;padding-inline:24px;scroll-padding-inline:24px;scrollbar-width:none}[data-carousel-row]::-webkit-scrollbar{display:none}[data-carousel-row]>*{flex:0 0 min(80vw,320px);scroll-snap-align:start;min-width:0}[data-carousel-row]>:hover{transform:none}[data-carousel-row]>[data-animate]{opacity:1;transform:none;transition:none}}@media(min-width:768px){.tpl-progress{display:none}}@media(prefers-reduced-motion:reduce){.portfolio__grid:has(.tpl-card) .portfolio-card__media,.tpl-progress__seg{transition:none}}
