.portfolio-section{position:relative;padding:6rem 0;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgb(1 2 6),transparent 28%),radial-gradient(circle at 10% 85%,rgba(37,99,235,.06),transparent 24%),linear-gradient(180deg,#00030a,#020617 48%,#00030a)}.portfolio-section:before{content:"";position:absolute;inset:0;opacity:.06;pointer-events:none;opacity:.025;background-image:radial-gradient(#2563eb 1px,transparent 1px);background-size:40px 40px}.portfolio-section:after{display:none}.portfolio-tit{font-family:Syne,sans-serif;line-height:1!important;letter-spacing:-.03em!important;color:#fff;font-size:clamp(2rem,6vw,3.5rem)!important}.portfolio-container{position:relative;z-index:10;max-width:1280px;margin:0 auto 4rem;padding:0 1.5rem}.portfolio-header{text-align:center;margin-bottom:4rem}.portfolio-header h2{font-size:clamp(2rem,5vw,4.2rem);font-weight:900;line-height:1;letter-spacing:-.06em;color:#fff}.portfolio-header p{margin:1.5rem auto 0;max-width:42rem;color:#ffffff85;font-size:1rem;line-height:1.7}.portfolio-filters{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.75rem}@media(min-width:768px){.portfolio-filters{justify-content:center}}.filter-btn{padding:.5rem 1.25rem;background:#020617e0;border:1px solid rgba(255,255,255,.07);color:#ffffff6b;backdrop-filter:blur(12px);font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.filter-btn.is-active{background:#2563eb;border-color:#2563eb;color:#fff}.portfolio-grid{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -1.5rem;padding:0 1.5rem;scrollbar-width:none}.portfolio-grid::-webkit-scrollbar{display:none}.portfolio-item{min-width:85vw;scroll-snap-align:center}@media(min-width:768px){.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;overflow:visible;margin:0;padding:0}.portfolio-item{min-width:100%}}.portfolio-card{position:relative;display:block;background:#030712eb;border:1px solid rgba(255,255,255,.07);text-decoration:none;color:inherit;box-shadow:0 40px 80px -20px #00000026}.portfolio-image{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#020617}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease-out}.portfolio-card:hover img{transform:scale(1.05)}.portfolio-card:hover{border-color:#2563eb52;box-shadow:0 40px 100px #000000b8,0 0 60px #2563eb1a}.portfolio-badges{position:absolute;top:1rem;left:1rem;z-index:20;display:flex;gap:.5rem}.portfolio-badges span{padding:.25rem .5rem;color:#fff;font-size:8px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.portfolio-badges span:first-child{background:#000}.portfolio-badges span:last-child{background:#2563eb}.portfolio-overlay{position:absolute;inset:0;z-index:10;opacity:.6;background:linear-gradient(to top,#00030afa,#020617c7 34%,#02061726);transition:opacity .3s ease}.portfolio-card:hover .portfolio-overlay{opacity:.72}.portfolio-title-wrap{position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem;z-index:20}.portfolio-title-wrap h3{color:#fff;font-size:1.875rem;font-weight:900;line-height:1;letter-spacing:-.06em;text-transform:uppercase;transition:transform .5s ease}.portfolio-card:hover h3{transform:translate(.5rem)}.portfolio-footer{padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1.5rem;background:#030712f5;border-top:1px solid rgba(255,255,255,.055)}@media(min-width:768px){.portfolio-footer{flex-direction:row}}.portfolio-meta{display:flex;gap:2rem}.portfolio-meta small{display:block;margin-bottom:.125rem;color:#0003;font-size:8px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-style:italic}.portfolio-meta p{color:#000000b3;font-size:10px;font-weight:900}.portfolio-status{display:flex;align-items:center;gap:.375rem}.status-dot{width:6px;height:6px;border-radius:999px;background:#10b981}.portfolio-link{display:flex;align-items:center;gap:1rem}.portfolio-link span{color:#ffffffe0;font-size:10px;font-weight:900;letter-spacing:.3em;text-transform:uppercase;transition:color .3s ease}.portfolio-card:hover .portfolio-link span{color:#2563eb}.portfolio-arrow{width:2rem;height:2rem;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:#ffffff06;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.portfolio-card:hover .portfolio-arrow{background:#2563eb;border-color:#2563eb}.portfolio-arrow svg{width:.75rem;height:.75rem;color:#fff;transition:color .3s ease}.portfolio-card:hover .portfolio-arrow svg{color:#fff}.portfolio-bottom-line{position:absolute;bottom:0;left:0;height:3px;width:0;background:#2563eb;transition:width .7s ease}.portfolio-card:hover .portfolio-bottom-line{width:100%}.portfolio-content{padding:1.75rem 1.5rem .85rem;padding-bottom:0;background:#030712f5}.portfolio-category{display:inline-block;margin-bottom:.75rem;color:#2563eb;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.portfolio-description{max-width:34ch;transition:color .35s ease;color:#ffffff8f;font-size:.95rem;line-height:1.7;margin:0}.portfolio-result{display:flex;align-items:baseline;gap:.85rem;margin-top:1.5rem}.portfolio-result-value{font-size:1.6rem;font-weight:900;line-height:1;letter-spacing:-.06em;color:#fff}.portfolio-result-label{color:#ffffff61;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em}.portfolio-result-kicker{display:block;color:#2563eb;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.portfolio-card:hover .portfolio-description{color:#ffffffc2}@media(max-width:640px){.portfolio-title-wrap h3{font-size:1.7rem}.portfolio-footer{align-items:flex-start}.portfolio-link{width:100%;justify-content:space-between}.portfolio-result-label{font-size:10px}.portfolio-result{align-items:center}}