@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;700&family=Syncopate:wght@400;700&display=swap";:root{--color-red: #C14953;--color-green: #2F5D50;--color-mustard: #D9A441;--color-teal: #3B7E8C;--color-navy: #1F2A44;--color-cream: #F5EBDD;--font-heading: "Syncopate", sans-serif;--font-body: "Outfit", sans-serif;--grid-gap: 2rem;--container-padding: 5vw}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--color-cream);color:var(--color-navy);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);text-transform:uppercase;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;height:auto;display:block}.grid-container{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--grid-gap);padding:0 var(--container-padding);max-width:1440px;margin:0 auto}.shape-circle{border-radius:50%}.shape-square{aspect-ratio:1 / 1}.shape-pill{border-radius:9999px}section{position:relative;padding:100px 0;min-height:100vh;display:flex;align-items:center;overflow:hidden;border-bottom:10px solid var(--color-cream)}.section-number{position:absolute;font-family:var(--font-heading);font-size:30vw;color:var(--color-mustard);opacity:.15;z-index:0;pointer-events:none;line-height:1;-webkit-user-select:none;user-select:none}.content-wrapper{position:relative;z-index:10;width:100%}.navbar{position:fixed;top:0;left:0;width:100%;padding:2rem 0;z-index:100;transition:padding .3s ease,background-color .3s ease}.nav-scrolled{padding:1rem 0;background-color:var(--color-cream);border-bottom:2px solid var(--color-navy)}.nav-container{display:flex!important;justify-content:space-between;align-items:center;max-width:2000px;grid-template-columns:none}.nav-logo{font-family:var(--font-heading);font-weight:700;font-size:1.5rem;color:#fff;cursor:pointer;letter-spacing:2px;transition:color .3s ease}.nav-scrolled .nav-logo{color:var(--color-navy)}.nav-logo .dot{color:var(--color-red)}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links button{background:none;border:none;font-family:var(--font-heading);font-size:.85rem;letter-spacing:1px;color:#fff;cursor:pointer;text-transform:uppercase;font-weight:700;position:relative;padding:.5rem 0;transition:color .3s ease}.nav-scrolled .nav-links button{color:var(--color-navy)}.nav-links button:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#fff;transform:scaleX(0);transform-origin:right;transition:transform .3s ease,background-color .3s ease}.nav-scrolled .nav-links button:after{background-color:var(--color-navy)}.nav-links button:hover:after{transform:scaleX(1);transform-origin:left}.nav-links .btn-contact{background-color:#fff;color:var(--color-navy);padding:.75rem 1.5rem;border:2px solid #ffffff;transition:all .3s ease}.nav-scrolled .nav-links .btn-contact{background-color:var(--color-navy);color:var(--color-cream);border-color:var(--color-navy)}.nav-links .btn-contact:after{display:none}.nav-links .btn-contact:hover{background-color:transparent;color:#fff}.nav-scrolled .nav-links .btn-contact:hover{background-color:var(--color-cream);color:var(--color-navy)}.hamburger-menu{display:none;cursor:pointer;flex-direction:column;gap:5px;z-index:200}.hamburger-menu .bar{width:25px;height:3px;background-color:#fff;transition:all .3s ease}.nav-scrolled .hamburger-menu .bar{background-color:var(--color-navy)}.hamburger-menu.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg);background-color:#fff}.hamburger-menu.active .bar:nth-child(2){opacity:0}.hamburger-menu.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg);background-color:#fff}@media(max-width:768px){.hamburger-menu{display:flex}.nav-links{position:fixed;top:0;right:-100%;width:100%;height:100vh;background-color:var(--color-navy);flex-direction:column;justify-content:center;align-items:center;gap:3rem;transition:right .4s ease;z-index:150}.nav-links.active{right:0}.nav-links button{font-size:1.5rem}.nav-scrolled .nav-links button{color:#fff}.nav-scrolled .nav-links .btn-contact{border-color:#fff;background-color:transparent}}.home-section{background-color:var(--color-red);color:var(--color-cream);min-height:100vh}.home-grid{display:flex;align-items:center;height:100%;width:100%;max-width:2000px}.home-background-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}.home-title{font-size:6vw;line-height:.9;letter-spacing:-2px;margin-bottom:2rem;color:#fff;margin-left:-5px;-webkit-text-stroke:1.5px var(--color-cream)}.home-subtitle{font-family:var(--font-heading);font-size:1.5rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:3rem;font-weight:700;color:#fff;margin-left:-5px;-webkit-text-stroke:1px var(--color-cream)}.btn-primary{background-color:transparent;color:#fff;border:3px solid #ffffff;padding:1rem 2rem;font-family:var(--font-heading);font-weight:700;font-size:1rem;text-transform:uppercase;cursor:pointer;transition:all .3s ease;margin-left:-5px}.btn-primary:hover{background-color:#fff;color:var(--color-navy)}@media(max-width:900px){.home-background-layer{background-position:center}.home-grid{justify-content:center;text-align:center;padding-top:100px}.home-content{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.home-title{font-size:10vw;line-height:1.1;margin-left:0;text-align:center}.home-subtitle{font-size:1.2rem;margin-left:0;text-align:center}.btn-primary{margin:0 auto;display:block}}@media(max-width:600px){.home-background-layer{background-position:85% center!important}}.about-section{background-color:var(--color-cream);background-image:url(/assets/vangogh1-Cmjj3NDQ.png);background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--color-navy)}.about-grid{grid-template-columns:5fr 7fr;align-items:center}.about-visual{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100%}.image-frame{position:relative;width:80%;aspect-ratio:3/4}.image-offset{position:absolute;top:20px;left:20px;width:100%;height:100%;background-color:var(--color-mustard);z-index:1}.about-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border:10px solid var(--color-navy);z-index:2}.about-content{background-color:var(--color-navy);padding:2.5rem;border:2px solid var(--color-red);box-shadow:6px 6px 0 var(--color-mustard);color:var(--color-cream);display:flex;flex-direction:column}.section-title{font-size:4rem;color:var(--color-cream);margin-bottom:2rem;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:8px;background-color:var(--color-red)}.text-content p{font-size:1.1rem;margin-bottom:1.5rem;max-width:600px}.skills-container{margin-top:5rem;grid-column:1 / -1;width:100%}.skills-title{font-size:1.5rem;color:var(--color-cream);margin-bottom:2rem;background-color:var(--color-navy);padding:1rem 2rem;border:2px solid var(--color-red);box-shadow:6px 6px 0 var(--color-mustard);display:inline-block}.skills-grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem 2rem;margin-top:2rem}.skill-category{background-color:var(--color-navy);padding:1.5rem;border:2px solid var(--color-red);box-shadow:4px 4px 0 var(--color-mustard);color:var(--color-cream);display:flex;flex-direction:column}.skill-category h4{font-family:var(--font-heading);color:var(--color-mustard);font-size:1.2rem;margin-bottom:1.5rem;border-bottom:2px solid var(--color-cream);padding-bottom:.5rem;display:block;text-align:center}.skills-list{display:flex;flex-direction:column;gap:.75rem;font-family:var(--font-body);font-size:.95rem;font-weight:500}.skills-list li{position:relative;padding-left:20px}.skills-list li:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:8px;height:8px;background-color:var(--color-red);border-radius:50%}@media(max-width:900px){.about-grid{grid-template-columns:1fr;gap:4rem}.about-visual{margin-bottom:2rem}.image-frame{width:60%}.about-content{padding:2rem;display:flex;flex-direction:column;align-items:center}.text-content p{text-align:center;margin-left:auto;margin-right:auto}.section-title{font-size:3rem;text-align:center}.skills-grid-container{grid-template-columns:1fr;gap:2rem}}.work-section{background-color:var(--color-red);background-image:url(/assets/Fin_Vec_6-BTCeSkOf.png);background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--color-cream)}.work-container{display:flex!important;flex-direction:column}.work-title{color:var(--color-mustard);align-self:flex-start;text-shadow:1px 1px 0 rgba(0,0,0,.4),-1px -1px 0 rgba(0,0,0,.4),1px -1px 0 rgba(0,0,0,.4),-1px 1px 0 rgba(0,0,0,.4)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;margin-top:3rem}.project-card{aspect-ratio:1/1;position:relative;overflow:hidden;cursor:pointer;background-color:var(--color-navy);border:2px solid var(--color-red);box-shadow:6px 6px 0 var(--color-mustard);color:var(--color-cream);transition:transform .3s ease,box-shadow .3s ease;display:flex;align-items:flex-end;padding:2rem}.project-card:hover{transform:translate(-4px,-4px);box-shadow:10px 10px 0 var(--color-mustard)}.project-content{position:relative;z-index:10;width:100%}.project-content h3{font-family:var(--font-heading);font-size:1.5rem;margin-bottom:.5rem;text-transform:uppercase}.project-content p{font-family:var(--font-body);font-size:1rem;opacity:.9}.project-arrow{position:absolute;top:0;right:15px;font-family:var(--font-heading);font-size:2rem;opacity:0;transform:translate(-20px);transition:all .3s ease}.project-card:hover .project-arrow{opacity:1;transform:translate(0)}@media(max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}.project-card{aspect-ratio:auto;min-height:250px}}.rect-transition{position:fixed;z-index:1000;pointer-events:none;transition:all .5s cubic-bezier(.4,0,.2,1);border:2px solid var(--color-red);box-shadow:6px 6px 0 var(--color-mustard)}.project-detail-section{min-height:100vh;width:100%;display:flex;flex-direction:column}.overlay-inner{padding:120px 5vw 40px;flex:1;display:flex;flex-direction:column;max-width:1440px;margin:0 auto;width:100%}.overlay-header{display:flex;align-items:center;gap:2rem;margin-bottom:3rem}.btn-back{background:none;border:2px solid var(--color-cream);color:var(--color-cream);font-size:2rem;font-family:var(--font-heading);cursor:pointer;width:60px;height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease,color .3s ease,transform .3s ease}.btn-back:hover{background-color:var(--color-cream);color:var(--color-navy);transform:translate(-5px)}.overlay-title{font-size:clamp(2rem,5vw,4rem);color:var(--color-cream);margin:0;text-shadow:2px 2px 0 rgba(0,0,0,.3)}.overlay-body{flex:1;display:flex;flex-direction:column;gap:3rem}.overlay-desc-box{background-color:var(--color-cream);color:var(--color-navy);padding:3rem;border:2px solid var(--color-red);box-shadow:8px 8px 0 var(--color-mustard);font-size:1.25rem;max-width:800px}.overlay-links{display:flex;gap:3rem;flex-wrap:wrap}.overlay-link{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--color-cream);text-transform:uppercase;display:flex;align-items:center;gap:1rem;border-bottom:2px solid var(--color-mustard);padding-bottom:.5rem;transition:color .3s ease,border-color .3s ease}.overlay-link:hover{color:var(--color-mustard);border-color:var(--color-cream)}.overlay-footer{border-top:2px solid rgba(255,255,255,.2);padding-top:2rem;color:var(--color-cream);font-weight:700}.experience-section{background-color:var(--color-navy);background-image:url(/assets/Fin_Vec_4-B5tEqKTV.png);background-size:cover;background-position:center 20%;background-repeat:no-repeat;color:#fff}.exp-container{display:flex!important;flex-direction:column}.exp-title{color:#fff;align-self:center}.timeline-container{position:relative;width:100%;margin-top:5rem;padding-bottom:2rem}.timeline-line{position:absolute;top:52px;left:10%;width:80%;height:4px;background-color:var(--color-teal);z-index:1}.timeline-items{display:flex;justify-content:center;align-items:center;width:100%;position:relative;z-index:2}.timeline-item{display:flex;flex-direction:column;align-items:center;text-align:center}.timeline-node{width:24px;height:24px;background-color:var(--color-mustard);border-radius:50%;border:4px solid var(--color-navy);margin-bottom:2rem;margin-top:40px}.timeline-year{font-family:var(--font-heading);color:#fff;font-size:1.2rem;margin-bottom:.5rem;font-weight:700}.timeline-role{font-family:var(--font-heading);font-size:1.2rem;margin-bottom:.5rem;text-transform:uppercase}.timeline-company{font-family:var(--font-body);font-size:1rem;opacity:.8;color:#fff}@media(max-width:900px){.timeline-items{flex-direction:column}.timeline-line{display:none}.timeline-item{flex-direction:column;text-align:center;margin-bottom:3rem;width:100%}.timeline-content{display:flex;flex-direction:column;align-items:center;background-color:var(--color-red);border:2px solid var(--color-cream);box-shadow:6px 6px 0 var(--color-mustard);padding:2rem;width:90%;max-width:400px;margin:0 auto}.timeline-node{display:none}}.contact-section{background-color:var(--color-teal);background-image:url(/assets/Fin_Vec_5-C8LfSK_w.png);background-size:cover;background-position:center;background-repeat:no-repeat;color:#333;padding-bottom:0;display:flex;flex-direction:column;border-bottom:none}.contact-container{display:flex!important;flex-direction:column;flex:1}.contact-header{margin-bottom:4rem;display:flex;flex-direction:column;align-items:flex-end;text-align:right}.contact-header h2{color:#132f4c}.contact-subtitle{font-size:1.25rem;max-width:600px;color:#fff}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:4rem}.contact-links{display:flex;flex-direction:column;gap:1.5rem}.contact-link{font-family:var(--font-heading);font-size:2rem;font-weight:700;text-transform:uppercase;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #aa2e40;padding-bottom:.5rem;transition:all .3s ease}.contact-link:hover{color:#0cf;border-color:#132f4c}.link-arrow{font-size:1.5rem;transition:transform .3s ease}.contact-link:hover .link-arrow{transform:translate(10px) rotate(-45deg)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-family:var(--font-heading);font-size:.9rem;font-weight:700;text-transform:uppercase;color:#fff}.form-group input,.form-group textarea{padding:1rem;background-color:#ffffff80;border:2px solid #132F4C;color:#333;font-family:var(--font-body);font-size:1rem;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#3339}.form-group input:focus,.form-group textarea:focus{outline:none;background-color:#fffc;border-color:#9e2f3f}.btn-submit{background-color:#132f4c;color:var(--color-cream);border:2px solid #132F4C;padding:1rem 2rem;font-family:var(--font-heading);font-weight:700;font-size:1rem;text-transform:uppercase;cursor:pointer;transition:all .3s ease;align-self:flex-start;margin-top:1rem}.btn-submit:hover{background-color:#9e2f3f;border-color:#9e2f3f;color:var(--color-cream)}.footer{text-align:center;padding:2rem 0;font-size:.85rem;font-weight:700;color:#fff;border-top:1px solid rgba(19,47,76,.2);width:100%}@media(max-width:900px){.contact-content{grid-template-columns:1fr;gap:3rem}}@media(max-width:600px){.contact-section{background-position:20% center!important}}