body.portfolio-page{background-color:var(--base-300);color:var(--base-100)}.portfolio-main{min-height:100vh;width:100vw;overflow-x:hidden}body.portfolio-page .header .item.menu ul#menu-menu-topo li a{color:var(--base-200)}body.portfolio-page .header .item.menu ul#menu-menu-topo li a:hover{color:var(--accent-1)}body.portfolio-page .header .item.menu ul#menu-menu-topo li a:after{background-color:var(--accent-1)}body.portfolio-page .header.is-scrolled{background-color:#0a0a0ae6}body.portfolio-page .header .item.logo img{filter:brightness(0) invert(1);transition:filter .4s cubic-bezier(.16,1,.3,1)}body.portfolio-page .menu-hamburguer span{background-color:var(--base-100);transition:background-color .4s cubic-bezier(.16,1,.3,1)}body.portfolio-page .menu-hamburguer.active~.menu-mobile.active~.item.logo img,body.portfolio-page .header:has(.menu-hamburguer.active) .item.logo img{filter:none}body.portfolio-page .menu-hamburguer.active span{background-color:var(--base-300)}body.portfolio-page .menu-mobile{background-color:#0a0a0af2}.gsap-hero{position:relative;width:100vw;height:90vh;display:flex;flex-direction:column;justify-content:center}.hero-left-line{position:absolute;top:10%;left:5vw;width:2px;height:80%;background:#ffffff1a;transform-origin:top}.gsap-title{font-family:Barlow Condensed,sans-serif;font-size:15vw;color:var(--base-100);line-height:.85;text-transform:uppercase;font-weight:900;display:flex;flex-direction:column;padding-left:8vw}.title-line{display:block;overflow:hidden}.gsap-subtitle{padding-left:8vw;color:var(--base-secondary-dark);font-size:1.25rem;margin-top:2rem}.portfolio-horizontal{width:100vw;height:100vh;position:relative;overflow:hidden;background-color:var(--base-300)}.horizontal-container{display:flex;width:max-content;height:100vh}.horizontal-panel{width:100vw;height:100vh;display:flex;align-items:center;justify-content:space-between;padding:0 10vw;gap:5vw}.panel-content{flex:1;display:flex;flex-direction:column;justify-content:center}.panel-number{font-size:8rem;color:#ffffff0d;line-height:1;font-weight:900;margin-bottom:-2rem}.panel-title{font-size:5vw;color:var(--base-100);line-height:.9;text-transform:uppercase;margin-bottom:2rem}.panel-tags{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.tag-pill{background-color:#ffffff0d;padding:.5rem 1rem;border-radius:50px;border:1px solid rgba(255,255,255,.1);font-size:.85rem;color:var(--base-100)}.panel-desc{font-size:1.15rem;color:#a0a0a0;max-width:90%;line-height:1.6}.panel-actions{display:flex;gap:1.5rem;margin-top:2.5rem}.panel-btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 2rem;border-radius:50px;font-size:.85rem;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.panel-btn.primary{background:var(--base-100);color:var(--base-300)}.panel-btn.primary:hover{background:#fff;transform:translateY(-3px);box-shadow:0 10px 25px -10px #ffffff4d}.panel-btn.secondary{background:transparent;color:var(--base-100);border:1px solid rgba(255,255,255,.2)}.panel-btn.secondary:hover{background:#ffffff0d;border-color:#ffffff80;transform:translateY(-3px)}.panel-image{flex:1.2;height:70vh;position:relative;overflow:hidden;border-radius:12px}.panel-image-inner{width:115%;height:100%;position:relative}.panel-image-inner img{width:100%;height:100%;object-fit:cover}.image-mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--base-300);z-index:2}.portfolio-footer{width:100vw;height:60vh;display:flex;align-items:center;justify-content:center;background-color:var(--base-100);color:var(--base-300)}.gsap-footer-text{font-size:10vw}@media(max-width:1000px){.portfolio-horizontal{height:auto;overflow:visible}.horizontal-container{display:flex;flex-direction:column;width:100%;max-width:100%;height:auto;overflow-x:hidden}.horizontal-panel{width:100vw;max-width:100%;height:auto;min-height:100vh;flex-direction:column-reverse;justify-content:center;gap:2rem;padding:10vh 5vw;overflow:hidden}.panel-number{display:none}.panel-title{font-size:15vw}.panel-image{width:100%;height:40vh;flex:none;overflow:hidden;border-radius:12px}.panel-image-inner{width:100%;max-width:100%;height:100%}.image-mask{display:none}.panel-content{flex:none}.panel-actions{flex-wrap:wrap;gap:.75rem}.panel-btn{border-radius:10px;padding:.75rem 1.5rem;font-size:.8rem;flex:1 1 auto;text-align:center}}