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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#fafafa,#f3f4f6);color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1440px;padding:0 96px}.navigation{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border-bottom:1px solid #e5e7eb;left:0;position:fixed;right:0;top:0;z-index:50}.nav-container{height:64px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 16px}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:inherit;gap:8px;text-decoration:none}.nav-logo-img{height:24px;width:auto}.nav-logo-text{color:#111827;font-size:20px;font-weight:600;transition:color .3s ease}.nav-logo:hover .nav-logo-text{color:#3b82f6}.nav-links{display:flex;gap:32px}.nav-item{position:relative}.nav-link{color:#374151;display:block;font-size:14px;font-weight:500;padding:8px 0;text-decoration:none;transition:color .3s ease}.nav-link.active,.nav-link:hover{color:#3b82f6}.nav-active-indicator{background:#3b82f6;border-radius:1px;bottom:-4px;height:2px;left:0;position:absolute;right:0}.hero{align-items:center;background:#0000;color:#0f172a;display:flex;min-height:100vh;padding:120px 0 80px}.hero-container{grid-gap:64px;align-items:center;display:grid;gap:64px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1440px;padding:0 96px}.hero-image-container{order:1}.hero-image{border-radius:24px;box-shadow:0 25px 50px #00000040;height:400px;margin:0 auto;overflow:hidden;position:relative;width:400px}.hero-image img{height:100%}.hero-content{order:2;text-align:center}.hero-title{color:#0f172a;font-size:72px;font-weight:800;letter-spacing:-2px;line-height:1.05;margin-bottom:24px}.hero-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#475569;font-size:24px;font-weight:400;line-height:1.6;margin-bottom:48px;margin-left:auto;margin-right:auto;max-width:560px}.scroll-indicator{align-items:center;cursor:pointer;display:flex;flex-direction:column;transition:all .3s ease}.scroll-indicator:hover{transform:translateY(-4px)}.scroll-text{color:#6b7280;font-size:14px;font-weight:500;margin-bottom:8px}.scroll-arrow{color:#9ca3af;transition:color .3s ease}.scroll-indicator:hover .scroll-arrow{color:#3b82f6}.btn{border:none;border-radius:24px;cursor:pointer;display:inline-block;font-size:20px;font-weight:400;line-height:1.6;padding:16px 32px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:#111827;box-shadow:0 8px 24px #0f172a14;color:#fff}.btn-primary:hover{background:#1f2937;box-shadow:0 12px 32px #0f172a1f;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #e5e7eb;color:#0f172a}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-2px)}.hero-image img{border-radius:20px;box-shadow:0 20px 40px #0000004d;height:400px;object-fit:cover;width:100%}.section-title{color:#0f172a;font-size:36px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:48px;position:relative;text-align:center}.section-title:after{background:linear-gradient(90deg,#8fa9ff,#fdba74);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.about{background:#fff;padding:100px 0}.about-content{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:800px}.about-text p{color:#475569;font-size:20px;line-height:1.6;margin-bottom:24px;text-align:center}.resume-download{margin-top:32px;text-align:center}.resume-download .btn{align-items:center;background:#3b82f6;border:none;border-radius:12px;box-shadow:0 4px 14px #3b82f640;color:#fff;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:16px 32px;text-decoration:none;transition:all .3s ease}.resume-download .btn:hover{background:#2563eb;box-shadow:0 8px 25px #3b82f659;transform:translateY(-2px)}.download-icon{height:16px;width:16px}.skills-section h3{color:#0f172a;font-size:24px;font-weight:600;margin-bottom:24px}.skills-grid{grid-gap:24px;display:grid;gap:24px}.skill-category h4{color:#0f172a;font-size:18px;font-weight:600;margin-bottom:12px}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{background:#fff;border:1px solid #e5e7eb;border-radius:999px;box-shadow:0 4px 14px #0f172a1a;color:#0f172a;font-size:14px;font-weight:600;letter-spacing:.6px;padding:8px 16px}.projects{background:#fff;padding:100px 0}.projects-header{margin-bottom:48px;text-align:center}.projects-subtitle{color:#475569;font-size:20px;margin-top:16px}.filter-section{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:48px}.projects-grid{grid-gap:48px;align-items:start;display:grid;gap:48px;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));margin-top:48px}.project-card{background:#fff;border:1px solid #f3f4f6;border-radius:24px;box-shadow:0 8px 24px #0f172a14;cursor:pointer;height:auto;min-height:320px;overflow:hidden;transition:all .3s ease}.project-card:hover{box-shadow:0 20px 25px #0f172a1f;transform:translateY(-8px)}.project-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card:hover{box-shadow:0 25px 50px #0f172a26;transform:translateY(-8px) scale(1.02)}html{scroll-behavior:smooth}.btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:hover{transform:translateY(-2px)}.project-image{height:200px;overflow:hidden;position:relative}.project-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-overlay{align-items:flex-end;background:linear-gradient(0deg,#00000080,#0000);display:flex;inset:0;justify-content:flex-end;opacity:0;padding:16px;position:absolute;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.external-link-icon{color:#fff;height:20px;width:20px}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{display:flex;flex-direction:column;height:auto;justify-content:flex-start;padding:24px}.project-content h3{color:#0f172a;font-size:20px;font-weight:400;line-height:1.6;margin-bottom:8px}.project-content p{color:#475569;font-size:16px;line-height:1.65;margin-bottom:0}.project-tools{display:flex;flex-wrap:wrap;gap:8px}.watches-page{background:#fff;min-height:100vh;padding:120px 0 80px}.page-title{color:#0f172a;font-size:56px;font-weight:800;letter-spacing:-1px;line-height:1.1;margin-bottom:16px;text-align:center}.page-subtitle{color:#475569;font-size:20px;line-height:1.6;margin-bottom:48px;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.watches-grid{grid-gap:48px;display:grid;gap:48px;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));margin-top:48px}.watch-card{background:#fff;border:1px solid #f3f4f6;border-radius:24px;box-shadow:0 8px 24px #0f172a14;cursor:pointer;height:auto;min-height:350px;overflow:hidden;transition:all .3s ease}.watch-card:hover{box-shadow:0 20px 25px #0f172a1f;transform:translateY(-8px)}.watch-image{height:200px;overflow:hidden}.watch-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.watch-card:hover .watch-image img{transform:scale(1.05)}.watch-content{display:flex;flex-direction:column;height:150px;justify-content:space-between;padding:24px}.watch-content h3{color:#0f172a;font-size:20px;font-weight:600;line-height:1.4;margin-bottom:12px}.watch-content p{color:#475569;flex-grow:1;font-size:16px;line-height:1.6}.custom-piece-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:24px;margin-top:80px;padding:64px 48px;text-align:center}.custom-piece-section h2{color:#0f172a;font-size:36px;font-weight:700;line-height:1.2;margin-bottom:24px}.custom-piece-section p{color:#475569;font-size:20px;line-height:1.6;margin:0 auto 32px;max-width:700px}.custom-contact{margin-top:32px}.custom-contact .btn{align-items:center;background:#3b82f6;border:none;border-radius:12px;box-shadow:0 4px 14px #3b82f640;color:#fff;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:16px 32px;text-decoration:none;transition:all .3s ease}.custom-contact .btn:hover{background:#2563eb;box-shadow:0 8px 25px #3b82f659;transform:translateY(-2px)}.watch-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.watch-modal .modal-content{background:#fff;border-radius:24px;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.watch-modal .modal-header{border-bottom:1px solid #e5e7eb;padding:32px 32px 16px}.watch-modal .modal-header h2{color:#0f172a;font-size:28px;font-weight:700;margin-bottom:8px}.modal-caption{color:#475569;font-size:16px;line-height:1.65}.watch-modal .modal-body{padding:32px}.watch-image-large{text-align:center}.watch-image-large img{border-radius:16px;box-shadow:0 8px 24px #0f172a14;height:auto;max-width:100%}.project-detail-page{background:#fff;min-height:100vh;padding:120px 0 80px}.project-header{margin-bottom:64px;margin-left:auto;margin-right:auto;max-width:1200px}.header-content{grid-gap:64px;align-items:center;display:grid;gap:64px;grid-template-columns:2fr 1fr}.header-left{text-align:left}.header-right{align-items:center;display:flex;justify-content:center}.main-image{max-width:500px;width:100%}.main-image img{border-radius:16px;box-shadow:0 8px 24px #0f172a14;height:400px;object-fit:cover;transition:transform .3s ease;width:100%}.main-image img:hover{transform:scale(1.02)}.tools-used-header{margin-top:32px}.tools-list{justify-content:flex-start}.return-to-projects{border-top:1px solid #f3f4f6;margin-top:64px;padding-top:48px;text-align:center}.return-btn{align-items:center;background:#3b82f6;border:none;border-radius:12px;box-shadow:0 4px 14px #3b82f640;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:16px 32px;text-decoration:none;transition:all .3s ease}.return-btn:hover{background:#2563eb;box-shadow:0 8px 25px #3b82f659;transform:translateY(-2px)}.project-title{word-wrap:break-word;color:#0f172a;font-size:56px;font-weight:800;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-1px;line-height:1.2;margin-bottom:20px}.project-description{color:#475569;font-size:20px;line-height:1.6;margin-bottom:0}.project-content{margin:0 auto;max-width:1200px}.project-story,.story-item{margin-bottom:64px}.story-item{border-bottom:1px solid #f3f4f6;padding-bottom:40px}.story-item:last-child{border-bottom:none}.story-content{grid-gap:64px;align-items:center;display:grid;gap:64px;grid-template-columns:1fr 1fr;min-height:450px}.story-item.text-right .story-content{grid-template-columns:1fr 1fr}.story-item.text-right .story-text{order:2}.story-item.text-right .story-media{order:1}.story-text{padding:24px}.story-text h3{color:#0f172a;font-size:28px;font-weight:700;line-height:1.2;margin-bottom:20px}.story-text p{color:#475569;font-size:18px;line-height:1.7;margin-bottom:24px}.story-media{align-items:center;display:flex;justify-content:center}.story-image img,.story-video video{border-radius:16px;box-shadow:0 8px 24px #0f172a14;transition:transform .3s ease;width:100%}.story-image img:hover{transform:scale(1.02)}.image-gallery{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:16px}.image-gallery img{border-radius:16px;box-shadow:0 8px 24px #0f172a14;height:200px;object-fit:cover;width:100%}.outcome-section{border-top:1px solid #f3f4f6;margin-left:auto;margin-right:auto;margin-top:64px;max-width:1000px;padding:48px 0;text-align:center}.outcome-section h3{color:#0f172a;font-size:28px;font-weight:600;margin-bottom:24px}.outcome-section p{color:#475569;font-size:18px;line-height:1.7}.final-images-section{margin-top:48px;padding:48px 0;text-align:center}.final-images-section h3{color:#0f172a;font-size:28px;font-weight:600;margin-bottom:32px}.images-grid-centered{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin:0 auto;max-width:1200px}.clickable-image{border-radius:16px;box-shadow:0 8px 24px #0f172a14;cursor:pointer;height:250px;object-fit:cover;transition:all .3s ease;width:350px}.clickable-image:hover{box-shadow:0 12px 32px #0f172a26;transform:scale(1.05)}.tools-list{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.tool-tag{background:#fff;border:1px solid #e5e7eb;border-radius:999px;box-shadow:0 4px 14px #0f172a1a;color:#0f172a;font-size:14px;font-weight:600;letter-spacing:.6px;padding:8px 16px}.images-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.images-grid img{border-radius:16px;box-shadow:0 8px 24px #0f172a14;height:200px;object-fit:cover;width:100%}.outcome p{color:#475569;font-size:20px;font-style:italic;line-height:1.65}.contact{background:#fff;padding:60px 0}.contact-content{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:600px;text-align:center}.contact-content p{color:#475569;font-size:20px;line-height:1.6;margin-bottom:32px}.contact-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:16px}.contact-buttons .btn{align-items:center;border:none;border-radius:12px;display:inline-flex;font-size:16px;font-weight:600;gap:8px;overflow:hidden;padding:16px 32px;position:relative;text-decoration:none;transition:all .3s ease}.contact-buttons .btn-primary{background:#3b82f6;box-shadow:0 4px 14px #3b82f640;color:#fff}.contact-buttons .btn-primary:hover{background:#2563eb;box-shadow:0 8px 25px #3b82f659;transform:translateY(-2px)}.contact-buttons .btn-linkedin{background:linear-gradient(135deg,#0a66c2,#004182);background-clip:padding-box;border:2px solid #0000;box-shadow:0 4px 14px #0a66c240;color:#fff}.contact-buttons .btn-linkedin:hover{background:linear-gradient(135deg,#084e94,#036);box-shadow:0 8px 25px #0a66c266;transform:translateY(-2px) scale(1.05)}.contact-buttons .btn-linkedin:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.contact-buttons .btn-linkedin:hover:before{left:100%}.email-icon,.linkedin-icon{height:16px;width:16px}.footer{background:#fff;border-top:1px solid #e5e7eb;padding:48px 0}.footer p{color:#475569;font-size:16px;line-height:1.65;text-align:center}@media (max-width:768px){.container{padding:0 20px}.nav-container{padding:0 16px}.nav-links{gap:24px}.nav-logo-text{font-size:18px}.hero-container{gap:32px;grid-template-columns:1fr;padding:0 20px;text-align:center}.hero-image{height:300px;width:300px}.hero-title{font-size:48px}.hero-subtitle{font-size:20px}.page-title,.project-title{font-size:48px}.about-content,.contact-content{gap:32px;grid-template-columns:1fr}.projects-grid,.watches-grid{grid-template-columns:1fr}.filter-section{justify-content:center}.modal-content{margin:20px;max-height:95vh}.modal-body,.modal-header{padding:24px}.project-detail-page{padding:100px 0 60px}.story-content{gap:24px;grid-template-columns:1fr!important;min-height:auto}.story-item.text-right .story-media,.story-item.text-right .story-text{order:0}.story-text{padding:16px}.story-text h3{font-size:24px}.story-text p{font-size:16px}.image-gallery,.images-grid{grid-template-columns:1fr}.images-grid-centered{align-items:center;flex-direction:column}.clickable-image{height:180px;width:280px}.header-content{gap:32px;grid-template-columns:1fr!important}.header-left{text-align:center}.main-image{max-width:350px}.main-image img{height:250px}.tools-list{justify-content:center}.project-title{font-size:42px}.project-description{font-size:18px}.custom-piece-section{margin-top:60px;padding:48px 24px}.custom-piece-section h2{font-size:28px}.custom-piece-section p{font-size:18px}}.image-modal{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:90%;max-width:90%;overflow:hidden;position:relative}.modal-content img{display:block;height:100%;object-fit:contain;width:100%}.modal-close{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .3s ease;width:40px}.modal-close:hover{background:#fff;transform:scale(1.1)}@media (max-width:480px){.hero{padding:100px 0 60px}.hero-title,.page-title,.project-title{font-size:36px}.hero-buttons{align-items:center;flex-direction:column}.btn{max-width:250px;width:100%}.section-title{font-size:28px}.nav-links{display:none}.nav-container{padding:0 16px}}
/*# sourceMappingURL=main.3fbe86c5.css.map*/