.portfolio-main{width:100%;min-height:100vh}.portfolio-header{width:100%;max-width:1050px;margin:0 auto;padding:150px 5% 55px;text-align:center}.portfolio-label{margin:0 0 18px;color:var(--highlight);font-family:var(--font-body);font-size:.72rem;font-weight:500;letter-spacing:2.4px;text-transform:lowercase}.portfolio-title{margin:0 0 28px;color:#fff;font-family:var(--font-heading);font-size:clamp(
            4rem,
            6.5vw,
            6.2rem
        );font-weight:400;line-height:1.02;letter-spacing:-.03em}.portfolio-title .highlight{color:var(--highlight)}.portfolio-description{max-width:720px;margin:0 auto;color:var(--muted);font-size:1.05rem;line-height:1.75}.category-filter-section{width:100%;max-width:1400px;margin:0 auto;padding:15px 5% 70px}.category-container{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.category-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 23px;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:0 0;color:#fff;font-family:var(--font-body);font-size:.88rem;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .3s ease}.category-btn:hover{transform:translateY(-2px);border-color:rgba(253,175,69,.55)}.category-btn.active{background:var(--highlight);border-color:var(--highlight);color:#111}.portfolio-grid-section{width:100%;max-width:1250px;margin:0 auto;padding:0 5% 125px}.portfolio-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 28px;align-items:start}.project-card{display:block;width:100%;color:#fff;cursor:pointer}.project-card.hidden{display:none}.project-image-wrapper{width:100%;aspect-ratio:2.55/1;overflow:hidden;border-radius:16px;background:#111}.project-image-wrapper img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1);transition:transform .7s cubic-bezier(
            .16,
            1,
            .3,
            1
        )}.project-card:hover .project-image-wrapper img{transform:scale(1.04)}.project-info{padding:13px 2px 0}.project-info h3{margin:0;color:#fff;font-family:var(--font-heading);font-size:1.85rem;font-weight:400;line-height:1.15;transition:color .3s ease}.project-card:hover .project-info h3{color:var(--highlight)}.project-category{margin:6px 0 0;color:var(--muted);font-family:var(--font-body);font-size:.69rem;font-weight:500;letter-spacing:1.1px;line-height:1.35;text-transform:uppercase}@media (max-width:1000px){.portfolio-header{padding:125px 6% 45px}.portfolio-stack{grid-template-columns:1fr;gap:42px}}@media (max-width:767px){body{background:#000}.portfolio-header{width:calc(100% - 48px);max-width:560px;margin:0 auto;padding:85px 0 26px;text-align:center}.portfolio-label{margin:0 0 8px;font-size:.55rem;letter-spacing:2px}.portfolio-title{max-width:360px;margin:0 auto 15px;font-size:2.65rem;line-height:.98;letter-spacing:-.035em}.portfolio-description{max-width:360px;margin:0 auto;font-size:.7rem;line-height:1.55;color:#888}.category-filter-section{width:calc(100% - 48px);max-width:560px;margin:0 auto;padding:0 0 34px}.category-container{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;width:100%}.category-btn{min-width:0;width:100%;min-height:27px;padding:5px 2px;border-radius:7px;font-size:.48rem;font-weight:500;line-height:1;white-space:nowrap;overflow:hidden}.portfolio-grid-section{width:calc(100% - 48px);max-width:560px;margin:0 auto;padding:0 0 58px}.portfolio-stack{display:grid;grid-template-columns:1fr;gap:38px}.project-image-wrapper{width:100%;aspect-ratio:2.55/1;border-radius:11px}.project-card:hover .project-image-wrapper img{transform:scale(1)}.project-info{padding:9px 1px 0}.project-info h3{font-size:1.2rem;line-height:1.1}.project-card:hover .project-info h3{color:#fff}.project-category{margin-top:5px;font-size:.53rem;letter-spacing:1px}}@media (max-width:480px){.portfolio-header{width:calc(100% - 42px);padding:82px 0 24px}.portfolio-label{font-size:.52rem}.portfolio-title{max-width:320px;font-size:2.45rem}.portfolio-description{max-width:315px;font-size:.66rem}.category-filter-section{width:calc(100% - 42px);padding-bottom:31px}.category-container{gap:4px}.category-btn{min-height:26px;padding:5px 1px;border-radius:6px;font-size:.45rem}.portfolio-grid-section{width:calc(100% - 42px);padding-bottom:52px}.portfolio-stack{gap:34px}.project-image-wrapper{border-radius:10px}.project-info{padding-top:8px}.project-info h3{font-size:1.08rem}.project-category{font-size:.5rem}}@media (max-width:360px){.portfolio-header{width:calc(100% - 34px);padding-top:78px}.portfolio-title{font-size:2.25rem}.portfolio-description{font-size:.63rem}.category-filter-section{width:calc(100% - 34px)}.category-btn{min-height:24px;font-size:.41rem}.portfolio-grid-section{width:calc(100% - 34px)}.project-info h3{font-size:1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}