@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_bace89c4-module__09p2wq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_bace89c4-module__09p2wq__variable{--font-inter:"Inter","Inter Fallback"}
@font-face{font-family:Shantell Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/cdd6c4d0967b2d83-s.f15e4b84.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Shantell Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/04665fa023d0755d-s.65ab01d6.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Shantell Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/b15a44b05052b8b1-s.6cb35a2b.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Shantell Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/687709f56b16d44a-s.a4b48711.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Shantell Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/2ba5a01c16198eaa-s.p.6d29afb5.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Shantell Sans Fallback;src:local(Arial);ascent-override:90.04%;descent-override:28.25%;line-gap-override:0.0%;size-adjust:113.28%}.shantell_sans_21f3f924-module__v_BpPW__className{font-family:Shantell Sans,Shantell Sans Fallback;font-style:normal}.shantell_sans_21f3f924-module__v_BpPW__variable{--font-shantell:"Shantell Sans","Shantell Sans Fallback"}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:MangoGrotesque;src:url(../media/MangoGrotesque-Bold.acc50369.woff2)format("woff2");font-style:normal;font-weight:700;text-rendering:optimizeLegibility}@font-face{font-family:MangoGrotesqueExtLt;src:url(../media/MangoGrotesque-ExtraLight.9e889bbe.woff2)format("woff2");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}html{scroll-behavior:smooth;font-size:100%}body{font-family:var(--font-inter);color:#131313;background-color:beige;min-height:100vh;line-height:1.6}img,picture,svg,video{object-fit:cover;object-position:center;max-width:100%;height:100%;display:block}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{line-height:1.2}section{padding:5rem 0}.container{max-width:min(1280px,100% - 2rem);margin:0 auto}.title-big{white-space:nowrap;text-overflow:ellipsis;font-family:MangoGrotesque,sans-serif;font-size:clamp(6.25rem,2.8409rem + 14.5455vw,13.75rem);font-weight:700;line-height:1;overflow-x:auto}.title-med{color:#131313;letter-spacing:.01em;font-family:MangoGrotesque,sans-serif;font-size:clamp(3.75rem,3.1818rem + 2.4242vw,5rem);font-weight:700;line-height:1}.title-extralight{letter-spacing:2px;font-family:MangoGrotesqueExtLt,sans-serif;font-size:clamp(6.25rem,3.4091rem + 12.1212vw,12.5rem);font-weight:400;line-height:70%}.text-md{font-size:clamp(1.5rem,1.2727rem + .9697vw,2rem);line-height:1.2}.text-bold{color:#2d3748;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.mb{margin-bottom:1.5rem}.line{transform-origin:0;background:#7a7a7a;border:none;height:1.1px;margin-bottom:1rem}#navbar{z-index:1000;background-color:beige;width:100%;position:fixed;top:0;left:0}.navbar{justify-content:space-between;align-items:center;height:70px;display:flex}.navbar__menu ul{align-items:center;gap:10px;display:flex}.navbar__menu ul li a{text-transform:uppercase;font-size:14px;font-weight:400}.navbar__socials{align-items:center;gap:1rem;display:flex}.navbar__socials a{color:#000;font-size:14px;font-weight:400;transition:all .3s ease-in-out}.navbar__socials a:hover{color:#007bff}@media (max-width:768px){.navbar__socials{display:none}}.footer{z-index:2;text-align:center;color:#ccc;background-color:#000;border-top:1px solid #333;padding:3rem 1.5rem;font-size:.9rem;position:relative}.footer .footer__text{margin-bottom:.8rem}.footer .footer__socials{justify-content:center;gap:1.2rem;display:flex}.footer .footer__socials a{color:#ccc;font-size:1.4rem;transition:color .3s}.footer .footer__socials a:hover{color:#fff}.btn-title{letter-spacing:-.015em;border:1px solid #ececec;border-radius:100px;width:fit-content;margin-bottom:1rem;padding:2px 15px}.btn-round{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:100px;align-items:center;gap:10px;width:fit-content;padding:15px 30px;font-size:16px;transition:all .3s ease-in-out;display:flex}.btn-round:hover{color:#000;background-color:#fff;border:1px solid #000}.btn-round-med{background-color:inherit;color:#000;cursor:pointer;border:1px solid #6c6c6c;border-radius:100px;align-items:center;gap:10px;width:fit-content;padding:5px 16px;transition:all .3s ease-in-out;display:flex}.btn-circle{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:50%;width:120px;height:120px;font-size:1.2rem;transition:all .3s ease-in-out}.btn-social svg{flex-shrink:0}#hero{background-color:beige;width:100%;height:100vh;position:relative}#hero .hero{justify-content:center;align-items:center;width:100%;height:100%;display:flex}#hero .hero__content{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}#hero .hero__description{color:#475467;letter-spacing:-.02em;text-align:center;max-width:700px;font-size:1.25rem;font-weight:400;line-height:1.3}@media screen and (max-width:768px){#hero .hero{padding-top:1rem;padding-bottom:2rem}}#about{background:linear-gradient(#fafafa 0%,#fff 100%);border-top-left-radius:4rem;border-top-right-radius:4rem;padding:6rem 0;position:relative;overflow:hidden}@media (max-width:480px){#about{border-top-left-radius:2rem;border-top-right-radius:2rem;padding:3rem 0}}#about:before{content:"";background:linear-gradient(90deg,#0000 0%,#00000014 50%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.about{color:#000;position:relative}.about__container{grid-template-columns:400px 1fr;align-items:start;gap:6rem;max-width:1400px;margin:0 auto;padding:0 2rem;display:grid}@media (max-width:1200px){.about__container{grid-template-columns:350px 1fr;gap:4rem}}@media (max-width:900px){.about__container{grid-template-columns:1fr;gap:3rem}}@media (max-width:480px){.about__container{gap:2rem;padding:0 1rem}}.about__bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#00000005 1px,#0000 1px),linear-gradient(90deg,#00000005 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.about__image{z-index:1;position:sticky;top:120px}@media (max-width:900px){.about__image{justify-content:center;display:flex;position:relative;top:0}}.about__image .image-wrapper{width:400px;height:400px;position:relative}@media (max-width:1200px){.about__image .image-wrapper{width:350px;height:350px}}@media (max-width:900px){.about__image .image-wrapper{width:320px;height:320px}}@media (max-width:480px){.about__image .image-wrapper{width:280px;height:280px}}@media (max-width:380px){.about__image .image-wrapper{width:240px;height:240px}}.about__image .image-border{z-index:-1;background:linear-gradient(135deg,#000 0%,#333 100%);border-radius:24px;position:absolute;inset:-8px}.about__image .image-border:before{content:"";background:#fff;border-radius:22px;position:absolute;inset:2px}.about__image img{object-fit:cover;z-index:1;border-radius:20px;width:100%;height:100%;position:relative;box-shadow:0 20px 40px #0000001a,0 0 0 1px #0000000d}.about__image .image-glow{z-index:-2;filter:blur(20px);background:radial-gradient(circle,#00000014 0%,#0000 70%);border-radius:40px;position:absolute;inset:-20px}.about__content{z-index:1;max-width:800px;position:relative}.about__content .content__header{margin-bottom:3rem;position:relative}@media (max-width:480px){.about__content .content__header{margin-bottom:2rem}}.about__content .content__header .header-accent{background:linear-gradient(90deg,#000 0%,#0000 100%);border-radius:2px;height:4px;margin-bottom:1.5rem}@media (max-width:480px){.about__content .content__header .header-accent{margin-bottom:1rem}}.about__content .content__header h2{letter-spacing:-.02em;background:linear-gradient(135deg,#000 0%,#333 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.1}@media (max-width:480px){.about__content .content__header h2{font-size:clamp(2rem,8vw,2.5rem)}}.about__content .content__header .header-code{color:#666;align-items:center;gap:.3rem;font-family:Monaco,Courier New,monospace;font-size:.95rem;display:inline-flex}@media (max-width:480px){.about__content .content__header .header-code{font-size:.85rem}}.about__content .content__header .header-code .code-bracket{color:#999;font-weight:600}.about__content .content__header .header-code .code-tag{color:#000;font-weight:500}.about__content .intro{color:#333;margin-bottom:1.5rem;font-size:1.1rem;font-weight:400;line-height:1.8}@media (max-width:480px){.about__content .intro{margin-bottom:1.2rem;font-size:1rem;line-height:1.7}}.about__content .intro .intro-highlight{color:#000;font-weight:600;display:inline-block;position:relative}.about__content .intro .intro-highlight:after{content:"";z-index:-1;background:#0000000f;border-radius:2px;height:8px;position:absolute;bottom:2px;left:0;right:0}.about__content .intro strong{color:#000;font-weight:600}.about__content .about__socials{border-top:1px solid #00000014;border-bottom:1px solid #00000014;margin:3rem 0;padding:2rem 0}@media (max-width:480px){.about__content .about__socials{margin:2rem 0;padding:1.5rem 0}}.about__content .about__socials h3{text-transform:uppercase;letter-spacing:.1em;color:#999;margin-bottom:1.2rem;font-size:.85rem;font-weight:600}@media (max-width:480px){.about__content .about__socials h3{margin-bottom:1rem;font-size:.8rem}}.about__content .about__socials .social_links{flex-wrap:wrap;gap:2rem;display:flex}@media (max-width:620px){.about__content .about__socials .social_links{flex-direction:column;gap:1rem}}@media (max-width:480px){.about__content .about__socials .social_links{gap:.8rem}}.about__content .about__socials .social_links a{color:#000;align-items:center;gap:.5rem;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative}@media (max-width:480px){.about__content .about__socials .social_links a{font-size:.95rem}}.about__content .about__socials .social_links a .link-arrow{font-size:1.2rem;transition:transform .3s cubic-bezier(.22,1,.36,1);display:inline-block}@media (max-width:480px){.about__content .about__socials .social_links a .link-arrow{font-size:1.1rem}}.about__content .about__socials .social_links a:after{content:"";transform-origin:0;background:#000;width:100%;height:2px;transition:transform .4s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.about__content .about__socials .social_links a:hover{color:#000}.about__content .about__socials .social_links a:hover .link-arrow{transform:translate(4px)}.about__content .about__socials .social_links a:hover:after{transform:scaleX(1)}.about__content .section-divider{transform-origin:0;background:linear-gradient(90deg,#000 0%,#0000004d 50%,#0000 100%);height:2px;margin-bottom:2rem}.about__content .about__stack{margin:4rem 0}@media (max-width:480px){.about__content .about__stack{margin:2.5rem 0}}.about__content .about__stack h3{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;font-size:1.8rem;font-weight:700;display:flex}@media (max-width:480px){.about__content .about__stack h3{gap:.75rem;margin-bottom:1.5rem;font-size:1.5rem}}.about__content .about__stack h3 .stack-count{color:#fff;background:#000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:600;display:inline-flex}@media (max-width:480px){.about__content .about__stack h3 .stack-count{width:28px;height:28px;font-size:.75rem}}.about__content .about__stack .stack__rows{flex-wrap:wrap;gap:.75rem;display:flex}@media (max-width:480px){.about__content .about__stack .stack__rows{gap:.5rem}}.about__content .about__stack .stack__rows .stack__item{cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:12px;align-items:center;gap:.6rem;padding:.75rem 1.2rem;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a,0 0 0 1px #00000005}@media (max-width:480px){.about__content .about__stack .stack__rows .stack__item{border-radius:10px;gap:.5rem;padding:.6rem 1rem;font-size:.85rem}}.about__content .about__stack .stack__rows .stack__item .item-icon{z-index:2;align-items:center;font-size:1.3rem;display:flex}@media (max-width:480px){.about__content .about__stack .stack__rows .stack__item .item-icon{font-size:1.1rem}}.about__content .about__stack .stack__rows .stack__item .item-name{z-index:2;color:#000}.about__content .about__stack .stack__rows .stack__item .item-glow{z-index:1;background:linear-gradient(135deg,#00000008 0%,#0000 100%);position:absolute;inset:0}.about__content .about__stack .stack__rows .stack__item:hover{border-color:#00000026;transform:translateY(-2px)}.about__content .about__experience{margin:4rem 0}@media (max-width:480px){.about__content .about__experience{margin:2.5rem 0}}.about__content .about__experience h3{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;font-size:1.8rem;font-weight:700;display:flex}@media (max-width:480px){.about__content .about__experience h3{gap:.75rem;margin-bottom:1.5rem;font-size:1.5rem}}.about__content .about__experience h3 .timeline-badge{color:#fff;letter-spacing:.02em;background:#000;border-radius:20px;align-items:center;padding:.4rem 1rem;font-size:.85rem;font-weight:500;display:inline-flex}@media (max-width:480px){.about__content .about__experience h3 .timeline-badge{border-radius:16px;padding:.35rem .85rem;font-size:.75rem}}.about__content .about__experience .experience__card{background:#fff;border:1px solid #00000014;border-radius:20px;padding:2.5rem;transition:all .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000f,0 0 0 1px #00000005}@media (max-width:620px){.about__content .about__experience .experience__card{padding:1.5rem}}@media (max-width:480px){.about__content .about__experience .experience__card{border-radius:16px;padding:1.25rem}}.about__content .about__experience .experience__card:hover{box-shadow:0 12px 32px #0000001f,0 0 0 1px #0000000a}.about__content .about__experience .experience__card .card-header{border-bottom:1px solid #00000014;margin-bottom:2rem;padding-bottom:1.5rem}@media (max-width:480px){.about__content .about__experience .experience__card .card-header{margin-bottom:1.5rem;padding-bottom:1rem}}.about__content .about__experience .experience__card .card-header .card-title-group{flex-wrap:wrap;align-items:baseline;gap:.75rem;margin-bottom:.75rem;display:flex}@media (max-width:480px){.about__content .about__experience .experience__card .card-header .card-title-group{gap:.5rem;margin-bottom:.5rem}}.about__content .about__experience .experience__card .card-header h4{color:#000;margin:0;font-size:1.5rem;font-weight:700}@media (max-width:480px){.about__content .about__experience .experience__card .card-header h4{font-size:1.25rem}}.about__content .about__experience .experience__card .card-header .company{color:#666;font-size:1.1rem;font-style:italic;font-weight:500}@media (max-width:480px){.about__content .about__experience .experience__card .card-header .company{font-size:1rem}}.about__content .about__experience .experience__card .card-header .duration{color:#999;font-family:Monaco,Courier New,monospace;font-size:.95rem;font-weight:500;display:inline-block}@media (max-width:480px){.about__content .about__experience .experience__card .card-header .duration{font-size:.85rem}}.about__content .about__experience .experience__card ul{margin:0;padding:0;list-style:none}.about__content .about__experience .experience__card ul li{color:#333;margin-bottom:1.2rem;padding-left:1.5rem;font-size:1.05rem;line-height:1.7;position:relative}@media (max-width:480px){.about__content .about__experience .experience__card ul li{margin-bottom:1rem;padding-left:1.25rem;font-size:.95rem;line-height:1.6}}.about__content .about__experience .experience__card ul li:last-child{margin-bottom:0}.about__content .about__experience .experience__card ul li .bullet-icon{color:#000;font-size:1.2rem;font-weight:600;position:absolute;top:.1rem;left:0}@media (max-width:480px){.about__content .about__experience .experience__card ul li .bullet-icon{font-size:1.1rem}}.about__content .about__experience .experience__card ul li strong{color:#000;font-weight:600}.about__content .about__experience .experience__card .card-accent{transform-origin:0;background:linear-gradient(90deg,#000 0%,#0000 100%);height:4px;position:absolute;bottom:0;left:0;right:0}@media (max-width:480px){.about__content .about__experience .experience__card .card-accent{height:3px}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}#projects{background-color:#ffd2b1;position:relative}.project{flex-direction:column;gap:2rem;display:flex}.project-header{flex-direction:column;gap:1rem;display:flex}.project-header .project-subtitle .sub{font-size:3rem;font-weight:700;line-height:1.1em}.project-content{flex-direction:column;align-self:center;gap:1rem;max-width:900px;display:flex}.project-card{background-color:#fff;border-radius:10px;gap:1rem;padding:10px;display:flex;box-shadow:0 4px 20px #0000001a}@media screen and (max-width:768px){.project-card{flex-direction:column}}.project-card-image{min-width:375px;height:auto}@media screen and (max-width:768px){.project-card-image{min-width:330px}}.project-card-image img{object-fit:cover;border-radius:10px;width:100%;height:100%}.project-card-details{flex-direction:column;justify-content:space-between;gap:1rem;padding:1rem;display:flex}.project-card-details h3{color:#000;font-size:1.4rem;font-weight:700}.project-card-details .tech-stack{flex-wrap:wrap;gap:10px;display:flex}.project-card-details .tech-stack .tech{background-color:#e7e7e7;border-radius:20px;padding:3px 12px;font-size:.8rem}.project-card-details .date-link{justify-content:space-between;align-items:center;display:flex}.project-card-details .date-link .date{font-size:.8rem}#contact{z-index:10;background:#f5f5f5;padding:6rem 0;position:relative}.contact{flex-direction:column;justify-content:space-between;gap:4rem;padding:2rem 0;display:flex}.contact__details{flex-direction:column;gap:1rem;display:flex}.contact__details span.smiley{align-items:center;width:50px;height:50px;margin-left:1rem;display:inline-block}.contact__details .desc{max-width:700px}.contact__details .desc .top{font-size:1.1rem;font-weight:400;line-height:1.3}.contact__details .desc .bottom{color:#6c6c6c;margin-top:5px}.contact__details-info{align-items:center;display:flex}.contact__details-info p{color:#6c6c6c}.contact__details-info span{color:#6c6c6c;display:inline-block}.contact__form{flex-direction:column;align-self:center;gap:2rem;width:700px;margin-bottom:2rem;padding:1rem;display:flex;position:relative}.contact__form-field{border-bottom:1px solid #ccc;flex-direction:column;display:flex}.contact__form-field label{font-size:1.2rem}.contact__form-field input,.contact__form-field textarea{background-color:inherit;resize:none;border:none;outline:none;padding:10px 5px;font-size:1rem}.contact__form-field textarea{padding-bottom:3.5rem}.contact__form .btn{position:absolute;bottom:0;right:0;transform:translateY(60%)}@media only screen and (max-width:768px){.contact__form{width:100%}}