:root{--color-bg:#0a0a0a;--color-card:#111;--color-primary:#ff6b00;--color-secondary:#ff8c42;--color-text-main:#fff;--color-text-sec:#a1a1a1;--color-border:#ffffff14;--color-glow:#ff6b0026;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--max-width:580px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg);color:var(--color-text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{border:2px solid var(--color-bg);background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}#root{z-index:10;flex-direction:column;min-height:100svh;display:flex;position:relative}.container{z-index:10;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;margin:0 auto;padding:60px 24px;display:flex;position:relative}.links-layout{width:100%;max-width:var(--max-width);flex-direction:column;align-items:center;display:flex}.portfolio-layout{flex-direction:column;align-items:center;width:100%;max-width:1200px;display:flex}@media (width<=480px){.container{padding:40px 20px}}.text-glow{text-shadow:0 0 20px #ff6b004d}.gradient-text{background:linear-gradient(135deg, var(--color-text-main) 60%, var(--color-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.bg-wrapper{pointer-events:none;z-index:0;background-color:var(--color-bg);position:fixed;inset:0;overflow:hidden}.grid-bg{width:120%;height:120%;transform:translate(calc(var(--mouse-x-offset,0px) * .03), calc(var(--mouse-y-offset,0px) * .03));opacity:.8;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-position:50%;background-size:50px 50px;transition:transform .3s cubic-bezier(.1,.8,.2,1);position:absolute;inset:-10%}.spotlight{background:radial-gradient(650px circle at var(--mouse-x,50%) var(--mouse-y,50%), #ff6b000d, transparent 80%);z-index:1;position:absolute;inset:0}.glow-orb{filter:blur(80px);pointer-events:none;z-index:0;background:radial-gradient(circle,#ff6b001f 0%,#0000 70%);border-radius:50%;position:absolute}.glow-orb-1{width:450px;height:450px;animation:12s ease-in-out infinite alternate pulse-orb-1;top:10%;left:5%}.glow-orb-2{width:500px;height:500px;animation:16s ease-in-out infinite alternate pulse-orb-2;bottom:10%;right:5%}@keyframes pulse-orb-1{0%{opacity:.8;transform:translate(0)scale(1)}to{opacity:1;transform:translate(50px,30px)scale(1.15)}}@keyframes pulse-orb-2{0%{opacity:.7;transform:translate(0)scale(1)}to{opacity:.9;transform:translate(-60px,-40px)scale(1.2)}}.particle{background-color:var(--color-primary);opacity:0;pointer-events:none;z-index:2;animation:float-up var(--duration,12s) linear infinite;animation-delay:var(--delay,0s);border-radius:50%;position:absolute;bottom:-20px}@keyframes float-up{0%{opacity:0;transform:translateY(0)translate(0)scale(.5)}15%{opacity:.25}85%{opacity:.25}to{transform:translateY(-110vh) translateX(var(--drift,40px)) scale(1.2);opacity:0}}.hero-container{text-align:center;flex-direction:column;align-items:center;width:100%;margin-bottom:40px;display:flex}.avatar-wrapper{width:110px;height:110px;margin-bottom:24px;position:relative}.avatar-img{object-fit:cover;z-index:2;background:var(--color-card);border:2px solid #ff6b004d;border-radius:50%;width:100%;height:100%;position:relative;box-shadow:0 8px 32px #00000080}.avatar-glow{background:radial-gradient(circle, var(--color-primary) 0%, transparent 70%);filter:blur(14px);opacity:.7;z-index:1;border-radius:50%;animation:3s ease-in-out infinite alternate pulse-avatar;position:absolute;inset:-12px}@keyframes pulse-avatar{0%{opacity:.5;transform:scale(.95)}to{opacity:.85;transform:scale(1.05)}}.hero-title{letter-spacing:-.03em;margin:0 0 8px;padding-bottom:.15em;font-size:2.5rem;font-weight:800;line-height:1.25;display:inline-block}.hero-subtitle{color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px;font-size:1.05rem;font-weight:600}.hero-description{color:var(--color-text-sec);max-width:460px;margin-bottom:28px;font-size:.95rem;font-weight:400;line-height:1.6}.specialties-container{max-width:520px;color:var(--color-text-sec);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;margin-top:12px;display:flex}.specialty-item{cursor:default;letter-spacing:.01em;background:#ffffff05;border:1px solid #ffffff14;border-radius:99px;padding:5px 12px;font-size:.78rem;font-weight:500;transition:all .25s cubic-bezier(.2,.8,.2,1)}.specialty-item:hover{color:var(--color-primary);background:#ff6b0008;border-color:#ff6b0040;transform:translateY(-1px)}.link-section-container{justify-content:center;width:100%;margin-bottom:40px;display:flex;position:relative}.connecting-line-container{background:linear-gradient(to bottom, transparent, var(--color-border) 20%, var(--color-border) 80%, transparent);z-index:1;pointer-events:none;width:2px;position:absolute;top:30px;bottom:30px;left:50%;transform:translate(-50%)}.connecting-line-pulse{background:linear-gradient(to bottom, transparent, var(--color-primary), transparent);filter:blur(1px);width:100%;height:60px;animation:4s cubic-bezier(.4,0,.2,1) infinite pulse-down;position:absolute;top:0;left:0}@keyframes pulse-down{0%{opacity:0;top:-60px}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}.links-wrapper{z-index:2;flex-direction:column;gap:16px;width:100%;display:flex;position:relative}.link-card{background:var(--color-card);border:1px solid var(--color-border);width:100%;color:var(--color-text-main);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:16px 20px;text-decoration:none;transition:border-color .3s,box-shadow .3s;display:block;position:relative;overflow:hidden;box-shadow:0 4px 30px #00000040}.link-card:hover{border-color:#ff6b0059;box-shadow:0 0 25px #ff6b001f,0 12px 30px #00000080}.card-shine{pointer-events:none;background:radial-gradient(180px circle at var(--x,50%) var(--y,50%), #ffffff0a, transparent 80%);z-index:1;opacity:0;transition:opacity .4s;position:absolute;inset:0}.link-card:hover .card-shine{opacity:1}.card-content{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.card-left{align-items:center;gap:16px;display:flex}.icon-wrapper{width:44px;height:44px;color:var(--color-primary);background:#ff6b0012;border:1px solid #ff6b0026;border-radius:12px;justify-content:center;align-items:center;transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s;display:flex}.link-card:hover .icon-wrapper{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 0 15px #ff6b004d}.card-icon{transition:transform .3s}.link-card:hover .card-icon{transform:scale(1.05)}.text-wrapper{text-align:left}.card-title{color:var(--color-text-main);margin-bottom:2px;font-size:1.05rem;font-weight:700}.card-description{color:var(--color-text-sec);font-size:.82rem;font-weight:400}.card-right{color:var(--color-text-sec);justify-content:center;align-items:center;transition:transform .3s,color .3s;display:flex}.link-card:hover .card-right{color:var(--color-primary);transform:translate(2px,-2px)}.footer-container{text-align:center;width:100%;margin-top:auto;padding-top:20px}.footer-copyright{color:var(--color-text-sec);margin-bottom:6px;font-size:.85rem;font-weight:500}.portfolio-page-layout{flex-direction:column;width:100%;display:flex;position:relative}.portfolio-nav-header{border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(20px);z-index:100;background:#0a0a0ab3;justify-content:center;align-items:center;width:100%;height:80px;display:flex;position:fixed;top:0;left:0}.nav-header-content{justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding:0 24px;display:flex}.horizontal-logo-link{color:var(--color-text-main);letter-spacing:-.02em;align-items:center;gap:12px;font-size:1.15rem;font-weight:800;text-decoration:none;transition:opacity .3s;display:flex}.horizontal-logo-link:hover{opacity:.9}.horizontal-logo-img{object-fit:contain;width:auto;height:30px}.horizontal-logo-text{font-family:var(--font-sans)}.header-nav-menu{align-items:center;gap:16px;display:flex}.nav-menu-item{color:var(--color-text-sec);cursor:pointer;background:0 0;border:none;border-radius:99px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .3s,background-color .3s,border-color .3s,box-shadow .3s;display:flex}.nav-menu-item:hover{color:var(--color-text-main)}.contact-highlight-btn{background:var(--color-primary);border:1px solid var(--color-primary);font-weight:700;box-shadow:0 4px 15px #ff6b0040;color:#fff!important}.contact-highlight-btn:hover{background:var(--color-secondary);border-color:var(--color-secondary);transform:translateY(-1px);box-shadow:0 6px 20px #ff6b0073}.contact-highlight-btn:active{transform:translateY(0)}.return-links-btn{border:1px solid var(--color-border);color:var(--color-text-main);background:#ffffff08;font-weight:700}.return-links-btn:hover{background:#ffffff14;border-color:#fff3}.portfolio-body-content{flex-direction:column;align-items:center;width:100%;margin-top:110px;padding-bottom:85px;display:flex}.portfolio-title-section{text-align:center;margin-bottom:40px}.portfolio-main-title{letter-spacing:-.04em;margin-bottom:12px;padding-bottom:.05em;font-size:5.5rem;font-weight:800;line-height:1.2;display:inline-block}.portfolio-main-subtitle{color:var(--color-text-sec);letter-spacing:.02em;max-width:600px;font-size:1.05rem;font-weight:400}.portfolio-filter-container{justify-content:center;align-items:center;gap:10px;margin-bottom:56px;display:flex}.filter-tab-btn{border:1px solid var(--color-border);color:var(--color-text-sec);font-family:var(--font-sans);cursor:pointer;background:#ffffff05;border-radius:99px;padding:10px 24px;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.2,.8,.2,1)}.filter-tab-btn:hover{color:var(--color-text-main);background:#ffffff0d;border-color:#ffffff26}.filter-tab-btn.active{color:#fff;background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 4px 18px #ff6b0040}.portfolio-grid-container{width:100%;max-width:1200px;padding:0 24px}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:56px 40px;width:100%;display:grid}.project-grid-card{cursor:pointer;width:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.project-preview-wrapper{aspect-ratio:16/12;border:1px solid var(--color-border);border-radius:24px;justify-content:center;align-items:center;width:100%;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1),border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000040}.project-grid-card:hover .project-preview-wrapper{border-color:#ffffff26;transform:translateY(-8px);box-shadow:0 25px 50px #00000080,0 0 25px #ff6b0014}.mockup-flat-wrapper{justify-content:center;align-items:center;width:100%;height:100%;transition:transform .45s cubic-bezier(.16,1,.3,1);display:flex}.project-grid-card:hover .mockup-flat-wrapper{transform:scale(1.03)translateY(-4px)}.art-post-mockup-flat{box-sizing:border-box;text-align:left;border-radius:18px;flex-direction:column;justify-content:space-between;width:220px;height:220px;padding:24px;display:flex;box-shadow:0 15px 35px #0006}.mockup-header{gap:6px;display:flex}.mockup-header .dot{background:#ffffff1f;border-radius:50%;width:6px;height:6px}.mockup-body{flex-direction:column;gap:6px;display:flex}.art-number{letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:800}.art-title{color:var(--color-text-main);letter-spacing:-.01em;font-size:1.1rem;font-weight:800;line-height:1.35}.art-brand{color:var(--color-text-sec);font-size:.72rem;font-weight:500}.mockup-footer{justify-content:space-between;align-items:center;width:100%;display:flex}.footer-line{background:#ffffff14;border-radius:1px;width:55px;height:2px}.footer-circle{border:1.5px solid #ffffff26;border-radius:50%;width:10px;height:10px}.website-browser-mockup-flat{border-radius:14px;flex-direction:column;width:320px;height:200px;display:flex;overflow:hidden;box-shadow:0 15px 35px #0006}.browser-header{border-bottom:1px solid var(--color-border);background:#ffffff05;flex-shrink:0;align-items:center;height:26px;padding:0 12px;display:flex}.browser-dots{gap:4px;margin-right:12px;display:flex}.b-dot{border-radius:50%;width:6px;height:6px}.b-dot.red{background:#ff5f56}.b-dot.yellow{background:#ffbd2e}.b-dot.green{background:#27c93f}.browser-address-bar{border:1px solid var(--color-border);color:var(--color-text-sec);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;background:#ffffff08;border-radius:4px;flex-grow:1;align-items:center;gap:4px;max-width:170px;padding:2px 10px;font-family:monospace;font-size:.55rem;display:flex;overflow:hidden}.address-icon{opacity:.4}.browser-body{flex-direction:column;flex:1;justify-content:center;padding:16px;display:flex;position:relative;overflow:hidden}.website-preview-content{flex-direction:column;justify-content:center;width:100%;height:100%;display:flex}.preview-hero{border-left:2px solid var(--accent,var(--color-primary));text-align:left;flex-direction:column;gap:8px;padding-left:12px;display:flex}.preview-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:99px;align-self:flex-start;padding:1px 6px;font-size:.55rem;font-weight:700}.preview-line-title{background:linear-gradient(90deg, var(--color-text-main) 30%, #ffffff0a 100%);border-radius:2px;width:70%;height:9px}.preview-line-subtitle{background:linear-gradient(90deg, var(--color-text-sec) 20%, #ffffff03 100%);border-radius:1px;width:45%;height:5px}.preview-grid-layout{gap:6px;width:100%;margin-top:4px;display:flex}.grid-box{background:#ffffff03;border:1px dashed #ffffff0a;border-radius:4px;flex:1;height:32px}.project-details-block{text-align:left;margin-top:20px;padding-left:4px}.project-title-name{color:var(--color-text-main);letter-spacing:-.01em;margin-bottom:4px;font-size:1.25rem;font-weight:700;transition:color .3s}.project-grid-card:hover .project-title-name{color:var(--color-primary)}.project-category-name{color:var(--color-text-sec);font-size:.85rem;font-weight:500}@media (width<=820px){.portfolio-grid{grid-template-columns:1fr;gap:36px}.portfolio-body-content{padding-bottom:60px}.portfolio-main-title{font-size:4.2rem}.portfolio-filter-container{margin-bottom:36px}}@media (width<=600px){.header-nav-menu span{display:none}.header-nav-menu .nav-menu-item{border:1px solid var(--color-border);background:#ffffff08;border-radius:50%;justify-content:center;padding:10px}.contact-highlight-btn{box-shadow:none}.return-links-btn{background:#ffffff08}.portfolio-main-title{font-size:3.2rem}.portfolio-main-subtitle{font-size:.9rem}}@media (width<=480px){.project-preview-wrapper{aspect-ratio:1.45;border-radius:18px}.art-post-mockup-flat{border-radius:12px;width:180px;height:180px;padding:18px}.art-title{font-size:.95rem}.website-browser-mockup-flat{border-radius:10px;width:250px;height:160px}.browser-body{padding:12px}.preview-hero{gap:6px;padding-left:8px}.preview-badge{font-size:.5rem}.grid-box{height:24px}.project-title-name{font-size:1.15rem}.project-category-name{font-size:.8rem}}.footer-specialties{color:var(--color-primary);opacity:.8;letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:500}.floating-whatsapp-btn{color:#fff;z-index:999;cursor:pointer;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;text-decoration:none;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #25d36666}.floating-whatsapp-btn:hover{color:#fff;transform:scale(1.1);box-shadow:0 8px 30px #25d36699,0 0 0 8px #25d36626}.floating-whatsapp-btn:active{transform:scale(.95)}.whatsapp-icon{z-index:3;position:relative}.whatsapp-pulse-ring{opacity:.35;z-index:1;pointer-events:none;background-color:#25d366;border-radius:50%;width:100%;height:100%;animation:2.2s cubic-bezier(.16,1,.3,1) infinite whatsapp-pulse;position:absolute;top:0;left:0}.whatsapp-pulse-ring.delay{animation-delay:1.1s}@keyframes whatsapp-pulse{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@media (width<=480px){.floating-whatsapp-btn{width:48px;height:48px;bottom:20px;right:20px}.floating-whatsapp-btn svg{width:22px;height:22px}}.project-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#050505d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.project-modal-container{scrollbar-width:thin;background:#121212;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;width:100%;max-width:780px;max-height:90vh;display:flex;position:relative;overflow-y:auto;box-shadow:0 25px 60px #000c}.modal-close-btn{width:40px;height:40px;color:var(--color-text-main);cursor:pointer;z-index:10;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:20px;right:20px}.modal-close-btn:hover{background:#ffffff26;border-color:#ffffff40;transform:rotate(90deg)}.modal-social-layout{flex-direction:column;align-items:center;gap:36px;padding:56px 48px 48px;display:flex}.social-grid-3x3{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:420px;display:grid}.grid-art-square{aspect-ratio:1;object-fit:cover;object-position:center;border-radius:12px;width:100%;height:100%;transition:transform .3s cubic-bezier(.16,1,.3,1);display:block;box-shadow:inset 0 0 0 1px #ffffff0d}.grid-art-square:hover{transform:scale(1.04)}.modal-web-layout{flex-direction:column;display:flex}.modal-web-banner-backdrop{border-bottom:none;justify-content:center;align-items:flex-end;width:100%;height:340px;padding:40px 40px 0;transition:filter .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.modal-web-banner-backdrop:hover{filter:brightness(1.06)}.modal-browser-mockup-wrapper{justify-content:center;align-items:flex-end;width:100%;max-width:480px;display:flex}.modal-browser-mockup-wrapper .website-browser-mockup-flat{width:420px;height:260px;transition:transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.modal-web-banner-backdrop:hover .website-browser-mockup-flat{transform:scale(1.02)translateY(20px)}.web-card-wrapper{transition:filter .4s cubic-bezier(.16,1,.3,1);align-items:flex-end!important;padding-bottom:0!important}.web-card-wrapper .mockup-flat-wrapper{height:100%;align-items:flex-end!important}.web-card-wrapper .website-browser-mockup-flat{transition:transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.project-grid-card:hover .web-card-wrapper{filter:brightness(1.06)}.project-grid-card:hover .web-card-wrapper .website-browser-mockup-flat{transform:scale(1.02)translateY(20px)!important}.modal-text-details{text-align:left;width:100%}.modal-project-header-info{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.web-modal-stacked .modal-project-header-info{margin-bottom:0}.modal-project-title-text{color:var(--color-text-main);letter-spacing:-.02em;margin-bottom:0;font-size:1.8rem;font-weight:800}.modal-project-niche-wrapper{margin-bottom:0}.modal-project-niche-tag{letter-spacing:.04em;text-transform:uppercase;background:#ffffff05;border:1px solid #ffffff14;border-radius:99px;align-items:center;padding:3px 10px;font-size:.65rem;font-weight:400;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.modal-project-desc-text{color:var(--color-text-sec);font-size:.95rem;font-weight:400;line-height:1.6}.web-modal-stacked{flex-direction:column;gap:20px;padding:40px 48px;display:flex}.web-modal-btn-wrapper{justify-content:flex-start;margin-top:8px;display:flex}.premium-fill-btn{color:var(--color-primary);text-transform:uppercase;z-index:1;background:#ff6b0005;border:1.5px solid #ff6b0059;border-radius:99px;justify-content:center;align-items:center;font-weight:700;text-decoration:none;transition:border-color .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),background-color .4s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.premium-fill-btn:before{content:"";background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);transform-origin:0;z-index:-1;width:130%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:-15%;transform:skew(-15deg)scaleX(0)}.premium-fill-btn:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:50%;height:100%;transition:left .6s;position:absolute;top:0;left:-150%;transform:skew(-20deg)}.btn-content-wrapper{z-index:2;align-items:center;gap:10px;transition:color .4s cubic-bezier(.16,1,.3,1),letter-spacing .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.btn-content-wrapper svg{transition:transform .4s cubic-bezier(.16,1,.3,1)}.premium-fill-btn:hover{border-color:var(--color-primary);background-color:#0000;transform:translateY(-3px);box-shadow:0 10px 25px #ff6b004d,0 0 15px #ff6b0026,inset 0 1px #ffffff26}.premium-fill-btn:hover:before{transform:skew(-15deg)scaleX(1.1)}.premium-fill-btn:hover:after{transition:left .8s cubic-bezier(.16,1,.3,1);left:150%}.premium-fill-btn:hover .btn-content-wrapper{color:#fff}.premium-fill-btn:hover .btn-content-wrapper svg{transform:translate(2px,-2px)}.premium-fill-btn:active{transform:translateY(-1px)}.modal-visit-site-cta-btn.premium-fill-btn{letter-spacing:.04em;padding:12px 28px;font-size:.85rem}.modal-visit-site-cta-btn.premium-fill-btn:hover .btn-content-wrapper{letter-spacing:.06em}.card-visit-site-btn.premium-fill-btn{letter-spacing:.03em;align-self:flex-start;margin-top:14px;padding:10px 24px;font-size:.78rem}.card-visit-site-btn.premium-fill-btn:hover .btn-content-wrapper{letter-spacing:.05em}.card-btn-wrapper{justify-content:flex-start;width:100%;display:flex}@media (width<=768px){.project-modal-overlay{padding:0}.project-modal-container{border:none;border-radius:0;max-height:100vh}.modal-social-layout{gap:28px;padding:72px 24px 48px}.social-grid-3x3{gap:8px;max-width:320px}.grid-art-square{border-radius:8px}.modal-web-banner-backdrop{height:240px;padding:20px}.modal-browser-mockup-wrapper .website-browser-mockup-flat{width:280px;height:180px}.web-modal-stacked{gap:24px;padding:32px 24px 40px}.web-modal-btn-wrapper{width:100%}.modal-visit-site-cta-btn.premium-fill-btn{justify-content:center;width:100%}.modal-project-title-text{font-size:1.5rem}}.branding-preview-element{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.brand-logo-team-global{justify-content:center;align-items:center;gap:16px;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex}.brand-logo-team-global .brand-waves{align-items:center;width:48px;height:40px;display:flex}.brand-logo-team-global .brand-text{font-family:var(--font-sans);color:#84cc16;letter-spacing:-.02em;text-align:left;flex-direction:column;font-size:1.15rem;font-weight:800;line-height:.95;display:flex}.brand-logo-team-global.large{gap:32px}.brand-logo-team-global.large .brand-waves{width:90px;height:75px}.brand-logo-team-global.large .brand-text{letter-spacing:-.03em;font-size:2.2rem}.brand-logo-rota-segura{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.brand-logo-rota-segura .brand-map-bg{opacity:.15;pointer-events:none;background-size:cover;position:absolute;inset:0}.brand-logo-rota-segura .map-svg{width:100%;height:100%}.brand-logo-rota-segura .white-app-card{z-index:2;background:#fff;border-radius:20px;justify-content:center;align-items:center;width:90px;height:90px;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 12px 30px #0000001f}.brand-logo-rota-segura .yellow-sign-box{justify-content:center;align-items:center;width:56px;height:56px;display:flex}.brand-logo-rota-segura .diamond-svg{width:100%;height:100%}.brand-logo-rota-segura.large .brand-map-bg{opacity:.25}.brand-logo-rota-segura.large .white-app-card{border-radius:28px;width:140px;height:140px;box-shadow:0 20px 45px #0000002e}.brand-logo-rota-segura.large .yellow-sign-box{width:92px;height:92px}.brand-logo-greenpeace{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.greenpeace-svg-bg{width:100%;height:100%;position:absolute;inset:0}.waves-svg-element{object-fit:cover;width:100%;height:100%}.brand-logo-greenpeace .gp-text{z-index:2;font-family:var(--font-sans);color:#fff;letter-spacing:-.03em;text-shadow:0 4px 12px #0000004d;font-size:1.65rem;font-style:italic;font-weight:900;transition:transform .4s cubic-bezier(.16,1,.3,1);position:relative}.brand-logo-greenpeace.large .gp-text{letter-spacing:-.04em;font-size:3.2rem}.project-preview-wrapper .website-browser-mockup-flat{width:370px;height:270px;transition:transform .45s cubic-bezier(.16,1,.3,1)}.project-preview-wrapper .art-post-mockup-flat{width:230px;height:250px;transition:transform .45s cubic-bezier(.16,1,.3,1)}.project-grid-card:hover .brand-logo-team-global{transform:scale(1.05)}.project-grid-card:hover .brand-logo-rota-segura .white-app-card{transform:scale(1.06)translateY(-2px)}.project-grid-card:hover .brand-logo-greenpeace .gp-text{transform:scale(1.05)}.project-grid-card:hover .website-browser-mockup-flat,.project-grid-card:hover .art-post-mockup-flat{transform:scale(1.04)translateY(-3px)}@media (width<=580px){.project-preview-wrapper .website-browser-mockup-flat{width:260px;height:165px}.project-preview-wrapper .art-post-mockup-flat{width:170px;height:170px}.brand-logo-team-global{transform:scale(.85)}.brand-logo-rota-segura .white-app-card{border-radius:16px;width:76px;height:76px}.brand-logo-rota-segura .yellow-sign-box{width:48px;height:48px}.brand-logo-greenpeace .gp-text{font-size:1.35rem}}.grid-art-square.clickable-art{cursor:zoom-in}.image-zoom-overlay{-webkit-backdrop-filter:blur(16px);z-index:1100;cursor:zoom-out;background:#050505f2;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.zoomed-image-display{object-fit:contain;cursor:default;border-radius:16px;max-width:90%;max-height:90vh;box-shadow:0 30px 70px #000000d9}.zoom-close-btn{color:#fff;cursor:pointer;z-index:20;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:24px;right:24px}.zoom-close-btn:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.06)}@media (width<=768px){.zoom-close-btn{width:40px;height:40px;top:16px;right:16px}.zoomed-image-display{max-width:95%;max-height:80vh}}.project-card-cover-picture{width:100%;height:100%;display:block;overflow:hidden}.project-card-cover-image{object-fit:cover;width:100%;height:100%;transition:transform .45s cubic-bezier(.16,1,.3,1);display:block}.project-grid-card:hover .project-card-cover-image{transform:scale(1.04)}.portfolio-cta-section{justify-content:center;width:100%;max-width:1200px;padding:80px 24px 0;display:flex}.portfolio-cta-card{border:1px solid var(--color-border);text-align:center;background:linear-gradient(135deg,#ff6b0008 0%,#0a0a0af2 100%);border-radius:32px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:800px;padding:60px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #0000004d,0 0 40px #ff6b0005}.portfolio-cta-card:before{content:"";filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#ff6b001a 0%,#0000 70%);width:300px;height:300px;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.cta-subtitle{text-transform:uppercase;letter-spacing:.12em;color:var(--color-primary);font-size:.85rem;font-weight:700}.cta-title{letter-spacing:-.03em;margin:0;font-size:2.6rem;font-weight:800;line-height:1.25}.cta-description{color:var(--color-text-sec);max-width:520px;margin-bottom:8px;font-size:1rem;font-weight:400;line-height:1.6}.cta-btn-wrapper{z-index:5;position:relative}.portfolio-cta-btn.premium-fill-btn{letter-spacing:.04em;padding:14px 38px;font-size:.9rem}@media (width<=768px){.portfolio-cta-section{padding:60px 24px 0}.portfolio-cta-card{border-radius:24px;padding:48px 24px}.cta-title{font-size:2rem}.cta-description{font-size:.92rem}}