body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,.app,body,html{height:100%;width:100%}.app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#c04343,#fff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;padding:2rem}.app,.content{align-items:center;display:flex;justify-content:center}.content{flex-direction:column;height:100%;position:relative;text-align:center;width:100%}body{margin:0;min-height:200vh}.name{color:#000;font-size:5rem;font-weight:700;left:50%;letter-spacing:4px;margin:0;position:fixed;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);will-change:transform,font-size,top,left}.name .word{margin:0 .2em;white-space:nowrap}.name .letter,.name .word{display:inline-block;position:relative;vertical-align:top}.name .letter{transform-origin:center;transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .5s ease;white-space:pre;will-change:transform,opacity}.name .letter.none{display:none}.name .letter.hidden{margin:0!important;opacity:0;pointer-events:none;position:relative;transform:scale(.9);transition:all .5s cubic-bezier(.22,1,.36,1);visibility:hidden}.name.scrolled .first-letter{display:inline-block;position:relative;transform-origin:center;transition:transform .6s cubic-bezier(.22,1,.36,1);z-index:1}.name.scrolled .word:first-child .first-letter{margin-right:-8px;transition:all 1.2s cubic-bezier(.22,1,.36,1)}.name.scrolled .word:last-child .first-letter{margin-left:-8px;transition:all 1.2s cubic-bezier(.22,1,.36,1)}.name .word:first-child .first-letter{margin-right:0;transition:all 1.2s cubic-bezier(.22,1,.36,1)}.name .word:last-child .first-letter{margin-left:0;transition:all 1.2s cubic-bezier(.22,1,.36,1)}.name .first-letter{-webkit-text-fill-color:initial;background:#0000;-webkit-background-clip:initial;background-clip:initial;color:inherit;position:relative;z-index:1}.linkedin-container{align-items:center;background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;display:flex;height:32px;justify-content:center;opacity:0;padding:4px;position:fixed;right:20px;top:20px;transform:translateY(-50px);transition:all .5s ease-out .2s;width:32px;z-index:1000}.linkedin-container.visible{opacity:1;transform:translateY(0)}.linkedin-container:hover{transform:translateY(-2px) scale(1.1)}.linkedin-container a{align-items:center;color:#000;display:flex;height:100%;justify-content:center;transition:color .3s ease;width:100%}.linkedin-container a:hover{color:#0077b5}.name{transition:all .5s ease-out}.name.scrolled{letter-spacing:2px;pointer-events:none;transition:all .6s cubic-bezier(.22,1,.36,1);z-index:5}.name.in-corner{font-size:2.2rem!important;left:20px!important;top:20px!important;transform:none!important}.scroll-indicator{transition:opacity .3s ease-out}.scrolled .scroll-indicator{opacity:0}.scroll-indicator{align-items:center;bottom:3rem;display:flex;flex-direction:column;left:50%;opacity:.7;position:absolute;transform:translateX(-50%)}.scroll-line{background-color:#000;height:100px;margin:20px auto;width:1px}@keyframes scrollAnimation{0%{opacity:0;transform:translateY(0)}50%{opacity:1}to{opacity:0;transform:translateY(20px)}}.site-footer{color:#000;font-size:14px;font-weight:400;margin-top:60px;opacity:.8;padding:40px 20px;position:relative;text-align:center;transition:opacity .3s ease;width:100%;z-index:1}.site-footer:hover{opacity:1}.site-footer p{letter-spacing:.5px;margin:0}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.bounce{animation:bounce 2s infinite}.scroll-indicator.hidden{display:none}.ink-cursor{border-radius:0;display:block;filter:url(#goo);height:0;mix-blend-mode:difference;opacity:1;overflow:visible;pointer-events:none;position:fixed;transform-origin:center center;transition:transform .2s ease-out;width:0;will-change:transform,opacity;z-index:99999}.ink-cursor.hovering{transform:scale(1.5)}.ink-cursor span{border-radius:50%;display:block;height:26px;pointer-events:none;position:absolute;transform:translate(-50%,-50%) scale(1);transform-origin:center center;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background-color .3s ease;width:26px;will-change:transform,background-color}.ink-cursor.hovering span{background-color:#0077b5;mix-blend-mode:difference;transform:translate(-50%,-50%) scale(1.2)}.ink-cursor.rectangle-hover{filter:none;transform:scale(1)}.ink-cursor.rectangle-hover span{opacity:0;transition:opacity .2s ease-out}.ink-cursor.rectangle-hover:after{background:#fff;border-radius:50%;box-shadow:0 0 10px #fffc;content:"";height:30px;left:0;opacity:1;pointer-events:none;position:fixed;top:0;transform:translate(-50%,-50%);transition:transform .1s ease-out,background .2s ease;width:30px;will-change:transform;z-index:999999}*{cursor:none}.ink-cursor span{background-color:#fff;opacity:.9}.rectangle-pattern{align-items:flex-start;background:#0000;display:flex;height:764px;justify-content:center;margin-top:-40%;opacity:0;padding:5rem 0 2rem;pointer-events:auto;position:relative;transform:translateY(100%);transition:opacity .6s ease-out,transform .6s ease-out;width:100%;z-index:1}.rectangle-pattern.visible{opacity:1;transform:translateY(40%)}.pattern-container{margin:0 auto;max-width:1200px;padding:3rem 0 2rem;width:85%}.pattern-row{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2.5rem;width:100%}.pattern-rectangle{background-color:initial;border-radius:12px;box-shadow:0 4px 20px #00000026;cursor:pointer;flex-grow:1;isolation:isolate;max-width:500px;min-width:150px;overflow:hidden;position:relative;transform:translateZ(0);transition:all .4s cubic-bezier(.25,.8,.25,1);z-index:1}.pattern-rectangle:before{background:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:scale(1);transition:transform .6s ease,filter .6s ease;z-index:1}.pattern-rectangle:hover{box-shadow:0 16px 32px #00000040;transform:translateY(-8px) scale(1.02);z-index:2}.pattern-rectangle:hover:before{filter:brightness(1.1);transform:scale(1.05)}.pattern-rectangle:active{transform:translateY(-4px) scale(1.01)}.pattern-rectangle:hover~.ink-cursor{transform:scale(1.5)}.rectangle-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ad9;border-radius:12px;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;padding:20px;pointer-events:none;position:absolute;right:0;text-align:center;top:0;transform:translateY(10px);transition:all .4s cubic-bezier(.25,.8,.25,1);z-index:9}.pattern-rectangle:hover .rectangle-overlay{opacity:1;transform:translateY(0);visibility:visible}.project-name{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 10px;text-shadow:0 2px 4px #0000004d}.project-description{color:#ffffffe6;font-size:.9rem;line-height:1.4;margin:0;max-width:90%}.pattern-rectangle[style*=background-image]{background-position:50%;background-repeat:no-repeat;background-size:cover;overflow:hidden;position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.project-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .4s ease,visibility .4s ease;visibility:hidden;z-index:1000}.project-modal-overlay.visible{animation:fadeIn .3s ease-out forwards;opacity:1;pointer-events:auto;visibility:visible}@keyframes modalOpen{0%{border-radius:12px;height:300px;height:var(--origin-height,300px);opacity:0;transform:translate(-150px,-150px);transform:translate(calc(var(--origin-x, 50vw) - var(--origin-width, 300px)/2 - 50vw),calc(var(--origin-y, 50vh) - var(--origin-height, 300px)/2 - 50vh));width:300px;width:var(--origin-width,300px)}to{border-radius:12px;height:auto;opacity:1;transform:translateY(0);width:100%}}@keyframes modalContentFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pattern-rectangle.expanding{animation:none;pointer-events:none;position:fixed;transform-origin:center;z-index:1001!important}@keyframes modalZoomIn{0%{border-radius:12px;opacity:0;transform:scale(.3) translate(calc(50vw - 50%),calc(50vh - 50%));transform:scale(.3) translate(calc(var(--origin-x, 50vw) - 50%),calc(var(--origin-y, 50vh) - 50%));transform-origin:center}to{border-radius:12px;opacity:1;transform:scale(1) translate(0);transform-origin:center}}@keyframes modalZoomOut{0%{opacity:1;transform:scale(1) translate(0);transform-origin:center}to{opacity:0;transform:scale(.7);transform-origin:center}}.project-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,100%,92%,.702);border:1px solid #5555554d;border-radius:12px;margin:1.5rem;max-height:85vh;max-width:800px;opacity:0;overflow-y:auto;padding:2rem;pointer-events:auto;position:relative;transform:scale(.3);transform-origin:center;width:80%;will-change:transform,opacity;z-index:1003}.close-button{background:#0000;border:none;cursor:pointer;height:24px;opacity:.7;padding:0;position:absolute;right:20px;top:20px;transition:all .3s ease;width:24px;z-index:1005}.close-button:after,.close-button:before{background-color:#333;content:"";height:2px;left:0;position:absolute;top:50%;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.close-button:after{transform:rotate(45deg)}.close-button:before{transform:rotate(-45deg)}.close-button:not(.closing):focus,.close-button:not(.closing):hover{opacity:1;transform:rotate(90deg)}.close-button.closing{animation:closeButtonShrink .3s ease-out forwards;pointer-events:none}@keyframes closeButtonShrink{0%{opacity:.7;transform:scale(1) rotate(0)}50%{opacity:.5;transform:scale(.8) rotate(45deg)}to{opacity:0;transform:scale(0) rotate(90deg)}}.close-button:focus:after,.close-button:focus:before,.close-button:hover:after,.close-button:hover:before{background-color:#000}.project-modal-overlay.visible .project-modal{animation:modalZoomIn .4s cubic-bezier(.22,1,.36,1) forwards}.project-modal-overlay.closing .project-modal{animation:modalZoomOut .3s cubic-bezier(.55,.085,.68,.53) forwards}.project-modal-details{position:relative;z-index:1004}.project-modal-overlay.visible .project-modal{transform:translateY(0)}.project-modal-details{border-radius:8px;flex:1 1;margin:1.5rem;overflow-y:auto;padding:1.5rem}.project-modal-details h2{color:#fff;color:#222;font-size:2.2rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.project-caption{color:#555;font-size:1.25rem;font-weight:400;line-height:1.5;margin:0 0 2rem;pointer-events:none;position:relative;z-index:1}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem;width:100%}.tags-label{color:#666;font-size:.9rem;font-weight:500;margin-right:.5rem}.tag{background:#0000;border:1px solid #5555554d;border-radius:15px;color:#555;font-size:.8rem;font-weight:500;padding:.3rem .8rem;transition:all .2s ease}.tag:hover{background-color:#f0f0f033;border-color:#555555b3;transform:translateY(-1px)}.project-actions{border-top:1px solid #0000001a;display:flex;justify-content:center;margin-top:2rem;padding-top:1.5rem}.button-borders{height:-webkit-fit-content;height:fit-content;position:relative;width:-webkit-fit-content;width:fit-content}.button-borders:before{border:1px solid #5555554d;border-bottom:0;top:-.3em}.button-borders:after,.button-borders:before{content:"";height:50%;left:-.3em;position:absolute;width:calc(100% + .5em)}.button-borders:after{border:1px solid #5555554d;border-top:0;bottom:-.3em;z-index:0}.primary-button{background-color:initial;background-position:200%;background-repeat:no-repeat;background-size:200%;border:1px solid #5555554d;color:#555;cursor:pointer;display:inline-block;font-family:Ropa Sans,sans-serif;font-size:13px;font-weight:700;letter-spacing:.05rem;padding:.8rem 2.1rem;position:relative;text-decoration:none;text-transform:uppercase;transition:.3s ease-in-out;transition-property:background-position,border,color;z-index:1}.primary-button:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 531.28 200'%3E%3Cg data-name='Layer 2'%3E%3Cpath style='fill:rgba(255,70,85,.3)' d='M415.81 200H0L115.47 0h415.81L415.81 200z' data-name='Layer 1'/%3E%3C/g%3E%3C/svg%3E");background-position:40%;border:1px solid #ff4655b3;color:#333}.primary-button:before{background-color:#5555554d;content:"";height:.2rem;left:-1px;position:absolute;top:-1px;transition:background-color .15s ease-in-out;width:.2rem}.primary-button:hover:after,.primary-button:hover:before{background-color:#ffffffb3}.primary-button:after{background-color:#ff4655b3;bottom:-1px;content:"";height:.3rem;position:absolute;right:-1px;transition:background-color .15s ease-in-out;width:.3rem}@media (hover:none) and (pointer:coarse){.ink-cursor{display:none!important}}@media (max-width:768px){.project-title{font-size:2rem}.project-caption{font-size:1.1rem}.project-modal{max-height:90vh;width:95%}.project-modal-content{flex-direction:column}.project-modal-image{height:200px}.project-modal-details{padding:1.5rem}.project-modal-details h2{font-size:1.5rem}}@media (min-width:1024px) and (max-width:1366px) and (orientation:landscape){.rectangle-pattern{height:800px;margin-top:-25%}.rectangle-pattern.visible{transform:translateY(25%)}.pattern-row{gap:1.5rem;justify-content:center;margin-bottom:1.5rem}.pattern-rectangle{height:250px!important;width:300px!important}}@media (min-width:769px) and (max-width:1023px) and (orientation:portrait){.rectangle-pattern{height:1200px;margin-top:-25%}.rectangle-pattern.visible{transform:translateY(15%)}.pattern-row{align-items:center;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.pattern-rectangle{height:200px!important;max-width:500px!important;width:80%!important}}@media (min-width:769px) and (max-width:1023px) and (orientation:landscape){.rectangle-pattern{height:700px;margin-top:-20%}.rectangle-pattern.visible{transform:translateY(20%)}.pattern-row{gap:1rem;justify-content:center;margin-bottom:1rem}.pattern-rectangle{height:200px!important;width:250px!important}}@media (max-width:768px){.rectangle-pattern{height:950px;margin-top:-30%}.rectangle-pattern.visible{transform:translateY(20%)}.pattern-container{width:90%}.pattern-row{align-items:center;flex-direction:column;gap:1rem;margin-bottom:1rem}.pattern-rectangle{height:150px!important;margin:0 auto 1rem!important;max-width:400px!important;width:100%!important}.pattern-row{margin-bottom:1.5rem}}
/*# sourceMappingURL=main.1d631982.css.map*/