.landingpage{color:#fff;background-color:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.iker{letter-spacing:.5625rem;font-size:11rem;position:absolute;top:.4rem;left:15%}.ruiz{letter-spacing:.5625rem;font-size:11rem;position:absolute;bottom:.4rem;right:15%}.linelanding{justify-content:space-between;padding:0 2.5rem;font-size:1.25rem;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.frontend,.folio{white-space:nowrap;width:auto}.frame-container{width:31.25rem;height:31.25rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-wrapper{width:100%;height:100%;position:relative}.frame-letter{color:#fff;pointer-events:none;font-size:11.25rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.alttext{color:#fff;pointer-events:none;margin-left:1.875rem;font-size:2vw;font-weight:700;display:none;position:absolute;top:80%;left:25%;transform:translate(-50%,-50%)}.alttitle{display:none}.scroll-indicator{z-index:10;cursor:pointer;animation:2s infinite bounce;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-10px)}60%{transform:translate(-50%)translateY(-5px)}}@media (min-width:1920px){.frame-container{width:50vw;min-width:600px;height:50vw;min-height:600px}}@media (max-width:1200px){.iker,.ruiz{font-size:11rem}.frame-container{width:40vw;min-width:500px;height:40vw;min-height:500px}.linelanding{display:none}.alttext{font-size:3vw;display:block}}@media (max-width:1024px){.iker,.ruiz{font-size:15vw}.frame-container{width:40vw;height:40vw}.linelanding{padding:0;font-size:1.125rem}}@media (max-width:600px){.iker,.ruiz{display:none}.ruiz{bottom:1.25rem}.frontend,.folio{text-align:center}.frame-container{min-width:100dvw;height:70vw;overflow-x:hidden}.frame-letter{font-size:20vw}.alttext{text-align:center;width:100%;margin-top:-5rem;margin-left:0;font-size:6vw;left:67.5%}.alttitle{color:#fff;pointer-events:none;justify-content:center;gap:1.8rem;font-size:18vw;font-weight:700;display:flex;position:absolute;top:5rem}.scroll-indicator{bottom:5rem}}
:root{--bg-color:#fff;--text-primary:#111;--text-secondary:#111c;--text-tertiary:#111111b3;--border-color:#1113;--noise-opacity:.06}.work{background-color:var(--bg-color);width:100%;min-height:100vh;padding:6em 4em;position:relative;overflow:hidden}.work:before{content:"";opacity:var(--noise-opacity);pointer-events:none;z-index:1;background-image:url(/granite-noise.jpg);background-repeat:repeat;background-size:2000px 2000px;position:absolute;inset:0}.work>*{z-index:2;position:relative}.container{width:100%;margin:0}.section-title{color:var(--text-primary);margin:auto auto 1em;padding-top:2rem;font-size:60px}.work-item{border-bottom:1px solid var(--border-color);cursor:pointer;align-items:center;gap:2em;width:100%;padding:5em 0;display:flex;position:relative}.work-item:last-child{border-bottom:none}.arrow-icon{color:var(--text-primary);justify-content:center;align-items:center;display:flex}.work-title-block{align-items:center;gap:.5em;display:flex}.work-title{color:var(--text-primary);text-transform:uppercase;margin-right:.5em;font-size:50px;font-weight:600}.work-item-type{color:var(--text-secondary);font-size:20px}.work-item-type:before{content:"/";color:var(--text-secondary);margin-right:.3em}.work-item-index{color:var(--text-tertiary);font-size:20px;transition:opacity 1s;position:absolute;top:50%;right:5em;transform:translateY(-50%)}.preview-images{z-index:1;pointer-events:none;justify-content:center;gap:1.2em;display:flex;position:absolute;top:50%;left:1.8rem;right:0;transform:translateY(-50%)}.preview-img{border:1px solid #111;border-radius:15px;width:31vw;height:30vh;box-shadow:0 4px 10px #0000001a}@media (min-width:1920px){.work{padding-left:11rem}.preview-img{width:33vw}.work-item{flex-direction:row;align-items:center;gap:0;width:100%}.work-title-block{justify-content:center;align-items:center;padding-top:2.5rem;padding-bottom:2.5rem;display:flex}.work-item-index{top:50%;transform:translateY(-50%)}}@media (max-width:1300px){.preview-images .preview-img:nth-child(3){display:none}.preview-images .preview-img{width:45%;height:auto}}@media (max-width:1024px){.work-item-index{display:none}}@media (max-width:600px){.work{padding:0}.section-title{text-align:center;width:fit-content;margin-bottom:7rem;font-size:3rem}.work-item{flex-direction:column;align-items:center;gap:0;padding:0 0 70px}.work-title-block{flex-direction:column;align-items:center;gap:.25rem}.work-title{text-align:center;margin-right:0}.work-item-type{white-space:normal;text-align:center;font-size:1rem;display:block}.arrow-icon{display:none}.preview-images{pointer-events:auto;justify-content:center;margin-top:1rem;position:static;transform:none;opacity:1!important}.preview-images .preview-img:nth-child(2),.preview-images .preview-img:nth-child(3){display:none}.preview-images .preview-img:first-child{width:80%;height:auto}}.preview-img.laptop-only{display:none}@media (min-width:601px) and (max-width:1919px){.preview-img.laptop-only{display:block}}
:root{--noise-opacity:.06}.about{justify-content:center;align-items:center;gap:clamp(2rem,6vw,8rem);width:100vw;min-height:100vh;padding:clamp(1.5rem,4vw,3rem);display:flex;position:relative;overflow:hidden}.about:before{content:"";opacity:var(--noise-opacity);pointer-events:none;z-index:1;background-image:url(/granite-noise.jpg);background-repeat:repeat;background-size:2000px 2000px;position:absolute;inset:0}.about-image{flex:1;justify-content:center;align-items:center;max-width:500px;margin-left:-30px;display:flex}.image-grid-container{border-radius:20px;width:100%;position:relative;overflow:hidden}.image-grid-container img{border-radius:20px;width:100%;height:auto;display:block}.grid-overlay{pointer-events:none;z-index:3;display:grid;position:absolute;inset:0}.grid-square{pointer-events:auto;perspective:900px;position:relative}.flip-inner{transform-style:preserve-3d;transition:transform .4s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.is-flipped{transform:rotateY(180deg)}.flip-face{backface-visibility:hidden;border:1px solid #ffffff1f;place-items:center;display:grid;position:absolute;inset:0}.flip-front{background:0 0}.flip-back{background:#000;transform:rotateY(180deg)}.square-text{color:#fff;text-align:center;letter-spacing:.02em;padding:0 .5rem;font-size:clamp(.75rem,2.5vw,1.375rem);font-weight:800}.about-content{z-index:200;flex-direction:column;flex:1;gap:clamp(1rem,3vw,2.5rem);max-width:600px;margin-left:50px;display:flex;position:relative}.aboutTitle{font-size:clamp(1.5rem,2.5vw,1.875rem);font-weight:800}.aboutText{text-align:left;font-size:clamp(1.25rem,2.5vw,2.5rem);font-weight:500;line-height:1.35}@media (prefers-reduced-motion:reduce){.flip-inner{transition:none}}@media (max-width:1024px) and (min-width:769px){.about{gap:3rem;padding:2rem}.about-image{max-width:400px;margin-left:0}.about-content{max-width:500px;margin-left:0}.aboutText{font-size:clamp(1.125rem,10vw,1.75rem)}}@media (max-width:768px){.about{flex-direction:column;gap:2rem;min-height:auto;padding:1.5rem}.about-image,.about-content{max-width:90%;margin-left:0}.about-image img{width:100%;height:auto}.aboutTitle{text-align:center}.aboutText{text-align:center;margin-bottom:5rem;font-size:clamp(1rem,7vw,1.675rem)}.square-text{width:100%;margin:auto}}
.footer{color:#fff;z-index:100;isolation:isolate;background-color:#000;border-radius:55px 55px 0 0;width:100vw;height:100dvh;margin-top:-10px;position:relative}.footer-content p{z-index:0;opacity:.5;text-align:center;pointer-events:none;justify-content:center;font-size:3rem;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.footer-content h1{pointer-events:none;justify-content:center;align-items:start;width:100%;height:100%;padding:2rem;font-size:72px;display:flex;position:absolute;top:0;left:0}.object-container{width:100%;height:100%;position:absolute;top:0;left:0}.object{color:#0f0f0f;cursor:grab;-webkit-user-select:none;user-select:none;pointer-events:auto;z-index:2;background-color:#fff;border-radius:10rem;width:max-content;padding:1rem 2rem;font-size:4rem;font-weight:500;position:absolute}.object:active{cursor:grabbing}.object p{margin:0}.tag-object{border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;height:auto;min-height:80px;display:flex}.tag-object p{display:contents}.tag-title{color:#111;font-size:.95em;font-weight:700;line-height:1.1}.tag-value{color:#444;font-size:.9em;line-height:1.1}.tag-object:after{content:"";pointer-events:none;background:#000;border-radius:50%;width:14px;height:14px;position:absolute;top:8px;right:8px}.email-tag{background-color:#e7f4ff;font-size:30px}.discord-tag{background-color:#eae9ff;font-size:20px}.icon-box{justify-content:center;align-items:center;width:88px;height:88px;padding:0;display:flex}.icon-box .plus{font-size:3rem;line-height:1}.icon-box .icon-img{pointer-events:none;width:48px;height:48px;display:block}.toggle-object{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#ddd;border-radius:25px;justify-content:flex-start;align-items:center;width:100px;height:50px;padding:0;transition:background-color .3s;display:flex;position:relative;box-shadow:0 2px 5px #0003}.toggle-track{border-radius:25px;width:100%;height:100%;position:relative;overflow:hidden}.toggle-knob{background-color:#555;border-radius:50%;width:44px;height:44px;transition:left .3s,background-color .3s;position:absolute;top:3px;left:3px}.is-on .toggle-knob{background-color:#4caf50;left:53px}.is-on.toggle-object{background-color:#c8facc}.is-off .toggle-knob{background-color:#555}.is-off.toggle-object{background-color:#ddd}.giant-arrow{justify-content:center;align-items:center;width:150px;height:150px;padding:2rem;display:flex}.arrow-svg{stroke:#0f0f0f;transform-origin:50%;width:100%;height:100%;animation:1.8s ease-in-out infinite floatArrow}@keyframes floatArrow{0%{transform:translateY(12px)scale(1.08)}50%{transform:translateY(-12px)scale(1.05)}to{transform:translateY(12px)scale(1.08)}}.object-container:not(.is-ready) .object{opacity:0;visibility:hidden;pointer-events:none}.object-container.is-ready .object{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .22s}@media (min-width:1920px){.email-tag{border-radius:20px!important;width:38rem!important;height:10rem!important;font-size:50px!important}.discord-tag{border-radius:20px!important;width:20rem!important;height:10rem!important;font-size:50px!important}.envia{font-size:3rem!important}.icon-box{width:110px!important;height:110px!important}.icon-box .plus{font-size:4rem!important}.icon-box .icon-img{width:60px!important;height:60px!important}.giant-arrow{width:180px!important;height:180px!important}}@media (max-width:1000px){.footer-content h1{font-size:3rem}h1{font-size:2rem}.hero h1,.footer h1{width:100%}.object{font-size:1rem}.icon-box{width:72px;height:72px}.icon-box .icon-img{width:40px;height:40px}}@media (max-width:600px){.footer{display:none}}