.project h4 a:hover,u{text-decoration:underline}.jota-unico-hero div,footer nav{align-content:space-between}.iphrame:before,.view-button a span,.work .presentation{z-index:1;position:relative}.geplay-showcase,.invision,.iphrame,.iphrame:before,.menu li a,.pixel-art,.project,.project h4 a,.selected-work h3,.social li a,.view-button a,.work .case,header{position:relative}.instawrapper,.invision,.logo,.view-button a{overflow:hidden}@font-face{font-family:Poppins;src:url('Poppins/Poppins-SemiBold.ttf');font-weight:600;font-display:swap}@font-face{font-family:Poppins;src:url("Poppins/Poppins-Bold.ttf");font-weight:700;font-display:swap}@font-face{font-family:'Fira Sans';src:url('Fira_Sans/FiraSans-Light.ttf');font-weight:300;font-display:swap}@font-face{font-family:'Fira Sans';src:url('Fira_Sans/FiraSans-LightItalic.ttf');font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:'Fira Sans';src:url('Fira_Sans/FiraSans-Regular.ttf');font-weight:400;font-display:swap}@font-face{font-family:'Fira Sans';src:url('Fira_Sans/FiraSans-Italic.ttf');font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:'Fira Sans';src:url('Fira_Sans/FiraSans-Bold.ttf');font-weight:700;font-display:swap}@font-face{font-family:'Fira Sans';src:url('Fira_Sans/FiraSans-BoldItalic.ttf');font-weight:700;font-style:italic;font-display:swap}*{margin:0;padding:0;vertical-align:baseline;list-style:none;text-decoration:none;border:0;font:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#main-menu,.about .presentation .wrapper,.contact,.invision iframe,.menu,.presentation,.presentation h2,.project,.projects-nav ul,.projects-nav ul li,.social li,.social ul,.typography,.view-button,footer .wrapper,footer nav,header{display:flex}#main-menu,.about .presentation .wrapper,.projects-nav ul,footer .wrapper,footer nav,header{justify-content:space-between}#main-menu,.about .presentation .wrapper,.invision iframe,.menu,.projects-nav ul li,.social li,header{align-items:center}.invision iframe,.projects-nav ul li{justify-content:center}.color-pallete,.menu,.typography{justify-content:flex-start}.contact{justify-content:flex-end;flex-grow:1}.presentation{align-items:flex-start}.contact,.presentation,.presentation h2,.social ul,footer nav{flex-direction:column}.project div{align-self:flex-end;margin-left:60px;max-width:480px}.project h4 a{color:#484354;transition:.2s ease-in-out}.project h4 a:hover{color:#322b3a;text-underline-offset:0.2em;text-decoration-thickness:2px;text-decoration-color:#3cc}.menu li a,.projects-nav a,.social p,.view-button a{font:700 1.25rem/1.5rem Poppins,sans-serif}.abt-content h4,.case h4,.download,.instawrapper h4,.where{font:600 1.75rem/2rem Poppins,sans-serif;color:#3d3747}.abt-content h2,.case .thanks,.case h3,.email a,.project h4{font:700 2.75rem/3.25rem Poppins,sans-serif;letter-spacing:-.05em}.case .thanks,.case h2,.case h3,.email a,.social p,.what,.work h1{color:#3cc}.case h2,.who,.work h1{font:700 4rem/4.25rem Poppins,sans-serif;letter-spacing:-.05em}.about .me,.what{font:700 5.25rem/5.5rem Poppins,sans-serif;letter-spacing:-.05em}.about .presentation h2,.selected-work .me{font:700 11.75rem/9.5rem Poppins,sans-serif;letter-spacing:-.05em;color:#e3e3e7}.color-pallete span,.social li,.typography span,.work .case .diego,.work .case .legend{font:400 0.875rem/1.125rem "Fira Sans",sans-serif}.abt-content p,.case p,.description,.resume .abt-content li{font:400 1.125rem/1.75rem "Fira Sans",sans-serif;color:#3d3747;letter-spacing:-.017em}.case .summary{font:300 1.75rem/2rem "Fira Sans",sans-serif;color:#3d3747}.drop,.instawrapper p,.project div span,.read-langs,.resume .abt-content .role,.work .case .diff-description,.work .description{font:300 1.375rem/1.75rem "Fira Sans",sans-serif;color:#8f94a1;padding-top:8px}.work figcaption{font:300 1.375rem/1.75rem "Fira Sans",sans-serif;padding-top:8px}.case .conclusion,.role{font:300 1.75rem/2rem "Fira Sans",sans-serif;color:#a3a7b3}figure{font-size:0;line-height:0}@-ms-viewport{width:device-width}body{line-height:1}.light{background-color:#f6f6f7}.dark{background-color:#322b3a}.jota-unico .team,.styles-ds,.work .case .team h3,.work.design-system-jota .case h3{padding-bottom:0}.logo{text-indent:800%;white-space:nowrap}.logo a{display:block;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='248' height='157' viewBox='0 0 248.2 157.1'%3E%3Cstyle%3E.a%7Bfill:%23F55;%7D%3C/style%3E%3Cpath d='M171.7 96.2c0-3.7 0-7.3 0-11 0-1 0.1-2.4-1.5-1.1 -4.2 3.5-8.3 2.3-12.4-0.2 -1.1-0.7-2.1-1.6-3.2-2.4 -0.4-0.3-0.9-0.5-1.3-0.1 -0.1 0.2 0 0.6 0.1 0.8 0.1 0.5 0.3 1 0.3 1.5 0.3 5.6-2.9 7.8-8.3 5.8 -3.2-1.2-5.8-3.3-7.9-5.9 -1-1.2-1.7-1.5-2.3 0.2 -0.5 1.4-1 2.8-1.6 4.2 -2.6 5.8-6.6 7-12 3.9 -4.3-2.4-7.4-5.6-8.5-10.5 -0.2-1.1-0.7-2.2-1.1-3.3 -0.2-0.6-0.3-1.4-1.1-1.4 -0.3 0-0.7 0.6-1 1 -3.5 4-4.1 8.2-2.6 13.6 3 10.4 4.1 21.2 3.4 32.1 -0.3 5.2-1.4 10.2-3.3 15 -1.6 4.2-3.6 5.3-8.1 5.1 -8.5-0.5-15.1-6.2-16.5-15.3 -1.3-9.2-1.5-18.6 2.3-27.5 1.8-4.3 4.3-8.2 7.1-11.9 1.6-2.2 3.9-4.3 3.1-7.5 -0.1-0.6 0-1.5-0.9-1.5 -0.8-0.1-1 0.8-1.2 1.4 -0.8 2.2-2 4.1-3.6 5.9 -3.5 3.8-7.4 4.7-12.1 2.5 -2.6-1.2-4.9-2.8-6.7-5.1 -1-1.2-1.8-1.3-2.6 0.3 -0.5 1.1-1.1 2-1.7 3.1 -2.6 4.6-7.6 6.5-11.9 4.2 -2.4-1.3-3.3-1.8-6-4.7 -1.1-1.1-1.9-1.2-2.8 0 -2.3 3.2-5 5.9-4.7 10.5 0.5 6.9 0.4 13.9 0.2 20.9 -0.2 8.1-0.8 16.3-3.1 24.1 -2.6 8.7-5.9 11.3-13.6 11.4 -4.6 0.1-9-1.7-13.1-4.3 -3.5-2.2-6.1-4.9-7-9.1 -0.6-2.5-0.1-4.9 0.3-7.3 1.7-11.2 6.9-20.7 14.6-28.9 2.2-2.3 4.4-4.6 6.6-6.8 3-2.9 4.5-6.1 4.3-10.6 -0.3-5.1-1-10.2-1.1-15.4 0-1.2-0.8-1.4-1.6-0.7 -3 2.4-6 4.7-9.4 6.5 -3.1 1.7-6.3 3-9.9 2.6 -1.1-0.1-2.3-0.4-3.4-0.8 -1.7-0.6-3.7-1.4-3.7-3.6 0.1-2.5 2.7-2.4 4.2-2.6 6.7-0.9 11.6-4.8 16.1-9.3 6.8-6.8 6.6-6.9 6.6-16.5 0-6.8-0.2-13.7 0.1-20.5 0.3-7.5 1.3-14.8 4.6-21.7 1.2-2.5 2.8-3.8 5.1-4 4-0.4 8.2 0.7 9.7 5.7 1.7 5.8 3.2 11.6 3.4 17.5 0.2 7.1-0.9 14.2-4.1 20.8 -1.8 3.8-3.6 7.5-6.2 10.8 -2.2 2.7-2.1 5.6-1.9 8.9 0.1 2.6 0.4 5.6 0.6 8.4 0 0.4 0.2 0.9 0.4 1.3 0.4-0.3 1-0.6 1.1-1 2.1-6.1 2.3-18.1 2.3-18.1 2.1-1.7 4.4-3 7-3.6 3.2-0.8 5.1 0.7 5.1 4.1 0 4.8 0 9.7 0 14.5 0 4 0.6 7.9 1.7 11.8 0.1 0.5 0.1 1.5 1 1.3 0.4-0.1 0.8-0.6 1-1 1.8-3.2 2.9-6.7 3.9-10.2 2-7.4 3.9-14.8 3.4-22.5 -0.1-2.2 0.1-3.8 2.4-4.9 2.6-1.3 5.1-2.6 8-1.5 1.2 0.5 1.7 1.6 1.7 2.8 0 1.7 0 3.3-0.3 5 -1.5 9.8-1 19.5 1.2 29.2 0.1 0.3 0.1 0.7 0.2 1 0.2 0.7 0.5 1.3 1.2 1.5 1 0.3 1.5-0.4 2-1.1 2.5-3.6 3.7-7.9 4.3-12.1 0.8-5.4 1.6-10.8 1.6-16.3 0-3-0.1-6-0.8-8.8 -0.6-2.2 0-3.1 1.6-4 0.7-0.4 1.4-0.8 2.2-1.1 4.8-1.8 7.2-0.1 7.4 5.1 0.3 7.6 1.4 15.2 2.6 22.7 0.2 1.1 0.8 2 1.2 3.1 0.5-0.9 1-1.7 1.3-2.6 2.1-5.6 4.5-11.1 4.1-17.3 -0.1-1 0-2-0.1-3 -0.4-3.5 0-4.4 3.1-5.5 0.9-0.3 1.9-0.7 2.9-0.8 1.7-0.1 3 0.6 3.3 2.3 0.4 1.8 0.8 3.6 0.8 5.4 0 8.2 1.3 16.2 2.2 24.3 0.4 3.8 1.3 7.5 3 11 0.5 1 1.3 0.9 1.8-0.1 0.3-0.6 0.7-1.2 0.8-1.8 1-6.7 2.6-13.3 3.3-20.1 0.4-3.8-0.8-12.1-0.6-12.5 0.9-2.5 6.5-4.8 9-3.8 1.3 0.5 2.5 1.4 2.6 2.8 0.2 2.6 0.2 5.1 0.3 7.8 0.2 8 1.9 15.9 4.8 23.4 0.3 0.8 0.7 1.5 1 2.3 0.5 1 1.2 1.1 1.8 0.1 1.6-2.6 2.6-5.3 1.7-8.5 -1.3-4.3-1.7-8.7-1.7-13.2 0-12.8 10-19.3 21-18.2 2 0.2 3.7 0.5 5.8 0.1 3.9-0.8 6.4 1.5 6.4 5.5 0.4 57.5 1.9 66 2 68.8 0.1 3.2-0.8 3.8-3.8 2.9 -1-0.3-1.9-0.7-2.8-0.9 -2.5-0.7-3.9-2.4-4.3-4.8C171.6 107.4 171.6 102 171.7 96.2zM30.6 113c0-2 0-4 0-6 0-0.5-0.1-1.3-0.3-1.4 -0.7-0.3-1.1 0.4-1.6 0.8 -5.7 5.1-9.3 11.5-12.2 18.5 -3.2 7.7-1.1 14.6 2.3 21.4 1.6 3.2 3.8 3.2 6 0.3 0.7-0.9 1.3-1.9 1.7-3 0.8-2.6 1.6-5.3 2.1-8C29.9 128.1 30.6 120.6 30.6 113zM100.5 113.9c0-2.6 0.2-5.2 0-7.9 -0.3-3.3-0.9-6.5-1.4-9.8 -0.1-0.6-0.6-1.1-0.9-1.6 -0.3 0.4-0.7 0.7-0.9 1.2 -0.8 1.6-1.7 3.2-2.5 4.9 -4.4 9.7-3.4 19.7-1.4 29.7 0.4 1.9 0.8 4.9 2.7 4.9 2.3 0 2.6-3.1 3.1-5.1C100.3 124.9 101 119.5 100.5 113.9zM158.7 66.5c-0.3 3.2 0.5 6.6 1.7 9.9 0.4 1.1 0.7 2.4 2.1 2.5 1.4 0 1.6-1.3 2.1-2.4 2.6-6.3 3.3-13.1 4.7-19.6 0.4-1.8 0.2-3.9-1.2-5.6 -1-1.3-1.9-3-3.8-2.8 -1.6 0.2-2.3 1.9-2.7 3.3C160 56.4 158.5 61.1 158.7 66.5zM42.5 18.6c0-2.5 0-5 0-7.5 0-0.4-0.3-1-1-0.8 -0.3 0.1-0.6 0.4-0.6 0.7 -1.7 8.4-3.3 16.9-3 25.6 0 1.2-0.2 2.5 0.4 3.6 1.1-0.9 1.3-2.3 1.9-3.4 0.3-0.6 0.3-1.3 0.5-1.9C42 29.5 42.7 24.1 42.5 18.6z' class='a'/%3E%3Cpath d='M196.7 59.6c0 6-0.1 12 2 17.7 0.1 0.4 0.4 0.8 0.7 1.2 0.4-0.3 0.9-0.5 1.1-0.9 1.4-1.9 1.7-4.3 2.3-6.5 2.3-7.9 3.6-15.8 2.5-24 -0.3-2 1.9-4.3 4.6-5 3.4-1 6.1 0.5 6.6 4.1 0.3 2 0.1 4 0 6 -0.4 6.9-0.2 13.8 1.3 20.6 0.1 0.3 0.1 0.7 0.1 1 0.1 0.9 0.4 1.9 1.2 1.9 0.9 0.1 1.3-0.9 1.4-1.7 0.4-2.6 1.1-5.2 1.1-7.9 0.1-5 0.6-16.2 0.6-16.9 -0.1-1-0.2-3.6 0.7-4.5 2.1-1.7 4.3-2.4 7-1.8 1.3 0.3 2 1.3 2 2.5 0.1 1.3 0.1 2.7 0 4 -0.2 6.5 0 12.9 1 19.4 0.5 3 1.6 5.8 3.1 8.3 1.3 2.3 2.4 2.2 4 0.1 1.6-2.2 1.6-2.2 3.3-0.3 1.6 1.8 2.1 4.2 1.1 5.9 -1.1 2-3 2.5-5.1 2.3 -2.3-0.3-4.5-0.9-6.4-2.5 -1-0.9-2-1.7-3.1-2.5 -0.8-0.7-1.6-0.9-2.5 0.1 -4.5 4.6-7.8 4.9-12.9 1.1 -0.8-0.6-1.6-1.2-2.4-1.8 -1-0.8-1.9-0.4-2.5 0.5 -0.8 1.2-1.4 2.6-2.3 3.8 -3.4 4.5-7.3 5.2-12.2 2.4 -4.7-2.8-6.4-7.3-7.3-12.4 -1.4-7.7-0.4-26.6-0.1-28.2 0.4-1.9 1.7-2.9 3.4-3.1 1.6-0.2 2.8 0.8 3.7 2 1.4 2 2 4.2 2 6.5C196.7 54 196.7 56.8 196.7 59.6z' class='a'/%3E%3Cpath d='M95.4 34.2c-2.9 0.1-6.7-2.4-7.9-5 -0.8-1.7-0.2-2.9 1.2-3.8 2.1-1.4 8.1-0.5 9.7 1.4 1.1 1.3 1.8 2.8 1.2 4.5C99 32.9 97.3 34.1 95.4 34.2z' class='a'/%3E%3Cpath d='M233 28.6c0.9 1.1 1 2.4 0.4 3.7 -0.6 1.4-1.9 1.7-3.3 1.8 -1.7 0-6.1-1.9-7.5-4.7 -0.5-1-1.6-2.8-0.5-3.9C224.5 23 231.1 26.1 233 28.6z' class='a'/%3E%3C/svg%3E") 50% 50%/cover no-repeat;width:95px;height:60px}.menu li{padding-right:36px}.menu li:last-child{padding:0}.menu li a,.social li a{color:#a3a7b3;transition:color .2s}.dark .description,.menu li a:hover,.social li a:hover{color:#fff}.hypothesis .col3 strong,.light .menu li a:hover,.principles .col3 figure strong,.who{color:#3d3747}.menu li a::after{position:absolute;top:100%;left:0;width:100%;height:2px;background:#3cc;content:"";opacity:0;transition:opacity .2s,transform .2s;transform:translateY(10px)}.menu li a:focus::after,.menu li a:hover::after{opacity:1;transform:translateY(0)}.wrapper{max-width:1368px;padding:0 24px;margin:0 auto}header{padding:30px 0 120px;flex-direction:column;height:540px}.col1,.col2,.color-pallete li::before,.figma iframe,.initial-studies,.initial-studies img,.invision iframe *,.presentation,.project figure img,.view-button a:active::after,.view-button a:hover::after,.wrapper{width:100%}.presentation>h1,.presentation>p{max-width:744px}.presentation .me{line-height:77px;margin-bottom:47px}.role{margin:12px 0 24px}.what{margin:8px 0}.about .abt-content a,.read-langs a,.work .case a{font-weight:700;text-decoration:underline;color:#f55}.selected-work h3{margin-top:-5.4vmin;margin-bottom:-4.6vmin}.project{margin-bottom:60px}.home .ds-jota,.home .geplay,.home .jota-pro,.home .jota-unico{margin-bottom:84px}.home .super{margin-bottom:57px}.home .sk{margin-bottom:35px}.home .comics{margin-bottom:51px}.home .philosophy{margin-bottom:47px}.home .diversity,.work .case .thanks{margin-bottom:120px}.project figure{font-size:0;width:100%;max-width:768px}.project span{display:block;margin:16px 0}.view-button{margin-top:24px}.view-button a{padding:16px 24px;font-size:1.25rem;font-weight:700;background-color:#3cc;color:#fff;transition:.3s;border-radius:50px}.invision iframe,.view-button a:after{position:absolute;top:0;left:0;height:100%}.view-button a:after{content:"";transition:.3s;background:#3d3747;width:0%}.view-button a span{font:inherit;color:inherit;margin:inherit;padding:0}.philosophy figcaption,.work{background:#eaecef}.work .case img{font-size:0;line-height:0;display:block}.work .case h2,.work .case p{max-width:744px;white-space:pre-line}.work .case h2,.work .case h3{padding-top:60px;color:#3d3747}.work .case h3{padding-bottom:36px}.work .case p{margin:24px 0 36px}.work .case ul{font:400 1.125rem/1.75rem "Fira Sans",sans-serif;color:#3d3747;letter-spacing:-.017em;display:grid;gap:8px;padding-top:12px}.work figcaption{color:#3d3747;text-align:center}.work .case .conclusion{margin-top:96px;color:#3d3747}.col1,.jota-unico-intro,.sk-concepts figure,.sk-logos figure{margin-bottom:60px}.col1 em,.col2 em{font-style:italic}.col2{display:grid;grid-gap:48px;grid-template-columns:1fr 1fr}.col3{column-count:3;column-gap:48px;column-width:100%}.col1 img,.col2 img,.col3 img{width:100%;font-size:0;line-height:0;height:auto}.col3 img{max-width:408px;margin-bottom:48px}.jota-unico-hero{display:grid;grid-template-columns:17.82% auto 17.82%;gap:1.5%;background:#a3a7b3}.jota-unico-hero div{display:grid;grid-template-columns:1fr;gap:2%}.jota-unico-hero img{transform:translate(0,-60px);width:100%}.jota-unico .highlight{grid-template-columns:1fr;gap:0}.about .abt-content p,.color-pallete li,.components img,.cursoenem-prev img,.designing-the-homepage{margin-bottom:24px}.designing-the-homepage .masonry-2col div{gap:0}.work .case .differences{display:grid;gap:24px}.differences .diff-wrap{padding:16px;background:#fff;border-radius:4px;display:grid;grid-template-columns:30% auto;gap:24px}.differences .diff-wrap.right{grid-template-columns:20% auto}.work .case .differences h4{font:700 18px/28px 'Fira Sans',sans-serif;color:#3d3747}.case .highlight div p,.jota-pro-cover,.philosophy .col3 img,.work .case .differences ul,.work .case .figma .the-result,.work .case .rest-of-body{margin-bottom:0}.work .case .differences li{list-style-type:square;margin-left:16px;color:#8f94a1;font-size:16px;line-height:20px}.jota-unico .figma{padding-top:96px}.work .case .rest-of-body .xtra-padding{padding-bottom:120px}.work .case .figma .description,.work .case .rest-of-body .description{max-width:inherit;text-align:center;color:#484354}.work .case .rest-of-body h3{padding:60px 0 0}.work .case .rest-of-body p{margin:0;padding:12px 0 24px}.case .figma p,.figma h2,.jota-unico .highlight h2,.jota-unico .highlight h4,.jota-unico .highlight p,.work .case .jota-unico-intro p{text-align:center;margin-left:auto;margin-right:auto}.about .abt-content h4,.jota-unico .case .highlight{margin-top:120px}.jota-unico .highlight h4{margin-top:60px}.img-left-txt-right,.img-right-txt-left{padding:60px 0;margin:0}.col1.components h2,.col1.components p,.col1.handoff p,.col1.styles-ds h2,.col1.styles-ds p,.handoff h2,.hypothesis,.principles{margin-left:auto;margin-right:auto}.work .case .img-left-txt-right .col2{align-items:center;justify-content:center;grid-template-columns:40% auto}.work .case .img-left-txt-right .col2 div{align-items:center;justify-content:center;max-width:744px}.jota-unico .case .highlight h2,.jota-unico .case .highlight h4,.jota-unico .case .highlight p,.work .case .img-left-txt-right h3,.work .case .img-left-txt-right p{padding:0;max-width:744px;margin-bottom:0}.jota-pro-intro{background:url(../jota-pro/img/jota-pro-cover-2.png) 100% 0/33.655% no-repeat;margin-bottom:0;padding-bottom:24px}.col1.jota-pro-intro h3,.col1.jota-pro-intro p{text-align:right;max-width:744px;padding-bottom:0}.img-right-txt-left .col2{align-items:center;justify-content:center;grid-template-columns:auto 40%}.img-right-txt-left .col2 div{align-items:center;justify-content:center;grid-template-columns:auto 40%;max-width:744px}.img-right-txt-left .col2 figure img{width:100%;height:auto;max-width:100%}.work .case .img-right-txt-left h3,.work .case .img-right-txt-left p{padding-top:0;padding-bottom:0;max-width:744px;text-align:right;margin-bottom:0}.figma-file iframe{width:100%;aspect-ratio:16/9}.work .case .figma div p{margin-top:12px}.figma .desktop-mobile{padding-top:36px}.figma .desktop-mobile div{display:grid;grid-template-columns:auto 29.45%;gap:24px}.figma .desktop-mobile p span{display:block;font-size:1.125rem}.invision-prototypes p,.work .case .figma img{display:none}.figma .desktop{aspect-ratio:4/3.43}.figma .mobile{aspect-ratio:8/16}.design-system-jota .col2 img{max-width:492px;height:auto}.hypothesis,.principles{max-width:744px}.hypothesis .col3,.principles .col3{gap:24px;display:grid;grid-template-columns:1fr 1fr 1fr}.components,.cursoenem-final,.handoff,.hypothesis h2,.hypothesis p,.principles h2,.principles p,.styles-ds{text-align:center}.hypothesis .col3 div,.principles .col3 figure{background:#fff;border-radius:4px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center}.hypothesis .col3 p,.principles .col3 figure p{margin-bottom:0;margin-top:6px;color:#a3a7b3}.initial-studies figure{display:grid;width:100%;grid-template-columns:1fr 1fr 1fr;padding-bottom:120px}.highlight,figure.masonry-2col{display:grid;grid-template-columns:1fr 1fr}.case .initial-studies h3,.initial-studies .case h3{padding-top:44px;padding-bottom:0}figure.masonry-2col{gap:24px}.handoff figure,.showcase-tributos figure,figure.masonry-2col div,section.styles-showcase{grid-template-columns:1fr;gap:24px}figure.masonry-2col div{display:grid;align-items:baseline;align-content:baseline}section.styles-showcase{display:grid;margin-bottom:120px}section.styles-showcase img{margin:0}.work .case .showcase-tributos{display:grid;grid-template-columns:auto auto minmax(auto,210px);gap:24px;width:100%;padding-bottom:60px}.showcase-tributos figure{display:grid;align-content:last baseline}.highlight{width:100%;gap:44px;background-color:rgba(255,255,255,.4);padding:24px;border-radius:4px;align-items:center;margin:60px 0}.case .highlight div h2,.case .highlight div p{max-width:inherit;text-align:right}.case .highlight div h2{padding-top:0;font-size:3.625rem}.geplay-home img,.highlight img{max-width:100%}.pitch{text-align:right;justify-content:flex-end;display:flex}.work .case .components h2,.work .cursoenem-prev h2,.work .geplay-lp h2{padding-top:0}.handoff figure{display:grid}.philosophy .col2,.philosophy .col3,.team{padding-bottom:60px}.geplay-home{font-size:0;line-height:0;text-align:center}.geplay-home div:first-of-type{background:url(../geplay/img/home-bg.png) repeat-x #ddd}.geplay-home div:nth-of-type(2){background-color:#03a8bc}.geplay-home div:nth-of-type(3){background-color:#b98bc5}.geplay-home div:nth-of-type(4){background-color:#e8b300}.geplay-home div:nth-of-type(5){background-color:#e53548}.geplay-home div:nth-of-type(6){background-color:#b6c800}.iphrame{max-width:444px;margin-top:60px}.iphrame:before{display:block;content:"";background:url(../geplay/img/iframe.png) 0 0/100% no-repeat;width:100%;max-width:444px;margin:auto;height:0;padding-bottom:197%}.iphrame img{width:100%;max-width:444px;position:absolute;top:0;grid-area:1/1}.geplay-showcase{display:grid;width:100%;max-width:1478px;margin:60px auto 0;grid-template-columns:1fr 1fr 1fr;grid-gap:48px;padding:0 24px}.design-system-jota strong,.geplay-showcase strong,.jota-pro strong,.jota-unico strong,.resume .abt-content .role strong{font-weight:700}.geplay-redacao .column-1,.geplay-showcase .column-1{order:1}.geplay-redacao .column-2,.geplay-showcase .column-2{order:2}.geplay-showcase .column-3{order:3}.geplay-lp{display:grid;grid-gap:48px;padding-top:120px}.geplay-ingles .column-1,.geplay-redacao .column-2{display:flex;justify-content:space-between;flex-direction:column}.geplay-redacao{grid-template-columns:54.8% 25%}.geplay-ingles{grid-template-columns:25% 54.8%;justify-content:right}.geplay-redacao .column-2{padding-right:24px}.geplay-ingles .column-1{padding-left:24px;text-align:right}.geplay-ingles-screen img,.geplay-redacao-screen img{width:100%;max-width:1044px}.cursoenem-prev{column-count:2;column-gap:24px;column-width:100%;padding-top:120px}.cursoenem-prev div{padding-bottom:47px}.cursoenem-prev img,.ge-plano-calendario img{width:100%;max-width:648px}.cursoenem-final img{width:100%;max-width:1440px;margin:auto}.cursoenem-final div{background-color:#101010}.cursoenem-final section div:first-of-type{background:url(../geplay/img/cursoenem-final-bg-1.png) repeat-x}.cursoenem-final section div:nth-of-type(9){background-color:#212121}.ge-plano-calendario{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:24px;align-items:center;padding:60px 24px}.cursoenem-screens{background:url(../geplay/img/cursoenem-screen-bg.jpg) 50% 50%/100% no-repeat;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,444px));align-items:center;justify-content:center;grid-gap:60px;padding:0 24px}.cursoenem-screens .iphrame{margin-top:0;align-self:center}.wireframes{display:grid;grid-template-columns:repeat(auto-fit,minmax(408px,1fr));grid-gap:48px}.design-system-jota .case,.superinteressante .case{margin-top:-60px}.jota-pro .case{margin-top:-44px}.invision{padding-top:56.25%}.invision-ipad{max-width:676px;max-height:948px;padding-bottom:100%}.invision-iphone{max-width:402px;max-height:823px;padding-bottom:63%;margin-top:48px}.invision iframe{width:100%;border:0}.col2 ul.color-pallete,.col2 ul.typography{grid-template-columns:1fr 1fr 1fr;gap:24px}.color-pallete li,.typography li{background:#f6f6f7;text-align:center}.color-pallete li span,.typography li span{display:block;padding:16px;color:#a3a7b3}.color-pallete li::before,.typography li::before{content:"";height:100vh;max-height:120px;display:block}.color-pallete li:last-child,.typography li:last-child{margin-right:0}.color-pallete li:first-child::before{background:#e4292f}.color-pallete li:nth-child(2)::before{background:#d42228}.color-pallete li:nth-child(3)::before{background:#ae181e}.color-pallete li:nth-child(4)::before{background:#6f1212}.color-pallete li:nth-child(5)::before{background:#ffde00}.color-pallete li:nth-child(6)::before{background:#fff}.color-pallete li:nth-child(7)::before{background:#000}.projects-nav ul li,.social li a:before,.typography li::before{background-repeat:no-repeat;background-position:50% 50%}.typography li{width:192px;max-height:170px}.typography li::before{width:100%;max-width:192px;background-size:120px;margin:auto}.typography li:first-child::before{background-image:url(../superinteressante/img/roboto-condensed-bold.png)}.typography li:nth-child(2)::before{background-image:url(../superinteressante/img/roboto-regular.png)}.typography li:nth-child(3)::before{background-image:url(../superinteressante/img/georgia.png)}.sk-opening{background:url(../science-kombat/img/abertura.gif) 50% 50% no-repeat #f5623b;height:508px}.sk-concepts,.sk-logos{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:4px;text-align:center;margin-top:36px}.sk-logos img{margin:auto}.sk-interface{display:grid;grid-gap:4px;margin-bottom:4px;grid-template-columns:1fr 1fr 1fr 1fr}.int2{padding-left:5%}.int3{margin-left:9.25%;margin-right:9.25%}.int4{padding-left:18.5%}.work .case .diego{text-align:right;max-width:inherit}.projects-nav ul li{width:33.33%;background-size:cover}.projects-nav ul li a{color:#fff;padding:27% 0;width:100%;text-align:center;transition:.3s}.projects-nav ul li:first-child a{background:-moz-linear-gradient(left,#322b3a 0,rgba(50,43,58,0) 100%);background:-webkit-linear-gradient(left,#322b3a 0,rgba(50,43,58,0) 100%);background:linear-gradient(to right,#322b3a 0,rgba(50,43,58,0) 100%);background-color:rgba(50,43,58,.9)}.projects-nav ul li:last-child a{background:-moz-linear-gradient(right,#322b3a 0,rgba(50,43,58,0) 100%);background:-webkit-linear-gradient(right,#322b3a 0,rgba(50,43,58,0) 100%);background:linear-gradient(to left,#322b3a 0,rgba(50,43,58,0) 100%);background-color:rgba(50,43,58,.9)}.projects-nav ul li a:hover{background-color:rgba(50,43,58,.8)}.projects-nav .all-projects a:hover{background-color:rgba(0,0,0,.2)}.jota-unico-project{background-image:url(../img/jota-unico-share.png)}.jota-pro-project{background-image:url(../img/jota-pro-share.png)}.ds-jota-project{background-image:url(../img/ds-jota-share.png)}.ge-project{background-image:url(../img/geplay-share.png)}.super-project{background-image:url(../img/super-share.png)}.sk-project{background-image:url(../img/sk-home.png)}.comics-project{background-image:url(../img/comics-share.png)}.philosophy-project{background-image:url(../img/philosophy-share.png)}.diversity-project{background-image:url(../img/diversity-share.png)}.pixel-art{margin-top:-12%;background:url(../diversity-school/img/diversity-1.png) 50% 0 no-repeat;height:2206px}.about header{max-height:368px;margin-bottom:212px}.about .presentation{margin-top:169px;position:absolute}.about img{width:100%;max-width:340px;border-radius:100%}.about .me{color:#3d3747;text-align:right}.abt-content h2{margin:36px 0 16px;color:#3d3747}.about .abt-content h3{text-align:left;color:#a3a7b3;white-space:pre-line;margin-bottom:24px}.soundcloud-iframes{display:grid;grid-gap:24px;grid-template-columns:1fr 1fr 1fr;margin-bottom:64px}.science-kombat .soundcloud-iframes{display:block}.instawrapper{margin-top:60px;width:100%}#instafeed{width:200%;height:100vh;max-height:17.5vw;margin-top:16px}#instafeed img{border-radius:0;max-width:17.5vw;max-height:17.5vw}.resume header{max-height:inherit;margin-bottom:104px}.resume .abt-content{padding-bottom:66px}.resume .abt-content h4{margin:24px 0 8px}.contact .email a:hover,.resume .abt-content h2{color:#a3a7b3}.resume .abt-content p{margin-bottom:30px}.resume .abt-content .role{margin:0 0 16px}.resume .abt-content ul{margin-bottom:48px}.resume .abt-content li{margin:0 0 8px 20px;list-style:square}footer{background:#3d3747;padding:60px 0}footer .menu{padding-top:24px}.contact .email a{transition:.3s}.social ul{padding-top:16px}.social li a{display:flex;align-items:center;justify-content:center;gap:2px}.social li a:before{content:"";display:block;width:36px;height:36px}.social .bluesky a:before{background-image:url("data:image/svg+xml,%3Csvg width='18px' height='14px' viewBox='0 0 28 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath fill='%23FFFFFF' d='M5.90851 1.6155C9.03356 3.96159 12.3949 8.71849 13.629 11.2713C14.8632 8.71868 18.2244 3.96154 21.3495 1.6155C23.6044 -0.0773515 27.2579 -1.38718 27.2579 2.78076C27.2579 3.61316 26.7807 9.77331 26.5007 10.7734C25.5278 14.2504 21.9824 15.1372 18.8286 14.6004C24.3413 15.5387 25.7436 18.6464 22.7151 21.7542C16.9632 27.6564 14.448 20.2733 13.8032 18.3815C13.685 18.0346 13.6298 17.8724 13.6289 18.0103C13.6281 17.8724 13.5728 18.0346 13.4547 18.3815C12.8102 20.2733 10.295 27.6566 4.54283 21.7542C1.51421 18.6464 2.91653 15.5385 8.42927 14.6004C5.27545 15.1372 1.72997 14.2503 0.757154 10.7734C0.477236 9.77322 0 3.61306 0 2.78076C0 -1.38718 3.65357 -0.0773515 5.90835 1.6155H5.90851Z'/%3E%3C/svg%3E")}.social .twitter a:before{background-image:url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath fill='%23FFFFFF' d='M11.6468 8.46864L18.9321 0H17.2057L10.8799 7.3532L5.82741 0H0L7.6403 11.1193L0 20H1.72649L8.40678 12.2348L13.7425 20H19.5699L11.6464 8.46864H11.6468ZM9.28211 11.2173L8.50799 10.1101L2.34857 1.29968H5.00037L9.97108 8.40994L10.7452 9.51718L17.2066 18.7594H14.5548L9.28211 11.2177V11.2173Z'/%3E%3C/svg%3E")}.social .linkedin a:before{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='%23FFFFFF' d='M3.6,15.9h-3v-11h3V15.9z M2.1,3.7c-1,0-1.8-0.8-1.8-1.8s0.8-1.8,1.8-1.8S4,0.9,4,1.9S3.1,3.7,2.1,3.7zM15.6,15.9h-3v-5.6c0-3.4-4-3.1-4,0v5.6h-3v-11h3v1.8c1.4-2.6,7-2.8,7,2.5V15.9z'/%3E%3C/svg%3E")}.social .instagram a:before{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' width='16' height='16' xml:space='preserve'%3E%3Cpath fill='%23FFF' d='M13.2,3.7c0,0.5-0.4,1-1,1c-0.5,0-1-0.4-1-1c0-0.5,0.4-1,1-1C12.8,2.8,13.2,3.2,13.2,3.7zM8,10.7c-1.5,0-2.7-1.2-2.7-2.7S6.5,5.3,8,5.3s2.7,1.2,2.7,2.7S9.5,10.7,8,10.7z M8,3.9C5.7,3.9,3.9,5.7,3.9,8s1.8,4.1,4.1,4.1s4.1-1.8,4.1-4.1S10.3,3.9,8,3.9zM8,1.4c2.1,0,2.4,0,3.2,0c0.8,0,1.2,0.2,1.5,0.3c0.4,0.1,0.6,0.3,0.9,0.6c0.3,0.3,0.5,0.5,0.6,0.9c0.1,0.3,0.2,0.7,0.3,1.5c0,0.8,0,1.1,0,3.2s0,2.4,0,3.2c0,0.8-0.2,1.2-0.3,1.5c-0.1,0.4-0.3,0.6-0.6,0.9c-0.3,0.3-0.5,0.5-0.9,0.6c-0.3,0.1-0.7,0.2-1.5,0.3c-0.8,0-1.1,0-3.2,0c-2.1,0-2.4,0-3.2,0c-0.8,0-1.2-0.2-1.5-0.3c-0.4-0.1-0.6-0.3-0.9-0.6c-0.3-0.3-0.5-0.5-0.6-0.9c-0.1-0.3-0.2-0.7-0.3-1.5c0-0.8,0-1.1,0-3.2c0-2.1,0-2.4,0-3.2c0-0.8,0.2-1.2,0.3-1.5c0.1-0.4,0.3-0.6,0.6-0.9c0.3-0.3,0.5-0.5,0.9-0.6C3.6,1.7,4,1.5,4.8,1.5C5.6,1.4,5.9,1.4,8,1.4z M8,0C5.8,0,5.6,0,4.7,0c-0.9,0-1.4,0.2-1.9,0.4c-0.5,0.2-1,0.5-1.4,0.9C0.9,1.8,0.6,2.2,0.4,2.8C0.2,3.3,0.1,3.9,0,4.7C0,5.6,0,5.8,0,8s0,2.4,0,3.3c0,0.9,0.2,1.4,0.4,1.9c0.2,0.5,0.5,1,0.9,1.4c0.4,0.4,0.9,0.7,1.4,0.9c0.5,0.2,1.1,0.3,1.9,0.4c0.9,0,1.1,0,3.3,0s2.4,0,3.3,0c0.9,0,1.4-0.2,1.9-0.4c0.5-0.2,1-0.5,1.4-0.9s0.7-0.9,0.9-1.4c0.2-0.5,0.3-1.1,0.4-1.9c0-0.9,0-1.1,0-3.3s0-2.4,0-3.3c0-0.9-0.2-1.4-0.4-1.9c-0.2-0.5-0.5-1-0.9-1.4c-0.4-0.4-0.9-0.7-1.4-0.9c-0.5-0.2-1.1-0.3-1.9-0.4C10.4,0,10.2,0,8,0z'/%3E%3C/svg%3E")}.social .tumblr a:before{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 11 16' width='11' height='16' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M6.2,0v3.7h3.7v2.9H6.2v4.1c0,0.9,0,1.5,0.1,1.7c0.1,0.3,0.3,0.5,0.6,0.7c0.4,0.2,0.8,0.3,1.2,0.3c0.8,0,1.6-0.3,2.4-0.8v2.5c-0.7,0.3-1.3,0.5-1.9,0.7C8.1,15.9,7.5,16,6.9,16c-0.7,0-1.2-0.1-1.7-0.3c-0.6-0.2-1-0.5-1.4-0.8c-0.4-0.3-0.7-0.7-0.8-1.1c-0.2-0.4-0.2-0.9-0.2-1.7V6.6H0.5V4.3c0.6-0.2,1.4-0.5,1.8-0.9C2.7,3,3.1,2.6,3.4,2c0.3-0.5,0.5-1.2,0.6-2L6.2,0L6.2,0z'/%3E%3C/svg%3E")}.social .soundcloud a:before{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 11' width='24' height='11'%3E%3Cpath fill='%23FFFFFF' d='M7,11H6V2.9c0.3-0.2,0.6-0.4,1-0.6V11z M10,11h1V1.8c-0.2,0.3-0.4,0.5-0.6,0.9L10,2.4V11z M8,11h1V2.2c-0.5-0.1-0.6-0.1-1,0V11z M4,11h1V4C4.7,4.4,4.4,5,4.3,5.5L4,5.3V11zM1,5.7C0.4,6.3,0,7.1,0,8s0.4,1.7,1,2.3V5.7L1,5.7zM19.9,5.1C19.7,2.2,17.5,0,14.8,0c-1,0-2,0.3-2.8,0.9V11h9.1c1.6,0,2.9-1.4,2.9-3.1C24,5.7,21.8,4.1,19.9,5.1L19.9,5.1z M3,5.1C2.7,5,2.5,5,2,5.2v5.7C2.4,11,2.6,11,3,11V5.1z'/%3E%3C/svg%3E")}@media screen and (max-width:1320px){.presentation,.selected-work{text-align:center}.presentation h1,.presentation p,.resume .presentation .read-langs,.resume header .presentation h1{margin-left:auto;margin-right:auto}.presentation h2{align-self:center}.invision-prototypes p,.project{display:block}.project div{margin:24px auto 0}.project figure,.view-button a{margin:auto}.about .presentation h1,.about .read-langs{text-align:left;margin-left:24px}.pixel-art{background-size:cover;height:0;padding-bottom:86.171875%}.about .presentation h2,.invision{display:none}.sk-concepts img,.sk-logos img{width:100%}.sk-interface{grid-template-columns:1fr 1fr 1fr;margin:4px 0;padding:0}.geplay-showcase .column-1,.geplay-showcase .column-3{top:120px}.col1.jota-pro-intro h3,.col1.jota-pro-intro p{max-width:545px}.a-little-background .col2{grid-template-columns:1fr 1fr}}@media screen and (max-width:849px){.about .me,.work .case .differences div{margin-bottom:0}.about .presentation .wrapper,.col2,.ge-plano-calendario,.geplay-lp,.sk-concepts,.sk-interface,.sk-logos{display:block}.about .me,.contact,.cursoenem-prev,.geplay-lp .column-1,.geplay-lp .column-2,.geplay-showcase,.social p{text-align:center}.selected-work .me{font-size:20vmin;line-height:16vmin}.col2 div,.col2 img,.col2 ul{width:100%;max-width:inherit;margin-bottom:48px}.col3{column-count:1}body .col3 img{margin-bottom:48px}.col3 img,.ge-plano-calendario img,.logo a,.wireframes img,.work .geplay-lp h2{margin:auto}.menu{justify-content:center;padding:24px 0 36px}.about header{max-height:286px;margin-bottom:330px}.about .presentation{margin-top:0;position:relative}.about .presentation h1,.about .read-langs{text-align:center;margin-left:0}.about .presentation h2{display:none}.about .presentation img{max-width:220px}.about .me{line-height:inherit}.col2,.soundcloud-iframes{grid-template-columns:none;margin-bottom:36px}.ge-plano-calendario img,.soundcloud-iframes iframe{margin-bottom:24px}#instafeed,#instafeed img{max-height:33.3vw}#instafeed img{max-width:33.3vw}.resume header{max-height:500px;margin-bottom:0}footer nav{height:auto;margin-bottom:36px}.social ul,footer .wrapper{flex-direction:column;align-items:center}.social li:before{margin-right:8px}.sk-opening{background-image:url(../science-kombat/img/abertura2.gif);height:200px}.sk-interface{margin:0}.sk-interface img{width:100%;margin-bottom:4px}.instawrapper p,.project div span,.read-langs,.resume .abt-content .role,.work .description{padding-top:0}.geplay-showcase{display:block;margin:auto}.geplay-showcase .column-1,.geplay-showcase .column-3{top:0}.cursoenem-prev img,.geplay-showcase .column-1,.geplay-showcase .column-2 figure,.geplay-showcase .column-2 h2,.geplay-showcase .column-2 p,.geplay-showcase .column-3{margin-left:auto;margin-right:auto}.geplay-lp{padding-top:60px}.geplay-lp .iphrame{margin:0 auto 36px}.work .geplay-lp h2{margin:36px auto}.geplay-ingles .column-1,.geplay-redacao .column-2{padding:0 24px}.cursoenem-prev{column-count:1;padding-top:60px}.cursoenem-prev div{padding-bottom:0}.cursoenem-screens{background:0 0;grid-gap:24px}.col1.jota-pro-intro h3,.col1.jota-pro-intro p{max-width:440px;text-align:left}.initial-studies figure{grid-template-columns:1fr;gap:24px}}@media screen and (max-width:699px){.where{font-size:1.15rem;line-height:1.24rem}.case .thanks,.email a,.project h4{font-size:1.875rem;line-height:2rem}.case h2,.who,.work h1{font-size:2.4rem;line-height:2.8rem}.about .me,.what{font-size:3rem;line-height:3.4rem}#main-menu,.typography,.wireframes,.work .case .figma img{display:block}.projects-nav .wrapper{padding:0}.projects-nav ul{flex-direction:column}.projects-nav ul li,.wireframes img,.work .typography li{width:100%}.figma .desktop-mobile div,.highlight,.hypothesis .col3,.principles .col3,.work .case .showcase-tributos,figure.masonry-2col{grid-template-columns:1fr}.superinteressante header{height:600px}.wireframes img{margin-bottom:24px}.col2 ul.color-pallete,.col2 ul.typography{grid-template-columns:1fr 1fr;gap:24px}.philosophy .col2 img,.philosophy .col3{margin-bottom:0}.philosophy .col1,.philosophy .col2 figure,.philosophy .col3 figure{margin-bottom:60px}.design-system-jota .case{margin-top:0}.menu li{padding-right:24px}.menu li a,.projects-nav a,.social p,.view-button a{font-size:1.125rem;line-height:1.375rem}.highlight{gap:24px}.work .case .figma iframe{display:none}}