.portfolio-page{background-color:#1a1d2e;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif}.portfolio-nav{z-index:100;background:linear-gradient(90deg,#1a1d2e 0%,#1c1f30 50%,#1a1d2e 100%);border-bottom:1px solid #ffffff1a;position:relative}.nav-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:24px 32px;display:flex}.portfolio-logo{color:#fff;letter-spacing:-.01em;font-size:24px;font-weight:700}.mobile-menu-button{color:#fff;cursor:pointer;background:0 0;border:none;padding:4px;display:none}.nav-links{align-items:center;gap:32px;display:flex}.nav-link{color:#fff;letter-spacing:.05em;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s}.nav-link:hover{color:#ffffffb3}.nav-link-active{color:#f4b400}.portfolio-background{background-image:url(https://images.pexels.com/photos/2599538/pexels-photo-2599538.jpeg?auto=compress&cs=tinysrgb&w=1600);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:calc(100vh - 73px);padding:65px 24px 80px;position:relative}.portfolio-overlay{z-index:1;background:#0000006b;position:absolute;inset:0}.portfolio-content-wrapper{z-index:2;max-width:1200px;margin:0 auto;position:relative}.portfolio-panel{background:#fff;border-radius:12px;padding:80px 85px 85px;box-shadow:0 12px 40px #0000002e}.portfolio-title{color:#0f172a;text-align:center;letter-spacing:-.01em;margin:0 0 16px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:58px;font-weight:400;line-height:1.1}.portfolio-underline{background-color:#f4b400;width:100px;height:4px;margin:0 auto 32px}.portfolio-description{color:#334155;text-align:center;max-width:690px;margin:0 auto 56px;font-size:17px;line-height:1.8}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:28px 30px;display:grid}.portfolio-thumbnail{aspect-ratio:16/9;border-radius:20px;transition:all .2s;display:block;overflow:hidden;box-shadow:0 2px 8px #00000014}.portfolio-thumbnail:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.portfolio-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=1024px){.portfolio-background{padding:50px 20px 60px}.portfolio-panel{padding:60px 50px 65px}.portfolio-title{font-size:48px}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:24px 26px}}@media (width<=768px){.mobile-menu-button{display:block}.nav-links{background:#1a1d2e;border-bottom:1px solid #ffffff1a;flex-direction:column;padding:20px 32px;display:none;position:absolute;top:73px;left:0;right:0}.nav-links-open{display:flex}.portfolio-background{background-attachment:scroll;padding:40px 16px 50px}.portfolio-panel{padding:50px 32px 55px}.portfolio-title{font-size:42px}.portfolio-description{margin-bottom:48px;font-size:16px}}@media (width<=640px){.portfolio-panel{padding:45px 24px 50px}.portfolio-title{font-size:40px}.portfolio-underline{width:90px;margin-bottom:28px}.portfolio-description{margin-bottom:44px;font-size:15px}.portfolio-grid{grid-template-columns:1fr;gap:22px}.portfolio-thumbnail{aspect-ratio:16/9}}