*{margin:0;padding:0;box-sizing:border-box}:root{--color-black: #000000;--color-white: #ffffff;--color-gray-light: #f5f5f5;--color-gray-dark: #1a1a1a;--color-skina: #ff0073;--color-skina-light: rgba(255, 0, 115, .08);--color-pastel-1: rgba(255, 182, 193, .15);--color-pastel-2: rgba(173, 216, 230, .15);--color-pastel-3: rgba(221, 160, 221, .15);--color-pastel-4: rgba(255, 218, 185, .15);--spacing-xs: 1rem;--spacing-sm: 2rem;--spacing-md: 4rem;--spacing-lg: 6rem;--spacing-xl: 8rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-weight:400;line-height:1.6;color:var(--color-black);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.mobile-notice{display:none}.mobile-notice-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.5rem;width:100%;max-width:90vw;padding:var(--spacing-xs);box-sizing:border-box}.mobile-notice-logo{display:flex;flex-direction:column;align-items:center;gap:4px}.mobile-notice-logo-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.mobile-notice-logo-text{font-size:clamp(1.575rem,4.5vw,1.8rem);font-weight:400;color:var(--color-black);white-space:nowrap}.mobile-notice-logo-image{max-width:clamp(130px,20vw,150px);height:auto;display:block;opacity:1;margin-left:-6px}.mobile-notice-label{font-size:clamp(1.26rem,3.6vw,1.44rem);font-weight:300;font-style:italic;color:#0009;margin:0}.mobile-notice-text{font-family:var(--font-family);font-size:clamp(.9rem,3vw,1rem);font-weight:400;color:var(--color-black);margin:0;line-height:1.5;text-align:center;max-width:100%;word-wrap:break-word}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-xs)}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-sm);letter-spacing:-.02em;color:var(--color-black)}.hero{min-height:100vh;min-height:100dvh;display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-xs) var(--spacing-sm) var(--spacing-xs);background-color:var(--color-white);color:var(--color-black);position:relative}.hero-content{width:100%;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);align-items:center}.hero-text{text-align:left}.hero-logo{margin-bottom:var(--spacing-sm);display:flex;flex-direction:column;align-items:flex-start;gap:4px}.hero-logo-row{display:flex;align-items:center;gap:8px}.hero-logo-text{font-size:clamp(1rem,1.5vw,1.125rem);font-weight:400;color:var(--color-black)}.logo-image{max-width:100px;height:auto;display:block;opacity:1;transition:opacity .3s ease;margin-left:-6px}.hero-portfolio-label{font-size:clamp(1rem,1.5vw,1.125rem);font-weight:300;font-style:italic;color:#00000080;margin:0;text-align:left}.hero-title{font-size:clamp(1.75rem,4.5vw,3rem);font-weight:700;line-height:1.2;margin-bottom:.8625rem;margin-top:0;margin-left:0;letter-spacing:-.02em;color:var(--color-black);padding-left:0}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);font-weight:400;line-height:1.5;margin-bottom:2.5rem;color:#000000a6}.hero-descriptor{font-size:clamp(.9375rem,1.5vw,1.0625rem);font-weight:300;line-height:1.6;color:#0009;max-width:580px}.hero-visual{width:100%;display:flex;justify-content:center;align-items:center}.app-screenshot-large{width:100%;max-width:300px;aspect-ratio:9 / 16;background:#f5f5f5;border-radius:28px;border:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000a;position:relative;overflow:hidden;transform-style:preserve-3d;transition:transform .1s ease-out}@keyframes subtleGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.app-screenshot-large:after{content:"";position:absolute;bottom:-40px;left:50%;transform:translate(-50%);width:60%;height:60px;background:#00000008;border-radius:50%;filter:blur(30px);z-index:-1}.app-screenshot-large span{color:#00000040;font-size:.8125rem;font-weight:400;text-transform:uppercase;letter-spacing:.12em;text-align:center;padding:2rem;position:relative;z-index:1}.screenshot-image{width:100%;height:100%;object-fit:cover;border-radius:20px;display:block}.scroll-indicator{display:flex;justify-content:center;align-items:center;padding:var(--spacing-xs) 0;margin-top:-115px;margin-bottom:-40px;opacity:0;animation:fadeInFloat 1.5s ease-in-out infinite;cursor:pointer;position:relative;z-index:1000;width:100%}@keyframes fadeInFloat{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}.scroll-indicator svg{width:61px;height:61px;transition:opacity .3s ease}.scroll-indicator:hover svg{opacity:1}.campaign{padding:var(--spacing-lg) var(--spacing-xs);background-color:var(--color-white)}.campaign-sempre{background-color:var(--color-white);padding:calc(var(--spacing-xs) - 100px) 0 0 0}.campaign-press{padding-top:0;margin-top:calc(var(--spacing-xl) * -1)}.campaign-content{max-width:1400px;margin:0 auto;padding:0 var(--spacing-xs)}.campaign-press .campaign-content{display:flex;flex-direction:column;align-items:center}.campaign-press .campaign-header-wrapper{width:100%;display:flex;justify-content:flex-start}.campaign-press .campaign-header{width:100%;max-width:1200px}.campaign-press .motion-thumbnails{width:100%;display:flex;align-items:center;justify-content:center;margin-left:-130px}@media(min-width:768px){.campaign-content{padding:0 var(--spacing-sm)}}@media(min-width:1024px){.campaign-content{padding-left:var(--spacing-lg)}}.campaign-label{display:inline-block;padding:.375rem 1rem;background-color:var(--color-skina);color:var(--color-white);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;border-radius:20px;margin-bottom:var(--spacing-md);text-align:left;align-self:flex-start}.campaign-header-wrapper{margin-bottom:0}.campaign-header{max-width:1200px;margin:0}.campaign-text-with-gifs{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-xl);align-items:start}.campaign-gifs{display:flex;flex-direction:column;gap:20px;width:299px;position:relative;margin-top:-170px;margin-bottom:100px;align-self:start}.gif-placeholder{background:var(--color-skina);background-size:cover;background-position:center;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:none;transform-style:preserve-3d;transition:transform .1s ease-out;cursor:pointer}.gif-video-element{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.gif-placeholder span{display:none}.gif-placeholder:first-child{width:100%;aspect-ratio:16 / 9;margin-left:-70px}.gif-placeholder:last-child{width:100%;aspect-ratio:16 / 9;margin-left:30px}.campaign-gifs-single{width:192px!important;margin-top:calc(var(--spacing-md) * .8);margin-bottom:calc(var(--spacing-md) * .6);margin-left:-240px;margin-right:-150px;position:relative;left:-112px;align-self:start}.gif-placeholder-vertical{width:100%!important;aspect-ratio:9 / 16!important;margin-left:0!important}.gif-placeholder-vertical:first-child,.gif-placeholder-vertical:last-child{width:100%!important;aspect-ratio:9 / 16!important;margin-left:0!important}.gif-placeholder span{color:#ffffff4d;font-size:.75rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;text-align:center;padding:1.5rem;z-index:1}.gif-placeholder-vertical span{display:none}.campaign-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;margin-bottom:.5rem;letter-spacing:-.02em;color:var(--color-black);text-align:left}.campaign-translation{font-size:clamp(1rem,1.5vw,1.125rem);font-weight:300;font-style:italic;color:#00000080;margin-bottom:var(--spacing-md);text-align:left}.campaign-subtitle{font-size:clamp(1.125rem,2vw,1.5rem);font-weight:500;line-height:1.4;margin-bottom:var(--spacing-sm);color:#000c}.campaign-description{font-size:clamp(1.125rem,1.5vw,1.25rem);font-weight:300;line-height:1.7;color:#000000b3;max-width:650px;margin:0}.campaign-insight{max-width:650px;margin:0 0 var(--spacing-xl) 0;padding:var(--spacing-md);background:var(--color-white);border-left:3px solid var(--color-skina);border-radius:8px;box-shadow:0 2px 20px #0000000f}.insight-text{font-size:clamp(1rem,1.5vw,1.125rem);font-weight:400;line-height:1.6;color:#000c;font-style:italic;text-align:center;margin:0}.campaign-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.campaign-video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;width:100vw;margin-left:calc(-50vw + 50%);margin-top:var(--spacing-lg);margin-bottom:0}.campaign-video{width:100%;aspect-ratio:16 / 9;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer}.video-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);background-size:cover;background-position:center;z-index:1;transition:opacity .3s ease;pointer-events:none;filter:saturate(1.15)}.campaign-video .video-embed{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:2}.tenis-video .video-embed{pointer-events:none}.campaign-video:hover .video-embed{opacity:1;pointer-events:auto;z-index:3}.campaign-video .play-indicator{position:absolute;z-index:3;transition:opacity .3s ease,transform .3s ease}.campaign-video:hover .play-indicator{opacity:0}.tenis-video .play-indicator{opacity:1;transform:scale(1)}.tenis-video:hover .play-indicator{opacity:1;transform:scale(1.2)}.tenis-video-element{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:2;transition:opacity .3s ease;pointer-events:none}.tenis-video:hover .tenis-video-element{opacity:1}.tenis-video:hover .video-thumbnail{opacity:0}.skate-video .play-indicator{opacity:1;transform:scale(1)}.skate-video:hover .play-indicator{opacity:1;transform:scale(1.2)}.skate-video-element{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:2;transition:opacity .3s ease;pointer-events:none}.skate-video:hover .skate-video-element{opacity:1}.skate-video:hover .video-thumbnail{opacity:0}.skate-video .video-embed{pointer-events:none}.bola-video .play-indicator{opacity:1;transform:scale(1)}.bola-video:hover .play-indicator{opacity:1;transform:scale(1.2)}.bola-video-element{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:2;transition:opacity .3s ease;pointer-events:none}.bola-video:hover .bola-video-element{opacity:1}.bola-video:hover .video-thumbnail{opacity:0}.bola-video .video-embed{pointer-events:none}.frio-video .play-indicator{opacity:1;transform:scale(1)}.frio-video:hover .play-indicator{opacity:1;transform:scale(1.2)}.frio-video-element{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:2;transition:opacity .3s ease;pointer-events:none}.frio-video:hover .frio-video-element{opacity:1}.frio-video:hover .video-thumbnail{opacity:0}.frio-video .video-embed{pointer-events:none}video,iframe{max-width:100%}.modal-content,.modal-video-container,.modal-video-embed{transform:none!important;filter:none!important}.video-modal{display:none;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}.video-modal.active{display:flex}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;cursor:pointer;z-index:9998}.modal-content{position:relative;width:90%;max-width:1200px;background:transparent;border:none;z-index:10000}.modal-close{position:absolute;top:-40px;right:0;background:transparent;border:none;color:var(--color-white);font-size:2rem;width:40px;height:40px;cursor:pointer;z-index:10001;line-height:1;padding:0;transition:opacity .3s ease}.modal-close:hover{opacity:.7}.modal-video-container{width:100%}.modal-video-embed{position:relative;width:100%;padding-top:56.25%;overflow:hidden}.modal-video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:#000}.ad-thumbnail,.video-placeholder{width:100%;aspect-ratio:9 / 16;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}.ad-thumbnail.horizontal{aspect-ratio:16 / 9}.ad-thumbnail span,.video-placeholder span{color:#fff9;font-size:.875rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;margin-top:1rem}.play-indicator{width:50px;height:50px;border:2px solid var(--color-white);border-radius:50%;position:relative;opacity:.8;transition:all .3s ease}.play-indicator:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-40%,-50%);width:12px;height:16px;background:var(--color-white);clip-path:path("M 0 1 Q 0 0 2.5 1.5 L 9.5 6.5 Q 12 8 9.5 9.5 L 2.5 14.5 Q 0 16 0 15 Z");border-radius:1px}.ad-thumbnail:hover .play-indicator,.video-placeholder:hover .play-indicator{border-color:var(--color-skina);opacity:1;transform:scale(1.1)}.ad-thumbnail:hover .play-indicator:before,.video-placeholder:hover .play-indicator:before{border-left-color:var(--color-skina)}.campaign-features{max-width:700px;margin:0 auto var(--spacing-md)}.features-list{list-style:none;padding:0}.features-list li{font-size:clamp(1rem,1.5vw,1.125rem);font-weight:400;line-height:1.8;color:#000000b3;padding-left:var(--spacing-sm);position:relative;margin-bottom:.5rem}.features-list li:before{content:"→";position:absolute;left:0;color:var(--color-skina)}.level-grid{grid-template-columns:1fr;margin-bottom:var(--spacing-md)}.level-tag{display:inline-flex;align-items:center;justify-content:space-between;padding:.375rem 1rem;background-color:transparent;border:1px solid var(--color-skina);color:var(--color-skina);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;border-radius:20px;margin-bottom:calc(.5rem + 12px);gap:.75rem;width:570px;max-width:570px}.motion-thumb-wrapper:nth-child(1) .level-tag{transform:rotate(-1.5deg) translate(-4px)}.motion-thumb-wrapper:nth-child(2) .level-tag{transform:rotate(2.5deg) translate(8px)}.motion-thumb-wrapper:nth-child(3) .level-tag{transform:rotate(-1deg) translate(-4px)}.level-name{flex:1}.loading-indicator{font-size:.7rem;opacity:.7;letter-spacing:-.05em;display:inline-block;position:relative}.loading-indicator span{display:inline-block;opacity:.3;animation:loading-progress 4s ease-in-out infinite;transform:scaleX(1.5);transform-origin:center}.loading-indicator span:nth-child(1){animation-delay:0s}.loading-indicator span:nth-child(2){animation-delay:.2s}.loading-indicator span:nth-child(3){animation-delay:.4s}.loading-indicator span:nth-child(4){animation-delay:.6s}.loading-indicator span:nth-child(5){animation-delay:.8s}@keyframes loading-progress{0%{opacity:.3}10%{opacity:.3}20%{opacity:1}70%{opacity:1}80%{opacity:.3}to{opacity:.3}}.motion-thumbnails{display:flex;flex-direction:column;gap:0;margin-top:calc(var(--spacing-xs) * .8 + 40px);position:relative;width:100%;max-width:100%;align-items:center}.motion-thumb-wrapper{display:flex;flex-direction:row;position:relative;gap:160px;align-items:flex-start;width:100%;max-width:1200px;justify-content:center}.motion-thumb-content{display:flex;flex-direction:column;gap:0}.caption-text{font-size:1.092rem;line-height:1.6;color:#0009;font-weight:300;opacity:1;position:relative;margin-top:0;max-width:300px;text-align:left;flex-shrink:0;align-self:center}.caption-1{margin-left:0;margin-top:0;text-align:right}.caption-2{margin-left:0;margin-top:0;text-align:left}.caption-3{margin-left:0;margin-top:0;text-align:right}.motion-thumb-wrapper:nth-child(1){position:relative;z-index:3;margin-bottom:32px;margin-left:auto;margin-right:auto;align-self:center}.motion-thumb-wrapper:nth-child(2){margin-top:28px;margin-left:auto;margin-right:auto;position:relative;z-index:2;align-self:center}.motion-thumb-wrapper:nth-child(3){margin-top:52px;margin-left:auto;margin-right:auto;position:relative;z-index:1;align-self:center}.motion-thumb{aspect-ratio:16 / 9;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);background-size:cover;background-position:center;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease;max-width:570px;width:570px;cursor:pointer}.motion-thumb-wrapper:nth-child(1) .motion-thumb{background-image:url(/fase1-thumb.jpg)}.motion-thumb-wrapper:nth-child(2) .motion-thumb{background-image:url(/fase2-thumb.jpg)}.motion-thumb-wrapper:nth-child(3) .motion-thumb{background-image:url(/fase3-thumb.jpg)}.motion-thumb-wrapper:nth-child(1) .motion-thumb{transform:rotate(-1.5deg)}.motion-thumb-wrapper:nth-child(1):hover .motion-thumb{transform:rotate(-1.5deg) scale(1.05)}.motion-thumb-wrapper:nth-child(2) .motion-thumb{transform:rotate(2.5deg)}.motion-thumb-wrapper:nth-child(2):hover .motion-thumb{transform:rotate(2.5deg) scale(1.05)}.motion-thumb-wrapper:nth-child(3) .motion-thumb{transform:rotate(-1deg)}.motion-thumb-wrapper:nth-child(3):hover .motion-thumb{transform:rotate(-1deg) scale(1.05)}.motion-thumb span{color:#fff9;font-size:.875rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;margin-top:1rem}.motion-thumb .play-indicator{position:absolute;z-index:3;cursor:pointer;pointer-events:none}.motion-thumb .video-label{position:absolute;bottom:12px;left:12px;font-size:.75rem;font-weight:400;color:#ffffffe6;text-transform:lowercase;letter-spacing:.02em;z-index:10;pointer-events:none;padding:6px 12px;background-color:#00000080;border-radius:50px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gallery{padding:var(--spacing-lg) var(--spacing-xs);background-color:var(--color-white)}.gallery-header{max-width:900px;margin:0 auto var(--spacing-md);text-align:center}.gallery-subtitle{font-size:clamp(1rem,1.5vw,1.125rem);font-weight:300;line-height:1.6;color:#000000b3}.gallery-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.gallery-item{width:100%}.gallery-item .video-placeholder{aspect-ratio:16 / 9;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);box-shadow:0 10px 30px #00000014}.gallery-item .video-placeholder span{color:#0006}.gallery-item .play-indicator{border-color:var(--color-black)}.gallery-item .play-indicator:before{border-left-color:var(--color-black)}.gallery-item:hover .play-indicator{border-color:var(--color-skina)}.gallery-item:hover .play-indicator:before{border-left-color:var(--color-skina)}.gallery-caption{font-size:.875rem;font-weight:300;color:#00000080;margin-top:.5rem;text-align:center}.role{padding:var(--spacing-xl) var(--spacing-xs);background-color:var(--color-white)}.role-content{max-width:1200px;margin:0 auto}.role-blocks{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.role-block{max-width:800px}.role-text{font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.7;color:#000000b3;font-weight:300;margin:0}@media(min-width:768px){.role-blocks{grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}}.instagram-case{padding-top:calc(var(--spacing-md) * .3 - 30px);padding-bottom:calc(var(--spacing-md) * .3);padding-left:0;padding-right:0;background-color:var(--color-white)}.instagram-case .container{max-width:1400px;padding:0}.instagram-case-content{max-width:1400px;margin:0 auto;padding:0 var(--spacing-xs)}.instagram-case .campaign-label{margin-bottom:var(--spacing-md)}.instagram-case .campaign-title{margin-bottom:.8625rem}.instagram-case-text-with-video{display:flex;flex-direction:column;gap:var(--spacing-md)}.instagram-case-text{max-width:650px}.instagram-case-intro{font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.7;color:#000000b3;font-weight:300;margin-bottom:2.5rem}.instagram-case-highlights{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-top:0;margin-bottom:0}.highlight-card{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.highlight-number{font-size:clamp(1.7rem,2.55vw,2.125rem);font-weight:400;color:var(--color-skina);line-height:1.2;margin-bottom:.25rem}.highlight-text{font-size:clamp(.85rem,1.275vw,.95625rem);line-height:1.7;color:#000000b3;font-weight:300;margin:0}@media(min-width:768px){.instagram-case-text-with-video{flex-direction:row;align-items:flex-start;gap:var(--spacing-lg)}.instagram-case-text{flex:1}.instagram-case-video{max-width:374px;margin-top:0}.instagram-case-highlights{grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-top:0}.highlight-card{align-items:flex-start}}.instagram-case-video{width:100%;max-width:440px;flex-shrink:0;margin-left:calc(var(--spacing-sm) + 40px)}.instagram-case-video .campaign-video{width:100%;max-width:100%;margin:0 0 0 40px;border-radius:12px;overflow:hidden;box-shadow:none;transition:transform .3s ease}.instagram-case-video .video-thumbnail{border-radius:12px}.instagram-case-video .play-indicator{display:none}.instagram-case-video .video-label{position:absolute;bottom:12px;left:12px;font-size:.75rem;font-weight:400;color:#ffffffe6;text-transform:lowercase;letter-spacing:.02em;z-index:10;cursor:pointer;pointer-events:auto;padding:6px 12px;background-color:#00000080;border-radius:50px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.selected-works{padding-top:calc(var(--spacing-md) * .3 + 65px);padding-bottom:0;padding-left:0;padding-right:0;background-color:var(--color-white);width:100%}.selected-works .container{max-width:1400px;padding:0}.selected-works-header-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-xs)}.selected-works .campaign-label{margin-bottom:var(--spacing-md)}.selected-works .campaign-title{margin-bottom:.8625rem}.selected-works-grid-wrapper{width:100%;margin:var(--spacing-md) 0 0 0;padding:0 0 80px;max-width:100%}.selected-works-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;width:100vw;margin-left:calc(-50vw + 50%);margin-right:0;padding:0}.selected-works-video{width:100%;aspect-ratio:1 / 1;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer}.video-thumbnail-static{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);background-size:cover;background-position:center;z-index:1;transition:opacity .3s ease}.selected-works-video:hover .video-thumbnail-static{opacity:0}.selected-works-video-element{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2;opacity:0;transition:opacity .3s ease}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:3;transition:opacity .3s ease}.selected-works-video:hover .video-overlay{opacity:0}.selected-works-video:hover .selected-works-video-element{opacity:1}.eye-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;pointer-events:none;transition:opacity .3s ease,transform .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.eye-indicator svg{display:block}.selected-works-video:hover .eye-indicator{opacity:0}@media(min-width:768px){.instagram-case-content,.selected-works-header-container,.footer .container{padding:0 var(--spacing-sm)}}@media(min-width:1024px){.instagram-case{padding-top:calc(var(--spacing-md) * .4 - 30px);padding-bottom:calc(var(--spacing-md) * .4);padding-left:0;padding-right:0}.instagram-case-content{padding-left:var(--spacing-lg)}.selected-works{padding-top:calc(var(--spacing-md) * .4 + 65px);padding-bottom:0;padding-left:0;padding-right:0}.selected-works-header-container{padding-left:var(--spacing-lg)}.footer{padding-top:calc(var(--spacing-md) * .4 + 55px);margin-top:-50px;padding-bottom:var(--spacing-xl);padding-left:0;padding-right:0}.footer .container{padding-left:var(--spacing-lg)}}.footer{padding-top:calc(var(--spacing-md) * .3 + 55px);margin-top:-50px;padding-bottom:var(--spacing-lg);padding-left:0;padding-right:0;background-color:var(--color-white)}.footer .container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-xs)}.footer-header-container{max-width:100%;margin:0;padding:0 0 0 80px}.footer .campaign-label{margin-bottom:var(--spacing-md)}.footer .campaign-title{margin-bottom:2.5rem}.footer-content{max-width:1400px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);width:100%;padding:0 var(--spacing-xs) var(--spacing-md) var(--spacing-xs);box-sizing:border-box}@media(min-width:768px){.footer-content{padding:0 var(--spacing-sm) var(--spacing-md) var(--spacing-sm)}}@media(min-width:1024px){.footer-content{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}.stats-cards-container{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);width:100%;max-width:1260px;margin:0 auto;margin-bottom:calc(var(--spacing-sm) * 2);padding:0}@media(min-width:768px){.stats-cards-container{grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}}.stat-card{background:#fff;border-radius:16px;padding:2.25rem 1.8rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1.35rem;box-shadow:0 4px 20px #0000000f;filter:blur(0);transition:transform .2s ease,box-shadow .2s ease;width:100%}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001a}.stat-number{font-size:clamp(2rem,3vw,2.5rem);font-weight:400;color:var(--color-skina);line-height:1.2;margin:0;flex-shrink:0}.stat-label{font-size:clamp(.875rem,1.2vw,1rem);line-height:1.6;color:#000000b3;font-weight:300;margin:0;flex:1;max-width:100%;text-align:left}.metric-item{display:flex;flex-direction:column;width:100%;max-width:100%}.metric-item .highlight-card{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.metric-item .highlight-number{font-size:clamp(1.7rem,2.55vw,2.125rem);font-weight:800;color:var(--color-skina);line-height:1.2;margin-bottom:.25rem}.metric-item .highlight-text{font-size:clamp(.85rem,1.275vw,.95625rem);line-height:1.7;color:#000000b3;font-weight:300;margin:0}.metric-text{font-size:clamp(.9375rem,1.5vw,1.0625rem);font-weight:400;line-height:1.5;color:#000;margin:0;max-width:100%}.contact-button{display:inline-block;padding:1rem 2.5rem;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-skina);background-color:var(--color-white);border:2px solid var(--color-skina);text-decoration:none;transition:all .3s ease;cursor:pointer;border-radius:30px;margin-top:0}.contact-button:hover{background-color:var(--color-skina);border-color:var(--color-skina);color:var(--color-white);transform:translateY(-2px);box-shadow:0 10px 30px #0003}.footer-text{font-size:.75rem;font-weight:300;color:#0006;margin-top:var(--spacing-xs);text-align:center;letter-spacing:.05em}@media(min-width:768px){.container{padding:0 var(--spacing-sm)}.hero{padding:var(--spacing-sm) var(--spacing-sm)}.hero-content{gap:var(--spacing-xl)}.app-screenshot-large{max-width:300px}.campaign-grid,.campaign-sempre .campaign-grid{grid-template-columns:repeat(2,1fr)}.level-grid{grid-template-columns:repeat(3,1fr)}.motion-thumbnails{display:flex;flex-direction:column}.gallery-grid{grid-template-columns:repeat(2,1fr)}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);justify-items:start}.metric-item{max-width:100%}.campaign,.gallery,.role{padding:var(--spacing-xl) var(--spacing-sm)}.footer-content{gap:var(--spacing-sm)}}@media(min-width:1024px){.hero-content{grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}.hero-text{padding-left:var(--spacing-lg)}.app-screenshot-large{max-width:300px}.campaign-text-with-gifs{grid-template-columns:1fr auto;align-items:start;gap:var(--spacing-lg)}.campaign-description{margin:0}.campaign-gifs{width:299px;max-width:299px;padding:0;margin-top:-170px;gap:20px}.campaign-gifs-single{width:235px!important;max-width:235px!important;margin-left:-237px}.footer-content{gap:var(--spacing-md)}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);justify-items:start}.metric-item{max-width:100%}.campaign-grid,.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1440px){.campaign-grid,.gallery-grid{grid-template-columns:repeat(4,1fr)}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.skina-back{position:fixed;top:1.5rem;left:1.5rem;display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;color:var(--color-black);text-decoration:none;padding:.5rem .875rem;background:linear-gradient(145deg,#ffffffe6,#ffffffb3);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-radius:20px;border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 16px #00000014,0 2px 6px #0000000a,inset 0 1px #fff,inset 0 -1px #fff6;transition:all .3s ease;z-index:1000}.skina-back:hover{background:linear-gradient(145deg,#fffffffa,#ffffffe6);box-shadow:0 6px 20px #0000001a,0 3px 8px #0000000d,inset 0 1px #fff}.skina-back:hover svg{transform:translate(-3px)}.skina-back svg{transition:transform .3s ease}.home-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(145deg,#f8f8f8,#f0f0f0,#fafafa,#f5f5f5,#efefef);background-size:400% 400%;animation:gradientFlow 20s ease infinite;padding:0;overflow:hidden;position:relative}.home-page:before,.home-page:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(60px)}.home-page:before{width:500px;height:500px;background:radial-gradient(circle,rgba(200,220,255,.4) 0%,transparent 70%);top:-150px;right:-100px;animation:floatBlob1 25s ease-in-out infinite}.home-page:after{width:400px;height:400px;background:radial-gradient(circle,rgba(255,200,220,.3) 0%,transparent 70%);bottom:-100px;left:-100px;animation:floatBlob2 20s ease-in-out infinite}.home-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;width:100%;max-width:500px;margin:0 auto;position:relative;z-index:10}.home-profile{display:flex;align-items:center;gap:.75rem}.profile-photo{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 4px 15px #00000026;border:2px solid rgba(255,255,255,.8)}.profile-info{display:flex;flex-direction:column;gap:0}.profile-name{font-size:1.125rem;font-weight:600;color:var(--color-black);margin:0;line-height:1.2}.profile-subtitle{font-size:.875rem;font-weight:400;color:#00000080;margin:0;line-height:1.3}.projects-link{display:flex;align-items:center;gap:.375rem;font-size:.9375rem;font-weight:500;font-family:inherit;color:var(--color-black);text-decoration:none;transition:all .3s ease;padding:.5rem 1rem;background:linear-gradient(145deg,#ffffffe6,#ffffffb3);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-radius:20px;border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 16px #00000014,0 2px 6px #0000000a,inset 0 1px #fff,inset 0 -1px #fff6;cursor:pointer}.projects-link:hover{background:#ffffffe6;box-shadow:0 4px 15px #00000014}.projects-link svg{transition:transform .3s ease}.projects-link:hover svg{transform:translate(2px,-2px)}.cards-container{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem 2rem;position:relative;z-index:10}.cards-stack{position:relative;width:100%;max-width:340px;height:450px;animation:cardsEnter .5s cubic-bezier(.34,1.56,.64,1)}@keyframes cardsEnter{0%{opacity:0;transform:scale(.9) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.swipe-card{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:28px;background:linear-gradient(145deg,#ffffff40,#ffffff1a,#ffffff0d);backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);box-shadow:0 8px 32px #00000026,0 4px 16px #0000001a,inset 0 1px #fff9,inset 0 -1px #fff3,inset 1px 0 #ffffff4d,inset -1px 0 #ffffff4d;cursor:grab;-webkit-user-select:none;user-select:none;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;will-change:transform;border:none}.swipe-card:before{content:"";position:absolute;inset:0;border-radius:28px;padding:1px;background:linear-gradient(145deg,#ffffff80,#fff3 40%,#ffffff1a 60%,#ffffff4d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:3}.swipe-card:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.3) 0%,transparent 100%);pointer-events:none;z-index:1;border-radius:28px 28px 0 0}.swipe-card:active{cursor:grabbing}.current-card{transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.current-card.dragging{transition:none}.current-card.exit-left{animation:exitLeft .45s ease-out forwards}.current-card.exit-right{animation:exitRight .45s ease-out forwards}@keyframes exitLeft{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(-100%) rotate(-15deg);opacity:0}}@keyframes exitRight{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(100%) rotate(15deg);opacity:0}}.background-card{pointer-events:none;transition:transform .5s cubic-bezier(.34,1.56,.64,1);opacity:.7}.background-card.card-left{transform-origin:center right}.background-card.card-right{transform-origin:center left}.card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:28px;z-index:0}.card-content{padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,rgba(0,0,0,.3) 40%,transparent 100%);color:#fff;min-height:120px;position:relative;z-index:2}.card-title{font-size:1.5rem;font-weight:700;margin:0 0 .25rem;line-height:1.2}.card-subtitle{font-size:1rem;font-weight:400;margin:0;opacity:.9}.swipe-indicator{position:absolute;top:2rem;padding:.5rem 1.5rem;border-radius:8px;font-size:1.5rem;font-weight:800;letter-spacing:.05em;pointer-events:none;transition:opacity .2s ease,transform .2s ease;transform:scale(.8)}.swipe-indicator.visible{transform:scale(1)}.like-indicator{right:1.5rem;color:#4caf50;border:4px solid #4CAF50;transform:rotate(15deg)}.nope-indicator{left:1.5rem;color:#f44336;border:4px solid #f44336;transform:rotate(-15deg)}.no-more-cards{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;text-align:center;animation:fadeInUp .4s ease}.no-more-cards.resetting{animation:fadeOutDown .3s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.no-more-cards p{font-size:1.25rem;font-weight:500;color:#00000080;margin:0}.reset-button{padding:.875rem 2rem;font-size:1rem;font-weight:600;color:var(--color-black);background:#ffffffb3;border:1px solid rgba(128,128,128,.12);border-radius:50px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000000d}.reset-button:hover{transform:translateY(-2px);background:#fffffff2;box-shadow:0 8px 25px #0000001a}.action-buttons{display:flex;justify-content:center;gap:2rem;padding:1.5rem 2rem}.action-btn{width:80px;height:80px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,background .3s ease;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);position:relative;overflow:hidden;background:linear-gradient(145deg,#ffffffe6,#ffffffb3,#f5f5f5cc);box-shadow:0 8px 32px #0000001a,0 4px 12px #0000000f,inset 0 2px 4px #fff,inset 0 -2px 4px #00000008}.action-btn:before{content:"";position:absolute;inset:0;border-radius:50%;padding:1.5px;background:linear-gradient(145deg,#ffffffe6,#fff6,#fff9);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.action-btn:after{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(to bottom,rgba(255,255,255,.8),transparent);border-radius:50% 50% 0 0;pointer-events:none}.action-btn svg{width:44px;height:44px;stroke-width:3.5}.action-btn:disabled{opacity:.3;cursor:not-allowed}.action-btn:not(:disabled):hover{transform:scale(1.1)}.action-btn:not(:disabled):active{transform:scale(.95)}.nope-btn{background:linear-gradient(145deg,#ffffffe6,#f5f5f5b3);box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d,inset 0 -2px 6px #00000005;color:#e53935}.nope-btn:not(:disabled):hover{background:linear-gradient(145deg,#fffffffa,#fafafae6);box-shadow:0 12px 40px #0000001f,0 4px 12px #0000000f,inset 0 -2px 6px #00000005}.like-btn{background:linear-gradient(145deg,#ffffffe6,#f5f5f5b3);box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d,inset 0 -2px 6px #00000005;color:#43a047}.like-btn:not(:disabled):hover{background:linear-gradient(145deg,#fffffffa,#fafafae6);box-shadow:0 12px 40px #0000001f,0 4px 12px #0000000f,inset 0 -2px 6px #00000005}.home-footer{padding:1.5rem 2rem 2rem;text-align:center;position:relative;z-index:10}.home-footer p{font-size:.875rem;font-weight:400;color:#0006;margin:0}.project-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem}.project-modal-overlay{position:absolute;inset:0;background:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.project-modal-content{position:relative;width:100%;max-width:400px;max-height:80vh;display:flex;flex-direction:column;background:linear-gradient(165deg,#ffffffa6,#ffffff8c,#fafafa99);backdrop-filter:blur(40px) saturate(1.3);-webkit-backdrop-filter:blur(40px) saturate(1.3);border-radius:28px;overflow:hidden;box-shadow:0 25px 80px #0000002e,0 10px 30px #0000001f,inset 0 1px #ffffffe6,inset 0 -1px #fff6;animation:modalSlideUp .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.5)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.project-modal-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;border:none;background:#0000001a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:transform .2s ease,background .2s ease}.project-modal-close:hover{transform:scale(1.1);background:#0003}.project-modal-header{height:140px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0}.modal-header-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.project-modal-match{font-size:1.75rem;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3);text-shadow:0 2px 10px rgba(0,0,0,.2);position:relative;z-index:1}.project-modal-body{padding:1.5rem 1.75rem 1.75rem;overflow-y:auto;flex:1}.project-modal-title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.25rem}.project-modal-title{font-size:1.5rem;font-weight:700;color:var(--color-black);margin:0;line-height:1.2}.project-external-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#0000000d;border-radius:50%;color:#00000080;transition:all .2s ease;flex-shrink:0;border:1px solid rgba(128,128,128,.12)}.project-external-link:hover{background:#00000014;color:var(--color-skina);transform:scale(1.05)}.project-modal-subtitle{font-size:1rem;font-weight:500;color:var(--color-skina);margin:0 0 1rem}.project-modal-description{font-size:.9375rem;font-weight:400;color:#0009;line-height:1.6;margin:0 0 1.25rem}.project-modal-tools{margin-bottom:1.5rem}.tools-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#0006;margin-bottom:.5rem}.tools-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tool-tag{display:inline-block;padding:.375rem .75rem;background:linear-gradient(145deg,#fffc,#f5f5f599);color:#000000b3;font-size:.8125rem;font-weight:500;border-radius:20px;transition:all .2s ease;border:1px solid rgba(255,255,255,.5);box-shadow:0 2px 8px #0000000d,inset 0 1px #fffc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.tool-tag:hover{background:linear-gradient(145deg,#fffffff2,#fafafacc);transform:translateY(-1px);box-shadow:0 4px 12px #00000014,inset 0 1px #fff}.project-modal-skills{margin-bottom:1.5rem}.skill-tag{display:inline-block;padding:.375rem .75rem;background:linear-gradient(145deg,#ff00731f,#ff00730f);color:var(--color-skina);font-size:.8125rem;font-weight:500;border-radius:20px;transition:all .2s ease;border:1px solid rgba(255,0,115,.15);box-shadow:0 2px 8px #ff007314,inset 0 1px #fff6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.skill-tag:hover{background:linear-gradient(145deg,#ff00732e,#ff00731a);transform:translateY(-1px);box-shadow:0 4px 12px #ff00731f,inset 0 1px #ffffff80}.project-modal-actions{display:flex;flex-direction:column;gap:.75rem}.project-modal-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.project-modal-btn.primary{background:var(--color-skina);color:#fff;border:none;box-shadow:0 4px 15px #ff00734d}.project-modal-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff007366}.project-modal-btn.secondary{background:transparent;color:#0009;border:2px solid rgba(0,0,0,.1)}.project-modal-btn.secondary:hover{border-color:#0003;color:var(--color-black)}@media(max-width:480px){.home-header{padding:1rem 1.25rem}.profile-photo{width:40px;height:40px}.profile-name{font-size:1rem}.profile-subtitle{font-size:.8125rem}.cards-container{padding:1rem}.cards-stack{max-width:300px;height:400px}.action-btn{width:68px;height:68px}.action-btn svg{width:38px;height:38px;stroke-width:3.5}.action-buttons{gap:1.5rem}.project-modal{padding:1rem}.project-modal-content{max-width:100%}.project-modal-header{height:140px}.project-modal-match{font-size:1.5rem}.project-modal-body{padding:1.25rem 1.5rem 1.5rem}.profile-modal-content{max-width:100%}.profile-modal-body{padding:1.25rem 1.5rem 1.5rem}}.profile-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:100;padding:1.5rem}.profile-modal-overlay{position:absolute;inset:0;background:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fadeIn .3s ease}.profile-modal-content{position:relative;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;background:#ffffffd9;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:28px;box-shadow:0 20px 60px #00000026,0 8px 25px #0000001a,inset 0 1px #ffffffe6;animation:modalSlideUp .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.6)}.profile-modal-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;border:none;background:#0000000d;color:#00000080;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:transform .2s ease,background .2s ease}.profile-modal-close:hover{transform:scale(1.1);background:#0000001a}.profile-modal-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 1.5rem 0}.profile-modal-photo{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);flex-shrink:0;box-shadow:0 4px 15px #667eea4d;border:3px solid rgba(255,255,255,.9)}.profile-modal-info{flex:1}.profile-modal-name{font-size:1.5rem;font-weight:700;color:var(--color-black);margin:0 0 .25rem;line-height:1.2}.profile-modal-title{font-size:1rem;font-weight:500;color:var(--color-skina);margin:0}.profile-modal-body{padding:1.25rem 1.5rem 1.5rem}.profile-modal-bio{font-size:.9375rem;font-weight:400;color:#0009;line-height:1.6;margin:0 0 1.5rem}.profile-modal-section{margin-bottom:1.5rem}.profile-section-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#0006;margin-bottom:.75rem}.profile-skills-grid{display:flex;flex-wrap:wrap;gap:.5rem}.profile-skill-tag{display:inline-block;padding:.5rem .875rem;background:#0000000d;color:#000000b3;font-size:.8125rem;font-weight:500;border-radius:20px;border:1px solid rgba(0,0,0,.06);transition:all .2s ease}.profile-skill-tag:hover{background:#00000014;transform:translateY(-1px)}.profile-brands-grid{display:flex;flex-wrap:wrap;gap:.625rem}.brand-sticker{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1rem;background:linear-gradient(145deg,#ffffffe6,#f5f5f5b3);color:var(--color-black);font-size:.8125rem;font-weight:600;border-radius:12px;border:1.5px solid rgba(255,255,255,.8);box-shadow:0 4px 12px #0000000f,inset 0 -1px 4px #00000005;transition:all .2s ease}.brand-sticker:hover{transform:translateY(-2px) rotate(-1deg);box-shadow:0 8px 20px #0000001a,inset 0 -1px 4px #00000005}.profile-modal-actions{display:flex;gap:.75rem;margin-top:.5rem}.profile-modal-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;font-size:.9375rem;font-weight:600;border-radius:14px;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;background:#0000000d;color:#000000b3}.profile-modal-btn:hover{background:#00000014;transform:translateY(-2px)}.profile-modal-btn.primary{background:var(--color-skina);color:#fff;box-shadow:0 4px 15px #ff00734d}.profile-modal-btn.primary:hover{box-shadow:0 8px 25px #ff007366;transform:translateY(-2px)}.profile-page{min-height:100vh;background:linear-gradient(145deg,#f8f8f8,#f0f0f0,#fafafa,#f5f5f5,#efefef);background-size:400% 400%;animation:gradientFlow 20s ease infinite;padding:1.5rem;position:relative;overflow:hidden}.profile-page:before,.profile-page:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(60px)}.profile-page:before{width:500px;height:500px;background:radial-gradient(circle,rgba(200,220,255,.4) 0%,transparent 70%);top:-150px;right:-100px;animation:floatBlob1 25s ease-in-out infinite}.profile-page:after{width:400px;height:400px;background:radial-gradient(circle,rgba(255,200,220,.3) 0%,transparent 70%);bottom:-100px;left:-100px;animation:floatBlob2 20s ease-in-out infinite}.profile-nav{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10}.profile-nav-actions{display:flex;gap:.5rem}.nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;text-decoration:none;background:linear-gradient(145deg,#ffffffe6,#ffffffb3);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 16px #00000014,0 2px 6px #0000000a,inset 0 1px #fff,inset 0 -1px #fff6;transition:all .3s ease;color:var(--color-black)}.nav-btn:hover{background:linear-gradient(145deg,#fffffffa,#ffffffe6);box-shadow:0 6px 20px #0000001a,0 3px 8px #0000000d,inset 0 1px #fff;transform:translateY(-2px)}.nav-btn.primary{background:linear-gradient(145deg,#ff0073,#dc0064);color:#fff;border:1px solid rgba(255,100,170,.3);box-shadow:0 4px 16px #ff00734d,inset 0 1px #fff3}.nav-btn.primary:hover{background:linear-gradient(145deg,#ff1482,#e6006e);box-shadow:0 6px 24px #ff007366,inset 0 1px #ffffff40}.nav-btn-text{width:auto;height:auto;padding:.5rem .875rem;border-radius:20px;gap:.375rem;font-size:.875rem;font-weight:500}.nav-btn-text svg{opacity:.5;transition:opacity .2s ease}.nav-btn-text:hover svg{opacity:1}.back-button{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;color:var(--color-black);text-decoration:none;padding:.5rem .875rem;background:linear-gradient(145deg,#ffffffe6,#ffffffb3);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-radius:20px;border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 16px #00000014,0 2px 6px #0000000a,inset 0 1px #fff,inset 0 -1px #fff6;transition:all .3s ease;position:relative;z-index:10}.back-button:hover{background:linear-gradient(145deg,#fffffffa,#ffffffe6);box-shadow:0 6px 20px #0000001a,0 3px 8px #0000000d,inset 0 1px #fff}.back-button:hover svg{transform:translate(-3px)}.back-button svg{transition:transform .3s ease}.profile-header{max-width:500px;margin:1.25rem auto 1rem;position:relative;z-index:10;display:flex;align-items:center;gap:1rem}.profile-photo-large{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 8px 24px #00000026,0 4px 10px #0000001a,inset 0 0 0 1px #ffffff4d;border:3px solid rgba(255,255,255,.9)}.profile-header-info{flex:1}.profile-location{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;color:#00000080;flex-shrink:0}.profile-location svg{opacity:.6}.profile-name-large{font-size:1.5rem;font-weight:700;color:var(--color-black);margin:0 0 .125rem;line-height:1.2}.profile-title-large{font-size:.9375rem;font-weight:500;color:var(--color-skina);margin:0}.profile-bio{max-width:500px;margin:0 auto 1.25rem;position:relative;z-index:10}.profile-bio p{font-size:.9375rem;font-weight:400;color:#0009;line-height:1.6;margin:0}.profile-section{max-width:500px;margin:0 auto 1.25rem;position:relative;z-index:10}.section-label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#0006;margin-bottom:.625rem}.skills-grid{display:flex;flex-wrap:wrap;gap:.375rem}.skill-tag{display:inline-block;padding:.375rem .75rem;background:linear-gradient(145deg,#ffffffe6,#fafafab3);color:#000000b3;font-size:.8125rem;font-weight:500;border-radius:20px;border:1px solid rgba(255,255,255,.6);box-shadow:0 2px 8px #0000000f,inset 0 1px #fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .2s ease}.skill-tag:hover{background:linear-gradient(145deg,#fff,#ffffffe6);transform:translateY(-1px);box-shadow:0 4px 12px #00000014,inset 0 1px #fff}.brands-grid{display:flex;flex-wrap:wrap;gap:.5rem}.brand-sticker{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .875rem;background:linear-gradient(145deg,#ff007314,#ff00730a);color:var(--color-black);font-size:.8125rem;font-weight:600;border-radius:12px;border:1px solid rgba(255,0,115,.12);box-shadow:0 4px 16px #ff00730f,0 2px 6px #00000008,inset 0 1px #fff9;backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1);transition:all .25s ease}.brand-sticker:hover{transform:translateY(-2px) rotate(-1deg);background:linear-gradient(145deg,#ff00731f,#ff00730f);box-shadow:0 8px 24px #ff00731a,0 4px 10px #0000000d,inset 0 1px #ffffffb3}.brand-link{text-decoration:none;gap:.375rem}.brand-link svg{opacity:.5;transition:opacity .2s ease}.brand-link:hover svg{opacity:1}.profile-actions{max-width:500px;margin:.5rem auto 0;position:relative;z-index:10;display:flex;gap:.625rem}.profile-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;border-radius:14px;border:1px solid rgba(255,255,255,.5);cursor:pointer;transition:all .3s ease;text-decoration:none;background:linear-gradient(145deg,#ffffffe6,#fafafab3);color:#000000b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 16px #00000014,inset 0 1px #fff}.profile-btn:hover{background:linear-gradient(145deg,#fff,#ffffffe6);transform:translateY(-2px);box-shadow:0 6px 20px #0000001a,inset 0 1px #fff}.profile-btn.primary{background:linear-gradient(145deg,#ff0073,#dc0064);color:#fff;border:1px solid rgba(255,100,170,.3);box-shadow:0 4px 20px #ff007359,inset 0 1px #fff3}.profile-btn.primary:hover{background:linear-gradient(145deg,#ff1482,#e6006e);box-shadow:0 8px 28px #ff007373,inset 0 1px #ffffff40;transform:translateY(-2px)}@media(max-width:480px){.profile-page{padding:1.5rem}.profile-container{padding:1.5rem;margin-top:1.5rem}.profile-photo-large{width:72px;height:72px}.profile-name-large{font-size:1.5rem}.profile-actions{flex-direction:column}}.social-page{min-height:100vh;background:linear-gradient(145deg,#f8f8f8,#f0f0f0,#fafafa,#f5f5f5,#efefef);background-size:400% 400%;animation:gradientFlow 20s ease infinite;padding:1.5rem;position:relative;overflow:hidden}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.social-page:before,.social-page:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(60px)}.social-page:before{width:500px;height:500px;background:radial-gradient(circle,rgba(200,220,255,.4) 0%,transparent 70%);top:-150px;right:-100px;animation:floatBlob1 25s ease-in-out infinite}.social-page:after{width:400px;height:400px;background:radial-gradient(circle,rgba(255,200,220,.3) 0%,transparent 70%);bottom:-100px;left:-100px;animation:floatBlob2 20s ease-in-out infinite}@keyframes floatBlob1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,20px) scale(1.1)}66%{transform:translate(-20px,10px) scale(.95)}}@keyframes floatBlob2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-25px,-15px) scale(1.05)}66%{transform:translate(15px,-25px) scale(.9)}}.social-nav{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10}.social-page .back-button{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;color:var(--color-black);text-decoration:none;padding:.5rem .875rem;background:linear-gradient(145deg,#ffffffe6,#ffffffb3);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-radius:20px;border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 16px #00000014,0 2px 6px #0000000a,inset 0 1px #fff,inset 0 -1px #fff6;transition:all .3s ease;position:relative;z-index:10}.social-page .back-button:hover{background:linear-gradient(145deg,#fffffffa,#ffffffe6);box-shadow:0 6px 20px #0000001a,0 3px 8px #0000000d,inset 0 1px #fff}.social-page .back-button:hover svg{transform:translate(-3px)}.social-page .back-button svg{transition:transform .3s ease}.social-page .profile-header{max-width:500px;margin:1.5rem auto;position:relative;z-index:10;display:flex;align-items:center;gap:1rem}.social-page .profile-photo-large{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 8px 24px #00000026,0 4px 10px #0000001a,inset 0 0 0 1px #ffffff4d;border:3px solid rgba(255,255,255,.9)}.social-page .profile-header-info{flex:1}.social-page .profile-location{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;color:#00000080;flex-shrink:0}.social-page .profile-location svg{opacity:.6}.social-page .profile-name-large{font-size:1.5rem;font-weight:700;color:var(--color-black);margin:0 0 .125rem;line-height:1.2}.social-page .profile-title-large{font-size:.9375rem;font-weight:500;color:var(--color-skina);margin:0}.social-page .profile-bio{max-width:500px;margin:0 auto 1.25rem;position:relative;z-index:10}.social-page .profile-bio p{font-size:.9375rem;font-weight:400;color:#0009;line-height:1.6;margin:0}.social-page .section-label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#0006;margin-bottom:1rem}.social-content{max-width:500px;margin:0 auto;position:relative;z-index:10}.case-study-section{margin-bottom:1.5rem}.case-study-section .social-list li{font-size:.875rem}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.social-section{margin-bottom:0}.platform-title{font-size:.75rem;font-weight:600;letter-spacing:.05em;color:#0006;margin:0 0 .75rem}.social-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.625rem}.social-list li{font-size:.8125rem;font-weight:500;color:var(--color-black);line-height:1.5;letter-spacing:.01em}.social-list a{color:var(--color-skina);text-decoration:none;transition:all .2s ease;word-break:normal;overflow-wrap:break-word}.social-list a:hover{text-decoration:underline;opacity:.8}@media(max-width:600px){.social-grid{grid-template-columns:1fr;gap:1.5rem}.social-section{margin-bottom:0}}@media(max-width:480px){.social-page{padding:1.5rem}.social-list li{font-size:.75rem}}