/* Matches the visual system of the reference portfolio cards and service sidebar. */
.portfolio-page{background:#fff}.portfolio-layout{direction:ltr;max-width:1280px;grid-template-columns:minmax(0,1fr) 292px;gap:20px;margin-top:40px}.portfolio-projects,.portfolio-filter{direction:rtl}.portfolio-projects>header p{color:#087f8b;font:900 11px Alexandria,sans-serif;letter-spacing:.08em}.portfolio-projects>header h2{color:#020617;font-size:29px}.portfolio-projects>header>span{border:1px solid #e2e8f0;border-radius:999px;background:#fff;box-shadow:0 10px 25px -20px #0f172a;color:#64748b;font-size:11px}.portfolio-projects>header b{color:#0f172a}.works-toolbar{border-color:#e2e8f0;border-radius:16px;background:#fff;box-shadow:0 14px 35px -30px rgba(15,23,42,.4)}.works-toolbar__title{color:#0f172a}.works-toolbar__title i{background:#ecfeff;color:#087f8b}.works-toolbar__field{border-color:#e2e8f0}.works-toolbar__field i{color:#087f8b}.works-toolbar select{color:#475569}.works-toolbar__count{background:#f1f5f9;color:#475569}.portfolio-list{gap:18px}.portfolio-list article{grid-template-columns:290px minmax(0,1fr);border:1px solid #e2e8f0;border-radius:26px;background:#fff;box-shadow:0 18px 45px -36px rgba(15,23,42,.42);transition:transform .22s,box-shadow .22s,border-color .22s}.portfolio-list article:hover{transform:translateY(-3px);border-color:#bae6fd;box-shadow:0 24px 50px -32px rgba(8,127,139,.3)}.portfolio-media{min-height:300px;background:#e2e8f0}.portfolio-media>a>img{object-position:center}.portfolio-media>a>span{top:16px;right:16px;border:1px solid #ffffff88;border-radius:999px;background:#082d5c;color:#fff;padding:7px 11px;font:900 10px Alexandria,sans-serif;box-shadow:0 8px 20px -10px rgba(2,6,23,.85)}.portfolio-thumbs{bottom:12px;right:12px;left:12px;border-radius:14px;background:#0f172ab8;padding:7px}.portfolio-thumbs button{width:48px;height:36px;border-radius:8px}.portfolio-copy{padding:22px 24px;gap:0}.portfolio-copy>span{border-radius:999px;background:#ecfeff;color:#087f8b;padding:6px 10px;font-size:10px}.portfolio-copy h3{margin-top:14px;color:#0f172a;font-size:22px}.portfolio-copy>p:first-of-type{margin-top:7px;color:#64748b;font-size:11px}.portfolio-copy>p:nth-of-type(2){margin-top:8px;color:#475569;font-size:12px;line-height:1.85}.portfolio-copy section{border-color:#e2e8f0}.portfolio-copy section small{color:#64748b!important;font-size:10px!important}.portfolio-copy section b{border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#475569;padding:5px 8px;font-size:10px}.portfolio-copy footer a{border-radius:12px!important;font-size:11px!important}.portfolio-copy footer a:first-child{border-color:#0f172a!important;background:#0f172a!important;box-shadow:none!important}.portfolio-copy footer a:first-child i{color:#fff}.portfolio-copy footer a:not(:first-child){border-color:#e2e8f0!important;background:#fff!important;color:#475569!important}.portfolio-filter{top:94px;gap:18px!important}.aside-filter-card{overflow:hidden;padding:20px!important;border:1px solid #e2e8f0!important;border-radius:28px!important;background:#fff!important;box-shadow:0 16px 40px -32px rgba(15,23,42,.45)!important}.aside-filter-card:before,.aside-filter-card:after{display:none!important}.aside-filter-card>p{color:#087f8b!important;font:900 10px Alexandria,sans-serif!important;letter-spacing:.1em}.aside-filter-card h2{margin:9px 0 14px!important;padding:0 0 13px!important;border-bottom:1px solid #f1f5f9!important;color:#020617!important;font-size:18px!important}.aside-filter-card button{justify-content:space-between;min-height:44px!important;margin:2px 0!important;border:0!important;border-radius:12px!important;background:#fff!important;padding:10px 12px!important;color:#475569!important;font-size:12px!important}.aside-filter-card button:before{display:none}.aside-filter-card button i{color:#0891b2}.aside-filter-card button b{margin-right:auto;border-radius:999px;background:#f1f5f9!important;color:#64748b!important;padding:3px 7px!important;font-size:10px!important}.aside-filter-card button.is-active{background:#0f172a!important;color:#fff!important}.aside-filter-card button.is-active i{color:#fff}.aside-filter-card button.is-active b{background:#ffffff20!important;color:#fff!important}.aside-promo{min-height:0!important;border-radius:28px!important;padding:22px!important}.aside-promo--partner{background:#0f172a!important;border-color:#0f172a!important}.aside-promo--erp{background:linear-gradient(135deg,#fffbeb,#fff)!important;border-color:#fde68a!important}.aside-promo--partner>i,.aside-promo--erp>i{margin-bottom:14px!important}.aside-promo--partner b{color:#fff!important}.aside-promo--partner span,.aside-promo--partner em{color:#93c5fd!important}.aside-promo--erp b{color:#0f172a!important}.aside-promo--erp span,.aside-promo--erp em{color:#b45309!important}.aside-promo small{font-size:11px!important;line-height:1.8!important}.aside-promo em{font-size:11px!important}@media(max-width:820px){.portfolio-layout{grid-template-columns:1fr}.portfolio-filter{position:static}.aside-filter-card{border-radius:22px!important}.portfolio-list article{grid-template-columns:1fr}.portfolio-media{min-height:230px}.aside-promos{grid-template-columns:1fr}.aside-promo{border-radius:22px!important}}
.portfolio-layout{direction:ltr!important;grid-template-columns:minmax(0,1fr) 292px!important}.portfolio-layout>.portfolio-projects{grid-column:1!important;grid-row:1!important;direction:rtl!important}.portfolio-layout>.portfolio-filter{grid-column:2!important;grid-row:1!important;direction:rtl!important}
/* On phones, retain only the projects column and remove the sidebar filters. */
@media(max-width:820px){.portfolio-layout{grid-template-columns:minmax(0,1fr)!important;gap:0!important}.portfolio-layout>.portfolio-projects{grid-column:1!important;grid-row:1!important;min-width:0}.portfolio-layout>.portfolio-filter{display:none!important}}