.portfolio-page{background:var(--body-bg-color);color:var(--first-color)}.portfolio-hero{color:var(--first-color);background:radial-gradient(circle at 12% 8%, #ff7a4e29, transparent 30%), radial-gradient(circle at 84% 4%, #1653e133, transparent 32%), var(--body-bg-color);padding:120px 0 80px}.dark-theme .portfolio-hero{background:radial-gradient(circle at 12% 8%, #ff7a4e29, transparent 30%), radial-gradient(circle at 80% 4%, #1653e12e, transparent 32%), var(--body-bg-color)}.portfolio-hero__container{gap:18px;max-width:1200px;margin:0 auto;padding:0 24px;display:grid}.portfolio-hero__eyebrow{color:var(--first-color);text-transform:uppercase;letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1653e11a;border:1px solid #1653e140;border-radius:999px;align-items:center;width:fit-content;padding:8px 14px;display:inline-flex}.dark-theme .portfolio-hero__eyebrow{background:#ffffff1f;border-color:#fff3}.portfolio-hero__title{letter-spacing:.02em;margin:0;font-size:clamp(2rem,3vw,2.8rem);line-height:1.2}.portfolio-hero__subtitle{max-width:840px;color:var(--third-color);margin:0;font-size:1.05rem;line-height:1.7}.portfolio-hero__chips{flex-wrap:wrap;gap:10px;display:flex}.portfolio-hero__chip{background:var(--card-bg-color);border:1px solid var(--liner-color);color:var(--first-color);box-shadow:var(--box-shadow);border-radius:999px;align-items:center;padding:10px 16px;display:inline-flex}.portfolio-hero__actions{flex-wrap:wrap;gap:14px;display:flex}.portfolio-hero__btn{text-transform:uppercase;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;padding:14px 22px;font-weight:600;transition:all .25s;display:inline-flex}.portfolio-hero__btn--primary{background:linear-gradient(171.6deg, var(--second-color) 11.462%, var(--hover-color) 97.358%);color:#fff;box-shadow:var(--box-shadow)}.portfolio-hero__btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0003}.portfolio-hero__btn--ghost{color:var(--first-color);border:1px solid var(--liner-color);background:0 0}.portfolio-hero__btn--ghost:hover{background:var(--bg-transparent-color);transform:translateY(-1px)}.portfolio-grid{background:var(--card-bg-color);padding:30px 0 120px}.dark-theme .portfolio-grid{background:var(--body-bg-color)}.portfolio-grid__container{max-width:1200px;margin:0 auto;padding:0 24px}.portfolio-grid__list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.portfolio-grid__card{height:100%}.portfolio-card__link{height:100%;display:block}.portfolio-img-card{width:100%;min-width:0}.portfolio-img-card .img-card{cursor:pointer;width:100%;height:360px;box-shadow:var(--box-shadow-modal);background:var(--card-bg-color);will-change:transform;border-radius:14px;justify-content:center;align-items:center;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.portfolio-img-card .img-card:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000,#000000e6);height:40%;position:absolute;bottom:0;left:0;right:0}.portfolio-img-card .img-card:hover{box-shadow:var(--box-shadow-modal);transform:translateY(-6px)}.portfolio-img-card .overlay{z-index:2;opacity:0;background:#00000040;width:100%;height:100%;transition:opacity .4s;position:absolute}.portfolio-img-card .img-card:hover .overlay{opacity:1}.portfolio-img-card .inf{z-index:3;color:#fff;background:linear-gradient(#0000,#000000b3);flex-direction:column;gap:6px;padding:20px;display:flex;position:absolute;bottom:0;left:0;right:0}.portfolio-img-card .img-card img{object-fit:cover;border-radius:14px;width:100%;height:100%}.portfolio-card__title,.img-card h3{margin:0;font-size:28px}.portfolio-card__category,.img-card span{color:#d9d9d9;font-size:18px}.dark-theme .portfolio-img-card .img-card{background:var(--modal-bg-color);box-shadow:var(--box-shadow)}@media (max-width:1024px){.portfolio-hero{padding:100px 0 60px}}@media (max-width:768px){.portfolio-hero{padding:90px 0 50px}.portfolio-hero__actions{flex-direction:column}.portfolio-hero__btn{justify-content:center;width:100%}.portfolio-img-card .img-card{height:280px}.portfolio-card__title,.img-card h3{font-size:22px}.portfolio-card__category,.img-card span{font-size:16px}}@media (max-width:520px){.portfolio-hero__title{font-size:clamp(1.8rem,5vw,2.2rem)}.portfolio-grid__list{grid-template-columns:1fr}.portfolio-img-card .img-card{height:240px}}