.portfolio-page-header{min-height:340px;display:flex;align-items:center;background-position:center;background-repeat:no-repeat;background-size:cover;padding:150px 0 88px}.portfolio-page-header::after{background:linear-gradient(180deg,rgba(255,255,255,.34) 0,rgba(255,255,255,.2) 50%,rgba(255,255,255,.42) 100%);opacity:var(--page-overlay, 1)}.portfolio-page-header .page-header-box h1{color:#000;font-size:52px;margin-bottom:10px}.portfolio-page-header .page-header-box p{max-width:620px;color:var(--primary-color);font-size:16px;font-weight:700;line-height:1.55em;margin:0 auto}.portfolio-work-section{padding:92px 0 70px;background:var(--white-color)}.portfolio-section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:26px;margin-bottom:36px}.portfolio-section-head .section-title{max-width:740px;margin-bottom:0}.portfolio-section-head .section-title h2{font-size:42px;line-height:1.08em;margin-bottom:0}.portfolio-section-head .section-title h2 span{text-transform:uppercase}.portfolio-section-head .btn-default{justify-self:end;margin-right:0}.portfolio-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:34px;align-items:start}.portfolio-category-panel{position:sticky;top:135px}.portfolio-category-panel h3{color:var(--primary-color);font-size:24px;line-height:1.2em;margin-bottom:18px}.portfolio-category-panel nav{display:grid;border-top:1px solid rgba(3,29,54,.08)}.portfolio-category-panel a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:14px;border-bottom:1px solid rgba(3,29,54,.08);color:var(--primary-color);font-size:14px;font-weight:700;line-height:1.45em;transition:all .3s ease-in-out}.portfolio-category-panel a.is-active,.portfolio-category-panel a:hover{color:var(--white-color);background:linear-gradient(110deg,var(--accent-secondary-color) 0,var(--accent-color) 100%)}.portfolio-category-panel strong{min-width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(10,73,166,.08);color:inherit;font-size:12px;font-weight:800}.portfolio-category-panel a.is-active strong,.portfolio-category-panel a:hover strong{background:rgba(255,255,255,.16)}.portfolio-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.portfolio-work-card{min-height:100%}.portfolio-work-link{position:relative;display:flex;flex-direction:column;height:100%;min-height:100%;padding:18px 18px 24px;border:1px solid rgba(3,29,54,.08);border-radius:24px;background:#f7f9fc;overflow:hidden;box-shadow:0 20px 44px rgba(3,29,54,.06);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.portfolio-work-link.box-bg-shape::after{background-color:var(--white-color)}.portfolio-work-link>*{position:relative;z-index:2}.portfolio-work-link:hover{transform:translateY(-6px);border-color:rgba(10,73,166,.14);box-shadow:0 28px 62px rgba(3,29,54,.11)}.portfolio-work-card figure{display:block;border-radius:18px;overflow:hidden;margin:0 0 18px;background:var(--white-color)}.portfolio-work-card img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;transition:transform .5s ease}.portfolio-work-link:hover img{transform:scale(1.06)}.portfolio-work-card span{color:var(--accent-color);font-size:12px;font-weight:800;letter-spacing:.08em;line-height:1.3em;text-transform:uppercase;margin-bottom:9px}.portfolio-featured-badge{display:inline-flex;width:fit-content;align-items:center;min-height:28px;padding:6px 12px;border-radius:999px;background:linear-gradient(110deg,var(--accent-secondary-color) 0,var(--accent-color) 100%);color:var(--white-color);font-size:11px;font-style:normal;font-weight:800;letter-spacing:.08em;line-height:1;text-transform:uppercase;margin:-6px 0 10px}.portfolio-work-card h3{color:var(--primary-color);font-size:22px;line-height:1.2em;margin-bottom:10px}.portfolio-work-card p{color:var(--text-color);font-size:14px;line-height:1.65em;margin-bottom:0}.portfolio-empty-state{grid-column:1/-1;padding:44px;text-align:center;border:1px solid rgba(3,29,54,.08);border-radius:24px;background:#f7f9fc;box-shadow:0 20px 44px rgba(3,29,54,.06)}.portfolio-empty-state h3{color:var(--primary-color);margin-bottom:8px}.portfolio-page #portfolio-choose{padding-top:70px;padding-bottom:110px}@media only screen and (max-width:1199px){.portfolio-section-head .section-title h2{font-size:36px}.portfolio-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-layout{grid-template-columns:240px minmax(0,1fr);gap:26px}}@media only screen and (max-width:991px){.portfolio-page-header{min-height:320px;padding:135px 0 78px}.portfolio-page #portfolio-choose,.portfolio-work-section{padding:72px 0}.portfolio-section-head{grid-template-columns:1fr;gap:22px;margin-bottom:34px}.portfolio-section-head .btn-default{justify-self:start}.portfolio-layout{grid-template-columns:1fr}.portfolio-category-panel{position:relative;top:auto}.portfolio-category-panel nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media only screen and (max-width:767px){.portfolio-page-header{min-height:290px;padding:120px 0 62px}.portfolio-page-header .page-header-box h1{font-size:38px}.portfolio-page-header .page-header-box p{font-size:14px}.portfolio-section-head .section-title h2{font-size:30px}.portfolio-category-panel nav,.portfolio-work-grid{grid-template-columns:1fr}.portfolio-empty-state,.portfolio-work-link{padding:20px}}.portfolio-work-link{cursor:default}