*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:DM Sans,sans-serif}body{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}.category-container,.portfolio-container{width:100%;padding:40px 32px;background:#ffffff;flex:1 1;display:flex;flex-direction:column}.category-header{max-width:1400px;margin:0 auto 40px;text-align:center}.category-title{font-family:DM Sans,sans-serif;font-weight:700;font-size:36px;color:#EB7A6A;margin:0 0 16px}.category-description{font-family:DM Sans,sans-serif;font-weight:400;font-size:16px;color:#666666;margin:0}.portfolio-grid{width:100%;margin:0 auto;padding:0 20px}.portfolio-grid.masonry{display:flex;align-items:flex-start;column-gap:24px}.masonry-col{flex:1 1;min-width:0}.portfolio-item{display:block;text-decoration:none;transition:transform .3s ease;page-break-inside:avoid;break-inside:avoid;margin-bottom:24px}.portfolio-item:hover{transform:translateY(-4px)}.portfolio-image-container{width:100%;overflow:hidden;border-radius:8px;background:#f5f5f5;position:relative}.portfolio-image{width:100%;height:auto;display:block;transition:transform .4s ease}.portfolio-item:hover .portfolio-image{transform:scale(1.1)}.portfolio-info{padding:12px 0;display:flex;align-items:center;gap:8px}.portfolio-title{color:#000000}.portfolio-category,.portfolio-title{font-family:Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;margin:0}.portfolio-category{color:#666666}.portfolio-category:before{content:"•";margin-right:8px;color:#666666}@media (min-width:2400px){.portfolio-grid.masonry{column-gap:32px}.portfolio-item{margin-bottom:32px}}@media (min-width:1800px) and (max-width:2399px){.portfolio-grid.masonry{column-gap:28px}.portfolio-item{margin-bottom:28px}}@media (min-width:1400px) and (max-width:1799px){.portfolio-grid.masonry{column-gap:26px}.portfolio-item{margin-bottom:26px}}@media (min-width:1200px) and (max-width:1399px){.portfolio-grid.masonry{column-gap:24px}.portfolio-item{margin-bottom:24px}}@media (min-width:992px) and (max-width:1199px){.portfolio-grid.masonry{column-gap:22px}.portfolio-item{margin-bottom:22px}}@media (min-width:768px) and (max-width:991px){.portfolio-grid.masonry{column-gap:20px;padding:0 16px}.portfolio-item{margin-bottom:20px}.category-container,.portfolio-container{padding:20px 16px}}@media (min-width:576px) and (max-width:767px){.portfolio-grid.masonry{column-gap:18px;padding:0 12px}.portfolio-item{margin-bottom:18px}.category-container,.portfolio-container{padding:20px 16px}}@media (max-width:575px){.portfolio-grid.masonry{column-gap:16px;padding:0 8px}.portfolio-item{margin-bottom:16px}.category-container,.portfolio-container{padding:16px 8px}.category-title{font-size:24px}.category-description{font-size:14px}}.no-image-placeholder{width:100%;height:200px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#999}.no-posts-message{grid-column:1/-1;text-align:center;padding:40px;color:#666}.custom-navbar{position:sticky;top:0;z-index:1000;width:100%;background:white;transition:transform .3s ease}.custom-navbar.nav-hidden{transform:translateY(-100%)}.navbar-content{width:100%;height:168px;padding:32px;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;justify-content:space-between}.navbar-content,.navbar-left{display:flex;align-items:center}.navbar-left{gap:16px}.logo-container{width:104px;height:104px;border-radius:50%;overflow:hidden;flex-shrink:0;display:block;text-decoration:none;transition:transform .3s ease}.logo-container:hover{transform:scale(1.05)}.logo-container img{width:100%;height:100%;object-fit:cover}.text-container h1{font-family:DM Sans,sans-serif;font-weight:700;font-size:32px;color:#EB7A6A;margin:0;line-height:1.2}.text-container p{font-family:DM Sans,sans-serif;font-weight:400;font-size:14px;color:#578789;margin:4px 0 0}.navbar-right{display:flex;align-items:center;gap:32px}.hamburger{display:none;flex-direction:column;cursor:pointer;padding:10px;z-index:1001}.hamburger span{width:25px;height:3px;background:#578789;margin:3px 0;transition:all .3s ease;border-radius:3px}.hamburger.active span:first-child{transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav-link{font-family:DM Sans,sans-serif;font-weight:400;font-size:14px;line-height:1.6em;color:#578789;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#EB7A6A}.btn-about{font-family:DM Sans,sans-serif;font-weight:400;font-size:14px;color:#58858F;background:#F8FAF7;border:none;min-width:76px;height:40px;padding:0 16px;border-radius:100px;text-decoration:none;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer}.btn-about:hover{background:#f0f2ef}.btn-work{font-family:DM Sans,sans-serif;font-weight:400;font-size:14px;color:#FFFFFF;background:#E77D65;border:none;min-width:76px;height:40px;padding:0 16px;border-radius:100px;text-decoration:none;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer}.btn-work:hover{background:#d96b53;color:#FFFFFF}.custom-footer{background:white;margin-top:auto}.custom-footer,.footer-content{width:100%;border-top:1px solid #ebebeb}.footer-content{height:168px;padding:32px;border-bottom:1px solid #ebebeb;display:flex;justify-content:space-between;align-items:center}.footer-left{display:flex;flex-direction:column;gap:8px}.footer-title{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:24px;line-height:1.2}.footer-subtitle,.footer-title{font-weight:400;color:#97AFB0;margin:0}.footer-subtitle{font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:1.4}.btn-work-footer,.footer-right{display:flex;align-items:center}.btn-work-footer{font-family:DM Sans,sans-serif;font-weight:400;font-size:14px;color:#FFFFFF;background:#E77D65;border:none;height:40px;padding:0 16px;border-radius:100px;text-decoration:none;justify-content:center;transition:all .3s ease;cursor:pointer;white-space:nowrap}.btn-work-footer:hover{background:#d96b53;color:#FFFFFF;transform:translateY(-1px)}@media (max-width:768px){.navbar-content{height:auto;min-height:100px;padding:20px}.navbar-left{gap:12px}.logo-container{width:60px;height:60px}.text-container h1{font-size:20px}.text-container p{font-size:12px}.hamburger{display:flex}.navbar-right{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:white;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:80px 24px 24px;gap:24px;box-shadow:-2px 0 10px rgba(0,0,0,.1);transition:right .3s ease;z-index:1000;overflow-y:auto}.navbar-right.active{right:0}.btn-about,.btn-work,.nav-link{width:100%;text-align:left;font-size:16px;padding:12px 16px}.btn-about,.btn-work{justify-content:flex-start}.menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;transition:opacity .3s ease}.menu-overlay.active{display:block}.footer-content{height:auto;min-height:120px;flex-direction:column;gap:24px;padding:24px;text-align:center}.footer-title{font-size:20px}.footer-subtitle{font-size:13px}}@media (max-width:480px){.navbar-right{gap:12px}.btn-about,.btn-work,.nav-link{font-size:12px}.footer-title{font-size:18px}.footer-subtitle{font-size:12px}.btn-work-footer{font-size:12px;padding:0 14px}}.gallery-toolbar{width:100%;margin:0 auto 28px;padding:0 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.filter-pills{display:flex;flex-wrap:wrap;gap:8px}.filter-pill{font-family:DM Sans,sans-serif;font-size:14px;color:#58858F;background:#F8FAF7;border:none;height:40px;padding:0 16px;border-radius:100px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-pill:hover{background:#f0f2ef}.filter-pill.active{background:#E77D65;color:#FFFFFF}.filter-pill .count{opacity:.6;margin-left:6px;font-size:12px}.sort-control{display:flex;align-items:center;gap:8px;color:#578789}.sort-control,.sort-control select{font-family:DM Sans,sans-serif;font-size:14px}.sort-control select{color:#58858F;background:#F8FAF7;border:none;height:40px;padding:0 16px;border-radius:100px;cursor:pointer}@media (max-width:767px){.gallery-toolbar{padding:0 8px}.filter-pills{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:4px}.sort-control{width:100%;justify-content:flex-end}}.portfolio-grid.masonry.masonry-cols-2,.portfolio-grid.masonry.masonry-cols-3,.portfolio-grid.masonry.masonry-cols-4,.portfolio-grid.masonry.masonry-cols-5,.portfolio-grid.masonry.masonry-cols-6,.portfolio-grid.masonry.masonry-cols-7{display:none}@media (max-width:767px){.portfolio-grid.masonry.masonry-cols-2{display:flex}}@media (min-width:768px) and (max-width:991px){.portfolio-grid.masonry.masonry-cols-3{display:flex}}@media (min-width:992px) and (max-width:1399px){.portfolio-grid.masonry.masonry-cols-4{display:flex}}@media (min-width:1400px) and (max-width:1799px){.portfolio-grid.masonry.masonry-cols-5{display:flex}}@media (min-width:1800px) and (max-width:2399px){.portfolio-grid.masonry.masonry-cols-6{display:flex}}@media (min-width:2400px){.portfolio-grid.masonry.masonry-cols-7{display:flex}}