.portfolio-section{text-align:center;background:#fff;border-top:1px solid #0000000d;max-width:1400px;margin:0 auto;padding:6rem 2rem}.portfolio-img-wrapper{width:100%;max-width:1200px;margin:2rem auto 0}.portf-img{width:70%;height:auto;margin:auto;display:block}@media (max-width:768px){.portfolio-section{padding:4rem .5rem}.portf-img{width:100%}}
.gallery-section{background:#fff;max-width:1400px;margin:auto;padding:4rem 0 4rem 3rem;position:relative;overflow:hidden}.gallery-wrapper{width:100%;position:relative}.gallery-header{justify-content:space-between;display:flex}.scroll-hint{color:#888;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:10px;font-size:.8rem;font-weight:500;display:flex}.scroll-line{background:#ddd;width:40px;height:1px}.icon-small{width:16px}.gallery-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:40px;padding:2px 0 4rem;display:flex;overflow-x:auto}.gallery-track::-webkit-scrollbar{display:none}.gallery-nav-btn{z-index:10;color:#1d1d1f;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fff9;border:1px solid #0000000d;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 20px #0000001f}.gallery-nav-btn:hover{background:#fff;transform:translateY(-50%)scale(1.1);box-shadow:0 12px 24px #0000002e}.gallery-nav-btn.prev{left:2rem}.gallery-nav-btn.next{right:2rem}.project-poster{scroll-snap-align:center;cursor:pointer;background:#000;border-radius:30px;flex:none;width:320px;height:500px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000d}.project-poster:hover{z-index:2;box-shadow:0 40px 20px #00000013}.poster-img{object-fit:cover;object-position:top center;filter:brightness(.9);width:100%;height:100%;transition:transform 3s ease-in-out}.project-poster:hover .poster-img{filter:brightness();transform:scale(1.1)}.poster-info{color:#fff;background:linear-gradient(#0000,#000c);padding:20px;position:absolute;bottom:0;left:0;right:0}.poster-title{text-shadow:0 2px 4px #0000004d;margin-bottom:5px;font-size:1.5rem;font-weight:700}.poster-cat{text-transform:uppercase;letter-spacing:.1em;opacity:.9;font-size:.85rem}@media (max-width:768px){.gallery-section{padding:4rem 0}.gallery-header{flex-direction:column;margin-bottom:30px}.gallery-track{padding:0 0 0 3rem}.gallery-nav-btn{display:none}.project-poster{width:280px;height:430px}}