*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0acc;border-bottom:1px solid #ffffff1a;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.header.scrolled{background:#0a0a0af2;box-shadow:0 4px 20px #0000004d}.header-content{align-items:center;display:flex;height:80px;justify-content:space-between}.logo{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none;transition:all .3s ease}.logo:hover{transform:scale(1.05)}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#cf8049,#d99a5b);-webkit-background-clip:text;background-clip:text}.nav{align-items:center;display:flex}.nav-list{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-button,.nav-link{background:none;border:none;color:#fffc;cursor:pointer;display:inline-block;font-family:inherit;font-size:inherit;font-weight:500;line-height:1;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease;vertical-align:initial}.nav-button.active,.nav-button:hover,.nav-link.active,.nav-link:hover{color:#cf8049}.nav-link:after{background:linear-gradient(135deg,#cf8049,#d99a5b);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-button.active:after,.nav-button:hover:after,.nav-link.active:after,.nav-link:hover:after{width:100%}.nav-button:after{background:linear-gradient(135deg,#cf8049,#d99a5b);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none;padding:.5rem;z-index:1001}.hamburger{display:flex;flex-direction:column;height:18px;justify-content:space-between;width:24px}.hamburger span{background:#fff;display:block;height:2px;transform-origin:center;transition:all .3s ease;width:100%}.hamburger-open span:first-child{transform:translateY(8px) rotate(45deg)}.hamburger-open span:nth-child(2){opacity:0}.hamburger-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (max-width:768px){.mobile-menu-toggle{display:block}.nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0afa;border-bottom:1px solid #ffffff1a;left:0;opacity:0;position:fixed;right:0;top:80px;transform:translateY(-100%);transition:all .3s ease;visibility:hidden}.nav.nav-open{opacity:1;transform:translateY(0);visibility:visible}.nav-list{flex-direction:column;gap:1.5rem;padding:2rem}.nav-link{border-bottom:1px solid #ffffff1a;font-size:1.1rem;padding:1rem 0}.nav-link:last-child{border-bottom:none}}.hero{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0a0a0a);display:flex;min-height:100vh;overflow:hidden;position:relative}.hero-background{z-index:0}.hero-background,.hero-particles{bottom:0;left:0;position:absolute;right:0;top:0}.hero-particles{animation:gridSlide 6s linear infinite;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-image:linear-gradient(90deg,#cf80490d 1px,#0000 0),linear-gradient(180deg,#d99a5b0d 1px,#0000 0);background-size:80px 80px;perspective:1000px;transform:translateZ(0);will-change:background-position}@keyframes gridSlide{0%{background-position:0 0}to{background-position:80px 80px}}.particle-streak{box-shadow:0 0 6px currentColor;height:4px;width:4px;will-change:transform,opacity}.particle-streak,.particle-trail{border-radius:50%;pointer-events:none;position:absolute}.particle-trail{height:2px;transition:opacity .3s ease-out;width:2px}@keyframes particle1{0%{opacity:0;transform:translate(0)}5%{opacity:1}to{opacity:0;transform:translate(280px,380px)}}@keyframes particle2{0%{opacity:0;transform:translate(0)}5%{opacity:1}to{opacity:0;transform:translate(320px,420px)}}@keyframes particle3{0%{opacity:0;transform:translate(0)}5%{opacity:1}to{opacity:0;transform:translate(350px,400px)}}@keyframes particle4{0%{opacity:0;transform:translate(0)}5%{opacity:1}to{opacity:0;transform:translate(290px,360px)}}@keyframes particle5{0%{opacity:0;transform:translate(0)}5%{opacity:1}to{opacity:0;transform:translate(330px,440px)}}@keyframes particle6{0%{opacity:0;transform:translate(0)}5%{opacity:1}to{opacity:0;transform:translate(310px,390px)}}@keyframes particle7{0%{opacity:0;transform:translate(0)}5%{opacity:1}to{opacity:0;transform:translate(270px,410px)}}@keyframes particle8{0%{opacity:0;transform:translate(0)}5%{opacity:1}to{opacity:0;transform:translate(340px,370px)}}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;padding:2rem 0;position:relative;z-index:1}.hero-text{text-align:left;width:100%}.hero-title{color:#fff;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;overflow:visible}.hero-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#cf8049,#d99a5b);-webkit-background-clip:text;background-clip:text;display:block;font-weight:700;margin-bottom:.75rem;position:relative}.hero-subline{color:#ffffffd9;display:block;font-size:1.6rem;font-weight:500;line-height:1.4}.hero-role{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d99a5b,#e6b878);-webkit-background-clip:text;background-clip:text;display:inline-block;font-weight:600;position:relative}.hero-description{-webkit-text-fill-color:unset;background:none;-webkit-background-clip:unset;background-clip:initial;color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem;margin-bottom:3rem}.hero-stats{display:flex;gap:2rem}.stat{text-align:center}.stat-number{color:#cf8049;display:block;font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-label{color:#fff9;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.hero-visual{align-items:center;display:flex;justify-content:center}.hero-3d-container{height:400px;perspective:1000px;position:relative;width:400px}.floating-element{background:#0000;border:none;box-shadow:none;cursor:pointer;position:absolute;z-index:2}.floating-element,.tool-logo{align-items:center;display:flex;justify-content:center}.tool-logo,.tool-logo img{height:100%;width:100%}.tool-logo img{object-fit:contain}.element-1{height:140px;left:20px;top:20px;width:140px}.element-2{height:120px;right:20px;top:160px;width:120px}.element-3{bottom:20px;height:130px;left:180px;width:130px}.connection-lines{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}@media (max-width:968px){.hero-content{gap:2rem;grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-3d-container{display:none}}@media (max-width:768px){.hero{padding-top:80px}.hero-content{padding-top:2rem}.hero-title{font-size:2rem}.hero-description{font-size:1.1rem}.hero-buttons{align-items:stretch;flex-direction:column;gap:.75rem;margin-left:auto;margin-right:auto;max-width:400px;width:100%}.hero-buttons .unified-btn{font-size:1rem;justify-content:center;padding:1rem 2rem;width:100%}.hero-stats{gap:3rem;justify-content:center}.stat-number{font-size:1.75rem}.stat-label{font-size:.8rem}}.projects{background:#0a0a0a;padding:6rem 0}.section-header{margin-bottom:1rem;text-align:center}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#cf8049);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:1rem}.section-description{color:#ffffffb3;font-size:1.2rem;margin:0 auto;max-width:600px}.showcase-section{margin-bottom:3rem}.showcase-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;color:inherit;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:100%}.showcase-card:hover{background:#cf80490d;border-color:#cf804966;box-shadow:0 25px 50px #0006,0 0 0 1px #cf80494d,inset 0 1px 0 #ffffff1a;transform:translateY(-8px) scale(1.02)}.featured-projects-section{margin-top:2rem}.featured-projects-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:1fr 1fr}.project-card{width:100%}.project-card:hover{background:#cf80490d;border-color:#cf804966;box-shadow:0 25px 50px #0006,0 0 0 1px #cf80494d,inset 0 1px 0 #ffffff1a;transform:translateY(-8px) scale(1.02)}.project-image-container{border-radius:16px 16px 0 0}.project-image{background:linear-gradient(135deg,#1a1a1a,#2a2a2a)}.projects .project-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e5e7eb);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.4rem;font-weight:700;line-height:1.3;margin-bottom:.5rem}.project-subtitle{font-size:.9rem;margin-bottom:.8rem}@media (max-width:768px){.projects{padding:4rem 0}.container{padding:0 15px}.section-title{font-size:2.5rem}.projects-grid{gap:2rem}.projects-row-2{flex-direction:column;gap:2rem}.project-card{margin:0}.project-image-container{height:180px}.project-content{padding:1.5rem}.project-title{font-size:1.3rem}}@media (max-width:480px){.projects-grid{gap:1.5rem}.project-card{margin:0}}.showcase-image-container{border-radius:16px 16px 0 0;height:220px;overflow:hidden;position:relative}.showcase-image{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);display:flex;height:100%;justify-content:center;position:relative;width:100%}.showcase-placeholder{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:2rem;text-align:center}.showcase-text{color:#fff;font-size:1.1rem;font-weight:600;opacity:.8}.showcase-project-img{height:100%;object-fit:cover;object-position:center;width:100%}.showcase-overlay{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:linear-gradient(135deg,#000000e6,#cf8049cc);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.showcase-card:hover .showcase-overlay{opacity:1}.showcase-hover-text{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.025em;overflow:hidden;padding:1rem 2rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.showcase-content{display:flex;flex-direction:column;flex-grow:1;padding:2rem}.showcase-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e5e7eb);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.4rem;line-height:1.3;margin-bottom:.5rem}.showcase-description{color:#ffffffb3;flex-grow:1;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.showcase-tags{display:flex;flex-wrap:wrap;gap:.6rem}.showcase-tag{background:#cf804926;border:1px solid #cf80494d;border-radius:25px;color:#cf8049;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.4rem .9rem;text-transform:uppercase;transition:all .3s ease}.showcase-tag:hover{background:#cf804940;border-color:#cf804980;transform:translateY(-1px)}.featured-image{background:linear-gradient(135deg,#1a1a1a,#2a2a2a)}.featured-placeholder-text{color:#fff;font-size:1.1rem;font-weight:600;opacity:.8}.featured-title{font-size:1.4rem}.featured-subtitle{font-size:.9rem;margin-bottom:.8rem}.featured-tag{background:#cf804926;border:1px solid #cf80494d;color:#cf8049}.featured-tag:hover{background:#cf804940;border-color:#cf804980}.featured-project-card--in-development .featured-content,.featured-project-card--no-thumbnail .featured-content,.showcase-card--no-thumbnail .showcase-content{border-radius:20px}.featured-image--withheld{border-bottom:1px solid #ffffff14}.status-notice{font-size:.95rem;max-width:280px;padding:1.5rem}.featured-view-link{color:#cf8049;display:inline-block;font-size:.9rem;font-weight:600;margin-top:.5rem}.contact-content{justify-content:center}.contact-content .contact-info{margin:0 auto;max-width:720px}@media (max-width:768px){.featured-projects-grid{gap:2rem;grid-template-columns:1fr}.featured-project-card:hover,.project-card:hover,.showcase-card:hover{background:#ffffff08;border-color:#ffffff14;box-shadow:none;transform:none}}.about{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);padding:6rem 0}.about-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:2fr 1fr;margin-top:3rem}.about-intro h3{color:#fff;font-size:1.8rem;font-weight:600;line-height:1.3;margin-bottom:1.5rem}.about-intro p{color:#fffc;font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem}.experience{margin-top:3rem}.experience h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:2rem}.experience-timeline{padding-left:2rem;position:relative}.experience-timeline:before{background:linear-gradient(135deg,#cf8049,#d99a5b);bottom:0;content:"";left:0;position:absolute;top:0;width:2px}.experience-item{margin-bottom:2rem;padding-left:2rem;position:relative}.experience-item:before{background:#cf8049;border:3px solid #0a0a0a;border-radius:50%;content:"";height:12px;left:-2.5rem;position:absolute;top:.5rem;width:12px}.experience-period{color:#cf8049;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.experience-content h4{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:.25rem}.experience-company{color:#ffffffb3;font-weight:500;margin-bottom:.75rem}.experience-content p{color:#fffc;line-height:1.6}.about-skills h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:2rem}.skills-grid{display:flex;flex-direction:column;gap:1.5rem}.skill-category{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem;transition:all .3s ease}.skill-category:hover{border-color:#cf80494d;transform:translateY(-2px)}.skill-category-title{align-items:center;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.skill-category-title:before{background:linear-gradient(135deg,#cf8049,#d99a5b);border-radius:2px;content:"";height:20px;width:4px}.skill-items{display:flex;flex-wrap:wrap;gap:.5rem}.skill-item{background:#cf80491a;border:1px solid #cf804933;border-radius:20px;color:#cf8049;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.skill-item:hover{background:#cf804933;transform:translateY(-1px)}@media (max-width:968px){.about-content{gap:3rem;grid-template-columns:1fr}.about-skills{order:-1}}@media (max-width:768px){.about{padding:4rem 0}.about-content{gap:2.5rem}.about-intro h3{font-size:1.5rem}.about-intro p{font-size:1rem}.experience-item,.experience-timeline{padding-left:1.5rem}.experience-item:before{left:-2rem}.about-skills h3{font-size:1.2rem;margin-bottom:1.5rem;text-align:center}.skills-grid{gap:.75rem}.skill-category{padding:1rem}.skill-category-title{font-size:.9rem;justify-content:center;margin-bottom:.75rem}.skill-category-title:before{height:16px;width:3px}.skill-items{gap:.4rem;justify-content:center}.skill-item{font-size:.75rem;padding:.35rem .7rem}.skill-category:hover{border-color:#ffffff1a;transform:none}.skill-item:hover{background:#cf80491a;transform:none}}.image-modal-overlay{align-items:center;animation:modalFadeIn .4s cubic-bezier(.25,.46,.45,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000fa;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:9999}@keyframes modalFadeIn{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0}to{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:1}}.image-modal-content{align-items:center;animation:modalSlideIn .4s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;height:100%;justify-content:center;max-height:100vh;max-width:100vw;overflow:hidden;position:relative;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeInButton{0%{opacity:0;transform:translateY(-10px)}to{opacity:.8;transform:translateY(0)}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-10px) scale(.95)}15%{opacity:1;transform:translate(-50%) scale(1)}85%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-10px) scale(.95)}}.image-modal-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:50px;justify-content:center;position:absolute;right:30px;top:30px;transition:opacity .3s ease,transform .3s ease;width:50px;z-index:10000}.image-modal-close.visible{opacity:.8;transform:scale(1)}.image-modal-close.hidden{opacity:0;pointer-events:none;transform:scale(.9)}.image-modal-close:hover{background:#fff3;transform:scale(1.1)}.image-modal-nav{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:32px;height:60px;justify-content:center;position:absolute;top:50%;transition:opacity .3s ease,transform .3s ease;width:60px;z-index:10000}.image-modal-nav.visible{opacity:.8;transform:translateY(-50%) scale(1)}.image-modal-nav.hidden{opacity:0;pointer-events:none;transform:translateY(-50%) scale(.9)}.image-modal-nav:hover{background:#fff3;opacity:1;transform:translateY(-50%) scale(1.1)}.image-modal-nav:active{transform:translateY(-50%) scale(.95)}.image-modal-nav-prev{left:30px}.image-modal-nav-next{right:30px}.image-modal-image{align-items:center;background:#1a1a1a;display:flex;justify-content:center;overflow:hidden;position:relative}.image-modal-image,.modal-img{height:100%;user-select:none;-webkit-user-select:none;width:100%}.modal-img{object-fit:contain;object-position:center;transform-origin:center center}.image-modal-image .image-placeholder{align-items:center;background:#1a1a1a;display:flex;height:100%;justify-content:center;position:relative;width:100%}.image-modal-caption{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0000004d;border:1px solid #ffffff26;border-radius:12px;bottom:30px;box-shadow:0 8px 32px #0000004d;left:50%;max-width:80%;padding:1.5rem 2rem;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s ease,transform .3s ease}.image-modal-caption.visible{opacity:1;transform:translateX(-50%) translateY(0)}.image-modal-caption.hidden{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(10px)}.image-modal-caption p{color:#fff;font-size:1rem;line-height:1.5;margin:0;text-align:center;text-shadow:0 2px 4px #0000004d}.image-modal-reset{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;bottom:30px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;position:absolute;right:30px;transition:opacity .3s ease,transform .3s ease,background .3s ease;z-index:10001}.image-modal-reset.visible{opacity:.8;transform:scale(1)}.image-modal-reset.hidden{opacity:0;pointer-events:none;transform:scale(.9)}.image-modal-reset:hover{background:#fff3;opacity:1;transform:scale(1.05)}.image-modal-reset .reset-icon{font-size:18px;line-height:1}.image-modal-reset .reset-text{line-height:1}.image-modal-tooltip{animation:tooltipFadeIn 1.5s ease-out forwards;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 8px 32px #0000004d,0 0 60px #ffffff0d;color:#fff;font-size:16px;font-weight:500;left:50%;padding:1rem 2rem;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10001}.image-modal-tooltip p{margin:0;text-align:center;white-space:nowrap}.mobile-tooltip{display:none}@media (max-width:768px){.desktop-tooltip{display:none}.mobile-tooltip{display:block}.image-modal-close{font-size:22px;height:40px;right:20px;top:20px;width:40px}.image-modal-nav{font-size:28px;height:50px;width:50px}.image-modal-nav-prev{left:20px}.image-modal-nav-next{right:20px}.image-modal-caption{bottom:20px;max-width:90%;padding:.75rem 1rem}.image-modal-reset{bottom:20px;font-size:12px;padding:.5rem 1rem;right:20px}.image-modal-reset .reset-icon{font-size:16px}.image-modal-tooltip{font-size:14px;padding:.75rem 1.5rem}}.carousel-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;margin:0 auto;max-width:100%}.carousel-container,.carousel-wrapper{overflow:hidden;position:relative;width:100%}.carousel-slides{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.carousel-slide{display:flex;flex-direction:column;min-width:100%}.carousel-image{align-items:center;aspect-ratio:16/9;background:#1a1a1a;cursor:pointer;display:flex;justify-content:center;position:relative;transition:all .3s ease}.carousel-img{height:100%;object-fit:cover;object-position:center;pointer-events:none;position:relative;width:100%;z-index:1}.carousel-image:hover{transform:scale(1.02)}.expand-overlay{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#000000b3;bottom:0;cursor:pointer;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease;z-index:10}.carousel-image:hover .expand-overlay{opacity:1}.expand-icon{font-size:2rem;margin-bottom:.5rem}.expand-text{color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.image-placeholder{position:relative;text-align:center;z-index:2}.placeholder-text{letter-spacing:1px;text-transform:uppercase}.carousel-caption{background:#000c;border-top:1px solid #ffffff1a;padding:1rem}.carousel-caption p{color:#ffffffe6;font-size:.9rem;line-height:1.5;margin:0}.carousel-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000b3;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:10}.carousel-button:hover{background:#cf8049cc;border-color:#cf804980;transform:translateY(-50%) scale(1.1)}.carousel-button:active{transform:translateY(-50%) scale(.95)}.carousel-button-prev{left:20px}.carousel-button-next{right:20px}.carousel-indicators{background:#00000080;display:flex;gap:8px;justify-content:center;padding:1rem}.carousel-indicator{background:#0000;border:2px solid #ffffff4d;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.carousel-indicator:hover{background:#cf80494d;border-color:#cf8049b3}.carousel-indicator.active{background:#cf8049;border-color:#cf8049;transform:scale(1.2)}.carousel-info{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000b3;border:1px solid #ffffff1a;border-radius:20px;padding:.5rem 1rem;position:absolute;right:20px;top:20px}.carousel-counter{color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.carousel-wrapper{aspect-ratio:16/9;touch-action:pan-y pinch-zoom}.carousel-container{touch-action:pan-x}.carousel-image{align-items:center;display:flex;justify-content:center;touch-action:manipulation}.carousel-img{object-fit:cover;object-position:center}.carousel-button{font-size:1.2rem;height:40px;width:40px}.carousel-button-prev{left:10px}.carousel-button-next{right:10px}.carousel-info{padding:.4rem .8rem;right:10px;top:10px}.carousel-counter{font-size:.7rem}.carousel-image:hover{transform:none}.carousel-image:hover .expand-overlay{opacity:0}}.project-detail{padding-top:80px}.project-detail.loading{left:0;opacity:0;pointer-events:none;position:fixed;top:0;visibility:hidden;width:100%}.project-detail.ready{opacity:1;pointer-events:auto;position:relative;transition:opacity .3s ease-in;visibility:visible}.project-not-found{align-items:center;display:flex;justify-content:center;min-height:100vh;padding-top:80px;text-align:center}.project-not-found h1{color:#fff;font-size:3rem;margin-bottom:1rem}.project-not-found p{color:#ffffffb3;font-size:1.2rem;margin-bottom:2rem}.project-hero{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border-bottom:1px solid #ffffff1a;padding:4rem 0}.project-hero-content{max-width:800px}.breadcrumb{align-items:center;color:#fff9;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:2rem}.breadcrumb a{color:#cf8049;text-decoration:none;transition:color .3s ease}.breadcrumb a:hover{color:#d99a5b}.project-detail .project-title{-webkit-text-fill-color:#0000!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#fff,#cf8049)!important;-webkit-background-clip:text!important;background-clip:text!important;background-size:100% 100%!important;color:#fff!important;font-size:3.5rem;font-weight:700;margin-bottom:1rem}.project-subtitle{color:#fffc;font-size:1.3rem;line-height:1.6;margin-bottom:2rem}.project-meta{flex-wrap:wrap;gap:2rem;margin-bottom:2rem}.project-meta .meta-item{border-bottom:1px solid #ffffff1a;display:flex;flex-direction:column;gap:.25rem;padding:.75rem 0}.meta-label{font-size:.85rem}.meta-value{font-size:1rem;font-weight:500}.project-tags{gap:.5rem}.project-tag{background:#cf80491a;border:1px solid #cf804933;border-radius:20px;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.project-showcase{background:#0a0a0a;padding:6rem 0}.gallery-withheld{align-items:center;background:linear-gradient(135deg,#141414,#1f1f2e);border:1px solid #ffffff14;border-radius:16px;display:flex;justify-content:center;margin-top:2rem;min-height:220px}.gallery-withheld-notice{color:#ffffffa6;font-size:1rem;font-style:italic;font-weight:500;line-height:1.6;margin:0;max-width:420px;padding:2rem;text-align:center}.showcase-header{margin-bottom:3rem;text-align:center}.showcase-title{-webkit-text-fill-color:#0000!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#fff,#cf8049)!important;-webkit-background-clip:text!important;background-clip:text!important;background-size:100% 100%!important;color:#fff!important;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.showcase-subtitle{color:#ffffffb3;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.main-carousel{margin-bottom:4rem}.project-collage{margin-top:3rem}.collage-title{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:2rem;text-align:center}.collage-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:2rem}.collage-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;overflow:hidden;transition:all .3s ease}.collage-item:hover{border-color:#cf80494d;box-shadow:0 20px 40px #0006;transform:translateY(-8px)}.collage-image{align-items:center;aspect-ratio:16/9;background:#1a1a1a;cursor:pointer;display:flex;justify-content:center;position:relative;transition:all .3s ease}.collage-img{height:100%;object-fit:cover;object-position:center;width:100%}.collage-image:hover{transform:scale(1.02)}.collage-image .expand-overlay{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease}.collage-image:hover .expand-overlay{opacity:1}.collage-image .expand-icon{font-size:1.5rem;margin-bottom:.5rem}.collage-image .expand-text{color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.collage-caption{background:#000c;border-top:1px solid #ffffff1a;box-sizing:border-box;color:#ffffffe6;display:block;font-size:.9rem;height:2.8rem;line-height:1.4;margin:0;overflow:hidden;padding:1rem 1.5rem;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.gallery-grid{grid-gap:3rem;display:grid;gap:3rem}.gallery-item{display:flex;flex-direction:column;gap:1rem}.gallery-image{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:1px solid #ffffff1a;border-radius:16px;height:500px;overflow:hidden;width:100%}.image-placeholder{align-items:center;background:linear-gradient(135deg,#cf8049,#d99a5b);display:flex;height:100%;justify-content:center;opacity:.1;width:100%}.placeholder-text{font-size:1.2rem;font-weight:500}.gallery-caption{color:#ffffffb3;font-size:1rem;font-style:italic;text-align:center}.project-overview{background:#1a1a1a;padding:6rem 0}.overview-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:2fr 1fr}.project-detail .overview-main{margin:0!important;padding-left:0!important;padding-right:0!important;text-align:left!important}.project-detail .overview-title{-webkit-text-fill-color:#0000!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#fff,#cf8049)!important;-webkit-background-clip:text!important;background-clip:text!important;background-size:100% 100%!important;color:#fff!important;font-size:2.2rem;font-weight:700;margin-bottom:2rem}.project-detail .overview-description p{color:#fffc!important;font-size:1.1rem!important;line-height:1.7!important;margin-bottom:1.5rem!important;margin-left:0!important;margin-right:0!important;padding:0!important;text-align:left!important}.project-goals{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;margin-top:3rem;padding:2rem}.project-goals h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.goals-list{list-style:none;margin:0;padding:0}.goals-list li{color:#fffc;line-height:1.6;margin-bottom:1rem;padding-left:1.5rem;position:relative}.goals-list li:before{color:#cf8049;content:"✓";font-weight:700;left:0;position:absolute}.overview-sidebar{display:flex;flex-direction:column;gap:2rem}.project-meta-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:2rem}.project-meta-card h3{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:1.5rem}.meta-grid{grid-gap:1rem;display:grid;gap:1rem}.meta-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.75rem 0}.project-meta-card .meta-item:last-child{border-bottom:none}.meta-label{color:#fff9;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.meta-value{color:#fff;font-weight:600}.tech-stack{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;padding:2rem;position:relative}.tech-stack h3{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.tech-list{display:flex;flex-wrap:wrap;gap:.5rem}.tech-item{background:#cf80491a;border:1px solid #cf804933;border-radius:20px;color:#cf8049;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.tech-item:hover{background:#cf804933;transform:translateY(-1px)}.project-process{background:#0a0a0a;padding:6rem 0}.project-process h2{-webkit-text-fill-color:#0000!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#fff,#cf8049)!important;-webkit-background-clip:text!important;background-clip:text!important;background-size:100% 100%!important;color:#fff!important;font-size:2.5rem;font-weight:600;margin-bottom:3rem;text-align:center}.process-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.process-section{background:#ffffff05;border:1px solid #ffffff1a;border-radius:16px;padding:2rem;transition:all .3s ease}.process-section:hover{border-color:#cf80494d;transform:translateY(-2px)}.process-section h3{align-items:center;color:#fff;display:flex;font-size:1.3rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem}.process-section h3:before{background:linear-gradient(135deg,#cf8049,#d99a5b);border-radius:2px;content:"";height:24px;width:4px}.process-list{list-style:none;margin:0;padding:0}.process-list li{color:#fffc;line-height:1.6;margin-bottom:1rem;padding-left:1.5rem;position:relative}.process-list li:before{color:#cf8049;content:"→";font-weight:700;left:0;position:absolute}.process-list li:last-child{margin-bottom:0}.project-navigation{background:#0a0a0a;border-top:1px solid #ffffff1a;padding:6rem 0}.nav-content{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:900px;text-align:center}.nav-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:3rem}.nav-divider{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:1px;margin-bottom:2rem;width:100px}.nav-message{color:#ffffffb3;font-size:1.1rem;line-height:1.6;margin:0;max-width:600px}@media (max-width:968px){.description-content{gap:2rem;grid-template-columns:1fr}.description-sidebar{order:-1}.nav-content{flex-direction:column;gap:1rem}}@media (max-width:768px){.project-title{font-size:2.5rem}.project-subtitle{font-size:1.1rem}.project-meta{flex-direction:column;gap:1rem}.collage-grid{grid-template-columns:1fr}.collage-item{display:flex;flex-direction:column;width:100%}.collage-image{align-items:center!important;background:#1a1a1a;display:flex!important;height:auto;justify-content:center!important;touch-action:manipulation}.collage-img{height:100%!important;object-fit:cover!important;object-position:center!important;width:100%!important}.gallery-image{align-items:center;display:flex;height:300px;justify-content:center}.gallery-img{height:100%;object-fit:cover;object-position:center;width:100%}.collage-item:hover{transform:none}.collage-image:hover .expand-overlay,.gallery-image:hover .expand-overlay{opacity:0}.process-grid{grid-template-columns:1fr}.project-hero,.project-navigation,.project-overview,.project-process,.project-showcase{padding:4rem 0}.nav-buttons{flex-direction:column;gap:1rem;max-width:400px;width:100%}.unified-btn{justify-content:center;padding:1.25rem 2rem}.nav-message{font-size:1rem;padding:0 1rem}.overview-content{gap:2rem;grid-template-columns:1fr}.collage-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.collage-image{aspect-ratio:16/9}.collage-caption{font-size:.85rem;height:2.4rem;overflow:hidden;padding:.75rem 1rem;text-overflow:ellipsis;white-space:nowrap}}.projects-overview{background:#0a0a0a;min-height:100vh;padding:8rem 0 4rem}.projects-overview.loading{left:0;opacity:0;pointer-events:none;position:fixed;top:0;visibility:hidden;width:100%}.projects-overview.ready{opacity:1;pointer-events:auto;position:relative;transition:opacity .3s ease-in;visibility:visible}.overview-header{margin-bottom:4rem;text-align:center}.overview-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#cf8049);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:1.5rem}.projects-overview .overview-description{color:#ffffffb3;font-size:1.3rem;line-height:1.6;margin:0 auto;max-width:700px}.featured-projects-section{margin:5rem 0;text-align:left}.projects-overview .section-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#fff,#cf8049);-webkit-background-clip:text;background-clip:text;color:#fff;display:flex;font-size:2.5rem;font-weight:700;gap:1rem;margin-bottom:1rem}.projects-overview .section-icon{font-size:2rem}.projects-overview .section-description{color:#ffffffb3;font-size:1.2rem;margin-bottom:3rem;margin-left:0;margin-right:auto;max-width:600px;text-align:left!important}.logofolio-section{margin:5rem 0;padding:0}.logofolio-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:2.5rem}.logofolio-item{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;cursor:default;padding:3rem 2rem 2rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.logofolio-item:hover{background:#ffffff0a;border-color:#cf804966;box-shadow:0 8px 32px #cf804926;transform:translateY(-4px)}.logofolio-image{align-items:center;background:#0000;border-radius:8px;display:flex;height:140px;justify-content:center;margin-bottom:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.logofolio-image img{filter:grayscale(100%) brightness(.9);max-height:100%;max-width:100%;object-fit:contain;transition:filter .3s ease}.logofolio-item:hover .logofolio-image img{filter:grayscale(0) brightness(1)}.logofolio-item.dark-logo:hover{background:#ffffff40;border-color:#cf804980}.logofolio-caption{color:#ffffffb3;font-size:.95rem;font-weight:500;letter-spacing:.3px;text-align:center;transition:color .3s ease}.logofolio-item:hover .logofolio-caption{color:#fffffff2}.featured-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.featured-project-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;color:inherit;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:100%}.featured-project-card:hover{background:#cf80490d;border-color:#cf804966;box-shadow:0 25px 50px #0006,0 0 0 1px #cf80494d,inset 0 1px 0 #ffffff1a;transform:translateY(-8px) scale(1.02)}.featured-project-card--no-thumbnail .featured-content{border-radius:20px}.featured-project-card--in-development .featured-content{border-radius:0 0 20px 20px}.featured-image-container--withheld{pointer-events:none}.featured-image-container--no-preview,.featured-image.featured-image--no-preview{background:linear-gradient(135deg,#141414,#1f1f2e)}.featured-image--no-preview{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:center;min-height:220px}.featured-image--no-preview .placeholder-text{color:#ffffffb3;font-size:.95rem;font-weight:500;line-height:1.5;max-width:280px;padding:1.5rem;text-align:center}.featured-image--withheld{align-items:center;background:linear-gradient(135deg,#141414,#1f1f2e);display:flex;justify-content:center}.status-notice{color:#ffffffa6;font-size:1rem;font-style:italic;font-weight:500;line-height:1.5;margin:0;max-width:320px;padding:2rem;text-align:center}.projects-overview .featured-view-link{color:#cf8049;display:inline-block;font-size:.9rem;font-weight:600;margin-top:.75rem}.featured-project-card--no-thumbnail:hover .featured-view-link{color:#e6b878}.featured-image-container{border-radius:16px 16px 0 0;height:220px;overflow:hidden;position:relative}.featured-image{align-items:center;background:linear-gradient(135deg,#cf8049,#d99a5b);display:flex;height:100%;justify-content:center;position:relative;width:100%}.featured-project-img{height:100%;object-fit:cover;object-position:center;width:100%}.featured-placeholder{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:2rem;text-align:center}.featured-overlay{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:linear-gradient(135deg,#000000e6,#cf8049cc);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.featured-project-card:hover .featured-overlay{opacity:1}.featured-hover-text{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.025em;overflow:hidden;padding:1rem 2rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.featured-content{display:flex;flex-direction:column;flex-grow:1;padding:2rem}.featured-category-badge{background:#cf804926;border:1px solid #cf80494d;border-radius:25px;color:#cf8049;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;padding:.4rem .9rem;text-transform:uppercase;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.featured-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e5e7eb);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.6rem;font-weight:700;line-height:1.3;margin-bottom:.5rem}.featured-subtitle{color:#94a3b8;font-size:1rem;font-style:italic;line-height:1.4;margin-bottom:1rem}.featured-description{color:#ffffffb3;flex-grow:1;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.featured-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}.featured-tag{background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#fffc;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.4rem .9rem;text-transform:uppercase;transition:all .3s ease}.featured-tag:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.featured-meta{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:1rem}.featured-role,.featured-year{color:#fff9;font-size:.85rem;font-weight:500}.small-works-section{margin:5rem 0;text-align:left}.small-works-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.small-work-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;color:inherit;cursor:pointer;overflow:hidden;text-decoration:none;transition:all .3s ease}.small-work-card:hover{background:#cf80490d;border-color:#cf80494d;transform:translateY(-4px)}.small-work-image-container{height:200px;overflow:hidden;position:relative}.small-work-image{align-items:center;background:linear-gradient(135deg,#cf8049,#d99a5b);display:flex;height:100%;justify-content:center;width:100%}.small-work-img{height:100%;object-fit:cover;object-position:center;width:100%}.small-work-placeholder{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:1.5rem;text-align:center}.small-work-overlay{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:linear-gradient(135deg,#000c,#cf8049b3);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease}.small-work-card:hover .small-work-overlay{opacity:1}.small-work-hover-text{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;padding:.8rem 1.5rem;text-align:center}.small-work-content{padding:1.5rem}.small-work-title{color:#fff;font-size:1.3rem;font-weight:700;line-height:1.3;margin-bottom:.8rem}.small-work-description{color:#ffffffb3;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.small-work-tags{display:flex;flex-wrap:wrap;gap:.5rem}.small-work-tag{background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;color:#ffffffb3;font-size:.75rem;font-weight:500;padding:.3rem .8rem;transition:all .3s ease}.small-work-tag:hover{background:#ffffff1f;border-color:#fff3}.project-category{margin:5rem 0}.category-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#fff,#cf8049);-webkit-background-clip:text;background-clip:text;display:flex;font-size:2.5rem;font-weight:700;gap:1rem;margin-bottom:3rem}.category-icon{filter:drop-shadow(0 0 10px rgba(207,128,73,.3));font-size:2.5rem}.projects-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.project-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;color:inherit;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.project-card:hover{background:#cf804914;border-color:#cf80494d;box-shadow:0 20px 40px #cf804926;transform:translateY(-8px)}.project-image-container{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);height:220px;overflow:hidden;position:relative}.project-image{align-items:center;background:linear-gradient(135deg,#cf8049,#d99a5b);display:flex;height:100%;justify-content:center;position:relative;width:100%}.project-card-img{height:100%;object-fit:cover;object-position:center;width:100%}.project-placeholder{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:2rem;text-align:center}.placeholder-text{color:#fff;font-size:1.1rem;font-weight:600;opacity:.8}.project-overlay{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:linear-gradient(135deg,#000000e6,#cf8049cc);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.project-card:hover .project-overlay{opacity:1}.project-hover-text{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.025em;overflow:hidden;padding:1rem 2rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.project-content{display:flex;flex-direction:column;flex-grow:1;padding:2rem}.project-category-badge{background:#cf804926;border:1px solid #cf80494d;border-radius:20px;color:#cf8049;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;padding:.3rem .8rem;text-transform:uppercase}.project-category-badge.design{background:#10b98126;border-color:#10b9814d;color:#10b981}.project-category-badge.development{background:#f59e0b26;border-color:#f59e0b4d;color:#f59e0b}.projects-overview .project-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e5e7eb);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:.5rem}.project-subtitle{color:#94a3b8;font-size:1rem;font-style:italic;line-height:1.4;margin-bottom:1rem}.project-description{color:#ffffffb3;flex-grow:1;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.project-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}.project-tag{background:#cf804926;border:1px solid #cf80494d;border-radius:25px;color:#cf8049;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.4rem .9rem;text-transform:uppercase;transition:all .3s ease}.project-tag:hover{background:#cf804940;border-color:#cf804980;transform:translateY(-1px)}.project-meta{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-top:auto;padding-top:1rem}.project-year{color:#cf8049;font-size:.9rem;font-weight:600}.project-role{color:#fff9;font-size:.85rem;font-style:italic}@media (max-width:768px){.projects-overview{padding:6rem 0 3rem}.overview-title{font-size:2.5rem}.overview-description{font-size:1.1rem;padding:0 1rem}.project-category{margin:3rem 0}.category-title{font-size:2rem;margin-bottom:2rem}.category-icon{font-size:2rem}.projects-grid{gap:2rem;grid-template-columns:1fr}.project-card{margin:0}.project-image-container{height:180px}.project-content{padding:1.5rem}.project-title{font-size:1.3rem}.project-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.projects-overview .section-title{font-size:2rem;margin-bottom:.8rem}.projects-overview .section-icon{font-size:1.5rem}.projects-overview .section-description{font-size:1rem;margin-bottom:2rem;margin-left:0;margin-right:auto;text-align:left!important}.featured-grid{gap:2rem;grid-template-columns:1fr}.featured-image-container{height:220px}.featured-content{padding:1.5rem}.logofolio-grid{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.logofolio-item{padding:2rem 1.25rem 1.5rem}.logofolio-image{height:100px;margin-bottom:1.25rem}.logofolio-caption{font-size:.8rem}.logofolio-image img{filter:grayscale(0) brightness(1)!important}.logofolio-item:hover{background:#ffffff05;border-color:#ffffff0f;box-shadow:none;transform:none}.logofolio-item:hover .logofolio-caption{color:#ffffffb3}.featured-project-card:hover,.small-work-card:hover{background:#ffffff08;border-color:#ffffff14;box-shadow:none;transform:none}.featured-title{font-size:1.4rem}.featured-description{font-size:.9rem}.featured-tags{gap:.5rem}.featured-tag{font-size:.75rem;padding:.3rem .8rem}.featured-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.featured-role,.featured-year{font-size:.8rem}.small-works-grid{gap:1.5rem;grid-template-columns:1fr}.small-work-image-container{height:180px}.small-work-content{padding:1.2rem}.small-work-title{font-size:1.2rem}.small-work-description{font-size:.85rem}.small-work-tag{font-size:.7rem;padding:.25rem .7rem}}@media (max-width:480px){.projects-grid{grid-template-columns:1fr}.project-card{margin:0}.featured-grid,.small-works-grid{grid-template-columns:1fr}}.App{background:#0a0a0a;min-height:100vh}main{min-height:calc(100vh - 80px)}.slide-up{animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.unified-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;font-weight:600;gap:.75rem;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.unified-btn:hover:not(:disabled){background:#cf804914;border-color:#cf804966;box-shadow:0 15px 35px #cf804933;transform:translateY(-3px)}.unified-btn:active:not(:disabled){box-shadow:0 8px 20px #cf80494d;transform:translateY(-1px)}.unified-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.unified-btn .btn-text{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.025em}.unified-btn.primary-btn{background:linear-gradient(135deg,#cf80491a,#d99a5b1a);border:1px solid #cf80494d}.unified-btn.primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#cf804926,#d99a5b26);border-color:#cf804980;box-shadow:0 15px 35px #cf804940}.unified-btn.resume-btn{background:linear-gradient(135deg,#10b98114,#05966914);border:1px solid #10b98133}.unified-btn.resume-btn:hover:not(:disabled){background:linear-gradient(135deg,#10b9811f,#0596691f);border-color:#10b98166;box-shadow:0 15px 35px #10b98133}.unified-btn .btn-icon{font-size:1.1rem;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.unified-btn:hover .btn-icon{transform:scale(1.1) rotate(2deg)}.container{margin:0 auto;max-width:1600px;padding:0 20px;width:100%}@media (max-width:768px){canvas,iframe,img,svg,video{height:auto;max-width:100%}.container{padding:0 16px}section{max-width:100vw;overflow-x:clip}}.grid{grid-gap:2rem;display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.text-center{text-align:center}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#cf8049,#d99a5b);-webkit-background-clip:text;background-clip:text}.fade-in{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.fade-in.visible{opacity:1!important;transform:translateY(0)!important}.fade-in-left{opacity:0;transform:translateX(-40px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.fade-in-left.visible{opacity:1!important;transform:translateX(0)!important}.fade-in-right{opacity:0;transform:translateX(40px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.fade-in-right.visible{opacity:1!important;transform:translateX(0)!important}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-5{margin-bottom:3rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-5{margin-top:3rem}@media (max-width:768px){.container{padding:0 15px}.grid-2,.grid-3{grid-template-columns:1fr}}